@charset "utf-8";

/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
/*--------------------------------------------------------------------------------------------------------------------*/
/* 공통 */
.wp_solution {
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Pager */
.wp_solution #wp_stn_pager {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.wp_solution #wp_stn_pager .pager {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_solution #wp_stn_pager .pager > a {
    width: 25px;
    height: 25px;
    font-size: 18px;
    font-family: var(--font-prer);
}

.wp_solution #wp_stn_pager .pager .wp_pg_num {
    transition: 0.2s;
}

.wp_solution #wp_stn_pager .pager .wp_pg_num.on {
    color: #fff;
    border-radius: 50%;
    background-color: #484848;
    transition: 0.3s;
}

.wp_solution #wp_stn_pager .pager .wp_pg_num:hover {
    color: #fff;
    border-radius: 50%;
    background-color: #484848;
    transition: 0.3s;
}

.wp_solution #wp_stn_pager .pager .wp_pg_arrow {
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Write_Button_List */
.wp_solution #wp_write_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.wp_solution #wp_write_list .wp_btn_wrt {
    width: 85px;
    height: 40px;
    font-size: 15px;
    font-family: var(--font-prer);
    border: 1px solid #ABABAB;
    transition: 0.2s;
}

.wp_solution #wp_write_list .wp_btn_wrt:hover {
    color: #fff;
    background-color: #393939;
    border: 1px solid #393939;
    transition: 0.4s;
}

/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 회원가입 */
/**********************************************************************************************************************/
/*--------------------------------------------------------------------------------------------------------------------*/
/* 회원가입 공통 */
.wp_solution #shp_join_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 100px;
}

.wp_solution #shp_join_cont .top {
    width: 100%;
}

.wp_solution #shp_join_cont .top > li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 0 20px;
    border-right: 2px solid #ddd;
}

.wp_solution #shp_join_cont .top > li:last-child {
    border: none;
}

.wp_solution #shp_join_cont .top > li > .num_cic {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    width: 100px;
    height: 100px;
    color: #000;
    font-size: 18px;
    font-family: var(--font-prer);
    background-color: #F1F1F1;
    border-radius: 50%;
}

.wp_solution #shp_join_cont .top > li.on > .num_cic {
    color: #fff;
    background-color: #333;
}

.wp_solution #shp_join_cont .top > li > .txt {
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_solution #shp_join_cont .bot {
    width: 100%;
}


@media (max-width: 768px) {
    .wp_solution #shp_join_cont .top > li {
        gap: 20px;
        padding: 0 10px;
    }

    .wp_solution #shp_join_cont .top > li > .num_cic {
        min-width: 80px;
        width: 80px;
        height: 80px;
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .wp_solution #shp_join_cont {
        gap: 40px;
    }

    .wp_solution #shp_join_cont .top > li {
        flex-direction: column;
        border: none;
        padding: 0;
        gap: 10px;
    }
}

@media (max-width: 360px) {
    .wp_solution #shp_join_cont .top > li > .num_cic {
        min-width: 65px;
        width: 65px;
        height: 65px;
        font-size: 14px;
    }

    .wp_solution #shp_join_cont .top > li > .txt {
        font-size: 14px;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* 회원가입 개인정보 */
.wp_solution #shp_join_cont .bot .pvc_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_tit {
    width: 100%;
    min-height: 50px;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-prer);
    background-color: #05AAE9;
    border-radius: 5px;
    text-align: center;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx {
    width: 100%;
    border: 1px solid #E3E5E4;
    border-radius: 3px;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 20px;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .tit {
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .tit01 {
    font-size: 14px;
    font-family: var(--font-preb);
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .tit02 {
    font-size: 18px;
    font-family: var(--font-preb);
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .sns_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .sns_list > li {
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .sns_list > li > a {
    min-width: 30px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .sns_list > li:nth-child(1) > a {
    background-color: #1FC607;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .sns_list > li:nth-child(2) > a {
    background-color: #FFEC00;
    transition: 0.4s;
}
.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .sns_list > li:nth-child(3) > a {
    outline:1px solid #DDDDDD;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .sns_list > li:nth-child(1):hover > a,
.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .sns_list > li:nth-child(2):hover > a {
    filter: brightness(0.5);
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .chk_bx {
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .chk_bx > input[type=checkbox] {
    width: 16px;
    height: 16px;
    border: 1px solid #DFE3E4;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd {
    max-height: 160px;
    height: 100%;
    padding: 20px;
    overflow-y: auto;
    border-top: 1px solid #E3E5E4;
}


/* 회원가입 약관 */
.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd .pvc_txt {
    font-size: 14px;
    font-family: var(--font-prer);
    line-height: 28px;
}


/* 개인정보처리방침 */
.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd .tb_cont {
    border: 1px solid #DDDDDD;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd .tb_cont .tb_col {
    border-right: 1px solid #DDDDDD;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd .tb_cont .tb_col:last-child {
    border: none;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd .tb_cont .tb_col > .row {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd .tb_cont .tb_col > .row:last-child {
    border: none;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd .tb_cont .tb_col .row:first-child {
    background-color: #F7F7F9;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd .tb_cont .tb_col > .row > .txt {
    font-size: 13px;
    font-family: var(--font-prer);
    line-height: 20px;
}

.wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd .tb_cont .tb_col .row:first-child > .txt {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: var(--font-preb);
}


/* 동의하기 */
.wp_solution #shp_join_cont .bot .pvc_cont > .agr_bx {
    width: 100%;
    position: relative;
}

.wp_solution #shp_join_cont .bot .pvc_cont > .agr_bx > label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    color: #909395;
    font-size: 14px;
    font-family: var(--font-prer);
    background-color: #F1F1F1;
    border-radius: 30px;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .pvc_cont > .agr_bx > input[type=checkbox] {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.wp_solution #shp_join_cont .bot .pvc_cont > .agr_bx > input[type=checkbox]:checked + label {
    color: #fff;
    background-color: #05AAE9;
    transition: 0.4s;
}

/* 버튼 리스트 */
.wp_solution #shp_join_cont .bot .pvc_cont > .btn_bx {
    width: 100%;
}

.wp_solution #shp_join_cont .bot .pvc_cont > .btn_bx > .wp_btn_cm {
    height: 50px;
    color: #000;
    font-size: 16px;
    font-family: var(--font-preb);
    border: 1px solid #E0E0E0;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .pvc_cont > .btn_bx > .btn_cnc {
}

.wp_solution #shp_join_cont .bot .pvc_cont > .btn_bx > .btn_join {
    color: #fff;
    background-color: #05AAE9;
    border-color: #05AAE9;
}

.wp_solution #shp_join_cont .bot .pvc_cont > .btn_bx > .btn_cnc:hover {
    color: #fff;
    background-color: #05AAE9;
    border-color: #05AAE9;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .pvc_cont > .btn_bx > .btn_join:hover {
    color: #000;
    border: 1px solid #E0E0E0;
    background-color: #E0E0E0;
    transition: 0.4s;
}


@media (max-width: 768px) {
    .wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_hd > .tit02 {
        font-size: 14px;
    }

    .wp_solution #shp_join_cont .bot .pvc_cont .pvc_bx > .bx_bd .pvc_txt {
        font-size: 12px;
        line-height: 20px;
    }

    .wp_solution #shp_join_cont .bot .pvc_cont > .btn_bx > .wp_btn_cm {
        font-size: 14px;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* 회원가입 인풋 */
.wp_solution #shp_join_cont .bot .inp_form {
    width: 100%;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row {
    width: 100%;
    border: 1px solid #E3E5E4;
    border-radius: 3px;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_hd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 60px;
    padding: 0 20px;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_hd > .tit {
    font-size: 18px;
    font-family: var(--font-preb);
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 30px 20px 20px;
    border-top: 1px solid #E3E5E4;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line {
    width: 100%;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dt {
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dt > .txt {
    font-size: 18px;
    font-family: var(--font-preb);
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd {
    width: 100%;
}


/* 인풋박스 */
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx {
    position: relative;
    width: 100%;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx::before {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    content: "*";
    color: #E70000;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=text],
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=password] {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: 1px solid #DDDDDD;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=text]::placeholder,
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=password]::placeholder {
    color: #828282;
    font-size: 16px;
    font-family: var(--font-prem);
}


/* 파일박스 */
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .file_bx {
    width: 100%;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .file_bx > input[type=file] {
    width: 220px;
    height: 30px;
}

/* 라디오박스 */
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .rd_items {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .rd_items .rd_item {
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .rd_items .rd_item > input[type=radio] {
    display: none;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .rd_items .rd_item > label {
    min-width: 30px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    filter: grayscale(1);
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .rd_items .rd_item > input[type=radio]:checked ~ label {
    filter: grayscale(0);
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .rd_items .rd_item > label > img {
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .rd_items .rd_item:nth-child(1) > label {
    background-color: #1FC607;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .rd_items .rd_item:nth-child(2) > label {
    background-color: #FFEC00;
}


/* 체크리스트 */
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .chk_list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding: 10px 0;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .chk_list > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .chk_list > li > input[type=checkbox] {
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .chk_list > li > label {
    font-size: 18px;
    font-family: var(--font-prer);
}


/* 자동등록방지영역 */
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row {
    width: 100%;
    margin-top: 50px;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .hd {
    padding: 20px 0;
    border-top: 1px solid #DFE3E4;
    border-bottom: 1px solid #DFE3E4;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .hd > .txt {
    font-size: 18px;
    font-family: var(--font-preb);
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 0;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
    gap: 10px;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line > .txt {
    font-size: 18px;
    font-family: var(--font-prer);
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .inp_frm {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100px;
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 3px;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .inp_frm01 {
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .inp_frm02 {
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .inp_frm > img {
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .inp_frm > input[type=text] {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .inp_frm02::before {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    content: "*";
    color: #E70000;
    z-index: 1;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .btn_sound,
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .btn_reset {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background-color: #C9C9C9;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .btn_sound > i,
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .btn_reset > i {
    font-size: 22px;
    font-weight: bold;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .btn_sound:hover,
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .btn_reset:hover {
    background-color: #05AAE9;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .btn_sound:hover > i,
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line .frm_list .btn_reset:hover > i {
    color: #fff;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .btn_bx {
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .btn_bx > .btn_mm_cls {
    min-width: 90px;
    width: 90px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-prel);
    background-color: #393939;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .btn_bx > .btn_mm_cls:hover {
    background-color: #05AAE9;
    transition: 0.4s;
}


/* 회원가입 버튼  */
.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_btn_bx {
    width: 100%;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_btn_bx .btn_cm {
    width: 100%;
    height: 50px;
    color: #000;
    font-size: 16px;
    font-family: var(--font-preb);
    border: 1px solid #E0E0E0;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_btn_bx .btn_cls {
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_btn_bx .btn_smt {
    color: #fff;
    border-color: #05AAE9;
    background-color: #05AAE9;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_btn_bx .btn_cls:hover {
    color: #fff;
    border-color: #05AAE9;
    background-color: #05AAE9;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_btn_bx .btn_smt:hover {
    color: #000;
    background-color: #fff;
    transition: 0.4s;
}


@media (max-width: 992px) {
    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=text]::placeholder,
    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=password]::placeholder {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd {
        padding: 20px 15px 15px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dt > .txt {
        font-size: 16px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=text] {
        height: 45px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .chk_list > li > label {
        font-size: 16px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line > .txt {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_hd {
        padding: 0 10px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd {
        padding: 15px 10px 10px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dt > .txt {
        font-size: 14px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=text] {
        height: 40px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .chk_list {
        gap: 10px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .chk_list > li > label {
        font-size: 14px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .sub_row > .bd .bd_line > .txt {
        font-size: 14px;
    }

    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_btn_bx .btn_cm {
        height: 40px;
        font-size: 14px;
    }


    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=text]::placeholder,
    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=password]::placeholder {
        font-size: 12px;
    }
}

@media (max-width: 370px) {
    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=text]::placeholder,
    .wp_solution #shp_join_cont .bot .inp_form .frm_rows .frm_row .row_bd > .inp_line > .col > dd > .inp_bx > input[type=password]::placeholder {
        font-size: 10px;
    }
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* 회원가입 완료 */
.wp_solution #shp_join_cont .bot .cmp_cont {
}

.wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 100px;
}

.wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .img_bx {
}

.wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .img_bx > img {
}

.wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .txt_bx {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 80px;
    text-align: center;
}

.wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .txt_bx > .tit {
    font-size: 22px;
    font-family: var(--font-preb);
}

.wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .txt_bx > .desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 35px;
}

.wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .txt_bx > .desc > .des {
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .btn_bx {
}

.wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .btn_bx > .btn_move {
    width: 280px;
    height: 55px;
    color: #fff;
    font-size: 20px;
    font-family: var(--font-preb);
    background-color: #05AAE9;
    transition: 0.4s;
}

.wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .btn_bx > .btn_move:hover {
    background-color: #ddd;
    transition: 0.4s;
}

@media (max-width: 576px) {
    .wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont {
        gap: 50px;
    }

    .wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .txt_bx {
        gap: 30px;
    }

    .wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .txt_bx > .tit {
        font-size: 20px;
    }

    .wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .txt_bx > .desc > .des {
        font-size: 14px;
    }

    .wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .txt_bx > .desc > .des > br {
        display: none;
    }

    .wp_solution #shp_join_cont .bot .cmp_cont > .txt_cont > .btn_bx > .btn_move {
        width: 220px;
        height: 45px;
        font-size: 16px;
    }
}

/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 진료예약  */
/**********************************************************************************************************************/
/*--------------------------------------------------------------------------------------------------------------------*/
/* 진료 예약  */
.wp_solution #shp_rsv_inp {
}

.wp_solution #shp_rsv_inp .inp_ir {
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 120px;
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    overflow: hidden;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row01 {
    padding: 50px 20px;
    border-top: 3px solid #053B8D;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .tit {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-family: var(--font-prem);
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .tit > .tit_clr01 {
    color: #05AAE9;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx {
    width: 100%;
}


/* 달력 영역 */
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 90px;
    padding-right: 20px;
    border-right: 1px solid #EEEEEE;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_hd {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_hd > .btn_cld_arw {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 25px;
    width: 25px;
    height: 25px;
    background-color: #212121;
    border-radius: 50%;
    transition: 0.4s;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_hd > .btn_cld_arw:hover {
    background-color: #ddd;
    transition: 0.4s;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_hd > .btn_cld_arw > i {
    color: #fff;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_hd > .btn_cld_lt {
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_hd > .btn_cld_rt {
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_hd > .cld_date_txt {
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_hd > .cld_date_txt > .num {
    font-size: 22px;
    font-family: var(--font-prem);
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid {
    width: 100%;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld {
    width: 100%;
    border: 1px solid #DDDDDD;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    font-size: 18px;
    font-family: var(--font-prem);
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(7),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(14),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(21),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(28),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(35),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(42) {
    border-right: unset;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(36),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(37),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(38),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(39),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(40),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(41),
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col:nth-child(42) {
    border-bottom: unset;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .col_hd {
    color: #fff;
    background-color: #05AAE9;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .col_hd_frst {
    background-color: #053B8D;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .col_num {
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .col_num:hover {
    background-color: #fff;
    transition: 0.4s;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .col_nul {
    cursor: unset;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .col_dsb {
    color: #DDDDDD;
    cursor: unset;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .col_num.col_nul:hover,
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .col_num.col_dsb:hover {
    background-color: #FAFAFA !important;
}


/* 날짜선택 영역 */
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 90px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_hd {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_hd > .tm_tit {
    font-size: 22px;
    font-family: var(--font-prem);
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_hd > .tm_date {
    color: #05AAE9;
    font-size: 22px;
    font-family: var(--font-prem);
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_mid {
    width: 100%;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_mid > .tm_list {
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_mid > .tm_list > li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_mid > .tm_list > li > input[type=radio] {
    display: none;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_mid > .tm_list > li > label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-size: 18px;
    font-family: var(--font-prem);
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_mid > .tm_list > li > input[type=radio]:disabled + label {
    color: #aaa;
    background-color: #ddd;
    cursor: unset;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_mid > .tm_list > li > input[type=radio]:checked + label {
    color: #fff;
    background-color: #05AAE9;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_mid > .tm_list > li > label:hover {
    color: #fff;
    background-color: #05AAE9;
    transition: 0.4s;
}

/* 입력 텍스트 영역 */
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row02 {
    border-radius: 5px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row02 > .inp_bx {
    position: relative;
    width: 100%;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row02 > .inp_bx > input[type=text] {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    background-color: #FAFAFA;
    border: none;
    outline: none;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row02 > .inp_bx::after {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    content: "*";
    color: #E70000;
    z-index: 1;
}

/* 입력 전화번호 영역 */
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row03 {
    background-color: unset;
    border: none;
    gap: 10px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row03 > .tel_bx {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row03 > .tel_bx > .num_col {
    position: relative;
    flex-grow: 1;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row03 > .tel_bx > .num_col::after {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    content: "*";
    color: #E70000;
    z-index: 1;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row03 > .tel_bx > .num_col > input {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    outline: none;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row03 > .gd_txt {
    font-size: 16px;
    font-family: var(--font-prer);
}


/* 입력 텍스트AREA 영역 */
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row04 {
    width: 100%;
    border: none;
    border-radius: 5px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row04 > .ta_bx {
    position: relative;
    width: 100%;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row04 > .ta_bx::after {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    content: "*";
    color: #E70000;
    z-index: 1;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row04 > .ta_bx > textarea {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 100px;
    padding: 10px;
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    outline: none;
}


/* 입력 라디오 영역 */
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row05 {
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row05 > .pic_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 20px 10px;
    width: 100%;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row05 > .pic_cont .pic_tit {
    color: #828282;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row05 > .pic_cont .pic_list {
    width: 100%;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row05 > .pic_cont .pic_list > li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 50px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #EEEEEE;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row05 > .pic_cont .pic_list > li > input[type=radio] {
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row05 > .pic_cont .pic_list > li > label {
    font-size: 16px;
    font-family: var(--font-prem);
}


/* 개인정보 영역 */
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_tp {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_tp > .tit {
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_tp > .des {
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_md {
    width: 100%;
    height: 100px;
    overflow-y: auto;
    padding: 15px 10px;
    border: 1px solid #CCCCCC;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_md > .pvc_txt {
    font-size: 14px;
    font-family: var(--font-prer);
    line-height: 22px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_bt {
    width: 100%;
    padding-top: 30px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_bt > .chk_bx {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_bt > .chk_bx > input[type=checkbox] {
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_bt > .chk_bx > label {
    font-size: 14px;
    font-family: var(--font-presb);
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_bt > .chk_bx > label > span {
    color: #05AAE9;
}


/* 작성완료 버튼 */
.wp_solution #shp_rsv_inp .inp_ir .inp_rows .btn_row {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .btn_row > .btn_smt {
    max-width: 120px;
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 18px;
    font-family: var(--font-prem);
    border-radius: 10px;
    background-color: #05AAE9;
    transition: 0.4s;
}

.wp_solution #shp_rsv_inp .inp_ir .inp_rows .btn_row > .btn_smt:hover {
    background-color: #ddd;
    transition: 0.4s;
}

@media (max-width: 768px) {

    /* 캘린더 영역  */
    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row {
        gap: 60px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .tit {
        font-size: 22px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx {
        padding: 0;
        border: none;
        gap: 20px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_hd > .cld_date_txt > .num {
        font-size: 20px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx {
        gap: 20px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_hd > .tm_tit,
    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_hd > .tm_date {
        font-size: 20px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .time_bx > .time_mid > .tm_list > li > label {
        height: 50px;
        font-size: 16px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row03 {
        gap: 10px;
    }

}

@media (max-width: 576px) {

    /* 캘린더 영역  */
    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row > .cld_rsv_bx > .cld_bx .cld_mid > .cld > .cld_col {
        height: 40px;
        font-size: 12px;
    }

    /* 입력 영역  */
    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row05 > .pic_cont .pic_tit,
    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row05 > .pic_cont .pic_list > li > label {
        font-size: 14px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row03 > .tel_bx > .num_col > input,
    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row02 > .inp_bx > input[type=text] {
        height: 40px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row04 > .ta_bx > textarea::placeholder,
    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row03 > .tel_bx > .num_col > input::placeholder,
    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row02 > .inp_bx > input[type=text]::placeholder {
        font-size: 14px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .inp_row03 > .gd_txt {
        font-size: 14px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_tp > .des {
        font-size: 12px;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_bt {
        padding: 0;
    }

    .wp_solution #shp_rsv_inp .inp_ir .inp_rows .pvc_row .pvc_bt > .chk_bx > label {
        font-size: 12px;
    }
}


/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 전후 사진 */
/**********************************************************************************************************************/
/*--------------------------------------------------------------------------------------------------------------------*/
/* 전후 사진  리스트 */
.wp_solution #shp_ard_list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 50px;
}

.wp_solution #shp_ard_list .ard_cont {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 100px;
}

.wp_solution #shp_ard_list .ard_cont > .btn_ard_arw {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    background-color: #666666;
    z-index: 999;
    transition: 0.4s;
}

.wp_solution #shp_ard_list .ard_cont > .btn_ard_arw > i {
}

.wp_solution #shp_ard_list .ard_cont > .btn_ard_arw:hover {
    background-color: #05AAE9;
    transition: 0.4s;
}

.wp_solution #shp_ard_list .ard_cont > .btn_ard_lt {
    left: -100px;
}

.wp_solution #shp_ard_list .ard_cont > .btn_ard_rt {
    right: -100px;
}

/* 상단 슬라이드 */
.wp_solution #shp_ard_list .ard_cont > .ard_top {
    width: 100%;
}

.wp_solution #shp_ard_list .ard_cont > .ard_top > .ard_main_sd {
    width: 100%;
}

.wp_solution #shp_ard_list .ard_cont > .ard_top > .ard_main_sd li {
}

.wp_solution #shp_ard_list .ard_cont > .ard_top > .ard_main_sd li .sd_cont {
}

.wp_solution #shp_ard_list .ard_cont > .ard_top > .ard_main_sd li .sd_cont > .img_bx {
    width: 100%;
}

.wp_solution #shp_ard_list .ard_cont > .ard_top > .ard_main_sd li .sd_cont > .img_bx > .img_frm {
    position: relative;
    width: 100%;
}

.wp_solution #shp_ard_list .ard_cont > .ard_top > .ard_main_sd li .sd_cont > .img_bx > .img_frm .flag_txt {
    position: absolute;
    left: 10px;
    top: 10px;
    max-width: 100px;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-family: var(--font-prem);
    background-color: rgba(0, 0, 0, .3);
    border-radius: 10px;
}

.wp_solution #shp_ard_list .ard_cont > .ard_top > .ard_main_sd li .sd_cont > .img_bx > .img_frm:last-child .flag_txt {
    left: unset;
    right: 10px;
}

.wp_solution #shp_ard_list .ard_cont > .ard_top > .ard_main_sd li .sd_cont > .img_bx > .img_frm > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_solution #shp_ard_list .ard_cont > .ard_top > .ard_main_sd li .sd_cont > .txt_bx {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.wp_solution #shp_ard_list .ard_cont > .ard_top > .ard_main_sd li .sd_cont > .txt_bx > .tit {
    font-size: 20px;
    font-family: var(--font-prem);
    text-align: center;
}


/* 하단 슬라이드 */
.wp_solution #shp_ard_list .ard_cont > .ard_bot {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 50px;
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .ard_sub_sd {
    width: 100%;
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .ard_sub_sd li {
    filter: grayscale(1);
    cursor: pointer;
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .ard_sub_sd li.slick-list {
    margin: 0 -5px;
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .ard_sub_sd li.slick-slide {
    margin: 0 5px;
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .ard_sub_sd li.slick-current {
    filter: grayscale(0);
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .ard_sub_sd li .sd_cont {
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .ard_sub_sd li .sd_cont > .img_bx {
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .ard_sub_sd li .sd_cont > .img_bx > img {
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .ard_sub_sd li .sd_cont > .txt_bx {
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .ard_sub_sd li .sd_cont > .txt_bx > .tit {
    padding: 15px 0;
    color: #BEBEBE;
    font-size: 18px;
    font-family: var(--font-prem);
    text-align: center;
}

.wp_solution #shp_ard_list .ard_cont > .ard_bot > .sd_gd_txt {
    width: 100%;
    color: #BEBEBE;
    font-size: 14px;
    font-family: var(--font-prem);
    text-align: center;
}


/* 페이저 영역 */
.wp_solution #shp_ard_list .ard_pg_info {
    width: 100%;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* 전후 사진  인풋 */
.wp_solution #shp_ard_inp {
}

.wp_solution #shp_ard_inp .ard_inp_ir {
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}


/* 상단 */
.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .hd {
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .hd > .hd_gd_tit {
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .hd > .hd_gd_tit > .txt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .hd > .hd_gd_tit > .txt::before {
    display: block;
    content: "*";
    color: #D90B0B;
}

/* 중간 */
.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid {
    width: 100%;
    border-top: 1px solid #707070;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row {
    border-bottom: 1px solid #C4C4C4;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row > .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row > .col > dt {
    min-width: 80px;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row > .col > dt > .tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row > .col > dt > .tit::before {
    display: block;
    content: "*";
    color: #D90B0B;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row > .col > dd {
    flex-grow: 1;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row > .col > dd > .inp_bx {
    width: 100%;
    border: 1px solid #C4C4C4;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row > .col > dd > .inp_bx > input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
}


.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row_lst {
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row_lst > .col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 20px 10px;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row_lst > .col > dt {
    width: 100%;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row_lst > .col > dt > .tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row_lst > .col > dt > .tit::before {
    display: block;
    content: "*";
    color: #D90B0B;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row_lst > .col > dd {
    width: 100%;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row_lst > .col > dd > .inp_bx {
    padding-left: 10px;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row_lst > .col > dd > .inp_bx > input[type=file] {
    width: 100%;
    height: 30px;
    border: 1px solid #C4C4C4;
    cursor: pointer;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row_lst > .col > dd > .inp_bx > input[type=file]::file-selector-button {
    width: 90px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-prel);
    background-color: #393939;
    outline: none;
    border: none;
}


/* 하단 */
.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .bt {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .bt > .btn_cmp {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 85px;
    width: 100%;
    height: 40px;
    font-size: 15px;
    font-family: var(--font-prer);
    border: 1px solid #ABABAB;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .bt > .btn_list {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 85px;
    width: 100%;
    height: 40px;
    font-size: 15px;
    font-family: var(--font-prer);
    border: 1px solid #ABABAB;
}

.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .bt > .btn_cmp:hover,
.wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .bt > .btn_list:hover {
    color: #fff;
    background-color: #ABABAB;
    transition: 0.4s;
}


@media (max-width: 768px) {

    .wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row_lst,
    .wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row {
        gap: unset;
    }

    .wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row > .col:first-child {
        border-bottom: 1px solid #C4C4C4;
    }

    .wp_solution #shp_ard_inp .ard_inp_ir .ard_rows > .mid > .ard_row > .col:last-child {
        border-bottom: unset;
    }
}

/**********************************************************************************************************************/