/* 초기 설정, 글씨체와 박스 스타일 */
* {
    box-sizing: border-box;
}

body {
    /*margin: 0 auto;*/
    height: 100%;
    font-family: "Noto Sans KR", "Spoqa Han Sans Neo", "Sans-serif", 'serif';
    -ms-overflow-style: none;
}

/* body::-webkit-scrollbar {
    display: none;
} */

html {
    width: 100%;
    height: 100%;
}

/* a 링크 태그 스타일 초기화 */
a {
    all: unset;
}

a:link {
    text-decoration: none;
    color: #212121;
}

a:visited {
    text-decoration: none;
    color: #212121;
}

a:active {
    text-decoration: none;
    color: #212121;
}

a:hover {
    text-decoration: none;
    color: #212121;
    cursor: pointer;
}

/* Public */
.m-pleasy {
    width: 100%;
    max-width: 375px;
    height: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.pleasy-solid {
    width: 100%;
    height: 1px;
    background-color: #0000001a;
}

.m-check-title-container {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.m-check-title {
    width: 110px;
    height: 26px;
    background-image: url("/static/img/pleasy-logo.png");
    background-size: 110px 26px;
    background-repeat: no-repeat;
}

.blank {
    width: 100%;
    height: 1px;
}

/* Inquire */
.m-inquire-mid-container {
    width: 100%;
    height: 100%;
    margin-top: 35px;
}

.m-inquire-mid-inner {
    width: 100%;
    height: 100%;
    padding: 0 30px 0 10px;
    display: flex;
    flex-direction: row;
}

.m-inquire-mid-left-line {
    margin-top: 0.5rem;
    width: 10px;
    height: auto;
    margin-right: 10px;
    /*width: 10%;*/
    /*height: 80%;*/
    /*background-image: url("/static/img/cert_line.png");*/
    /*background-size: 30px 80%;*/
}

.m-inquire-mid-left-line img {
    width: 10px;
    /*height: 40%;*/
    height: 66.5%;
}

.m-inquire-mid-right-line {
    width: 100%;
    height: 100%;
}

.m-inquire-mid-message {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    font-size: 18px;
    font-family: "Noto Sans KR", serif;
    font-weight: 400;
}

.message-row {
    display: flex;
    flex-direction: row;
}

.message-column {
    display: flex;
    flex-direction: column;
}

.message-column h6 {
    font-size: 16px;
    font-family: "Noto Sans KR", serif;
    font-weight: 400;
    margin: 0 0 0 0;
}

.message-column h5 {
    font-size: 14px;
    font-family: "Noto Sans KR", serif;
    font-weight: 400;
    color: #00000066;
    margin: 0.2rem 0 0 0;
}

.phone-checkbox {
    width: 16px;
    height: 16px;
    margin: 0.2rem 7px 0 0;
}

.user-no-h6 {
    color: #E73754;
    margin: 0.18rem 0 0 0;
    font-size: 18px;
    font-family: "Noto Sans KR", serif;
    font-weight: 400;
}

.m-inquire-img {
    margin: 50px 0;
    width: 100%;
    height: 150px;
    background-image: url("/static/img/web_search.png");
    background-size: 354px 150px;
    background-repeat: no-repeat;
}

.m-inquire-user-no-label {
    display: flex;
    flex-direction: row;
    justify-content: left;
    margin-top: 60px;
    font-size: 18px;
    font-family: "Noto Sans KR", serif;
    font-weight: 400;
}

.m-inquire-user-no-input {
    margin-top: 12px;
    height: 42px;
}

.m-inquire-submit {
    margin-top: 50px;
    width: 95%;
    height: 50px;
    background-color: #E73754;
    color: #ffffff;
    border: none;
    border-radius: 2px;
}

.m-success-btn {
    width: 100%;
    height: 50px;
    background-color: #E73754;
    color: #fff;
    border: none;
    border-radius: 2px;
}

/* form */
#user_no {
    width: 95%;
    font-size: 10pt;
    height: 42px;
}

#user_no::placeholder {
    color: #00000033;
}

#user_no:disabled {
    background-color: #EFEFEF4D;
}

#send_message {
    font-size: 10pt;
}

/* Inquire Error */
.m-inquire-error-container {
    width: 100%;
    height: 100%;
}

.m-inquire-error-inner {
    padding: 44px 30px;
}

.m-inquire-error-img {
    width: 100%;
    height: 200px;
    background-image: url("/static/img/web_result_none.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.m-inquire-error-message {
    width: 100%;
    height: 200px;
    font-family: "Noto Sans KR", serif;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Check */
.m-check-mid-container {
    width: 100%;
    height: 100%;
    min-height: 550px;
    position: relative;
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.m-check-mid-inner {
    position: absolute;
    width: 90%;
    height: 200px;
    top: 50px;
    background-color: #E73754;
    z-index: 9;
    border-radius: 0.8rem;
}

.m-check-mid-profile {
    background-image: url("/static/img/totoro001.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 110px;
    height: 100px;
    position: absolute;
    /*margin: 0 auto;*/
    top: 1%;
    z-index: 10;
    left: 35.5%;
    border-radius: 1.5rem;
}

.m-check-mid-user_profile {
    background-size: cover;
    background-repeat: no-repeat;
    width: 110px;
    height: 100px;
    position: absolute;
    /*margin: 0 auto;*/
    top: 1%;
    z-index: 10;
    left: 35.5%;
    border-radius: 1.5rem;
}

.m-check-mid-user-info-container {
    width: 100%;
    height: 100%;
    text-align: center;
}

.m-check-mid-user-info-user-no {
    text-align: right;
    font-family: "Noto Sans KR", serif;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff99;
    margin: 6px;
    padding-right: 4px;
}

.m-check-mid-user-info-plate-number {
    margin-top: 2.4rem;
    font-family: "Noto Sans KR", serif;
    font-weight: 300;
    font-size: 16px;
    color: #ffffffcc;
    margin-bottom: 0;
}

.m-check-mid-user-info-nickname {
    font-family: "Noto Sans KR", serif;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    margin: 0 0 16px 0;
}

.m-check-solid {
    width: 95%;
    height: 1px;
    background-color: #ffffff33;
    margin: 0 auto;
}

.m-check-mid-user-info-default-message {
    margin-top: 17px;
    font-family: "Noto Sans KR", serif;
    font-weight: 300;
    font-size: 14px;
    color: #ffffffd9;
    line-height: 1.3rem;
}

.m-check-mid-message {
    width: 337px;
    height: 250px;
    text-align: center;
    font-family: "Noto Sans KR", serif;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
}

.m-check-btn-container {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.m-check-btn {
    width: 30%;
    height: 100%;
    margin-right: 1%;
    background-color: #b1b1b1;
    color: #ffffff;
    border: none;
    border-radius: 2px;
}

.m-check-submit {
    width: 69%;
    height: 100%;
    background-color: #E73754;
    color: #ffffff;
    border: none;
    border-radius: 2px;
}

/* Select */
.m-select-message-container {
    width: 100%;
    /*height: 180px;*/
    background-color: #a8848433;
    text-align: center;
    padding: 7px 4px;
    border: 1px solid #CDCDCD;
    margin-top: 2rem;
}

.m-select-message-title {
    font-family: "Noto Sans KR", serif;
    font-weight: 500;
    font-size: 18px;
    color: #270c0c;
}

.m-select-message-box {
    padding: 7px 0;
}

.m-select-message-box h6 {
    font-family: "Noto Sans KR", serif;
    font-weight: 300;
    font-size: 16px;
    color: #553232;
    background-color: transparent;
    padding: 6px 0;
    margin: 0;
}

.m-select-solid {
    width: 97%;
    height: 1px;
    background-color: #979797;
    margin: 0 auto;
}

.m-select-submit {
    margin-top: 8px;
    width: 100%;
    height: 50px;
    background-color: #E73754;
    color: #fff;
    border: none;
    border-radius: 2px;
}

/* Success */
.m-success-container {
    width: 100%;
    height: 100%;
}

.m-success-inner {
    width: 100%;
    height: 100%;
    padding: 27px 30px;
}

.m-success-img {
    width: 100%;
    height: 200px;
    background-image: url("/static/img/web_msgsended.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.m-success-message {
    width: 100%;
    height: 140px;
    font-family: "Noto Sans KR", serif;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hidden-input {
    width: 0;
    height: 0;
    border: none;
}

/* Success - Guide */
.m-success-app-guide-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.m-success-app-guide-title {
    width: 100%;
    font-family: "Noto Sans KR", serif;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    text-align: center;
}

.m-success-app-guide-image-container {
    width: 100%;
    height: 43px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
}

/*.m-success-app-guide-image {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
.app-image-one {
    width: 121px;
    height: 43px;
    background-image: url("/static/img/playstore.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.app-image-two {
    width: 121px;
    height: 43px;
    background-image: url("/static/img/appstore.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.m-success-guide-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 29px;
    background-image: url("/static/img/guide_background_gradient.png");
}

.m-success-guide-title {
    width: 100%;
    font-family: "Noto Sans KR", serif;
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    text-align: center;
    margin: 19px 0 19px 0;
}

.m-success-guide-image-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.m-success-guide-image {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 0 15px;
}

.m-success-guide-image-title {
    /*margin-top: 100%;*/
    font-family: "Noto Sans KR", serif;
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    text-align: center;
    margin-bottom: 15px;
}

.m-success-guide-image-message {
    font-family: "Noto Sans KR", serif;
    font-weight: 400;
    font-size: 14px;
    color: #5A5A5A;
    text-align: center;
    margin-bottom: 27px;
}

.guide-image-one {
    width: 100%;
    height: 300px;
    margin: 0 auto;
    background-image: url("/static/img/web_guideillust_1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.guide-image-two {
    width: 100%;
    height: 300px;
    margin: 0 auto;
    background-image: url("/static/img/web_guideillust_2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.guide-image-three {
    width: 100%;
    height: 300px;
    margin: 0 auto;
    background-image: url("/static/img/web_guideillust_3.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.guide-image-four {
    width: 100%;
    height: 300px;
    margin: 0 auto;
    background-image: url("/static/img/web_guideillust_4.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.success-footer-container {
    width: 100%;
    min-height: 125px;
    max-height: 200px;
    background-color: #e4e4e4;
    color: #B7B7B7;
    font-size: 10px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* Inquire */
.m-inquire-phone-cert-container {
    padding-left: 0.2rem;
}


.login-anonymous-input-container {
    display: flex;
    flex-direction: row;
    margin-top: 0.4rem;
}

.login-anonymous-input-layer {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.login-anonymous-input-layer .fas {
    position: absolute;
    left: 80%;
    color: #4D4D4D8f;
}

.login-anonymous-input-layer .far {
    position: absolute;
    left: 90%;
    color: #4D4D4D8f;
}

#login-anonymous-input-phone {
    /*width: 15rem;*/
    width: 100%;
    height: 42px;
    margin-right: 0.6rem;
    border: 1px solid #CDCDCD;
    border-radius: 0.3rem;
    padding: 0 2.5rem 0 0.7rem;
}

.login-anonymous-phone-check-btn {
    /*width: 10rem;*/
    width: 111px;
    height: 42px;
    border: 1px solid #CDCDCD;
    color: #4D4D4D8f;
    border-radius: 0.3rem;
    background-color: #EFEFEF;
    font-size: 14px;
    margin-right: 1rem;
}

#login-anonymous-input-cert {
    /*width: 15rem;*/
    width: 100%;
    height: 42px;
    margin-right: 0.6rem;
    border: 1px solid #CDCDCD;
    border-radius: 0.3rem;
    padding: 0 2.5rem 0 0.7rem;
}

.login-anonymous-cert-check-btn {
    /*width: 10rem;*/
    width: 111px;
    height: 42px;
    border: 1px solid #CDCDCD;
    color: #4D4D4D8f;
    border-radius: 0.3rem;
    background-color: #EFEFEF;
    font-size: 14px;
    margin-right: 1rem;
}

.status-message-container {
    margin-top: 2px;
    font-size: 9pt;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
}

.login-anonymous-cert-status {
    min-height: 20px;
}

.delay-message {
    color: #069FEE;
    display: none;
    margin-bottom: 0.4rem;
}

.success-message {
    color: #079C02;
    display: none;
    margin-bottom: 0.4rem;
}

.fail-message {
    color: #DA0707;
    display: none;
    margin-bottom: 0.4rem;
}

/* 푸터 */
.footer-container {
    width: 100%;
    height: 160px;
    min-height: 125px;
    max-height: 200px;
    background-color: #e4e4e4;
    color: #B7B7B7;
    font-size: 10px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 59px;
}


/* 차량번호 웹채팅 */
.login-change-phone-container {
    width: 100%;
    margin-top: 10px;
    padding: 20px;
    font-size: 14px;
    font-family: "Noto Sans KR", serif;
    font-weight: 400;
    position: relative;
    left: 0;
    top: 0;
}

.web_chat_wrapper {
    width: auto;
    height: auto;
}

.web_chat_title {
    text-align: center;
    font: bold 16px "Noto sans KR";
    margin-bottom: 30px;
}

.carNumberForm {
    width: 100%;
}

.search_car {
    width: 100%;
}

.anonymous-input-layer {
    width: 100%;
    height: 47px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}

.input_carnum_wrapper {
    width: 72%;
    height: auto;
    border: 1px solid #C7C7C7;
    position: relative;
}

.input_carnum_wrapper::before,
.input_carnum_wrapper::after,
.input_carnum_wrapper div::before,
.input_carnum_wrapper div::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    z-index: 3;
}

/* 왼쪽 상단 귀퉁이 스타일링 */
.input_carnum_wrapper::before {
    top: -2px;
    /* offset 조정 */
    left: -2px;
    /* offset 조정 */
    border-top: 4px solid #E73754;
    border-left: 4px solid #E73754;
}

/* 오른쪽 하단 귀퉁이 스타일링 */
.input_carnum_wrapper::after {
    bottom: -2px;
    right: -2px;
    border-bottom: 4px solid #E73754;
    border-right: 4px solid #E73754;
}

/* 왼쪽 하단 귀퉁이 스타일링 */
.input_carnum_wrapper div::before {
    bottom: -2px;
    left: -2px;
    border-bottom: 4px solid #E73754;
    border-left: 4px solid #E73754;
}

/* 오른쪽 상단 귀퉁이 스타일링 */
.input_carnum_wrapper div::after {
    top: -2px;
    right: -2px;
    border-top: 4px solid #E73754;
    border-right: 4px solid #E73754;
}

#anonymous-input-carnum {
    width: 100%;
    height: 100%;
    font-size: 22px;
    font-family: 'Spoqa Han Sans Neo', sans-serif;
    color: black;
    background: #fff;
    text-align: center;
}

.anonymous-carnum-check-btn {
    width: 24%;
    height: 100%;
    font-size: 18px;
    font-family: 'Spoqa Han Sans Neo', sans-serif;
    font-weight: 400;
    color: #fff;
    background: #E73754;
    border-radius: 8px;
    margin-top: 1px;
}

p.alert_text_empty {
    margin-top: 10px;
    font: normal 12px "Noto sans KR";
    color: #808080;
}

.cloud_park_regist_wrapper {
    width: 100%;
    height: auto;
    margin-top: 60px;
}

.cloud_park_regist_explain_wrapper {
    width: 100%;
    height: auto;
    background-color: #EDEDED;
    position: relative;
    left: 0;
    top: 0;
}

p.cloud_park_regist_explain {
    font: normal 15px "Noto sans KR";
    text-align: justify;
    padding: 16px 16px 36px 16px;
}

.cloud_park_regist_more_detail {
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.cloud_park_regist_more_detail a {
    color: #3857E8;
    font: normal 14px "Noto sans KR";
}

.cloud_park_regist_button {
    height: 43px;
    font: normal 16px/43px "Noto sans KR";
    color: #fff;
    background: #E73754;
    border-radius: 8px;
    text-align: center;
    margin-top: 10px;
}

/* m_main.css 로 옮김(최지현 231013) */
/* 메인 컨텐츠 */
.m_main_container {
    width: 768px;
    height: auto;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .m_main_container {
        width: 100%;
    }
}

.m_side_icon_area {
    width: auto;
    height: auto;
    position: fixed;
    bottom: 0;
    right: 12px;
    z-index: 1000;
}

.sia_widget_area {
    margin-bottom: 10px;
    text-align: center;
}

.siaw_icon img {
    width: 57px;
    height: 57px;
}

.siaw_text {
    width: 100%;
    margin-top: 3px;
    color: #000000;
    font: 500 13px "Noto sans KR";
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}


.useit_content {
    width: 375px;
    height: 800px;
    margin: 0 auto;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
}



.popup {
    position: fixed;
    top: 165px;
    margin-left: 40px;
    width: 287px;
    height: 320px;

}

.popup_move {
    width: 260px;
    height: 25px;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
    border-left: solid 1px #9C9C9C;
    border-right: solid 1px #9C9C9C;
    box-shadow: 1px 0 0 0 #0000001A;
    margin-left: 12px;
}

.area {
    width: 260px;
    height: 170px;
    background-image: url("/static/img/pleasy_event_popup.png");
    background-color: #3F7C6C;
    background-size: 260px;
    border-left: solid 1px #9C9C9C;
    border-right: solid 1px #9C9C9C;
    border-top: solid 1px #9C9C9C;
    margin-left: 12px;
}

.area_02 {
    width: 260px;
    height: 170px;
    background-image: url("/static/img/popup_02.png");
    background-color: #3F7C6C;
    background-size: 220px;
    border-left: solid 1px #9C9C9C;
    border-right: solid 1px #9C9C9C;
    border-top: solid 1px #9C9C9C;
    margin-left: 12px;
}

.pop_button_area {
    width: 287px;
    height: 47px;
    background-color: #F2F2F2;
    border-bottom: solid 1px #9C9C9C;
    box-shadow: 0 1px 0 0 #0000001A;
}

.pop_button_01 {
    width: 140px;
    height: 45px;
    border: 0;
    outline: 0;
    opacity: 0.5;
    font-size: 13px;
    font-family: 'Noto Sans KR', sans-serif;
}

.pop_button_02 {
    width: 140px;
    height: 45px;
    border: 0;
    outline: 0;
    opacity: 1;
    opacity: 0.5;
    font-size: 13px;
    font-family: 'Noto Sans KR', sans-serif;
}

.event_button {
    height: 61px;
    width: 327px;
    font-size: 22px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #E73754;
    text-align: center;
    margin: 0 auto;
    line-height: 58px;
}


/*popup*/
.popup_layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

/*팝업 박스*/
.popup_box {
    position: relative;
    top: 50%;
    left: 50%;
    overflow: auto;
    height: 600px;
    width: 375px;
    transform: translate(-50%, -50%);
    z-index: 1002;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 2px 5px 10px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 2px 5px 10px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 2px 5px 10px 0 rgba(0, 0, 0, 0.35);
}

/*컨텐츠 영역*/
.popup_box .popup_cont {
    padding: 50px;
    line-height: 1.4rem;
    font-size: 14px;
}

.popup_box .popup_cont h2 {
    padding: 15px 0;
    color: #333;
    margin: 0;
}

.popup_box .popup_cont p {
    border-top: 1px solid #666;
    padding-top: 30px;
}

/*버튼영역*/
.popup_box .popup_btn {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 70px;
    background: #ECECEC;
    word-break: break-word;
}

.popup_box .popup_btn a {
    position: relative;
    display: table-cell;
    height: 70px;
    font-size: 17px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    background: #ECECEC;
}

.popup_box .popup_btn a:before {
    content: '';
    display: block;
    position: absolute;
    top: 26px;
    right: 29px;
    width: 1px;
    height: 21px;
    background: #fff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup_box .popup_btn a:after {
    content: '';
    display: block;
    position: absolute;
    top: 26px;
    right: 29px;
    width: 1px;
    height: 21px;
    background: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup_box .popup_btn a.close_day {
    background: #E73754;
    color: #EFEFEF
}

.popup_box .popup_btn a.close_day:before,
.popup_box .popup_btn a.close_day:after {
    display: none;
}

/*오버레이 뒷배경*/
.popup_overlay {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1001;
    ;
    background: rgba(0, 0, 0, 0.5);
}


/*popup*/


.event02 {
    width: 375px;
    height: 930px;
    background-image: url("/static/img/KakaoTalk_Photo_2021-12-24-18-27-51 001.jpeg");
    background-size: 375px 930px;
}

.pleasy_find_event_text_01 {
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 15px;
    width: 324px;
    height: 32px;
    text-align: center;
    font-family: 'Noto Sans KR';
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}

.pleasy_find_event_color_text {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 346px;
    height: 29px;
    text-align: left;
    font-family: 'Noto Sans KR';
    font-weight: bold;
    font-size: 20px;
    color: #832B00;
}

.pleasy_find_event_title {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 346px;
    height: 24px;
    text-align: left;
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 16px;
    color: #000000;
}

.pleasy_find_event_content_box01 {
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 350px;
    height: 255px;
    text-align: left;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    background-color: #F8F8F8;
}

.pleasy_find_event_content_box02 {
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 350px;
    height: 175px;
    text-align: left;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    background-color: #F8F8F8;
}

.pleasy_find_event_content_box03 {
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 350px;
    height: 100px;
    text-align: left;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    background-color: #F8F8F8;
}

.pleasy_find_event_content_box04 {
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 350px;
    height: 330px;
    text-align: left;
    font-family: 'Noto Sans KR';
    font-weight: 300;

}

.pleasy_find_event_content_box05 {
    margin-top: 15px;
    margin-bottom: 10px;
    width: 375px;
    height: 450px;
    text-align: left;
    font-size: 12px;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    background-color: #F8F8F8;
}

.image_box {
    width: 274px;
    height: 274px;
    margin: 20px 36px 0 37px;
    padding: 117px 23px;
    border: solid 1px #979797;
    background-color: #d8d8d8;
    text-align: center;

}

#chooseFile {
    visibility: hidden;
}


.image_box_text {
    width: 228px;
    height: 40px;
    opacity: 0.5;
    font-family: NotoSansCJKkr;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}

.category-area {
    width: 347px;
    height: 420px;

}

.Bitmap {
    width: 32px;
    height: 32px;
    margin: 0 auto;


    font-family: 'Noto Sans KR', sans-serif;
    font-weight: normal;
    font-size: 24px;
    color: #FFFFFF;
    background-color: #E73754;

    border-radius: 20px;
    text-align: center;
    line-height: 30px;
    opacity: 0.2;

}

.category {
    width: 145px;
    height: 180px;
    margin-top: 20px;
    margin-left: 15px;
}

.product {
    margin-top: 10px;
    width: 145px;
    height: 120px;
    border: #979797 solid 1px;
    text-align: center;
}

.container_img {
    display: flex;
    height: 150px;
    flex-direction: column;
}

.image-upload {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.button {
    display: flex;
    justify-content: center;
}

label {
    cursor: pointer;
    font-size: 1em;
}

#chooseFile {
    visibility: hidden;
}

.fileContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fileInput {
    display: flex;
    align-items: center;
    border-bottom: solid 2px black;
    width: 60%;
    height: 30px;
}

#fileName {
    margin-left: 5px;
}

.buttonContainer {
    width: 22%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    background-color: black;
    color: white;
    border-radius: 30px;
    padding: 10px;
    font-size: 0.8em;

    cursor: pointer;
}

.image-show {
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 347px;
    height: 400px;
}

.img {
    position: absolute;
}

.gift_text {
    width: 100%;
    height: 30%;
    margin: 1px 22px 0 21px;
    font-family: NotoSansKR;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}