@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");


img {border: 0px; padding: 0px; margin: 0px}
body {font-size: 12px; margin: 0px; background-color: white; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
a {text-decoration: none; color: white}
#id:focus {outline: none}

/* 크롬, 사파리 등 WebKit 기반 브라우저 */
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}


/* 모든 브라우저에서 기본 appearance 제거 */
input[type="date"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  font-size: 13px; font-weight: 500;
  text-align: left;
  background-image: url('/garage/images/filter_date.png');
  background-size: 16px
}

/* 2. [핵심] 아이폰 사파리 내부 텍스트 강제 정렬 */
input[type="date"]::-webkit-date-and-time-value {
    text-align: left;
}

/* Chrome, Safari, Edge에서 달력 아이콘 제거 */
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

/* Firefox에서 기본 UI 제거 */
input[type="date"] {
  -moz-appearance: textfield;
}

/* 모든 input 요소 */
input {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;;
  font-size: 16px;
}


/* select와 option 요소 */
select, option {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;;
  font-size: 16px;
}


.clear {clear: both}
.no_dis {display: none}
.pad25 {padding: 2.5%}
.pad5 {padding: 5%}
.pad5n {padding: 0px 5%}
.t12 {font-size: 12px; font-weight: 400}
.t_lef {text-align: left}
.t_bold {font-weight: 700}
.t_orange {color: #ffa218}

.bgcover {background-size: cover; background-position: center; background-repeat: no-repeat;}

.lef {float: left}
.rig {float: right}
.cent {text-align: center;}

.h10 {height: 10px}
.h15 {height: 15px}
.h20 {height: 20px}

/* .bgbk {display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; overflow: hidden; background-image: url('/garage/images/op50.png'); z-index: 10}
.bgbk_inner {width: 90%; height: 90vh; overflow-y: scroll; background-color: white; font-size: 15px; line-height: 24px;} */

.bgbk {display: none; position: fixed; top: 0px; left: 50%; width: 440px; height: 100vh; overflow: hidden; background-image: url('/garage/images/op50.png'); z-index: 10}
.bgbk_inner {width: 90%; height: 90vh; margin: 5vh 5%; overflow-y: scroll; background-color: white; font-size: 15px; line-height: 24px; border-radius: 15px;

    &::-webkit-scrollbar {
        display: none;
    }
    scrollbar-width: none; -ms-overflow-style: none;
}
.bgbk_bt {position: absolute; bottom: 2.5vh; left: 5%; width: 90%; height: 56px; line-height: 56px; border-radius: 15px; text-align: center; color: white; background-color: #ff9200; font-size: 15px; font-weight: 600}

.bottom_menu {position: fixed; display: none; width: 100%; min-height: 100px; left: 0px; bottom: -100vh; border-top-right-radius: 20px; border-top-left-radius: 20px; background-color: white; box-shadow: 0px 0px 10px black; z-index: 100}



.popup_type {width: 80%; margin: 10vh auto; background-color: white; box-shadow: 0px 0px 10px gray; border-radius: 10px; padding: 0px 0px 0px 0px}
.popup_title {height: 40px; line-height: 40px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #ffa218; color: white; text-align: center; font-size: 16px; font-weight: bold;}
.popup_bt_lef {float: left; width: 30%; height: 44px; line-height: 44px; text-align: center; background-color: #dfdfdf; border-bottom-left-radius: 10px; color: #333; cursor: pointer; font-size: 16px;}
.popup_bt_rig {float: right; width: 70%; height: 44px; line-height: 44px; background-color: #333; text-align: center; color: white; font-size: 16px; border-bottom-right-radius: 10px;}

.confirm {width: 285px; height: 188px; padding: 15px; margin: calc(50vh - 100px) auto 0px auto; text-align: center; background-color: white; border-radius: 15px;}
.confirm_title {font-weight: 700; font-size: 22px; line-height: 28px; margin: 15px 0px 0px 0px}
.confirm_detail {font-size: 15px; font-weight: 400px; line-height: 22px; margin: 10px 0px 35px 0px;}
.confirm_cancel {float: left; width: 137px; height: 56px; line-height: 56px; border-radius: 8px; background-color: #f5f6f6; color: #92989D; font-weight: 600; font-size: 16px;}
.confirm_save {float: right; width: 137px; height: 56px; line-height: 56px; border-radius: 8px; background-color: #ff9200; color: white; font-weight: 600; font-size: 16px;}

.bt_type_1 {height: 56px; line-height: 56px; background-color: #ff9200; border-radius: 10px; text-align: center; color: white; font-size: 16px; margin: 10px 0px; font-weight: 600;}

.top_search {float: left; width: calc(100% - 75px); height: 48px; border-radius: 10px; background-color: #f1f1f1; border: 0px; font-size: 18px; padding: 0px 20px}

.top_message {float: right; width: 48px; height: 48px; background-image: url('/garage/images/ic_coment.png'); background-size: 24px; background-position: center; background-repeat: no-repeat;}

.top_brand_add {height: 36px; line-height: 36px; color: #000; background-color: #F0F1F3; font-size: 13px; border-radius: 7px; font-weight: normal; text-align: center;}

.top_brand {height: 30px; margin: 0px 0px 15px 0px}
.top_brand_pic {float: left; width: 30px; height: 30px; background-size: contain; background-position: center; background-repeat: no-repeat; border-radius: 50%;}
.top_brand_name {float: left; margin: 0px 8px; font-size: 13px; font-weight: bold;}
.top_brand_name_s {float: left; margin: 0px 8px; font-size: 13px; font-weight: bold; color: #ffa218}
.top_brand_chk {float: right; width: 20px; height: 20px; background-image: url('/garage/images/top_brand_chk.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}


.top_brands_s {float: left; height: 30px; margin: 0px 10px 10px 10px; background: orange; color: white}
.top_brands {float: left; height: 30px; margin: 0px 10px 10px 10px; background: gray; color: white}

.top_cate_w {padding: 5% 0px 0px 0px; width: 100%; height: 94px; overflow-x: scroll}
.top_cate_w::-webkit-scrollbar {
    display: none;
}
.top_cate_w_inner {padding: 0px 5%; width: 120%; height: 94px}
.top_cate {float: left; width: 70px; height: 94px; margin: 0px 15px 0px 0px}
.top_cate_pic {width: 62px; height: 62px; border: 2px solid white; background-color: #f1f1f1; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat}
.top_cate_p {width: 66px; height: 66px; border: 2px solid white; border-radius: 50%;}
.top_cate_p_s {width: 66px; height: 66px; border: 2px solid #ff9200; border-radius: 50%;}
.top_cate_b {width: 70px; height: 24px; line-height: 24px; text-align: center; color: #000; font-size: 11px; font-weight: 400;}

.gray_line {height: 8px; background-color: #E8EAEC}

.header {position: absolute; top: 0px; left: 0px; width: 90%; padding: 0px 5%; height: 56px; line-height: 56px; background-color: white; z-index: 3}
.header_ai {position: absolute; top: 0px; left: 0px; width: 90%; padding: 0px 5%; height: 56px; line-height: 56px; background-image: url('/garage/images/op40_wh.png'); color: white}

.header5 {padding: 5% 5% 0px 5%}
.header_back {float: left; width: 40px; height: 56px; background-image: url('/garage/images/header_back.png'); background-size: 30px; background-repeat: no-repeat; background-position: left center;}
.header_title {float: left; width: 80%; height: 30px; line-height: 30px; font-size: 22px; margin: 13px 0px; font-weight: 700;}
.header_vct {height: 56px}
.header_search_w {float: right; width: calc(100% - 50px); height: 38px; margin: 9px 0px}

.header_title_list {float: left; width: 60%; height: 30px; line-height: 30px; font-size: 22px; margin: 13px 0px; font-weight: 700;}

.header_filter {float: right; height: 38px; line-height: 38px; padding: 0px 0px 0px 20px; font-size: 13px; color: #929B9D; background-image: url('/garage/images/filter_n.png'); background-size: 16px; background-position: left center; background-repeat: no-repeat; margin: 9px 0px 0px 0px; cursor: pointer; font-weight: 500;}
.header_filter_s {float: right; height: 38px; line-height: 38px; padding: 0px 0px 0px 20px; font-size: 13px; color: black; background-image: url('/garage/images/filter_n_s.png'); background-size: 16px; background-position: left center; background-repeat: no-repeat; margin: 9px 0px 0px 0px; cursor: pointer;}


.header_mypage{position: relative; float: left; font-size: 22px; font-weight: 700; line-height: 30px; padding: 0px 22px 0px 0px;z-index: 100} 
.header_brand {position: relative; float: left; font-size: 22px; font-weight: 700; line-height: 30px; padding: 0px 22px 0px 0px; background-image: url('/garage/images/header_brand.png'); background-size: 20px; background-position: right center; background-repeat: no-repeat; z-index: 100}
.header_brand_list {position: absolute; display: none; width: 150px; top: 30px; left: 0px; box-shadow: 0px 0px 10px gray; border-radius: 15px; background: white; padding: 15px}

.header_brand_no {position: relative; float: left; font-size: 22px; font-weight: 700; line-height: 30px; padding: 0px 22px 0px 0px; z-index: 100}


.header_noti {float: right; width: 30px; height: 30px; background-image: url('/garage/images/header_noti.png'); background-size: 100%; background-position: center; background-repeat: no-repeat;}
.header_search {float: right; width: 30px; height: 30px; background-image: url('/garage/images/header_search.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; margin: 0px 12px}
.header_today {float: right; width: 30px; height: 30px; line-height: 30px; text-align: center; color: white; background-color: #FF9200; font-size: 9px; border-radius: 50%; margin: 0px}
.header_viewtype {float: right; width: 30px; height: 30px; background-image: url('/garage/images/header_viewtype.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; margin: 0px 12px}
.header_viewtype_list {float: right; width: 30px; height: 30px; background-image: url('/garage/images/header_viewtype_list.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; margin: 0px 12px}
.header_setting {float: right; width: 30px; height: 30px; background-image: url('/garage/images/header_setting.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; margin: 0px 12px}

.footer {position: fixed; left: 50%; bottom: 0px; width: 440px; height: 70px; line-height: 70px; background-color: white; padding: 0px; text-align: center; color: #333; font-size: 10px; font-weight: 500; z-index: 2}
.footer_ai {position: fixed; left: 50%; bottom: 0px; width: 440px; height: 70px; line-height: 70px; background-image: url('/garage/images/op40_wh.png'); padding: 0px; text-align: center; color: white; font-size: 13px}
.footer_vct {height: 70px}


.menu_1 {float: left; width: 20%; height: 20px; line-height: 20px; margin: 10px 0px 0px 0px; padding: 30px 0px 0px 0px; background-image: url('/garage/images/menu_1.png'); background-size: 30px; background-position: top center; background-repeat: no-repeat; font-weight: 500; opacity: 0.4;}
.menu_2 {float: left; width: 20%; height: 20px; line-height: 20px; margin: 10px 0px 0px 0px; padding: 30px 0px 0px 0px; background-image: url('/garage/images/menu_0.png'); background-size: 30px; background-position: top center; background-repeat: no-repeat; font-weight: 500; opacity: 0.4;}
.menu_3 {float: left; width: 20%; height: 20px; line-height: 20px; margin: 10px 0px 0px 0px; padding: 30px 0px 0px 0px; background-image: url('/garage/images/menu_3.png'); background-size: 30px; background-position: top center; background-repeat: no-repeat; font-weight: 500; opacity: 0.4;}
.menu_4 {float: left; width: 20%; height: 20px; line-height: 20px; margin: 10px 0px 0px 0px; padding: 30px 0px 0px 0px; background-image: url('/garage/images/menu_2.png'); background-size: 30px; background-position: top center; background-repeat: no-repeat; font-weight: 500; opacity: 0.4;}
.menu_5 {float: left; width: 20%; height: 20px; line-height: 20px; margin: 10px 0px 0px 0px; padding: 30px 0px 0px 0px; background-image: url('/garage/images/menu_4.png'); background-size: 30px; background-position: top center; background-repeat: no-repeat; font-weight: 500; opacity: 0.4;}

.menu_1_s {float: left; width: 20%; height: 20px; line-height: 20px; margin: 10px 0px 0px 0px; padding: 30px 0px 0px 0px; background-image: url('/garage/images/menu_1.png'); background-size: 30px; background-position: top center; background-repeat: no-repeat; font-weight: 500;}
.menu_2_s {float: left; width: 20%; height: 20px; line-height: 20px; margin: 10px 0px 0px 0px; padding: 30px 0px 0px 0px; background-image: url('/garage/images/menu_0.png'); background-size: 30px; background-position: top center; background-repeat: no-repeat; font-weight: 500;}
.menu_3_s {float: left; width: 20%; height: 20px; line-height: 20px; margin: 10px 0px 0px 0px; padding: 30px 0px 0px 0px; background-image: url('/garage/images/menu_3.png'); background-size: 30px; background-position: top center; background-repeat: no-repeat; font-weight: 500;}
.menu_4_s {float: left; width: 20%; height: 20px; line-height: 20px; margin: 10px 0px 0px 0px; padding: 30px 0px 0px 0px; background-image: url('/garage/images/menu_2.png'); background-size: 30px; background-position: top center; background-repeat: no-repeat; font-weight: 500;}
.menu_5_s {float: left; width: 20%; height: 20px; line-height: 20px; margin: 10px 0px 0px 0px; padding: 30px 0px 0px 0px; background-image: url('/garage/images/menu_4.png'); background-size: 30px; background-position: top center; background-repeat: no-repeat; font-weight: 500;}


.txt_title {line-height: 28px; font-size: 18px; font-weight: bold;}
div.txt_title a {font-size: 12px; color: #ffa218; font-weight: normal; text-decoration: underline}
.txt_sub {line-height: 20px; font-size: 12px; color: #A1A1A1; }

.filter {float: left; background: #f5f6f6; line-height: 38px; height: 38px; border-radius: 10px; font-size: 13px; margin: 20px 0px 0px 0px}
.filter_m {float: left; height: 34px; line-height: 34px; margin: 2px; padding: 0px 10px; border-radius: 10px; color: #929B9D; cursor: pointer; font-weight: 500;}
.filter_m_s {float: left; height: 34px; line-height: 34px;margin: 2px; padding: 0px 10px; border-radius: 10px; background-color: white; color: black; font-weight: 600;}
.filter_n {float: right; height: 38px; line-height: 38px; padding: 0px 0px 0px 20px; font-size: 13px; color: #929B9D; background-image: url('/garage/images/filter_n.png'); background-size: 16px; background-position: left center; background-repeat: no-repeat; margin: 20px 0px 0px 0px; cursor: pointer; font-weight: 500;}
.filter_n_s {float: right; height: 38px; line-height: 38px; padding: 0px 0px 0px 20px; font-size: 13px; color: black; background-image: url('/garage/images/filter_n_s.png'); background-size: 16px; background-position: left center; background-repeat: no-repeat; margin: 20px 0px 0px 0px; cursor: pointer;}

.filter_date {float: left; width: calc(50% - 42px); height: 38px; line-height: 38px; border: 1px solid #d1d1d1; padding: 0px 0px 0px 10px; color: #494949; font-size: 12px; background-image: url('/garage/images/ic_calendar.png'); background-size: 18px; background-position: 95% center; background-repeat: no-repeat; border-radius: 10px; background-color: white; border: 1px solid #efefef; margin: 0px 10px 0px 0px; text-align: left;}
.filter_more {float: right; text-decoration: underline; line-height: 40px; color: #A1A1A1; font-size: 12px}
.filter_go {float: left; width: 38px; height: 38px; line-height: 38px; border-radius: 10px; margin: 0px 0px 0px 0px; background-color: black; background-image: url('/garage/images/filter_go.png'); background-size: 18px; background-position: center; background-repeat: no-repeat;}
.filter_text {float: left; width: calc(90% - 62px); padding: 0px 5%; margin: 0px 10px 0px 0px; height: 36px; border: 1px solid #E6E9EA; font-size: 16px; border-radius: 8px;}
.filter_text_se {float: left; width: calc(95% - 52px); padding: 0px 2.5%; margin: 0px 10px 0px 0px; height: 36px; line-height: 36px; border: 1px solid #E6E9EA; font-size: 14px; border-radius: 8px; color: gray}
.filter_text_th {float: left; width: calc(95% - 2px); padding: 0px 2.5%; margin: 0px 0px 0px 0px; height: 36px; line-height: 36px; border: 1px solid #E6E9EA; font-size: 14px; border-radius: 8px; color: gray}


.filter_list {float: right; width: 30px; height: 38px; line-height: 38px; padding: 0px 0px 0px 0px; background-image: url('/garage/images/filter_list.png'); background-size: 30px; background-position: left center; background-repeat: no-repeat; margin: 20px 0px 0px 10px; cursor: pointer;}
.filter_square {float: right; width: 30px; height: 38px; line-height: 38px; padding: 0px 0px 0px 0px; background-image: url('/garage/images/filter_square.png'); background-size: 30px; background-position: left center; background-repeat: no-repeat; margin: 20px 0px 0px 0px; cursor: pointer;}

.filter_day_w {height: 38px; line-height: 38px; background-color: #F5F6F6; border-radius: 10px; text-align: center; color: #929B9D; font-size: 13px; font-weight: 500; margin: 20px 0px}
.filter_day {float: left; width: 25%;}
.filter_day_s {float: left; width: calc(25% - 4px); line-height: 34px; background-color: white; margin: 2px; color: black; font-weight: 600; border-radius: 10px;}
.filter_day_download {height: 54px; line-height: 54px; border: 1px solid black; font-size: 15px; font-weight: 500; border-radius: 10px; text-align: center; margin: 40px 0px}

/* Product */


.product_m_lef {float: left; width: 47.5%; height: 295px; margin: 0px 5% 5% 0px; position: relative}
.product_m_rig {float: right; width: 47.5%; height: 295px; margin: 0px 0px 5% 0px}
.product_m2_lef {float: left; width: 47.5%; height: 255px; margin: 5% 5% 0px 0px}
.product_m2_rig {float: right; width: 47.5%; height: 255px; margin: 5% 0px 0px 0px}
.product_m2_select_submit {position: absolute; bottom: 2.5%; left: 5%; width: 90%; height: 56px; line-height: 56px; font-size: 16px; font-weight: 600; border-radius: 15px; background-color: #ff9200; color: white; text-align: center; z-index: 10}

.product_m3_lef {position: relative; width: 100%; height: 93px; margin: 5% 0px 0px 0px}
.product_m3_rig {position: relative; width: 100%; height: 93px; margin: 5% 0px 0px 0px}

.product_mp {position: relative; height: 210px; border-radius: 15px; background-color: #f2f2f2; background-size: cover; background-position: center; background-repeat: no-repeat;}
.product_mp3 {float: left; width: 80px; height: 93px; border-radius: 10px; background-color: #f2f2f2; background-size: cover; background-position: center; background-repeat: no-repeat;}

.product_m_stop {position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; width: 100%; height: 210px; line-height: 210px; text-align: center; color: white; font-size: 13px; font-weight: 500; background-image: url('/garage/images/op30.png'); border-radius: 15px;}

.product_mp_num {position: absolute; top: 9px; left: 9px; min-width: 16px; height: 22px; line-height: 22px; border:1px solid white; border-radius: 8px; padding: 0px 3px; color: white; background-image: url('/garage/images/op30.png'); text-align: center; font-size: 12px}
.product_mp_more {position: absolute; top: 9px; right: 9px; width: 40px; height: 22px; line-height: 22px; border-radius: 11px; background-image: url('/garage/images/product_mp_more.png'); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; z-index: 1}
.product_mp_more_s {position: absolute; top: 9px; right: 9px; width: 40px; height: 22px; line-height: 22px; border-radius: 11px; background-image: url('/garage/images/product_mp_more_s.png'); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; z-index: 1}
.product_mp_cursor {position: absolute; top: 33px; left: 0px; width: 100%; height: 150px;}
.product_mp_check {position: absolute; top: 9px; right: 9px; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; background-image: url('/garage/images/op50_wh.png'); border: 1px solid white; z-index: 5}
.product_mp_check_s {position: absolute; top: 9px; right: 9px; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background-image: url('/garage/images/product_mp_check_s.png'); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 5}


.product_sm {margin: 0px 0px 20px 0px}
.product_smp {float: left; position: relative; width: 80px; height: 93px; border-radius: 10px; text-align: center;}
.product_smp_stop {position: absolute; top: 0px; left: 0px; background-image: url('/garage/images/op30.png'); width: 80px; height: 93px; border-radius: 10px; line-height: 93px; text-align: center; color: white}

.product_sname {float: left; width: 60%; line-height: 16px; min-height: 32px; margin: 20px 12px; font-size: 13px; font-weight: 400;}
.product_smp_more {float: right; width: 20px; height: 20px; margin: 36px 0px; background-image: url('/garage/images/product_smp_more.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.product_ssales {line-height: 24px; background-image: url('/garage/images/product_sales.png'); background-size: 14px; background-position: left center; background-repeat: no-repeat; padding: 0px 0px 0px 20px; color: #ff7700; font-size: 12px; margin: 5px 0px; font-weight: 500;}
.product_ssales_down {line-height: 24px; background-image: url('/garage/images/product_sales_down.png'); background-size: 14px; background-position: left center; background-repeat: no-repeat; padding: 0px 0px 0px 20px; color: #0088FF; font-size: 12px; margin: 5px 0px; font-weight: 500;}

.product_name {font-size: 13px; line-height: 18px; height: 36px; overflow: hidden; color: black; margin: 9px 5px 2px 5px; font-weight: 400;}
.product_name3 {float: left; width: 70%; line-height: 16px; min-height: 32px; margin: 30px 0px 0px 10px; font-size: 13px; font-weight: 400;}

.product_badge {width: 58px; height: 22px; line-height: 22px; font-size: 10px; color: #FF663C; background-color: #f1f1f1; border-radius: 7px; text-align: center; margin: 5px 0px}
.product_badge_1 {width: 58px; height: 22px; line-height: 22px; font-size: 10px; color: #007BEC; background-color: #f1f1f1; border-radius: 7px; text-align: center; margin: 5px 0px}

.product_sales {line-height: 24px; background-image: url('/garage/images/product_sales.png'); background-size: 14px; background-position: left center; background-repeat: no-repeat; padding: 0px 0px 0px 20px; color: #ff7700; font-size: 12px; margin: 0px 5px; font-weight: 500;}
.product_sales_down {line-height: 24px; background-image: url('/garage/images/product_sales_down.png'); background-size: 14px; background-position: left center; background-repeat: no-repeat; padding: 0px 0px 0px 20px; color: #0088FF; font-size: 12px; margin: 0px 5px; font-weight: 500;}

.product_view_more {display: none; position: absolute; bottom: 100px; left: calc(50% - 100px); width: 200px; height: 46px; line-height: 46px; text-align: center; font-size: 13px; background: #F0F1F3; border-radius: 40px; color: black; cursor: pointer; z-index: 2}
.product_view_more_s {width: 200px; height: 46px; line-height: 46px; text-align: center; font-size: 13px; background: #F0F1F3; border-radius: 40px; color: black; cursor: pointer; margin: 50px auto}

.event_filter_s {float: left; line-height: 28px; border: 1px solid #FFCC80; padding: 0px 10px; color: #ffa218; font-size: 12px;  border-radius: 15px; background-color: #FFF6E8; margin: 0px 10px 20px 0px }
.event_filter {float: left; height: 28px; line-height: 28px; border: 1px solid #E9E9E9; padding: 0px 10px; color: #494949; font-size: 12px; border-radius: 15px; margin: 0px 10px 20px 0px}

.event_calendar {float: right; width: 28px; height: 28px; line-height: 28px; border: 1px solid #e9e9e9; border-radius: 10px; background-image: url('/garage/images/menu_2.png'); background-size: 18px; background-position: center; background-repeat: no-repeat;}

.event_m {padding: 2.5%; border-bottom: 1px solid #efefef}
.event_m_res {padding: 2.5%; border-bottom: 1px solid #efefef; color: #c5c5c5}

.event_mark_type_res {float: left; width: 20px; height: 20px; border-radius: 50%; background-color: #efefef; margin: 20px 0px}
.event_mark_type_1 {float: left; width: 20px; height: 20px; border-radius: 50%; background-color: #B9FA78; margin: 20px 0px}
.event_mark_type_2 {float: left; width: 20px; height: 20px; border-radius: 50%; background-color: #FF9C41; margin: 20px 0px}
.event_mark_type_3 {float: left; width: 20px; height: 20px; border-radius: 50%; background-color: #FF5151; margin: 20px 0px}
.event_mark_type_4 {float: left; width: 20px; height: 20px; border-radius: 50%; background-color: #8FE2FF; margin: 20px 0px}

.event_body {float: left; width: calc(100% - 120px); height: 60px; margin: 0px 10px}
.event_body_t {height: 36px; line-height: 36px; font-size: 16px;}
.event_body_c {height: 24px; line-height: 24px; color: #c5c5c5}
.event_part {float: right; width: 45px; height: 30px; margin: 15px 0px;}
.event_part_ppl {float: left; width: 28px; height: 28px; border: 1px solid white; margin: 0px 0px 0px -15px; background-color: #F2f2f2; border-radius: 50%;}

.noti_m {margin: 20px 5% 0px 5%}
.noti_m_n {margin: 5% 5% 0px 5%; border: 1px solid #FFA218; border-radius: 10px; padding: 5% 2.5%; color: #FFA218; background-color: #FFF6E8; box-shadow: 0px 0px 7px #dfdfdf;}
.noti_mp {float: left; border-radius: 50%; width: 40px; height: 40px; background-size: contain; background-color: #f2f2f2; background-position: center; background-repeat: no-repeat;}
.noti_mb {float: right; width: 80px; height: 38px; border-radius: 8px; background-color: #f5f6f6; text-align: center; line-height: 38px; font-weight: 500; font-size: 13px; color: black;}

.noti_body {float: left; width: calc(100% - 150px); margin: 0px 10px}
.noti_close {float: right; width: 24px; height: 24px; background-image: url('/garage/images/ic_close.png'); background-size: 100%; background-position: center; background-repeat: no-repeat;}
.noti_body_t {font-size: 15px; font-weight: 600; margin: 0px 0px 5px 0px}
.noti_body_c {font-size: 12px; color: #ABB4B5; font-weight: 500;}

.mypage_w {background-color: #F9FAFA; padding: 10px 3% 0px 3%; margin: 5%; border-radius: 10px;}
.mypage_wt {color: #ff7700; font-size: 13px; font-weight: 500}

.mypage_brand {padding: 5%}
.mypage_brand_pic {float: left; width: 74px; height: 74px; border-radius: 50%; background-color: #f2f2f2; background-position: center; background-size: contain; background-repeat: no-repeat;}
.mypage_brand_name {float: left; line-height: 74px; font-size: 22px; margin: 0px 12px; font-weight: 700;}
.mypage_brand_edit {float: left; width: 30px; height: 28px; line-height: 28px; border-radius: 14px; margin: 23px 12px; background-color: #f0f3f3; padding: 0px 0px 0px 22px; text-align: left; color: #929b9d; font-size: 12px; font-weight: 500; background-image: url('/garage/images/mypage_brand_edit.png'); background-size: 14px; background-position: 5px center; background-repeat: no-repeat;}
.mypage_m {line-height: 52px; font-size: 15px; font-weight: 600;}

.mypage_logout {width: 75px; height: 42px; line-height: 42px; background-color: #f5f6f6; border-radius: 21px; text-align: center; margin: 40px auto 200px auto; color: #92989D; font-size: 13px; font-weight: 600;}

/* calednar */

.calendar {padding: 0px 2.5%;}
.calendar_tr {width: 100%; height: 110px; border-bottom: 1px solid #E8EAF0; text-align: center; overflow: hidden}

.calendar_td_sat {float: left; width: 15%; height: 48px; line-height: 48px; font-size: 16px; color: #000; position: relative}
.calendar_td {float: left; width: 14%; height: 48px; line-height: 48px; font-size: 16px; color: #000; position: relative}
.calendar_td_sun {float: left; width: 15%; height: 48px; line-height: 48px; font-size: 16px; color: #000; position: relative}
.calendar_td_this_day {position: absolute; top: 8px; left: calc(50% - 16px); border-radius: 16px; width: 30px; height: 22px; line-height: 22px; background-color: #FF9200; color: white; text-align: center}
.calendar_td_view_day {height: 1110px; overflow: hidden}

.cal_month_w {width: 95%; padding: 0px 2.5%; height: 48px; background: white; text-align: center; margin: -5px 0px 0px 0px;}
.cal_day_m {float: left; width: 14%; height: 48px; line-height: 48px; font-size: 16px; color: #ABAEB5}
.cal_day_m_sat {float: left; width: 15%; height: 48px; line-height: 48px; font-size: 16px; color: #ABAEB5}
.cal_day_m_sun {float: left; width: 15%; height: 48px; line-height: 48px; font-size: 16px; color: #ABAEB5}

.calendar_td_row_start {height: 20px; line-height: 20px; padding: 0px 5px; background-color: #f2f2f2; color: black; font-size: 9px; overflow: hidden; border-top-left-radius: 3px; border-bottom-left-radius: 3px; margin: 0px 0px 1px 0px; font-weight: 600}
.calendar_td_row {height: 20px; line-height: 20px; padding: 0px 5px; background-color: #f2f2f2; color: black; font-size: 9px; overflow: hidden; margin: 0px 0px 1px 0px; font-weight: 600}
.calendar_td_row_end {height: 20px; line-height: 20px; padding: 0px 5px; background-color: #f2f2f2; color: black; font-size: 9px; overflow: hidden; border-top-right-radius: 3px; border-bottom-right-radius: 3px;; margin: 0px 0px 1px 0px; font-weight: 600}
.calendar_td_row_more {height: 19px; line-height: 20px; padding: 0px 5px; background-color: #F0F3F3; color: black; font-size: 9px; overflow: hidden; border-radius: 3px; margin: 0px 0px 1px 0px; font-weight: 600}

.calendar_view_day {position: absolute; bottom: -100vh; left: 0px; width: 100%; height: 100vh; background-color: white; z-index: 1000}

.calendar_m {border-bottom: 1px solid #efefef; height: 50px; line-height: 50px;}

/* ai */

.ai_wrap {position: absolute; display: none; width: 100%; height: 90vh; left: 0px; bottom: -100vh; border-top-right-radius: 20px; border-top-left-radius: 20px; background-color: white; box-shadow: 0px 0px 10px black; z-index: 100}
.ai_inner {position: absolute; top: 0px; left: 0px; width: 100%; height: 90vh; overflow-y: scroll}
.ai_close {position: absolute; width: 40px; height: 40px; top: 20px; left: 20px; background-image: url('/garage/images/ic_close.png'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 101}
.ai_chat {position: absolute; bottom: 20px; left: 5%; width: 85%; height: 44px; line-height: 44px; padding: 0px 2.5%; font-size: 16px; border-radius: 10px; border: 1px solid #dfdfdf; background-color: #f2f2f2; box-shadow: 0px 0px 10px gray;}

.ai_title {margin: 10% 5% 0px 5%; font-size: 16px;}
div.ai_title span {font-size: 22px; font-weight: bold;}
.ai_summary {border: 1px solid #efefef; border-radius: 10px; margin: 5%; padding: 5%; background-color: #f7f7f7}
.ai_summary_lef {float: left; font-size: 16px; line-height: 44px;}
.ai_summary_rig {float: right; font-size: 20px; line-height: 44px; color: #FFCC80}


/* login */
.login_w {margin: 10% 5%; font-size: 16px; color: #333}
.login_title {width: 164px; height: 34px; margin: 20px auto 30px auto; background-image: url('/garage/images/login_title.png'); background-size: cover; background-position: center; background-repeat: no-repeat}
.ipt_login {width: 90%; background-color: #F5F6F6; height: 50px; line-height: 50px; margin: 0px 0px 5px 0px; padding: 0px 5%; font-size: 16px; border-radius: 10px; border: 0px}
.login_bt {height: 56px; line-height: 56px; background-color: #ff9200; border-radius: 10px; text-align: center; color: white; font-size: 20px; margin: 10px 0px; font-weight: bold;}
.login_txt {padding: 5%; background-color: #f7f7f7; border-radius: 15px; font-size: 13px; color: gray; line-height: 24px; margin: 5% 0px 0px 0px}

.login_auto {float: left; height: 18px; line-height: 18px; padding: 0px 0px 0px 20px; font-size: 13px; color: #ABB4B5; background-image: url('/garage/images/filter_n.png'); background-size: 16px; background-position: left center; background-repeat: no-repeat; margin: 15px 0px 20px 0px; cursor: pointer; font-weight: 500;}
.login_auto_s {float: left; height: 18px; line-height: 18px; padding: 0px 0px 0px 20px; font-size: 13px; color: black; background-image: url('/garage/images/filter_n_s.png'); background-size: 16px; background-position: left center; background-repeat: no-repeat; margin: 15px 0px 20px 0px; cursor: pointer; font-weight: 500;}
.login_idpw {float: right; line-height: 18px; font-size: 13px; color: #ABB4B5; margin: 15px 0px 20px 0px}

.login_sign {width: 73px; height: 40px; line-height: 40px; border: 1px solid #ff9200; border-radius: 21px; text-align: center; color: black; font-size: 13px; font-weight: 600; margin: 200px auto; cursor: pointer;}


.info_title {font-size: 14px; color: #838383; margin: 20px 0px 10px 0px}
div.login_txt a {color: #ffa218; font-weight: bold;}
.info_photo {width: 95px; height: 95px; margin: 20px auto; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f2f2f2;}
.info_photo_txt {text-align: center; color: #ff7700; font-size: 14px; text-decoration: underline; font-weight: 600;}

/* howto */
.howto {}
div.howto img {float: left; width: 90%; margin: 20px 5%}

.myinfo_box {width: 580px; margin: 200px auto;}

.howtoslide {margin: 50px 5%}

.howtoslide_t {font-size: 20px; margin: 0px 0px 20px 0px; font-weight: bold;}
.howtoslide_bt {float: left; height: 42px; line-height: 42px; padding: 0px 5%; font-size: 16px; color: #b0b0b0; border: 1px solid #e6e6e6; background-color: #f4f4f4; border-radius: 10px; margin: 0px 10px 10px 0px; font-weight: bold; cursor: pointer;}
.howtoslide_bt_s {float: left; height: 42px; line-height: 42px; padding: 0px 5%; font-size: 16px; color: white; border: 1px solid #FFA218; background-color: #FFA218; border-radius: 10px; margin: 0px 10px 10px 0px; font-weight: bold;}

.howtoslide_txt {font-size: 16px; color: #b0b0b0; margin: 10% 0px}
.howtoslide_img {width: 100%}



/* biz */
.biz_tab_s {float: left; width: 33.3%; height: 45px; line-height: 50px; text-align: center; font-size: 16px; color: #ffa218; border-bottom: 5px solid #ffa218}
.biz_tab {float: left; width: 33.3%; height: 49px; line-height: 50px; text-align: center; font-size: 16px; color: #838383; border-bottom: 1px solid #efefef}
.biz_wrap {position: relative; margin: 5% 5% 0% 5%; padding: 5%; height: 120px; font-size: 22px; font-weight: bold; color: white; border-radius: 15px; background-color: black; background-image: url('/garage/images/biz_wrap.png'); background-size: cover; background-position: center}
.biz_wrap_bt {position: absolute; width: 90%; height: 46px; line-height: 46px; text-align: center; background-color: #FF9200; color: white; font-size: 15px; border-radius: 10px; bottom: 10%; left: 5%; font-weight: 500;}

/* from brandzip.xyz */

.n_tbw {border-top-left-radius: 15px; border-top-right-radius: 15px; margin: 10% 0px 0px 0px; padding: 0px; font-size: 14px}
.n_tbt {height: 46px; line-height: 46px; border-radius: 10px; box-shadow: 0px 0px 10px #dfdfdf; background-color: #ffa218; color: white; text-align: center;}
.n_tbb {line-height: 46px; border-bottom: 1px solid #dfdfdf; text-align: center;}
.n_tbb2 {line-height: 46px; text-align: center;}

.n_td33 {float: left; width: 33.3%}
.n_td25 {float: left; width: 25%}
.n_tbw_d {background-color: white; border-radius: 20px; padding: 0px; margin: 10% 5%}

.n_trt {height: 44px; line-height: 44px; background: gray; color:white; text-align: center;}
.n_trt2 {height: 44px; line-height: 44px; background:gray; color: white; text-align: center}
.n_tr {height: 46px; line-height: 46px; background: #f7f7f7; border-bottom: 1px solid #dfdfdf; text-align: center;}
.n_tr2 {height: 46px; line-height: 46px; border-bottom: 1px solid #dfdfdf; background-color: white; text-align: center;}

.n_td10 {float: left; width: 10%;}
.n_td15 {float: left; width: 15%;}
.n_td20 {float: left; width: 20%;}
.n_td_down {float: left; width: 5%; height: 34px; line-height: 34px; border: 1px solid #dfdfdf; text-align: center; border-radius: 10px; margin: 5px 2.5%; cursor: pointer; color: #ffa218}
div.n_td_down a {color: #ffa218}

.n_mypage_m1 {border-radius: 10px; padding: 5%; margin: 0px 0px 20px 0px; background-image: url('/garage/images/bg_blue.png'); background-size: cover; background-position: center; color: white}
.n_mypage_m2 {border-radius: 10px; padding: 5%; margin: 0px 0px 20px 0px; background-image: url('/garage/images/bg_red.png'); background-size: cover; background-position: center; color: white}
.n_mypage_m3 {float: left; width: 630px; height: 122px; line-height: 122px; border-radius: 10px; padding: 0px 40px; margin: 0px 0px 20px 0px; background-image: url('/garage/images/bg_purple.png'); background-size: cover; background-position: center; color: white}
.n_mypage_m4 {float: right; width: 630px; height: 122px; line-height: 122px; border-radius: 10px; padding: 0px 40px; margin: 0px 0px 20px 0px; background-image: url('/garage/images/bg_orange.png'); background-size: cover; background-position: center; color: white}
.n_mypage_m_l {font-size: 16px}
div.n_mypage_m_l span {font-size: 12px}
.n_mypage_m_r {font-size: 22px; font-weight: bold;}
div.n_mypage_m_r span {font-size: 18px; font-weight: normal;}

.n_mypage_day {float: left; height: 40px; line-height: 40px; border: 1px solid #e2e2e2; border-radius: 10px; padding: 0px 15px 0px 15px; background-color: white; font-weight: bold; font-size: 16px; color: gray}
.n_mypage_date {float: left; height: 44px; line-height: 44px; border: 1px solid #e2e2e2; border-radius: 10px; padding: 0px 10px 0px 40px; background-image: url('/garage/images/ic_color_calendar.png'); background-size: 20px; background-position: 10px center; background-repeat: no-repeat; background-color: white; font-weight: bold; font-size: 20px;}
.n_mypage_date_lef {font-size: 20px; font-weight: bold; margin: 5% 0px 5% 0px; color: black}
.n_mypage_date_lef_span {background: linear-gradient(90deg, #DD0501, #FFA218); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 30px}



.mob_table {width: 100%; overflow-x: scroll;}
.mob_table_inner {width: 1024px}


/* product detail view */
.product_title {font-size: 20px; font-weight: 600;}
.product_img {width: 165px; height: 230px; margin: 10px auto; border-radius: 15px;}

.product_stat_long {font-size: 15px; line-height: 36px;}
div.product_stat_long span {font-weight: bold;}

.product_stat {padding: 0px; font-size: 22px; font-weight: 700; line-height: 30px; margin: 0px 0px 5% 0px}
div.product_stat span {color: #ff7700}

.product_stat_lef {float: left; width: 40%; background-color: #f9fafa; padding: 5%; text-align: center; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.product_stat_rig {float: left; width: calc(40% - 1px); background-color: #f9fafa; padding: 5%; border-left: 1px solid #dfdfdf; text-align: center; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.product_stat_lef_t {font-size: 13px; font-weight: 500; color: #929b9d}
.product_stat_lef_c {font-size: 16px; font-weight: 600; margin: 5px 0px 0px 0px}


.product_bar_title {background-color: #f6f7f8; line-height: 54px; border-radius: 15px; padding: 0px 5%; font-size: 18px; font-weight: bold; margin: 2.5% 0px 5% 0px}
.product_bar_w {height: 20px; line-height: 20px; background-color: #f2f2f2; margin: 2.5% 5px; border-radius: 10px;}
.product_bar_m {float: left; height: 20px; line-height: 20px; text-align: center; color: white; font-size: 12px;}
.product_bar_mall {height: 24px; line-height: 24px; margin: 10px 2.5% 0px 2.5%; font-size: 13px;}
.product_bar_mall_p {float: left; width: 8px; height: 8px; line-height: 8px; border-radius: 50%; margin: 8px 0px;}
.product_bar_mall_c {float: left; width: 100px; margin: 0px 10px; overflow: hidden;}
.product_bar_mall_b {float: right; min-width: 100px; font-weight: bold; text-align: right;}
.product_bar_mall_gr {float: right; width: 100px; height: 20px; position: relative}
.product_bar_mall_gr_inner {position: absolute; top: 0px; right: 0px; height: 20px; width: 20px; background-color: white}
.product_themestore_label {float: left; width: 30px; height: 20px; line-height: 20px; color: white; border-radius: 5px; background-color: #00AAFF; font-size: 10px; margin: 17px 10px; text-align: center;}
.product_bar_title_rig {float: right; font-size: 12px; font-weight: 500; color: #929B9D}

.product_themestore {margin: 10% 5%; padding: 5% 5% 2.5% 5%; border: 1px solid #efefef; background-color: white; box-shadow: 0px 0px 10px #dfdfdf; border-radius: 10px;}
.product_themestore_title {float: left; height: 30px; line-height: 30px; font-size: 12px; color: gray; margin: 0px 0px 10px 0px}
div.product_themestore_title span {color: black; font-size: 20px; font-weight: bold;}
.product_themestore_more {float: right; height: 30px; line-height: 30px; padding: 0px 20px 0px 10px; margin: 12px 0px; font-weight: normal; font-size: 13px; color: #333; background-image: url('/garage/images/product_themestore_more.png'); background-size: 16px; background-position: 95% center; background-repeat: no-repeat; font-weight: 500;}
.product_themestore_m {height: 20px; line-height: 20px; padding: 10px 2.5%}
.product_themestore_mp {float: left; width: 20px; height: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('/garage/images/product_themestore_mp.png')}
.product_themestore_mp_2 {float: left; width: 20px; height: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('/garage/images/product_themestore_mp_2.png')}
.product_themestore_mc {float: left; line-height: 20px; font-size: 14px; margin: 0px 10px}
.product_themestore_mb {float: right; line-height: 20px; font-size: 14px; font-weight: bold}

.product_sales_lef {float: left; line-height: 22px; font-size: 15px; font-weight: 400; color: #929B9D}
.product_sales_rig {float: right; line-height: 22px; font-size: 15px; font-weight: 500}

.product_brandzip {margin: 10% 5%; padding: 5% 5% 5% 5%; border: 1px solid #efefef; background-color: white; box-shadow: 0px 0px 10px #dfdfdf; border-radius: 10px; color: #838383; font-size: 13px}
div.product_brandzip span {font-size: 16px; font-weight: bold; color: black;}

.product_tab_s {float: left; width: 50%; height: 44px; line-height: 44px; text-align: center; font-size: 16px; background-color: #ffa218; color: white; margin: 10% 0px 0px 0px}
.product_tab {float: left; width: 50%; height: 44px; line-height: 44px; text-align: center; font-size: 16px; background-color: #f2f2f2; color: gray; margin: 10% 0px 0px 0px }

.themestore_year {float: left; height: 30px; line-height: 30px; font-size: 20px;}
.themestore_month {float: left; height: 30px; line-height: 30px; font-size: 20px; margin: 0px 5px}

.themestore_select {position: relative; width: 90%; height: 36px; line-height: 36px; background-color: #F0F3F3; border-radius: 10px; margin: 5%; text-align: center; font-size: 16px; font-weight: bold; color: black;}
div.themestore_select img {height: 16px}

.themestore_select_lef {position: relative; width: 95%; height: 36px; line-height: 36px; background-color: #F0F3F3; border-radius: 10px; margin: 0px; padding: 0px 2.5%; text-align: left; font-size: 16px; font-weight: 600; color: black;}
div.themestore_select_lef img {height: 16px}
.themestore_select_lef_rig {float: right; font-size: 13px; color: #929B9D; font-weight: 500}

.themestore_select_year {display:none; position: absolute; top: 40px; left: 0px; width: 49%; height: 110px; overflow-y: scroll; background: #f7f7f7; z-index: 100; border-radius: 10px;}
.themestore_select_month {display:none; position: absolute; top: 40px; left: 51%; width: 49%; height: 200px; overflow-y: scroll; background: #f7f7f7; z-index: 100; border-radius: 10px;}
.themestore_select_each {line-height: 36px; text-align: center; font-size: 14px; color: gray;}

.themestore_prev {float: left; height: 28px; line-height: 28px; border: 1px solid #e9e9e9; border-radius: 10px; padding: 0px 10px; margin: 0px 10px}
.themestore_next {float: left; height: 28px; line-height: 28px; border: 1px solid #e9e9e9; border-radius: 10px; padding: 0px 10px}

.themestore_m {height: 50px; line-height: 50px;}
.themestore_mp {float: left; width: 12px; height: 12px; border-radius: 50%; margin: 19px 0px; background-color: #f2f2f2}
.themestore_mc {float: left; margin: 0px 15px}
.themestore_mct {width: 100%; height: 30px; line-height: 30px; font-size: 18px; overflow: hidden;}
.themestore_mcb {width: 100%; height: 20px; line-height: 20px; font-size: 12px; overflow: hidden; color: #838383}
.themestore_mb {float: right; padding: 0px 10px; line-height: 20px; height: 20px; margin: 23px 0px; font-size: 11px; border: 1px solid #dfdfdf; background-color: #dfdfdf; border-radius: 5px; color: white; cursor: pointer;}
.themestore_m_brand {float: right; width: 28px; height: 28px; background-color: white; border: 1px solid white; border-radius: 50%; background-size: 200%; background-position: center; background-repeat: no-repeat; margin: 0px 0px 0px -10px}

.themestore_tr {line-height: 30px; line-height: 30px; padding: 20px 5%; border-bottom: 1px solid #efefef}
.themestore_tr_lef {float: left; color: #ffa218; font-size: 14px}
.themestore_tr_rig {float: right; font-size: 16px}

.ai_res {padding: 50px 0px; font-size: 16px; line-height: 30px}

.themestore_m_part {margin: 10% 5%; border-radius: 15px; line-height: 55px; text-align: center; color: white; background-color: #838383; font-size: 18px;}
.themestore_m_part_in {margin: 2.5% 5%; border-radius: 15px; line-height: 55px; text-align: center; color: white; background-color: #ffa218; font-size: 18px}
.themestore_m_part_txt {margin: 2.5% 5%; color: #ffa218; font-size: 14px; text-align: center;}

/* member */

.member_brand {padding: 5%; background-color: #F9FAFA;}
.member_brand_pic {float: left; width: 40px; height: 40px; border-radius: 50%; background-color: #f2f2f2; background-position: center; background-size: 180%; background-repeat: no-repeat;}
.member_brand_name {float: left; height: 40px}
.member_brand_name_1 {float: left; height: 22px; line-height: 22px; font-size: 16px; font-weight: 600; margin: 0px 0px 0px 10px}
.member_brand_name_2 {float: left; width: 24px; height: 18px; margin: 2px 5px 0px 10px; text-align: center; background-color: #00AAFF; border-radius: 3px; color: white; line-height: 18px; font-size: 8px;}
.member_brand_name_3 {float: left; width: 24px; height: 18px; margin: 2px 0px; text-align: center; background-color: black; border-radius: 3px; color: white; line-height: 18px; font-size: 8px;}
.member_brand_name_4 {font-size: 13px; font-weight: 400; color: #ABB4B5; margin: 0px 10px}

.member_brand_edit {float: right; width: 30px; height: 30px; margin: 5px; background-image: url('/garage/images/member_brand_edit.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.member_brand_delete {float: right; width: 30px; height: 30px; margin: 5px; background-image: url('/garage/images/member_brand_delete.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}

.member_brand_switch {float: right; width: 24px; height: 24px; margin: 13px 0px; background-image: url('/garage/images/ic_next.png'); background-position: right center; background-repeat: no-repeat; background-size: 24px;}

.member_bt {height: 46px; line-height: 46px; background-color: #ff9200; border-radius: 10px; text-align: center; color: white; font-size: 15px; margin: 0px 0px; font-weight: 500; background-image: url('/garage/images/member_bt.png'); background-size : 18px; background-position: 95% center; background-repeat:no-repeat;}
.member_bt_add {height: 56px; line-height: 56px; background-color: black; border-radius: 10px; text-align: center; color: white; font-size: 18px; margin: 40px 0px; font-weight: 600}

.download_info {margin: 5%; padding: 5%; background-color: #f2f2f2; font-size: 14px}

.myshop_m {height: 62px; padding: 5% 5%;}
.myshop_mp {float: left; width: 62px; height: 62px; border-radius: 50%; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #f7f7f7}
.myshop_mc {float: left; margin: 0px 15px;  font-size: 15px; line-height: 62px; font-weight: 500;}

.notice_m {margin: 5% 5% 0px 5%; padding: 5%; background-color: #f9f9f9; background-image: url('/garage/images/ic_notice_m.png'); background-size: 8px; background-position: 95% center; background-repeat: no-repeat; border-radius: 10px; font-size: 12px; line-height: 24px; color: gray;}
div.notice_m span {font-weight: bold; font-size: 15px; color: black;}

.notice_title {padding: 5%; border-bottom: 1px solid #dfdfdf; font-weight: bold; font-size: 16px;}
div.notice_title span {color: gray; font-size: 12px; font-weight: normal;}
.notice_body {padding: 10% 5%; font-size: 14px;}


.bottom_menu_1 {background-color: #F5F6F6; border-radius: 15px; margin: 5%; font-size: 15px}

.bottom_menu_1t {width: 100%; height: 49px; border-bottom: 1px solid #dfdfdf; line-height: 50px; overflow: hidden;}
.bottom_menu_1b {width: 100%; height: 50px; line-height: 50px}
.bottom_menu_1tp {float: left; width: 30px; height: 30px; margin: 10px; background-image: url('/garage/images/bottom_menu_1tp.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bottom_menu_1bp {float: left; width: 30px; height: 30px; margin: 10px; background-image: url('/garage/images/bottom_menu_1bp.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.bottom_menu_2 {height: 50px; line-height: 50px; border-radius: 15px; background-color: #f5f6f6; margin: 5%; font-size: 15px}
.bottom_menu_2p {float: left; width: 30px; height: 30px; margin: 10px; background-image: url('/garage/images/bottom_menu_2p.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.bottom_menu_txt {float: left; line-height: 50px;}
.bottom_menu_active {float: right; width: 20px; height: 20px; margin: 15px 10px; background-image: url('/garage/images/bottom_menu_active.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bottom_menu_active_s {float: right; width: 20px; height: 20px; margin: 15px 10px; background-image: url('/garage/images/bottom_menu_active_s.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.bottom_menu_close {height: 56px; line-height: 56px; text-align: center; font-size: 16px; border-radius: 15px; margin: 5% 5% 10% 5%; background-color: #F0F3F3}



.stm_w {margin: 5% 0px; border: 1px solid #E6E9EA; border-radius: 15px; padding: 5% 3%}
.stm_title {font-size: 22px; font-weight: bold; line-height: 28px; margin: 0px 0px 0px 0px}
div.stm_title span {color: #ff7700}
.stm_title_money {background-color: #F9FAFA; border-radius: 10px; text-align: center; margin: 20px auto}
.stm_title_money_lef {float: left; width: 40%; padding: 5%}
.stm_title_money_rig {float: right; width: calc(40% - 1px); border-left: 1px solid #E6E9EA; padding: 5%}
.stm_title_money_t {font-size: 13px; font-weight: 500; line-height: 18px; color: #929B9D}
.stm_title_money_c {font-size: 16px; font-weight: 600; line-height: 21px; margin: 5px 0px 0px 0px}

.stm_day {font-size: 15px; margin: 30px 0px 20px 0px}
.stm_shopping_mall {height: 30px; line-height: 30px; background-color: #F5F6F6; border-radius: 10px; padding: 6px 5%; margin: 20px 0px 10px 0px}
.stm_shopping_mall_logo {float: left; width: 30px; height: 30px; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: white; border-radius: 50%}
.stm_shopping_mall_name {float: left; line-height: 30px; font-size: 18px; font-weight: 600px; margin: 0px 10px}
.stm_shopping_mall_tag {float: left; width: 24px; height: 18px; border-radius: 3px; background-color: #00AAFF; font-size: 8px; text-align: center; margin: 6px; line-height: 18px; color: white; }
.stm_shopping_mall_txt {float: left; height: 24px; line-height: 24px; font-size: 15px; color: #929B9D; font-weight: 400; margin: 5px 5%}
.stm_shopping_mall_price {float: right; height: 24px; line-height: 24px; font-size: 15px; color: black; font-weight: 500; margin: 5px 5%}
.stm_shopping_mall_download {border: 1px solid #1E6D41; height: 34px; line-height: 34px; border-radius: 10px; text-align: center; font-size: 15px; margin: 10px 0px}
div.stm_shopping_mall_download a {color: black}
div.stm_shopping_mall_download img {height: 16px; vertical-align: middle;}

.ths_month {font-size: 16px; font-weight: 600; padding: 5%}
.ths_m {background-color: #F9FAFA; padding: 5%; border-radius: 10px; margin: 0px 5% 15px 5%; background-image: url('/garage/images/ths_m.png'); background-size: 20px; background-position: 95% center; background-repeat: no-repeat;}
.ths_m_se {background-color: #F9FAFA; padding: 5%; border-radius: 10px; margin: 0px 5% 15px 5%}

.ths_tab {float: left; height: 22px; line-height: 22px; background-color: #F0F3F3; color: #929B9D; font-size: 9px; font-weight: 600; padding: 0px 10px; border-radius: 3px;}
.ths_tab_s {float: left; height: 22px; line-height: 22px; background-color: #FF9200; color: white; font-size: 9px; font-weight: 600; padding: 0px 10px; border-radius: 3px;}
.ths_mall {float: left; height: 22px; line-height: 22px; background-color: black; color: white; font-size: 9px; font-weight: 600; padding: 0px 10px; border-radius: 3px; margin: 0px 5px}
.ths_name {font-size: 16px; font-weight: 600; line-height: 30px;}
.ths_day {font-size: 13px; font-weight: 400; color: #ABB4B5;}
.ths_color {float: left; width: 3px; height: 65px; border-radius: 2px; margin: 0px 10px 0px 0px}

.thv_pic {width: 74px; height: 74px; border-radius: 50%; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #f2f2f2}
.thv_name {font-size: 22px; font-weight: 700; margin: 20px 0px 10px 0px;}
.thv_body {font-size: 15px; font-weight: 400; margin: 0px 0px 20px 0px;}
.thv_info {padding: 5% 5% 2.5% 5%; line-height: 30px; background-color: #F9FAFA; border-radius: 10px;}
.thv_info_l {float: left; width: 100px; color: #929B9D; font-size: 15px; font-weight: 500;}
.thv_info_r {float: left; color: black; font-size: 15px; font-weight: 500;}

.thv_title {font-size: 16px; font-weight: 600; margin: 20px 0px 10px 0px}
.thv_devider {width: 100%; height: 1px; background-color: #E6E9EA; margin: 10px 0px}
.thv_info_ai {font-size: 16px; color: #FF7700; text-align: center;}

.thb_title {font-size: 15px; font-weight: 500;}
div.thb_title span {color: #ff9200}
.thb_brand {float: left; width: 70px; height: 90px; margin: 10px 10px 0px 0px}
.thb_brand_p {width: 72px; height: 72px; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 4px;}
.thb_brand_c {line-height: 20px; font-size: 13px; font-weight: 400; text-align: center;}

.themestore_product {position: absolute; bottom: -100vh; left: 0px; width: 100%; height: 100svh; background-color: white; z-index: 100}
.themestore_product_header {width: 100%; height: 20px; background-color: #f2f2f2}
.themestore_product_body {width: 100%; height: calc(100svh - 20px); overflow-y: scroll;}


/* common input */

.ipt_title {position: relative; font-size: 13px; font-weight: 500; color: #92989D}
.ipt_text {border: 0px; width: 95%; height: 50px; line-height: 50px; border-radius: 8px; background-color: #f5f6f6; font-weight: 500; font-size: 16px; margin: 8px 0px 0px 0px; padding: 0px 2.5%}
.ipt_text_40 {float: left; width: 37.5%; height: 50px; line-height: 50px; margin: 8px 0px; background-color: #F5F6F6; border-radius: 8px; border: 0px; padding: 0px 2.5%}
.ipt_text_60 {float: right; border: 0px; width: 55%; height: 50px; line-height: 50px; border-radius: 8px; background-color: #f5f6f6; font-weight: 500; font-size: 16px; margin: 8px 0px 0px 0px; padding: 0px 2.5%}
.ipt_detail {display: none; position: absolute; top: 25px; left: 0px; width: 280px; line-height: 14px; color: white; font-size: 12px; font-weight: 500; background-color: black; padding: 5px; border-radius: 5px;}
.ipt_text_lef {float: left; width: calc(100% - 60px); padding: 0px; margin: 0px; height: 50px; border: 0px; line-height: 50px; font-size: 16px; background-color: #f5f6f6}

.ipt_text_rig {float: right; width: 60px; height: 28px; line-height: 28px; text-align: center; border-radius: 7px; color: white; font-size: 13px; font-weight: 600; background-color: #DBE0E0; margin: 11px 0px}
.ipt_text_rig_check {float: right; width: 60px; height: 28px; line-height: 28px; text-align: center; border-radius: 7px; color: white; font-size: 13px; font-weight: 600; background-color: #ff9200; margin: 11px 0px}
.ipt_text_rig_ok {display: none; float: right; width: 60px; height: 28px; line-height: 28px; text-align: right; border-radius: 7px; color: white; font-size: 13px; font-weight: 600; margin: 11px 0px; background-image: url('/garage/images/ipt_text_rig_ok.png'); background-size: 16px; background-position: left center; background-repeat: no-repeat; color: #0088FF}
.ipt_text_rig_deny {display: none; float: right; width: 60px; height: 28px; line-height: 28px; text-align: right; border-radius: 7px; color: white; font-size: 13px; font-weight: 600; margin: 11px 0px; background-image: url('/garage/images/ipt_text_rig_deny.png'); background-size: 16px; background-position: left center; background-repeat: no-repeat; color: #FF4800}


.ipt_next {width: 100%; height: 56px; border-radius: 10px; line-height: 50px; background-color: black; text-align: center; font-size: 16px; font-weight: 600; color: white; margin: 10% auto;}
.ipt_next_1 {width: 100%; height: 56px; border-radius: 10px; line-height: 50px; background-color: black; text-align: center; font-size: 16px; font-weight: 600; color: white; margin: 5% auto;}
.ipt_next_2 {width: 100%; height: 56px; border-radius: 10px; line-height: 50px; background-color: #ff9200; text-align: center; font-size: 16px; font-weight: 600; color: white; margin: 0px auto;}

.ipt_button {float: left; width: 48%; height: 50px; line-height: 50px; border-radius: 8px; background-color: #f5f6f6; color: #929b9D; font-size: 15px; font-weight: 500; margin: 8px 0px; text-align: center; cursor: pointer;}
.ipt_button_s {float: left; width: 48%; height: 50px; line-height: 50px; border-radius: 8px; background-color: #ff9200; color: white; font-size: 15px; font-weight: 500; margin: 8px 0px; text-align: center; cursor: pointer;}

.search_txt {float: left; height: 22px; line-height: 22px; font-size: 15px; font-weight: 500; margin: 0px 0px;}
.search_more {float: right; height: 22px; line-height: 22px; font-size: 13px; font-weight: 500; margin: 0px 0px; color: #ABAEB5}

.search_m {float: left; height: 34px; line-height: 34px; background-color: #f5f6f6; border-radius: 8px; padding: 0px 10px; margin: 0px 5px 5px 0px}
.search_mt {float: left; margin: 0px 10px 0px 0px}
.search_mc {float: left; width: 14px; height: 14px; background-image: url('/garage/images/search_mc.png'); background-size: cover; background-position: center; background-repeat: no-repeat; margin: 10px 0px}


.search_home {position: absolute; top: 65px; left: 0px; width: 100%; max-height: 90vh; overflow-y: scroll; background-color: white; z-index: 100}
.search_home::-webkit-scrollbar {
    display: none;
}

.bstm_w {margin: 0px 0px 5% 0px; padding: 5%; border: 1px solid #dfdfdf; border-radius: 15px;}
.bstm_shopping_mall {font-size: 16px; font-weight: 600; color: #494949 }
.bstm_amount {font-size: 15px; color: #494949}
div.bstm_amount span {font-size: 18px; font-weight: 600; color: #ff7700; line-height: 30px}
.bstm_input {width: 95%; height: 46px; line-height: 46px; padding: 0px 2.5%; border-radius: 8px; font-size: 16px; background-color: #f5f6f6; margin: 5px 0px 0px 0px; border: 0px}


.signup {position: absolute; display: none; width: 100%; left: 0px; bottom: -100vh; border-top-right-radius: 20px; border-top-left-radius: 20px; background-color: white; box-shadow: 0px 0px 10px black; z-index: 100}
.signup_logo {width: 164px; height: 34px; background-image: url('/garage/images/signup_logo.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; margin: 40px auto 20px auto}
.signup_title {font-size: 22px; font-weight: 700; line-height: 28px; margin: 0px 0px 10px 0px; text-align: center;}
.signup_text {font-size: 15px; font-weight: 400; text-align: center; line-height: 22px;}
.signup_bt {background-color: #ff9200; border-radius: 10px; height: 56px; line-height: 56px; color: white; font-size: 16px; font-weight: 600; margin: 40px 15px 34px 15px; text-align: center;}


.pc_site {position: fixed; width: 420px; top: calc(50vh - 400px); left: calc(50% - 550px);}
.pc_site_inner {position: relative;}
.pc_wrap {width: 440px; height: 100vh; position: relative;  margin: 0px 0px 0px 50%; background-color: white; box-shadow: 0px 0px 10px #dfdfdf; overflow-y: scroll; /* (1) Chrome, Safari, Opera, Edge (Blink 엔진) */
    &::-webkit-scrollbar {
        display: none;
    }
    scrollbar-width: none; -ms-overflow-style: none;   
}
.pc_logo {position: absolute; top: 0px; left: 0px; width: 72px; height: 72px; background-image: url('/garage/images/pc_logo.png'); background-size: 120%; background-position: center; background-repeat: no-repeat;}
.pc_title {position: absolute; top: 110px; font-size: 32px; font-weight: 700;}
div.pc_title span {color: #ff9200}

.pc_ul_w {position: absolute; top: 280px; height: 150px;}
.pc_ul {float: left; width: 140px; padding: 15px; margin: 0px 10px 0px 0px; border-radius: 15px; background-color: white; box-shadow: 0px 0px 7px #f5f0ea;}
.pc_ul_l {float:left; font-size: 13px; color: #92989D; line-height: 20px;}
div.pc_ul_l span {font-size: 20px; color: black; font-weight: 700;}
.pc_ul_r {float: right; width: 40px; height: 40px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('/garage/images/pc_ul_1.png');}
.pc_ul_price {font-size: 30px; font-weight: bold; color: #ff7700; margin: 30px 0px 0px 0px}

.pc_notice {position: absolute; top: 230px; width: 530px}
.pc_notice_title {font-size: 16px; font-weight: 700; cursor: pointer;}
.pc_notice_body {background-color: white; border-radius: 20px; box-shadow: 0px 0px 7px #f5f0ea; margin: 15px 0px 0px 0px}
.pc_notice_body_m {height: 60px; line-height: 60px; border-bottom: 1px solid #E6E9EA; overflow: hidden; margin: 0px 15px; cursor: pointer;}

.pc_notice_m_t {float: left; margin: 18px 0px; height: 24px; line-height: 24px; background-color: #fef7f0; color: #ff7700; font-size: 13px; font-weight: 500; padding: 0px 5px; border-radius: 5px;}
.pc_notice_m_c {float: left; margin: 18px 8px; height: 24px; line-height: 24px; font-size: 16px; font-weight: 500;}

.pc_sub {float: left; padding: 0px 10px; line-height: 24px; height: 24px; background-color: #ff9200; color: black; border-radius: 12px; margin: 20px 0px 20px 0px; font-weight: 700; font-size: 11px}
.pc_text {color: gray; font-size: 14px; margin: 0px}
.pc_text_lar {font-size: 26px; font-weight: 700; margin: 20px 0px}
div.pc_text_lar span {color: #ff9200}
.pc_text_bottom {color: #ff9200}
.pc_inblog {float: left; width: 38px; height: 38px; border-radius: 6px; background-image: url('/garage/images/inblog.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; margin: 20px 10px 0px 0px; border: 1px solid black}
.pc_kakao {float: left; width: 40px; height: 40px; border-radius: 6px; background-image: url('/garage/images/kakao_channel.png'); background-size: cover; background-position: center; background-repeat: no-repeat; margin: 20px 10px 0px 0px}

.pc_calendar_title {position: absolute; top: 490px; color: #ff7700; line-height: 24px; font-size: 16px; font-weight: 700;}
.pc_calendar_event {position: absolute; top: 525px; width: 530px; height: 78px; overflow-x: scroll;  padding: 5px 5px}
.pc_calendar_event_inner {width: 700px; height: 78px}

.pc_calendar_event::-webkit-scrollbar {
    display: none;
}


.pc_event_m {float: left; padding: 15px 20px; background-color: white; border-radius: 10px; margin: 0px 10px 0px 0px; box-shadow: 0px 0px 5px #fbf3e9;}
.pc_event_bar {float: left; height: 48px; width: 3px; border-radius: 1px; background-color: gray}
.pc_event_body {float: left; height: 48px; margin: 0px 0px 0px 8px}
.pc_event_body_t {float: left; height: 22px; line-height: 22px; padding: 0px 10px; background-color: #F5F6F6; font-size: 12px; font-weight: 600; border-radius: 5px;}
.pc_event_body_c {height: 26px; line-height: 26px; font-size: 16px; font-weight: 500; margin: 3px 0px 0px 0px}

.idpw_bt {height: 56px; line-height: 56px; text-align: center; border-radius: 10px; background-color: black; font-size: 16px; font-weight: 600; color: white; text-align: center; margin: 100px 0px 100px 0px}

.idpw {font-size: 18px; font-weight: 500; text-align: center; color: black}
.idpw_res {font-size: 32px; font-weight: 600; text-align: center; color: #FF9200; margin: 20px 0px 40px 0px}


.themestore_select_all {float: left; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; background-image: url('/garage/images/op50_wh.png'); border: 1px solid #efefef; margin: 20px 0px 0px 0px}
.themestore_select_all_s {float: left; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background-image: url('/garage/images/product_mp_check_s.png'); background-size: cover; background-position: center; background-repeat: no-repeat; margin: 20px 0px 0px 0px}
.themestore_select_all_text {float: left; font-size: 16px; margin: 20px 0px 0px 10px; line-height: 20px}


.home_txt {font-size: 13px; font-weight: 500; color: #929B9D; margin: 0px 0px 5px 0px}
.home_price {float: left; font-size: 22px; line-height: 28px; font-weight: 700;}
div.home_price span {color: #ff7700}
.home_stat_s {float: left; height: 22px; line-height: 22px; border: 1px solid #E6E9EA; font-size: 12px; color: #ff7700; padding: 0px 10px; border-radius: 11px; margin: 2px 0px 0px 5px}
.home_stat {float: left; height: 22px; line-height: 22px; border: 1px solid #E6E9EA; font-size: 12px; color: #0088FF; padding: 0px 10px; border-radius: 11px; margin: 2px 0px 0px 5px}
.home_about {display: none; float: left; line-height: 20px; height: 20px; color: gray; background-color: #f2f2f2; padding: 0px 5px; border-radius: 5px; margin: 0px 0px 0px 5px}

.home_main {background-color: #F9FAFA; margin: 5% 0px; padding: 5% 0px; border-radius: 15px; font-size: 12px; font-weight: 500; text-align: center; color: #929B9D}
.home_main_1 {float: left; width: 30%;}
.home_main_2 {float: left; width: calc(40% - 2px); border-left: 1px solid #E6E9EA; border-right: 1px solid #E6E9EA}
.home_main_3 {float: left; width: 30%;}
.home_main_txt {text-align: center; margin: 10px 0px 0px 0px; font-size: 16px; color: black; line-height: 20px; font-weight: 600}
div.home_main_txt span {color: #0088FF; font-size: 10px}
.home_main_txt_s {text-align: center; margin: 10px 0px 0px 0px; font-size: 16px; color: black; line-height: 20px; font-weight: 600;}
div.home_main_txt_s span {color: #ff7700; font-size: 10px; vertical-align: +2px;}

.home_menu {position: relative; height: 42px; line-height: 42px; background-color: #f6f7f8; border-radius: 10px; font-size: 18px; font-weight: 600; padding: 0px 5%; margin: 7.5% 0px 0px 0px}
.home_menu_txt {position: absolute; height: 20px; line-height: 20px; color: #929B9D; font-size: 12px; top: 11px; right: 5%; font-weight: 500;}
.home_menu_cover {width: 100%; background: white; margin: -50px 0px 0px 0px}
.home_menu_label {position: absolute; top: 10px; left: 150px; width: 30px; height: 20px; line-height: 20px; color: white; border-radius: 5px; background-color: #00AAFF; font-size: 10px; text-align: center;}

.home_bar_mall {height: 24px; line-height: 24px; margin: 10px 2.5% 0px 2.5%; font-size: 13px;}
.home_bar_mall_p {float: left; width: 8px; height: 8px; line-height: 8px; border-radius: 50%; margin: 8px 0px;}
.home_bar_mall_c {float: left; font-size: 14px; color: #929B9D; margin: 0px 10px; overflow: hidden;}
.home_bar_mall_b {float: right; min-width: 100px; font-weight: bold; text-align: right;}

.home_calendar {height: 20px; margin: 10px 5px 0px 5px; line-height: 20px; font-size: 14px; font-weight: 500;}
.home_calendar_lef {float: left; font-size: 13px; color: #ABAEB5}
.home_calendar_rig {float: right}

.home_product {height: 36px; margin: 10px 10px 0px 10px}
.home_product_p {float: right; width: 30px; height: 36px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 5px}
.home_product_c {float: left; width: calc(100% - 40px;); line-height: 36px; height: 36px; margin: 0px 0px 0px 10px; overflow: hidden}
.home_product_more {width: 148px; height: 48px; line-height: 48px; text-align: center; font-size: 13px; font-weight: 500; border: 1px solid #E6E9EA; border-radius: 25px; margin: 20px auto}

#chartdiv {width: 100%; height: 400px; margin: -60px 0px 0px 0px}


.my_title {font-size: 18px; text-align: center; font-weight: 600; margin: 0px 0px 30px 0px}


.pc_calendar_title {
    position: absolute; 
    top: 490px; 
    left: 0px; /* 적절한 좌측 위치값 추가하세요 */
    color: #ff7700; 
    line-height: 24px; 
    font-size: 16px; 
    font-weight: 700;
    
    height: 24px;      /* 딱 한 줄만 보이게 제한 */
    overflow: hidden;  /* 넘치는 줄은 숨김 */
}

/* 실제로 위아래로 움직일 박스 */
.rolling_box {
    display: block;
    position: relative;
    animation: slide_up 9s infinite; /* 9초 동안 3문장 반복 */
}

@keyframes slide_up {
    0%, 30%   { top: 0; }            /* 1번째 문장 멈춤 */
    33%, 63%  { top: -24px; }        /* 2번째 문장 멈춤 (-line-height 만큼) */
    66%, 96%  { top: -48px; }        /* 3번째 문장 멈춤 */
    100%      { top: 0; }            /* 다시 1번째로 복귀 */
}






/* 기존 calendar_tr의 overflow: hidden을 제거하거나 필요시 visible로 변경 */
.calendar_tr {
    width: 100%; 
    height: 120px; /* 일정이 여러 개일 경우를 대비해 높이 상향 */
    border-bottom: 1px solid #E8EAF0; 
    text-align: center; 
    position: relative; /* 기준점 */
    clear: both;
}

/* 날짜 칸 */
.calendar_td, .calendar_td_sat, .calendar_td_sun {
    float: left; 
    height: 100%; /* tr 높이에 맞춤 */
    position: relative;
    box-sizing: border-box;
    border-right: 1px solid #f9f9f9; /* 구분선 */
}

.calendar_td { width: 14.28%; }
.calendar_td_sat, .calendar_td_sun { width: 14.28%; } /* 15%면 합이 100%가 넘으므로 14.28% 추천 */

/* 날짜 숫자 위치 고정 */
.day_num_box {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

/* 일정 막대 공통 (수정) */
.calendar_td_row_start {
    position: absolute;
    left: 2px;
    height: 20px; 
    line-height: 20px; 
    padding: 0px 5px; 
    color: white; /* 배경색이 있으므로 흰색 글자 추천 */
    font-size: 11px; 
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 3px;
    margin-bottom: 2px;
    font-weight: 600;
    z-index: 10;
    text-align: left;
}

/* 더보기 버튼 */
.calendar_td_row_more {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    height: 18px;
    line-height: 18px;
    background-color: #F0F3F3;
    font-size: 10px;
    border-radius: 3px;
}