/**
 * Created by PhpStorm.
 * Date         : 2024-08-22
 * Developer    : INSEOK YANG
 * Description  : wp_style.css
 * ⓒ 2024. WebPlanet Co. All Rights Reserved.
 */

@charset "UTF-8";


/* ============================================================================================= */
/* 공통 */
/* ============================================================================================= */
/* font */
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

:root {
    --font-preel: 'Pretendard-ExtraLight';
    --font-prel: 'Pretendard-Light';
    --font-prer: 'Pretendard-Regular';
    --font-prem: 'Pretendard-Medium';
    --font-preeb: 'Pretendard-ExtraBold';
    --font-preb: 'Pretendard-Bold';
}


/* 임시 이너 사이즈 추후 삭제 요청 */
.wbp_inner {
    width: 1140px;
    margin: 60px auto;
}


/* SOLUTION */
.wp_solution {
}


/* BUTTON */
.wp_solution .cm_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    transition: 0.4s;
}

.wp_solution .cm_btn:hover {
    background-color: rgba(0, 0, 0, 0.4);
    transition: 0.4s;
}

.wp_solution .cm_btn_style1 {
    color: #fff;
    font-size: 13px;
    font-family: var(--font-prel);
    background-color: #174B9A;
}

.wp_solution .cm_btn_style2 {
    width: 485px;
    height: 60px;
    color: #fff;
    font-size: 15px;
    font-family: var(--font-preb);
    background-color: #174B9A;
}


/* 텍스트 뒤 별 */
.wp_solution .cm_bg_star {
    display: flex;
    align-items: center;
}

.wp_solution .cm_bg_star::after {
    display: block;
    content: '\2731';
    margin-left: 5px;
    color: #CE103D;
    font-size: 10px;
}



/* 입력창 */
.wp_solution #cm_inp_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wp_solution #cm_inp_box .inp_tit {
    /*display: none;*/
    color: #303030;
    font-size: 25px;
    font-family: var(--font-prem);
    text-align: center;
    margin-bottom: 25px;
}

/* 입력창 기본형 */
.wp_solution #cm_inp_box .inp_box {
    width: 385px;
    padding: 25px;
    background-color: #F3F3F3;
    border-radius: 19px;
}

.wp_solution #cm_inp_box .inp_box .list_inp {
}

.wp_solution #cm_inp_box .inp_box .list_inp > input {
    width: 100%;
    padding: 10px;
    outline: none;
    font-size: 13px;
    border: 1px solid #E8E8E8;
    margin-bottom: 5px;
}

.wp_solution #cm_inp_box .inp_box .list_inp > input::placeholder {
    color: #B1B1B1;
    font-size: 13px;
    font-family: var(--font-prer);
}

.wp_solution #cm_inp_box .inp_box .list_inp textarea {
    width: 100%;
    height: 105px;
    padding: 10px;
    outline: none;
    border: 1px solid #E8E8E8;
    margin-bottom: 5px;
}

.wp_solution #cm_inp_box .inp_box .list_inp .fail_txt {
    color: #CE103D;
    font-size: 11px;
    font-family: var(--font-prem);
    margin-bottom: 5px;
    margin-left: 5px;
}

.wp_solution #cm_inp_box .inp_box .btn_scs {
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 15px;
    font-family: var(--font-preel);
    background-color: #174B9A;
    margin-top: 10px;
}



/* 입력창 탭영역 */
.wp_solution #cm_inp_box .inp_tab_box {
    width: 385px;
    padding: 25px;
    background-color: #F3F3F3;
    border-radius: 19px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_head {
    border-bottom: 1px solid #B1B1B1;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_head > li {
    position: relative;
    padding: 10px 0;
    font-size: 17px;
    font-family: var(--font-prer);
    text-align: center;
    transition: 0.4s;
    cursor: pointer;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_head > li:hover:after,
.wp_solution #cm_inp_box .inp_tab_box .inp_tab_head > li.on:after {
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #444444;
    transition: 0.4s;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body {
    padding: 15px 0;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item {
    display: none;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item.on {
    display: block;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log {
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_inp_box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 5px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_inp_box .lt_line {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    flex-grow: 1;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_inp_box .lt_line .inp_line {
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_inp_box .lt_line .inp_line input {
    width: 100%;
    height: 38px;
    padding: 10px 5px;
    border: 1px solid #E8E8E8;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_inp_box .lt_line .inp_line input::placeholder {
    color: #B1B1B1;
    font-size: 11px;

}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_inp_box .rt_line {
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_inp_box .rt_line button {
    width: 90px;
    height: 80px;
    color: #fff;
    background-color: #174B9A;
    border-radius: 8px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_find_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 20px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_find_list .lt_line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_find_list .lt_line > input {
    margin-right: 5px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_find_list .lt_line > label {
    font-size: 15px;
    font-family: var(--font-prer);
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_find_list .rt_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_find_list .rt_line > a {
    display: block;
    font-size: 15px;
    font-family: var(--font-prer);
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_find_list .rt_line > a:first-child {
    display: flex;
    align-items: center;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_find_list .rt_line > a:first-child::after {
    display: block;
    content: '';
    width: 1px;
    height: 10px;
    margin-left: 10px;
    background-color: #444;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_find_list .rt_line > a:last-child {
    padding-left: 10px;
}


.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_sns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_sns > button {
    width: 100%;
    height: 38px;
    color: #fff;
    font-size: 15px;
    font-family: var(--font-prer);
    margin-bottom: 5px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_sns > button:last-child {
    margin: 0;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_sns .btn_naver {
    background-color: #1DC800;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_sns .btn_naver:hover {
    background-color: rgba(29, 200, 0, 0.5);
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_sns .btn_kakao {
    color: #444444;
    background-color: #F7D600;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_sns .btn_kakao:hover {
    color: #fff;
    background-color: rgba(220, 191, 3, 0.4);
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_sns .btn_google {
    background-color: #CC3731;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_sns .btn_google:hover {
    background-color: rgba(204, 55, 49, 0.5);
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_sns > button > img {
    margin-right: 5px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_join {
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_join > button {
    width: 100%;
    height: 40px;
    font-size: 17px;
    font-family: var(--font-preb);
    border: 1px solid #9E9E9E;
    background-color: #fff;
    transition: 0.4s;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_join > button:hover {
    color: #fff;
    background-color: #b1b1b1;
    transition: 0.4s;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_nonmember > button {
    width: 100%;
    font-size: 14px;
    font-family: var(--font-prer);
    margin-top: 10px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_nonmember > button:hover {
    font-family: var(--font-preb);
}


/* 비회원주문 */
.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .orderer_box {
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .orderer_box .inp_line {
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .orderer_box .inp_line input {
    width: 100%;
    height: 38px;
    margin-bottom: 15px;
    padding: 10px 5px;
    font-size: 11px;
    outline: none;
    border: 1px solid #E8E8E8;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .orderer_box .inp_line input::placeholder {
    color: #B1B1B1;
    font-size: 11px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .orderer_btn_box {
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .orderer_btn_box button {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .orderer_btn_box .btn_join {
    width: 100%;
    height: 40px;
    font-size: 17px;
    font-family: var(--font-preb);
    border: 1px solid #9E9E9E;
    background-color: #fff;
    transition: 0.4s;
}

.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .orderer_btn_box .btn_join:hover {
    color: #fff;
    background-color: #b1b1b1;
    transition: 0.4s;
}

/* ============================================================================================= */

/* ============================================================================================= */
/* 회원정보 */
/* ============================================================================================= */
.wp_solution .pf_wrap {
    /*padding: 55px 50px;*/
    /*border: 1px solid #E8E8E8;*/
}

.wp_solution .pf_wrap form {
}

.wp_solution .pf_wrap form .pf_view_box {
}

.wp_solution .pf_wrap form .pf_view_box .pf_tit {
    display: none;
    font-size: 23px;
    font-family: var(--font-prem);
    text-align: center;
    margin-bottom: 60px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box {
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box {
}


/* 기본정보 */
.wp_solution .pf_wrap form .pf_view_box .pf_info_box .info_bsc {
    margin-bottom: 50px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_head {
    padding: 15px 0;
    border-bottom: 1px solid #444444;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_head .head_tit {
    font-size: 18px;
    font-family: var(--font-prem);
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body {
    padding: 20px 0;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_line dt {
    width: 20%;
    color: #707070;
    font-size: 15px;
    font-family: var(--font-prel);
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_line dd {
    width: 80%;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_line dd input {
    width: 100%;
    padding: 15px;
    font-size: 13px;
    border: 1px solid #E8E8E8;
    outline: none;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_line dd input::placeholder {
    color: #B1B1B1;
    font-size: 13px;
    font-family: var(--font-prer);
}


/* 주소영역 */
.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_adr {
    align-items: flex-start;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_adr dt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_adr dd {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_adr dd .btn_adr {
    color: #fff;
    background-color: #174B9A;
}


/* 추가정보 - 성별선택 영역 */
.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_chk {
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_chk > dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_chk > dd .cont_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 25px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_chk > dd .cont_item input[type="radio"] {
    display: none;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_chk > dd .cont_item input[type="radio"] + label {
    position: relative;
    display: block;
    content: '✔';
    color: #b1b1b1;
    min-width: 15px;
    min-height: 15px;
    font-size: 10px;
    border: 1px solid #B1B1B1;
    text-align: center;
    border-radius: 50%;
    margin: 0;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_chk > dd .cont_item input[type="radio"]:checked + label::after {
    display: block;
    content: '✔';
    min-width: 15px;
    min-height: 15px;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    background-color: #174B9A;
    box-sizing: border-box;
    text-align: center;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_chk > dd .cont_item label {
    font-size: 15px;
    font-family: var(--font-prer);
    margin-left: 5px;
}


/* 비밀번호 변경 */
.wp_solution .pf_wrap form .pf_view_box .pf_info_box .info_chg {
    margin-bottom: 45px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner {
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20%;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont .cont_item {
    padding: 0 25px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont .cont_item .btn_pw_chg {
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont .cont_item .btn_ssn {
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont .cont_item .pf_chg_btn {
    font-size: 15px;
    font-family: var(--font-prer);
    text-decoration: underline;
}


/* 정보수신여부변경 */
.wp_solution .pf_wrap form .pf_view_box .pf_info_box .info_rcp {
    margin-bottom: 45px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner {
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont {
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont .cont_item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont .cont_item input[type="checkbox"] {
    display: none;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont .cont_item input[type="checkbox"] + label {
    position: relative;
    display: block;
    content: '✔';
    color: #b1b1b1;
    min-width: 15px;
    min-height: 15px;
    font-size: 10px;
    border: 1px solid #B1B1B1;
    text-align: center;
    border-radius: 50%;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont .cont_item input[type="checkbox"]:checked + label::after {
    display: block;
    content: '✔';
    min-width: 15px;
    min-height: 15px;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    background-color: #174B9A;
    box-sizing: border-box;
    text-align: center;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont .cont_item label {
    font-size: 15px;
    font-family: var(--font-prer);
    margin-left: 5px;
}


/* 약관동의 영역 */
.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree {
    align-items: flex-start;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dt {
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd {
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item {
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item:first-child {
    margin-bottom: 5px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .agree_guide_txt {
    display: block;
    padding-left: 20px;
    color: #7A7A7A;
    font-size: 14px;
    font-family: var(--font-prel);
    margin-bottom: 10px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item input[type="checkbox"] {
    display: none;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item input[type="checkbox"] + label {
    position: relative;
    display: block;
    content: '✔';
    color: #b1b1b1;
    min-width: 15px;
    min-height: 15px;
    font-size: 10px;
    border: 1px solid #B1B1B1;
    text-align: center;
    border-radius: 50%;
    margin: 0;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item input[type="checkbox"]:checked + label {
    border: none;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item input[type="checkbox"]:checked + label::after {
    display: block;
    content: '✔';
    min-width: 15px;
    min-height: 15px;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    background-color: #174B9A;
    box-sizing: border-box;
    text-align: center;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item:first-child label {
    font-family: var(--font-prer);
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item label {
    font-size: 17px;
    font-family: var(--font-prel);
    margin-left: 5px;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item label:first-child {
    margin: 0;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .cont_item > span {
    display: inline-block;
    cursor: pointer;
    padding: 0 5px;
    font-size: 14px;
    font-family: var(--font-prer);
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .alt_txt {
    color: #CE103D;
    font-size: 15px;
    font-family: var(--font-prem);
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree > dd .alt_txt > a {
    color: #CE103D;
    font-size: 15px;
    font-family: var(--font-preb);
}

/* 정보수정하기 버튼 */
.wp_solution .pf_wrap form .pf_view_box .pf_info_box .info_btn_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_solution .pf_wrap form .pf_view_box .pf_info_box .info_btn_box .info_btn {
}


/* 약관동의/개인정보 수집 및 방침 모달창 */
.wp_solution #modal {
    /* display: flex; */
    justify-content: center;
    align-items: center;
}

.wp_solution #modal .modal_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.wp_solution #modal .modal_inner .modal_contents {
    width: 1192px;
    padding: 25px;
    background-color: #fff;
}

.wp_solution #modal .modal_inner .modal_contents .modal_head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_solution #modal .modal_inner .modal_contents .modal_head .modal_cls {
}

.wp_solution #modal .modal_inner .modal_contents .modal_head .modal_cls i {
    font-size: 22px;
}

.wp_solution #modal .modal_inner .modal_contents .modal_head .modal_cls:hover {
    background: none;
}

.wp_solution #modal .modal_inner .modal_contents .modal_body {
}

.wp_solution #modal .modal_inner .modal_contents .modal_body .modal_tit {
    font-size: 40px;
    font-family: var(--font-preel);
    text-align: center;
    margin-bottom: 35px;
}

.wp_solution #modal .modal_inner .modal_contents .modal_body .modal_content {
    max-height: 530px;
    padding: 40px 20px;
    font-size: 18px;
    font-family: var(--font-prer);
    border: 1px solid #707070;
    overflow-y: auto;
}

.wp_solution #modal .modal_inner .modal_contents .modal_body .modal_content::-webkit-scrollbar {
    width: 15px;
}

.wp_solution #modal .modal_inner .modal_contents .modal_body .modal_content::-webkit-scrollbar-thumb {
    background-color: #F3F3F3;
    border-radius: 5px;
}

.wp_solution #modal .modal_inner .modal_contents .modal_body .modal_content::-webkit-scrollbar-track {
    background-color: #fff;
}


/* ============================================================================================= */


/* ============================================================================================= */
/*아이디/비밀번호 변경 */
/* ============================================================================================= */

/*  */
.wp_solution .pw_chg_wrap {
}

.wp_solution .pw_chg_wrap form {
}

.wp_solution .pw_chg_wrap form .pw_chg_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wp_solution .pw_chg_wrap form .pw_chg_box .pw_chg_tit {
    font-size: 25px;
    font-family: var(--font-prem);
    margin-bottom: 25px;
}

.wp_solution .pw_chg_wrap form .pw_chg_box .pw_chg_box {
}

.wp_solution .pw_chg_wrap form .pw_chg_box .pw_chg_box .list_inp {
}

.wp_solution .pw_chg_wrap form .pw_chg_box .pw_chg_box .list_inp > input {
}

.wp_solution .pw_chg_wrap form .pw_chg_box .pw_chg_box .list_inp .fail_txt {
}


/* ============================================================================================= */















@media (max-width:1192px) {
    .wp_solution #modal .modal_inner .modal_contents {
        width: 100%;
    }
}

@media (max-width:1140px) {

    /* ============================================================================================= */
    /* 공통 */
    /* ============================================================================================= */
    /* INNER */
    .wbp_inner {
        width: 100%;
        padding: 0 15px;
    }


    /* ============================================================================================= */

}

@media (max-width:992px) {
    /* ============================================================================================= */
    /* 공통 */
    /* ============================================================================================= */



    /* ============================================================================================= */

}

@media (max-width:768px) {
    /* ============================================================================================= */
    /* 공통 */
    /* ============================================================================================= */



    /* ============================================================================================= */

    /* ============================================================================================= */
    /* 회원정보 */
    /* ============================================================================================= */
    .wp_solution .pf_wrap {
        padding: 0;
        border: unset;
    }

    .wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_line dt {
        width: 30%;
    }

    .wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_line dd {
        width: 70%;
    }

    .wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont {
        padding: 0;
        justify-content: center;
    }

    .wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .box_body_inner .box_body_cont .cont_item {
        padding: 0 15px;
    }


    .wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree {
        flex-direction: column;
        gap: 20px;
    }

    .wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_agree dd {
        width: 100%;
        word-break: keep-all;
    }

    .wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_chk>dd .cont_item {
        margin-right: 10px;
    }

    /* ============================================================================================= */

}



@media (max-width:576px) {
    /* ============================================================================================= */
    /* 공통 */
    /* ============================================================================================= */


    .wp_solution .cm_btn_style1{
        font-size: 13px;
    }

    /* ============================================================================================= */


    /* ============================================================================================= */
    /* 로그인 */
    /* ============================================================================================= */

    .wp_solution #cm_inp_box .inp_tab_box {
        padding: 25px 10px;
    }

    .wp_solution #cm_inp_box .inp_box{
        padding:25px 10px;
    }
    .wp_solution .pf_wrap form .pf_view_box .pf_info_box .inp_box .inp_box_body .inp_line dd input{
        padding:10px;
    }
    /* ============================================================================================= */

}

@media (max-width:385px) {

    /* ============================================================================================= */
    /* 공통 */
    /* ============================================================================================= */
    /* 입력창 */
    .wp_solution #cm_inp_box .inp_box {
        width: 100%;
    }

    .wp_solution #cm_inp_box .inp_tab_box {
        width: 100%;
    }

    /* ============================================================================================= */
}

@media (max-width:370px) {
    /* ============================================================================================= */
    /* 공통 */
    /* ============================================================================================= */



    /* ============================================================================================= */

}