/* @import url(https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */
@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css');

html {
    scroll-behavior: smooth !important;
    font-family: 'Spoqa Han Sans Neo', 'sans-serif' !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

label {
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
}

/* Add here all your css styles (customizations) */
.text-primary{
    color: #ffad31 !important;
}

.navbar-brand{
    display: flex;
}

.navbar-brand .logo {
    width: auto;
    /* width: 180px; */
    height: 28px;
}

.logo{
    width: 180px;
}

.interviewlogo {
    width: 280px;
}

.interviewLogo {
    width: 300px;
}

.img-fluid {
    /*width: 180px;
    margin-left: 140px;*/
}

.navbar {
    padding: 1rem;
}

.bar-1rem {
    padding: 1rem;
}

.nav-link {
    position: relative;
}

.nav-link_1 {
    position: relative;
    padding: .58rem !important;
}

/* .nav-link:hover{
    color: #ffad31 !important;
} */

/* .nav-link.active {
    color: #ffad31 !important;
} */

.nav-link_1 .actice_1 {
    color: #ffad31;
}

.nav-link.active:before {
    content: '';
    /* position: absolute; */
    bottom: 6px;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #ffad31;
}

@media(max-width: 992px) {
    .navbar .nav-link {
        padding: .58rem !important;
        font-size: 1rem;
    }

    .nav-link.active:before {
        content: none;
    }
}

.keep-all {
    word-break: keep-all;
}

.g-px-100--md {
    padding: 0px !important;
}

.main_slogan h2 {
    color: #f2f2f2;
    font-size: 48px;
    margin-bottom: 50px !important;
}

.main_slogan h2 b {
    color: #ffad31;
}

.g-py-200--md {
    margin: 0 auto;
}

.hamburger {
    padding: 4px !important;
}

.main_slogan p {
    color: rgb(230, 230, 230);
    font-size: 18px;
    word-break: keep-all;
    font-weight: 500;
    line-height: 1.65;
}

.main_slogan p b {
    font-weight: bold;
}

.u-btn-outline-darkgray {
    color: white;
    border-color: #ffad31;
}

.lead {
    font-size: 1.05rem;
}

.navbar-expand-lg .navbar-nav {
    font-size: 12px;
    font-weight: 600 !important;
}

.u-icon-v2.u-icon-size--sm.g-color-primary.rounded-circle {
    padding: 3px;
}

.btn {
    padding: 0.5rem 0.8rem;
    /* border-radius: .5rem; */
    border-radius: .25rem;

}

.main_cta_btn {
    padding: 16px 32px;
}

.rounded {
    border-radius: .5rem !important;
}

.form-control {
    border-radius: .25rem;
    font-weight: 400 !important;
    /* font-weight: 500 !important; */
    /* border-radius: .5rem; */

}

#navBar {
    padding-top: 0 !important;
}

.form-control:disabled {
    opacity: .6;
    cursor: not-allowed;
}

@media(max-width: 992px) {
    #navBar {
        padding-top: 1rem !important;
    }

    .responsive_hr {
        width: calc(100% - 30px);
    }

    .main_slogan {
        padding-top: 20vh !important;
        height: 100vh;
    }

    .main_slogan .container {}

    .main_slogan h2 {
        font-size: 40px;
    }

    .main_slogan p {
        font-size: 18px;
        letter-spacing: -.054rem;
    }

}

/* spinner */
/* .loader {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    box-shadow: 0 40px 0 #ffad31;
    position: relative;
    animation: loader11-u7f16642c 0.6s ease-in-out alternate infinite;
    animation-delay: 0.32s;
    top: 50%;
    margin: -30px auto 0; }
    .loader::after, .loader::before {
      content: '';
      position: absolute;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      box-shadow: 0 40px 0 #ffad31;
      animation: loader11-u7f16642c 0.6s ease-in-out alternate infinite; }
    .loader::before {
      left: -1rem;
      animation-delay: 0.48s; }
    .loader::after {
      right: -1rem;
      animation-delay: 0.16s; }
  
  @keyframes loader11-u7f16642c {
    0% {
      box-shadow: 0 30px 0 #ffad31; }
    100% {
      box-shadow: 0 20px 0 #ffad31; } 
} */

.gpt_loader_wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 20px;
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    animation-fill-mode: both;
    animation: bblFadInOut 1.8s infinite ease-in-out;
}

.loader {
    color: #9b9da0;
    font-size: 4px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s;
    top: -14px;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader:before {
    left: -3.5em;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

@keyframes bblFadInOut {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.spinner_wrap {
    position: relative;
    width: 50%;
    height: 20%;
}

.spinner_wrap_alt{
    position: relative;
    width: 100%;
    padding: 40px;
}

.spinner {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 40px 0 #ffad31;
    position: relative;
    animation: loader11-u7f16642c 0.8s ease-in-out alternate infinite;
    animation-delay: 0.32s;
    top: 50%;
    margin: -50px auto 0;
}

.spinner::after,
.spinner::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 40px 0 #ffad31;
    animation: loader11-u7f16642c 0.8s ease-in-out alternate infinite;
}

.spinner::before {
    left: -30px;
    animation-delay: 0.48s;
}

.spinner::after {
    right: -30px;
    animation-delay: 0.16s;
}

.spinner_alt {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 40px 0 #ffad31;
    position: relative;
    animation: loader11-u7f16642c 0.8s ease-in-out alternate infinite;
    animation-delay: 0.32s;
    top: 50%;
    margin: -40px auto 0;
}

.spinner_alt::after,
.spinner_alt::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 40px 0 #ffad31;
    animation: loader11-u7f16642c 0.8s ease-in-out alternate infinite;
}

.spinner_alt::before {
    left: -16px;
    animation-delay: 0.48s;
}

.spinner_alt::after {
    right: -16px;
    animation-delay: 0.16s;
}

@keyframes loader11-u7f16642c {
    0% {
        box-shadow: 0 40px 0 #ffad31;
    }

    100% {
        box-shadow: 0 20px 0 #ffad31;
    }
}

/* //spinner */

.ai_write_ani{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #333;
    box-shadow: 16px 0 #333, -16px 0 #333;
    position: relative;
    animation: flash 0.5s ease-out infinite alternate;
}

@keyframes flash {
    0% {
      background-color: #3332;
      box-shadow: 16px 0 #3332, -16px 0 #333;
    }
    50% {
      background-color: #333;
      box-shadow: 16px 0 #3332, -16px 0 #3332;
    }
    100% {
      background-color: #3332;
      box-shadow: 16px 0 #333, -16px 0 #3332;
    }
  }

/* modal loading */
.on_loading {
    position: absolute;
    top: 65px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 1.5rem 1.5rem;
    width: 100%;
    height: calc(100% - 65px);
    background: rgba(255, 255, 255, .84);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px) !important;
    font-size: 18px;
    font-weight: bold;
    z-index: 9999;
}

.on_loading.on_loading_full {
    position: fixed;
    top: 0;
    height: 100%;
}

.loading_form {
    position: relative;
    width: 100%;
    height: 100%;
}

.loading_form .on_loading {
    top: 0px;
    height: 100%;
}

/* //modal loading */

pre {
    white-space: pre-wrap;
    font-family: inherit;
    font-size: 100%;
    font-weight: normal;
}


/* 회원가입 */
.derem_motion {
    width: 70px;
    padding: 5px;
    margin-left: auto;
}

.signup {
    display: flex;
}

.g-mx-70--xl {
    margin-top: 70px;
}

/* //회원가입 */


/* 회원가입&로그인 */
.lead.g-color-white {
    font-weight: lighter;
}

.dr_text {
    color: #ffad31;
    font-size: 16px;
}

.other_account {
    color: #fff;
    border: none;
    background-color: #ffaf37b6;
    text-decoration: none;
    padding-top: 0.92857rem !important;
    padding-bottom: 0.92857rem !important;
    line-height: 1.4;
    padding: 0.57143rem 1.42857rem;
    font-size: 1.07143rem;
    position: relative;
    transition: .2s ease;
    border-radius: .25rem !important;
    width: 100%;
    margin-top: 8px;
}

.other_account:hover {
    background-color: #ffad31;
    transition: .2s;
}

.check_id_wrap div {
    float: left;
}

.check_id_wrap .check_id_input {
    width: 70%;
}

.check_id_wrap .check_id_button {
    width: 30%;
}

@media(max-width: 428px) {
    .check_id_wrap .check_id_input {
        width: 70%;
    }

    .check_id_wrap .check_id_button {
        width: 30%;
    }
}

.check_id_wrap .check_id_button .text_but {
    width: calc(100% - 8px);
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.terms_wrap a {
    color: #6B6B71;
}

.terms_wrap .terms {
    background: #f8f9f9;
    border-radius: .25rem;
}


/* main write */

.ai_wr_bt_wrap {
    padding-top: 8px;
    text-align: center;
}

.ai_wr_bt_wrap .ai_wr_bt:last-of-type {
    margin-bottom: 0;
}

.ai_wr_bt {
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-bottom: .5rem;
    border: 1px solid #ffad31;
    background: #fff;
    padding: 1rem;
    border-radius: .5rem;
    color: #ffad31;
    min-height: 51px;
}

@media(max-width: 428px) {
    .ai_wr_bt {
        width: 100%;
    }
}

.ai_wr_bt.primary {
    margin-bottom: 0;
    border-color: transparent;
    color: #92969C;
}

.ai_wr_bt:hover {
    background: #fffbf5;
    color: #ffad31;
}

.ai_wr_bt.primary:hover {
    color: #92969C;
    background: #fff;
}

.ai_recom {
    float: left !important;
    background-color: #fffbf5 !important;
    color: #ffad31 !important;
}

.ai_recom:hover {
    background-color: #fff3e1 !important;
    transition: .2s;
}

.resume_view_full {
    display: none;
}

.cont_23 {
    margin-top: 20px;
}

/* .form-group.g-mb-25 ::placeholder {
    float: left;
} */

.submit {
    margin: 10px 20px;
    padding: 10px 80px;
    color: white;
    background-color: #ffad31;
    border-radius: 7px;
    border: none;
}

.submit:hover {
    background-color: #ff9900;
    border: none;
    transition: .2s;
}

.see {
    width: 100%;
    color: #333333;
    background-color: #f8f9f9;
    border-radius: .5rem;
    border: none;
    padding: 1rem;
}

.see:hover {
    background-color: #f1f2f3;
}

.bot_but {
    display: flex;
}

.background_col {
    background-color: #f7f7f7;
}

/* .form-control.rounded-0.form-control-md {
    border: none;
} */

.g-brd-around.g-brd-gray-light-v4.g-pa-30.g-mb-30 {
    border: none;
}

/* .accordion_wrap ul{
    margin: 0%;
    padding: 0;
}

.accordion_wrap li{
    list-style: none;
    position: relative;
}

.accordion_wrap .job_depth02,
.accordion_wrap .job_depth03{
    display: none;
}

.accordion_wrap .job_depth02{
    padding: 20px;
    background-color: #f8f9fa;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.accordion_wrap .job_depth02 > li{
    width: 50%;
    background: #fff;
}



.accordion_wrap .job_depth03{

    padding: 20px;
    border: 1px solid #dee2e6;
} */


/* dp_writes */
.g-bg-primary.g-color-white.g-py-50.g-mb-20 {
    margin-top: 80px;
}

.align-items-stretch {
    max-width: 1140px;
    margin: 0 auto;
}

/* //dp_writes */

/* conf */
.conf_img {
    max-width: 300px;
    margin-top: 20px;
}

.progress-bar {
    overflow: visible;
}

.g-bg-primary-dark-v1 {
    background-color: #38a5ff !important;
}

.follow {
    margin-left: auto;
    margin-top: 30px;
}

/* //conf */

/* recom_modal */

.recom {
    display: none;
    padding-bottom: 1.5rem;
    background: #fff;
}

.recom .g-mb-100--md_2_border {
    margin-bottom: 1rem;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    padding: 1rem;
}

.recom .bot_but {
    margin-bottom: 20px;
}

.recom .bot_but .back_btn {
    width: 100%;
    padding: 8px;
    background-color: #F1F4F7;
    border-radius: 4px;
    color: #1d1d1f;
}

.resume_view_full .bot_but {
    margin-bottom: 20px;
}

.resume_view_full .bot_but .back_btn {
    width: 100%;
    padding: 8px;
    background-color: #F1F4F7;
    border-radius: 4px;
    color: #1d1d1f;
}

/*recom_sel 버튼 클릭했을때 노랑색 border생김*/

.recom_plus {
    border: none;
    color: #ffad31;
    background-color: transparent;
    border-radius: 4px;
    padding: 10px 20px;
}

.recom_plus:hover {}

.recom_sel {
    width: 30% !important;
    background-color: #ffd391;
    color: #ffffff;
    padding: 10px 20px !important;
}


.recom_sel_ai {
    width: 20% !important;
    background-color: #ffd391;
    color: #ffffff;
    padding: 10px 20px !important;
}

@media(max-width: 428px) {
    .recom_sel {
        width: 100% !important;
    }
}

.recom_sel:hover {
    background-color: #ffc46b;
    color: #fff;
}

.align {
    display: flex;
}

.align .recom_sel {
    margin: 0 auto;
}

.align .recom_plus {
    width: 100%;
}


/* write_all */
.stick_ffad31 {
    background-color: #ffad31 !important;
}

.write_all {
    float: right;
}

.rev {
    border: none;
    background-color: #fffbf5;
    color: #ffad31;
    border-radius: 4px;
    padding: 10px 20px;
    margin: 0 10px;
}

.rev:hover {
    background-color: #fff3e1;
    transition: .2s;
}

.save {
    border: none;
    background-color: #ffad31;
    color: white;
    border-radius: 4px;
    padding: 10px 20px;
    margin: 0 10px;
}

.save:hover {
    background-color: #ff9900;
    transition: .2s;
}

/* //write_all */

/* write_ai_check */
.gram_all {
    display: flex;
    justify-content: flex-end;
}

.gram_but {
    background-color: transparent;
    border: none;
    color: red;
    padding: 5px 18px;
    border-radius: 4px;
    margin: 0 5px;
}

.plagi_but {
    color: rgb(0, 132, 255) !important;
}

/* //write_ai_check */

.sub_header li a {
    color: #1d1d1f !important;
}

.sub_header .g-bg-black-opacity-0_7 li a {
    color: #fff !important
}

.check_grammar_form .wrong {
    color: #FF6157;
}

/* 분야선택 */

.hope_check_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-y: scroll;
}

.hope_check_wrap::-webkit-scrollbar {
    width: 4px;
    height: 50%;
}

.hope_check_wrap::-webkit-scrollbar-track {
    border-radius: 10px;
}

.hope_check_wrap::-webkit-scrollbar-thumb {
    background: #E4E8EB;
    border-radius: 10px;
}

.hope_check_wrap::-webkit-scrollbar-thumb:hover {
    background: #D1D6DC;
}


.hope_check_wrap .form-check {
    padding-left: 0;
}

.hope_check_wrap .btn-outline-primary {
    background-color: #f8f9f9;
    border-color: transparent;
    color: #1d1d1f;
    box-shadow: none;
}

.hope_check_wrap .btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.hope_check_wrap .form_check_full {
    width: calc(1/2*100% - (1 - 1/2)*1rem);
    margin-bottom: 1rem;
}

.hope_check_wrap .form_check_full .btn {
    padding: 1rem;
    margin-bottom: 0;
    width: 100%;
    text-align: left;
}

.hope_check_wrap .form_check_full .btn svg {
    position: relative;
    margin-right: .5rem;
    bottom: 2px;
    width: 24px;
    height: 24px;
}

@media(max-width: 428px) {
    .hope_check_wrap .form_check_full .btn svg {
        display: block;
    }
}

.hope_check_wrap .form_check_full span {
    font-size: 16px;
}

@media(max-width: 320px) {
    .hope_check_wrap .form_check_full span {
        font-size: 12px;
    }
}

/* .hope_check_wrap .form_check_full {
    position: relative;
    width: calc(1/4*462px - (1 - 1/4)*1rem);
    height: calc(1/4*462px - (1 - 1/4)*1rem);
    margin: 0 .5rem;
    margin-bottom: 3.4rem;
    text-align: center;
}

.hope_check_wrap_m .form_check_full {
    width: calc(1/4*474px - (1 - 1/4)*1.8rem);
    height: calc(1/4*474px - (1 - 1/4)*1.8rem);
}

@media(max-width: 1200px) {
    .hope_check_wrap .form_check_full {
        width: calc(1/3*360px - (1 - 1/3)*1rem);
        height: calc(1/3*360px - (1 - 1/3)*1rem);
    }

    .hope_check_wrap_m .form_check_full {
        width: calc(1/3*438px - (1 - 1/3)*1rem);
        height: calc(1/3*438px - (1 - 1/3)*1rem);
    }

    .hope_check_wrap .form_check_full span {
        top: calc(1/3*360px - (1 - 1/3)*.5rem) !important;
    }

    .hope_check_wrap_m .form_check_full span {
        top: calc(1/3*438px - (1 - 1/3)*.5rem) !important;
    }
}

@media(max-width: 990px) {
    .hope_check_wrap .form_check_full {
        width: calc(1/3*430px - (1 - 1/3)*1rem);
        height: calc(1/3*430px - (1 - 1/3)*1rem);
    }

    .hope_check_wrap .form_check_full span {
        top: calc(1/3*430px - (1 - 1/3)*.5rem) !important;
    }
}

@media(max-width: 490px) {
    .hope_check_wrap .form_check_full {
        width: calc(1/3*100vw - (1 - 1/3)*5rem);
        height: calc(1/3*100vw - (1 - 1/3)*5rem);
    }

    .hope_check_wrap_m .form_check_full {
        width: calc(1/3*100vw - (1 - 1/3)*3.2rem);
        height: calc(1/3*100vw - (1 - 1/3)*3.2rem);
    }

    .hope_check_wrap .form_check_full span {
        font-size: 12px !important;
        top: calc(1/3*100vw - (1 - 1/3)*4.5rem) !important;
    }

    .hope_check_wrap_m .form_check_full span {
        font-size: 12px !important;
        top: calc(1/3*100vw - (1 - 1/3)*2.8rem) !important;
    }

    .hope_type_wrap .u-check span.btn {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
    }
}

.hope_check_wrap .form_check_full span {
    width: 100%;
    position: absolute;
    top: calc(1/4*460px - (1 - 1/4)*.5rem);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    word-break: keep-all;
}

.hope_check_wrap .form_check_full .btn {
    border-radius: 50vw;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1rem 0;
    text-align: center;
    transition: none;
} */

.hope_check_wrap .form_check_full .btn:active {
    color: inherit;
    background-color: #f8f9f9;
    border-color: #f8f9f9;
}

.hope_check_wrap .btn-check:checked+.btn-outline-primary,
.hope_check_wrap .btn-check:active+.btn-outline-primary,
.hope_check_wrap .btn-outline-primary:active,
.hope_check_wrap .btn-outline-primary.active,
.hope_check_wrap .btn-outline-primary.dropdown-toggle.show {
    color: #FF9D29;
    background-color: #fff2d5;
    border-color: #fff2d5;
}

.hope_check_wrap .form_check_full .btn {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 48%;
}

/* .hope_check_wrap .form_check_full:nth-child(1) .btn {
    background-image: url(../../img/icon/bag_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(2) .btn {
    background-image: url(../../img/icon/ad_xx.png);
    background-position: 52% 54% !important;
}

.hope_check_wrap .form_check_full:nth-child(3) .btn {
    background-image: url(../../img/icon/it_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(4) .btn {
    background-image: url(../../img/icon/design_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(5) .btn {
    background-image: url(../../img/icon/trade_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(6) .btn {
    background-image: url(../../img/icon/callcen_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(7) .btn {
    background-image: url(../../img/icon/service_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(8) .btn {
    background-image: url(../../img/icon/research_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(9) .btn {
    background-image: url(../../img/icon/product_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(10) .btn {
    background-image: url(../../img/icon/study_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(11) .btn {
    background-image: url(../../img/icon/instru_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(12) .btn {
    background-image: url(../../img/icon/hospital_xx.png);
}

.hope_check_wrap .form_check_full:nth-child(13) .btn {
    background-image: url(../../img/icon/media_xx.png);
    background-position: 50% 46% !important;
}

.hope_check_wrap .form_check_full:nth-child(14) .btn {
    background-image: url(../../img/icon/specialjob_x.png);
} */

/* //분야선택 */


.footer {
    /* background: #f9fafb !important; */
    background: #fff !important;
    /* border-top: 1px solid rgb(222 226 230 / 50%); */
}

.footer footer > div{
    padding: 40px 0 !important;
}

@media(max-width: 768px) {
    /* footer .col-lg-4 {
        margin-bottom: 1.5rem;
    } */

    footer .col-lg-8.text-right {
        text-align: left !important;
    }
}

/* 3_list_select */
.u-btn-primary.u-btn-hover-v1-1:hover {
    background-color: #ffad31 !important;
    overflow: hidden !important;
}

.u-btn-primary.u-btn-hover-v1-1::after,
.u-btn-primary.u-btn-hover-v1-1:hover::after {
    background-color: #ffbf60;
}

.list_sel_all {
    text-align: center;
    flex: auto;
}

.list_sel_all a {
    padding: 6px 17px;
    font-size: 14px;
}

.list_sel_1 {
    padding-top: 1.07143rem !important;
}

.list_sel_1>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list_sel_1 a {
    padding: 8px .75rem;
    width: calc(1/2*100% - (1 - 1/2)*0.71429rem);
    background: #fff;
    border: 1px solid #dee2e6;
    color: #555;
    font-size: 14px;
}

.list_sel_1 label {
    width: calc(1/2*100% - (1 - 1/2)*0.71429rem);
    margin-bottom: 0;
}

.list_sel_1 label .btn {
    padding: 8px .75rem;
    background: #fff;
    border: 1px solid #dee2e6;
    justify-content: center;
    color: #555;
    font-size: 14px;
    border-radius: .3rem;
    text-align: center;
}

.list_sel_1 label .btn:hover {
    background: #f8f9f9;
}

.list_sel_1 a.active {
    border-color: #dee2e6;
    background-color: inherit;
    color: #ffad31;
}

.list_sel_1 a:focus {
    color: inherit;
}

.list_sel_1 a:hover {
    background-color: #eee;
    border-color: #dee2e6;
    color: inherit;
}

.list_sel_1 a.active:hover {
    background-color: #fff;
    border-color: #dee2e6;
    color: #ffad31;
}

.top_texta {
    width: 100%;
    text-align: left !important;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f8f9f9;
}

.top_texta h3 {
    font-size: 16px;
    font-weight: bold;
}

.top_texta .subject_add {
    padding: 8px;
    margin-top: 1rem;
    width: 100%;
    border: 1px solid #ffad31;
    border-radius: .5rem;
    color: #ffad31;
    text-align: center;
}

.texta_p {
    font-weight: normal;
}

.butt_wrt {
    background-color: #ffad31;
    border-radius: 5px;
    border: none;
    color: white;
    padding: 10px 30px;
    text-align: center;
}

.butt_wrt_div {
    text-align: right;
    margin: 10px;
}

.list_sel_img {
    max-width: 200px;
}

.list_sel_img_div {
    text-align: right;
}

.u-btn-primary.u-btn-hover-v1-4:hover {
    background-color: #ffad31;
}

.u-btn-primary.u-btn-hover-v1-4::after,
.u-btn-primary.u-btn-hover-v1-4:hover::after {
    background-color: #ffbf60;
}

/* 3_list_select */

/* modal css */
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal_ftp {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1054;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 20px;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.28s cubic-bezier(0, 0.4, 0.01, 1.22);
    transition: transform 0.28s cubic-bezier(0.04, -0.35, 0.13, 1.3);
    transform: translate(0, -86%);
}


@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.modal.shake .modal-dialog {
    -webkit-animation-name: shake;
    animation-name: shake;
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}


@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: 100%
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    /* border-radius: .5rem; */
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    background-color: rgb(0 0 0 / 0%);
    /* backdrop-filter: blur(54px) saturate(120%) brightness(105%) hue-rotate(10deg); */
    backdrop-filter: blur(3px) saturate(100%) brightness(30%) hue-rotate(0deg);
    -webkit-backdrop-filter: blur(2px) saturate(100%) brightness(30%) hue-rotate(0deg);

    transition: ease-in-out .16s;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 1;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    padding-bottom: 1rem;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    border-bottom: none;
}

.modal-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin: 0rem 0 0rem auto;
}

.btn-close-left {
    padding: .5rem .5rem;
    margin: calc(28px - 0.25rem);
    margin-bottom: 0rem;
}

.modal-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.5;
    word-break: keep-all;
    color: #1d1d1f;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0 1.5rem 1.5rem;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    scroll-behavior: smooth !important;
}

.modal-footer {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem 1.5rem;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
    border-top: none;
    /* box-shadow: 0px -20px 20px 0px rgb(255 255 255); */
    z-index: 10;
}

@media(max-width: 769px) {
    .modal-footer {
        padding: 16px 20px;
    }

    .modal-footer button {
        font-size: 14px;
    }
}

.modal-footer>* {
    margin: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 480px;
        margin: 1.75rem auto;
    }

    .modal-dialog_1 {
        max-width: 950px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-dialog.typemodal {
        max-width: 520px;
        /* margin: 0 auto; */
    }

    .modal-dialog.resumedomodal {
        max-width: 860px;
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}

.modal-fullscreen .modal-header {
    border-radius: 0;
}

.modal-fullscreen .modal-body {
    overflow-y: auto;
}

.modal-fullscreen .modal-footer {
    border-radius: 0;
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }

    .modal-one-button-100x {
        width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
        overflow-y: hidden;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
}

.btn.disabled,
.btn:disabled {
    opacity: .6;
    cursor: not-allowed;
}

.slide_btn_wrap .btn.disabled:hover,
.slide_btn_wrap .btn:disabled:hover {
    background-color: #ffad31 !important;
    border-color: #ffad31 !important;
    opacity: .6 !important;
}


.modal_btn {
    padding: 1rem 0;
    margin: 0;
    width: calc(1/2*100% - (1 - 1/2)*14px);
    background: #f8f9f9;
    /* border-radius: .5rem; */
    font-size: 16px;
    font-weight: bold;
    /* line-height: 1; */
}

.modal_btn.modal_btn_main {
    background: #FFAD31;
    color: #fff;
}

.modal_btn.modal_btn_main:hover {
    background: #ff9e0d;
}

.modal_btn.modal_btn_main:disabled:hover {
    background: #FFAD31;
    opacity: .6;
}



.modal_btn_btn {
    padding: 1rem 0;
    margin: 0;
    width: calc(1/3*100% - (1 - 1/2)*14px);
    background: #f8f9f9;
    /* border-radius: .5rem; */
    font-size: 16px;
    font-weight: bold;
    /* line-height: 1; */
}

.modal_btn_btn.modal_btn_main {
    background: #FFAD31;
    color: #fff;
}

.modal_btn_btn.modal_btn_main:hover {
    background: #ff9e0d;
}

.modal_btn_btn.modal_btn_main:disabled:hover {
    background: #FFAD31;
    opacity: .6;
}

.modal_btn_btn.modal_btn_main_link {
    background: #42b305;
    color: #fff;
}

.modal_btn_btn.modal_btn_main_link:hover {
    background: #42b305;
}

.modal_btn_btn.modal_btn_main_link:disabled:hover {
    background: #42b305;
    opacity: .6;
}


.modal_btn_full {
    width: 100%;
    background: #FFAD31;
    color: #fff;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.8em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
    outline: none;
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.btn-close:focus {
    outline: 0;
    /* box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
    opacity: 1;
}

.btn-close:disabled,
.btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.25;
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.dr_open_modal {
    position: relative;
}

.dr_open_modal .dr_modal_close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    padding: 0;
    width: 30px;
    height: 30px;
}

.dr_open_modal .dr_modal_close svg {
    width: 100%;
    height: 100%;
}

/* //modal css */




/* -----4.27 3:13--------- */
/* company_search */
.search_img {
    max-width: 25vh;
}

.search_bar {
    width: 100%;
    text-align: center
}

.input_search {
    padding: 5px 80px
}

.but_search {
    padding: 5px 20px;
}

/* .g-width-40 {
    width: 90px !important;
} */

.search_but {
    padding: 14px;
    width: 53px;
    color: white !important;
    background-color: #fff2d5 !important;
}

.search_but svg {
    color: #ffad31;
}

.search_but:hover {
    background-color: #ff9900 !important;
    transition: .2s;
}

.search_input {
    padding-left: 48px !important;
    background: url(../../img/search_ico.svg) no-repeat 1.07143rem 50%;
    background-size: 1.5rem;
    border: 1px solid #ffad31 !important;
    color: #494a4f !important;
}

.search_input:hover {
    border-color: #ffad31 !important;
}

.keyword_text {
    color: #494a4f !important;
    font-size: 18px !important;
    margin: 1.07143rem 0;
}

.next_but {
    width: 100%;
    border: none;
    color: white;
    background-color: #ffad31;
    padding: 10px;
    border-radius: 5px;
    margin-top: 30px;
}

.plus_text_div {
    text-align: center;
    margin-top: 8px;
    margin-left: 15px;
    margin-right: 15px;
}

.plus_text_div .plus_text {
    display: block;
    width: 100%;
    background-color: #fff2d5;
    color: #ffad31;
    border: none;
    font-weight: 500;
}

.plus_text_div .comp_more_btn {
    background-color: transparent;
    color: #333333;
    font-size: 16px;
}

.plus_text_div .comp_more_btn svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.plus_text_div .comp_more_btn:hover {
    background: transparent;
}

.media-body .justify-content-between {
    align-items: center;
}

.plus_text {
    padding: 12px;
    border-radius: .5rem;
    transition: .2s ease;
}

.plus_text:hover {
    background: #ffecc1;
    text-decoration: none;
}

.submitt_right_but {
    padding: 6px 8px;
    background-color: transparent;
    color: #333333;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    font-size: 12px;
}

.submitt_right_but:hover {
    border-color: #1d1d1f;
    transition: .2s;
}

.orange_head_text {
    color: #ffad31;
}

/* company_search */

.custom-select {
    cursor: pointer;
}


/* 1. 직무 선택 */
.hope_topic {
    color: #ffad31 !important;
}

.hope_check_wrap_22 {
    height: auto !important;
}

@media(max-width: 768px) {
    .hope_check_wrap_22 {
        height: auto !important;
    }
}

.hope_select_1 {
    color: #494a4f !important;
    font-weight: 500;
    font-size: 18px !important;
}

.hope_bott_but_2_1 {
    padding: 3px 10px !important;
    text-align: left;
    background-color: transparent;
    color: black;
}

.down_butt {
    width: 48px !important;
}

.div_sel_but_wrap {
    display: flex;
    flex-wrap: wrap;
}

.column_50p {
    width: 50%;
}

/* //1. 직무 선택 */

.hope_type_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hope_type_wrap .u-check {
    width: calc(1/2*100% - (1 - 1/2)*1rem);
    margin: 0 1rem 1rem 0;
}

.hope_type_wrap .u-check:nth-child(2n) {
    margin-right: 0;
}

.hope_type_wrap .u-check .btn {
    padding: 8px .75rem;
}

.direct_input {
    padding: 20px 16px;
    border-radius: .5rem;
    background: #f8f9f9;
    margin: 26px 0 16px;
}

.direct_input p {
    font-size: 16px;
    color: #92969C;
}

.choose_comp_wrap {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
}

.choose_comp_nodata {
    padding: 16px;
    width: 100%;
    font-size: 16px;
    color: #92969C;
    border-radius: .5rem;
    text-align: center;
    font-weight: normal;
}

.choose_comp_wrap .u-check {
    width: 100%;
    margin-bottom: 8px;
}

.choose_comp_wrap .u-check:last-of-type {
    margin-bottom: 0
}

.choose_comp_wrap .u-check p.btn {
    margin-bottom: 0;
    text-align: left;
    align-items: center;
}





/* ---------수정---------- */

.main_slide_bar {
    margin-top: 200px;
    max-width: 1140px;
    margin: 0 auto;
}

/* //메인 슬라이드 바 */

/* write_main */
.big_box {
    margin-top: 120px;
    margin-top: 148px;
    min-height: calc(100vh - 6.42857rem - 120px);
}

.resume_slide,
.resume_result {
    padding-bottom: 60px;
}

.resume_slide .js-slide {
    padding-top: 68px;
}

.resume_slide .js-slide p,
.resume_slide .js-slide .btn {
    word-break: keep-all;
}

.resume_slide .js-slide p {
    /* color: #1d1d1f !important; */
    /* font-size: 17px !important; */
}

/* .resume_slide .js-slide .btn {
    position: absolute;
    bottom: 4.14286rem;
    left: 4.14286rem;
    padding: 16px 24px;
    width: 50%;
    border-radius: .5rem;
    font-size: 16px !important;
} */

.resume_slide .js-slide .right_image {
    align-self: center;
    width: 58%;
    margin: 0 auto;
}

.resume_slide .js-slide .write_tit {
    margin-bottom: 26px;
    margin-bottom: 2rem;
}

@media(min-width: 768px) and (max-width: 1200px) {
    .resume_slide .js-slide .right_image {
        width: 64%;
    }
}

@media(max-width: 992px) {
    .right_image_wrap {
        display: none !important;
    }
}

@media(max-width: 428px) {
    .resume_slide .g-pa-100--sm {
        padding: 26px !important;
    }

    .resume_slide .js-slide p {
        font-size: inherit !important;
    }

    .resume_slide .js-slide .btn {
        font-size: 16px;
    }

    .bg_slide {
        min-height: auto !important;
    }

}

.bg_slide>div {
    position: relative;
}

/* write_slide */
.g-pa-100--sm {
    padding: 4.14286rem !important;
}

.g-mb-25 {
    margin-bottom: 2.78571rem !important;
}

.g-mb-30_2 {
    margin-bottom: 4.14286rem !important;
}

.u-dot-title {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 12px;
    margin-left: 18px;
    border-radius: .5rem;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.4;
    word-break: keep-all;
    opacity: .6;
    cursor: default;
}

.js-pagination li:first-child .u-dot-title {
    margin-left: 0;
}

.js-pagination li.done {
    background: #ffeed4;
}

.js-pagination li.done .u-dot-title {
    opacity: 1;
    cursor: pointer;
}

.js-pagination li.done::after {
    background: #ffeed4;
}

@media(max-width: 428px) {
    .u-dot-title {
        font-size: 12px;
    }
}

.js-pagination {
    display: flex !important;
    border-radius: .5rem;
    border: 1px solid #dee2e6 !important;
    border: 1px solid #ffd59f !important;
    background: #fff;
    z-index: 10;
}

.js-pagination li {
    display: flex;
    width: auto;
    flex: 1;
    position: relative;
    vertical-align: middle;
    border-radius: .5rem;
    z-index: 1;
}

.js-pagination li::after {
    content: "";
    display: block;
    position: absolute;
    right: -4px;
    right: -8px;
    top: 14px;
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: .4rem;
    border: 1px solid transparent;
    border-color: transparent transparent #dee2e6 #dee2e6;
    border-color: transparent transparent #ffd59f #ffd59f;
    transform: rotate(225deg) translateY(14px);
    -ms-transform: rotate(225deg) translateY(14px);
    -webkit-transform: rotate(225deg) translateY(14px);
    -moz-transform: rotate(225deg) translateY(14px);
    -o-transform: rotate(225deg) translateY(14px);
    z-index: 3;
}

.js-pagination li:last-child::after {
    content: none;
}

.js-pagination li.slick-current {
    background: #ffeed4;
    color: #FFAD31;
    z-index: 2;
    z-index: 0;
}

.js-pagination li.slick-current .u-dot-title {
    font-weight: bold;
    cursor: pointer;
    opacity: 1;
}

.js-pagination li.slick-current::after {
    background: #ffeed4;
    /* border-color: transparent; */
}

@media(max-width: 769px) {
    .js-pagination li::after {
        content: none;
    }

    .u-dot-title {
        margin-left: 0;
    }


    .g-font-size-30--767 {
        font-size: 30px !important;
        line-height: 45px;
    }

    .g-font-size-25--767 {
        font-size: 20px !important;
        /* line-height: 45px;  */
    }

    .g-font-size-18--767 {
        font-size: 18px !important;
    }

    .g-font-size-16--767 {
        font-size: 16px !important;
    }

    .g-font-size-14--767 {
        font-size: 14px !important;
    }

    .ct-main-btn {
        padding: 15px 25px !important;
    }
}

@media(max-width: 792px) {
    .g-font-size-25--767 {
        font-size: 20px !important;
        /* line-height: 45px;  */
    }
}

.right_image_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.slide_btn_wrap {
    display: flex;
}



@media(max-width: 428px) {
    .slide_btn_wrap {
        justify-content: space-between;
    }

    .slide_btn_wrap .sele_but {
        width: calc(100% - 80px) !important;
    }

    .slide_btn_wrap .resume_final_btn {
        width: 100% !important;
    }
}

@keyframes toast_ani {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform: translateX(-34px);
        -webkit-transform: translateX(-34px);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}

.next_step_btn {
    margin-left: 20px;
    padding: 0 !important;
    width: 60px !important;
    background: #ffad31;
    text-align: center;
    /* animation: .36s toast_ani ease-out forwards; */
}

.next_step_btn svg {
    vertical-align: top;
    width: 36px;
    height: 36px;
    color: #fff;
}

.sele_but2 {
    float: right;
}

.sele_but.sele_but2 {
    margin-top: 20px;
}

.bg_slide {
    position: relative;
    /* height: 55vh; */
    background-color: #fff;
    border: 1px solid #ebeef0;
    border-radius: 1rem;
}

.bg_slideee {
    border: 1px solid #ffad31;
}

.imgggg {
    width: 100px;
}

.g-color-white {
    color: rgb(255, 255, 255) !important;
}

.g-color-white-opacity-0_7,
.g-color-white-opacity-0_7--hover:hover {
    color: black !important;
}

.g-brd-gray-light-v4_2 {
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.justify-content-between_1 {
    float: right;
}

.g-brd-orange-left {
    border-left-color: #D1D6DC !important;
}

.my_choose_list {
    margin-top: 1rem;
}

.hope_list_between {
    display: flex;
    place-content: space-between;
    padding: 0rem 1rem !important;
    border-radius: 0 .5rem .5rem 0;
    /* box-shadow: 0px 0px 16px rgba(74, 75, 80, .08); */
}

.g-height-1_1 {
    height: 2px;
}

.hope_list_between h4 {
    padding-bottom: 6px;
    margin-bottom: 0;
    color: #1d1d1f;
    font-size: 16px;
}

.hope_list_between h5 {
    padding: 6px 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #7F808C;
    border-bottom: 1px solid #EAF0F6;
    word-break: keep-all;
}

.hope_list_between h5:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

@media(max-width: 428px) {

    .hope_list_between h4,
    .hope_list_between h5 {
        font-size: 14px;
    }
}

.d-flex_1 {
    flex-flow: column;
}

.last_page_derem {
    width: 12vw;
    padding-bottom: 60px;
    margin: 0 auto;
}

.g-color-white-opacity-0_7.g-mb-30 {
    line-height: 30px;
}

.lead.g-mb-30 {
    line-height: 30px;
}

.h4,
h4 {
    font-size: 1.7rem;
}

.u-carousel-indicators-v30 {
    width: calc(100% - 30px);
}

/* // write_slide */


/* 마이페이지  */
.mypage_prof {
    margin-top: 30px;
}

.mypage_prof_img {
    width: 100px;
    height: 100px;
    margin-left: 0px;
    /* background-image: url("../../img/profile_pic.png"), linear-gradient(120deg, #f6d365 0%, #fda085 100%); */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 50%, 100% !important;
    /* cursor: pointer; */
}

.mypage_side_menu li {
    margin: 6px 0;
    text-align: center;
}

.side_menu_2_hover:hover {
    background-color: transparent !important;
}

.mypage_side_menu a {
    padding: 8px 0 !important;
    color: #333333 !important;
}

.rev_butt {
    background-color: #ffd79b !important;
    margin-right: 10px;

}

.mypage_bot_but_div {
    text-align: right;
}

.passw_re_submit_mypage {
    border: none !important;
}

.mypage_resub_pass_butt {
    padding: 5px 15px !important;
}

.mypage_sec_tit {
    margin-bottom: 1rem;
    font-size: 20px;
    font-weight: bold !important;
    color: #1d1d1f;
}

.mypage_bot_but {
    background: #f1f1f1;
    color: #333333;
}

.mypage_bot_but:hover {
    background: #e6e6e6;
}

/* // 마이페이지  */


/* 리뷰 */
.derem_thk {
    width: 300px;
}

.justify-content-center_1 {
    padding: 0 15px;
    justify-content: center !important;
}

.g-font-size-17_2 {
    font-size: 1.21429rem !important;
    color: rgb(138, 138, 138);
}

.review_title {
    font-size: 24px;
    color: black;
    font-weight: bold;
}

/* //리뷰 */

.hope_input {
    cursor: pointer;
}


/* 마이페이지 자기소개서 관리 */
.butt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 999;
}

.but_box {
    width: calc(1/2*100% - (1 - 1/2)*10px);
    border: 1px solid #FFAD31;
    ;
    color: #FFAD31;
    padding: 6px 0;
    border-radius: .25rem;
    text-align: center;
}

.but_box:hover {
    background-color: #fff5e6;
    text-decoration: none;
}

.but_box_full {
    width: 100%;
    margin-top: 10px;
}

.list_bg_color {
    background-color: transparent;
    border: 1px solid #d2d6da;
    border: 1px solid rgb(222 226 230 / 80%);
    border-radius: .5rem;
    transition: .2s ease;
    cursor: pointer;
}

.list_bg_color:hover {
    background: #f8f9f9;
}

.g-font-size-24_1 {
    font-size: 1.21429rem !important;
    color: #686868 !important;
}

.topic_list {
    font-size: 18px;
    padding-bottom: 10px;
    color: #1d1d1f !important;
    color: #2c2c2f !important;
    word-break: keep-all;
}

.list_bg_color .d-block {
    margin-bottom: 20px;
    font-size: 16px;
}

.list_bg_color .d-block i {
    font-style: normal;
    opacity: .8;
}

/* // 마이페이지 자기소개서 관리 */

.modal-footer_ns {
    box-shadow: none;
}

.mypage_bot_but_div .ctn_btn_noborder {
    padding-right: 0 !important;
    padding-left: 0 !important;
    float: left;
    text-decoration: underline;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: #92969C;
    background: none;
    border: none;
    box-shadow: none !important;
}

.modal_back_btn {
    display: inline-block;
    padding: 0 1rem;
    padding: .5rem .8rem;
    /* margin-left: -1rem; */
    font-size: 14px;
    font-weight: normal;
    background: #eef1f3;
    color: #8d8f92;
    border-radius: .5rem;
}

.modal_back_btn:hover {
    text-decoration: none;
    color: #8d8f92;
    background: #e7e9ea;
    opacity: 1;
}

.modal_back_btn span {
    font-weight: bold;
}

button.modal_back_btn {
    border: none;
    outline: none;
}


/* 자기소개서 전체 페이지 */
.print_but {
    margin-left: auto !important;
}

.rev_but {
    background: none !important;
    color: black;
}

.rev_but:hover {
    border: 1px solid transparent;
    background: none !important;
    color: #ffad31;
}

.share_all {
    color: #dddddd;
}

.share_all:hover {
    color: white !important;
}

.share1:hover {
    background-color: rgb(106, 213, 255) !important;
}

.share2:hover {
    background-color: rgb(255, 31, 31) !important;
}

.share3:hover {
    background-color: rgb(34, 104, 255) !important;
}

.share4:hover {
    background-color: rgb(255, 161, 177) !important;
}

.share5:hover {
    background-color: rgb(255, 211, 17) !important;
}

.dp_logo_small {
    width: 50px;
}

/* //자기소개서 전체 페이지 */

.resume_list_wrap {
    padding-left: calc(2.14286rem - 15px) !important;
    padding-right: calc(2.14286rem - 15px) !important;
    padding-bottom: 0 !important;
}

.resume_title_input {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
}

.resumedo_form .form-group label {
    font-size: 16px;
}

.editable_txtarea {
    padding: 1rem;
    line-height: 1.6;
    outline: none
}

.form-control:focus .editable_txtarea {
    border-color: #ffad31;
}

.editable_txtarea:focus .form-control {
    border-color: #ffad31;
}

.editable_txtarea:focus {
    border-color: #ffad31;
}

.added_my_resume_sec .my_choose_list {
    width: 100%;
    margin: 0;
    margin-bottom: 1.07143rem;
}

.added_my_resume_sec .my_choose_list li {
    display: block;
}

.added_my_resume_sec .my_choose_list li h5 {
    position: relative;
    padding-right: 36px;
}

.added_my_resume_sec .my_choose_list li h5:last-child {
    padding-bottom: 12px;
}

.added_my_resume_sec .my_choose_list li .remove_added {
    padding: 6px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    right: 0rem;
    width: 34px;
    height: 34px;
    border-radius: 100px;
    cursor: pointer;
}

.added_my_resume_sec .my_choose_list li .remove_added:hover {
    background: #f8f9f9;
}

.added_my_resume_sec .my_choose_list li .remove_added svg {
    width: 100%;
    height: 100%;
    vertical-align: inherit;
    color: #d2d5da;
}

.added_resume_empty {
    padding: .5rem;
    margin-top: 12px;
    border-radius: .5rem;
    background: #f8f9f9;
    text-align: center;
    color: #7F808C;
    font-weight: normal;
}

textarea.form-control {
    padding: 1rem;
    line-height: 1.6;
    resize: none;
}













/* 이력서 작성 */

.all_margin {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 50px;
}

.title1 {
    margin-top: 60px;
    margin-bottom: 40px;
    color: #ffad31;
    font-weight: bold;
}

.title1_1 {
    margin-top: 0 !important;
}

.bb_ccc {
    padding-top: 1.42857rem !important;
    padding-bottom: 1.42857rem !important;
}

.bb_cccc {
    padding-top: 1.42857rem !important;
    padding-bottom: 1.42857rem !important;
}

.row_border_ccc {
    border-bottom: 1px solid #eee !important;
}

.row_border_ccc:last-child {
    border: none !important;
}

.form-group_1 {
    margin-bottom: 1.78571rem !important;
}

.save_butt {
    width: 100%;
}

.plus_div {
    text-align: center;
}

.plus_butt {
    color: #ffad31;
    padding: 5px 10px;
    background-color: transparent;
    border: none;
    margin-bottom: 20px;
}

.topic_text {
    margin-top: 100px;
    font-weight: bold;
    color: #ffad31;
    text-align: center;
}

.topic_text>h1 {
    font-size: 45px;
}

/*//  이력서 작성 */

/* 이력서 뷰 */
.full_resume_top_div {
    text-align: center;
}

.full_resume_top {
    font-size: 40px;
}

.col-md-9_1 {
    flex: 0 0 100%;
    max-width: 100%;
}

.row_1 {
    padding: 0 20px;
}

/* // 이력서 뷰 */








/* 비밀번호 변경 */
.password_but {
    width: 100%;
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
    background-color: #ffad31;
    border-radius: 3px;
    border: none;
}

/* // 비밀번호 변경 */

/* 새 비밀번호 */
.text_but_all {
    display: flex;
}

.text_but {
    margin-left: 8px;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #dee2e6;
    background: #f8f9f9;
    color: #545c6d;
    width: 120px;
}

.text_but:disabled:hover {
    background: #f8f9f9;
}

.text_but:hover {
    color: inherit;
    background: #f1f2f3;
}

.modal_body_img {
    max-width: 26vh;
}

.modal_body_img_div {
    text-align: center;
    margin: 30px 0;
}

/* // 새 비밀번호 */

/* 표절 */
.gr_box_border_none {
    border: none;
}

.wrong_s {
    color: rgb(0, 132, 255) !important;
}

/* // 표절 */

/* 맞춤법, 표절 검사 페이지 */
#myintroModal .list_bg_color .topic_list {
    padding-top: 0;
}

#myintroModal .list_bg_color .d-block {
    margin-bottom: 0;
}

.editable_txtarea_a {
    position: relative;
    border: 1px solid rgb(222 226 230 / 80%);
    border-radius: 0.25rem;
    font-size: 16px;
    word-break: break-word;
}

.editable_txtarea_a .align {
    position: absolute;
    width: calc(100% - 2rem);
    bottom: 1rem;
}

.conf_topic_padding {
    padding-top: 10.71429rem !important;
    padding-bottom: 0.71429rem !important;
}

.conf_topic_font {
    font-size: 2.57143rem !important;
}

.text_num_butt_all {
    display: flex;
    flex-flow: column;
}

.text_num_butt {
    background-color: #ffad31;
    color: white;
    padding: 1rem;
    margin-left: 1rem;
}

.text_num_butt2 {
    color: #ffad31;
    padding: 1rem;
}

.text_num_butt2:hover {
    background-color: #fff2d5;
    color: #ffad31;
}

.but_box_2 {
    width: 100%;
    background-color: #fff;
    border: 1px solid #FFAD31;
    ;
    color: #FFAD31;
    padding: 6px 0;
    border-radius: .25rem;
    text-align: center;
}

.but_box_2:hover {
    background-color: #fff5e6;
    text-decoration: none;
}

.list_bg_color_2 {
    background-color: #ffeccf;
    border-radius: .5rem;
}

div:empty:before {
    content: attr(placeholder);
    color: #92969C;
    cursor: text;
}

.chk_btn_wrap {
    padding-top: 1rem;
}

.chk_btn_wrap div:first-of-type .chk_btn {
    justify-content: flex-start !important;
}

.chk_btn_wrap div:last-of-type .chk_btn {
    justify-content: flex-end;
}

.chk_btn_wrap .chk_btn {
    display: flex;
}

.chk_btn_wrap .chk_btn .btn {
    width: auto;
}

.chk_btn_wrap .chk_btn .resume_load_btn {
    background: #f8f9f9;
    color: #333333;
}

.chk_btn_wrap .chk_btn .resume_load_btn:hover {
    background: #f1f2f3;
}

@media (max-width: 992px) {
    .chk_btn_wrap .chk_btn .resume_load_btn {
        width: 100%;
    }

    .chk_btn_wrap div:last-of-type .chk_btn {
        margin-top: 1rem;
    }
}

@media (max-width: 428px) {
    .editable_txtarea_a {
        font-size: 14px;
    }

    .chk_btn_wrap .chk_btn .resume_load_btn {
        font-size: 14px !important;
    }
}

.wrong_txt {
    font-size: 16px;
}

.wrong_txt span {
    word-break: keep-all;
}

.wrong_txt_red {
    display: block;
    /* color: #FF6157 !important; */
    color: #ff4c3e !important;
    font-size: 16px;
}

.plag_txt_blue {
    display: block;
    color: #409BFF;
    font-size: 18px;
}

.ai-comment {
    /* text-decoration: underline; */
    background-color: rgb(255, 219, 219) !important;
    cursor: pointer;
}

.ai-comment-bg {
    background-color: #9d9fa3 !important;
}

.danger {
    text-decoration: underline;
    /* color: #ffe3e3 !important; */
    color: #ff4c3e !important;
    cursor: pointer;
}

.wrong {
    text-decoration: underline;
    color: #ffc107 !important;
    cursor: pointer;
}

.success {
    background-color: #d4e8ff !important;
    cursor: pointer;
}

.success {
    background-color: #d4e8ff !important;
    cursor: pointer;
}

.plag {
    text-decoration: underline;
    color: #409BFF;
    cursor: pointer;
}

.info_ico {
    display: inline-block;
    margin-right: .2rem;
    width: 16px;
    height: 16px;
}

.check_grammar_form ul.list-unstyled {
    margin-bottom: 0;
}

.check_grammar_form .list-unstyled li {
    margin-bottom: .5rem;
    border-radius: .5rem;
}

.check_grammar_form .list-unstyled li:last-child {
    margin-bottom: 0;
}

.check_grammar_form .list-unstyled li p.m-0 {
    font-size: 16px;
    word-break: break-all;
}

.check_grammar_form .list-unstyled li span.g-color-gray {
    color: #7F808C;
    font-weight: normal;
    word-break: keep-all;
}

@media(max-width: 428px) {
    .info_ico {
        width: 14px;
        height: 14px;
    }

    .check_grammar_form .list-unstyled li span.g-color-gray {
        font-size: 12px !important;
    }
}

.select_word {
    margin-left: 2rem;
    background-color: #f8f9f9;
    color: #333333;
}

.select_word:hover {
    background: #f1f2f3;
}

/* // 맞춤법, 표절 검사 페이지 */

.ui-state-highlight {
    margin-bottom: 1rem;
    width: 100%;
    height: 100px;
    background: #f8f9f9;
    border: 0;
    border-radius: .5rem;
}

.resume_added_wrap {
    position: relative;
}

.sortable {
    position: relative;
    padding-top: 1rem;
    background: #fff;
    border-radius: .5rem;
}

.sortable_drag {
    display: flex;
    justify-content: center;
    align-content: center;
    position: absolute;
    top: 0.8rem;
    right: 0;
    left: 0;
    width: 100%;
    height: 1.5rem;
    cursor: move;
}

.sortable_drag .drag_icon {
    width: 30px;
    height: 24px;
    /* background: url(../../img/drag_icon.png) no-repeat 50% 50%; */
}

.sortable_drag .drag_icon svg {
    color: #dee2e6;
}

.sortable_drag:hover .drag_icon svg {
    color: #b9bcbf;
}

input[type="date"i]::-webkit-calendar-picker-indicator {
    margin-left: .5rem;
}

.resume_del_btn {
    position: absolute;
    top: calc(1rem - 6px);
    right: 0;
    padding: 6px;
    width: 34px;
    height: 34px;
    border-radius: 100px;
    cursor: pointer;
    z-index: 10;
}

.resume_section_del_btn {
    top: -2.5rem;
    right: 15px;
    width: 38px;
    height: 38px;
}

@media(max-width: 992px) {
    .resume_section_del_btn {
        top: -3rem;
        right: 15px;
        width: 34px;
        height: 34px;
    }
}

.resume_del_btn:hover {
    background: #f1f2f3;
}

.resume_del_btn svg {
    width: 100%;
    height: 100%;
    color: #FF6157;
    opacity: .6;
    vertical-align: inherit;
}

.resume_section_del_btn svg {
    color: #92969C;
    opacity: 1;
}

.resume_del_btn:hover svg {
    /* color: #b9bcbf; */
    opacity: .8;
}

.resume_section_del_btn:hover svg {
    opacity: 1;
}

.resume_slide .js-slide .text_num {
    font-size: 12px !important;
}

.resume_empty p {
    color: #92969C;
}

.resume_empty .item_rechoose {
    display: block;
    padding: 1rem 2rem;
    margin: 0 auto;
    margin-top: 1rem;
    background: #f8f9f9;
    color: #92969C;
    font-size: 16px;
}

.resume_empty .item_rechoose:hover {
    background: #f1f2f3;
}

.text_num {
    margin-top: .8rem;
    font-weight: normal;
    color: #7F808C;
    font-size: 14px !important;
    text-align: right !important;
}

.plag_bar_wrap {
    /* padding: 2rem 0; */
    padding-bottom: 2rem;
}

.resume_slide .plag_bar_wrap .plag_bar_label {
    margin-bottom: .5rem;
    font-size: 16px !important;
    font-weight: 500;
}

.plag_bar_wrap .plag_bar_label svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    color: #bac0c7;
    cursor: pointer;
}

.plag_bar_wrap .plag_bar_label svg:hover {
    color: #8b95a1;
}

.plag_bar_wrap .plag_bar_num {
    margin-bottom: .25rem;
    display: block;
    font-weight: 500;
    font-size: 18px;
    /*color: #ffad31;*/
}

.info_box {
    background: #f8f9f9;
    font-weight: normal;
}

.info_box_comnsulting {
    background: #fff8ed !important;
    font-weight: normal !important;
}

.popover {
    font-family: inherit;
}

.popover-header {
    padding-top: .75rem;
    padding-bottom: 0;
    border-bottom: 0;
    background-color: #fff;
}

.popover-body {
    padding: .75rem;
    color: #333333;
}

.chart_tit {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.empty_list p {
    font-size: 16px;
    text-align: center;
    color: #92969C;
}

.empty_list img {
    display: block;
    margin: 0 auto;
    width: 54%;
}

.loading {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background: #fff url(../../assets/img/preloaders/preloader-black.svg) no-repeat 50% 50%;
    z-index: 999999;
}

.resume_btn_wrap {
    justify-content: flex-end;
}

@media(max-width: 992px) {
    .resume_btn_wrap button {
        width: 100% !important;
    }
}

.resume_slide .js-slide .form-group {
    margin-bottom: 0;
}

.resume_btn_group {
    display: flex;
    justify-content: space-between;
}

.resume_slide .js-slide .resume_btn_group .btn {
    padding: 16px 0;
    width: calc(50% - .5rem) !important;
    font-size: 14px !important;
    border: 1px solid rgb(222 226 230 / 80%);
    color: #92969C;
}

.resume_slide .js-slide .resume_btn_group .btn:hover {
    color: #ffad31;
}

.resume_slide .js-slide .resume_btn_group .btn.active {
    border-color: #ffad31;
    color: #ffad31;
}

.resume_btn_group .btn svg {
    position: relative;
    bottom: 1px;
    margin-right: .5rem;
    width: 20px;
    height: 20px;
}

.resume_date_range .col-6:first-of-type {
    padding-right: .5rem;
}

.resume_date_range .col-6:last-of-type {
    padding-left: .5rem;
}

.resume_slide .js-slide .btn.resume_section_add {
    padding: 15px !important;
}

.resume_section_add svg {
    position: relative;
    bottom: 2px;
    margin-right: .5rem;
    width: 20px;
    height: 20px;
}

.resume_slide .js-slide .btn.resume_block_add {
    margin-top: -1rem;
    padding: .5rem 1rem;
    width: auto;
    border: 1px solid #dee2e6;
    font-size: 14px !important;
}

.resume_slide .js-slide .btn.resume_block_add:hover {
    background: #f8f9f9
}



.main_cta_wrap a {
    position: relative;
    display: block;
    padding: 1rem;
    margin-bottom: 8px;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    border: 1px solid transparent;
    font-weight: 500;
    transition: ease-in-out .16s;
    cursor: pointer;
}

.main_cta_wrap a:hover {
    opacity: .86;
    text-decoration: none;
}

.main_cta_wrap a:active {
    /* transform: scale(0.94); */
}

.main_cta_wrap a:last-of-type {
    margin-bottom: 0;
}

.main_cta_wrap .main_login .login_logo {
    position: absolute;
    left: 28px;
    top: 16px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 100% !important;
}

.main_cta_wrap .main_login .login_logo.logo_gg {
    width: 22px;
    height: 22px;
    top: 12px;
    left: 26px;
}

@media(max-width: 320px) {
    .main_cta_wrap .main_login .login_logo {
        left: 14px;
    }

    .main_cta_wrap .main_login .login_logo.logo_gg {
        left: 12px;
    }
}

.main_cta_wrap a.login_kakaotalk {
    background: #fee500;
    color: #191600;
}

/* .main_cta_wrap a.login_kakaotalk .login_logo{
    background: url(/img/kakaotalk_login_logo.png) no-repeat;
} */

.main_cta_wrap a.login_naver {
    background: #1ec800;
    color: #fff;
}

/* .main_cta_wrap a.login_naver .login_logo{
    background: url(/img/naver_login_logo.png) no-repeat;
} */

.main_cta_wrap a.login_google {
    background: #fff;
    color: rgb(0 0 0 / 54%);
    border: 1px solid #dee2e6;
}

/* .main_cta_wrap a.login_google .login_logo{
    background: url(/img/google_login_logo.png) no-repeat;
} */



/* new_page */
.text_color_ffad31 {
    color: #ffad31 !important;
}

.text_color_white {
    color: #fff !important;
}

.text_color_black {
    color: black !important;
}

.text_color_gray {
    color: rgb(190, 190, 190);
}

.nav_bar_bg_color_ffe3b9c7 {
    background-color: #ffe3b9c7 !important;
}

.all_bg_color_f1f1f1 {
    background-color: #f1f1f1 !important;
}

.bg_color_white {
    background-color: white !important;
}

.bg_color_ffad31 {
    background-color: #ffad31;
}

.bg_color_319bff {
    background-color: #319bff;
}

.hs-sub-menu_1 {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    margin-top: -.002rem;
    visibility: hidden;
    /* background-color: #fff; */
    opacity: 1 !important;
}

.g-color-primary--hover:hover {
    color: #ffad31 !important;
}

.g-brd-primary--hover2:hover {
    border: 2px solid #ffad31 !important;
}

.text-decoration-underline {
    text-decoration: underline;
}

.g-color-ffc107 {
    color: #FFC82E !important;
}

.g-color-28a745 {
    color: #1CD98A !important;
}

.g-color-ff6f6f {
    /* color: #ff665a !important; */
    color: #ff6f6f !important;
}

.g-py-108 {
    padding: 108px 0;
}

.g-bg-ffc107 {
    background-color: #FFC82E !important;
}

.g-bg-28a745 {
    background-color: #1CD98A !important;
}

.g-bg-dc3545 {
    background-color: #ff6f6f !important;
}

.g-bg-ffd9d9 {
    background-color: #ffd9d9 !important;
}



.chosen-container-multi .chosen-choices {
    padding: .3rem .5rem .3rem;
    border-color: #dee2e6;
    background-image: none;
}

.chosen-container-active {
    border-color: #ffad31 !important;
}

.price_table {
    padding-bottom: .5rem;
    margin: 0;
    margin-top: -20px;
}

.price_table p {
    margin-bottom: 0;
}

.price_table p.price {
    font-size: 22px;
    font-weight: bold;
}

.chk_btn {
    display: flex;
}

.chk_btn .u-btn-primary {
    margin: 0 2px;
}

.mCustomScrollBox {
    padding: 0.71429rem 1.07143rem;
}

.ai_rewrite_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.ai_rewrite_wrap button:hover {
    border-width: 2px !important;
}

@media(max-width: 768px) {
    .ai_rewrite_wrap button {
        width: 100%;
    }
}

.ai_rewrite {
    padding: 0 !important;
    width: 43px;
    min-height: 43px;
}

.ai_rewrite svg {
    width: 14px;
    height: 14px;
}

.save_btn_wrap {
    justify-content: flex-end;
}

.save_icon svg {
    width: 25%;
    color: #92969C;
}

.my_resume_block {
    color: inherit;
}

.my_resume_block:hover {
    text-decoration: none;
    color: inherit;
}

.page_not_wrap .page_not {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page_not_wrap {
    min-height: calc(100vh - 187px);
}

.page_not_wrap .page_not .page_not_img {
    width: 40%;
    padding-bottom: 40px;
}

.page_not_wrap .page_not h2 {
    font-weight: bold;
}

.page_not_wrap .page_not p {
    text-align: center;
    word-break: keep-all;
}

.list_name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 46px;
    overflow: hidden;
    word-break: break-all;
}

.profile_upload_btn {
    display: flex;
    padding: 4px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 28px;
    height: 28px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 100px;
    outline: none;
}

.profile_upload_btn:focus {
    outline: none;
}

.profile_upload_btn svg {
    width: 100%;
    height: 100%;
    color: #333333;
}

.image_upload_btn {
    margin: 1rem auto 0;
    display: block;
    cursor: pointer;
}

.topic_type {
    display: inline-block;
    margin-right: .25rem;
    padding: .5rem .8rem;
    font-size: 12px;
    border: 2px solid #dee2e6;
    border-radius: 100px;
    line-height: 1;
}

.resume_baseinfo {
    padding: 20px;
    padding-bottom: 5px;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
}

.resume_baseinfo h2 {
    font-size: 16px;
    font-weight: bold;
    color: #92969C;
}

.recom_sentence:hover {
    background: #f1f2f3 !important;
}

.resume_view_wrap {
    position: relative;
}

.resume_view_wrap .row {
    position: relative;
}



.resume_uncomp_label {
    display: inline-block;
    padding: 6px 8px;
    margin-left: .25rem;
    font-size: 14px;
    font-weight: normal;
    background: #FFD0D1;
    color: #FF6467;
    border-radius: 100px;
    line-height: 1;
}

a.resume_uncomp_bg {
    text-decoration: underline;
    color: inherit;
}

a.resume_uncomp_bg .resume_uncomp_label,
a.resume_uncomp_bg h6 {
    display: inline-block;
    text-decoration: none;
}

.resume_uncomp_bg::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 26px);
    background: #f8f9f9;
    display: block;
}

.tp-mask-wrap .tp-caption {
    font-family: 'Spoqa Han Sans Neo', 'sans-serif' !important;
    word-break: keep-all;
}

.nav-link {
    /*font-family: 'Spoqa Han Sans Neo', 'sans-serif' !important;*/
}

/* 자소서, 이력서 more 버튼 */

.dropdown-menu {
    padding: 8px;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
}

.dropdown-menu a,
.dropdown-menu button {
    line-height: inherit;
}

.dropdown-menu button:active {
    outline: none;
}

.dropdown-menu svg {
    position: relative;
    bottom: 2px;
    width: 18px;
    height: 18px;
}

.mobile_option {
    display: none;
}

.mobile_none button svg {
    width: 18px;
    height: 18px;
    float: left;
}

.mobile_none>div,
.mobile_none>.sidebar {
    position: sticky;
    top: 90px;
}

.mobile_option {
    z-index: 5;
}

.media {
    align-items: center;
}

@media(max-width: 992px) {
    .sidebar {
        position: static;
    }

    .mobile_none {
        display: none !important;
    }

    .resume_baseinfo {
        padding: 0;
        padding-bottom: 10px;
        border: none;
        border-bottom: 1px solid #dee2e6;
        border-radius: 0;
    }

    .mobile_option {
        display: block;
    }

    .mobile_nomargin {
        padding-left: 0;
        padding-right: 0;
        border-radius: 0 !important;
        border-color: transparent !important;
    }

    .mobile_nomargin>.g-brd-around,
    #cover_view .g-brd-around,
    .mobile_nobrd,
    .mobile_nomargin .sidebar .g-brd-around {
        border-color: transparent !important;
    }

    .mobile_nomargin>.rounded {
        border-radius: 0 !important;
    }

    .mobile_nomargin>div,
    .mobile_nomargin>aside {
        border-radius: 0 !important;
        border-color: transparent !important;
    }

    .mobile_nomargin_alt {
        margin-left: -15px;
        margin-right: -15px;
        border-color: transparent !important;
        border-radius: 0 !important;
    }

    .mobile_noradius {
        border-radius: 0px !important;
    }

    .mobile_noborder {
        border: 0px !important;
    }

}

/* //자소서, 이력서 more 버튼 */

.dr_grey {
    color: #494a4f !important;
}

/* 이력서 print view */

.resume_print_wrap {
    page-break-inside: auto;
}

.resume_print_block {
    page-break-inside: avoid;
}

.resume_table ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.resume_table ul.table_tit {
    font-weight: bold;
    text-align: center;
}

.resume_table ul.table_tit li {
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: keep-all;
    background: #f7f7f7 !important;
    -webkit-print-color-adjust: exact;
}

.resume_table ul.table_tit li.align-left {
    justify-content: flex-start;
}

.resume_table ul.li_1 li {
    width: calc(100% - 3px);
}

.resume_table ul.li_3 li {
    width: 33.333333%;
}

.resume_table ul.li_4 li {
    width: 25%;
}

.resume_table ul.li_5 li {
    width: 25%;
}

.resume_table li {
    margin-top: -1px;
    margin-left: -1px;
    padding: 1rem;
    list-style: none;
    border: 1px solid #dee2e6;
    word-break: break-all;
}

.resume_table li p {
    margin-bottom: 0;
}

/* 이력서 print view */




/* 저장 후 모달 아이콘 */
.fa-home_svg {
    background: url(/static/img/save_svg/home_icon.svg) no-repeat 50% 50%;
    background-size: 40px;
}

.fa-list_svg {
    background: url(/static/img/save_svg/list_icon.svg) no-repeat 50% 50%;

    background-size: 40px;
}

.fa-wordch_svg {
    background: url(/static/img/save_svg/word_icon.svg) no-repeat 50% 50%;

    background-size: 40px;
}

.fa-consultant_svg {
    background: url(/static/img/save_svg/consultant_icon.svg) no-repeat 50% 50%;

    background-size: 40px;
}

.fa-sench_svg {
    background: url(/static/img/save_svg/sen_icon.svg) no-repeat 50% 50%;

    background-size: 40px;
}

.fa-aicon_svg {
    background: url(/static/img/save_svg/aicon_icon.svg) no-repeat 50% 50%;

    background-size: 40px;
}

.fa-edit_svg {
    background: url(/static/img/save_svg/edit_icon.svg) no-repeat 50% 50%;

    background-size: 40px;
}

/* // 저장 후 모달 아이콘 */

.transform_rotate {
    transform: rotate(90deg);
}

.sticky>div,
.sticky>aside {
    position: sticky;
    top: 90px;
}

.sticky2>div,
.sticky2>aside {
    position: sticky;
    top: 10px;
}

.max_width_fit {
    max-width: fit-content;
}

.right_webkit {
    text-align: -webkit-right
}

.line_height_22pt {
    line-height: 22pt;
}

.word-break {
    word-break: break-all;
}

.word-keep{
    word-break: keep-all;
}

.g-color-5bafff {
    color: #80bbff !important;
}

.g-bg-5bafff {
    background-color: #80bbff !important;
}

summary {
    display: block;
    cursor: pointer;
    outline: 0;
}

.checkbox_color input[type=checkbox]:checked~span {
    color: #ffad31 !important;
}

.g-color-ffeb3b {
    color: #fae52d !important;
}

.flex-start {
    place-self: flex-start !important;
}

.g-bg-fffaf2:hover {
    background-color: #fff2dc !important;
}

.g-bg-fffaf2-bg {
    background-color: #fff2dc !important;
}

.g-brd-ffd585:hover {
    border: 1px solid #ffd585 !important;
}

.g-brd-ffd585-brd {
    border: 1px solid #ffd585 !important;
}

.g-text-underline--hover:hover {
    text-decoration: underline;
}

.g-height-fit {
    height: fit-content;
}

.g-ma-auto {
    margin: 0 auto;
}

.shadow-top {
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top, bottom;
}

.shadow-bottom {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top, bottom;
}

.shadow-right {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top, bottom;
}

.shadow-left {
    -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top, bottom;
}

.text-skip {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 46px;
    overflow: hidden;
    word-break: break-all;
}

.text-skip-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 46px;
    overflow: hidden;
    word-break: break-all;
}

@media(min-width: 993px) {
    .hr-w-none {
        display: none;
    }
}

@media(max-width: 992px) {
    .hr-w-show {
        display: block;
    }

    .tab-none {
        display: none !important;
    }

    .g-px-15--mobile {
        padding: 0 15px !important;
    }
}

.g-mt-88 {
    margin-top: 88px !important;
}


@media(max-width: 993px) {
    .flex-column-direction {
        flex-direction: column !important;
    }
}

@media(max-width: 993px) {
    .align-center-img {
        align-self: center;
        margin-right: 0 !important;
        margin-bottom: 25px;
    }
}

.g-color-ff5b5b {
    color: #FF5B5B !important;
}

.g-bg-ffeeec {
    background-color: #ffeeec !important;
}

@media(max-width: 993px) {
    .po-re {
        position: relative;
    }

    .po-x {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .g-mr-42--mobile {
        margin-top: 42px;
    }

    .d-none-mobile {
        display: none !important;
    }

    .button-fix-bottom {
        display: block;
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        background: rgb(255, 255, 255);
        z-index: 100;
        box-shadow: 5px 5px 5px 2px;
    }

    .g-rounded-0--993 {
        border-radius: 0 !important;
    }

    .z-index-999--993 {
        z-index: 999 !important;
    }

    .align-items-normal--993 {
        align-items: normal !important;
    }

    .g-font-size-20--993 {
        font-size: 20px !important;
    }

    .g-mt-10--993 {
        margin-top: 10px !important;
    }

    .g-mt-20--993 {
        margin-top: 20px !important;
    }

    .g-mb-0--993 {
        margin-bottom: 0px !important;
    }

    .g-mt-0--993 {
        margin-top: 0px !important;
    }

    .g-pt-0--993 {
        padding-top: 0px !important;
    }

    .shadow-sm-none--993 {
        box-shadow: none !important;
    }

    .position-fixed-993 {
        position: fixed !important;
    }

    .g-mt-50--993 {
        margin-top: 50px !important;
    }

    .back_blur {
        background-color: rgb(20 20 20 / 80%) !important;
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }

    .footer footer > div{
        padding-bottom: 7rem !important;
    }


    .g-pb-7rem--993 {
        padding-bottom: 7rem !important;
    }

}

.min-vh-100{
    min-height: 100vh !important;
}

.box-shadow-1 {
    box-shadow: 0 0 1px #ccc;
}

/* .back_blur{
    background-color: #ffffff1f !important;
    backdrop-filter: blur(5px) !important;
} */
@media(min-width: 994px) {
    .display-none-web {
        display: none !important;
    }
}

.fixed-bottom-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #dee2e6;
    z-index: 9999;
}

.stop-dragging {
    -webkit-touch-callout: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}


@media(max-width: 991px) {
    .g-mt-10--mobile {
        margin-top: 10px !important;
    }

    .g-mt-15--mobile {
        margin-top: 15px !important;
    }

    .g-pa-20--web {
        padding: 0 !important;
    }

    .g-mb-50--mobile {
        margin-bottom: 0 !important;
    }

    .g-px-0--mobile {
        padding-right: 0;
        padding-left: 0;
    }

    .g-px-10--mobile {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .g-px-15--mobile-2 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .g-mb-15--mobile {
        margin-bottom: 15px !important;
    }

    .g-mb-30--mobile {
        margin-bottom: 30px !important;
    }

    .g-pa-0--mobile {
        padding: 0 0 !important;
    }

    .g-py-10--mobile {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .g-py-20--mobile {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .g-py-0--mobile {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .d-none-web--block-mobile {
        display: block !important;
    }

    .g-width-100x--mobile {
        width: 100% !important;
    }

    .d-flex-column--mobile {
        flex-direction: column !important;
    }

    .d-none-991 {
        display: none !important;
    }

    .white_menu--mobile {
        border: none !important;
        box-shadow: none !important;
        text-align: left !important;
        background-color: #fff6ea !important;
    }

    .main-menu--mobile {
        background-color: #f4f4f21a !important;
        margin-top: 0px !important;
        border-radius: 5px !important;
        box-shadow: none;
        text-align: left !important;
        backdrop-filter: blur(5px);
        border: 1px solid #ffffff0f !important;
    }

    .g-color-white--991 {
        color: white !important;
    }

    .g-pt-55--991 {
        padding-top: 55px !important;
    }

    .g-pt-0--991 {
        padding-top: 0px !important;
    }

    .g-mt-30--991 {
        margin-top: 30px;
    }
}



@media(min-width: 992px) {
    .g-brd-none--web {
        border: none !important;
    }

    .d-none-web--block-mobile {
        display: none !important;
    }

    .g-mr-10--web {
        margin-right: 10px !important;
    }

    .d-none-web {
        display: none !important;
    }

}

/* 컨설턴트 색 */
.consulting_bg_color_red {
    background-color: #ff00001f !important;
}

.consulting_bg_color_blue {
    background-color: #1f90d92b !important;
}

.consulting_bg_color_green {
    background-color: #40d1772b !important;
}

.consulting_bg_color_orange {
    background-color: #ffa5292b !important;
}

.consulting_bg_color_purple {
    background-color: #1600ff1f !important;
}

/* // 컨설턴트 색 */


/* 자소서 오류 색상 */
.error_input_red {
    background-color: red !important;
}

.highlight {
    color: blue;
}

/* // 자소서 오류 색상 */

.resume_trash {
    background-color: #ffe4e4 !important;
    border: 1px solid #ffafaf !important;
    color: #ff7777 !important;
}

.resume_trash:hover {
    background-color: #ffd6d6 !important;
}

.g-min-height-280 {
    min-height: 280px !important;
}

.consult_fi_date {
    background-color: #fff2dc !important;
}

.word_spc_done {
    color: #4a8aff !important;
}

.g-color-primary--star {
    color: #ffad31 !important;
}

.g-word-break {
    word-break: break-all !important;
}

.g-height-191 {
    height: 191px !important;
}

.min-height-250 {
    min-height: 250px !important;
}

.min-height-150 {
    min-height: 150px !important;
}

.min-height-369 {
    min-height: 369px !important;
}

.p-ab-b {
    position: absolute !important;
    bottom: 35px !important;
}

.tr-box {
    border-top: 3px solid #5c5c5c;
}

.th-box {
    border-bottom: 1px solid rgb(99, 99, 99);
}

.tb-box {
    vertical-align: middle !important;
    padding: 25px 15px !important;
    box-sizing: border-box;
    /* border-bottom: 1px solid #f5f5f5 !important; */
    border-top: 1px solid #f5f5f5 !important;
    word-break: break-all;
    text-align: center;
}

.li-style-none {
    list-style: none !important;
}

.d-table {
    display: table !important;
}

.tb-img-table {
    display: table-cell;
    width: 80px;
}

.tb-ul {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
}

.g-font-weight-normal {
    font-weight: normal !important;
}

.g-bg-fffcf5 {
    background-color: #fffcf5 !important;
}

.g-bg-ffeed4 {
    background-color: #ffeed4 !important;
}

.g-bg-ffeed4--hover:hover {
    background-color: #ffdba4 !important;
}

.g-color-fff4e5 {
    background-color: #fff4e5 !important;
}

.g-bg-f5f5f5 {
    background-color: #f5f5f5 !important;
}

.g-bg-fff5e6--hover:hover {
    background-color: #fff5e6 !important;
}

@media(max-width: 767px) {
    .d-none-767 {
        display: none !important;
    }

    .d-show-767 {
        display: block !important;
    }

    .g-brd-none-767 {
        border: none !important;
    }

    .g-w-h-95--mobile {
        width: 95px !important;
        height: 95px !important;
    }

    .g-bg-gray-span--mobile {
        background-color: #f2f2f2 !important;
        padding: 4px 12px !important;
        border-radius: 50px !important;
    }

    .g-width-90per--mobile {
        width: 90% !important;
    }

    .g-font-size-22--mobile {
        font-size: 22px !important;
    }

    .g-font-size-35--mobile {
        font-size: 35px !important;
    }

    .g-font-size-30--mobile {
        font-size: 30px !important;
    }

    .g-font-size-20--mobile {
        font-size: 20px !important;
    }

    .g-font-size-18--mobile {
        font-size: 18px !important;
    }

    .g-font-size-16--mobile {
        font-size: 16px !important;
    }

    .g-font-size-14--mobile {
        font-size: 14px !important;
    }

    .g-font-size-12--mobile {
        font-size: 12px !important;
    }

    .mobile-content {
        padding: 15px !important;
        background-color: #fafafa !important;
        border-radius: 5px !important;
    }

    .font-size-20--mobile {
        font-size: 20px !important;
    }

    .g-pa-15--767 {
        padding: 25px !important;
    }

    .g-py-0--767 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media(min-width: 768px) {
    .d-show-767 {
        display: none;
    }
}

.ai-consultiung-done {
    border: 1px solid #a9c4ff !important;
    background-color: #e5f1ff !important;
}

.chatGpt-consultiung-done {
    border: 1px solid #7de679 !important;
    background-color: #cefdcf !important;
}

.consultant-consulting-done {
    border: 1px solid #ffce84 !important;
    background: #fff6ea !important;
}

.introduction--mobile {
    border-top: 1px solid #ffe6c0 !important;
    border-bottom: 1px solid #ffe6c0 !important;
    background: #fffaf3 !important;
}

.introduction--mobile--bottom {
    border-bottom: 1px solid #ffe6c0 !important;
}

.order_li_title {
    font-weight: bold !important;
    font-size: 18px !important;
}

.mx-height-800 {
    max-height: 800px !important;
}

.mx-height-400 {
    max-height: 400px !important;
}

/* 우수 */
.ai-consult-graph-blue {
    border: 10px solid #80bbff !important;
    background-color: #dfe8ff !important;
}

/* 미흡 */
.ai-consult-graph-red {
    border: 10px solid #ff6f6f !important;
    background-color: #ffdfdf !important;
}

/* 보통 */
.ai-consult-graph-Yellow {
    border: 10px solid #ffdc6f !important;
    background-color: #fffadf !important;
}

.g-color-80bbff {
    color: #80bbff !important;
}

.g-color-dc3545 {
    color: #ff6f6f !important;
}


.g-bg-80bbff {
    background-color: #80bbff !important;
}

.g-bg-ffdc6f {
    background-color: #ffdc6f !important;
}

.g-bg-ff6f6f {
    background-color: #ff6f6f !important;
}

/* AI 컨설팅 미흡 우수 bg색 변경 */
.g-bg-ai-consult-good {
    background-color: #ecf2ff !important;
}

.g-bg-ai-consult-bad {
    background-color: #ffe9e9 !important;
}

/* 컨설턴트 배경 색 진하게 */
.g-bg-consultant-main {
    background-color: #aba9a6 !important;
}

.g-bg-e9e9e9 {
    background-color: #e9e9e9 !important;
}

/*   컨설턴트 이력서 리뷰 bg */
.g-bg-ffefd6 {
    background-color: #ffefd6 !important;
}

.consulting-alert-red-number {
    position: absolute;
    top: -17px;
    left: 13px;
    background-color: #ffad31 !important;
    /* background-color: #fd0304 !important; */
    color: white !important;
}

@media(max-width: 1199px) {
    .consulting-alert-red-number--1199 {
        position: absolute;
        bottom: 85px;
        left: 137px;
        background-color: #ffad31 !important;
        color: white !important;
    }
}

@media(max-width: 460px) {
    .consulting-alert-red-number--460 {
        position: absolute;
        bottom: 114px;
        left: 137px;
        background-color: #ffad31 !important;
        color: white !important;
    }
}

.new-file--hover:hover {
    background-color: #b2b2b22d !important;
}

.g-bg-f4f5f6 {
    background-color: #f5f7fa !important;
}

.filter-3 {
    filter: blur(3px);
}


.donut {
    padding-bottom: calc(100% - 16px);
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    text-align: center;
}

.donut::before {
    color: #333333;
    width: 80%;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    left: 10%;
    top: 10%;
    display: block;
    content: attr(data-percent)'';
    transform: skew(-0.03deg);
    margin: auto;
    font-size: 18px !important;
    padding: 25px 0px !important;
}

.g-width-200 {
    width: 200px !important;
}

.g-bg-list-select-none {
    background-color: #f8f7f5 !important;
}

.g-bg-search-list {
    background-color: #f8f7f5 !important;
}

.g-brd-bottom-tab {
    border-bottom: 3px solid #ffad31 !important;
    color: #ffad31 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.g-bg-f7f8fa {
    background-color: #f7f8fa !important;
}

.g-bg-f8f9fb {
    background-color: #f8f9fb !important;
}

.mypage-menu-btn {
    /* background-color: #ffbc57 !important; */
    /* border-radius: 3px !important; */
    padding: 8px 14px !important;
    font-size: 16px !important;
    color: #1d1d1f !important;
    font-weight: bold;
    border-bottom: 3px solid #ffad31;
}

.mypage-menu-btn-disable {
    /* background-color: #f9f9f9 !important; */
    border: none;
    border-radius: 3px !important;
    padding: 8px 14px !important;
    font-size: 16px !important;
    color: #aaa !important;
    font-weight: normal !important;
    font-size: 16px !important;
}

.mypage-mobile-menu-depth {
    overflow-x: auto;
    background-color: #fff;
    text-align: center;
    white-space: nowrap;
    position: fixed;
    z-index: 99;
    width: 100% !important;
}

.g-bg-f5f7f8 {
    background-color: #fafafa !important;
}

.g-ct-btn--hover:hover {
    background-color: white !important;
    color: rgb(34, 34, 34) !important;
}

.sc--header--top {
    bottom: auto !important;
    top: 35px !important;
}

.sc--header--toptop {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
}

.box-shadow-menu-side {
    box-shadow: inset 2px 0px 7px -5px rgb(104 104 104 / 80%), inset -2px 0 7px -5px rgb(104 104 104 / 80%) !important;
}

.g-brd-none-right {
    border-right: none !important;
}

.g-brd-none-left {
    border-left: none !important;
}

.g-brd-none-top {
    border-top: none !important;
}

.g-brd-none-bottom {
    border-bottom: none !important;
}

.delete-btn-sm-text {
    color: #ff9e9e !important;
}

.delete-btn-sm-text:hover {
    color: #ff4949 !important;
}

.delete-btn-sm {
    color: #ff7272 !important;
}

.delete-btn-sm-bg {
    background-color: #ffe9e9;
}

.delete-btn-sm:hover {
    background-color: rgb(255 224 224);
}

.g-bg-ffefd7 {
    background-color: #ffefd7 !important;
}

.g-bg-ffefd7:hover {
    background-color: #ffe0b5 !important;
}

.g-color-ffcc7f {
    color: #ffcc7f !important;
}

.g-brd-ffcc7f {
    border-color: #ffcc7f !important;
}


.g-bg-ffdca5 {
    background-color: #ffdca5 !important;
}

.g-brd-bottom-navbar:hover {
    border-bottom: 3px solid #ffad31 !important;
}


.g-bg-e1ebff8c {
    background-color: #e1edff !important;
}

.g-bg-b9d0ff {
    background-color: #b9d0ff !important;
}

.g-bg-cde0ff8c {
    background-color: #cde0ff8c !important;
}

.g-bg-cde0ff8c--hover:hover {
    background-color: #cde0ff8c !important;
}

.g-brd-a8ccff--hover:hover {
    border: 2px solid #a8ccff !important;
}


@media(max-width: 428px) {
    .g-width-120--428 {
        width: 120px !important;
    }

    .g-width-60--428 {
        width: 60px !important;
    }
}

.g-bg-transparent {
    background-color: transparent !important;
}







/* 제주대학교 로고 백그라운드 */
.jeju-bg-logo {
    background-image: url(/static/img/jeju-u/jeju-logo-bg-450-1.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position-y: 379px;
    background-attachment: fixed;
    background-position-x: 900px;
}

.jeju-bg-color {
    color: #7ca5ff !important;
    background-color: #eaf2ff !important;
}


/* 엔잡대학교 로고 백그라운드 */
.njob-bg-logo {
    background-image: url(/static/img/njob_univ/njob_univ_glogo.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position-y: 379px;
    background-attachment: fixed;
    background-position-x: 900px;
}


.ph-color::placeholder {
    color: #a3a3a3 !important;
}

.btn-brd-bblue:hover {
    border: 2px solid #99beff !important;
}

.g-width-content-fit {
    width: fit-content !important;
}

.g-bg-e1edff8c {
    background-color: #e1edff8c !important;
}

.g-cursor-text {
    cursor: text !important;
}

.g-bg-f1ece2 {
    background-color: #f1ece2 !important;
}

.g-bg-fffefb:hover {
    background-color: #fffefb !important;
}

.g-brd-ffd280:hover {
    border-color: #ffd280 !important;
}

.g-brd-none--hover:hover {
    border: none !important;
}

.g-bg-gray-dark-v6 {
    background-color: #b5b5b5 !important;
}

.vertical-top {
    vertical-align: top !important;
}

.g-bg-a1c5ff8c--hover:hover {
    background-color: #a1c5ff8c !important;
}

.custom-spinners {
    display: inline-block;
    width: 1.2rem !important;
    height: 1.2rem !important;
    vertical-align: text-bottom;
    border: 0.2em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    margin-right: 5px !important;
}

.custom-spinners-white {
    display: inline-block;
    width: 1.2rem !important;
    height: 1.2rem !important;
    vertical-align: text-bottom;
    border: 0.2em solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    margin-right: 5px !important;
}

.custom-spinners-position {
    position: absolute !important;
    top: 20px !important;
    right: 30px !important;
}

.g-brd-86b7ff-select {
    border: 3px solid #86b7ff !important;
    background-color: #cee2ff !important;
}

.g-bg-ffffff4f--hover:hover {
    background-color: #ffffff4f !important;
}

.g-py-04rem {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}

.sc-none {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.sc-none::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}

/* 스크롤바 설정*/
::-webkit-scrollbar {
    width: 14px;
}

/* 스크롤바 막대 설정*/
::-webkit-scrollbar-thumb {
    height: 20%;
    background-color: #a1a1a1;
    /* 스크롤바 둥글게 설정    */
    border-radius: 50px;
    background-clip: padding-box;
    border: 4px solid transparent;
}

/* 스크롤바 막대 설정*/
::-webkit-scrollbar-thumb:hover {
    background-color: #646464;
}

/* 스크롤바 뒷 배경 설정*/
::-webkit-scrollbar-track {
    background-color: #fff;
}

.g-bg-main-bar {
    background-color: rgb(20 20 20 / 80%);
}

.navbar-py-0--web {
    padding: 0 !important;
}

@media (max-width: 991px) {
    .navbar-py-1rem--mobile {
        padding: 1rem !important;
    }
}

/* .bgbgbggbgbg{
    display: none !important;
    position: absolute !important;
    left: -30px !important;
    top: 114% !important;
    z-index: 2 !important;
    margin-top: -0.002rem !important;
    visibility: hidden !important;
    background-color: rgba(0, 0, 0, 0.336) !important;
    backdrop-filter: blur(13px) !important;
    opacity: 1 !important;
    } */

.bg-main-bar {
    /* background-color: rgb(20 20 20 / 60%) !important; */
    backdrop-filter: blur(28px) !important;
    top: 110% !important;
    left: -30px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.g-bg-white .nav-link, 
.gnb_bg_white .nav-link{
    color: #2d374b !important;
}

.dropdown-item:focus, 
.dropdown-item:hover{
    background: rgba(189, 197, 209, .2) !important;
}

.dropdown-item:focus a, 
.dropdown-item:hover a{
    /* color: #ffad31 !important; */
}

.u-header__section--dark .dropdown-item.active > a, 
.u-header__section--dark .dropdown-item:active > a{
    color: inherit !important;
}

.g-width-1905--fix {
    width: 1905px !important;
    margin: 0 auto !important;
}

.g-bg-img-2 {
    background-image: url(/static/img/bg-2.png);
}

.g-bg-img-3 {
    background-image: url(/static/img/bg-3.png);
}



@media (max-width: 1200px) {
    .g-bg-img-2-m {
        background-image: url(/static/img/bg-2-m.png);
    }
}

.g-bg-img-3 {
    background-image: url(/static/img/bg-3.png);
}

@media (max-width: 991px) {
    .g-bg-img-3-m {
        background-image: url(/static/img/bg-3-m.png);
    }

    .g-width-120--mobile {
        width: 120px !important;
    }
}

.g-content-bg-brd {
    background-color: #f1f4ff3d !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px) !important;
    border: 0.1px solid rgb(255 255 255 / 46%) !important;
    ;
}

.g-content-text-bg {
    background-color: #ffffff5e !important;
    border: 1px solid rgba(255, 255, 255, 0.719) !important;
    border-radius: 50px;
}

.mp_icon {
    color: #2bbbb6 !important;
    font-size: 40px !important;
    font-weight: bold !important;
}

.g-content3-bg-brd {
    background-color: rgb(231 238 255 / 17%) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px) !important;
    border-radius: 30px;
    border: 0.3px solid #ffffff26;
}

.g-filter-1 {
    backdrop-filter: blur(1px);
}

.g-filter-3 {
    backdrop-filter: blur(3px);
}

.g-filter-5 {
    backdrop-filter: blur(5px);
}

.g-filter-7 {
    backdrop-filter: blur(7px);
}

.g-filter-10 {
    backdrop-filter: blur(10px);
}

.g-width-1655 {
    width: 1655px !important;
}

.select_none {
    border: 1px solid #ffafaf !important;
    color: #ff7777 !important;
    background-color: #fff6f6 !important;
}

.select_none:hover {
    background-color: #ffd6d6 !important;
}

.excel-btn {
    /* background-color: #c9dad1 !important; */
    padding: 6px 8px !important;
    font-size: 14px !important;
}

.excel-btn:hover {
    /* background-color: #8ebea5 !important; */
}

.excel-icon {
    color: #1d6d43;
    padding: 8px;
    background-color: #f8f8f8 !important;
    border-radius: 50px;
}

.notice-menu {
    background-color: #fff7ea !important;
    border-bottom: 3px solid #ffad31;

}

.g-bg-fff7ea--hover:hover {
    border-bottom: 3px solid #ffad31;
}

.g-min-height-400 {
    min-height: 400px !important;
}

.y-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.y-center-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.new-file-314 {
    padding: 20px 0;
    background-image: url(/static/img/new-filr-2.png);
    border-radius: 0.5rem !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.new-file-192 {
    padding: 20px 0;
    background-image: url(/static/img/new-filr-1.png);
    border-radius: 0.5rem !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.new-file-192-m {
    padding: 20px 0;
    background-image: url(/static/img/new-filr-1-m.png);
    border-radius: 0.5rem !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.new-file-364 {
    padding: 20px 0;
    background-image: url(/static/img/new-filr-3.png);
    border-radius: 0.5rem !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.g-height-60 {
    height: 60px !important;
}

.g-height-90 {
    height: 90px !important;
}

.vertical-middle {
    vertical-align: middle !important;
}

.resume-bg {
    background: #f5f6f7 !important;
    width: 20% !important;
}

.resume-top-brd {
    border-top: 2px solid #737373 !important;
}

dt {
    flex-shrink: 0 !important;
}


.resume-menu-btn {
    background-color: #ffecd0 !important;
    color: #ffad31;
    border: none !important;
}

.resume-menu-btn:hover {
    background-color: #ffe0b1 !important;
}

.resume-delete {
    background-color: #ffb9b9 !important;
    color: #ff5656 !important;
}

.resume-delete:hover {
    background-color: #ffa9a9 !important;
    color: #ff5656 !important;
}

.resume-title {
    background-color: #e7e7e7 !important;
}

.g-bg-c6d1ff {
    background-color: #c6d1ff !important;
}

.g-bg-c6d1ff:hover {
    background-color: #afbfff !important;
}

.g-bg-gray-snone {
    background-color: #eceff1 !important;
    color: #999999;
}

.g-bg-gray-snone:hover {
    background-color: #e6e6e6 !important;
}

.first-posirion {
    position: absolute;
    left: 15px;
    top: 0px;
}

.g-bg-arrowx2 {
    background-color: #ffffff26;
}

.g-bg-arrowx2:hover {
    background-color: #ffffff52;
}


.g-bg-white-backdrop {
    background-color: #ffffff1a !important;
    border: 0.1px solid #ffffff1c;
    color: white;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px) !important;
}

.g-bg-white-backdrop-video {
    background-color: #ffffff33 !important;
    border: 0.1px solid #ffffff24;
    color: white;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px) !important;
}

.g-bg-white-backdrop-video:hover {
    background-color: #ffffff41 !important;
}

.u-shadow-v1-4--hover:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.171);
}

.g-brd-d71e18--hover:hover {
    border: 1px solid #d71e18 !important;
}

.g-bg-d71e18 {
    background-color: #d71e18 !important;
}

.g-bg-d71e18--hover:hover {
    background-color: #d71e18 !important;
}

.g-bg-c71812--hover:hover {
    background-color: #ca0e07 !important;
}

.p-bar {
    background: #ffb13d;
    width: 70px;
    height: 14px;
    border-radius: 36px;
    overflow: hidden;
    vertical-align: top;
    margin-top: 6px;
    margin: 6px 6px;
}

.g-height-430 {
    height: 430px !important;
}

@media (max-width: 576px) {
    .content-bg-m {
        background-image: url(/static/img/content-bg-m.png);
        background-repeat: no-repeat !important;
    }
}

@media (min-width: 576px) {
    .content-bg-2 {
        background-image: url(/static/img/content-bg-2.png);
        background-repeat: no-repeat !important;

    }
}

.index-alert-num {
    position: absolute;
    background-color: #fd0304 !important;
    color: white !important;
}

.index-alert-btn-m {
    position: fixed;
    right: 20px;
    top: 80px;
    z-index: 150;
    box-sizing: border-box;
}

.index-alert-sub {
    border-left: 5px solid #ffad31 !important;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.index-alert-sub-x {
    border-left: 5px solid #ff3131 !important;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.index-alert-sub-o {
    border-left: 5px solid #31ffb1 !important;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

details summary::marker {
    font-size: 0;
}

details>summary {
    display: none;
}

details>summary::-webkit-details-marker {
    display: none;
}

.arrow-apply {
    width: 40px !important;
    padding: 5px !important;
    background-color: #ffffff !important;
    border-radius: 50px !important;
    box-shadow: 0 0 5px 0px #dbdbdb !important;
}

.arrow-apply:hover {
    box-shadow: 0 0 5px 0px #c1c1c1 !important;
}

.video-container {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.g-max-width-150 {
    max-width: 150px;
}

.resume-plus-btn {
    color: #c9c9c9 !important;
    font-weight: normal !important;
    border: 1px solid #e1e1e1 !important;
}

.resume-plus-btn--hover:hover {
    background-color: #ffecd1 !important;
    color: #ffad31 !important;
    border: 1px solid #ffecd1 !important;
}

.asdasd:hover {
    background-color: #eef1f3;
}

.g-brd-top-e9e9e9 {
    border-top: 1px solid #e9e9e9 !important;
}

.text-height-resume {
    height: 48.58px !important;
    line-height: 26px !important;
}

.arrow-btn-up-down {
    color: #9f9f9f !important;
    background-color: #efefef !important;
}

.arrow-btn-up-down:hover {
    color: #9f9f9f !important;
    background-color: #e7e7e7 !important;
}

.g-brd-left-transparent {
    border-left: 1px solid transparent !important;
}

.g-btn-autosave {
    background-color: #f3f3f3;
}

.g-btn-autosave:hover {
    background-color: #ebebeb;
}

.check-btn-gray {
    background-color: #f5f5f5 !important;
}

.check-btn-red {
    background-color: #FF4646 !important;
}

.check-btn-green {
    background-color: #52FF97 !important;
}

.btn-consultant {
    background-color: #F9F9F9 !important;
    color: #E1E1E1 !important;
    border: 1px solid #eaeaea;
}

.btn-consultant--hover:hover {
    background-color: #FFE9C8 !important;
    color: #ffad31 !important;
    border: 1px solid #ffad31;
}

.btn-consultant-click {
    background-color: #FFE9C8 !important;
    color: #ffad31 !important;
    border: 1px solid #ffad31;
}

.check-btn-gray--hover:hover {
    background-color: #f1f1f1 !important;
}

.kakao-btn:hover {
    background-color: #ffeb00 !important;
    color: #000 !important;
}

.toss-btn:hover {
    background-color: #005fff !important;
    color: #fff !important;
}

.naver-btn:hover {
    background-color: #01c73c !important;
    color: #fff !important;
}

.payco-btn:hover {
    background-color: #e7231e !important;
    color: #fff !important;
}

.g-bg-e5e5e5--hover:hover {
    background-color: #e5e5e5 !important;
}

.g-bg-e3e3e3 {
    background-color: #e3e3e3 !important;
}

.g-bg-f8f8f8 {
    background-color: #f8f8f8 !important;
}

.g-bg-ffecd0 {
    background-color: #ffecd0 !important;
}

.g-bg-f5f5f5 {
    background-color: #f5f5f5 !important;
}

.g-bg-efefef--hover:hover {
    background-color: #efefef !important;
    transition: 0.2s;
}

.g-brd-c1c1c1--dashed {
    border: 1px dashed #c1c1c1;
}

.g-color-909090 {
    color: #909090 !important;
}

.g-bg-f5f5f5--hover:hover {
    background-color: #f5f5f5 !important;
    transition: 0.2s;
}

.g-brd-e7e7e7 {
    border: 1px solid #e7e7e7 !important;
}

.g-max-width-700 {
    max-width: 700px !important;
}

.g-bg-e5e5e5 {
    background-color: #e5e5e5 !important;
}

.g-btn-month-none {
    background-color: #f7f7f7 !important;
    color: #d7d7d7 !important;
}

.g-bg-ebebeb {
    background-color: #ebebeb !important;
}

.g-bg-dbdbdb--hover:hover {
    background-color: #dbdbdb !important;
}

.iphone {
    z-index: 999999;
}

.title_ex_wrap {
    padding-bottom: 12px;
    overflow-y: hidden !important;
}

.title_ex_wrap p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
}

.title_ex_wrap p span {
    width: calc(100% - 26px);
}

.title_ex_wrap p svg {
    width: 20px;
    height: 20px;
}

.title_ex_wrap p:hover {
    border-color: #ffad31;
}

@media(max-width: 768px) {
    .notice_view_wrap .notice_view {
        padding: 0 !important;
    }
}

.notice_view_wrap .notice_tit {
    border-bottom: 1px solid #dee2e6;
}

.notice_view_wrap .notice_tit h4 {
    font-weight: bold;
}

.notice_view_wrap .notice_cont img {

    max-width: 100%;
    height: auto !important;
}

.resume_type_btn_wrap {
    display: flex;
    /* justify-content: flex-end; */
    margin-bottom: 16px;
}

.resume_type_btn_wrap button {
    padding: .5rem .8rem;
    position: relative;
    background-color: transparent !important;
    border: 2px solid #dee2e6;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

.resume_type_btn_wrap button:first-of-type {
    margin-right: 12px;
}

.resume_type_btn_wrap button.active {
    color: #ffad31 !important;
    font-weight: 700;
    background: #FFE7AF !important;
    border-color: #FFE7AF !important;
}

/* CHAT GPT 관련 기능 CSS */
.recom_result {
    background: #FEF8F4 !important;
    border: 1px solid #ffdfaf !important;
    word-break: keep-all;
    line-height: 1.65;
}

.recom_result:hover {
    background: #fff4e5 !important;
}

.my_msg_wrap {
    display: flex;
    justify-content: flex-end;
}

.my_msg_wrap .my_msg {
    position: relative;
    padding: 1.07143rem;
    margin-left: 20px;
    margin-bottom: 8px;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
}

.regen_btn_wrap {
    display: flex;
    justify-content: center;
    padding: 0 1.5rem 4px;
    margin-top: -6px;
    width: 100%;
    gap: 8px;
}

.regen_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    background: #fff;
}

.regen_btn:hover {
    color: #ffb545;
    background: #f8f9f9;
}

.regen_btn svg {
    margin-right: 4px;
}

.gpt_input_wrap {
    position: relative;
    width: 100%;
}

.gpt_input_wrap textarea {
    padding-right: 68px;
}

.gpt_input_wrap .gpt_send_btn {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background: #ffb545;
    color: #fff;
}

.gpt_input_wrap .gpt_send_btn:disabled {
    opacity: .6;
}

.gpt_choose_wrap .gpt_choose {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.gpt_choose_wrap .gpt_choose_btn {
    position: relative;
    padding-left: 2.6rem;
    background: #fff;
    border: 1px solid #dee2e6;
}

.gpt_choose_wrap .gpt_choose_btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: .8rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1104_2)'%3E%3Cpath d='M8 15C6.14348 15 4.36301 14.2625 3.05025 12.9497C1.7375 11.637 1 9.85652 1 8C1 6.14348 1.7375 4.36301 3.05025 3.05025C4.36301 1.7375 6.14348 1 8 1C9.85652 1 11.637 1.7375 12.9497 3.05025C14.2625 4.36301 15 6.14348 15 8C15 9.85652 14.2625 11.637 12.9497 12.9497C11.637 14.2625 9.85652 15 8 15ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16Z' fill='%23BEC4CB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1104_2'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.gpt_choose_wrap .gpt_choose_btn:hover {}

.gpt_choose_wrap .gpt_choose_btn.active {
    background: #ffecd0;
    border-color: #ffad31;
    color: #ffad31;
}

.gpt_choose_wrap .gpt_choose_btn.active::after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: .8rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1106_2)'%3E%3Cpath d='M8 15C6.14348 15 4.36301 14.2625 3.05025 12.9497C1.7375 11.637 1 9.85652 1 8C1 6.14348 1.7375 4.36301 3.05025 3.05025C4.36301 1.7375 6.14348 1 8 1C9.85652 1 11.637 1.7375 12.9497 3.05025C14.2625 4.36301 15 6.14348 15 8C15 9.85652 14.2625 11.637 12.9497 12.9497C11.637 14.2625 9.85652 15 8 15ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16Z' fill='%23FFAD31'/%3E%3Cpath d='M11 8C11 8.79565 10.6839 9.55871 10.1213 10.1213C9.55871 10.6839 8.79565 11 8 11C7.20435 11 6.44129 10.6839 5.87868 10.1213C5.31607 9.55871 5 8.79565 5 8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5C8.79565 5 9.55871 5.31607 10.1213 5.87868C10.6839 6.44129 11 7.20435 11 8Z' fill='%23FFAD31'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1106_2'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.gpt_choose_gen_wrap{
    display: flex;
    justify-content: space-between;
}

.gpt_choose_gen_info{
    display: inline-block; 
    color: #8b95a1;
}

@media(max-width: 767px){
    .gpt_choose_btn{
        /* width: calc(50% - 4px); */
        width: 100%;
    }

    .gpt_choose .tooltip-container{
        width: calc(50% - 4px);
    }

    .gpt_choose_gen_wrap{
        margin-top: 6px !important;
        flex-direction: column;
    }

    .gpt_choose_gen_info{
        font-size: 12px;
    }

    .gpt_choose_gen{
        margin-top: 10px;
        position: static;
        width: 100%;
    }
}

.state_label_wrap {
    flex-wrap: wrap;
    margin-bottom: -10px;
}

.state_label_wrap span {
    margin: 0 8px 8px 0;
}

.list-checked {
    padding-left: 0;
    list-style: none
}

.list-checked-item,
.list-unchecked-item {
    position: relative;
    color: #51596c;
    padding-left: 2rem
}

.list-checked-item:not(:last-child),
.list-unchecked-item:not(:last-child) {
    margin-bottom: 1rem
}

.list-checked-item::before,
.list-unchecked-item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%2351596C'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.5rem 1.5rem;
    content: '';
    margin-top: .125rem
}

.list-checked-item[hover]:hover,
.list-unchecked-item[hover]:hover {
    color: #0abf53
}

[class*=list-checked-bg-] .list-checked-item::before,
[class*=list-checked-bg-] .list-unchecked-item::before,
[class*=list-checked-soft-bg-] .list-checked-item::before,
[class*=list-checked-soft-bg-] .list-unchecked-item::before {
    margin-top: .125rem
}

.list-checked-primary .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%230ABF53'/%3e%3c/svg%3e")
}

.list-checked-primary .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.20895 4.21806C4.34279 4.08416 4.52428 4.00893 4.71352 4.00893C4.90276 4.00893 5.08425 4.08416 5.21808 4.21806L8.99554 7.99878L12.773 4.21806C12.8388 4.14984 12.9176 4.09543 13.0046 4.05799C13.0917 4.02056 13.1854 4.00085 13.2801 4.00003C13.3749 3.9992 13.4689 4.01728 13.5566 4.05319C13.6443 4.08911 13.724 4.14214 13.791 4.20921C13.858 4.27628 13.911 4.35603 13.9469 4.44381C13.9827 4.53159 14.0008 4.62565 14 4.72049C13.9991 4.81533 13.9795 4.90906 13.9421 4.99621C13.9047 5.08335 13.8503 5.16217 13.7821 5.22806L10.0047 9.00878L13.7821 12.7895C13.9121 12.9242 13.9841 13.1046 13.9824 13.2919C13.9808 13.4792 13.9058 13.6584 13.7734 13.7908C13.6411 13.9232 13.4621 13.9983 13.275 14C13.0879 14.0016 12.9076 13.9296 12.773 13.7995L8.99554 10.0188L5.21808 13.7995C5.08348 13.9296 4.90321 14.0016 4.71609 14C4.52896 13.9983 4.34997 13.9232 4.21765 13.7908C4.08533 13.6584 4.01027 13.4792 4.00864 13.2919C4.00702 13.1046 4.07895 12.9242 4.20895 12.7895L7.98641 9.00878L4.20895 5.22806C4.07516 5.09411 4 4.91247 4 4.72306C4 4.53366 4.07516 4.35201 4.20895 4.21806V4.21806Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-bg-primary .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%230ABF53'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e")
}

.list-checked-bg-primary .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%23fff'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-primary .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23fd7e14' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23fd7e14'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-primary .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4' fill-opacity='0.1'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-secondary .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%2351596C'/%3e%3c/svg%3e")
}

.list-checked-secondary .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.20895 4.21806C4.34279 4.08416 4.52428 4.00893 4.71352 4.00893C4.90276 4.00893 5.08425 4.08416 5.21808 4.21806L8.99554 7.99878L12.773 4.21806C12.8388 4.14984 12.9176 4.09543 13.0046 4.05799C13.0917 4.02056 13.1854 4.00085 13.2801 4.00003C13.3749 3.9992 13.4689 4.01728 13.5566 4.05319C13.6443 4.08911 13.724 4.14214 13.791 4.20921C13.858 4.27628 13.911 4.35603 13.9469 4.44381C13.9827 4.53159 14.0008 4.62565 14 4.72049C13.9991 4.81533 13.9795 4.90906 13.9421 4.99621C13.9047 5.08335 13.8503 5.16217 13.7821 5.22806L10.0047 9.00878L13.7821 12.7895C13.9121 12.9242 13.9841 13.1046 13.9824 13.2919C13.9808 13.4792 13.9058 13.6584 13.7734 13.7908C13.6411 13.9232 13.4621 13.9983 13.275 14C13.0879 14.0016 12.9076 13.9296 12.773 13.7995L8.99554 10.0188L5.21808 13.7995C5.08348 13.9296 4.90321 14.0016 4.71609 14C4.52896 13.9983 4.34997 13.9232 4.21765 13.7908C4.08533 13.6584 4.01027 13.4792 4.00864 13.2919C4.00702 13.1046 4.07895 12.9242 4.20895 12.7895L7.98641 9.00878L4.20895 5.22806C4.07516 5.09411 4 4.91247 4 4.72306C4 4.53366 4.07516 4.35201 4.20895 4.21806V4.21806Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-bg-secondary .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%2351596C'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e")
}

.list-checked-bg-secondary .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%23fff'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-secondary .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%2351596C' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%2351596C'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-secondary .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4' fill-opacity='0.1'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-success .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%23077C76'/%3e%3c/svg%3e")
}

.list-checked-success .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.20895 4.21806C4.34279 4.08416 4.52428 4.00893 4.71352 4.00893C4.90276 4.00893 5.08425 4.08416 5.21808 4.21806L8.99554 7.99878L12.773 4.21806C12.8388 4.14984 12.9176 4.09543 13.0046 4.05799C13.0917 4.02056 13.1854 4.00085 13.2801 4.00003C13.3749 3.9992 13.4689 4.01728 13.5566 4.05319C13.6443 4.08911 13.724 4.14214 13.791 4.20921C13.858 4.27628 13.911 4.35603 13.9469 4.44381C13.9827 4.53159 14.0008 4.62565 14 4.72049C13.9991 4.81533 13.9795 4.90906 13.9421 4.99621C13.9047 5.08335 13.8503 5.16217 13.7821 5.22806L10.0047 9.00878L13.7821 12.7895C13.9121 12.9242 13.9841 13.1046 13.9824 13.2919C13.9808 13.4792 13.9058 13.6584 13.7734 13.7908C13.6411 13.9232 13.4621 13.9983 13.275 14C13.0879 14.0016 12.9076 13.9296 12.773 13.7995L8.99554 10.0188L5.21808 13.7995C5.08348 13.9296 4.90321 14.0016 4.71609 14C4.52896 13.9983 4.34997 13.9232 4.21765 13.7908C4.08533 13.6584 4.01027 13.4792 4.00864 13.2919C4.00702 13.1046 4.07895 12.9242 4.20895 12.7895L7.98641 9.00878L4.20895 5.22806C4.07516 5.09411 4 4.91247 4 4.72306C4 4.53366 4.07516 4.35201 4.20895 4.21806V4.21806Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-bg-success .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23077C76'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e")
}

.list-checked-bg-success .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%23fff'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-success .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23077C76' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23077C76'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-success .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4' fill-opacity='0.1'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-info .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%23334AC0'/%3e%3c/svg%3e")
}

.list-checked-info .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.20895 4.21806C4.34279 4.08416 4.52428 4.00893 4.71352 4.00893C4.90276 4.00893 5.08425 4.08416 5.21808 4.21806L8.99554 7.99878L12.773 4.21806C12.8388 4.14984 12.9176 4.09543 13.0046 4.05799C13.0917 4.02056 13.1854 4.00085 13.2801 4.00003C13.3749 3.9992 13.4689 4.01728 13.5566 4.05319C13.6443 4.08911 13.724 4.14214 13.791 4.20921C13.858 4.27628 13.911 4.35603 13.9469 4.44381C13.9827 4.53159 14.0008 4.62565 14 4.72049C13.9991 4.81533 13.9795 4.90906 13.9421 4.99621C13.9047 5.08335 13.8503 5.16217 13.7821 5.22806L10.0047 9.00878L13.7821 12.7895C13.9121 12.9242 13.9841 13.1046 13.9824 13.2919C13.9808 13.4792 13.9058 13.6584 13.7734 13.7908C13.6411 13.9232 13.4621 13.9983 13.275 14C13.0879 14.0016 12.9076 13.9296 12.773 13.7995L8.99554 10.0188L5.21808 13.7995C5.08348 13.9296 4.90321 14.0016 4.71609 14C4.52896 13.9983 4.34997 13.9232 4.21765 13.7908C4.08533 13.6584 4.01027 13.4792 4.00864 13.2919C4.00702 13.1046 4.07895 12.9242 4.20895 12.7895L7.98641 9.00878L4.20895 5.22806C4.07516 5.09411 4 4.91247 4 4.72306C4 4.53366 4.07516 4.35201 4.20895 4.21806V4.21806Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-bg-info .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23334AC0'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e")
}

.list-checked-bg-info .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%23fff'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-info .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23334AC0' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23334AC0'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-info .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4' fill-opacity='0.1'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-warning .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%23f39568'/%3e%3c/svg%3e")
}

.list-checked-warning .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.20895 4.21806C4.34279 4.08416 4.52428 4.00893 4.71352 4.00893C4.90276 4.00893 5.08425 4.08416 5.21808 4.21806L8.99554 7.99878L12.773 4.21806C12.8388 4.14984 12.9176 4.09543 13.0046 4.05799C13.0917 4.02056 13.1854 4.00085 13.2801 4.00003C13.3749 3.9992 13.4689 4.01728 13.5566 4.05319C13.6443 4.08911 13.724 4.14214 13.791 4.20921C13.858 4.27628 13.911 4.35603 13.9469 4.44381C13.9827 4.53159 14.0008 4.62565 14 4.72049C13.9991 4.81533 13.9795 4.90906 13.9421 4.99621C13.9047 5.08335 13.8503 5.16217 13.7821 5.22806L10.0047 9.00878L13.7821 12.7895C13.9121 12.9242 13.9841 13.1046 13.9824 13.2919C13.9808 13.4792 13.9058 13.6584 13.7734 13.7908C13.6411 13.9232 13.4621 13.9983 13.275 14C13.0879 14.0016 12.9076 13.9296 12.773 13.7995L8.99554 10.0188L5.21808 13.7995C5.08348 13.9296 4.90321 14.0016 4.71609 14C4.52896 13.9983 4.34997 13.9232 4.21765 13.7908C4.08533 13.6584 4.01027 13.4792 4.00864 13.2919C4.00702 13.1046 4.07895 12.9242 4.20895 12.7895L7.98641 9.00878L4.20895 5.22806C4.07516 5.09411 4 4.91247 4 4.72306C4 4.53366 4.07516 4.35201 4.20895 4.21806V4.21806Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-bg-warning .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23f39568'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e")
}

.list-checked-bg-warning .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%23fff'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-warning .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23f39568' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23f39568'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-warning .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4' fill-opacity='0.1'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-danger .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%23692340'/%3e%3c/svg%3e")
}

.list-checked-danger .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.20895 4.21806C4.34279 4.08416 4.52428 4.00893 4.71352 4.00893C4.90276 4.00893 5.08425 4.08416 5.21808 4.21806L8.99554 7.99878L12.773 4.21806C12.8388 4.14984 12.9176 4.09543 13.0046 4.05799C13.0917 4.02056 13.1854 4.00085 13.2801 4.00003C13.3749 3.9992 13.4689 4.01728 13.5566 4.05319C13.6443 4.08911 13.724 4.14214 13.791 4.20921C13.858 4.27628 13.911 4.35603 13.9469 4.44381C13.9827 4.53159 14.0008 4.62565 14 4.72049C13.9991 4.81533 13.9795 4.90906 13.9421 4.99621C13.9047 5.08335 13.8503 5.16217 13.7821 5.22806L10.0047 9.00878L13.7821 12.7895C13.9121 12.9242 13.9841 13.1046 13.9824 13.2919C13.9808 13.4792 13.9058 13.6584 13.7734 13.7908C13.6411 13.9232 13.4621 13.9983 13.275 14C13.0879 14.0016 12.9076 13.9296 12.773 13.7995L8.99554 10.0188L5.21808 13.7995C5.08348 13.9296 4.90321 14.0016 4.71609 14C4.52896 13.9983 4.34997 13.9232 4.21765 13.7908C4.08533 13.6584 4.01027 13.4792 4.00864 13.2919C4.00702 13.1046 4.07895 12.9242 4.20895 12.7895L7.98641 9.00878L4.20895 5.22806C4.07516 5.09411 4 4.91247 4 4.72306C4 4.53366 4.07516 4.35201 4.20895 4.21806V4.21806Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-bg-danger .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23692340'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e")
}

.list-checked-bg-danger .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%23fff'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-danger .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23692340' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23692340'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-danger .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4' fill-opacity='0.1'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-light .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%23F5F7FA'/%3e%3c/svg%3e")
}

.list-checked-light .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.20895 4.21806C4.34279 4.08416 4.52428 4.00893 4.71352 4.00893C4.90276 4.00893 5.08425 4.08416 5.21808 4.21806L8.99554 7.99878L12.773 4.21806C12.8388 4.14984 12.9176 4.09543 13.0046 4.05799C13.0917 4.02056 13.1854 4.00085 13.2801 4.00003C13.3749 3.9992 13.4689 4.01728 13.5566 4.05319C13.6443 4.08911 13.724 4.14214 13.791 4.20921C13.858 4.27628 13.911 4.35603 13.9469 4.44381C13.9827 4.53159 14.0008 4.62565 14 4.72049C13.9991 4.81533 13.9795 4.90906 13.9421 4.99621C13.9047 5.08335 13.8503 5.16217 13.7821 5.22806L10.0047 9.00878L13.7821 12.7895C13.9121 12.9242 13.9841 13.1046 13.9824 13.2919C13.9808 13.4792 13.9058 13.6584 13.7734 13.7908C13.6411 13.9232 13.4621 13.9983 13.275 14C13.0879 14.0016 12.9076 13.9296 12.773 13.7995L8.99554 10.0188L5.21808 13.7995C5.08348 13.9296 4.90321 14.0016 4.71609 14C4.52896 13.9983 4.34997 13.9232 4.21765 13.7908C4.08533 13.6584 4.01027 13.4792 4.00864 13.2919C4.00702 13.1046 4.07895 12.9242 4.20895 12.7895L7.98641 9.00878L4.20895 5.22806C4.07516 5.09411 4 4.91247 4 4.72306C4 4.53366 4.07516 4.35201 4.20895 4.21806V4.21806Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-bg-light .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23F5F7FA'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e")
}

.list-checked-bg-light .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%23fff'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-light .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%23F5F7FA' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23F5F7FA'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-light .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4' fill-opacity='0.1'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-dark .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%232d374b'/%3e%3c/svg%3e")
}

.list-checked-dark .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.20895 4.21806C4.34279 4.08416 4.52428 4.00893 4.71352 4.00893C4.90276 4.00893 5.08425 4.08416 5.21808 4.21806L8.99554 7.99878L12.773 4.21806C12.8388 4.14984 12.9176 4.09543 13.0046 4.05799C13.0917 4.02056 13.1854 4.00085 13.2801 4.00003C13.3749 3.9992 13.4689 4.01728 13.5566 4.05319C13.6443 4.08911 13.724 4.14214 13.791 4.20921C13.858 4.27628 13.911 4.35603 13.9469 4.44381C13.9827 4.53159 14.0008 4.62565 14 4.72049C13.9991 4.81533 13.9795 4.90906 13.9421 4.99621C13.9047 5.08335 13.8503 5.16217 13.7821 5.22806L10.0047 9.00878L13.7821 12.7895C13.9121 12.9242 13.9841 13.1046 13.9824 13.2919C13.9808 13.4792 13.9058 13.6584 13.7734 13.7908C13.6411 13.9232 13.4621 13.9983 13.275 14C13.0879 14.0016 12.9076 13.9296 12.773 13.7995L8.99554 10.0188L5.21808 13.7995C5.08348 13.9296 4.90321 14.0016 4.71609 14C4.52896 13.9983 4.34997 13.9232 4.21765 13.7908C4.08533 13.6584 4.01027 13.4792 4.00864 13.2919C4.00702 13.1046 4.07895 12.9242 4.20895 12.7895L7.98641 9.00878L4.20895 5.22806C4.07516 5.09411 4 4.91247 4 4.72306C4 4.53366 4.07516 4.35201 4.20895 4.21806V4.21806Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-bg-dark .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%232d374b'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e")
}

.list-checked-bg-dark .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%23fff'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-dark .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%232d374b' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%232d374b'/%3e%3c/svg%3e")
}

.list-checked-soft-bg-dark .list-unchecked-item::before {
    background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='%238997a4' fill-opacity='0.1'/%3E%3Cpath d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='%238997a4'/%3e%3c/svg%3e")
}

.list-checked-sm .list-checked-item,
.list-checked-sm .list-unchecked-item {
    padding-left: 1.5rem
}

.list-checked-sm .list-checked-item::before,
.list-checked-sm .list-unchecked-item::before {
    width: 1rem;
    height: 1rem;
    background-size: 1rem 1rem;
    margin-top: .3125rem
}

.list-checked-sm[class*=list-checked-bg-] .list-checked-item::before,
.list-checked-sm[class*=list-checked-bg-] .list-unchecked-item::before,
.list-checked-sm[class*=list-checked-soft-bg-] .list-checked-item::before,
.list-checked-sm[class*=list-checked-soft-bg-] .list-unchecked-item::before {
    margin-top: .25rem
}

.list-checked-lg .list-checked-item,
.list-checked-lg .list-unchecked-item {
    padding-left: 2.5rem
}

.list-checked-lg .list-checked-item:not(:last-child),
.list-checked-lg .list-unchecked-item:not(:last-child) {
    margin-bottom: 1.25rem
}

.list-checked-lg .list-checked-item::before,
.list-checked-lg .list-unchecked-item::before {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem 1.5rem;
    margin-top: 0
}

.list-checked-lg[class*=list-checked-bg-] .list-checked-item::before,
.list-checked-lg[class*=list-checked-bg-] .list-unchecked-item::before,
.list-checked-lg[class*=list-checked-soft-bg-] .list-checked-item::before,
.list-checked-lg[class*=list-checked-soft-bg-] .list-unchecked-item::before {
    margin-top: -.0625rem
}

.rounded-3 {
    border-radius: .8125rem !important;
}

.mb-n10 {
    margin-bottom: -4.5rem !important;
}

.mb-n11{
    margin-bottom: -11.5em !important;
}

.me-5 {
    margin-right: 2rem !important;
}

.me-n5{
    margin-right: -2rem !important
}

.start-0{
    left: 0 !important;
}

.end-0 {
    right: 0 !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-13{
    bottom: 0.92857rem !important;
}

.right-15{
    right: 1.07143rem !important;
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.w-65 {
    width: 65% !important
}

.w-85 {
    width: 85% !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.h-65 {
    height: 65% !important
}

.mh-100 {
    max-height: 100% !important
}

.border-solid{
    border: 1px solid #dee2e6 !important;
}

.main_deco_bg{
    background: url('/static/img/bg_deco.png') no-repeat;
    background-size: cover;
    background-position: 100%;
}

.main_deco_bg a{
    color: #fff;
}

.footer_logo{
    display: flex;
    padding-left: 0;
    gap: 8px;
}

.footer_logo li{
    padding-left: 0;
    list-style: none;
}

.footer_logo li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #e0e0e0;
    border-radius: 100px;
}

.youtube_search_list .video-item{
    margin: 0;
    background: #fff;
}

.comu_user_name{
    color: #666;
    font-size: 15px;
    font-weight: 600;
}

.comu_nav{
    position: static;
    text-align: left;
    width: auto !important;
}

.comu_list .comu_cont{
    border-bottom: 1px solid #dee2e6;
}

.comu_list .comu_cont a{
    color: inherit;
}

.comu_list .comu_cont a:hover{
    background: #f8f9f9 !important;
}

.comu_list .comu_cont:last-of-type{
    border-bottom: none;
}

.comu_list .comu_cont .media{
    align-items: flex-start;
}

.comu_list .comu_cont .comu_footer{
    display: flex;
    align-items: center;
    gap: 8px;
}

.comu_list .comu_cont .comu_txt{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: break-spaces;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 45px;
}

.comu_reply_box{
    min-height: 72px !important;
    border-bottom: none !important;
    border-end-start-radius: 0 !important;
    border-end-end-radius: 0 !important;
}

.comu_reply_box:focus{
    border: 1px solid #dee2e6 !important;
    border-bottom: none !important
}

.comu_reply_box:disabled{
    opacity: 1;
}

.comu_reply_box_btn{
    padding-top: 0 !important;
    background: #fff;
    border: 1px solid;
    border-top-color: transparent !important;
    border-end-start-radius: 0.5rem !important;
    border-end-end-radius: 0.5rem !important;
}

.comu_reply_box_btn.before_login{
    background: #e9ecef;
}

.news_wrap a{
    color: inherit;
}

.news_wrap a:hover > div{
    border-color: #ffad31 !important;
}

.gap-4{
    gap: 4px;
}

.gap-8{
    gap: 8px;
}

.text-uppercase{
    text-transform: none !important;
}

.naver_wrap svg{
    width: 50px;
}

.bookmark_btn{
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 1rem;
    color: #677788;
    font-size: 12px;
    line-height: 1;
    z-index: 10;
}

.recruit_list .bookmark_btn{
    top: 6px !important;
    right: 6px !important;
    font-size: 12px;
}

.recruit_search_wrap .recruit_search .input-group{
    gap: 1px;
}

.recruit_search_wrap .recruit_search .form-control{
    border-right: 1px solid transparent;
}

.recruit_search_wrap .recruit_search .form-control:focus{
    border-right-color: #ffad31;
}

@media(max-width: 992px){
    .recruit_search_wrap{
        flex-direction: column;
        align-items: flex-start !important;
    }

    .recruit_search_wrap .recruit_search{
        margin-bottom: 40px;
    }

    .recruit_search_wrap h2{
        order: 2;
    }

    .g-mb-20--mobile{
        margin-bottom: 20px !important;
    }
}

.recruit_list li a{
    flex-direction: column;
    align-items: normal;
}

.recruit_list li .u-label{
    display: inline-flex;
    gap: 4px;
    font-size: 12px;
    background: #f4f6fa !important;
    color: #475067 !important;
    border-radius: 4px !important;
    white-space: normal;
    text-align: left;
}

.recruit_list li .recruit_label_wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.recruit_list li .recruit_source{
    margin-top: 26px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #677788;
}

.recruit_list li .recruit_source img{
    width: 76px;
}

.recruit_search_toggle{
    cursor: pointer; 
}

.recruit_search_toggle svg{
    width: 20px;
    height: 20px;
}

.recruit_search_toggle .toggle_down{
    transform: rotate(180deg);
}

.comu_comment_wrap{
    margin-top: 40px;
    position: relative;
}

.comu_commnet_input{
    padding-right: 40px !important;
}

.comu_commnet_btn{
    position: absolute;
    top: 7px;
    right: 0;
}

.comu_commnet_btn svg{
    color: #666;
}

.comment_reply_wrap{
    margin-top: 24px;
}

.comment_reply_wrap .comment_reply{
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ebeef0;
}

.comment_reply_wrap .comment_reply:last-of-type{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.ai_bubble_wrap .media-body{
    flex: none;
    max-width: 50%;
}

.remi_chat .ai_bubble_wrap .media-body{
    max-width: calc(92% - 50px);
}

.remi_chat .user_bubble{
    max-width: 80%;
}

.ai_bubble_wrap .ai_bubble{
    max-width: 100%;
}

.ai_bubble_wrap .ai_name{
    font-size: 12px;
    color: #677788;
}

.ai_bubble,
.user_bubble{
    padding: 10px 12px;
    margin-bottom: 1rem !important;
    max-width: 50%;
    word-break: break-all;
}

.ai_bubble{
    background: #eeeef0;
    border-radius: 0 16px 16px 16px;
}

.ai_bubble.ai_bubble_write{
    padding: 10px 30px;
    max-width: fit-content;
}

.user_bubble{
    background: #ffc74c;
    border-radius: 16px 16px 0 16px;
}

.user_bubble_select{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    margin-bottom: 0 !important;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 26px;
    cursor: pointer;
}

.user_bubble_select:hover{
    background: #ffad31;
    border-color: #ffad31;
    color: #fff;
}

.user_bubble_select_wrap{
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.counseling_main_bg{
    position: absolute;
    top: 0;
    width: 100%;
    height: 60vh;
    background-image: linear-gradient(180deg, #FCE6C9, #fff);
    background-image: linear-gradient(180deg, #ffedd5, #fff);
}

.chatbot_title_wrap .chatbot_desc,
.chatbot_title_wrap h2{
    word-break: keep-all;
}

.chatbot_img_wrap{
    opacity: 0;
    animation: fadeUP normal forwards running 1.6s cubic-bezier(0, 0, 0.2, 1) 0s;
    -webkit-animation: fadeUP normal forwards running 1.6s cubic-bezier(0, 0, 0.2, 1) 0s;
    transition: all;
}

.chatbot_title_wrap h2{
    opacity: 0;
    animation: fadeUP normal forwards running 1.2s cubic-bezier(0, 0, 0.2, 1) 0.4s;
    -webkit-animation: fadeUP normal forwards running 1.2s cubic-bezier(0, 0, 0.2, 1) 0.4s;
}



@keyframes fadeUP {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.chatbot_img_wrap img{
    width: 74% !important;
}

.chatbot_cta_view:hover{
    background: #fff9ef;
}

.counsel_subs{
    font-size: 16px;
    font-weight: 700;
}

.counsel_type_wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    margin-bottom: 20px;
}

.counsel_type_wrap .counsel_type{
    position: relative;
    padding-top: 100%;
    cursor: pointer;
}

.counsel_type_wrap .counsel_type .counsel_type_choice{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #f8f9f9;
    border: 1px solid transparent;
    border-radius: 8px;
}

.counsel_type_wrap .counsel_type .counsel_type_choice:hover{
    background: #fff9ef;
}

.counsel_type_wrap .counsel_type .counsel_type_choice.active{
    border-color: #ffad31;
    background-color: #fff9ef ;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 22 22' fill='currentColor' xmlns='http://www.w3.org/2000/svg' aria-label=''%3E%3Ccircle cx='11' cy='11' r='10.5' fill='%23fff9ef' stroke='%23ffad31'%3E%3C/circle%3E%3Ccircle cx='11' cy='11' r='5' fill='%23ffad31'%3E%3C/circle%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top 8px left 8px;
}

.counsel_type_wrap .counsel_type .counsel_type_choice.active .counsel_tit{
    color: #ffad31;
}

.counsel_type_wrap .counsel_type img{
    max-width: 38%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.counsel_type_wrap .counsel_type .counsel_tit{
    color: #282b30;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.counseling_modal .modal-body{
    display: flex;
    flex-direction: column;
}

.counseling_modal .counsel_info{
    padding: 20px;
    margin-top: auto;
    margin-bottom: -20px;
    border-radius: 8px;
    background: #f2f3f6;
}

.counsel_ai_chat_wrap{
    display: flex;
    min-height: calc(102vh - 10.8rem);
}

.counsel_ai_chat_empty{
    width: 100%;

}

.counsel_ai_chat_empty .empty_cont{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #646f7c;
    text-align: center;
    word-break: keep-all;
}

.remi_no_list{
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 80px);
    font-weight: 600;
    color: #646f7c;
    text-align: center;
    word-break: keep-all;
}

.counsel_ai_chat_list{
    width: 280px;
    border-right: 1px solid #dee2e6;
    background: #fff;
}

.counsel_ai_chat_list_tit{
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
}

.counsel_ai_chat_list ul li{
    cursor: pointer;
}

.counsel_ai_chat_list ul li.active{
    background: #fff1dc !important;
}

.counsel_ai_chat_list ul li:hover{
    background: #f8f9f9;
}

.counsel_ai_chat_list ul li.new_counsel_btn{
    margin-top: 20px;
    cursor: default;
}

.counsel_ai_chat_list ul li.new_counsel_btn:hover{
    background: inherit;
}

.counsel_ai_chat_list ul li.new_counsel_btn a{
    padding: 10px 24px !important;
}

.counsel_ai_chat_list ul li .media-body{
    width: calc(100% - 70px);
}

.counsel_ai_chat_list ul li .last_msg{
    color: #444;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.mobile_counsel_do_label{
    display: none;
}

.counsel_ai_chat{
    display: flex;
    flex: 1 1 0;
    background: #fff;
}

.counsel_ai_chat_contain{
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
}

.counsel_ai_chat_contain .chat_part{
    max-height: calc(100vh - 260px);
    overflow-y: auto;
}

.counsel_ai_chat_contain .input_part{
    margin-top: auto;
}

.counsel_ai_chat .comu_comment_wrap{
    margin-top: 0;
    position: relative;
}

.m_process{
    display: none;
}

.remi_wrap_fixed{
    position: fixed;
    right: 34px;
    bottom: 34px;
    z-index: 990;
}

.remi_wrap_fixed .remi_wrap{
    position: relative;
}

.remi_chat_wrap{
    margin-bottom: 10px;
    width: 380px;
}

.remi_chat{
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    background-image: linear-gradient(180deg, #ffedd5, #fff);
    box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 2px 0px inset, 
    rgba(0, 0, 0, 0.05) 0px 0px 2px 1px, 
    rgba(0, 0, 0, 0.3) 0px 12px 60px
}

.remi_chat_head{
    margin-bottom: 20px;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
}

.remi_chat_head img{
    max-width: 100%;
}

.remi_chat_body{
    padding: 20px;
    margin: 20px;
    background: #fff;
    border-radius: 1rem;
}

.remi_chat_body .remi_chat_tit{
    margin-bottom: 14px;
    font-size: 18px;
    word-break: keep-all;
    font-weight: 800;
}

.remi_chat_body .remi_chat_desc{
    font-size: 15px;
    word-break: keep-all;
}

.remi_chatbot_btn_wrap{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;
}

.remi_chat_nav_wrap{
    margin-top: auto;
    border-radius: 0 0 1rem 1rem;
    background: #fff;
    border-top: 1px solid #dee2e6;
}

.remi_chat_nav{
    display: flex;
}

.remi_chat_nav li{
    padding: .5rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1 0;
    gap: 2px;
    font-size: 12px;
    cursor: pointer;
}

.remi_chat_nav li.active{
    color: #ffad31;
}

.remi_chat_list,
.remi_chat_do{
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
}

.remi_chat_do .counsel_ai_chat_contain{
    height: 377px;
}

.remi_luncher_info_wrap{
    position: relative;
    padding: 1rem;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0px 0px 12px 4px rgb(0 0 0 / 10%);
    animation: 400ms cubic-bezier(0.36, 0, 0, 1) 0s 1 normal backwards running remi_luncher_info_ani;
}

.remi_luncher_info_wrap .remi_info_close_btn{
    position: absolute;
    top: .5rem;
    right: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem !important;
}

.remi_info_close_btn svg{
    color: #999;
}

.remi_info_close_btn:hover svg{
    color: #666;
}

.remi_chat_close_btn{
    z-index: 1;
}

.remi_chat_close_btn:hover svg{
    color: #1d1d1f;
}

.remi_chat_do_btn{
    font-size: 15px;
    border-radius: .5rem;
}

.remi_exit_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 0.35714rem 10px !important;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    border: 1px solid #dee2e6;
}

.remi_exit_btn:hover{
    background: #eeefef;
}

.remi_chat_list .counsel_ai_chat_list{
    width: 100%;
    border-right: none;
    overflow-x: auto;
}

.remi_chat_list .counsel_ai_chat_list ul{
    height: 397px;
    overflow-x: auto;
}

.remi_chat_list .new_counsel_btn{
    margin-top: 0 !important;
    margin-bottom: 20px;
}

.remi_luncher_info_wrap .remi_luncher_info h6{
    margin-bottom: .25rem;
    font-size: 16px;
    font-weight: 900;
}

.remi_luncher_info_wrap .remi_luncher_info p{
    font-size: 13px;
    color: #666;
}

.remi_luncher_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
}

.exp_list_remi_luncher_btn{
    width: auto;
    height: auto;
}

.remi_luncher_btn button{
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 12px 4px rgb(0 0 0 / 10%);
    transition: cubic-bezier(0, 0, 0.2, 1) .25s
}

.remi_luncher_btn button:hover{
    transform: scale(1.04);
}

.remi_luncher_btn button:active{
    transform: scale(.96);
}

.remi_luncher_btn img{
    width: 100%
}

.exp_list_remi_luncher_btn button{
    padding: 1rem 1.2rem;
    background: #fff7ea;
    color: #ffad31;
    font-size: 16px;
    border: 1px solid #ffad31;
    border-radius: 1rem;
}

.exp_list_remi_luncher_btn button:hover{
    color: #ffad31;
}

@keyframes remi_luncher_info_ani{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10px, 0px, 0px);
        transform: translate3d(10px, 0px, 0px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px)
    }
}

@media(max-width: 992px){
    .user_bubble{
        max-width: 92%;
    }

    .ai_bubble_wrap .media-body{
        max-width: calc(92% - 50px);
    }
}

@media(max-width: 991px){
    .chatbot_title_wrap h2{
        font-size: 28px !important
    }

    .chatbot_title_wrap .chatbot_desc{
        font-size: 16px !important;
    }

    .chatbot_cta_wrap{
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
}

@media(max-width: 767px){
    .remi_luncher_info_wrap{
        display: none;
    }

    .chatbot_title_wrap{
        order: 1;
    }

    .chatbot_img_wrap{
        order: 0;
        margin-bottom: 40px;
    }

    .chatbot_img_wrap img{
        width: 50% !important;
    }

    .chatbot_cta_wrap a svg{
        width: 20px;
        height: 20px;
    }

    .counsel_type_wrap .counsel_type .counsel_type_choice:hover{
        background: #f8f9f9;
    }

    .counsel_type_wrap .counsel_type .counsel_type_choice.active:hover{
        border-color: #ffad31;
        background-color: #fff9ef ;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 22 22' fill='currentColor' xmlns='http://www.w3.org/2000/svg' aria-label=''%3E%3Ccircle cx='11' cy='11' r='10.5' fill='%23fff9ef' stroke='%23ffad31'%3E%3C/circle%3E%3Ccircle cx='11' cy='11' r='5' fill='%23ffad31'%3E%3C/circle%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: top 8px left 8px;
    }

    .counsel_ai_chat_list{
        width: fit-content;
    }

    .counsel_ai_chat_list_tit{
        display: flex;
        justify-content: center;
        width: 65px;
        /*padding: 20px 0 !important;
        padding-bottom: 0 !important;*/
    }

    .counsel_ai_chat_list ul li{
        padding: 0.57143rem !important;
        flex-direction: column;
    }

    .counsel_ai_chat_list ul li .counsel_profile_img_wrap {
        margin: 0 !important;
    }

    .counsel_ai_chat_list ul li .counsel_profile_img_wrap img{
        width: 40px !important;
        height: 40px !important;
    }

    .counsel_ai_chat_list ul li .media-body{
        width: auto;
    }

    .counsel_ai_chat_list ul li .media-body strong{
        font-size: 12px;
        font-weight: 500;
    }

    .counsel_ai_chat_list ul li .last_msg,
    .counsel_ai_chat_list ul li .last_date{
        display: none !important;
    }

    .counsel_ai_chat_list ul li.new_counsel_btn{
        margin-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .counsel_ai_chat_list ul li.new_counsel_btn a{
        padding: 0 !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 100px !important;
    }

    .counsel_ai_chat_list ul li.new_counsel_btn a svg{
        position: relative;
        left: 1px;
        bottom: 1px;
        margin-right: 0 !important;
        width: 22px;
        height: 22px;
    }

    .pc_counsel_do_label{
        display: none;
    }

    .mobile_counsel_do_label{
        display: block;
        font-size: 12px;
        font-weight: 500;
    }

    .counsel_ai_chat_contain .chat_part{
        max-height: calc(100vh - 180px);
    }

    .counsel_ai_chat_empty .empty_cont{
        font-size: 16px;
    }

    .pc_process{
        display: none;
    }

    .m_process{
        display: block;
    }
}


/* 레미 모바일 반응형 */
@media(max-width: 767px){
    .remi_wrap_fixed{
        right: 16px;
        bottom: 16px;
    }

    .remi_luncher_btn{
        width: 52px;
        height: 52px;
    }

    .remi_luncher_info_wrap .remi_luncher_info h6{
        font-size: 14px;
    }

    .remi_luncher_info_wrap .remi_luncher_info p{
        font-size: 12px;
    }

    .remi_chat_wrap{
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 0;
        z-index: 10;
    }

    .exp_list_remi_chat_wrap{
        position: static;
    }
    
    .remi_chat{
        height: 100%;
    }

    .exp_list_remi_chat{
        height: auto;
    }

    .remi_chat_head img{
        width: 100%;
    }

    .counsel_ai_chat{
        padding: 16px !important;
        padding-top: 6px !important;
    }

    .remi_chat_do .counsel_ai_chat_contain{
        height: calc(100dvh - 128px);
    }

    .remi_chat .counsel_ai_chat_list_tit{
        display: block;
        width: 100%;
        padding: 16px 16px 0 16px !important;
    }
    
    .remi_chat_list .counsel_ai_chat_list ul{
        height: calc(100dvh - 118px);
    }

    .remi_chat .counsel_ai_chat_list ul li.new_counsel_btn a{
        padding: 10px 24px !important;
        width: 100% !important;
        height: auto !important;
        border-radius: .25rem !important;
    }  

    .remi_chat .counsel_ai_chat_list ul li.new_counsel_btn a svg{
        position: static;
        margin-right: 4px !important;
        width: auto !important;
        height: auto !important;
    }

    .remi_chat .counsel_ai_chat_list ul .new_counsel_btn{
        padding: 0 1.78571rem !important;
    }

    .remi_chat .counsel_ai_chat_list ul li{
        padding: 0.57143rem 1.78571rem !important;
        flex-direction: row;
    }

    .remi_chat .counsel_ai_chat_list ul li .media-body{
        width: calc(100% - 70px);
    }

    .remi_chat .counsel_ai_chat_list ul li .counsel_profile_img_wrap{
        margin: 0.14286rem 0.71429rem 0 0 !important;
    }

    .remi_chat .counsel_ai_chat_list ul li .counsel_profile_img_wrap img{
        width: 55px !important;
        height: 55px !important
    }

    .remi_chat .counsel_ai_chat_list ul li .media-body strong{
        font-size: inherit;
        font-weight: bolder;
    }

    .remi_chat .counsel_ai_chat_list ul li .last_msg, 
    .remi_chat .counsel_ai_chat_list ul li .last_date{
        display: block !important;
    }

    .remi_chat_nav_wrap{
        border-radius: 0;
    }

    .exp_list_remi_wrap_fixed{
        display: none;
    }
}
/* //레미 모바일 반응형 */


@media(max-width: 994px) {
    .resume_type_btn_wrap {
        margin-bottom: 12px;
    }

    .resume_type_btn_wrap button {
        font-size: 12px;
    }
}

.contest_btn_fixed{
    position: fixed;
    top: 94px;
    right: 34px;
    background: #fce2c0;
    z-index: 10;
}

.contest_btn_fixed img{
    width: 180px;
}

.personality_test{
    position: fixed;
    top: 154px;
    right: 34px;
    background: #fce2c0;
    z-index: 10;
}

.personality_test img{
    width: 180px;
}

.personality_job{
    position: fixed;
    top: 214px;
    right: 34px;
    background: #fce2c0;
    z-index: 10;
}

.personality_job img{
    width: 180px;
}

.fixed_banner_btn_wrap{
    position: absolute;
    top: .25rem;
    right: .25rem;
    display: flex;
    gap: .25rem;
}

.fixed_banner_btn_wrap .fixed_banner_btn{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background: rgba(0, 0, 0, .45);
    border-radius: 50px;
}

.fixed_banner_btn_wrap .fixed_banner_btn svg{
    width: 12px;
    height: 12px;
    color: #fff;
}

@media(max-width: 768px){
    .contest_btn_fixed{
        top: initial;
        right: initial;
        bottom: 16px;
        left: 16px;
    }

    .personality_test{
        top: initial;
        right: initial;
        bottom: 76px;
        left: 16px;
    }
}

.note-toolbar .btn-group{
    display: inline-flex !important;
}

.draggable_wrap {
    position: absolute;
    right  : 0px;
    bottom : 70px;
}

.drag_handle{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    cursor: grab;
}

.exp_list_remi_chat_wrap .exp_list_wrap table th,
.exp_list_remi_chat_wrap .exp_list_wrap table td{
    font-size: 12px;
}

.exp_list_remi_chat_wrap .exp_list_wrap section p{
    font-size: 14px !important;
}

.update_list_wrap .update_list:first-of-type{
    margin-top: 20px;
    border-top: 1px solid #dee2e6;
}

.update_list_wrap .update_list{
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #dee2e6;
}

.update_list_wrap .update_list:last-of-type{
    margin-bottom: 40px;
}

.daterangepicker.opensleft::after,
.daterangepicker.opensleft::before{
    display: none !important;
}

.swot_table_wrap .table{
    margin-bottom: 0;
}

.swot_table_wrap .table td{
    height: 120px;
    border: 1px solid #dee2e6;
}

.swot_table_wrap .table td p{
    font-weight: 600;
}

.swot_table_wrap .table .separate{
    position: relative;
    background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #dee2e6, transparent calc(50% + 1px));
    background-size: 120% 120%;
    background-position: center;
}

.swot_table_wrap .table .separate .sepa_top,
.swot_table_wrap .table .separate .sepa_bottom{
    position: absolute;
    font-weight: 600;
}

.swot_table_wrap .table .separate .sepa_top{
    top: .75rem;
    right: .75rem;
}

.swot_table_wrap .table .separate .sepa_bottom{
    bottom: .75rem;
    left: .75rem;
}

.swot_table_wrap .swot_detail_list{
    margin-bottom: 0;
}

.swot_table_wrap .swot_detail_list li{
    margin-bottom: .4rem;
    padding: .25rem;
    background: #f8f9f9;
    border-radius: .25rem;
    color: #323438;
    word-break: keep-all;
}

.swot_table_wrap .swot_detail_list li:last-child{
    margin-bottom: 0;
}

.swot_table_wrap .swot_detail_list li .swot_number{
    color: #1d1d1f;
    font-weight: 600;
}

.swot_write_wrap .swot_write{
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
}

.swot_write_wrap .swot_write .swot_write_tit{
    margin-bottom: .5rem;
    font-size: 15px;
    font-weight: 600;
    color: #1d1d1f;
}

.swot_write_wrap .swot_write:last-of-type{
    margin-bottom: 0;
}

.swot_write .input-group {
    gap: 8px;
}

.swot_write .input-group .form-control{
    border-radius: .25rem !important;
}

.swot_del_btn{
    padding: 0 .85rem;
    background: #f1f4f7;
    color: #666;
    border: none;
    border-radius: .25rem;
}

.ftp_suc_badge{
    position: absolute;
    top: 1.42857rem;
    right: 1.42857rem;
    padding: .5rem .8rem;
    border-radius: 1rem;
    font-size: 12px;
    background: #e5ecfc;
    color: #00c0d1;
}

@media(max-width: 767px){
    .u_login_wrap .nav{
        display: flex !important;
    }

    .u_login_wrap .nav .nav-item .nav-link{
        border-color: transparent !important;
    }

    .u_login_wrap .nav .nav-item .nav-link.active{
        background: #fff !important;
        color: #000 !important;
    }
}

.di_move{
    position: absolute;
    top: 4px;
    right: -120px;
}

.select_language{
    position: absolute;
    right: -180px;
}

.admin_move{
    position: absolute;
    right: -260px;
}

.di_move .di_move_btn{
    padding: .5rem .6rem !important;
    background: #ffad31;
    color: #fff !important;
    font-size: 12px;
    border-radius: 500px;
    line-height: 1;
}

.di_move .di_move_btn:hover{
    background: #ff9e0d;
}

@media(max-width: 992px){
    .di_move,
    .select_language,
    .admin_move{
        position: static;
        padding: .58rem !important;
    }

    .di_move .di_move_btn{
        display: inline-flex;
        padding: .5rem 1rem !important;
        font-size: 13px;
    }
}

@media all and (min-width:1201px) and (max-width:1450px){
    .di_move,
    .select_language,
    .admin_move{
        position: static;
    }

    .di_move{
        display: flex !important;
        align-items: center;
    }
}

@media all and (min-width:991px) and (max-width:1200px){
    .di_move,
    .select_language,
    .admin_move{
        display: none !important;
    }
}

.item-box-container .item-box-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    list-style: none;
}

.item-box-container .item-box-list li{
    width: calc(1/4*100% - (1 - 1/4)*10px);
    /* height: 150px; */
    border: 1px solid #eaedf4;
}

.item-box-container .item-box-list li:hover{
    border-color: #ffad31;
}

.item-box-container .item-box-list li a{
    position: relative;
    padding: 20px;
    display: block;
    background: #fff;
    height: 100%;
    text-align: center;
}

.item-box-container .item-box-list li .tag{
    display: inline-flex;
    padding: 4px 10px;
    /* position: absolute;
    top: 20px;
    right: 20px; */
    border-radius: 50px;
    background: #f7fafe;
    color: #8491a7;
    font-size: 12px;
}

.item-box-container .item-box-list li .txt_wrap{
    margin-bottom: 6px;
}

.item-box-container .item-box-list li .corp_logo_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    height: 40px;
}

.item-box-container .item-box-list li .corp_logo{
    width: 150px;
}

.item-box-container .item-box-list li .corp_name{
    font-size: 16px;
    font-weight: 600;
    color: #292e41;
}

.item-box-container .item-box-list li .corp_subject{
    color: #677788;
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
}

.recruit_more_btn_wrap{
    background: #fff;
}

.recruit_more_btn_wrap{
    border: 1px solid #eaedf4;
}

.recruit_more_btn_wrap:hover{
    border-color: #ffad31;
}

.recruit_more_btn_wrap a{
    display: block;
    padding: 12px;
    text-align: center;
    color: #292e41;
}

@media(max-width: 992px){
    .item-box-container .item-box-list li{
        width: calc(1/2*100% - (1 - 1/2)*10px);
    }
}

.ai_detec_wrap{
    margin-top: 2rem;
}

.ai_detec_chart_wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ai_detec_chart{
    flex: 1;
}

.ai_detec_chart .bar_chart_bg{
    background: #ebebeb;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.ai_detec_chart .bar_chart{
    padding-left: .5rem;
    display: flex;
    align-items: center;
    background: #ffad31;
}

.ai_detec_chart .bar_chart span{
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}

.ai_detec_chart_wrap{
    margin-bottom: 20px;
}

.ai_detec_cont{
    padding: 20px;
    background: #f8f8f9;
    border-radius: 8px;
    word-break: keep-all;
}

.con_rate_wrap{
    gap: .5rem;
}

.con_rate_wrap .con_rate_button{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem;
}

.con_rate_wrap .con_rate_button.active{
    border-color: #ffad31 !important;
}

.con_rate_wrap .con_rate_button.active svg{
    color: #ffad31;
}

.con_rate_wrap .con_rate_button svg{
    width: 16px;
    height: 16px;
}

.translate_btn_wrap,
.translate_btn{
    display: flex;
    gap: .5rem;
}

.translate_btn_wrap{
    flex-wrap: wrap;
    gap: .5rem;
}

.translate_btn{
    align-items: center;
}

.translate_btn svg{
    width: 16px;
    height: 16px;
}

@media(max-width: 768px){
    /* .translate_btn{
        margin-top: 1rem;
    } */

    .regen_btn_wrap .translate_btn{
        margin-top: 0;
    }

    .translate_btn select{
        width: fit-content !important;
    }
}


/* 홈페이지 언어 선택 css */
.translate-custom-select {
    position: relative;
    width: 130px;
    font-size: 16px;
    display: inline-block;
  }
  
  .translate-custom-select .selected {
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #fff;
    display: inline-block;
  }
  
  .translate-custom-select .selected img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }
  
  .translate-custom-select .options {
    display: none;
    position: absolute;
    width: 100%;
    border: 1px solid #ccc;
    background: white;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 10;
    max-height: 200px;
    overflow-y: auto;
    top: 100%; /* 목록이 아래로 펼쳐지도록 수정 */
  }
  
  .translate-custom-select .options li {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
  }
  
  .translate-custom-select .options li img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  
  .translate-custom-select .options li:hover {
    background-color: #f0f0f0;
  }
  
  .translate-custom-select.open .options {
    display: block;
  }

.modal_language_select{
    max-width: 560px !important;
}

.select_language{
    display: flex;
    justify-content: center;
    align-items: center;
}

.select_language svg{
    width: 28px;
}

.modal_language_select_wrap ul,
.modal_language_select_wrap ul li{
    display: flex;
}

.modal_language_select_wrap ul{
    flex-wrap: wrap;
    gap: 8px;
}

.modal_language_select_wrap ul li{
    /* padding: 12px 8px;*/
    width: calc(1/3*100% - (1 - 1/3)*8px);
    gap: 8px;
    border-radius: 4px;
    cursor: pointer;
}

.modal_language_select_wrap ul li:hover{
    background: #f8f9f9;
}

.modal_language_select_wrap ul li.active{
    background: #ffefd4;
    color: #ffad31;
}

.modal_language_select_wrap ul li svg{
    display: none;
    width: 18px;
}

@media(max-width: 992px){
    .select_language{
        justify-content: flex-start;
    }
}

@media(max-width: 768px){
    .modal_language_select{
        max-width: 100%;
    }

    .modal_language_select_wrap ul li{
        width: calc(1/2*100% - (1 - 1/2)*8px);
    }
}

/* //홈페이지 언어 선택 css */




/* 셀렉트 박스에 국기 넣기 */
.custom-select-con {
    position: relative;
    width: 180px;
    font-size: 16px;
}

.custom-select-con::after{
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: 0.21429rem;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'%3E%3Cpath d='M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z'%3E%3C/path%3E%3C/svg%3E");
}

.custom-select-con .selected {
    display: flex;
    align-items: center;
    padding: 0.35714rem 0.21429rem;
    cursor: pointer;
    background: white;
}

.custom-select-con .selected span{
    line-height: 1.3;
} 

/* .custom-select-con .selected img,
.custom-select-con .dropdown img {
    width: 20px;
    height: 14px;
    margin-right: 10px;
} */

.custom-select-con .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ccc;
    width: 100%;
    z-index: 100;
    max-height: 200px;
    overflow-y: auto;
}

.custom-select-con .dropdown div {
    display: flex;
    align-items: center;
    padding: 8px;
    cursor: pointer;
}

.custom-select-con .dropdown div:hover {
    background: #f0f0f0;
}


.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip-text-list {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 10;
    bottom: 50%; /* 버튼 위로 말풍선 */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap;
}

.tooltip-text {
    position: fixed; /* 화면 기준으로 고정 */
    min-width: 380px;
    visibility: hidden;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 12px;
    position: absolute;
    z-index: 10;
    bottom: 125%; /* 버튼 위로 말풍선 */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.tooltip-container:hover .tooltip-text-list {
    visibility: visible;
    opacity: 1;
}

.pengpt_result_wrap hr:last-of-type{
    display: none;
}

.pengpt_label{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    position: relative;
    bottom: 2px;
    width: 16px;
    height: 16px;
    font-size: 10px !important;
    border-radius: 50px !important;
    line-height: 1;
}

.disabled_pengpt {
    pointer-events: none;     /* 클릭 방지 */
    color: gray;              /* 색상 변경 */
    text-decoration: none;    /* 밑줄 제거 (선택사항) */
    cursor: not-allowed;      /* 마우스 커서 비활성화 느낌 */
}

.main_bg{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 60vh;
    background-image: linear-gradient(180deg, #FCE6C9, #fff);
    background-image: linear-gradient(180deg, #ffedd5, #fff);
}

.dr_index_btn_wrap a{
    padding: 12px 24px;
    font-size: 18px;
}

/* .dr_index_btn_wrap .btn-outline-secondary:hover{
    border-color: #ffad31;
    color: #6c757d;
    background-color: transparent;
} */

@media(max-width: 768px){
    .dr_index_btn_wrap a{
        font-size: 16px;
    }
}

.dzsparallaxer.auto-init.height-is-based-on-content.use-loading.mode-scroll.loaded.dzsprx-readyall{
    background-color: transparent !important;
}

.dzsparallaxer.auto-init.height-is-based-on-content.use-loading.mode-scroll.loaded.dzsprx-readyall > div{
    background-image: none !important;
}

.dzsparallaxer.auto-init.height-is-based-on-content.use-loading.mode-scroll.loaded.dzsprx-readyall .container{
    padding-top: 40px !important;
    padding-bottom: 20px !important;
}

.dzsparallaxer.auto-init.height-is-based-on-content.use-loading.mode-scroll.loaded.dzsprx-readyall > div::after{
    content: none !important;
}

.dzsparallaxer.auto-init.height-is-based-on-content.use-loading.mode-scroll.loaded.dzsprx-readyall h3{
    margin-bottom: .75rem !important;
    margin-bottom: 0 !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #2d374b !important;
}

.dzsparallaxer.auto-init.height-is-based-on-content.use-loading.mode-scroll.loaded.dzsprx-readyall p{
    display: none;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #2d374b !important;
}

.overflow-x-hidden{
    overflow-x: hidden !important;
}

.gap-2{
    gap: .5rem !important;
}

.gap-3{
    gap: 1rem !important;
}

.text-dark{
    color: #1e293b;
}

.text-gray-800{
    color: #1e293b !important;
}

.btn-tag {
    color: #64748b;
    border-color: #e2e8f0;
    background: #fff;
    border-radius: 50rem;
    cursor: default;
}

.card-lift {
    border-radius: .5rem;
    transition: transform .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out
}

.card-lift.active,.card-lift:focus,.card-lift:hover {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;
    transform: translateY(-.25rem)
}

.animate-marquee {
    animation: marquee 50s linear infinite!important
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes marquee-left {
    to {
        transform: translateX(0)
    }

    0% {
        transform: translateX(-50%)
    }
}

.avatar {
    display: inline-block;
    height: 3rem;
    position: relative;
    width: 3rem
}

.avatar-xs {
    height: 1.5rem;
    width: 1.5rem
}

.avatar-sm {
    height: 2rem;
    width: 2rem
}

.avatar-md {
    height: 2.5rem;
    width: 2.5rem
}

.avatar-lg {
    height: 3.5rem;
    width: 3.5rem
}

.avatar-xl {
    height: 5rem;
    width: 5rem
}

.avatar-xxl {
    height: 7.5rem;
    width: 7.5rem
}

.avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.recruit_source_select_wrap .recruit_source_select_btn{
    padding: 0.6rem 1rem;
    border-radius: 50px;
    background: #f1f3f5;
}

.recruit_source_select_wrap .recruit_source_select_btn.active{
    background: #343a40;
    color: #fff;
}

.pengpt_result_cont .pengpt_result_num p{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: 10px;
    border-radius: 50px;
    color: #fff;
    line-height: 1;
}

.ai_gen_info{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 1rem;
    background: #e8ecf1;
}

.ai_gen_info svg{
    position: relative;
    top: 2px;
}