@charset "utf-8";

.body-main,
section {
    position: relative;
}

pre {
    white-space: pre-wrap;
}


/* 접근 권한 허용 */
.access_tit {
    margin-top: 60px;
    font-size: 27px;
    color: #000;
    font-weight: 600;
    line-height: 1.3;
}

.access_list_area {
    margin-top: 55px;
}

.access_cont {
    display: flex;
}

.access_cont+.access_cont {
    margin-top: 25px;
}

.access_cont .icon_area {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #4AD7C7;
    background: url(../assets/contents//access_icon_mic.svg) center no-repeat;
}

.access_cont .icon_area.alert {
    background: url(../assets/contents//access_icon_alert.svg) center no-repeat;
}

.access_cont .icon_area.location {
    background: url(../assets/contents//access_icon_location.svg) center no-repeat;
}

.access_cont .icon_area.pic {
    background: url(../assets/contents//access_icon_pic.svg) center no-repeat;
}

.access_list_txt {
    margin-left: 25px;
}

.access_list_txt+.access_list_txt {
    margin-top: 20px;
}

.access_list_txt h4.access_sub_tit {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.access_list_txt h4.access_sub_tit span {
    font-size: 14px;
    font-weight: 500;
    color: #818181;
}

.access_list_txt p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

.warning_txt {
    margin-top: 30px;
    font-size: 13px;
    font-weight: 500;
    color: #a7a7a7;
    padding-left: 10px;
    text-indent: -10px;
    line-height: 1.2;
}

.access_confirm_btn {
    display: block;
    margin-top: 105px;
    width: 100%;
    border-radius: 30px;
    padding: 16px 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: #48D7C6;
}

/* 마이페이지_메인 리스트 */
.mypage_list {
    padding-bottom: 20vw;
}

.mypage_top_area {
    display: flex;
}

.mypage_top_area a {
    display: block;
}

.mypage_top_area a.name {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    position: relative;
    padding-right: 25px;
}

.mypage_top_area a.name::after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    background: url(../assets/contents/mypage_arrow_color.svg) no-repeat;
    width: 15px;
    height: 15px;
}

.mypage_top_area a.name span:first-child {
    font-size: 18px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
}

.mypage_top_area a.setting_btn {
    margin-left: auto;
    width: fit-content;
    max-width: 100px;
    word-break: break-all;
    background: #48D7C6;
    border-radius: 20px;
    text-align: center;
    padding: 7px 5px;
}

.mypage_top_area a.setting_btn span {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-left: 22px;
    vertical-align: top;
}

.mypage_top_area a.setting_btn span::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: -2px;
    background: url(../assets/contents/mypage_setting_icon.svg) no-repeat;
}

.mypage_baro_area {
    margin-top: 30px;
}

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

.mypage_baro_area .baro_btn_list .btn_list_item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mypage_baro_area .baro_btn_list .btn_list_item a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.mypage_baro_area .baro_btn_list .btn_list_item .icon_area {
    display: block;
    text-indent: -9999px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: url(../assets/contents/mypage_baro_icon01.svg) center center no-repeat #F5F5F5;
}

.mypage_baro_area .baro_btn_list .btn_list_item:nth-child(2) .icon_area {
    background: url(../assets/contents/mypage_baro_icon02.svg) center center no-repeat #F5F5F5;
}

.mypage_baro_area .baro_btn_list .btn_list_item:nth-child(3) .icon_area {
    background: url(../assets/contents/mypage_baro_icon03.svg) center center no-repeat #F5F5F5;
}

.mypage_baro_area .baro_btn_list .btn_list_item:nth-child(4) .icon_area {
    background: url(../assets/contents/mypage_baro_icon04.svg) center center no-repeat #F5F5F5;
}

.mypage_baro_area .baro_btn_list .btn_list_item .btn_tit {
    display: block;
    margin-top: 10px;
    color: #1c1c1c;
    font-size: 13px;
    font-weight: 500;
}

.mypage_menu_area .menu_tit {
    font-size: 15px;
    font-weight: 600;
    color: #48D5C5;
    margin-bottom: 30px;
}

.mypage_menu_area .menu_list .list_item {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #DBDBDB;
    margin-top: 20px;
    font-size: 14px;
    color: #313131;
    font-weight: 400;
    position: relative;
}

.mypage_menu_area .menu_list .list_item:first-child {
    margin-top: 0;
}

.mypage_menu_area .menu_list .list_item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url(../assets/contents/mypage_menu_list_btn.svg) no-repeat;
}

/* 마이페이지_회원정보 수정 */
.profile_img_edit {
    width: 85px;
    height: 85px;
    margin: 0 auto;
}

.profile_img_edit a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../assets/contents/mypage_profile_noimg.svg) no-repeat center top #F5F5F5;
    border-radius: 50%;
    text-indent: -9999px;
    position: relative;
    background-size: cover;
}

.profile_img_edit a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background: url(../assets/contents/mypage_profile_edit_icon.svg) no-repeat center right 5px #B0F0E9;
    border-radius: 50%;
}

.profile_edit_area {
    margin-top: 15px;
}

.edit_sub_tit {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin-bottom: 6px;
}

.box {
    display: block;
    width: 100%;
    height: 50px;
    border: solid 1.5px #48D7C6;
    border-radius: 16px;
    padding: 13px 20px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    margin-bottom: 15px;
}

.box>input::placeholder {
    color: #464646;
}

.email .box {
    border: none;
    background: #F3F3F3;
}

.int {
    display: block;
    position: relative;
    width: 100%;
    height: 22px;
    border: none;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #464646;
}

.box.int_mail {
    padding-left: 43px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.EmailImg {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -10px;
}

.box.int_pass {
    padding-left: 43px;
    padding-right: 35px;
    margin-bottom: 10px;
}

.pswdImg {
    width: 17px;
    height: 19px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -10px;
}

.edit_btn {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    background: none;
    border: none;
}

.password_txt {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #FF3E3E;
    font-weight: 400;
    line-height: 15px;
}

.info#info__birth {
    display: flex;
}

.info#info__birth select {
    margin-left: 7px;
}

.info#info__birth select:first-child {
    margin-left: 0px;
}

.info#info__birth select::-webkit-scrollbar {
    width: 10px;
}

.info#info__birth select::-webkit-scrollbar-thumb {
    background-color: #b6b6b6;
    border-radius: 3px;
}

.info#info__birth select::-webkit-scrollbar-track {
    background-color: #ebe9e9;
    border-radius: 6px;
}

h3 {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

div.profile_info_area {
    margin-bottom: 12px;
}

div.profile_info_area:last-child {
    margin-bottom: 0;
}

.nationality .box {
    margin-bottom: 0;
}

.box.int_name {
    padding-right: 35px;
    padding-left: 43px;
}

.NameImg {
    width: 16px;
    height: 19px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -10px;
}

#bir_wrap {
    display: table;
    width: 100%;
}

#bir_yy {
    display: table-cell;
    width: 37%;
}

#bir_mm {
    display: table-cell;
    width: 35%;
}

#bir_dd {
    display: table-cell;
    width: 28%;
}

#bir_mm,
#bir_dd {
    padding-left: 5px;
}

select {
    width: 100%;
    height: auto;
    font-size: 14px;
    background: #fff url(../assets/common/select_arrow.svg) 100% 65% no-repeat;
    -webkit-appearance: none;
    display: inline-block;
    text-align: start;
    border: none;
    cursor: default;
    color: #464646;
}

@media all and (max-width:360px) {
    .birth .box {
        padding: 15px 10px;
    }

    .int {
        font-size: 14px;
    }

    #bir_yy {
        width: 33%;
    }

    #bir_mm {
        width: 34%;
    }

    #bir_dd {
        width: 33%;
    }

    select {
        font-size: 14px;
    }
}

.edit_bottom_cont {
    text-align: center;
}

.edit_bottom_cont .save_btn {
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    background: #48D7C6;
    border-radius: 30px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-top: 35px;
}

.edit_bottom_cont .bottom_txt {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #6E6E6E;
}

.edit_bottom_cont .bottom_txt a {
    font-size: 14px;
    color: #18B09F;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    display: inline-block;
    margin-left: 2px;
    vertical-align: top;
}

/* 지역 변경 */
.location_pop {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 100000;
    transition: all .3s ease;
    display: none;
}

.location_pop.show {
    display: block;
}

.location_cont {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    min-height: 420px;
    border-radius: 25px 25px 0 0;
}

.location_cont_inner {
    margin: 15px 18px;
}

.location_pop_tit {
    text-align: center;
    padding: 25px 0;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    position: relative;
}

/*.location_pop_tit::before{content:"";position:absolute;width:50px;height:4px;left:50%;top:0;transform: translateX(-50%);background:#e4e4e4;border-radius:10px;}*/
.input_group input {
    background: #F4F4F4;
    padding: 10px 0 10px 13px;
    width: calc(100% - 45px);
    border-radius: 30px;
}

/*.input_group button{border:none;text-indent: -9999px;width:22px;height:22px; background:url(../assets/main/location_search_icon.svg) no-repeat;}*/
.input_group button {
    border: none;
    width: 40px;
    height: 32px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    background: #46D7C5;
    color: #fff;
}

.loacaion_btn {
    display: inline-block;
    margin-top: 17px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    width: 100%;
    padding-left: 22px;
    position: relative;
}

.loacaion_btn::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 17px;
    background: url(../assets/main/location_btn_icon.svg) no-repeat;
    top: -2px;
    left: 0;
}

/* 언어 선택 */
.language_sel_box {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 9999;
    transition: all .3s ease;
}

.language_sel_box.show {
    display: block;
}

.langauage_list {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    min-height: 300px;
    border-radius: 25px 25px 0 0;
}

.language_list_inner {
    margin: 15px 30px;
}

.language_list_tit {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    padding: 25px 0;
    text-align: center;
    position: relative;
}

/*.language_list_tit::before{content:"";position:absolute;width:50px;height:4px;left:50%;top:0;transform: translateX(-50%);background:#e4e4e4;border-radius:10px;}*/
.langauage_list_cont {
    margin-bottom: 30px;
}

.langauage_list_cont ul li {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    padding-left: 30px;
    background: url(../assets/common/flag_img_ko.svg) no-repeat left center;
    margin-bottom: 15px;
    position: relative;
}

.langauage_list_cont ul li.chi {
    background-image: url(../assets/common/flag_img_chi.svg);
}

.langauage_list_cont ul li.ru {
    background-image: url(../assets/common/flag_img_ru.svg);
}

.langauage_list_cont ul li.uzb {
    background-image: url(../assets/common/flag_img_uzb.svg);
}

.langauage_list_cont ul li.mon {
    background-image: url(../assets/common/flag_img_mon.svg);
}

.langauage_list_cont ul li.vn {
    background-image: url(../assets/common/flag_img_vn.svg);
}

.langauage_list_cont ul li.us {
    background-image: url(../assets/common/flag_img_us.svg);
    background-size: 28px;
}

.langauage_list_cont ul li.lk {
    background-image: url(../assets/common/flag_img_lk.svg);
    background-size: 28px;
}

.langauage_list_cont ul li:last-child {
    margin-bottom: 0;
}

.langauage_list_cont ul li input {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.language_sel_btn {
    display: block;
    width: 100%;
    height: 100%;
    background: #46D7C5;
    border-radius: 30px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    padding: 15px 0;
}

/* 회원탈퇴 팝업 */
.cancel_pop {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 100000;
    transition: all .3s ease;
    display: none;
}

.cancel_pop.show {
    display: block;
}

.cancel_cont {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    max-width: 85%;
    border-radius: 20px;
    overflow: hidden;
}

.cancel_cont_inner {
    margin: 20px 25px;
}

.cancel_pop_tit {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-bottom: 13px;
}

.cancel_sub_txt {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #6D6D6D;
    margin-bottom: 5px;
    line-height: 1.2;
}

ul.bu>li {
    margin-bottom: 4px;
    position: relative;
    padding-left: 13px;
    font-size: 13px;
    font-weight: 400;
    color: #6D6D6D;
    line-height: 1.2;
    word-break: break-all;
}

ul.bu>li:last-child {
    margin-bottom: 0;
}

ul.bu>li::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #6D6D6D;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.cancel_txt {
    font-size: 15px;
    font-weight: 500;
    color: #27B8B0;
    margin-top: 15px;
}

.cancel_btn_area {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cancel_btn_area a {
    display: block;
    width: 110px;
    border-radius: 20px;
    background: #F0F0F0;
    color: #27B8B0;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 0;
    text-align: center;
    margin-right: 17px;
}

.cancel_btn_area a.confirm_btn {
    margin-right: 0;
    color: #fff;
    background: #4AD7C7;
}

/* 회원탈퇴 팝업02 */
.cancel_confirm_pop {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 100000;
    transition: all .3s ease;
    display: none;
}

.cancel_confirm_pop.show {
    display: block;
}

.cancel_cont {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    max-width: 85%;
    border-radius: 20px;
    overflow: hidden;
}

.box.small {
    height: 35px;
    border-radius: 10px;
    padding: 8px 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.box.small>input::placeholder {
    color: #a7a7a7;
    font-size: 13px;
}

.box.small.int_reason {
    display: none;
}

.box.small.reason_box {
    margin-top: 20px;
    padding: 5px 10px;
}

.sel.small {
    font-size: 13px;
}

.int.small {
    height: auto;
}

.cancel_btn_area a.confirm_cancel_btn {
    margin-right: 0;
    color: #fff;
    background: #4AD7C7;
}


/* 마이페이지_설정 */
.mypage_setting {
    padding-bottom: 20vw;
}

.setting_menu_area .menu_tit {
    font-size: 15px;
    font-weight: 600;
    color: #48D5C5;
    margin-bottom: 30px;
}

.setting_menu_area .menu_list li {
    padding-bottom: 20px;
    border-bottom: 1px solid #DBDBDB;
    margin-top: 20px;
    font-size: 14px;
    color: #313131;
    font-weight: 400;
    position: relative;
    display: flex;
}

.setting_menu_area .menu_list li:first-child {
    margin-top: 0;
}

.setting_menu_area .menu_list li p {
    line-height: 28px;
}

.setting_menu_area .menu_list li .toggleSwitch {
    width: 50px;
    margin-left: auto;
    height: 28px;
    display: block;
    position: relative;
    border-radius: 30px;
    background-color: #cdcdcd;
    cursor: pointer;
}

.setting_menu_area .menu_list li .toggleSwitch .toggleButton {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #fff;
}

.setting_menu_area .menu_list li .toggleSwitch.active {
    background: #4DD8C8;
}

.setting_menu_area .menu_list li .toggleSwitch.active .toggleButton {
    left: calc(100% - 21px);
    background: #fff !important;
}

.setting_menu_area .menu_list li .toggleSwitch,
.toggleButton {
    transition: all 0.2s ease-in;
}

.app_info .list_item.version {
    display: flex;
}

.app_info .list_item.version::after {
    display: none;
}

.app_info .list_item.version span {
    display: block;
    margin-left: auto;
    color: #9F9F9F;
}

/* 이웃소식(커뮤니티) list */
.community_search_area {
    display: flex;
    margin-top: 15px;
}

.community_search_area .search_input_group {
    width: 100%;
}

.community_search_area .search_input_group input {
    width: calc(100% - 37px);
    padding: 11px 0 11px 20px;
    background: #F0F0F0;
    border: 0;
    border-radius: 25px;
}

.community_search_area .search_input_group button {
    border: none;
    text-indent: -9999px;
    width: 22px;
    height: 22px;
    background: url(../assets/main/location_search_icon.svg) no-repeat;
    margin-left: 11px;
}

.location_area {
    display: flex;
    margin: 15px 0;
}

.location_area .address {
    font-size: 13px;
    font-weight: 500;
    color: #313131;
    padding-left: 21px;
    position: relative;
}

.location_area .address::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 16px;
    height: 17px;
    background: url(../assets/contents/search_location_img.svg) no-repeat;
}

.location_area .address_btn {
    display: block;
    margin-left: auto;
    width: 63px;
    height: 24px;
    background: #6F8D8A;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
}

.board {
    position: relative;
}

.board_list_area {
    border-bottom: 10px solid #F3F3F3;
    padding-bottom: 10px;
}

.board_list {
    padding: 15px 0;
}

.board_list a {
    display: block;
    width: 100%;
    height: 100%;
}

.board_cont_top {
    display: flex;
    margin-bottom: 18px;
}

.board_cont_top .profile_img {
    width: 40px;
    height: 40px;
    background-image: url(../assets/contents/board_list_profile_no-img.svg);
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
}

.board_info {
    margin-left: 18px;
    margin-top: 5px
}

.board_info span {
    display: block;
}

.board_info .board_writer {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-bottom: 4px;
}

.board_info .board_date {
    font-size: 12px;
    color: #818181;
    font-weight: 400;
}

.board_cont_top .address {
    display: block;
    margin-left: auto;
    margin-top: 20px;
    color: #39A0FF;
    font-weight: 500;
    font-size: 12px;
}

.board_txt {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
    overflow: hidden;
    /*height:50px;*/
}

.board_cont_bottom_area {
    display: flex;
    margin-top: 15px;
}

.board_cont_bottom {
    margin-left: auto;
}

.board_comment {
    display: inline-block;
    padding-left: 21px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: #bcbcbc;
}

.board_comment::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 15px;
    height: 14px;
    background: url(../assets/contents/board_comment_icon.svg) no-repeat;
}

.board_like {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: #bcbcbc;
    margin-left: 10px;
    border: 0;
    background: none;
}

.board_like::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 15px;
    height: 15px;
    background: url(../assets/contents/board_like_icon.svg) no-repeat;
}

.board_like.liked::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 16px;
    height: 15px;
    background: url(../assets/contents/board_liked_icon.svg) no-repeat;
}

.write_btn {
    position: fixed;
    z-index: 9999;
    right: 8px;
    bottom: 130px;
}

.write_btn a {
    display: block;
    width: 61px;
    height: 61px;
    background: url(../assets/contents/board_list_write_btn.svg) center no-repeat #48D7C6;
    filter: drop-shadow(0px 2px 11px rgba(0, 0, 0, 0.08));
    border-radius: 50%;
    text-indent: -9999px;
}

/* 이웃소식(커뮤니티) view */
.board_view {
    margin-top: 30px;
}

.board_view span {
    vertical-align: top;
}

.board_view_cont_top {
    display: flex;
}

.board_view_cont_top .profile_img {
    width: 47px;
    height: 47px;
    background-image: url(../assets/contents/board_profile_no-img.svg);
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
}

.board_view_cont_top .address {
    display: block;
    margin-left: auto;
    margin-top: 20px;
    color: #39A0FF;
    font-weight: 500;
    font-size: 12px;
}

.board_view_txt {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
    overflow: hidden;
    /*height:50px;*/
    margin-top: 26px;
}

.bord_view_cont_bottom {
    margin-top: 35px;
    padding: 12px 15px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.board_list_btn {
    display: inline-block;
    font-size: 12px;
    color: #BDBDBD;
    font-weight: 500;
}

.bord_view_cont_bottom .board_like {
    margin-left: 0;
}

.bord_view_cont_bottom .board_edit {
    display: block;
    padding-left: 21px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: #bcbcbc;
}

.bord_view_cont_bottom .board_edit::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 17px;
    height: 18px;
    background: url(../assets/contents/board_edit_icon.svg) no-repeat;
}

.bord_view_cont_bottom .board_delete {
    display: block;
    padding-left: 21px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: #bcbcbc;
}

.bord_view_cont_bottom .board_delete::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 14px;
    height: 15px;
    background: url(../assets/contents/board_delete_icon.svg) no-repeat;
}

.comment_area {
    margin-top: 20px;
}

.comment_cont_area {
    position: relative;
}

.comment_cont_area+.comment_cont_area {
    margin-top: 30px;
}

.profile_area {
    position: absolute;
    left: 0;
    top: 0;
    width: 47px;
    height: 47px;
    background: #EAF4F3;
    border-radius: 50%;
}

.profile_area .profile_img {
    width: 47px;
    height: 47px;
    background-image: url(../assets/contents/board_profile_no-img.svg);
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
}

.comment_cont {
    margin-left: 58px;
}

.comment_cont .comment_info {
    display: flex;
    padding-top: 6px;
}

.comment_info .name {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.comment_date {
    margin-left: auto;
    font-size: 12px;
    font-weight: 400;
    color: #b2b2b2;
}

.comment {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.reply {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #a5a5a5;
}

.delete {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #a5a5a5;
    margin-left: 5px;
}

.reply_cont_area {
    position: relative;
    margin-top: 18px;
    margin-left: 55px;
}

.reply_cont_area .profile_area {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: #EAF4F3;
    border-radius: 50%;
}

.reply_cont_area .profile_area .profile_img {
    width: 35px;
    height: 35px;
    background-image: url(../assets/contents/board_reply_profile_noimg.svg);
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
}

.reply_cont {
    margin-left: 45px;
}

.reply_info .name {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

.reply_date {
    display: inline-block;
    margin-left: 7px;
    margin-top: 1px;
    font-size: 10px;
    font-weight: 400;
    color: #b2b2b2;
}

.reply_txt {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #000;
}

.reply_delete {
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #a5a5a5;
}

.comment_reply_area {
    border-top: 1px solid #DDDDDD;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background-color: #fff;
}

.comment_reply_group {
    display: flex;
    margin: 10px 15px;
}

.comment_reply_group .profile_img {
    width: 40px;
    height: 40px;
    background-image: url(../assets/contents/board_list_profile_no-img.svg);
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
}

.comment_input_group {
    width: calc(100% - 53px);
    margin-left: 13px;
    margin-top: 3px;
}

.comment_input_group input {
    width: calc(100% - 53px);
    border: 1px solid #E0E0E0;
    border-radius: 30px;
    padding: 7px 0 7px 12px;
    margin-right: 4px
}

.comment_input_group button {
    width: 45px;
    height: 30px;
    border: 0;
    background: #48D5C5;
    color: #fff;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 500;
}

.reply_pop {
    position: absolute;
    bottom: 61px;
    background: #F2F4F4;
    width: 100%;
    padding: 9px 0;
    display: none;
}

.reply_pop.show {
    display: block;
}

.reply_pop_inner {
    display: flex;
    margin: 0 15px;
}

.reply_pop_inner p {
    font-size: 14px;
    font-weight: 400;
    color: #ACACAC;
}

.reply_pop_inner span {
    font-size: 14px;
    font-weight: 400;
    color: #ACACAC;
}

.reply_close_btn {
    display: block;
    margin-left: auto;
    background: none;
    border: 0;
}

/* 게시글 삭제 팝업 */
.board_delete_pop {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 100000;
    transition: all .3s ease;
    display: none;
}

.board_delete_pop.show {
    display: block;
}

.board_delete_cont {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    max-width: 85%;
    border-radius: 20px;
    overflow: hidden;
    min-height: 158px;
}

.board_delete_cont_inner {
    margin: 50px 0;
    text-align: center;
}

.board_delete_txt {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 1.3;
}

.board_delete_btn_area {
    display: flex;
    margin-top: 35px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.board_delete_btn_area a {
    display: block;
    width: 115px;
    border-radius: 20px;
    background: #F0F0F0;
    color: #27B8B0;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 0;
    text-align: center;
    margin-right: 14px;
}

.board_delete_btn_area a.delete_btn {
    background: #4AD7C7;
    color: #fff;
}

/* 이웃소식(커뮤니티) 글쓰기 */
.address_language {
    display: inline-block;
    margin-top: 2px;
}

.write_area {
    border-top: 1px solid #DDDDDD;
    padding-top: 25px;
}

.write_btn_area {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.write_btn_area a {
    display: block;
    width: 130px;
    border-radius: 20px;
    background: #F0F0F0;
    color: #27B8B0;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 0;
    text-align: center;
    margin-right: 17px;
}

.write_btn_area a.confirm_btn {
    margin-right: 0;
    color: #fff;
    background: #4AD7C7;
}

/* 여행정보 리스트 */
.tripList_search_area {
    display: flex;
    margin-top: 15px;
}

.tripList_search_area .search_input_group {
    width: 100%;
}

.tripList_search_area .search_input_group input {
    width: calc(100% - 37px);
    padding: 11px 0 11px 20px;
    background: #F0F0F0;
    border: 0;
    border-radius: 25px;
}

.tripList_search_area .search_input_group button {
    border: none;
    text-indent: -9999px;
    width: 22px;
    height: 22px;
    background: url(../assets/main/location_search_icon.svg) no-repeat;
    margin-left: 11px;
}

.tripList_cont {
    margin-top: 15px;
}

.tripList_cont ul.tab_list {
    display: flex;
}

.tripList_cont ul.tab_list li a {
    display: block;
    width: auto;
    padding: 5px 12px;
    background: #fff;
    border: 1px solid #48D7C6;
    border-radius: 15px;
    text-align: center;
    color: #48D7C6;
    font-size: 13px;
    font-weight: 400;
    margin-right: 10px;
}

.tripList_cont ul.tab_list li:last-child a {
    margin-right: 0;
}

.tripList_cont ul.tab_list li.active a {
    color: #fff;
    background: #48D7C6;
}

.tripList_cont .tab_container {
    margin-top: 15px;
}

.triplist_area {
    padding-bottom: 40px;
}

.triplist_area .triplist {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 30px;
}

.triplist_area .triplist a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 3;
    border-radius: 30px;
}

.triplist_area .triplist a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}

.triplist_txt_area {
    position: absolute;
    background: #00000065;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 130px;
    padding: 20px 30px 11px 11px;
    border-radius: 0 0 30px 30px;
}

.triplist_txt_area .like {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 15px;
    height: 15px;
    background: url(../assets/contents/trip_like_icon.svg) no-repeat;
    text-indent: -9999px;
    z-index: 10;
}

.triplist_txt_area .like.liked {
    background: url(../assets/contents/board_liked_icon.svg) no-repeat;
}

.triplist_txt_area .trip_taglist {
    display: flex;
}

.triplist_txt_area .trip_taglist li {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin-right: 5px;
}

.triplist_txt_area .trip_taglist li:last-child {
    margin-right: 0;
}

.triplist_txt_area .triplist_tit {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 15px 0 11px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.triplist_txt_area .triplist_more {
    position: absolute;
    right: 18px;
    bottom: 15px;
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
}

/* 여행정보 view */
.tripInfo_main_area {
    border-bottom: 2px solid #ddd;
}

.tripInfo_main_area img {
    width: 100%;
    height: 227px;
    object-fit: cover;
}

.tripInfo_area {
    margin: 25px 0 20px 0;
}

.trinInfo_main_tit {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
}

.trinInfo_sub_tit {
    margin-top: 8px;
    color: #2f2f2f;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

.tripInfo_cts_area {
    margin-top: 20px;
}

.tripInfo_cts_tit {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.2;
}

.tripInfo_cts_txt {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
    word-break: keep-all;
}

.tripInfo_cts_img {
    text-align: center;
    padding: 0 10px;
    margin: 15px 0;
}

.tripInfo_cts_img img {
    width: 286px;
    height: 208px;
    object-fit: cover;
}

.tripInfo_cts_area .text_center {
    text-align: center;
}

.tripInfo_cts_area .margin_t_20 {
    margin-top: 20px;
}

.tripInfo_cts_img_big {
    margin-top: 25px;
}

.tripInfo_cts_img_big img {
    width: 100%;
    height: 227px;
    object-fit: cover;
}

/* 패키지 여행 view */
.tripPackage_main_area {
    border-bottom: 2px solid #ddd;
}

.tripPackage_main_area img {
    width: 100%;
    height: 227px;
    object-fit: cover;
}

.tripPackage_area {
    margin: 25px 0 20px 0;
}

.tripPackage_main_tit {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
    word-break: keep-all;
}

.tripPackage_sub_tit {
    margin-top: 8px;
    color: #2f2f2f;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

.package_info_area {
    margin-top: 20px;
    text-align: right;
}

.package_price_area {
    display: flex;
    justify-content: flex-end;
}

.package_price_area .standard {
    display: inline-block;
    margin-right: 8px;
    color: #797979;
    font-size: 14px;
    font-weight: 400;
    margin-top: 2px;
}

.package_price_area .package_price {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #FF4949;
}

.package_date_area {
    margin-top: 3px;
}

.package_date {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #797979;
}

.tripPackage_cont {
    margin: 20px 0;
}

.tripPackage_date {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.tripPackage_cts_area {
    margin-top: 20px;
    position: relative;
}

.tripPackage_cts_area::before {
    content: "";
    width: 1px;
    height: 99%;
    background-color: #000;
    position: absolute;
    left: 1px;
    top: 7px;
}

.tripPackage_sche_cont {
    padding-left: 27px;
    position: relative;
}

.tripPackage_sche_cont+.tripPackage_sche_cont {
    margin-top: 30px;
}

.tripPackage_sche_cont::before {
    content: "";
    position: absolute;
    left: -2px;
    top: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #000;
}

.trip_time {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding-left: 25px;
    position: relative;
}

.trip_time::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../assets/contents/trip_time_icon.svg) no-repeat;
    width: 15px;
    height: 15px;
}

.trip_location {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding-left: 25px;
    position: relative;
}

.trip_location::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -2px;
    background: url(../assets/contents/trip_location_icon.svg) no-repeat;
    width: 17px;
    height: 17px;
}

.tripPackage_sche_txt {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 1.2;
}

.tripPackage_img_area {
    margin-top: 15px;
}

.tripPackage_img_area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.tripPackage_btn {
    display: block;
    width: 100%;
    padding: 16px 0;
    text-align: center;
    margin-top: 35px;
    background: #48D7C6;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

/* 여행 예약 신청 */
.trip_reservation {
    margin-top: 27px
}

.reservation_tit {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.reservation_sub_txt {
    font-size: 14px;
    font-weight: 400;
    color: #6c6c6c;
    line-height: 1.2;
    margin-top: 7px;
}

.trip_reservation_cont {
    margin-top: 30px;
}

/* 여행 예약 신청 step01(예약 인원) */
.reservation_info_area {
    margin-top: 30px;
    margin-bottom: 5px;
}

.setting_cont {
    display: flex;
}

.setting_cont+.setting_cont {
    margin-top: 25px;
}

.setting_tit {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.setting_sub {
    display: block;
    font-size: 12px;
    color: #6C6C6C;
    font-weight: 400;
    margin: 5px 0;
}

.adult_total {
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: 500;
}

.setting_count {
    margin-left: auto;
    display: flex;
    height: 25px;
}

.setting_count input {
    display: inline-block;
}

.minus {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../assets/contents/reservation_minus_icon.svg) center center no-repeat #D9F5F2;
    border-radius: 50%;
    border: 0;
    text-indent: -9999px;
}

.minus.zero {
    background: url(../assets/contents/reservation_zero_icon.svg) center center no-repeat #eaeaea;
    border-radius: 50%;
}

.plus {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../assets/contents/reservation_plus_icon.svg) center center no-repeat #D9F5F2;
    border-radius: 50%;
    border: 0;
    text-indent: -9999px;
}

.setting_result {
    display: block;
    width: 60px;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.total_payment {
    text-align: right;
    margin: 18px 0 20px 0;
}

.total_payment .payment_result {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #29A093;
    margin-bottom: 5px;
}

.total_payment .total_result {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

.total_payment .total_result .total {
    vertical-align: text-bottom;
    display: inline-block;
}

.total_payment .total_result .payment {
    font-size: 18px;
    display: inline-block;
    margin-left: 5px;
}


/* 여행 예약 신청 step02(여행자 정보) */
.trip_reservation_cont {
    margin-bottom: 25px;
}

.trip_reservation_cont+.trip_reservation_cont {
    border-top: 3px solid #EAEAEA;
    padding-top: 25px;
}

.trip_reservation_cont+.trip_reservation_cont .info_checkBox {
    display: none;
}

.reservation_info_person {
    display: flex;
    margin-bottom: 15px;
}

.reservation_info_person .person_info {
    font-size: 16px;
    color: #2CA194;
    font-weight: 600;
}

.reservation_info_person .person_info .person {
    vertical-align: top;
}

.info_checkBox {
    margin-left: auto;
    display: flex;
}

.info_checkBox input[type="checkbox"]+label {
    display: block;
    width: 16px;
    height: 16px;
    background: #D9F5F2;
    border-radius: 3px;
    margin-top: -1.3px;
}

.info_checkBox input[type='checkbox']:checked+label {
    background: url('../assets/contents/trip_reservation_info_checked_icon.svg') center center no-repeat #D9F5F2;
}

.info_checkBox input[type="checkbox"] {
    display: none;
}

.info_checkBox span {
    display: inline-block;
    margin-left: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

.reservation_info_sub_tit {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #6C6C6C;
    font-weight: 500;
    margin-bottom: 6px;
}

.reservation_info_area .box {
    margin-bottom: 19px;
}

.reservation_info_area:last-child .box {
    margin-bottom: 0;
}

.reservation_info_area .box.int_name {
    padding-right: 0;
    padding-left: 20px;
}

.reservation_info_area .box>input::placeholder {
    color: #9B9B9B;
}

.reservation_info_area.flex {
    display: flex;
}

.reservation_info_area .birth {
    width: 50%;
    margin-right: 10px;
}

.reservation_info_area .gender {
    width: 50%;
    margin-right: 0;
}

.reservation_info_area .birth .box {
    margin-bottom: 0;
}

.reservation_info_area .gender .box {
    margin-bottom: 0;
}

.reservation_info_area .phone_number_wrap {
    display: flex;
    width: 100%;
}

.reservation_info_area .box.national_code {
    width: 30%;
    margin-right: 5px;
    margin-bottom: 0;
}

.reservation_info_area .box.phone_numer_box {
    margin-bottom: 0;
}

.trip_reservation_warningBox {
    margin-top: 10px;
    background: #ECF9F8;
    border-radius: 10px;
    padding: 15px 12px;
}

.trip_reservation_warningBox .warning_tit {
    font-size: 12px;
    font-weight: 600;
    color: #39A79B;
    margin-bottom: 10px;
}

.trip_reservation_warningBox .warning_list_bu li {
    font-size: 12px;
    font-weight: 400;
    color: #6C6C6C;
    line-height: 1.2;
    position: relative;
    padding-left: 10px;
    margin-bottom: 7px;
}

.trip_reservation_warningBox .warning_list_bu li:last-child {
    margin-bottom: 0;
}

.trip_reservation_warningBox .warning_list_bu li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #6c6c6c;
}

.trip_reservation_warningBox .warning_list_bu li.txt_red {
    color: #FF5454;
}

.trip_reservation_bottom .next_btn {
    display: block;
    width: 100%;
    padding: 16px 0;
    background: #48D7C6;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-top: 35px;
    text-align: center;
}


/* 여행 예약 신청 step03(이용 약관) */
.all_agree_cont {
    display: flex;
    margin-top: 45px;
}

.all_agree_cont.allterms {
    position: relative;
    padding-bottom: 23px;
}

.all_agree_cont.allterms::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #DBDBDB;
}

.all_agree_cont input[type="checkbox"]+label {
    display: block;
    width: 20px;
    height: 20px;
    background: url('../assets/common/terms_check.svg') no-repeat 0 0px / contain;
    margin-top: -3px;
}

.all_agree_cont input[type='checkbox']:checked+label {
    background: url('../assets/common/terms_check_on.svg') no-repeat 0 0px / contain;
}

.all_agree_cont input[type="checkbox"] {
    display: none;
}

.all_agree_cont p {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-left: 12px;
}

.terms_check_list {
    margin-top: 23px;
}

.agree_cont {
    display: flex;
}

.agree_cont+.agree_cont {
    margin-top: 23px;
}

.agree_cont input[type="checkbox"]+label {
    display: block;
    width: 20px;
    height: 20px;
    background: url('../assets/common/terms_check.svg') no-repeat 0 0px / contain;
    margin-top: -3px;
}

.agree_cont input[type='checkbox']:checked+label {
    background: url('../assets/common/terms_check_on.svg') no-repeat 0 0px / contain;
}

.agree_cont input[type="checkbox"] {
    display: none;
}

.agree_cont p {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin-left: 12px;
}

.agree_cont .terms_more_txt {
    display: inline-block;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin-left: 12px;
}

.agree_cont .terms_more_btn {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../assets/contents/mypage_menu_list_btn.svg) no-repeat;
    text-indent: -9999px;
    margin-left: auto;
}

.terms_next_btn {
    display: block;
    width: 100%;
    padding: 16px 0;
    background: #48D7C6;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-top: 40px;
    text-align: center;
}

.useterms_more_pop {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 100000;
    transition: all .3s ease;
    display: none;
}

.useterms_more_pop.show {
    display: block;
}

.useterms_cont {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-radius: 25px 25px 0 0;
    padding-bottom: 25px;
    height: 500px;
}

.useterms_cont_inner {
    margin: 20px 20px;
}

.useterms_pop_tit {
    text-align: center;
    padding: 25px 0 35px 0;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    position: relative;
}

/*.useterms_pop_tit::before{content:"";position:absolute;width:50px;height:4px;left:50%;top:0;transform: translateX(-50%);background:#e4e4e4;border-radius:10px;}*/
.useterms_pop_subtit {
    font-size: 17px;
    color: #000;
    font-weight: 500;
}

.useterms_cts_cont {
    margin-top: 17px;
    max-height: 350px;
    overflow-y: scroll;
}

.usetems_cts+.usetems_cts {
    margin-top: 17px;
}

.usetems_cts .usetems_cts_tit {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 1.2;
    margin-bottom: 7px;
}

.usetems_cts .usetems_cts_tit a {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 1.2;
}

.usetems_cts p {
    font-size: 13px;
    font-weight: 400;
    color: #555;
    line-height: 1.2;
}

.useterms_confirm_btn {
    display: block;
    width: 100%;
    padding: 16px 0;
    background: #48D7C6;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-top: 40px;
    text-align: center;
}

/* 여행 예약 신청 step04(예약내역 확인 및 결제) */
.trip_product_info {
    margin-top: 18px;
    border-top: 3px solid #eaeaea;
}

.product_info_tit {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.product_info {
    margin-top: 17px;
}

.product_name {
    display: flex;
}

.name_tit {
    font-size: 13px;
    font-weight: 600;
    color: #2EA295;
    margin-right: 35px;
}

.trip_package_tit {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 1.2;
}

.trip_package_sub_tit {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #808080;
    line-height: 1.2;
    margin-top: 3px;
}

.product_date {
    display: flex;
    margin-top: 12px;
}

.date_tit {
    font-size: 13px;
    font-weight: 600;
    color: #2EA295;
    margin-right: 47px;
}

.date_info {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.trip_person_info {
    margin-top: 25px;
    border-top: 3px solid #eaeaea;
}

.person_info_tit {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.person_info_area {
    margin-top: 17px;
    border: 1.5px solid #eaeaea;
    border-radius: 20px;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 17px 8px 17px;
    display: flex;
}

.person_info_item_inner {
    display: flex;
}

.person_info_item_inner li {
    margin-bottom: 12px;
}

.person_info_item_tit {
    min-width: 65px;
    margin-right: 22px;
    font-size: 14px;
    font-weight: 600;
    color: #868686;
}

.person_info_item_tit.person_info {
    font-size: 15px;
    color: #2CA194;
}

.person_info_item_text {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.person_info_item_text.person_name {
    font-size: 15px;
    font-weight: 600;
}

.trip_payment_info {
    margin-top: 28px;
    border-top: 3px solid #eaeaea;
}

.payment_info_tit {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.payment_result_info {
    margin-top: 17px;
}

.payment_result_info .coin_payment {
    border-bottom: 1px solid #DBDBDB
}

.payment_result_info .coin_payment_cont {
    display: flex;
    align-items: center;
}

.payment_result_info .payment_result_tit {
    font-size: 14px;
    font-weight: 600;
    color: #2EA295;
    display: block;
    margin-right: 15px;
    width: 80px;
}

.payment_result_info .coin_input {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #878787;
}

.payment_result_info .coin_input_box {
    border: 1px solid #EAEAEA;
    padding: 9px 13px;
    border-radius: 7px;
    margin-right: 7px;
}

.payment_result_info .coin_input_box input {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    width: 100%;
}

.payment_result_info .coin_input_box input::placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.payment_result_info .allUse_btn {
    display: block;
    background: #ECF9F8;
    border: none;
    border-radius: 30px;
    padding: 9px 0;
    font-size: 12px;
    font-weight: 500;
    color: #2EA295;
    margin-left: 8px;
    text-align: center;
    width: 83px;
}

.payment_result_info .usable_coin {
    margin-top: 12px;
    color: #878787;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
}

.payment_result_info .coin_num {
    vertical-align: top;
}

.payment_result_info .payment_result_cont {
    margin-top: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #DBDBDB;
}

.payment_result_info .payment_result {
    display: flex;
    margin-bottom: 12px;
}

.payment_result_info .payment_result span {
    display: block;
}

.payment_result_info .payment_result span:nth-child(2) {
    margin-left: auto;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.payment_result_info .payment_total_result {
    margin-top: 20px;
    display: flex;
}

.payment_result_info .payment_total_result span {
    display: block;
}

.payment_result_info .payment_total_result .total_result_tit {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.payment_result_info .payment_total_result .total_result_price {
    margin-left: auto;
    font-size: 18px;
    color: #FF5454;
    font-weight: 500;
}

.payment_btn {
    display: block;
    width: 100%;
    padding: 16px 0px;
    text-align: center;
    background: #48D7C6;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-top: 35px;
}

/* push 알림창 list */
.alarm_area {
    position: relative;
    padding-top: 53px;
}

.no_alarm {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    margin-top: 50%;
    display: none;
}

.no_alarm p {
    font-size: 14px;
    font-weight: 500;
    color: #7b7b7b;
}

.alarm_list {
    border-bottom: 1px solid #ECECEC;
}

.alarm_list.new {
    background: #EEF8F7;
}

.alarm_list a {
    display: block;
    width: 100%;
    height: 100%;
}

.alarm_list .inner {
    margin: 0 15px;
    padding: 16px 0;
}

.alarm_cont {
    display: block;
    width: 100%;
    height: 100%;
}

.alarm_cont .profile_img {
    width: 41px;
    height: 41px;
    background-image: url(../assets/contents/alarm_list_noimg.svg);
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.alarm_cont .alarm_text_area {
    position: relative;
    padding-left: 53px;
    margin-top: 2px;
}

.alarm_text_area p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.alarm_text_area p .name {
    font-weight: 500;
}

.alarm_text_area .time {
    margin-top: 5px;
    display: inline-block;
    position: relative;
}

.alarm_text_area .time.new::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #FF3042;
    border-radius: 50%;
    right: -9px;
    top: 0;
}

.alarm_text_area .time span {
    font-size: 13px;
    font-weight: 500;
    color: #A8AFAE;
}

.alarm_cont.cts .cts_icon {
    width: 41px;
    height: 41px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../assets/contents/alarm_cts_icon.svg) center top no-repeat;
}

.alarm_text_area .cts_tit {
    margin-top: 3px;
    font-weight: 500;
    width: 98%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.alarm_cont.chat .chat_icon {
    width: 41px;
    height: 41px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../assets/contents/alarm_chat_icon.svg) center top no-repeat;
}

/* FAQ */
.filter_list_wrap {
    margin-top: 9px;
    padding-top: 58px;
}

.filter_list_wrap .filter_list {
    display: flex;
    flex-wrap: wrap;
}

.filter_list_wrap .filter_list li {
    text-align: center;
    margin-right: 12px;
    margin-top: 10px;
}

/*.filter_list_wrap .filter_list li:nth-child(4n){margin-right:0;}*/
.filter_list_wrap .filter_list li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #48D7C6;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 15px;
    border: 1px solid #48D7C6;
}

.filter_list_wrap .filter_list li.on a {
    color: #fff;
    background: #48D7C6;
}

.faq_list {
    margin-top: 20px;
    padding-bottom: 20vw;
}

.accordion-list {
    border-top: 1px solid #ddd;
}

.accordion-list .accordion-item .accordion-link {
    display: block;
    position: relative;
    padding: 20px 10px;
    border-bottom: 1px solid #ddd;
    transition: all 0.3s;
}

.accordion-list .accordion-item .accordion-link::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 16px;
    height: 17px;
    background: url(../assets/contents/faq_arrow_down.svg) no-repeat;
}

.accordion-list .accordion-item.active .accordion-link::before {
    background: url(../assets/contents/faq_arrow_up.svg) no-repeat;
}

.accordion-list .accordion-name {
    display: flex;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    align-items: center;
}

.accordion-list .accordion-name .filter {
    display: block;
    padding: 5px 11px;
    border: 1px solid #48D7C6;
    border-radius: 15px;
    font-size: 13px;
    color: #48D7C6;
    font-weight: 500;
    margin-right: 10px;
}

.accordion-list .accordion-item .accordion-desc {
    display: none;
    padding: 22px 0 26px 11px;
    background-color: #F0FAF9;
    color: #525252;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
}

/* 공지사항 리스트 */
.notice_board_search_area {
    display: flex;
    margin-top: 15px;
    padding-top: 58px;
}

.notice_board_search_area .search_input_group {
    width: 100%;
}

.notice_board_search_area .search_input_group input {
    width: calc(100% - 37px);
    padding: 11px 0 11px 20px;
    background: #F0F0F0;
    border: 0;
    border-radius: 25px;
}

.notice_board_search_area .search_input_group button {
    border: none;
    text-indent: -9999px;
    width: 22px;
    height: 22px;
    background: url(../assets/main/location_search_icon.svg) no-repeat;
    margin-left: 11px;
}

.notice_list {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.notice_list .notice_tit {
    font-size: 15px;
    color: #000;
    font-weight: 500;
}

.notice_list_date_area {
    margin-top: 8px;
    display: flex;
    align-items: center;
}

.notice_list_date_area .notice_date {
    font-size: 14px;
    color: #B4B4B4;
    font-weight: 400;
}

.notice_list_date_area .notice_time {
    display: inline-block;
    margin-left: 4px;
    font-size: 14px;
    color: #B4B4B4;
    font-weight: 400;
}

/* 공지사항 view */
.notice_board_view {
    margin-top: 28px;
    padding-top: 58px;
}

.notice_tit_area {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.notice_tit {
    font-size: 15px;
    color: #000;
    font-weight: 500;
}

.notice_cont_area {
    margin-top: 20px;
}

.notice_cont_area .notice_text {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 1.3;
}

.notice_cont_area pre {
    white-space: pre-wrap;
}

/* 1:1 문의 글쓰기*/
.inquiry_cont {
    padding-bottom: 20vw;
    padding-top: 58px;
}

.inquiry_cont .tab_list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border-bottom: 1px solid #ddd;
}

.inquiry_cont .tab_list li {
    width: 50%;
    text-align: center;
    background: #F2F2F2;
}

.inquiry_cont .tab_list li.active {
    background: #4AD7C7;
}

.inquiry_cont .tab_list li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #B3B3B3;
    font-weight: 500;
    padding: 13px 0;
}

.inquiry_cont .tab_list li.active a {
    color: #fff;
}

.inquiry_cont .inquiry_wirte_area {
    margin-top: 15px;
}

.inquiry_form {
    display: flex;
    align-items: baseline;
}

.inquiry_wirte_tit {
    display: block;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    width: 25%;
    word-break: break-all;
}

.inquiry_wirte_tit label {
    display: block;
}

.inquiry_form .box {
    display: block;
    width: 70%;
    height: 32px;
    border-radius: 7px;
    padding: 7px 10px;
    border: 1px solid #d9d9d9;
    /* margin-left: 24px; */
    margin-bottom: 12px;
}

.inquiry_form .box.email {
    margin-left: 11px;
}

.inquiry_form select.type_sel {
    width: 100%;
    height: auto;
    font-size: 14px;
    background: #fff url(../assets/contents/inquiry_select_icon.svg) 100% 65% no-repeat;
    -webkit-appearance: none;
    display: inline-block;
    text-align: start;
    border: none;
    cursor: default;
    color: #000;
}

.inquiry_text_area {
    margin-top: 3px;
}

.inquiry_text_area textarea {
    min-height: 345px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 23px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 10px;
}

.inquiry_text_area textarea::placeholder {
    font-size: 14px;
    color: #929292;
    font-weight: 400;
    line-height: 1.3;
}

.attachment_list {
    margin-top: 20px;
    margin-bottom: 30px;
}

.attachment_list li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.attachment_list li:last-child {
    margin-bottom: 0;
}

.attachment_list li span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #525252;
    margin-right: 15px;
}

.attachment_list li .attachment_btn {
    display: block;
    box-sizing: border-box;
    border: none;
    background: #F0F0F0;
    border-radius: 12px;
    width: 80px;
    padding: 3px 18px;
    font-size: 13px;
    color: #b4b4b4;
    font-weight: 400;
    word-break: break-all;
    line-height: 0.8;
}

.inquiry_write_agree {
    display: flex;
    margin-bottom: 30px;
}

.agree_btn_area input[type="checkbox"]+label {
    display: block;
    width: 20px;
    height: 20px;
    background: url('../assets/common/terms_check.svg') no-repeat 0 0px / contain;
    margin-top: -3px;
}

.agree_btn_area input[type='checkbox']:checked+label {
    background: url('../assets/common/terms_check_on.svg') no-repeat 0 0px / contain;
}

.agree_btn_area input[type="checkbox"] {
    display: none;
}

.inquiry_write_agree p {
    margin-left: 9px;
    font-size: 14px;
    color: #616161;
    font-weight: 400;
    line-height: 1.2;
    margin-top: -2px;
}

.inquiry_write_agree p a.privacy {
    font-size: 14px;
    color: #616161;
    font-weight: 400;
    vertical-align: top;
}

.inquiry_write_btn {
    display: block;
    width: 100%;
    padding: 16px 0;
    background: #48D7C6;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-top: 30px;
    text-align: center;
}

/* 개인정보 수집 미동의 팝업 */
.noagree_pop {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 100000;
    transition: all .3s ease;
    display: none;
}

.noagree_cont {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    max-width: 85%;
    border-radius: 20px;
    overflow: hidden;
    min-height: 158px;
}

.noagree_cont_inner {
    margin: 50px 0;
    text-align: center;
}

.noagree_txt {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 1.3;
    padding: 0 10px;
}

.noagree_confrim_btn {
    display: block;
    width: 110px;
    padding: 8px 25px;
    color: #fff;
    background: #4AD7C7;
    border-radius: 20px;
    margin: 23px auto 0 auto;
}

/* 1:1문의 등록한 문의 list */
.inquiry_board_list {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.inquiry_list_tit {
    font-size: 15px;
    color: #000;
    font-weight: 400;
}

.inquiry_list_date_area {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.inquiry_list_date_area .inquiry_date {
    display: inline-block;
    font-size: 14px;
    color: #B4B4B4;
    font-weight: 400;
}

.inquiry_list_date_area .inquiry_time {
    display: inline-block;
    font-size: 14px;
    color: #B4B4B4;
    font-weight: 400;
    margin-left: 4px;
}

.inquiry_state {
    display: block;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 70px;
    padding: 6px;
    border: 1px solid #4ED7C9;
    font-size: 13px;
    color: #4ED7C9;
    font-weight: 400;
    border-radius: 15px;
    text-align: center;
}

.inquiry_state.answered {
    background: #4ED7C9;
    color: #fff;
}

/* 1:1 문의 등록한 문의 view */
.inquiry_board_view {
    margin-top: 20px;
}

.inquiry_board_view_cont {
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.inquiry_board_view_cont .inner {
    margin: 0 15px;
}

.inquiry_board_view_cont+.inquiry_board_view_cont {
    margin-top: 25px;
}

.inquiry_view_tit_area {
    position: relative;
}

.inquiry_view_text_area {
    margin-top: 30px;
}

.inquiry_view_text_area .inquiry_list_tit {
    font-size: 15px;
    color: #000;
    font-weight: 400;
}

.inquiry_view_text_area .inquiry_list_tit .inquiry_re {
    display: inline-block;
    vertical-align: top;
}

.inquiry_view_text_area p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 1.3;
}

.inquiry_view_text_area .attachment_list {
    margin-top: 30px;
}

.inquiry_view_text_area .attachment_cont {
    display: flex;
    align-items: center;
}

.attachment_cont+.attachment_cont {
    margin-top: 13px;
}

.inquiry_view_text_area .attachment_cont span {
    display: block;
    font-size: 14px;
    color: #545454;
    font-weight: 400;
    margin-right: 10px;
}

.inquiry_view_text_area .attachment_cont a {
    display: inline-block;
    height: 100%;
    font-size: 14px;
    color: #545454;
    font-weight: 400;
    text-decoration: underline;
    vertical-align: top;
}

.inquiry_board_btn_area {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.inquiry_board_btn_area a {
    display: block;
    width: 130px;
    border-radius: 20px;
    background: #F0F0F0;
    color: #27B8B0;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 0;
    text-align: center;
    margin-right: 17px;
}

.inquiry_board_btn_area a:last-child {
    margin-right: 0;
}

/* 문의글 첨부 파일 이미지 팝업*/
.img_pop {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 100000;
    transition: all .3s ease;
    display: none;
}

.img_pop.show {
    display: block;
}

.img_cont {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 50%;
}

.img_cont img {
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 문의글 삭제 팝업 */
.inquiry_delete_pop {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 100000;
    transition: all .3s ease;
    display: none;
}

.inquiry_delete_pop.show {
    display: block;
}

.inquiry_delete_cont {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    max-width: 85%;
    border-radius: 20px;
    overflow: hidden;
    min-height: 158px;
}

.inquiry_delete_cont_inner {
    margin: 50px 0;
    text-align: center;
}

.inquiry_delete_txt {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 1.3;
}

.inquiry_delete_btn_area {
    display: flex;
    margin-top: 35px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.inquiry_delete_btn_area a {
    display: block;
    width: 115px;
    border-radius: 20px;
    background: #F0F0F0;
    color: #27B8B0;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 0;
    text-align: center;
    margin-right: 14px;
}

.inquiry_delete_btn_area a.delete_btn {
    margin-right: 0;
    background: #4AD7C7;
    color: #fff;
}

/* 내 코인 */
.coin_cts {
    margin-top: 15px;
    padding-top: 58px;
    padding-bottom: 20vw;
}

.mycoin {
    background: #48D7C6;
    border-radius: 30px;
    padding: 30px 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    position: relative;
    margin-top: 40px;
}

.mycoin::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    right: 0;
    top: -41px;
    background: url(../assets/contents/mycoin_bg_img.svg) no-repeat;
}

.mycoin_cont {
    position: relative;
}

.coin_info_area {
    margin-bottom: 15px;
}

.coin_info_area .mycoin_txt {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.coin_info_area .coin_info_btn {
    display: inline-block;
    margin-left: 7px;
    margin-top: 1px;
}

.available_conin {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 6px;
}

.available_conin span {
    font-size: 20px;
    font-weight: 400;
}

.charge_btn {
    display: block;
    width: 100px;
    border-radius: 10px;
    background: #fff;
    padding: 10px 0;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    position: absolute;
    right: 18px;
    bottom: 18px;
}

.charge_btn p {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    padding-right: 15px;
}

.charge_btn p::after {
    content: "";
    position: absolute;
    right: -4px;
    top: -2px;
    background: url(../assets/contents/charge_btn_icon.svg) no-repeat;
    width: 18px;
    height: 18px;
}

.coin_history {
    margin-top: 30px;
}

.conin_history_inner {
    margin: 0 7px;
}

.coin_history_cont {
    padding-bottom: 25px;
    border-bottom: 1px solid #DEDEDE;
}

.coin_history_cont+.coin_history_cont {
    margin-top: 25px;
}

.coin_date {
    font-size: 15px;
    font-weight: 500;
    color: #565656;
}

.coin_history_area {
    margin-top: 25px;
}

.history_area_top {
    display: flex;
}

.coin_his_tit {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    margin-right: 13px;
}

.coin_his_sub_txt {
    font-size: 12px;
    color: #4e4e4e;
    font-weight: 400;
    margin-top: 2px;
}

.coin_num {
    margin-left: auto;
}

.coin_num .coin {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    position: relative;
}

.coin_num .coin span {
    vertical-align: baseline;
}

.coin_num .coin.coin_minus::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: -30px;
    top: -2px;
    background: url(../assets/contents/coin_minus_icon.svg) no-repeat;
}

.coin_num .coin.coin_plus::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: -30px;
    top: -2px;
    background: url(../assets/contents/coin_plus_icon.svg) no-repeat;
}

.history_area_bottom {
    margin-top: 13px;
    display: flex;
    color: #acacac;
    font-size: 12px;
    font-weight: 400;
}

.history_area_bottom .coin_time {
    position: relative;
    display: inline-block;
    padding-left: 15px;
}

.history_area_bottom .coin_time::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../assets/contents/coin_time_icon.svg) no-repeat;
}

.history_area_bottom .coin_state {
    display: inline-block;
    margin-left: 14px;
    position: relative;
}

.history_area_bottom .coin_state::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 8px;
    background: #acacac;
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
}

/* 코인 설명 페이지 */
.coin_cts .coin_cts_inner {
    margin: 0 25px;
}

.coin_cts_top {
    position: relative;
    padding-bottom: 60px;
    z-index: 3;
}

.coin_cts_tit {
    margin-top: 18px;
    font-size: 24px;
    color: #000;
    font-weight: 600;
}

.coin_cts_sub_txt {
    margin-top: 12px;
    font-siz: 14px;
    color: #6C6C6C;
    font-weight: 500;
    line-height: 1.6;
}

.circle_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: #fff;
    border-radius: 0 0 100% 100%;
}

.coin_cts_mid {
    background: #F6F6F6;
    padding-top: 60px;
    position: relative;
    z-index: 1;
    margin-top: -37px;
}

.coin_plus_cts {
    margin-bottom: 38px;
}

.coin_minus_cts {
    padding-bottom: 40px;
}

.coin_plus_img {
    margin-bottom: 13px;
}

.coin_minus_img {
    margin-bottom: 13px;
}

.coin_cts_mid_tit {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin-bottom: 18px;
}

.coin_cts_mid_tit .color_mint {
    vertical-align: top;
    color: #48D7C6;
}

.coin_cts_mid_tit .color_red {
    vertical-align: top;
    color: #FF7272;
}

.coin_cts_mid_cont {
    background: #fff;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 20px;
}

.coin_cts_mid_cont+.coin_cts_mid_cont {
    margin-top: 25px;
}

.mid_cont_tit {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    padding-top: 60px;
    position: relative;
    margin-bottom: 18px;
}

.mid_cont_tit.korean::before {
    content: "";
    position: absolute;
    width: 52px;
    height: 52px;
    left: 0;
    top: 0;
    background: url(../assets/contents/coin_mid_cont_icon01.svg) no-repeat;
}

.mid_cont_tit.event::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    background: url(../assets/contents/coin_mid_cont_icon02.svg) no-repeat;
}

.mid_cont_tit.coin_charge::before {
    content: "";
    position: absolute;
    width: 47px;
    height: 47px;
    left: 0;
    top: 0;
    background: url(../assets/contents/coin_mid_cont_icon03.svg) no-repeat;
}

.mid_cont_tit.chat::before {
    content: "";
    position: absolute;
    width: 52px;
    height: 39px;
    left: 0;
    top: 0;
    background: url(../assets/contents/coin_mid_cont_icon04.svg) no-repeat;
}

.mid_cont_tit.trip::before {
    content: "";
    position: absolute;
    width: 56px;
    height: 47px;
    left: 0;
    top: 0;
    background: url(../assets/contents/coin_mid_cont_icon05.svg) no-repeat;
}

.mid_cont_txt {
    font-size: 15px;
    color: #6c6c6c;
    font-weight: 500;
    line-height: 1.4;
    word-break: keep-all;
    margin-bottom: 13px;
}

.mid_cont_baro {
    display: inline-block;
    font-size: 15px;
    color: #0DAA98;
    font-weight: 500;
    position: relative;
    padding-right: 17px;
}

.mid_cont_baro::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    right: 0;
    top: 2px;
    background: url(../assets/contents/coin_mid_baro_icon.svg) no-repeat;
}

.coin_cts_bottom .coin_warning_tit {
    margin-top: 25px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    margin-bottom: 18px;
}

.coin_cts_bottom ul.warning_bu>li {
    margin-bottom: 6px;
    position: relative;
    padding-left: 13px;
    font-size: 13px;
    font-weight: 500;
    color: #6C6C6C;
    line-height: 1.2;
}

.coin_cts_bottom ul.warning_bu>li:last-child {
    margin-bottom: 0;
}

.coin_cts_bottom ul.warning_bu>li::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #6C6C6C;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}

@media all and (max-width:330px) {
    .mid_cont_txt br {
        display: none;
    }
}

/* 코인 충전 */
.coin_charge_cont p {
    font-size: 15px;
    font-weight: 500;
    color: #6c6c6c;
}

.coin_num_input_area {
    margin: 30px auto;
    text-align: center;
}

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

.coin_num_result input {
    font-size: 32px;
    color: #0DAA98;
    font-weight: 600;
    width: 7ch;
    box-sizing: border-box;
    text-align: center;
    overflow: visible;
    margin-right: 3px;
}

.coin_num_result span {
    font-size: 20px;
    color: #0DAA98;
    font-weight: 400;
    display: inline-block;
    margin-top: 14px;
}

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

.coin_btn_list a {
    display: block;
    width: 22%;
    margin-right: 3%;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #48D7C6;
    border-radius: 15px;
    font-size: 13px;
    color: #48D7C6;
    font-weight: 500;
    margin-bottom: 14px;
}

.coin_btn_list a:nth-child(4n) {
    margin-right: 0;
}

.coin_pinpad {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.coin_pinpad button {
    display: inline-block;
    background: none;
    border: 0;
    width: 30%;
    font-size: 30px;
    color: #6c6c6c;
    font-weight: 500;
    padding: 20px
}

.coin_pinpad button#disabled {
    padding: 0;
}

.coin_pinpad button.del_btn {
    text-indent: -9999px;
    background: url(../assets/contents/pinpad_del_btn.svg) center center no-repeat;
}

.coin_pay_btn {
    display: block;
    width: 100%;
    padding: 16px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #48D7C6;
    border-radius: 30px;
    margin-top: 25px;
}

/* 좋아요 리스트 */
.mylike .tab_list {
    margin-top: 15px;
    display: flex;
    text-align: center;
}

.mylike .tab_list li {
    width: 96px;
    padding-bottom: 15px;
}

.mylike .tab_list li a {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.mylike .tab_list li.active {
    border-bottom: 3px solid #4AD7C7;
}

.mylike .tab_list li.active a {
    font-weight: 600;
    color: #4AD7C7;
}

.mylike .tab_container {
    margin-top: 20px;
}

.mylike .neighbor_list {
    margin-top: 30px;
    position: relative;
    margin-bottom: 60px;
}

.mylike .neighbor_list::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
}

.mylike .neighbor_list a {
    display: block;
    width: 100%;
    height: 100%;
}

.mylike .neighbor_list .neighbor_profile {
    position: absolute;
    left: 0;
    top: -3px;
}

.mylike .neighbor_list .neighbor_profile .profile_img {
    width: 47px;
    height: 47px;
    background-image: url(../assets/contents/board_profile_no-img.svg);
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
}

.mylike .neighbor_txt_area {
    margin-left: 65px;
}

.mylike .neighbor_txt_area .neighbor_tit {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mylike .neighbor_txt_inner {
    display: flex;
    margin-top: 16px;
}

.mylike .neighbor_txt_inner .name {
    display: inline-block;
    font-size;
    15px;
    color: #bcbcbc;
    font-weight: 500;
}

.mylike .neighbor_txt_inner .neighbor_react {
    display: flex;
    gap: 8px;
    margin-left: auto;
    color: #bcbcbc;
}

.mylike .neighbor_txt_inner .neighbor_react li .comment {
    display: inline-block;
    padding-left: 21px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: #bcbcbc;
    margin-top: 0;
}

.mylike .neighbor_txt_inner .neighbor_react li .comment::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 15px;
    height: 14px;
    background: url(../assets/contents/board_comment_icon.svg) no-repeat;
}

.mylike .neighbor_txt_inner .neighbor_react li .like {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: #bcbcbc;
    margin-left: 10px;
    border: 0;
    background: none;
}

.mylike .neighbor_txt_inner .neighbor_react li .like::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 15px;
    height: 15px;
    background: url(../assets/contents/board_like_icon.svg) no-repeat;
}

.mylike .neighbor_txt_inner .neighbor_react li .like.liked::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 16px;
    height: 15px;
    background: url(../assets/contents/board_liked_icon.svg) no-repeat;
}

/* 댓글 리스트 */
.reply_list {
    padding-top: 20px;
}

.reply_list+.reply_list {
    margin-top: 25px;
}

.myreply_cont {
    position: relative;
    padding-left: 51px;
}

.reply_post .profile_img {
    width: 41px;
    height: 41px;
    background-image: url(../assets/contents/alarm_list_noimg.svg);
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    position: absolute;
    left: 0;
    top: -2px;
    border: 1px solid #eee;
}

.reply_post .myreply_text_area {
    display: flex;
    position: relative;
}

.reply_post .myreply_text_area .name {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    display: inline-block;
    margin-top: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.reply_post .myreply_text_area p {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reply_post .myreply_text_area.photo p {
    margin-left: 10px;
    margin-right: 57px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reply_post .myreply_text_area.photo .post_img_area {
    position: absolute;
    width: 57px;
    height: 57px;
    background: #000;
    right: 0;
    top: -3px;
}

.reply_post .trip_post_text {
    margin-left: 10px;
    padding-right: 50px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
    overflow: hidden;
}

.reply_post .trip_post_text .trip_taglist {
    display: flex;
    margin-bottom: 3px;
}

.reply_post .trip_post_text .trip_taglist li {
    margin-left: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reply_post .trip_post_text .trip_taglist li:first-child {
    margin-left: 0;
}

.reply_post .trip_post_text .triplist_tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: calc(100% - 57px);
}

.reply_post .time {
    margin-top: 4px;
}

.reply_post .time span {
    font-size: 12px;
    font-weight: 400;
    color: #818181;
}

.myreply_area {
    margin-top: 25px;
    padding-left: 51px;
    position: relative;
}

.myreply_area .profile_img {
    width: 41px;
    height: 41px;
    background-image: url(../assets/contents/alarm_list_noimg.svg);
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    position: absolute;
    left: 0;
    top: -2px;
    border: 1px solid #eee;
}

.myreply_area .myreply_text_area {
    display: flex;
}

.myreply_area .myreply_text_area .name {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    display: inline-block;
    margin-top: 1px;
}

.myreply_area .myreply_text_area p {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
    width: 100%;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.myreply_area .time {
    margin-top: 4px;
}

.myreply_area .time span {
    font-size: 12px;
    font-weight: 400;
    color: #818181;
}

.re_reply_area {
    margin-top: 20px;
    padding-left: 51px;
    position: relative;
    margin-left: 20px;
}

.re_reply_area .profile_img {
    width: 41px;
    height: 41px;
    background-image: url(../assets/contents/alarm_list_noimg.svg);
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    position: absolute;
    left: 0;
    top: -2px;
    border: 1px solid #eee;
}

.re_reply_area .re_reply_text_area {
    display: flex;
}

.re_reply_area .re_reply_text_area .name {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    display: inline-block;
    margin-top: 1px;
}

.re_reply_area .re_reply_text_area p {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
    width: 100%;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.re_reply_area .time {
    margin-top: 4px;
}

.re_reply_area .time span {
    font-size: 12px;
    font-weight: 400;
    color: #818181;
}

/* 내 예약 리스트 */
.myreservation {
    margin-top: 25px;
    padding-bottom: 20vw;
}

.reservation_list {
    border-radius: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.reservation_list+.reservation_list {
    margin-top: 25px;
}

.reservation_list_inner {
    padding: 17px 20px;
}

.state_area {
    display: flex;
    padding-bottom: 14px;
    border-bottom: 1px solid #eee;
}

.state_area .reserve_state {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.state_area .reserve_state.cancel_request {
    color: #FF5454;
}

.state_area .reserve_state.cancel_complete {
    color: #FF5454;
}

.state_area .reservation_more {
    display: block;
    margin-left: auto;
    font-weight: 500;
    color: #2CA194;
    font-size: 13px;
    padding-right: 13px;
    background: url(../assets/contents/reservation_more_icon.svg) right top 2px no-repeat;
}

.product_name_area {
    margin-top: 15px;
    position: relative;
    height: 60px;
}

.product_name_area .trip_img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.product_name_area .trip_img img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    object-fit: cover;
}

.product_name_area .name_txt {
    padding-left: 70px;
}

.product_name_area .name_txt .trip_package_tit {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product_name_area .name_txt .trip_package_sub_tit {
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.trip_date_area {
    margin-top: 15px;
    display: flex;
}

.trip_date_area .date_area {
    width: 44%;
}

.trip_date_area .date_area.start {
    padding-right: 6%;
    border-right: 1px solid #eee;
}

.trip_date_area .date_area.arrive {
    padding-left: 6%;
}

.trip_date_area .date_area span {
    font-size: 13px;
    color: #868686;
    font-weight: 600;
    display: block;
    margin-bottom: 6px
}

.trip_date_area .date_area span.date {
    font-size: 14px;
    color: #303030;
    font-weight: 400;
}

/* 내 예약 상세 */
.myreservation_view {
    margin-top: 25px;
    padding-bottom: 20vw;
}

.myreservation_info {
    display: flex;
    align-items: center;
}

.myreservation_info .reservation_number {
    display: flex;
    align-items: center;
}

.myreservation_info .reservation_number_txt {
    font-size: 15px;
    color: #868686;
    font-weight: 600;
    display: block;
    margin-right: 12px;
}

.myreservation_info .reservation_number_num {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    display: block;
    margin-right: 5px;
    background: url(../assets/contents/copy_icon.svg) right center no-repeat transparent;
    border: none;
    padding-right: 18px;
}

.myreservation_info .reserve_state {
    margin-left: auto;
    font-size: 18px;
    font-weight: 600;
    color: #2EA295;
}

.myreservation_view .trip_product_info {
    border-top: 1px solid #eee;
}

.myreservation_view .trip_product_info .product_name_area .name_txt {
    margin-right: 20px;
}

.myreservation_view .trip_product_info .product_name_area .trip_product_more_btn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: auto;
    height: auto;
    padding: 5px 0 5px 20px;
}

.myreservation_view .trip_person_info {
    border-top: 1px solid #eee;
}

.myreservation_view .reservation_payment_info {
    margin-top: 25px;
    border-top: 1px solid #eee;
}

.myreservation_view .reservation_payment_info .payment_date_area {
    margin-top: 10px;
    display: flex;
}

.myreservation_view .reservation_payment_info .payment_date_area .payment_date_cont {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #808080;
    font-weight: 400;
}

.myreservation_view .reservation_payment_info .payment_date_area .payment_date_cont .payment_date_tit {
    display: block;
    margin-right: 3px;
}

.myreservation_view .reservation_payment_info .payment_date_area .payment_receipt_btn {
    display: block;
    margin-left: auto;
    text-align: center;
    padding: 4px 13px;
    background: #EEEEEE;
    border-radius: 5px;
    font-size: 12px;
    color: #000;
    font-weight: 500;
}

.reservation_payment_info .reservation_payment_tit {
    font-size: 14px;
    color: #868686;
    font-weight: 600;
}

.reservation_payment_info .reservation_payment_info_top {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.reservation_payment_info_top .product_price_area {
    display: flex;
    align-items: center;
}

.reservation_payment_info_top .product_price_area .product_price {
    display: block;
    margin-left: auto;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.reservation_payment_info_top .used_coin_area {
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.reservation_payment_info_top .used_coin_area .used_coin {
    display: block;
    margin-left: auto;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.reservation_payment_info .reservation_payment_info_bottom {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.reservation_payment_info_bottom .payment_price_area {
    display: flex;
    align-items: center;
}

.reservation_payment_info_bottom .payment_price_area .payment_price {
    display: block;
    margin-left: auto;
    font-size: 15px;
    color: #FF5454;
    font-weight: 600;
}

.reservation_payment_info_bottom .payment_method_area {
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.reservation_payment_info_bottom .payment_method_area .payment_method {
    display: block;
    margin-left: auto;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.reservation_cancel_area .reservation_cancel_txt {
    margin-top: 7px;
    font-size: 13px;
    color: #808080;
    font-weight: 400;
    line-height: 1.3;
}

.reservation_cancel_area .reservation_cancel_txt a {
    color: #FF5454;
    text-decoration: underline;
    display: inline-block;
    vertical-align: top;
}

.reservation_cancel_area .reservation_cancel_btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 13px 0;
    font-size: 16px;
    font-weight: 700;
    color: #FF5454;
    background: #FFDDDD;
    border-radius: 30px;
    margin-top: 15px;
}

/* 예약 취소 */
.refund_warning {
    margin-top: 13px;
    color: #FF5454;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
}

.refund_warning::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 15px;
    height: 15px;
    background: url(../assets/contents/refund_warning_icon.svg) no-repeat;
}

.reservation_payment_info_top .cancel_charge_area {
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.reservation_payment_info_top .cancel_charge_area .cancel_charge_price {
    display: block;
    margin-left: auto;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.reservation_payment_info_bottom .coin_refund_area {
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.reservation_payment_info_bottom .coin_refund_area .coin_refund {
    display: block;
    margin-left: auto;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.reservation_payment_info_bottom .refund_price_area {
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.reservation_payment_info_bottom .refund_price_area .refund_price {
    display: block;
    margin-left: auto;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.reservation_payment_info_bottom .refund_method_area {
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.reservation_payment_info_bottom .refund_method_area .refund_method {
    display: block;
    margin-left: auto;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.reservation_payment_info_bottom .total_refund_area {
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.reservation_payment_info_bottom .total_refund_area .total_refund_price {
    display: block;
    margin-left: auto;
    font-size: 15px;
    color: #FF5454;
    font-weight: 600;
}

.cancel_reason_area .box {
    margin-top: 17px;
}

.cancel_reason_area ul.warning_bu {
    margin-top: 20px;
}

.cancel_reason_area ul.warning_bu>li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 13px;
    font-size: 13px;
    font-weight: 500;
    color: #6C6C6C;
    line-height: 1.3;
}

.cancel_reason_area ul.warning_bu>li:last-child {
    margin-bottom: 0;
}

.cancel_reason_area ul.warning_bu>li::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #6C6C6C;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}

.cancel_reason_area .reservation_cancel_terms {
    color: #FF5454;
    text-decoration: underline;
    display: inline-block;
    vertical-align: top;
}

.cancel_reason_area .reservation_cancel_btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 13px 0;
    font-size: 16px;
    font-weight: 700;
    color: #FF5454;
    background: #FFDDDD;
    border-radius: 30px;
    margin-top: 25px;
}