@charset "utf-8";

@font-face {
    font-family: 'omyu_pretty';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/omyu_pretty.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KorailRoundGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KorailRoundGothicBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.global-wrap {
    max-width: 600px;
    width: 100%;
    margin: auto;
}

#sample3_postcode , #sample3_address , #sample3_detailAddress , #sample3_extraAddress{ border-bottom: 1px solid #999 !important;  padding: 12px 0 10px 0; }
.address_btbt {  position: absolute;right: 0;width: auto !important;background: #21b8d7;color: #fff !important;border-radius: 5px; padding: 5px; text-indent: 0 !important; }
.address_wrap { display: flex; justify-content: space-between; align-items: center; position: relative; }

#iframeContainer {
    position: fixed;
    left: 0;
    top: 0;
}

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-family: 'SUIT', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'SUIT', sans-serif !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: 'SUIT', sans-serif;font-size:1em}
input { border: none !important; }
button {cursor:pointer}
textarea, select {font-family: 'SUIT', sans-serif; font-size:1em}
select {margin:0;}
select:focus { outline: none; }
select {
    /*ios대응*/
    padding: 5px 20px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /*화살표 배경 넣기*/
    background: url(/mo/images/arrrow1.png) no-repeat center ; /*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
    background-size: 15px 15px;
    background-position: right 5px center;
    border : 1px solid #999;
    border-radius: 5px;
    font-weight: 500;
    color: #333;
}
select::-ms-expand{
    display:none;
}
p {margin:0;padding:0;word-break:break-all; font-family: 'SUIT', sans-serif;}
hr {display:none}
pre { font-size: 14px; font-family: 'SUIT', sans-serif; overflow-x: inherit; white-space: pre-wrap;}
/* 스마트 에디터 데이터 나오는 필드 이미지 값 잡아주기! */
pre img { width: 100% !important; margin: 0 auto 10px !important; }
a {color:#000;text-decoration:none;}
*, :after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
::selection {
    background-color: #60e1fd;
    color: #fff;
}
#serch { background-color: transparent!important; -webkit-appearance: none; }

input[type=text],input[type=password], textarea {
    font-family: 'SUIT', sans-serif !important;
    -webkit-transition:all 0.30s ease-in-out;
    -moz-transition:all 0.30s ease-in-out;
    -ms-transition:all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    outline:none !important;
}

input[type='date'] {
    background: #fff !important;
    border: 1px solid #999 !important;
    text-indent: 5px !important;
}

.empty {
    width: 100%; border-top: 2px solid #000; padding: 5% 0; border-bottom: 2px solid #000; display: flex; justify-content: center; align-items: center;font-size: 18px;font-weight: bold;
}

/* scollbar css */
::-webkit-scrollbar {
    width: 7px; /*스크롤바의 너비*/
}

::-webkit-scrollbar-thumb {
    background-color: #60e1fd; /*스크롤바의 색상*/
    border-radius: 10px; /*스크롤바 라운드*/}

::-webkit-scrollbar-track {
    background-color: #f1f1f1; /*스크롤바 트랙 색상*/
    border-radius: 10px; /*스크롤바 트랙 라운드*/
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2); /*스크롤바 트랙 안쪽 그림자*/
}
.guide_a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.Writer { background: #0095b2; color: #fff; padding: 3px 5px; border-radius: 15px; font-size: 10px; font-weight: 600; margin: 0 0 0 5px;  }
.comment_text.number:focus { outline: none; }
.heart_1 { width: 30px; height: 30px; position: absolute; right: 85px; top: 70px;  z-index: 3;  opacity: 1;}
.heart_1 img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.heart_2 { width: 30px; height: 30px; position: absolute; left: 85px; top: 70px;  z-index: 3; }
.heart_2 img { width: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.heart_3 { width: 30px; height: 30px; position: absolute; left: 85px; bottom: 70px;   z-index: 3;}
.heart_3 img { width: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.heart_4 { width: 30px; height: 30px; position: absolute; right: 85px; bottom: 70px;  z-index: 3; }
.heart_4 img { width: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.main_prev { position: absolute; left: 10px; top: 470px; display: none; }
.main_next { position: absolute; right: 10px; top: 470px; }
.main_prev_inner , .main_next_inner { display: flex; justify-content: space-between; align-items: center; font-size: 16px; color: #fff; }
.main_prev_inner p { margin: 0 0 0 3px; font-family: 'SUIT', sans-serif !important; font-weight: 600 }
.main_next_inner p { margin: 0 3px 0 0 ; font-family: 'SUIT', sans-serif !important; font-weight: 600 }
.main_prev_inner img , .main_next_inner img { width: 18px; }
.main_pet_wrap { margin: 0 auto 80px; }

.line_banner_wrap { width: 100%; height: 10vw; margin: 30px auto 0;
    @media all and (max-width : 540px) {
        height: 28vw;
    }
}
.sub_menu_login_inner_inner { display: flex; justify-content: space-between; align-items: center; }

.hc_day_bt { background: #21b8d7; border-radius: 5px; padding: 5px; color: #fff;  }

/* mo_index css */
.wrap.index { margin: 40px auto 0; }
header {  width: 100%; height: 40px; justify-content: space-between; display: flex; align-items: center; position: fixed; top: 0; z-index: 9999; background: #fff; box-shadow: 0px -1px 5px 1px rgba(0, 0 ,0, 0.1); max-width : 600px; width: 100%; margin: auto; left: 50%; transform: translate(-50% ,0); }
.head_back { width: 25px; height: 25px; margin: 0 0 0 5px;  }
.head_back img { width: 100%; object-fit: cover; }
.title { font-family: 'SUIT', sans-serif; font-weight: 700; font-size: 14px; padding: 2px 0 0 0; }
footer , .footer { width: 100%; height: 50px; background: #fff; position: fixed; bottom : 0; display: flex; justify-content: space-evenly; align-items: center; box-shadow: 0px 1px 5px 1px rgba(0, 0 ,0, 0.1); z-index: 99; max-width : 600px; width: 100%; margin: auto; left: 50%; transform: translate(-50% ,0); }
footer { height: 60px }
.footer_wish { width: 15%; display: flex; flex-direction: column; align-items: center; }
.footer_wish img { width: 25px; height: 25px; }
.footer_wish p {font-family: 'SUIT', sans-serif; font-size: 12px; font-weight: 600; }
.footer_contact { width: 80%; background: #bbb; font-size: 12px; height: 75%; display: flex; justify-content: center; align-items: center; font-family: 'SUIT', sans-serif; font-weight: 500; color : #fff; }
.password_change { font-size: 14px; border: 1px solid #999; display: inline-block; padding: 5px; border-radius: 5px; margin: 5px auto 0; }
.serch_memeber { width: 150px; height: 25px; background: #eee; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; display: flex; justify-content: center;  align-items: center; margin: 0 10px 0 0; }
.serch_memeber img { width: 20px; height: 20px; margin: 0 5px 0 0; }
.serch_memeber p { font-size: 12px; color: #333; }
.main_menu_wrap { display: flex; align-items: center; }
.hchc_serch_wrap.member { width: 95%; margin: 10px auto 20px; }
.write img { width: 30px; height: 30px; }
.keeple_policy { width: 100%; display: flex; justify-content: start; margin: 5px 0 0 0; }
.keeple_policy p:first-child { margin:  0 5px 0 0; }
.keeple_policy p { font-weight: 700; font-size: 12px; }
.loading_bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.loading_wrap { width: 100%; height: 100%; position: fixed; top: 0; z-index: 999999; background: url(/mo/images/loading_wrap.jpg) no-repeat center ; background-size: cover; }
.loading_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.loading_box h2 { font-size: 14px; text-align: center;  line-height: 25px; color: #f1f1f1; }
.loading_box img { width: 120px; height: 120px; }
.loading_logo { position: absolute; top : 30px; left: 0; right: 0; margin: auto; text-align: center; }
.logo_text {
    text-align: center; font-size: 18px; font-weight: bold;
}

.auction_direct_bt { display: flex;padding: 3px 5px;background: #333;margin: 10px 0 20px 0;color: #fff;font-size: 14px;border-radius: 5px; }
.alram_submit { margin: 0 5px 0 0; font-size: 14px; background: #21b8d7; border-radius: 5px; color: #fff; padding: 3px 5px; }
.hchc_serch_wrap.zz { width: 100%; margin: 0 auto 20px; }
#keyword_bt { border: none !important; }
#keyword { width: 88%; }
.index_swiper_wrap { width: 100%; height: 100vh; border: 1px solid #ddd; position: relative;  }
.index_swiper_logo { position: absolute;left: 0;top: 50px; right: 0;margin: auto;z-index: 2;width: 200px; text-align: center; font-size: 32px; font-weight: bold }
.index_swiper_logo img { width: 100%; }
.top_banner { width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background: #ff4646; color: #fff; position: relative; }
.top_banner_inner { font-size: 14px; font-weight: 500; width: 90%; margin: 0 0 0 6%; }
.main_icon_wrap { width: 100%; padding: 20px 0;  margin: auto; background: #fff; }
.top_del { position: absolute; left: 2%; top: 0; bottom: 0; width: 20px; height: 20px; margin: auto; }
.top_del img { width: 100%; height: 100%; object-fit: cover; }
.main_icon_inner { width: 100%; display: flex;  justify-content: space-around; align-items: center; margin: 0 auto 20px; }
.main_icon_inner:last-child { margin: auto }
.main_icon_box { width: 18%;   }
.main_icon_img { width: 70%; height: 70%; margin: auto; padding: 5px;border-radius: 15px;overflow: hidden;background: #eee; }
.main_icon_img img { width: 100%; height: 100%; object-fit: cover; }
.main_icon_name { width: 100%; margin: 10px auto 0; font-size: 12px; font-weight: bold; text-align: center; color: #333; }
.main_swiper_inner_wrap { width: 100%; margin: 100px auto 0;  transition: 0.5s; }
.main_swiper_button_wrap { width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; }
.main_swiper_button { display: inline-block; width: 80%; margin: auto; background: #333; border-radius: 50px; text-align: center; font-size: 22px; padding: 10px 0;   }
.main_swiper_img_box { width: 300px; height: 300px; margin: auto; position: relative; }
.main_swiper_subject { display: flex;  justify-content: center; margin: 20px auto 15px; font-family: 'yg-jalnan';  }
.main_swiper_contents { display: flex; justify-content: center; margin: 0 auto 35px; text-align: center; font-size: 16px; }
.main_swiper_subject h2 {  font-size: 32px; }
.main_swiper_round1 { width: 0; height: 0; transition: 0.5s; border-radius: 300px; background: #fff; opacity: 0.3; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.main_swiper_round2 { width: 0; height: 0; transition: 0.5s; border-radius: 300px; background: #fff; opacity: 0.3; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.swiper_object_img { width: 0; height: 0; opacity: 0; transition: 0.5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 4; }
.del_img_bt { position: absolute; right: 5px; top: 5px; width: 25px; height: 25px; z-index: 9;  }
.del_img_bt img { width: 100%; height: 100%; object-fit: cover; }

.footer_box { text-align: center; width: 20%; }
.footer_box p { font-size: 10px; margin: 5px auto 0; font-weight: 500; font-family: 'SUIT', sans-serif;}
.footer_box img { width: 25px; height: 25px; }
.menu { width: 24px; height: 22px;  margin: 0 10px 0 0; position: relative; }
.logo { width: 100px; height: 40px; margin: 0 0 0 5px;  }
.logo img { width: 100%; height: 100%; object-fit: cover; }
.menu div { width: 100%; height: 3px; background: #333;  }
.menu div:nth-child(1) { position: absolute; top: 0; transition: 0.5s; }
.menu div:nth-child(2) { position: absolute; top: 9px; transition: 0.5s; background: #333; }
.menu div:nth-child(3) { position: absolute; top: 18px; transition: 0.5s; background: #333; }
.wrap { width: 100%;  overflow: hidden; margin: 50px auto 0; }
.inner { width: 95%; margin:0 auto 60px;  }
.main_swiper_wrap { width: 100%; height: 20vw;
    @media all and (max-width:540px) {
        height: 50vw;
    }
}
.main_swiper_wrap1 { width: 100%; height: auto;}
.main_swiper_head1 { width: 95%;  display: flex; justify-content: space-between; align-items: center; font-family: 'SUIT', sans-serif; margin: 40px auto 15px; position: relative; }
.main_swiper_head1 h2 { font-family: 'SUIT', sans-serif; font-weight: bold; font-size: 16px; text-align: center; }
.more { display: flex; justify-content: space-between; align-items: center; }
.more p { font-size: 12px; }
.more img { width: 20px; margin: 0 0 0 5px; }
.main_swiper_wrap_inner  { width: 95%; margin: auto; }
.index_subject {     font-size: 14px;font-weight: 500;height: 30px;line-height: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: inherit; }
.index_imgbox { width: 100%; height : 16vw; position: relative;
    @media all and (max-width:540px) {
        height: 46vw;
    }

}
.index_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.keeple_text { color: #999; font-weight: bold; margin: 5px auto 0; }
.emblem { position: absolute; top: 5px; right: 5px; border-radius: 3px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 10px; font-family: 'SUIT', sans-serif; padding: 3px 5px; background: #333}
.index_textbox { width: 100%; text-align: left; padding: 8px; }
.index_textbox > p:nth-child(1) { font-size: 12px; margin: 0 auto 5px; font-weight: 700; font-size: 12px; color: #999;  }
.index_price { font-size: 14px; font-weight: 700; color: #333; }
.index_profile { display: flex; justify-content: start; align-items: center; margin: 5px auto 0;  font-weight: 700; }
.index_profile.main { position: absolute; bottom: 5px; left: 5px; color: #fff; }
.index_profile_imgbox { width: 14px; height: 14px; margin: 0 2px 0 0; border-radius: 20px; overflow: hidden; border: 1px solid #ddd;  }
.index_profile_imgbox.main { position: relative; }
.index_profile_imgbox.main img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.index_profile_imgbox img { width: 100%; height: 100%; object-fit: cover;  }
.index_profile p { font-size: 10px; font-weight: 700; }
.index_price_box { display: flex; justify-content: start; align-items: center; margin: 10px auto 5px; }
.index_price_box div { border: 1px solid #ddd; background: #ddd; font-size: 10px; color: #333; padding: 3px 5px; border-radius: 3px; }
.index_price_box_text p { font-weight: bold; }
.index_price_box div:nth-child(1) { margin: 0 5px 0 0; }
.more_wrap { width: 100%; display: flex; justify-content: center; align-items: center; }
.more_bt { margin: 30px auto; width: 50px; height: 50px; border-radius: 50px; box-shadow: 0 4px 4px rgba(0,0,0,0.1);  background: #21B8D7; border: none; display: flex; justify-content: center; align-items: center; }
.more_bt img { margin: 6px 0 0 0; }
.quick_bar { width: 50px; height: 110px; position: fixed; bottom : 80px; right: 10px; z-index: 999;  display: flex; flex-direction: column;  align-items: center; justify-content: end; }
.quick_bar div { width: 50px; height: 50px; border-radius: 50px; box-shadow: 1px 4px 4px rgba(0,0,0,0.1); display: flex; justify-content: center; align-items: center; }
.write { background: #d3f1f7; }
.top img { width: 30px; height: 30px; }
.top { background: #fff; margin: 10px 0 0 0; }
.winner { font-size: 14px; }
.winner b {  }
.footer.winner { background: #333; color: #fff;  }
.need_login {background: #333 !important; }
.need_login::placeholder { color: #fff !important; font-size: 14px !important; font-weight: 500 !important; }
.main_event_flex { width: 100%; height: auto;  }
.event_list_imgbox { width: 100%; height: 45vw;  }
.event_list_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.event_list_contents { padding: 5px; font-size: 14px; font-weight: 600; color: #333; padding: 10px; }
.event_list { width: 100%; height: 100%;  border-radius: 5px; overflow: hidden; }

.quick_bar1 { width: 95%; position: fixed; top : 45px; left: 0; right: 0; margin: auto;  z-index: 999;  display: flex;   align-items: center; justify-content: space-between; }
.quick_bar1 div { width: 100%; height: 30px; border-radius: 5px; box-shadow: 1px 4px 4px rgba(0,0,0,0.1); display: flex; justify-content: center; align-items: center; }
.quick_bar1 div img { margin: 2px 0 0 0; }
.for_sales_footer.ac { margin: 5px auto 0; font-size: 14px; padding: 0 8px; }
.for_sales_footer.ac h2 { font-weight: 500; }
.sales_bt_bt_bt_bt { display: flex; align-items: center; justify-content: space-between; }

.main_community_wrap { width: 100%; }
.main_swiper_head1.re { margin: 30px auto 20px; width: 100%; }
.main_community_flex { width: 100%; }
.main_community_box { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto 10px; border-bottom: 1px solid #eee; padding: 0 0 10px 0; }
.main_community_imgbox { width: 20%; height: 18vw; border: 1px solid #999; }
.main_community_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.main_community_textbox { width: 78%; }
.main_community_subject  { width: 100%; }
.main_community_subject p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main_community_contents { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 10px auto 0; }
.index_profile.co { margin: 0; }
.view_timebox { display: flex; justify-content: start; align-items: center; margin: 10px 0 0 0; }
.view { margin: 0 5px 0 0; }
.view p , .time p { font-size: 14px; }
.view , .time { display: flex; justify-content: center; align-items: center; }
.view img , .time img { width: 20px ; height: 20px; margin: 0 3px 0 0; }
.main_pet_list_wrap { width: 100%; }
.main_pet_list_wrap img { width: 100%; height: 100%; object-fit: cover; border: 1px solid #fff; }
.main_pet_box1 { width: 100%; display: flex; justify-content: start;}
.pet_box_big { width: 50%; height: 16vw;
    @media all and (max-width: 540px) {
        height: 50vw;
    }
}
.pet_box_small_wrap { width: 50%; display: flex; flex-wrap: wrap; }
.pet_box_small { width: 50%; height: 8vw;
    @media all and (max-width: 540px) {
        height: 25vw;
    }
}

/*login css*/
.login_wrap {   width: 100%; height: 100vh;overflow: hidden;

}
.login_box { width: 100%; max-width: 600px;  border-radius: 5px; position: fixed; left: 50%; top: 50%; transform: translate(-50% , -50%); padding: 50px 10px; opacity: 1; transition: 1s;
    @media all and (max-width : 540px) {

        width: 95%;
    }
}
.login_logo { width: 200px; height: 60px; margin: 0 auto 150px; }
.login_logo img { width: 100%; cursor: pointer;  }
.login_input { width: 100%; position: relative; padding: 30px 0 10px 0; border-bottom: 1px solid #999; margin: 0 auto 10px;  }
.login_input input { font-size: 12px; text-indent: 10px; width: 100%;  font-family: 'SUIT', sans-serif !important; color: #999;}
.login_input label { position: absolute; top: 32px; left: 0; font-family: 'SUIT', sans-serif !important; color: #999; transition: 0.3s ease; font-size: 14px; }
.save_id { margin: 20px auto 0; }
.save_id input { position: absolute; left: -3000%; }
.save_id label { color: #999; font-family: 'SUIT', sans-serif; font-size: 12px; }
.save_id input[type="checkbox"]:checked + label { color : #21B8D7; }
.save_id input[type="checkbox"] + label:before { content: ""; width: 15px; height: 15px; border : 1px solid #999; background: transparent; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }
.save_id input[type="checkbox"]:checked + label:before { background: url(../images/chk.png)no-repeat center; background-size: cover; }
.login_input label.warning {
    color : red !important;
    animation: warning .3s ease;
    animation-interation-count: 3;
    font-weight: bold;
}
@keyframes warning {
    0% { transform: translateX(-8px); }
    25% { transform: translateX(8px); }
    50% { transform: translateX(-8px); }
    75% { transform: translateX(8px); }
}
.login_input input:focus + label ,
.login_input input:valid + label {top: 5px;font-size: 10px; color : #21B8D7;}
.login_input input::placeholder { font-family: 'SUIT', sans-serif; font-size: 12px; }
#id { background: url(../images/id.png)no-repeat center;background-size: 20px 20px;background-position: right 5px center; height: 20px; font-size: 14px; }
#pw { background: url(../images/lock.png)no-repeat center;background-size: 20px 20px;background-position: right 5px center; height: 20px; font-size: 14px; }
.login_bt { width: 100%; height: 40px; margin: 20px auto; display: flex; justify-content: center; align-items: center;  }
.login_bt button { width: 100%; height: 100%; border: none; margin: 20px auto; background: #21b8d7; color: #fff; font-size: 12px; font-weight: bold;  font-family: 'SUIT', sans-serif; border-radius: 5px;}
.register , .pw_id  { width: 100%; font-size: 12px; font-weight: 500; text-align: center; font-family: 'SUIT', sans-serif; color: #999; line-height: 20px; }
.register { margin: 10px auto 20px; color: #999; }
.login_wrap a { color :#49c2da; font-weight: bold; }
.login_adress { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.addr.addr1 { width: 65% !important; }
.login_adress.ad { border-bottom: 1px solid #999 !important; margin: 0 0 10px 0; padding: 0 0 10px 0; }
.addr_bt { width: 30%; background: transparent; border: 1px solid #999; font-family: 'SUIT', sans-serif; font-size: 12px; padding: 5px 0; display: flex; justify-content: center; align-items: center;}

.login_wrap.re { height: inherit; overflow: inherit; }
.login_box > form > h2 { font-family: 'SUIT', sans-serif; font-size: 20px; font-weight: bold; text-align: center; }
.login_box.re { position: inherit; margin: auto; left: inherit; top: inherit; transform: inherit; }
.login_input > h2 { font-family: 'SUIT', sans-serif; font-size: 14px; margin: 0 auto 10px; }
.login_input.re { padding: 15px 0 10px 0 }
.login_input input[type='email']:focus  { outline: none;  }
.test_login { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 20px; display: none }
.test_login_bt { font-size: 12px; font-weight: 600; border: 1px solid #ddd; padding: 5px; border-radius: 5px; }
.policy_id { margin: 20px auto 0; }
.policy_id input { position: absolute; left: -3000%; }
.policy_id label { color: #999; font-family: 'SUIT', sans-serif; font-size: 12px; }
.policy_id input[type="checkbox"]:checked + label { color :  #21B8D7; }
.policy_id input[type="checkbox"] + label:before { content: ""; width: 15px; height: 15px; border : 1px solid #999; background: transparent; display: inline-block; vertical-align: -3px; margin: 0 5px 0 0; }
.policy_id input[type="checkbox"]:checked + label:before { background: url(../images/chk.png)no-repeat center; background-size: cover; }
.phone_number { display: flex; justify-content : space-between; align-items: center; }
.number { text-align: center; border-bottom: 1px solid #999 !important; padding: 0 0 10px 0; }
.number[type='number']:focus { outline: none; }
.policy_id.re { margin: 5px auto 0;  }
.policy_bt { float: right; cursor: pointer; font-family: 'SUIT', sans-serif; font-size: 12px; }
.chk_policy { width: 100%; border: 1px solid #999; height: 200px; overflow: auto; margin: 10px auto; line-height: 17px; padding: 5px; display: none;  }

/* sales css */
.sales_head { width: 95%; margin: auto; display: flex; justify-content: start; align-items: center; }
.sales_headbox { padding: 3px 8px; text-align: center;font-family: 'SUIT', sans-serif; font-size: 14px; border-radius: 5px; font-weight: bold; margin: 10px 10px 20px 0; background: #ddd; color: #fff; }
/*.sales_head a:nth-child(1) > .sales_headbox { background: #21B8D7; }*/
.sales_head a:last-child > .sales_headbox { margin: 10px 0 20px 0; }
.sales_soldout { position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #333;padding: 5px;color: #fff;z-index: 9;border-radius: 5px;font-size: 14px; }

.sales_head.sales { display: flex; justify-content: space-between; }
.s_box { display: flex; background: none !important; }

.more_wrap.sales { margin: 0 auto 60px; }
.sales_inner { width: 95%;  margin: auto; }
.sales_box { width: 100%; height: 150px; background: #fff; box-shadow: 3px 5px 4px rgba(0,0,0, 0.1); display: flex; justify-content: space-evenly; align-items: center; margin: 0 auto 10px; border-radius: 5px; }
.sales_imgbox { width: 35%; height: 130px; border-radius: 5px; overflow: hidden; position: relative;  }
.sold_out_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, 0.7); }
.sold_out { border: 1px solid #fff; padding: 4px 5px 3px 5px; color: #fff;  font-family: 'SUIT', sans-serif; font-size: 10px; display: inline-block; position: absolute; left: 5px; bottom: 5px; }
.sales_contents { width: 60%; }
.sales_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.sales_text { width: 100%; margin: 0 auto 10px; }
.sales_text > div { margin: 0 auto 5px; }
.sales_profile { width: 100%;  display: flex; justify-content: start; align-items: center; margin: 5px auto 5px !important; }
.sales_profile p { font-family: 'SUIT', sans-serif; font-size: 12px;  }
.sales_profile_imgbox { width: 25px; height: 25px;  border-radius: 50px; border: 1px solid #ddd;  margin: 0 5px 0 0; overflow: hidden; }
.sales_profile img { width: 100%; height: 100%; object-fit: cover; }
.sales_sex_weight { width: 100%;  display: flex; justify-content: start; align-items: center; }
.sales_sex_weight p { padding: 3px 5px; background: #eee; font-family: 'SUIT', sans-serif; font-weight: 500; border-radius: 5px;}
.sales_sex_weight p:nth-child(1) { margin: 0 5px 0 0; }
.sales_birth { width: 100%; display: flex; justify-content: start; align-items: center; }
.sales_birth p { padding: 3px 5px; background: #eee; font-family: 'SUIT', sans-serif; font-weight: 500; border-radius: 5px; }
.sales_price { width: 100%; justify-content: space-between; align-items: center; display: flex; }
.sales_wish { display: flex; justify-content: center; align-items: center; }
.sales_wish p { font-size: 14px; }
.sales_wish_imgbox { width: 20px; height: 20px; }
.sales_wish_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.sals_filter { width: 95%; margin: 0 auto 15px; display: flex; justify-content: space-between; }
.sals_filter select { height: 100%; border: 1px solid #999;  padding: 5px;  font-family: 'SUIT', sans-serif; font-size: 12px;}
.sals_filter button { padding: 0 5px; margin: 0 5px 0 0;  background: transparent; border: 1px solid #999; border-radius: 2px; }
.sales_bt_box button { height: 100%;  font-family: 'SUIT', sans-serif; font-size: 12px; transition: 0.2s; }
.sales_bt_box { display: flex; align-items: center; justify-content: space-between; }
.sales_bt_box button:hover { background: #21B8D7; }
.sales_btbtbt { padding: 0 5px; margin: 0 5px 0 0;  background: transparent; border: 1px solid #999; border-radius: 2px; height: 100%;  font-family: 'SUIT', sans-serif; font-size: 12px; transition: 0.2s; }
#sa_sex { margin: 0 5px 0 0; }
.bottom_wrap { width: 100%; height: 500px; background: #fff; position: fixed; bottom: 0; z-index: 999; }
.spcies_inner { width: 95%;  margin: auto; padding: 10px 0; }
.spcies_inner h2 { font-size: 16px; font-weight: bold; font-family: 'SUIT', sans-serif; }
.spcies_inner p { font-size: 12px; font-weight: 500; color: #999; font-family: 'SUIT', sans-serif; }
.bottom_bt_wrap { width: 100%; display: flex; justify-content: center; align-items: center; }
.bottom_swiper { width: 100%; height: 300px; margin: 20px auto; }
.bottom_bt_wrap button { width: 150px; height: 40px; background: #21B8D7; border-radius: 5px; border: none; font-family: 'SUIT', sans-serif; color: #fff; }

.sales_inner1 { width: 95%; display: flex; justify-content: start; margin: auto; flex-wrap: wrap; }
.sales_box1 { width: 33.333%;  height: 33.333vw; border: 1px solid #eee; box-sizing: border-box;  }
.sales_box1 img { width: 100%; height: 100%; object-fit: cover; }
.sales_inner_bt_wrap { width: 95%; display: flex; margin: 0 auto 15px; }
.sales_inner_bt_wrap div { margin: 0 10px 0 0; font-family: 'SUIT', sans-serif; }
.sales_on { background :  #21B8D7 !important; }
#sales_bt1 , #sales_bt2 { background: #ddd; padding: 3px 5px; border-radius: 5px; font-weight: 600; color: #fff;  border: none !important; font-size: 14px; }

/* sales_detail css */
.wrap.sales_detail { margin: 40px auto 0; }
.sales_detail_inner { width: 95%;  margin: auto; }
.sales_detail_swier_wrap { width: 100%; height: 36vw; @media all and (max-width: 540px) {
    height: 100vw;
} }
.sales_detail_head { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 15px auto;}
.index_profile.co.sales_detail {  }
.index_profile.co.sales_detail p { font-size: 16px; font-weight: 500;  }
.index_profile_imgbox.sales_detail { width: 24px; height: 24px; border-radius: 25px; margin: 0 5px 0 0; }
.share_box { width: 25px; height: 25px; }
.share_box img { width: 100%; height: 100%; object-fit: cover; }
.sales_price { width: 100%; justify-content: space-between; align-items: center; display: flex; margin: 10px auto; }
.sales_price h2 { font-size: 18px; font-weight: bold; font-family: 'SUIT', sans-serif;  }
.sales_detail_bt_wrap {  font-size: 12px; border-radius: 5px; background:  #999; padding: 3px 8px; color: #fff; font-weight: 700;  display: flex; justify-content: center; align-items: center; font-family: 'SUIT', sans-serif; }
.sales_detail_contents { width: 100%; margin: 20px auto; }
.sales_detail_contents_wrap { width: 100%; display: flex; justify-content: space-between; }
.sales_detail_contents_box { width: 50%; text-align: left; margin: 0 0 5px 0 ; }
.sales_detail_contents_box p { font-family: 'SUIT', sans-serif; font-size: 14px; font-weight: 600; color: #333; }
.sales_detail_contents_box p b { color: #999; }
.sales_detail_intro { width: 100%; margin: 20px auto; }
.sales_detail_intro h2 { font-size: 14px; font-weight: 700; color: #999; font-family: 'SUIT', sans-serif; margin: 0 0 5px 0;  }
.sales_detail_intro p { font-size: 14px; font-weight: 600; color: #333; font-family: 'SUIT', sans-serif;   }
.line { width: 100%; height: 1px; background: #999; margin: 15px auto; }
.sales_detail_parents { width: 100%; margin: 10px auto 60px; }
.sales_detail_parents > h2 { font-size: 14px; font-weight: 700; color: #999; font-family: 'SUIT', sans-serif; margin: 20px 0 5px 0; }
.sales_detail_parents_imgflex { display: flex; justify-content: start; align-items: center; flex-wrap: wrap; }
.sales_detail_parents_box { width: 49%; margin: 10px 0 10px 0;  }
.sales_detail_parents_box:first-child { margin: 10px 2% 10px 0; }
.sales_detail_parents_box h2  { font-size: 14px; font-weight: 700; margin: 0 0 10px 0; color: #333 }
.sales_detail_parents_box p { color: #333; font-size: 14px; font-weight: 700; }
.sales_detail_parents_imgbox { width: 100%; height: 45vw; margin: 0 0 5px 0; border-radius: 5px; border: 1px solid #ddd; overflow: hidden;}
.sales_detail_parents_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.sales_subject { width: 100%; margin: 15px auto; font-size: 16px; font-weight: 700; color: #555; }
.mo_wrap { width: 100%; margin: 10px auto;  }
.mo_wrap h2 { font-size: 14px;font-weight: 700;color: #999;font-family: 'SUIT', sans-serif;margin: 0 0 10px 0; }
.mo_flex { width: 100%; display: flex; justify-content: start; flex-wrap: wrap; align-items: center; }
.mo_box { width: auto; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #333; padding: 5px;  font-weight: 600; margin: 0 0 10px 0;  }
/*.mo_box:nth-child(4) , .mo_box:nth-child(5) { margin: 0; }*/
.mo_box p { padding: 3px 8px; border-radius: 5px; background: #21B8D7; color: #fff;  }
/* coummunity css */
.main_community_contents.community { margin: 0 auto; }
.coummunity_head { width: 100%; display: flex; justify-content: start; margin: 10px 0 20px 0;  align-items: center; font-family: 'SUIT', sans-serif; }
.on { background: #711DB0 !important; color : #fff !important; }
.coummunity_head > a > p  { padding: 3px 5px; background: #ddd; display: inline-block; margin: 0 10px 0 0 ; color :#fff; border-radius: 5px; font-weight: bold; font-size: 14px; }
.diary_main_bt > a > p { padding: 3px 5px;  display: inline-block;  color :#d9d9d9; border-radius: 5px; font-weight: bold; font-size: 14px; }
.coummunity_serchbox { display: flex; justify-content: space-between; align-items: center;  margin: 10px 0 10px 0; position: relative; width: 100%; }
.serch_box { width: 100%; height: 30px;  margin: 0 10px 0 0; position: relative; }
.serch_bt { width: 30px; height: 30px;  border: 2px solid #ddd; border-radius: 5px; display: flex; justify-content: center; align-items: center; position: absolute; right: 0;  z-index: 1;}
.filter_box { width: 13%; height: 35px; border: 1px solid #999; border-radius: 5px;  }
.filter_box select  { width: 100%; height: 100%; border: none; }
.filter_box select:focus { outline: none; }
#filter { background: #fff; font-size: 0; background: url(../../mo/images/filter1.png) no-repeat center; background-size: 15px 15px; -webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance:none /* 화살표 없애기 */ }
#filter option { font-size: 10px; font-family: 'SUIT', sans-serif; }
.serch_form { width: 0; height: 95%;  border: 1px solid #ddd; !important; position: absolute; right: 27px; top : 5%; transition: 0.3s; border-radius: 0 5px 5px 0; }
.serch { width: 100%; height: 100%;  padding: 0 30px 0 0; text-indent: 10px;  }
.serch_bt img { width: 15px; height: 15px; }
.main_community_subject.community p { font-size: 12px; height: 44px; line-height: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: inherit; font-weight: 500; }
.main_community_subject.community h2 { margin: 5px auto; font-size: 14px; }
.main_community_imgbox.community { width: 33%; height: 33vw; overflow: hidden;}
.main_community_textbox.community { width: 65%; }
.comment_update_inner h2 { font-family: 'SUIT', sans-serif !important;  }

/* diary_inner */
.diary_inner { width: 95%; margin: auto; }
/* diary_om css */
.newGuideButtonWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newGuideButtonWrap div span {
    margin: 0 0 0 2px;
    font-size: 12px;
}

.newGuideButtonWrap div img {
    width: 20px;
}

.newGuideButtonWrap div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 0 5px;
}
.diary_head { width: 100%; height: 60px; border-bottom: 1px solid #eee; position: fixed; top: 0; z-index: 9999; background-color: #fff; }
.diary_head_inner { width: 1600px ; margin: auto; display: flex; justify-content: start; }
.logo_d { width: 60px; height: 60px; }
.logo {
    height: 100%;
    display: flex;
    align-items: center;
}
.logo_d > a > img { width: 100%; height: 100%; object-fit: cover; }
.diary_wrap { width: 100%; margin: 10px auto 0; display: flex; justify-content: space-between; }
.diary_sub_menu_wrap { width: 200px; height: 230px; background-color: #f5f5f5; border-radius: 10px; box-shadow: 5px 5px 10px #00000053; display: flex; justify-content: cetner; align-items: center; }
.diary_sub {  width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; }
.diary_sub > h2 { width: 100%; margin: 0 0 0 50px; font-size: 16px; font-weight: 500; color: #000;  font-family: 'SUIT', sans-serif; cursor: pointer; }
.text_on { color: #21B8D7 !important; font-weight: 700 !important;  }
.diary_contents_wrap { width: 1320px;  }
.diary_contents_head { width: 100%;  display: flex; justify-content: end; align-items: center; }
.diary_sel { border: 1px solid #ddd; padding: 5px; border-radius: 5px; width: 185px; height: 40px; color: #999; font-size: 16px; font-family: 'SUIT', sans-serif;  }
.diary_sel  {  -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none ;/* 화살표 없애기 */
    background: url(../img/images/Vector.png) no-repeat center;
    background-position: 155px center;
}
.diary_sel:focus { outline: none !important; }
.ButtonWrap {
    display: flex;
    justify-content: end;
    margin: 0 auto 20px;
}
#selectSex {
    width: 100%;
    padding: 10px;
    text-align: center;
}
.diary_bt { width: 155px; padding: 3px 5px; border-radius: 5px; background-color: #C06CFF; color: #fff; font-size: 12px; font-family: 'SUIT', sans-serif; font-weight: 500;  display: flex; align-items: center; justify-content: center; cursor: pointer;  }
.diary_bt p { font-size: 14px; font-weight: bold; }
.diary_bt img { width: 15px; height: 15px; margin: 0 5px 0 0; }
.diary_contents_flex { margin: 0 auto ;  width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.diary_contents_box { width:49%; margin: 0 0 20px 0; position: relative; box-shadow: 0 0 5px #00000017; padding: 7px; border-radius: 5px; overflow: hidden; }
.diary_contents_box_head { width: 100%; }
.diary_contents_date { width: 100%; display: flex; justify-content: space-between; font-size: 10px; font-family: 'SUIT', sans-serif; flex-wrap: wrap; }
.diary_contents_date > p { font-weight: 300; width: 100%; line-height: 20px; }
.diary_contents_date > p > b { font-weight: 600; color: #999; }
.diary_sex > b { font-weight: 600; color: #333; }
.diary_name { font-size: 16px; font-weight: 500; color: #1a1a1a; font-family: 'SUIT', sans-serif;  }
.diary_headinner {
    margin: 0 auto 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sexImg {
    width: 30px;

}
.diary_morph { font-size: 12px; font-weight: 700; color: #999; font-family: 'SUIT', sans-serif; margin: 0 auto 2px; }
.diary_sex {  font-family: 'SUIT', sans-serif; font-size: 10px; color: #999; margin: 2px auto 0; }
.diary_contents_imgbox { width: 100%; height: 14vw; margin: 5px auto 0; cursor: pointer; border-radius: 5px; overflow: hidden;  @media all and (max-width: 540px) {
        height: 40vw;
} }
.diary_contents_imgbox > img { width: 100%; height: 100%; object-fit: cover; }
.diary_contents_bt_box { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 5px auto 0; }
.diary_contents_bt { width: 48%; height: 25px; border-radius: 5px; background-color: #d9d9d9; display: flex; justify-content: center; align-items: center; color: #fff; font-family: 'SUIT', sans-serif; font-size: 14px; cursor: pointer; }
.diary_contents_bt img {  margin: 0 5px 1px 0; width: 12px; }
.diary_more { width: 100%; display: flex; justify-content: center; align-items: center; }
.diary_more_bt { background: #fff; border: 1px solid #21B8D7; color: #21B8D7;  width: 140px; height: 40px; border-radius: 5px; font-size: 16px; font-weight: 500; }
.diary_paging { display: flex; justify-content: space-evenly; align-items: center;  margin: 20px auto 90px; }
.diary_paging div {  font-size: 12px; color: #999; }
.current { font-size: 16px !important; font-weight: bold; color: #21B8D7 !important;  }
.album_p {  padding: 3px 5px;background: #ddd;display: inline-block;margin: 0 10px 0 0; background: #21B8D7; color: #fff;border-radius: 5px;font-weight: bold;font-size: 14px; }

/* diary_album css */
.diary_album_inner { width: 95%; margin: auto; }
.diary_head_name { font-size: 16px; font-weight: 700;  font-family: 'SUIT', sans-serif; color: #999; }
.diary_album_calender { width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 1.5%; margin: 0 auto 30px; }
.d_album , .d_calender { width: 50%; padding: 10px ;  font-family: 'SUIT', sans-serif; color: #ddd; font-weight: 500; font-size: 12px; border-bottom: 2px solid #ddd; cursor: pointer;}
.album_on { color: #21B8D7 !important;  border-bottom: 2px solid #21B8D7;}
.diary_contents_flex.album { margin: 20px auto ; }
.album_fix_bt {  width: 20px; height: 20px; }
.diary_contents_imgbox.album { margin: 0 auto; }
.diary_fix_imgbox { width: 30px; height: 30px; border-radius: 30px; background: rgba(0, 0, 0, 0.4); position: absolute; right: 5px; top: 5px; cursor: pointer; z-index: 1; display: flex; justify-content: center; align-items: center; }
.diary_calendar { width: 100%; position: relative; }

/* diary_detail css */
.diary_detail_wrap { width: 100%; margin: 10px auto; border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 0 0 10px 0; }
.diary_detail_head { width: 100%;  border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; padding: 10px 0 10px 0; font-family: 'SUIT', sans-serif; }
.diary_detail_head p:nth-child(1) { font-size: 14px; font-weight: bold; }
.diary_detail_head p:nth-child(2) { font-size: 14px; font-weight: 500; }
.diary_detail_contents { width: 100%;  }
.diary_detail_imgbox { width: 100%; height: 35vw; margin: 10px auto; @media all and (max-width: 540px) {
    height: 90vw;
} }
.diary_detail_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.diary_detail_text { width: 100%; padding: 10px; box-sizing: border-box; font-family: 'SUIT', sans-serif; background: #eee; }
.diary_detail_text p { font-size: 14px; font-weight: 500;  }

/* simple calendar css */
.d_header { position: inherit; width: 95%; margin: 20px auto 10px; height: inherit; display: inherit; box-shadow: none; z-index: inherit; }

/* diary_ac css */
.diary_contents_flex.ac { width: 100%; margin: 20px auto; }
.diary_ac_result h2 {  font-family: 'SUIT', sans-serif !important; font-size: 12px; font-weight: 100; color: #999; }
.diary_ac_result h2 b { font-weight: 500; }
.diary_ac_result h2:nth-child(2) { margin: 2px 10px 0 10px; }
.diary_ac_result { display: flex; justify-content: center; align-items: center;  width: 100%; margin: 0 auto 20px;}
.diary_ac_serch_box{ width: 97%;  margin: 30px auto ; display: flex; justify-content: space-between; align-items: center; }
.diary_ac_serch {  }
.ac_serch { color: #999; width: 360px;font-family: 'SUIT', sans-serif !important; text-indent: 10px; height: 40px; border : 2px solid #ddd !important; border-radius: 5px;background: url(../img/images/glass1.png) no-repeat center; background-position: right 12px center; }
.ac_serch:focus { outline: none; }
.ac_serch::placeholder { font-size: 12px !important; color: #999; }
.diary_ac_select select { border: 2px solid #ddd; border-radius: 5px; width: 120px; height: 40px; font-family: 'SUIT', sans-serif !important; color: #999; font-size: 14px; text-indent: 10px; }
.diary_way { width: 150px !important; }
.diary_ac_box { width: 49%; margin: 0 0 20px 0;  padding: 10px; box-sizing: border-box; font-family: 'SUIT', sans-serif !important; background: #eee; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1)
}
.diary_ac_bt_box { margin: 10px auto; }
.diary_contents_bt.ac { background: #fff; }
.diary_ac_head { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 auto 10px; }
.diary_ac_imgbox, .diary_ac_bt_box { width: 100%; height: 120px;  }
.diary_ac_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.diary_ac_bt_box p { font-size: 18px; font-weight: 700; }
.diary_ac_bt { width: 49%; height: 30px; border-radius: 50px; border: 2px solid #333; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 500; cursor: pointer; }
.diary_ac_bt.fix { color: #21B8D7; border: 2px solid #21B8D7; }
.diary_ac_body_contents { width: 100%; margin: 0 auto 5px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.diary_ac_body_contents_left , .diary_ac_body_contents_right { width: 100%; text-align: center; }
.diary_ac_body_contents:last-child { margin: 0 auto; }
.diary_ac_body_contents_left p, .diary_ac_body_contents_right p { font-size: 12px; color: #000; }
.paging_d { font-size: 16px; font-weight: 500; margin: auto 10px; cursor: pointer;  }
.diary_ac_textform_inner { display: flex; justify-content: space-between; align-items: center; margin: 0 auto 20px; }
.diary_textform.ac { width: 49%; margin: 0; }
.diary_ac_select_form { width: 100%; border: 2px solid #ddd; height: 40px; text-indent: 10px; font-family: 'SUIT', sans-serif !important; -webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance:none ;/* 화살표 없애기 */background: url(../img/images/Vector.png) no-repeat center;background-position:  right 10px center; color: #999; }
.diary_ac_select_form:focus { outline: none; }

/* mypage css */
.diary_inner.my { margin: 10px auto 0; }
.m_head_wrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.m_head_imgbox { width: 34%; height: 32vw; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; }
.m_head_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.m_head_contents { width: 64%; }
.m_head_head { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.m_head_head h2 { font-size: 16px; font-weight: bold; font-family: 'SUIT', sans-serif !important; }
.m_head_profile_bt {  font-size: 12px; padding: 5px; background: #999; color: #fff; display: flex; justify-content: center; align-items: center; font-family: 'SUIT', sans-serif !important; font-weight: 500; border-radius: 5px;  }
.m_head_tel_ad { display: flex; justify-content: space-between; align-items: center; font-family: 'SUIT', sans-serif !important; flex-wrap : wrap; }
.m_head_tel_ad p { width: 100%; }
.m_head_tel_ad { font-size: 12px; margin: 5px auto; }
.m_head_textbox { width: 100%; border-top: 1px solid #999; padding: 4px 0 0 0; font-family: 'SUIT', sans-serif !important;  }
.m_head_textbox p { font-size: 12px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;height: 44px; -webkit-box-orient: vertical;  text-overflow: ellipsis;  }
.mypage_category_wrap {width: 100%; border-top: 1px solid #ddd; margin: 10px auto; display: flex; justify-content: start; align-items: center; }
.mypage_category_box { font-family: 'SUIT', sans-serif !important; font-size: 14px; font-weight: 500; margin: 0 10px 0 0; padding: 0 0 5px 0;  }
.mypage_category_box.my_on { color: #21B8D7; font-weight: bold; }
.sales_inner.my { width: 100%; }
.diary_paging.my { margin: 30px auto ; padding:  0; }
.diary_paging.my.wish { margin: 30px auto 100px; width: 100%; }

/* mypage pet css*/
.mypage_pet_flexbox { width: 100%; display: flex; justify-content: start; align-items: center; flex-wrap: wrap; margin: 15px auto 0; }
.mypage_pet_box { width: 33.333%; height: 11vw; border: 1px solid #fff; box-sizing: border-box; position: relative;
    @media all and (max-width: 540px) {
        height: 32vw;
    }
}
.mypage_pet_box img { width: 100%; height: 100%; object-fit: cover; }
.mypage_wish_bt { width: 20px; height: 20px; position: absolute; right: 5px; top: 5px; }
.diary_paging.my.pet { padding: 0 0 60px 0; }
.main_community_flex.my { margin: 15px auto 0; }
.mypage_view_wrap { display: flex; justify-content: space-between; align-items: center; }
.main_community_textbox.community.mypage { width: 100%; }
.index_profile.co h2 { font-family: 'SUIT', sans-serif !important; font-size: 12px; }
.index_profile.co h2 b { color: #21B8D7; }
.coummunity_head.my { font-size: 10px; margin: 20px auto; }
.index_profile.co.my { width: 75%; }
.mypage_pet_flexbox.pet { margin: 0 auto; }
.wrap.pet { margin: 40px auto 60px; }

/* pet_detail css */
.insert_form { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; }
.insert_form input:first-child { width: 80%; height: 80%; text-indent: 10px; }
.insert_form input:first-child::placeholder { font-family: 'SUIT', sans-serif !important; }
.insert_form input:last-child { width: 15%; margin: 0 1% 0 0; height: 80%; background: #21B8D7; color: #fff; border-radius: 5px; font-family: 'SUIT', sans-serif !important; }
#cancel { width: 15%; margin: 0; height: 80%; background: #ddd; display: flex; justify-content: center; align-items: center; border-radius: 5px; font-family: 'SUIT', sans-serif !important; }
.pet_detail_head { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 10px auto; border-bottom: 1px solid #999; padding: 0 0 10px 0; }
.pet_detail_profile { width: 100%; }
.pet_wish_wrap { display: flex; justify-content: start; align-items: center; }
.pet_wish_wrap p { font-size: 14px;  font-family: 'SUIT', sans-serif !important;}
.pet_wish_wrap img { width: 20px; height: 20px; margin: 0 5px 0 0; }
.pet_time { font-family: 'SUIT', sans-serif !important; font-weight: bold; color: #999; font-size: 12px !important; margin: 0 0 0 5px !important; }
.pet_detail_contents { margin: 10px auto 0; }
.pet_detail_contents img { width: 100%; height: 65vw; }
.pet_detail_contents p { font-family: 'SUIT', sans-serif !important; font-weight: 500; color: #000; font-size: 14px; line-height: 25px; }
.comment_wrap { width: 100%; margin: 20px auto 60px; }
.comment_head { width: 100%; margin: 0 0 20px 0; display: flex; justify-content: start; align-items: center; }
.comment_head_inner {  display: flex; justify-content: start; align-items: center;  }
.comment_head_inner img { width: 20px !important; height: 20px!important; margin: 0 5px 0 0; }
.comment_head_inner  p { font-size: 14px; font-family: 'SUIT', sans-serif !important; font-weight: 500; color: #000;  }
.comment_for_wrap { width: 100%; }
/* mypage profile css*/
.img_btn.form { width: 100%; height: 75vw; }
.d_form_box { width: 60%;  }
.img_box_d { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 5px; overflow: hidden; position: relative; }
.btn_img1 { text-align: center; }
.btn_img1 p { margin: 10px auto 0; }
.img_box_d  img { width: 100%; height: 100%; object-fit: cover }
.img_warning { width: 100%; display: flex; justify-content: center; align-items: center; color: red; font-weight: 500; font-family: 'SUIT', sans-serif; margin: 20px auto 10px; }
.login_box.re.profile { padding: 0 0 60px 0; }
.login_input.re textarea { width: 100%; height: 200px; border: none; font-family: 'SUIT', sans-serif !important; }
.login_input.re textarea::placeholder { font-family: 'SUIT', sans-serif; }
.index_profile.co.sales_detail.comment { justify-content: space-between; margin: 10px auto 0; }
.comment_head_head1 { display: flex; justify-content: start; align-items: center; }
.comment_boxbox { display: flex; justify-content: space-between; align-items: center; }
.comment_wish , .comment_comment { display: flex; justify-content: center; align-items: center; }
.comment_comment  { margin: 0 0 0 5px; }
.comment_wish img, .comment_comment img { width: 20px; height: 20px; margin: 0 3px 0 0; }
.comment_comment p , .comment_wish p { font-family: 'SUIT', sans-serif !important; font-size: 14px !important; }
.comment_contents_box { width: 100%; justify-content: space-between; display: flex; margin: 10px auto 0; }
.comment_contents_box p  {  font-family: 'SUIT', sans-serif !important; font-size: 14px; color: #000; }
.index_profile_imgbox.sales_detail.comment { width: 30px; height: 30px; }
.comment1_wrap { padding: 10px 0 0 20px; }
.pet_id { font-size: 14px !important; }
.comment_for_box { margin: 0 0 20px 0; }
.comment_text { width: 80%; transition: 0.2s; font-family: 'SUIT', sans-serif !important; font-size: 12px; padding: 15px 0 0 10px; border: none; display: flex; justify-content: start; align-items: center; resize: none;}
.readonly_text { width: 80%; font-family: 'SUIT', sans-serif !important; font-size: 12px; width: 100%;background: #eee;height: 100%;text-align: center;text-indent: 0; }
.readonly_text::placeholder {font-family: 'SUIT', sans-serif !important; font-size: 12px;  }

/* sub_menu css */
.sub_wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 9999; transition: 0.5s; display: none; }
.sub_box { width: 25%; height: 100%; background: #fff; position: fixed; right: -80%; top: 0; z-index: 9999; transition: 0.5s; @media all and (max-width: 540px) {
    width : 80%;
} }
.sub_box_inner { margin: 0 auto ; width: 100%; }
.sub_menu_login { width: 100%; display: flex; justify-content: space-between; padding: 20px;  box-sizing: border-box; box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2); position: relative; flex-direction: column;}
.sub_menu_imgbox { width: 40px; height: 40px; border: 1px solid #999; border-radius: 80px; overflow: hidden; margin: 0 10px 0 0; position: relative }
.sub_meun_profile { display: flex; flex-direction: column; justify-content: center; }
.sub_menu_imgbox img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.sub_meun_profile h2 { font-size: 16px; font-weight: bold; font-family: 'SUIT', sans-serif !important; margin: 0 0 5px 0; }
.sub_meun_profile p { font-family: 'SUIT', sans-serif !important; font-size: 12px; color : #333; }
.sub_menu_wrap { width: 100%; padding: 20px 0 0 20px; box-sizing: border-box;  height: 500px; overflow: auto; }
/*.sub_menu_wrap { width: 100%; padding: 20px 0 0 20px; box-sizing: border-box;  height: 330px; overflow: auto;-ms-overflow-style: none; !* 인터넷 익스플로러 *!scrollbar-width: none; !* 파이어폭스 *! }*/
/*.sub_menu_wrap::-webkit-scrollbar {*/
/*    display: none; !* 크롬, 사파리, 오페라, 엣지 *!*/
/*}*/
.sub_menu_box  { width: 100%; display: flex; justify-content: start; align-items: center; position: relative; }
.sub_menu_box p { font-size: 14px; font-weight: 700; font-family: 'SUIT', sans-serif !important; margin: 2px 0 0 0; }
.sub_menu_box img { width: 25px; height: 25px; margin: 0 10px 0 0; }
.sub_arrow { width: 20px; height: 20px; position: absolute; right: 10px; top: 5px; transition: 0.3s; }
.sub_arrow img { width: 100%; height: 100%; object-fit: cover; }
.sub_tatal_wrap.logout { position: absolute; bottom: 0; }
.sub_sub_menu_wrap { width: 100%; font-family: 'SUIT', sans-serif !important; font-size: 14px; font-weight: 700; padding: 0 0 0 35px; margin: 20px auto 0; display: none; }
.sub_sub_box { margin: 0 0 10px 0; }
.sub_tatal_wrap { width: 100%;  margin:  0 0 20px 0; }
.logout_box { position: absolute; right: 5%; color: #fff; background: #999; border-radius: 5px; padding: 5px; font-weight: 600;  }

.member_info_wrap { display: flex; justify-content: space-between; align-items: center; }

/* community_detail css */
.pet_detail_head.community { justify-content: space-between; }
.pet_wish_wrap { width: 100%; }
.pet_wish_wrap h2 {  font-family: 'SUIT', sans-serif !important; font-size: 16px; color: #000; }
.pet_detail_profile.community { margin: 15px auto 10px; display: flex; justify-content: space-between }
.share_box.pet.community { width: 25px; }
.community_detail_imgbox { width: 100%; height: 30vw; margin: 10px auto;
    @media  all and (max-width: 540px) {
        height: 90vw;
    }
}
.community_detail_imgbox img { width: 100%; height: 100%; object-fit: cover; }

/* register result css */
.result_wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.result_wrap img { width: 100%; }
.result_wrap h2 { font-size: 20px;  font-family: 'SUIT', sans-serif !important; margin: 30px auto 20px; }
.result_wrap p { font-size: 14px;  font-family: 'SUIT', sans-serif !important; }
.result_bt { width: 100%; height: 40px; margin: 30px auto 0; background: #21B8D7; color : #fff; display: flex; align-items: center; justify-content: center; font-family: 'SUIT', sans-serif !important; font-weight: bold; }

/* main_index css */
.index_wrap { width: 95%; margin: 60px auto 0;  }
.index_wrap p { font-size: 14px; font-family: 'SUIT', sans-serif !important; font-weight: 500; text-align: center; margin: 20px auto}
.index_logo { width: 200px; margin: auto; }
.index_logo img { width: 100%; height: 100%; object-fit: cover; }
.index_flex { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap : wrap; margin: 35px auto 0;  }
.index_flexbox { width: 49%; height: 45vw; position: relative; margin: 0 auto 20px;  }
.index_flex_imgbox { width: 100%; height: 100%;  }
.index_flex_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.index_flex_name p {  color: #fff;  font-family: 'SUIT', sans-serif !important; font-size: 16px; font-weight: bold; }
.index_flex_name { width: 100%; height: 100%; display: flex; align-items: center; background: rgba(0, 0, 0, 0.3); justify-content: center; position: absolute; left: 0; top: 0; z-index: 99; }

/* notice css */
.main_community_textbox.community.notice { width: 100%; }
.comment_for_box.reply { margin: 0 0 0 0; }
.comment_del_update { display: flex; justify-content: center; align-items: center; font-family: 'SUIT', sans-serif !important; margin: 0 5px 0 0; }
.comment_del_update p { font-size: 12px !important; margin: 0 5px 0 0; }
.notice_infomation { width: 100%;  margin: auto; display: flex; justify-content: space-between; align-items: center; }
.notice_location { display: flex; align-items: center;  }
.notice_location img { width: 20px; height: 20px; margin: 0 3px 0 0; }
.notice_location h2 { font-size: 14px; }
.notice_infomation p { font-size: 14px; font-weight: 500; }

/* notice comment update css */
.comment_update_inner { width: 95%; margin: auto; }
.comment_update_inner textarea { width: 100%; border: 1px solid #eee; resize: none; padding: 10px; font-family: 'SUIT', sans-serif !important; }
.comment_update_inner h2 { margin: 0 0 10px 0; }
.update_submit { width: 150px; height: 40px; background: #21B8D7; color: #fff; font-family: 'SUIT', sans-serif !important; margin: auto; }
.update_bt_wrap { width: 100%; display: flex; justify-content: center; align-items: center; margin: 10px auto 0; }

/* form css */
.cc_inner { width: 95%; margin:0 auto 60px;}
/* diary_om_form css */
.form_wrap { width: 100%; margin: auto; }
.om_line.form { width: 100%; }
.diary_form_head { width: 100%; display: flex; justify-content: space-between; align-items: center;  font-family: 'SUIT', sans-serif; margin: 15px auto ;}
.diary_form_head img { margin: 0 5px 0 0; width: 20px }
.diary_form_head p { font-size: 12px; color: #999; font-weight: 500; padding: 2px 0 0 0; }
.diary_form_head p > b { color: #333; font-weight: 500; font-size: 14px; }
.diary_form_imgwrap { width: 100%; height: auto; flex-wrap: wrap;  display: flex; justify-content: start; margin: 10px auto ; position: relative; }
.img_btn { width: 100%; height: 30vw; margin: 0 auto 10px; border: 1px solid #999; border-radius: 5px; }
.d_img_wrap { width: 100%;  display: flex; justify-content: start; }
.diary_imgbox { width: 33.333%; height: 31vw !important; margin: 0 1% 0 0; height: 100%; position: relative; }
.diary_imgbox:nth-child(3) { margin: 0 !important; }
.diary_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.diary_textform_wrap { width: 100%;  margin: 30px auto ; }
.diary_textform { width: 100%; margin: 0 auto 20px;}
.diary_textform input:focus { outline: none !important; box-shadow: none !important; }
.diary_textform p { font-size: 12px; font-weight: 300;  font-family: 'SUIT', sans-serif; margin: 0 auto 10px;}
.diary_textform input { border-bottom: 1px solid #999 !important; padding: 5px 0; width: 100%; font-family: 'SUIT', sans-serif !important; font-size: 14px; text-indent: 10px;}
.diary_textform input::placeholder { font-size: 10px; }
.diary_textform textarea { width: 100%; height: 150px; background-color: #eee; padding: 10px; border: none; resize: none; font-family: 'SUIT', sans-serif !important; }
.om_line.form.top { margin: 0 0 30px 0; }
.diary_register_bt.cal { margin: 25px auto; }
.img_del { width: 20px; height: 20px; position: absolute; right: 5px; top: 5px; }
.diary_imgbox { display: none; }
.diary_textform input { font-size: 12px; }
.diary_head_inner_head { display: flex; justify-content: start; align-items: center; }
.diary_register_bt { margin: 0 auto 80px; width: 120px; height: 35px;  background: #21B8D7; color: #fff; font-family: 'SUIT', sans-serif !important; display: flex; justify-content: center; align-items: center; }
.wish_member_wrap { width: 100%; height: 100%; background: #fff; position: fixed; top : 0; left: 0; z-index: 99999; display: none;}
.wish_member_serch { width: 100%; margin: 20px auto ; height: 40px; border-radius: 5px; overflow: hidden;}
.wish_member_serch input { width: 100%; height: 100%; border-radius: 5px; text-indent: 10px; font-family: 'SUIT', sans-serif !important; background: url(/mo/images/Frame.png) no-repeat center; background-position: right 10px center; border: 1px solid #ddd !important; background-size: 20px 20px; font-size: 14px; padding: 0 40px 0 0; }
.wish_member_wrap_close { width: 25px; height: 25px; position: absolute; right: 10px; top: 12px; }
.wish_member_wrap_close img { width: 100%; height: 100%; object-fit: cover; }
.wish_member_inner { width: 95%; margin: auto; }
.wish_member_inner h2 { font-family: 'SUIT', sans-serif !important; text-align: center; font-size: 14px; margin: 15px auto 0;}
.wish_member_flex { width: 100%;   overflow: auto; height: 470px; }
.wish_member_box { width: 100%; display: flex; justify-content: space-between; align-items: center;  margin: 0 auto 10px; }
.wish_member_profile { display: flex; justify-content: space-between; align-items: center; }
.wish_member_profile p { font-family: 'SUIT', sans-serif !important;  font-size: 14px; margin: 0 0 0 5px; }
.wish_member_imgbox { width: 30px; height: 30px; overflow: hidden; border-radius: 30px; border: 1px solid #ddd; }
.wish_member_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.wish_follwer { width: 80px; height: 30px; border-radius: 5px;  background: #21B8D7; color: #fff; display: flex; justify-content: center; align-items: center; font-family: 'SUIT', sans-serif !important; font-weight: 600; }
.wish_wrap_bt { font-family: 'SUIT', sans-serif !important;  font-size: 12px; }
.wish_wish { display: flex; justify-content: space-between; align-items: center; }
.comment_head.wish { justify-content: space-between; }
.wish_bt_wrap { font-family: 'SUIT', sans-serif !important;  font-size: 14px; margin:  0 0 0 10px; }
.reload { width: 100%; }
#weight { background: url(/mo/images/weight.png)no-repeat center; background-position: right center; background-size: 15px 15px; }

.info_category_head { width: 100%; display: flex; justify-content: start; align-items: center; font-family: 'SUIT', sans-serif !important;  font-size: 14px; font-weight: 700; margin: 0 auto 10px; }
.info_category { width: 100%; display: flex; justify-content: start; align-items: center;  }
.cc_select_box { margin: 0 10px 0 0; }
.cc_select { font-family: 'SUIT', sans-serif !important;  font-size: 14px; font-weight: 700; }
.cc_select:focus { outline: none; }
.cc_select_box option {  font-family: 'SUIT', sans-serif !important;  font-size: 14px; font-weight: 700; }
.view_timebox.head { margin: 0 auto 10px; font-weight: 500; color: #999;}
.info_h2 {  font-size: 12px;height: 30px;line-height: 15px; margin: 12px auto !important; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: inherit;font-weight: 700; }
.main_community_contents.community.info { margin: 0 auto 10px; }

.insta img { width: 24px; height: 24px; }

/* paging css*/
.pg_page { background: transparent; font-family: 'SUIT', sans-serif !important; border: none; font-size: 12px; line-height: 30px; font-weight: 700;  }
.pg_current { color: #21B8D7; font-size: 16px; font-weight: 900; background: transparent; border: none;  }
.pg_next { background: url(/mo/images/next.png) no-repeat center; background-size: 14px 14px; }
.pg_prev { background: url(/mo/images/prev.png) no-repeat center; background-size: 14px 14px; }
.pg_start { background: url(/mo/images/start.png) no-repeat center; background-size: 14px 14px; }
.pg_end { background: url(/mo/images/end.png) no-repeat center; background-size: 14px 14px; }
.em_box { width: 100%; display: flex; justify-content: center; align-items: center;  font-family: 'SUIT', sans-serif !important;  font-size: 12px; font-weight: 600; color: #333; padding: 30px 0  }

/* for_sales_css */
.sales_inner.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.sales_serchbox { width: 95%; border: 1px solid #999; border-radius: 5px; margin: 0 auto 20px; height: 35px;  }
#sales_form { height: 100%; }
.sales_serch_box { width: 100%; height:100%; }
.sales_serch { width: 100%; height: 100%; text-indent: 10px; padding: 0 30px 0 0;  background: url(/mo/images/Frame.png) no-repeat center; background-size: 25px 25px; background-position: right 8px center; }
.for_sales_box { width: 49%; margin: 0 0 20px 0; position: relative;     box-shadow: 0px 0px 5px #0000002b; border-radius: 5px; overflow: hidden; }
.for_sales_imgbox { width: 100%; @media all and (max-width: 540px) {
    height: 45vw;
} height: 15vw; position: relative; overflow: hidden;   overflow: hidden; }
/*.thumb { position: relative; padding-bottom: 100%; overflow: hidden; }*/
/*.thumb img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }*/
/*.thumb img:after { content : ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }*/
.for_sales_imgbox > img { width: 100%; height: 100%; object-fit: cover; }
.for_sales_box_contents { width: 100%;  padding: 8px; }
.for_sales_head { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.for_sales_head > p { font-weight: 700; font-size: 12px; color: #999; }
.wish_flex { display: flex; justify-content: center; align-items: center; }
.wish_flex p { font-size: 14px; font-weight: 500; margin: 0 0 0 2px;}
.wish_img { width: 14px; height: 14px;  position: relative; top: -2px; }
.wish_img img { width: 100% ; height: 100%; left: 0; top: 0; right: 0; bottom :0;  }
.for_sales_subject { width: 100%; margin: 5px auto; }
.for_sales_subject h2 { font-size: 14px; font-weight: 500; height: 30px; line-height: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit; }
.for_sales_body { width: 100%; display: flex; justify-content: start; align-items: center; margin: 8px auto; }
.for_sales_body_box { padding: 5px; background: #ddd; font-size: 10px; font-weight: 700; color: #000; margin: 0 5px 0 0; border-radius: 3px; }
.for_sales_body_box:last-child { margin: 0; }
.for_sales_footer { width: 100%; display: flex; justify-content: space-between; align-items: center;  }
.for_sales_footer.acac  { padding: 0 0 8px 8px; }
.for_sales_profile { display: flex; justify-content: space-between; align-items: center; position: absolute; left: 5px; bottom: 5px; color: #fff; }
.for_sales_profile_imgbox { width: 12px; height: 12px; border-radius: 20px; border: 1px solid #fff; overflow: hidden; margin: 0 2px 0 0; box-sizing: content-box; position: relative; overflow: hidden; }
.for_sales_profile_imgbox > img { width: 100%; height: 100%; position: absolute; left: 0;top: 0; bottom: 0; right: 0; inset: 0; }
.for_sales_id { font-weight: 700; color: #fff; font-size: 10px; }
.for_sales_price { font-weight: 700; font-size: 14px; }
.for_sale_soldout { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); position: absolute; top: 0; z-index: 9;  }
.for_sale_soldout p { padding: 3px 8px; font-size: 14px; color: #fff; display: inline-block; background: #333; border-radius: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%)}
.for_sales_level { position: absolute; right: 5px; top: 5px; color : #fff; font-size: 10px; background: #333; padding: 3px 5px; font-weight: 500; border-radius: 2px; }
.new_level.sales { position: absolute; right: 5px; top: 5px; color : #fff; font-size: 10px;  border-radius: 30px;  width: 25px; height: 25px;  }
.new_level.detail { width: 20px; height: 20px; margin: 0 0 0 5px; }
.sales_select_box { width: 49%; display: flex; justify-content: space-evenly; align-items: center; border: 1px solid #999; padding: 6px 2px; margin: 0 0 10px 0; }
.sales_sp_name { display: flex; justify-content: center; align-items: center; }
.sales_sp_name p { margin: 0 2px 0 0; font-size: 12px; font-weight: 700; color: #444;  }
.sales_sp_name img { width: 16px; height: 16px; }
.sales_count { background: #ddd; color: #333; padding: 3px; font-size: 12px; font-weight: 700; margin: 0; border-radius: 3px; }

.new_event_box { width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden; margin: 0 auto 20px; }
.new_event_imgbox { width: 100%; height: 11vw; position: relative;
    @media all and (max-width: 540px) {
        height: 59vw;
    }
}
.new_event_imgbox img { width: 100%; height: 100%; object-fit: cover;  }
.new_event_emblem { position: absolute; left: 10px; top: 10px; background: #21b8d7; padding: 5px; color: #fff; font-weight: bold;  border-radius: 5px; overflow: hidden; }
.new_event_location { width: 100%; display: flex; align-items: center; margin: 0 auto 10px; }
.new_event_location img { width: 15px !important; margin: 0 5px 0 0; }
.new_event_location p { font-size: 14px; font-weight: 600; }
.new_event_contents { padding: 20px; }
.new_event_subject { width: 100%; font-size: 16px; margin: 0 auto 30px; font-weight: 500; }
.new_event_date { display: flex; justify-content: end; font-size: 14px; font-weight: 600; color: #666; }
.new_event_wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.event_inner {  display: flex; align-items: center; }
.new_event_view { display: flex; justify-content: space-between; align-items: center; margin: 0 5px 0 0; }
.new_event_view img { width: 20px; height: 20px;  margin: 0 3px 0 0; }
.new_event_view p { font-size: 12px; font-weight: 500; color: #333; }

/* app_form css */
.app_guide { margin: 15px 0 15px 0; border: 1px solid #ddd; padding: 3px 8px; display: inline-block; font-size: 14px; }
.diary_chk_box { width: 100%; display: flex; justify-content: start; align-items: center }
.diary_chk { width: 33.333%; margin: 0 10px 0 0; height: 30px; border: 2px solid #ddd; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.diary_chk h2 { font-family: 'SUIT', sans-serif !important; font-size: 12px; font-weight: 500; color: #999; }
.app_guide_wrap { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 99999; position: fixed; top: 0; left : 0; display: none; }
.app_guide_close { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; }
.app_guide_close img { width: 100%; height: 100%; position: absolute; top: 0; left : 0;  }
.app_guide_inner { width: 95%; height: 500px; border: 1px solid #fff;  margin: auto; overflow: auto; padding: 10px; }
.app_guide_inner p { color: #fff; font-size: 12px; line-height: 25px; }
.app_guide_wrap h2 { color: #fff; width: 100%; text-align: center; margin: 15px auto 20px; font-size: 14px; }
.policy_id.re.app { width: 95%; margin: 10px auto 0; }
.policy_id.re.app label { color: #fff; }
.info_category_head.app p { font-size: 12px; font-weight: 500; }
.app_img_wrap { display: flex; justify-content: center; align-items: center; }
.img_btn.form.app { width: 49%; height: 15vw; @media all and (max-width: 540px) {
    height: 45vw;
} }
.img_btn.form.app p { margin: 5px 0 0 0; }
.diary_textform > h2 { font-size: 12px; font-weight: 600; }
.sources_wrap { display: flex; justify-content: end;  }
.sources_box_box { padding: 3px 8px; background: #ddd; display: inline-block; cursor: pointer; font-size: 10px; }
.source_box { width: 100%; border-bottom: 1px solid #999; display: none; }
.source_box pre { font-size: 10px !important; }

/* sales_form css*/
.diary_textform_inner > p { margin: 20px auto 10px; }
.cc_select_box.sales { width: 100%; margin: 10px 0 0 0; }
.cc_select_box.sales h2 { font-size: 14px; margin: 10px auto }
.cc_select.sales { font-size: 14px; font-weight: 500; width: 100%; height: 30px; }
.cc_select.sales option { font-weight: 500; }
.del { position: absolute; right: 0; top: 30px; width: 15px; height: 15px; }
.del img { width: 100%; height: 100%; object-fit: cover;}
.diary_textform.date { position: relative; }
.diary_textform_wrap.date { display: flex; justify-content: space-between; align-items: center; }
.diary_textform.date { width: 49%; }
.sales_form_box { width:49%; }
.img_btn.form.app.sales { width: 100%; }
.app_img_wrap.sales { justify-content: space-between; }
.diary_textform_wrap.date.sales { margin: 20px 0 0 0; }
.cc_select_box.sales.box { padding: 3px 8px; background: #ddd; border-radius: 3px; display: inline-block; width: auto; width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; }
.sales_morph { display: inline-block; font-size: 14px; font-weight: 500; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.sales_morph_wrap { width: 100%; height: 75%; position: fixed; bottom: 0; left : 0; background: #fff; z-index: 1000; box-shadow: 0px 1px 5px 1px rgba(0, 0 ,0, 0.1); display: none; padding: 20px; border-radius: 30px 30px 0 0; }
.sales_morph_inner { width: 100%; height: 400px;  margin: 10px auto; display: grid; grid-template-columns: 50% 50%; flex-wrap: wrap; overflow: auto; }
.sales_bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; bottom: 0; left : 0; z-index: 999; transition: 0.5s; display: none; }
.morph_box { width: 98%; height: 40px; padding: 5px 8px; font-size: 14px; border: 2px solid #333; display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0; border-radius: 25px; }
.morph_box p { font-weight: 600; }

.morph_box1 { width: 98%; height: 40px; padding: 5px 8px; font-size: 14px; border: 2px solid #333; display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0; border-radius: 25px; }
.morph_box1 p { font-weight: 600; }
.sales_morph_text1 {  margin: 10px  0 10px 0;  font-size: 14px; font-weight: 500; color: #666; }
.sales_morph_text { width: 95%; font-size: 16px; font-weight: 600; }
.alert { color : lightcoral; font-size: 14px; text-align: center; font-weight: 600; margin: 15px auto ; }
#sa_contents { height: 150px; }
.date_update { font-size: 12px !important; margin: 0 5px 0 5px; padding: 3px 8px; background: #ddd; border-radius: 5px; }
.date_delete { font-size: 12px !important; padding: 3px 8px; background: #ddd; border-radius: 5px }
.sales_form_morph_box { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 500; margin: 25px auto 0; }
.sales_form_momo_bt { width: 100%; height: 40px; border-radius: 50px; display: flex; justify-content: center; align-items: center; background: #21B8D7; color: #fff; }
.sales_morph_text_chk { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: auto; }
.momo_chk { display: flex; justify-content: space-between; align-items: center; }
.momo_chk p { margin: 0 5px 0 0; }
.sales_form_insert { width: 100%; margin: 20px auto 0; display: none;}
.sales_form_insert h2 { font-size: 14px; }
.sales_form_insert input { border-bottom : 1px solid #999 !important; width: 100%; height: 30px; margin: 10px 0 0 0; }
.sales_form_insert input:focus { outline: none; }

/* sales_profile css */
.sales_profile_wrap { width: 95%; margin: auto; }
.sales_profile_img { width: 110px; height: 110px; border: 1px solid #ddd; position: relative; border-radius: 10px; overflow: hidden; }
.sales_profile_img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; object-fit: cover; }
.sales_profile_contents { width: 65%; }
.sales_profile_contents h2 { font-size: 18px; font-weight: 600; }
.sales_profile_box_inner { width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 10px auto 0;}
.sales_profile_box { width: 49%; border: 1px solid #ddd; border-radius: 5px; display: flex; justify-content: center; align-items: center; margin: 5px 0 0 0;}
.sales_profile_box.link { padding: 5px; }
.sales_profile_box p { font-size: 12px; font-weight: 500; color: #333; width: 100%;height: 100%; text-align: center; }
.sales_profile_box > img { width: 20px; height: 20px; margin: 0 2px 0 0; }
.sales_profile_imgbox1 {  }
.sales_profile_head_inner { display: flex; justify-content: space-between; align-items: center; padding: 0 0 15px 0; border-bottom: 1px solid #ddd; }
.sales_profile_box.box { border: none; width: 100%; justify-content: start; }
.sales_profile_box.box img { margin: 0 5px 0 0; }
.sales_profile_sns { width: 100%; border-bottom: 1px solid #ddd;  padding: 8px 0; margin: 10px auto ;}
.sales_profile_sns h2 { font-size: 14px; color: #333; font-weight: 600; margin: 0 0 10px 0; }
.sales_profile_sns_wrap { display: flex; justify-content: start; align-items: center; margin: 0 0 10px 0; }
.sales_profile_snsbox { width: 30px; height: 30px; margin: 0 5px 0 0; position: relative; }
.sales_profile_snsbox img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.sales_inner.flex.profile { width: 100%; }
.sales_profile_flex_wrap h2 { font-size: 14px; color: #333; font-weight: 600; margin: 20px 0 10px 0; }
.detail_fix { position: absolute; right: 10px; top: 10px; z-index: 9; width: 30px; height: 30px; cursor: pointer; background: rgba(0, 0, 0, 0.51); border-radius: 30px; }
.detail_fix img { width: 20px; height: 20px; left: 50%; top: 50%; transform: translate(-50%, -50%);  position: absolute; }
.footer_contact.id { width: 40%; border: 1px solid #21B8D7; color : #21B8D7; background: none; }
.detail_fix_box { position: fixed; top: 0;left: 0; width: 100%; height : 100%;  background: rgba(0, 0, 0, 0.51); z-index: 9999; display: flex; justify-content: center; align-items: center; display: none;  }
.detail_fix_box p {color: #fff; font-size: 16px; padding: 3px 8px; border: 1px solid #fff; border-radius: 5px; margin: auto 10px;}
.detail_fix_del { position: absolute; right: 5px; top: 5px; z-index: 9999; width: 30px; height: 30px; }
.detail_fix_del img {  width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0;  }

.sales_state_wrap { width: 100%; height: 100%; position: fixed; top: 0; z-index: 99999; background: #fff; display: none; }
.sales_state_inner { width: 95%; margin: 40px auto 0; }
.sales_state_wrap > h2 { text-align: center; margin: 15px auto 0; font-size: 16px; font-weight: 700; }
.sales_state_close { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; }
.sales_state_close img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; }
.sales_state_box { width: 100%; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; font-size: 16px; font-weight: 600; flex-wrap : wrap; }
.slaes_state_minibox { display: flex; justify-content: space-between; align-items: start; flex-direction: column; }
.slaes_state_minibox img { width: 30px; }
.slaes_state_minibox p:last-child { margin: 10px 0 0 0; font-size: 14px; color: #999; }
.slaes_state_minibox.ss { justify-content: end; flex-direction: row; }

.mypage_sub_head { width: 100%; justify-content: start; align-items: center; display: flex; margin: 20px auto ; }
.mypage_sub_head p { padding: 3px 5px; background: #ddd; color: #fff; border-radius: 5px; margin: 0 10px 0 0; font-weight: 500; }
.more_wrap.sales.my { margin: 15px auto 85px; }

.info_select { width: 100%; height: 30px; border: 1px solid #999; border-radius: 5px; overflow: hidden;  }
.info_select select { width: 100%; height: 100%; border: none; font-weight: 600; color: #333; text-align: center; text-indent: 10px; font-size: 14px; }
.info_select select:focus { outline: none; }

/* auction css */
.auction_time { position: absolute; bottom: 0; background: #999; width: 100%; color: #fff; text-align: center; padding: 5px 0; font-size: 12px; font-weight: 500; display: flex; justify-content: space-evenly; }
/*.for_sales_head.auction p:last-child { background: #333; color: #fff; padding: 3px 5px; font-size: 10px; border-radius: 3px;}*/
.for_sales_level.auction { left:5px; top: 5px; right: inherit; background: rgba(0, 0, 0, 0.8); border: 1px solid #fff !important; padding: 3px 5px; border-radius: 3px; }
.for_sales_profile.auction { position: inherit; margin: 5px 0 0 0; }
.for_sales_id.auction { color: #333;  display: flex; align-items: center;}
.new_level.auction { margin: 0 0 0 3px; width: 12px; height: 12px; }
.for_sales_profile_imgbox.auction { border: 1px solid #ddd; }
.emblem.auction.ing { background: #f64f4f !important; }
.emblem.auction { right: inherit; left: 5px; background: #333; border: 1px solid #fff; }
.auction_result_bt { rgba(0, 0, 0, 0.8) }
.onair {
    background-color: #f64f4f !important;
    /*animation:  infinite;*/
    /*animation-name: onair;*/
    /*animation-duration: 1s;*/
}
/*@keyframes onair {*/
/*    from {*/
/*        background-color: #ff4b4b;*/
/*    }*/
/*    to{*/
/*        background-color: rgba(0, 0, 0, 0.8);*/
/*    }*/
/*}*/
.auction_detail_imgbox { width: 100%; height: 90vw; margin: 0 auto 10px; }
.auction_detail_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.sales_detail_contents_wrap auction {  }
.diary_textform.date.auction { width: 100%; }
.mb_birth_box { display: flex; justify-content: space-between; align-items: center; }
.mb_birth_box select { width: 24%; height: 30px; }
.winner_bg { width: 100%; height: 45px; background: #fff; position: fixed; top: 40px; }
.ac_num { border-radius: 50%;border: 1px solid #fff;width: 22px;height: 22px;display: flex;justify-content: center;align-items: center;margin: 0 5px 0 0; }
.wish_follwer.auction { background: none; color: #333; }
.wish_follwer.auction input { margin: 0 0 0 5px; }
.ac_winner_box_bg { width: 100%; height: 100%; position: fixed; top : 0; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; }
.ac_winner_bg_inner { width: 80%; background: #fff; border-radius: 5px; position: fixed; left: 50%; top : 50%; transform: translate(-50%, -50%); z-index: 9999; text-align: center; padding: 20px 10px; display: none; }
.ac_winner_bg_inner h2 { font-size: 16px; font-weight: 600; margin: 10px auto; }
.index_profile.co.sales_detail.auction { justify-content: center; margin: 0 auto 10px; }
.index_profile_imgbox.sales_detail.auction { margin: 0 0 0 5px; }
.sales_profile_sns_wrap.auction { justify-content: center; margin: 0; padding: 0; }
.sales_profile_sns.auction { margin: 15px auto; padding: 0; border-bottom: none; }
.index_profile.co.sales_detail.auction.ac { margin: 20px auto 0; border-top: 1px solid #999; padding: 10px 0 0 0;  }
.ac_result_count { width: 100%; position: fixed; top: 40px; display: flex; justify-content: center; align-items: center; font-size: 16px; background: #333; color : #fff; height: 40px;  }
.ac_result_count p b { font-weight: bold; }
.index_profile.auction { margin: 5px 0 0 0; }

.share_wrap_bgbg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background: rgba(0, 0, 0, 0.7); display: none; }
.share_wrap { width: 100%; height: 120px; position: fixed; bottom: 0; left: 0; z-index: 99999; background: rgb(79, 79, 79); display: none; }
.share_wrap h2 { width: 95%; margin: 15px auto 10px; color: #fff; font-size: 16px;  }
.share_wrap_inner { display: flex; justify-content: start; width: 95%; height: 100%; margin: 15px auto 0; }
.share_box1 {  width: 40px; height: 40px; border-radius: 100%; background: #000; position: relative; }
.share_box1 img { width: 70%; height: 70%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.share_wrap_box p { color: #fff; font-weight: 400; margin: 5px auto 0; }
.share_wrap_box { display: flex;flex-direction: column;align-items: center; margin: 0 10px 0 0; }

/* diray_album css */
.dr_album_wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 10px auto 20px; }
.dr_album_imgbox { width: 120px; height: 120px;  border-radius: 5px; overflow: hidden; }
.dr_album_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.dr_album_contents_box { width: 62%;}
.dr_album_box { display: flex; justify-content: start; align-items: center; font-size: 14px; margin: 5px auto 0; }
.dr_album_box h2 { font-weight: 700; }
.dr_album_morph_wrap { margin: 0 0 0 5px; }
.dr_album_box.flex { display: flex; justify-content: start; width: 100%; }
.dr_album_box.flex p { margin: 0 0 0 5px; }
.dr_name { color: #333; font-size: 18px; margin: 0 0 5px 0; }
.dr_album_box.name { margin:  0 0 5px 0; justify-content: space-between; }
.share_object { background: #333; color: #fff; font-size: 12px; border-radius: 5px;  padding: 3px 5px;}

/* guide css */
.guide_wrap { width: 100%; margin: 40px auto 0; height: 40px; display: flex; justify-content: center; align-items: center; position: relative;  }
.guide_box { width: 50%; height: 100%; background: #21B8D7; color: #fff; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; font-size: 16px; font-weight: 500;  }
.guide_box img { width: 100%; height: 100%; object-fit: cover; }
.guide_bg { width: 100%; height: 100%;  position: fixed; top: 0; z-index: 99999; background: rgba(0, 0, 0, 0.8); text-align: center; overflow: auto; display : none; }
.guide_bg > img { width: 95%; margin: 40px auto 10px; }
.del_bt { position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; }
.del_bt img { width: 100%; height: 100%; object-fit: cover; }
.guide_head { position: fixed; width: 100%; height: 40px; height: 40px; background: #333;  display: flex; justify-content: center; align-items: center; box-shadow: 0px -1px 5px 1px rgba(0, 0 ,0, 0.1); }
.guide_head h2 { font-size: 16px; font-weight: 500; color: #fff; }

.guide_bg1 { width: 100%; height: 100%;  position: fixed; top: 0; z-index: 99999; background: rgba(0, 0, 0, 0.8); text-align: center; overflow: auto; display : none; }
.guide_bg1 > img { width: 95%; margin: 40px auto 10px; }
.del_bt1 { position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; }
.del_bt1 img { width: 100%; height: 100%; object-fit: cover; }
.guide_head1 { position: fixed; width: 100%; height: 40px; height: 40px; background: #333;  display: flex; justify-content: center; align-items: center; box-shadow: 0px -1px 5px 1px rgba(0, 0 ,0, 0.1); }
.guide_head1 h2 { font-size: 16px; font-weight: 500; color: #fff; }

/* diary css */
.hc_wrap { width: 100%; margin: 0 auto 35px; }
.hc_wrap h2 { font-size: 16px; font-weight: 500; display: flex; align-items: center; }
.hc_box { width: 100%; padding: 10px; box-shadow: 0px 2px 5px 2px rgba(0, 0 ,0, 0.2); margin: 0 auto 10px; border-radius: 5px; }
.hc_flex_inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.hc_parent_imgbox { width: 100%;  display: flex; justify-content: space-between; align-items: center; }
.hc_parent_img_box_inner { width: 49%; }
.hc_parent_img_box_inner p { font-size: 14px; font-weight: 500; margin: 5px 0 0 0; }
.hc_imgbox { width: 100%; height: 15vw;  border-radius: 5px; overflow: hidden; position: relative; @media all and (max-width: 540px) {
    height: 40vw;
} }
.hc_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.hc_group_name { font-size: 16px; font-weight: 600; color : #333; display: flex; justify-content: start; align-items: center; }
.span { width: 15px; height: 15px; border-radius: 50%; background: #21B8D7; display: inline-block;  margin: 0 5px 0 0;}
.mypage_category_wrap.dr { border-top: none;  }
.mypage_category_box.dr { padding: 3px 5px;  color: #333; }
.my_on.dr { color: #21B8D7; }

/*diary_hc_birth css */
.hc_br_inner { width: 100%;  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.hc_br_img_inner  { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; }
.hc_br_contents { width: 100%; font-size: 14px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 10px auto 0;}
.hc_br_imgbox { width: 49%; height: 15vw; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; position: relative;  @media all and (max-width: 540px) {
    height: 40vw;
} }
.hc_br_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.hc_br_contents_text { margin: 10px auto 0; width: 100%; }
.hc_br_contents_text p { font-size: 14px; padding: 5px; background: #ddd; }
.hc_br_contents_text h2 { margin: 0 0 10px 0; font-size: 14px; font-weight: 600; }
.hc_br_contents_box { width: 50%; }
.hc_br_contents_box > p > b { color: #333; }
.parents_box { position: absolute; left: 5px; top: 5px; background: #21B8D7; color: #fff; z-index: 1; font-size: 14px; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-weight: bold;}
.hc_head_box { display: flex; justify-content: space-between; align-items: center; margin: 0 auto 10px;}
.head_copy { width: 95%; margin: 0 auto 20px; display: flex; justify-content: center; align-items: center;  font-size: 16px; font-family: 'SUIT', sans-serif !important; font-weight: 600; }
.hchc_serch_wrap { display: flex; justify-content: space-between; align-items: center; margin: 0; width: 84%; }
.sales_serchbox.dr { width: 80%; margin: 0;  background-position: right 5px center;}
.filter_box.dr { height: 35px; width: 18%; }

/* hc_detail css */
.hc_children_wrap { width: 100%; margin: 0 auto 20px; }
.hc_children_wrap h2 { font-size: 14px; }
.hc_children_wrap p { margin: 10px 0 0 0; font-size: 14px; }
.diary_inner.hc { margin: 0 auto 80px; }
.hc_head_box.hc { margin: 0 auto 20px; }
.hc_br_inner.hc { margin: 20px auto; }
.hc_bt_wrap { display: flex; justify-content: end; align-items: center; width: 95%; margin: auto }
.hc_bt:last-child { margin: 0 0 0 10px; }
.hc_bt { padding: 5px; background: #ddd; border-radius: 5px; font-size: 14px; }
.hc_state_bt_wrap { display: flex; justify-content: space-between; align-items: center; }
.hc_state_bt_wrap a p { padding: 5px; background: #ddd; border-radius: 5px; }
.hc_state_bt_wrap a p:last-child { margin: 0 0 0 5px; }

.sales_form_box.hc { width: 33%; position: relative;  }
.img_btn.form.app.sales.hc { height: 11vw; @media all and (max-width: 540px) {
    height: 33vw;
} }
.diary_form_head.hc { margin: 15px 0 10px 0; }
.diary_textform_wrap.sales.hc { margin: 0 auto 30px; }
.hchc_head { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.hatch_chk { display: flex; justify-content: space-between; align-items: center; width: 90px; }
.hatch_chk input { width: 18px; height: 18px; }
.hatch_chk p { font-size: 14px; }
.hc_br_hc_inner { width: 100%; margin: 10px auto 0; justify-content: space-between; align-items: center; display: flex; }
.hc_br_hc_inner > a { width: 32.333%; }
.hc_br_hc_inner > a > div { width: 100%; background: #999; color: #fff; padding: 5px 8px; display: flex; justify-content: center;align-items: center; border-radius: 3px; }
.bell { padding: 3px;background: #999;border-radius: 50%; margin: 0 0 0 10px; }
.d-day {  color: deeppink; }
.bell img { width: 20px; vertical-align: -3px; }
/*.hc_del { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; }*/


.hc_share_wrap { display: flex; justify-content: space-between; align-items: center; margin: 0 auto 10px; }
.hc_share_bt { padding: 3px 5px; background: #999; color: #fff; border-radius: 5px; font-size: 12px; }
.sales_form_box.cal { width: 100%; }
.img_btn.form.app.sales.cal { height: 75vw; }
.diary_contents_head.cal { justify-content: space-between; flex-wrap: wrap; }
.diary_ac_result.cal h2 { font-size: 14px; font-weight: 700; color: #333; }
#ac_month:focus { outline: none; border: 1px solid #333; background: none; }
#ac_month { font-size: 14px; color: #333; }
.dr_ac_box.head { height: 30px; margin: 20px auto 0; border: none; font-size: 12px; border-radius: 5px;box-shadow: 0px 0px 5px 1px rgba(0, 0 ,0, 0.1); }
.dr_ac_box { width: 100%; height: 60px; border-bottom: 1px solid #eee;  display: flex;  justify-content: space-between; align-items: center; font-size: 10px;  }
.dr_ac_inner_box { width: 20%; height: 100%; display: flex; justify-content: center; align-items: center;   }
.dr_ac_inner_box:nth-child(1) { width: 15%; }
.dr_ac_inner_box:nth-child(2) { width: 15%; }
.dr_ac_inner_box:nth-child(3) { width: 28%; }
.dr_ac_inner_box:nth-child(4) { width: 24%; }
.dr_ac_inner_box:nth-child(5) { width: 18%; }
.dr_ac_inner_box.asd { display: flex; justify-content: space-evenly; }
.dr_ac_inner_box.asd a { padding: 3px; background: #999; border-radius: 3px; color: #fff;}
.ac_select_wrap { display: flex; justify-content: space-between; width: 100%; align-items: center;}
.total_count { font-size: 14px; font-weight: 600; }
#ac_sell:focus { outline: none; }
/*#ac_sell {  margin:; }*/
.diary_head_diary { display: flex; justify-content: start; align-items: center; margin: 5px auto; }

/* diary_album css */
.ab_flex { display: grid; grid-template-columns: 33% 33% 33%; grid-gap : 0.6%; margin: 20px auto 0; }
.ab_box { border: 1px solid #ddd; border-radius: 5px; overflow: hidden; height: 12vw; @media all and (max-width: 540px) {
    height: 33vw;
} }
.ab_box img { width: 100%; height: 100%; object-fit: cover; }

.album_bt_wrap { display: flex; justify-content: end; align-items: center; width: 95%; margin: auto; }
.album_bt_wrap a { padding: 3px; background: #999; color: #fff; border-radius: 3px; font-size: 14px; }
.album_bt_wrap a:last-child { margin:  0 0 0 5px; }

.dr_state_wrap { width: 95%; margin: 0 auto 20px;  padding: 10px; border-radius: 5px;  overflow: hidden; }
.dr_state_wrap h2 { display: flex; align-items: center; font-size: 14px; margin: 5px auto 15px; color: #333; }
.dr_state_box { width: 100%; display: flex; justify-content: start; align-items: center; margin: 0 auto 10px; border-bottom: 1px solid #ddd; padding: 0 0 10px 0; position: relative; }
.dr_state_imgbox { width: 50px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 800; color : #666; }
.dr_state_imgbox img { width: 100%; height: 100%; object-fit: cover; padding: 0 0 2px 0; }
.dr_wall { width: 3px; height: 30px; margin: 0 8px 0 5px; border-radius: 5px; background: #333; }
.dr_contents_box { width: 65%; }
.dr_contents_box p:first-child  { font-size: 14px; font-weight: 700; color: #333; }
.dr_contents_box p:last-child  { font-size: 12px; font-weight: 500; color: #999; }
.dr_flex_wrap { width: 100%; }

.d_index_select { width: 100%; height: 35px;  }
.d_index_select select { width: 100%; height: 100%; border: 1px solid #333; text-align: center; border-radius: 5px;  }
.dr_bt_wrap { display: flex; justify-content: end; align-items: center; width: 25%;  }
.dr_bt_wrap p { padding: 3px 5px; background: #999; color: #fff; font-weight: 500; border-radius: 3px; }
.dr_bt_wrap p:last-child { margin:  0 0 0 5px;  }

.new_wrap { width: 95%; margin: auto; }
.new_box { width: 100%; margin: 0 auto 15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding: 0 0 15px 0; }
.mew_contents_box1 { width: 23%; height: 100%;  display: flex; justify-content: space-between; align-items: center;
    @media all and (max-width : 540px) {
            width :35%
    }
}
.new_contents_box { width: 75%;  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;
    @media all and (max-width : 540px) {
        width :65%
    }
}
.new_img_box { width: 75px; height: 75px; border-radius: 5px; overflow: hidden; border: 1px solid #ddd; }
.new_reply_count { display: flex; flex-direction: column; align-items: center; background: #eee; border-radius: 5px; width: 35%; height: 75px; justify-content: center; }
.new_img_box img { width: 100%; height: 100%; object-fit: cover; }
.new_contents_head {  width: 100%; display: flex; justify-content: start; align-items: center; }
.new_contents_profile { display: flex; justify-content: space-between; align-items: center; margin: 0 3px 0 0; }
.new_contents_img { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ddd; position: relative; overflow: hidden; margin: 0 3px 0 0; }
.new_level { width: 16px; height: 16px; position: relative }
.new_level.level { width: 18px; height: 18px; margin: 0 0 0 5px; }
.new_level img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0;  }
.new_content_time { font-size: 10px; font-weight: 600; color: #999; }
.new_content_time p { margin: 0 0 0 3px; }
.new_contents_img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; }
.new_contents_profile p { font-size: 12px; font-weight: 600; color: #333; }
.new_contents_box_box { margin: 10px 0 10px 0; width: 100%; }
.new_contents_box_box h2 { font-size: 14px; font-weight: 600; color: #333;   overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.new_contents_bt_box { width: 100%;  }
.view_timebox.new { margin: 0; }
.view.new img { width: 15px; height: 15px; }
.view.new p { font-size: 12px; }

.follow_wrap { display: flex; justify-content:  space-around; align-items: center; }
.follow_box { text-align: center; }
.follow_bt_box { color:  #999; }
.follow_bt_wrap { display: flex; justify-content: space-around; align-items: center; width: 95%; margin: 30px auto 0; padding: 0 0 10px 0; position: relative; font-size: 14px; }
.follow_line { position: absolute; left: 0; width: 50%; bottom: 0; transition: 0.2s; height: 2px; background: #333; }

.inquiry_wrap_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 999; display: none; }

.inquiry_box_inner { position: fixed; @media all and (max-width: 540px) {
    width: 80%;
}  width: 300px; height: 150px; left: 50%; top: 50%; z-index: 9999; transform: translate(-50% ,-50%); display: none;  }
.inquiry_box_inner a { width: 100%;   }
/*.inquiry_box_inner a:nth-child(2) { margin: 10px auto !important; }*/
.inquiry_box_innner_inner { width: 100%;height: 100%;display: flex;flex-direction: column; justify-content: space-between; -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column; }
.inquiry_box { width: 100%; height: 40px; background: #fff; border-radius: 5px; margin: 0 auto 20px; display: flex; justify-content: center; align-items: center; }
.inquiry_box:last-child { margin: 0; }
.inquiry_box img { width: 20px; height: 20px; margin: 0 5px 0 0;}
.sub_tatal_wrap.ft { margin: 0 auto; display: flex; align-items: center; position: relative;}
.sub_tatal_wrap.ft img { width: 15px; margin: 0 0 0 5px; position: absolute; right: 0; rotate: -180deg; transition: 0.2s; }
.ft_body { margin: 10px auto 0; display: none; display: none; background: #eee; }
.ft_body p { line-height: 20px; }
.company_wrap {  background: #eee; padding: 10px 20px; position: absolute; bottom: 0; width: 100%; }
.ft_span { font-size: 10px; font-weight: 500; color: #333; }

.object_parents_wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.object_parents_box { width: 49%; }
.object_parents_box p { font-size: 12px; color: #333; margin: 5px  0 0 0; }
.object_parents_imgbox { width: 100%; height: 45vw; border-radius: 5px; overflow: hidden; border: 1px solid #ddd; }
.object_parents_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.object_h2 { font-size: 14px; color: #999; margin: 0  0 10px 0; }

.parents_bg {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 9999; position: fixed; top: 0; display: none; }
.parents_wrap { width: 100%; height: 80%; background: #fff; position: fixed; bottom: 0; z-index: 99999; display: none; border-radius: 20px 20px 0 0; padding: 10px; }
.parent_inner { width: 95%; margin: auto; display: grid; grid-template-columns: 48% 48%; grid-gap : 3%;  height: 400px; overflow: auto;}
.parents_wrap > h2 { font-size: 14px; margin: 10px auto; width: 95%; }
.parents_container {  }
.parents_imgbox { width: 100%; height: 43vw; border-radius: 5px; overflow: hidden; position: relative; }
.parents_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.parents_container > p { font-size: 12px; margin: 5px 0 0 0; color: #333; }
.parents_pic { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.5); display: block; display: none; }
.parents_pic img { width: 50px; height: 50px; }
.parents_bt { margin: 50px auto 0; display: flex; justify-content: center;  }
.parents_button { color: #fff; background: #21b8d7; border-radius: 30px; padding: 10px; font-size: 16px; width: 95%; font-weight: bold; }

.parents_wrap1 { width: 100%; height: 80%; background: #fff; position: fixed; bottom: 0; z-index: 99999; display: none; border-radius: 20px 20px 0 0; padding: 10px; }
.parents_wrap1 > h2 { font-size: 14px; margin: 10px auto; width: 95%; }
.del_parents { margin: 0 0 0 5px; background: #333; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 500; padding: 3px 5px; }


/* brand css*/
.brand_wrap { width: 100%;  height: 87vh; position: relative; }
.brand_bg { width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0;}
.brand_inner { width: 100%; position: absolute; left: 50%; top: 47%; transform: translate(-50%, -50%);  text-align: center; color: #fff; z-index: 99; }
.brand_wrap img { width: 100%; height: 100%; object-fit: cover; }
.wrap.brand { width: 100%; margin: 40px auto 100px; }
.brand_line { width: 150px; height: 1px; background: #fff; margin: 0 auto 10px; }
.brand_inner h2 { font-size: 30px; }

.section1 , .section2  { width: 100%; margin: 100px auto 0; }
.brand_head { width: 100%;  text-align: center; margin: 0 auto 20px; }
.brand_head h2:first-child { font-size: 20px; }
.brand_head h2:last-child { font-size: 18px; }
.brand_body {  width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center;  }
.brand_body_box { width: 100%; margin: 20px auto 0;  }
.brand_body_box img { width: 50%; }
.main_pre { font-size: 22px; line-height: 35px; }
.brand_head_line { width: 80px; height: 1px; background: #000; margin: 10px auto; }
.section2 > .brand_head { margin: 20px auto 60px; }

.brand_section_inner { width: 100%; }
.brand_section_box { width: 100%; height: 100vw; position: relative; display: flex;justify-content: start;align-items: center; }
.brand_section_box img { width: 100%; height: 100%; object-fit: cover; }
.brand_section_box1 { position: absolute; width: 55%; height: 125px; display: flex;  }
.brand_section_box1.reverse { right: 0; left: inherit; }
.brand_section_number { position: absolute; right: 0; top: 0; border: 3px solid #fff; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; color: #fff; font-size: 14px; z-index: 5; font-weight: 600; }
.brand_section_box_bg { width: 90%; height: 90%; background: #e61e6a; opacity: 0.7; position: absolute; right: 0; top: 0; z-index: 2; }
.brand_section_box_contents { width: 90%; height: 90%; background: #e61e6a; position: absolute; left: 0; bottom: 0; z-index: 3;  color: #fff; display: flex;flex-direction: column;justify-content: center; padding: 0 0 0 10px;}
.brand_section_box_contents h2 { font-size: 14px; }
.brand_section_box_contents.reverse { right: 0; left: inherit; padding: 0 10px 0 0; text-align: right; background: #21b8d7;}
.brand_section_number.reverse { left: 0; }
.brand_section_box_bg.reverse { right: inherit; left: 0; background: #21b8d7; opacity: 0.7}

.section3 , .section4, .section5 { width: 95%; margin: 100px auto 0; }
.brand_main_head > h2 { font-size: 50px; font-weight: bold; }
.brand_main_head > p { font-size: 14px; font-weight: 500; }
.brand_main_line { width: 100%; height: 1px; background: #21b8d7; margin: 10px auto; }
.brand_main_box { width: 100%; margin: 0 auto 20px; }
.brand_imgbox { width: 100%; height: 100vw; border-radius: 0 0 100px 0; overflow: hidden;box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); margin: 10px auto; }
.brand_imgbox img { width: 100%; height: 100%; object-fit: cover;  }
.brand_contetns_box h2 { font-size: 16px; }

.brand_shop_imgbox { width: 100%; height: 95vw;  margin: 20px auto 0; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2); }
.brand_shop_imgbox img { width: 100%; height: 100%; object-fit: cover;  }
#map { width: 100%; height: 300px; margin: 10px auto ; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2); }
.section5_location_body { width: 100%; }
.section5_loaction_info { display: flex; margin: 0 0 10px 0; }
.section5_loaction_info p { font-size: 14px; font-weight: 500; margin: 3px 0 0 0; }
.location_pre { margin: 0;  font-size: 14px;  font-weight: 500;}
.alram_wrap { width: 95%; margin: 5px auto 0 ; }
.alram_box { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto 15px; border-bottom: 1px solid #ddd; padding: 0 0 15px 0;}
.alram_head { width: 100%; margin: auto; color: #999; font-size: 14px; margin: 0 auto 15px; }
.alram_box_box img { width: 20px; height: 20px; }

.toggleSwitch {
    width: 50px;
    height: 25px;
    display: block;
    position: relative;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 1px 4px 10px -1px rgba(0 0 0 / 20%);
    cursor: pointer;
}

.toggleSwitch1 {
    width: 50px;
    height: 25px;
    display: block;
    position: relative;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 1px 4px 10px -1px rgba(0 0 0 / 20%);
    cursor: pointer;
}
.toggleSwitch1 .toggleButton {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #21b8d7;
}

.toggleSwitch .toggleButton {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #21b8d7;
}

.toggleSwitch.active {
    background: #21b8d7;
}

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

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


.alram_box_box > h2{ font-size: 14px; font-weight: 600; margin: 0 auto 5px; }
.alram_box_box > p { font-size: 12px; font-weight: 600; color: #999; }

.keyword_wrap { width: 95%; margin: 10px auto 80px;  }
.keyword_head { width: 100%; display: flex; justify-content: space-between; align-items: center;  border-bottom: 1px solid #ddd; padding:  0 0 5px 0; }
#keyword_input { width: 85%; height: 30px; }
#keyword_input { font-size: 14px; }
#keyword_bt { width: 10%; background: #21b8d7; border-radius: 5px; height: 25px; color: #fff; }

.key_select { width: 100%; margin: 0 auto 10px; }
.keyword_inner { width: 100%; margin: 20px auto ; }
.keyword_inner > h2 { color: #999; font-size: 14px; font-weight: 600; margin: 0 auto 20px; }
.alram_box.pa { padding: 0 0 10px 0; }
.alram_box_box > h2 > b { font-size: 18px;vertical-align: -1px; margin: 0 5px 0 0; }
.alram_box_box.fo { display: flex; align-items: center; }
.follow_profile_imgbox { width: 35px; height: 35px; position: relative; border-radius: 35px; border: 1px solid #ddd; overflow: hidden; }
.follow_profile_imgbox img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; }
.follow_profile_id { font-size: 14px; font-weight: 500; margin: auto 5px; }
.follow_profile_level img { width: 15px; height: 15px; }
.follow_member_checkbox { width: 20px; height: 20px; border-radius: 20px; border: 1px solid #ddd; margin: 0 5px 0 0; }
.label_member { width: 100%; display: flex; justify-content: space-between; align-items: center;}

.guide_wrap.re { width: 100%;  margin: 10px auto; justify-content: space-between;}
.guide_box.re { width: 49%; height: 25px; font-size: 12px; background: transparent; border: 1px solid #333; border-radius: 5px; color: #333; font-weight: 600; }

.sub_menu_login_inner { display: flex; justify-content: space-between; margin: 0 0 15px 0; }
.member_info_box { width: 49%; background: #999; color: #fff; display: flex; align-items: center; justify-content: center; padding: 5px 0; border-radius: 5px; font-size: 12px; }

/*member_level css*/

.level_head { width: 95%; margin: 10px auto 20px; }
.level_head_inner1 { width: 100%; display: flex; border: 1px solid #ddd; border-radius: 5px; justify-content: center; flex-direction: column; padding: 10px; }
.level_p, .level_h2 { width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; }
.level_h2 img { width: 25px; height: 25px; margin: auto 5px; }
.level_h2 h2 { font-size: 18px; font-weight: bold; }
.level_name { color: #15abc7; }
.level_p { margin: 5px auto 0; }
.level_p p { font-size: 14px; font-weight: 500; }


.level_guide_wrap { width: 100%; margin: 20px auto;}
.level_guide_box { width: 100%; margin: 0 auto 20px; border-bottom: 1px solid #ddd; padding: 0 0 15px 0; }
.level_guide_head { width: 100%; margin: 0 auto 10px; display: flex; justify-content: start; align-items: center; }
.level_guide_head img { width: 20px; height: 20px; margin: 0 5px 0 0; }
.level_guide_head h2 { font-size: 16px; font-weight: 600; }
.level_guide_body { width: 100%;  }
.level_guide_body p { font-size: 14px; font-weight: 500;  }

.member_level_wrap { width: 100%; margin: 20px auto 100px; display: flex; justify-content: center; align-items: center; }
.memver_level_bt { padding: 5px; background: #21b8d7; color: #fff; border-radius: 3px; font-size: 14px; font-weight: 500; }

.del_member_wrap { width: 100%; display: flex; justify-content: center; align-items: center; }
.del_member_bt { font-size: 12px; background: #e61e6A; color: #fff; width: 100%; text-align: center; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.alram_first_box { display: flex; align-items: center; }
.del_check_box { margin: 0 10px 0 0; display: none;}
.keyword_manage { font-size: 14px; display: flex; justify-content: center; align-items: center; font-weight: 600; }
.keyword_del_bt , .keyword_del1 {display: none; }
.keyword_del1 { background: transparent; font-size: 14px; font-weight: 600; }
#keyword_reset { display: none; }

.weight_innner_wrap { width: 95%; margin: auto; }
#myChart { margin: 20px auto 0; height: 17vw ; @media all and (max-width: 540px) {
    height: 55vw;
} }
.weight_list_wrap { width: 100%;  margin: auto; padding: 0 0 80px 0; }
.weight_list_head { width: 100%; display: flex; justify-content: space-evenly; align-items: center; margin: 10px auto; font-size: 16px; border: 1px solid #00aced; border-radius: 5px; padding: 5px 0;}
.weight_list_flex { width: 100%;  }
.weight_list_body { border: 1px solid #00aced; display: flex; justify-content: space-evenly; align-items: center; font-size: 16px; padding: 5px 0;  margin: 0 auto 10px;  border-radius: 5px;}
.weight_item { text-align: center; }
.weight_item:nth-child(1) { width: 35% }
.weight_item:nth-child(2) { width: 20% }
.weight_item:nth-child(3) { width: 25% }
.weight_item:nth-child(4) { width: 20% }
.weight_item:nth-child(4) > span:nth-child(1) { padding: 3px; background: #00aced; color: #fff; font-size: 12px; border-radius: 3px; }
.weight_item:nth-child(4) > span:nth-child(2) { padding: 3px; background: #999; color: #fff; font-size: 12px; border-radius: 3px; }

.diary_filter_wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto 20px; }
.diary_filter_wrap div { width: 24%; border: 2px solid #ddd; color: #ddd; font-size: 12px; font-weight: bold; text-align: center; padding: 5px 0; border-radius: 5px; }
.border_on { border: 2px solid #21b8d7 !important; color: #21b8d7 !important; }

.order_wrap { width: 95%;  margin: 0 auto 100px; }
.order_info { width: 100%;  }
.order_info > h2 { font-size: 18px; font-weight: bold; margin: 10px auto 15px; }
.order_info_box { width: 100%; display: flex;  justify-content: start; align-items: center; }
.order_info_imgbox { width: 100px; height: 100px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; margin: 0 2% 0 0;}
.order_info_imgbox img { width: 100%;height: 100%; object-fit: cover; }

.order_info_contents > h2 { font-size: 16px; font-weight: bold; }
.order_info_morph_box { display: flex; align-items: center; margin: 12px auto; }
.order_info_morph_swiper { width: 85%; }
.order_info_morph_box > p { font-size: 14px; font-weight: bold; margin: 0 5px 0 0; }
.order_info_footer { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.order_info_footer_box { display: flex; align-items: center; }
.order_info_footer_box > p  { padding: 5px; background: #ddd; color: #000; font-weight: bold; border-radius: 5px; }
.order_info_footer_box > p:nth-child(1) { margin: 0 5px 0 0; }
.order_info_footer_box > h2 { font-size: 16px; font-weight: bold; color: #333; }
.order_info_contents { width: 69%; }

.order_buyer { margin: 20px auto; }
.order_buyer > h2 { font-size: 18px; font-weight: bold; margin: 0 auto 15px;  }
.order_input_box { width: 100%; margin: 0 auto 20px; }
.order_input_box > p { font-size: 14px; font-weight: 700; margin: 0 auto 10px; color: #666; }
.order_input > p { font-size: 16px; font-weight: 700; color: #333; margin: 0 auto 10px; }
.order_input { border: 1px solid #ddd !important; border-radius: 20px; width: 100%; padding: 10px; }
.order_input_tel { display: flex; justify-content: space-between; align-items: center; }
.order_input_tel input { width: 30.333%; text-align: center; }
.order_input_tel span { color: #999; }
.order_input:focus { outline: none; }

.sample3_postcode, .sample3_address, .sample3_detailAddress, .sample3_extraAddress {
    border-bottom: 1px solid #999 !important;
    padding: 12px 0 10px 0;
}
#order_select { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 20px; }
.order_seller_box { width: 100%; display: flex; justify-content: start; align-items: center; margin: 0 auto 15px 0; }
.order_seller_imgbox { width: 100px; height: 100px; border: 1px solid #ddd; border-radius: 10px; margin: 0 5% 0 0; overflow: hidden; }
.order_seller_box h2 { font-size: 16px; font-weight: bold; color: #666; }
.order_seller_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.order_policy_wrap { padding: 15px; border: 1px solid #ddd; border-radius: 10px; }
.order_policy_wrap h2 { font-size: 14px; font-weight: 500; color: #333; margin: 10px auto; }
.order_policy_wrap p { font-size: 12px; font-weight: 500; color: #999; line-height: 17px; }
.order_result { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 20px auto; }
.order_result h2 { font-size: 20px; font-weight: bold; color: #000; }
.order_button { width: 100%; }
.order_bt { width: 100%; padding: 10px 0; color: #fff; background: #21b8d7; border-radius: 50px; text-align: center; font-size: 20px; font-weight: bold; }
.order_bt:focus { outline: none !important; }

/*membership css*/
.membership_wrap { width: 95%; margin: 20px auto; }
.membership_head { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto 20px; }
.membership_imgbox { width: 100px; height: 100px; border-radius: 20px; border: 1px solid #ddd; overflow: hidden; margin: 0 auto 10px; }
.membership_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.membership_head h2 { color: #333; font-size: 20px; font-weight: bold;  }

.membership_body { width: 100%; text-align: center; }
.membership_body h2 { font-size: 20px; font-weight: bold; line-height: 30px; }
.membership_body h2 span { color: #21b8d7;  }
.membership_body h6 { color: #333; margin: 20px auto 40px; font-weight: 700; font-size: 14px; }

.membership_bt_wrap { width: 300px; display: flex; justify-content: space-evenly; align-items: center; margin: 0 auto 50px; }

.membership_alert { padding: 15px; border-radius: 10px; border: 1px solid #ddd; text-align: center; }
.membership_alert p { color: #444; font-weight: 700; font-size: 14px; line-height: 25px; }
.membership_alert h6 { color: #e61e6a; margin: 10px auto 0; font-size: 12px; }
.membership_bt { padding: 10px 20px; background: #999; border-radius: 20px; font-size: 14px; font-weight: bold; color: #fff; }
.membership_bt:nth-child(1) { background: #21b8d7 !important; }
.order_h2 { font-size: 20px; font-weight: bold; margin: 10px auto 15px;  }
.order_p { font-size: 14px;font-weight: 700;margin: 0 auto 10px;color: #666; }

.order_sns_wrap { width: 100%;  margin: 0 auto 20px; display: flex; justify-content: start; align-items: center; }
.order_sns_wrap a { width: 35px; height: 35px; display: inline-block; margin: 0 5px 0 0; }
.order_sns_box { width: 100%; height: 100%;}
.order_sns_box img { width: 100%; object-fit: cover; height: 100%; }
.order_result_box { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.order_result_box p { color: #64797e; font-size: 16px; font-weight: 600; margin: 0 0 5px 0; }

.order_result h6 { font-size: 12px; font-weight: 600; color: #90a6a9; margin: 10px 0 0 0; }
.charge { color: #000 !important; font-weight: bold; }
.order_input_tel.result { justify-content: center; border: 1px solid #ddd; border-radius: 50px; padding: 10px; }
.order_input_tel.result img { width: 20px; margin: 0 5px 0 0; }
.order_input_tel.result p { font-size: 14px; font-weight: 600; }
.order_result_head { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto 10px; }
.order_result_head p { font-size: 10px; font-weight: 700; color: #999; }

.purchase_wrap { width: 95%; margin: auto; }
.purchase_box { width: 100%; margin: 0 auto 20px; }
.purchase_head { width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 10px; color: #333; border-bottom: 1px solid #eee; padding: 0 0 5px 0; }
.purchase_body { width: 100%; display: flex; margin: 10px auto; }
.purchase_imgbox { width: 100px; height: 100px; border-radius: 10px; overflow: hidden; border: 1px solid #eee; margin: 0 10px 0 0; }
.purchase_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.purchase_contents h2 { font-size: 16px; }
.purchase_head span { padding: 3px; border-radius: 3px; background: #21b8d7; color: #fff; }
.purchase_morph { width: 100%; display: flex; margin: 5px auto; justify-content: space-between; align-items: center; }
.purchase_contents h6 { margin: 5px 0 0 0; font-size: 12px; color: #333; }
.purchase_swiper { width: 50vw; }
.order_cancel { width: 100%; display: flex; justify-content: center; align-items: center; }
.cancel_bt { width: 100%; padding: 10px; color: #fff; background: #e61e6a; text-align: center; border-radius: 50px; font-weight: bold; font-size: 16px;  }
.cancel_bt_wrap { width: 100%; display: flex; justify-content: space-between; align-items: center;}
.cancel_wrap { width: 100%; height: 80%; background: #fff; position: fixed; bottom: -80%; z-index: 999999; transition: 0.2s; padding: 20px; border-radius: 20px 20px 0 0; }
.cancel_wrap > h2 { font-size: 16px; font-weight: bold; color: #333; }
.cancel_bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: fixed; z-index: 99999; top: 0; display: none; }
.cancel_head { width: 100%; justify-content: space-between; align-items: center; display: flex; margin: 0 auto 20px; }
.cancel_head h2 { font-size: 16px; font-weight: bold; color: #333; }
.cancel_x { font-size: 20px; font-weight: bold; }
#cancel_text { width: 100%; outline: none; border: 1px solid #ddd;  resize: none; padding: 10px; border-radius: 10px; margin: 0 auto 20px;}
.cancel_bt_wrap { width: 100%; justify-content: space-between; align-items: center; display: flex;  }
.cancel_bt_box { width: 49%; padding: 10px; border-radius: 10px; background: #999; color: #fff;  text-align: center; font-size: 16px;}
#cancel_order { background: #e61e6a; font-weight: bold; }
.new_event_profile { width: 20px; height: 20px; border-radius: 20px; border: 1px solid #ddd; margin: 0 5px 0 0; }
.new_event_profile img { width: 100%; height: 100%; object-fit: cover; }
/*.new_event_box.info { height: 375px; }*/
.new_event_subject.info { height: 45px; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; }

.object_imgbox_wrap { width: 100%; padding: 10px 0; border-radius: 5px; display: grid; grid-template-columns: 33% 33% 33%; grid-gap : 0.6%; margin: 0 auto 20px; }
.object_box { border: 1px solid #ddd; border-radius: 5px; overflow: hidden; }
.object_imgbox { width: 100%; height: 33vw; position: relative; }
.object_box h2 { padding: 5px; font-family: 'SUIT', sans-serif !important; font-size: 14px !important;  }
.object_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.object_bt { width: 100%; padding: 5px 0; background: #21b8d7; border-radius: 5px; margin: 20px auto;  text-align: center; color: #fff; font-size: 16px; font-weight: bold;  }
.object_del { position: absolute; right: 5px; top: 5px; width: 30px !important; height: 30px !important; z-index: 1; }
.dr_wall_wrap { width: 100%; display: flex; margin: 0 auto 5px; }
.wall { padding: 2px; border-radius: 10px; margin: 0 2px 0 0; font-size: 6px; color: #fff; font-weight: bold; }
.wall:last-child { margin: 0 0 0 0; }

/* morph_cal css */
.morph_wrap { width: 95%;  margin: 10px auto 0; }
.morph_serch_wrap { width: 100%; padding: 30px; display: grid; grid-template-columns: 49% 49%; grid-gap : 2%; border: 1px solid #ddd; margin: 10px auto 0; border-radius: 10px; }
.morph_serch_box { border: 2px solid;  padding: 5px; text-align: center; border-radius: 25px; font-size: 14px; font-weight: 700; margin: 0 0 10px 0; display: flex; justify-content: center; align-items: center; }
.morph_checkbox { display: none; }
.morph_del_box { width: 30px; }
.morph_del_box img { width: 100%; }
.morph_wrap > form > h2 { font-size: 18px; font-weight: 700; }
#morph_submit { width: 100%; background: #21b8d7; color: #fff; border-radius: 50px; height: 40px; font-size: 18px; font-weight: 700; margin: 40px auto 80px; }
.morph_result_wrap { width: 95%; margin: 50px auto 0;  }




/* 피그마 css 수정 */

.fixbuttonwrap {
    display: flex;
    justify-content: end;
    margin: 10px 0 0 0;
}

.diary_bt.button {
    padding: 5px 10px;
    width: auto !important;
}