:root {
    --white: #fff;
  }
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  
  img {
    vertical-align: middle;
    max-width: 100%;
  }
  
  legend {
    display: none;
  }
  
  select[disabled] {
    background-color: #f6f6f6;
    cursor: not-allowed;
    color: #565656;
  }
  
  input[readonly] {
    background: #f6f6f6;
    cursor: not-allowed;
    color: #565656;
  }
  .btn-medium:disabled,
  .btn-medium:hover:disabled {
    border-color: #d6d6d6 !important;
    background-color: #d6d6d6 !important;
    color: #fff !important;
  }
  .btn-large:disabled,
  .btn-large:hover:disabled {
    border-color: #d6d6d6 !important;
    background-color: #d6d6d6 !important;
    color: #fff !important;
  }
  
  textarea.input-regular[readonly] {
    border: 0;
    background-color: #f9f9f9;
    font-size: 12px;
    color: #868686;
  }
  .datepickers-container {
    z-index: 102;
  }
  .datepicker-here.icon-type {
    background: #ffffff url(../../image/component/icon_date.png) right 6px center
      no-repeat;
    background-size: 24px 24px;
    padding-right: 37px;
  }
  .accordion {
    width: 100%;
  }
  
  textarea.input-regular {
    display: inline-block;
    min-width: 200px;
    min-height: auto;
    height: auto;
    padding: 12px;
    line-height: 1.3;
  }
  .align-left {
    text-align: left !important;
  }
  .align-right {
    text-align: right !important;
  }
  .align-center {
    text-align: center !important;
  }
  .margin-t40 {
    margin-top: 40px !important;
  }
  .padding-t40 {
    padding-top: 40px !important;
  }
  
  select.input-regular {
    min-width: 100px;
    padding-right: 32px;
  }
  .width312 {
    width: 312px !important;
  }
  .width400 {
    width: 400px !important;
  }
  
  a.btn-medium {
    display: inline-block;
    vertical-align: middle;
  }
  .help-text {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.55;
    letter-spacing: -0.55px;
    text-align: left;
    color: #a6a6a6;
    margin: 8px 0 0;
  }
  .clear {
    clear: both;
  }
  .img-list {
    margin: 0 0 16px;
  }
  .img-list > ul {
    overflow: hidden;
  }
  .img-list > ul > li {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    background: url(../../image/mobile/no_image_type_a.png) center center
      no-repeat;
    background-size: contain;
    margin: 0 8px 0 0;
  }
  .img-list > ul > li .img-popup {
    margin: 0;
    padding: 0;
  }
  .img-list > ul > li .img-popup .inner-wrap {
    margin: 0;
    padding: 0;
  }
  .img-list > ul > li img {
    width: 80px;
    height: 80px;
  }
  .clamp1 {
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 1.5em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  .clamp2 {
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 3em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  .clamp3 {
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 4.5em;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  .clamp4 {
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 6em;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  .clamp5 {
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 7.5em;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  
  /*input-split*/
  .input-split2 {
    float: left;
    min-width: calc((100% - 8px) / 2) !important;
    width: calc((100% - 8px) / 2) !important;
    margin: 0;
  }
  .input-split2 + .input-split2 {
    margin-left: 8px;
  }
  .input-split3 {
    float: left;
    min-width: calc((100% - 16px) / 3) !important;
    width: calc((100% - 16px) / 3) !important;
    margin: 0;
  }
  .input-split3 + .input-split3 {
    margin-left: 8px;
  }
  .input-split4 {
    float: left;
    min-width: calc((100% - 24px) / 4) !important;
    width: calc((100% - 24px) / 4) !important;
    margin: 0;
  }
  .input-split4 + .input-split4 {
    margin-left: 8px;
  }
  .like > a {
    display: block;
    width: 32px;
    height: 32px;
    transition: all 0.5s;
    background: url(../../image/pc/icon_heart_n.png) center center no-repeat;
    background-size: contain;
    transform: scale(1);
  }
  .like > a:hover {
    transform: scale(1.08);
    background: url(../../image/pc/icon_heart_s.png) center center no-repeat;
    background-size: contain;
  }
  .like > a.active {
    background: url(../../image/pc/icon_heart_s.png) center center no-repeat;
    background-size: contain;
  }
  /*tab-menu*/
  .tab-menu .inner-wrap .tab-content {
    height: auto;
    margin-top: 0;
    border: 0;
    padding: 0;
  }
  
  /*type-b*/
  .tab-menu.type-b {
    background: #ffffff;
  }
  .tab-menu.type-b .inner-wrap .tab-header {
    position: relative;
    height: 35px;
    border: 0;
    padding: 0 16px;
    background: #ffffff;
  }
  .tab-menu.type-b .inner-wrap .tab-header li {
    border: 1px solid #e9e9e9;
    border-bottom: 1px solid #161616;
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    background-color: #ffffff;
  }
  .tab-menu.type-b .inner-wrap .tab-header li + li {
    border-left: 1px solid #e6e6e6;
  }
  .tab-menu.type-b .inner-wrap .tab-header li.active {
    background: #fff;
    color: #565656;
    border: 1px solid #252c3a;
    border-bottom: 1px solid #fff;
    font-weight: 600;
  }
  .tab-menu.type-b .inner-wrap .tab-header li.active:hover {
    background: #fff;
    color: #252c3a;
    border-bottom: 1px solid #fff;
  }
  .tab-menu.type-b .inner-wrap .tab-content {
    height: auto;
    margin-top: 0;
    border: 0;
    padding: 0;
  }
  
  /* type-c */
  .tab-menu.type-c {
    padding: 6px 16px 0;
  }
  .tab-menu.type-c > .inner-wrap > .tab-header {
    border: 0;
    margin: 0 0 8px;
  }
  .tab-menu.type-c > .inner-wrap > .tab-header li {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.46;
    letter-spacing: -0.39px;
    text-align: center;
    color: #a6a6a6;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
  }
  .tab-menu.type-c > .inner-wrap > .tab-header li.active {
    border: 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.46;
    letter-spacing: -0.39px;
    text-align: center;
    background-color: #fff;
    color: #fecb4b;
    border-bottom: 2px solid #fecb4b;
  }
  
  /* category-slider */
  .category-slider {
    width: 100%;
    border: 0;
    margin: 16px 0 32px;
    padding-left: 0;
    height: auto;
    border-bottom: 1px solid #e6e6e6;
  }
  .category-slider .swiper-container .swiper-wrapper .swiper-slide .category {
    font-size: 13px;
    color: #a6a6a6;
    line-height: 40px;
    padding: 0 0 9px;
    margin: 0 16px 0 8px;
    font-weight: 500;
  }
  .category-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .category.active {
    font-weight: 600;
    color: #5cc4ef;
    border-bottom: 2px solid #5cc4ef;
  }
  
  /*======================================
  1. 공통 요소 영역 (헤더/푸터/퀵메뉴 등)
  ======================================*/
  header.header {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
    background-color: white;
  }
  .header-inner {
    display: flex;
    width: 1200px;
    height: 88px;
    margin: 0 auto;
    justify-content: space-between;
  }
  .header-util {
    height: 43px;
    background-color: #f9f9f9;
  }
  .header-util ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 1200px;
    height: 43px;
    margin: 0 auto;
    padding: 0 40px;
  }
  .header-util li {
    margin: 13px 0;
    padding: 0 16px;
    line-height: 0.8;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.6;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
  }
  .header-util a {
    height: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.6;
    letter-spacing: normal;
    text-align: left;
    color: #adadad;
  }
  .header-util li + li {
    border-left: 1px solid #898989;
  }
  .header-util a:hover {
    text-decoration: underline;
  }
  .header-util a.logout {
    display: flex;
    align-items: center;
  }
  .header-util a.logout::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../image/pc/exit.png) no-repeat;
    background-size: contain;
    margin: 0 0 0 8px;
  }
  .header-util a.alirm {
    display: flex;
    align-items: center;
    padding: 0;
  }
  .header-util a.alirm::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../../image/mobile/icon_alirm.png) no-repeat;
    background-size: contain;
    margin: 0 8px 0 0;
  }
  .header-util a.alirm.new::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../../image/mobile/icon_alirm_new.png) no-repeat;
    background-size: contain;
    margin: 0 8px 0 0;
  }
  .header-util li .shop {
    color: #ff891e;
  }
  
  .logo-gnb {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  .logo-gnb .logo {
    width: 74px;
    height: 25px;
    margin: 0 40px;
  }
  .logo-gnb .logo h1 {
    width: 100%;
    height: 100%;
    background: url(../../image/pc/logo.png) no-repeat 0 0;
    background-size: contain;
  }
  
  .logo-gnb .category {
    display: flex;
    align-items: center;
  }
  .logo-gnb .category a {
    width: 24px;
    height: 24px;
    background: url(../../image/pc/icon_category.png) no-repeat;
    background-size: contain;
  }
  
  /* gnb */
  .gnb > ul {
    display: flex;
    align-items: center;
  }
  .gnb > ul > li {
    margin: 0 0 0 40px;
  }
  .gnb > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 69px;
    padding: 25px 8px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .gnb > ul > li > a:hover {
    color: #ff891e;
  }
  
  .container {
    display: flex;
    width: 1200px;
    flex-wrap: wrap;
    margin: 40px auto 0;
  }
  .left-menu {
    width: 200px;
    margin-right: 43px;
  }
  .left-menu > ul > li.tit {
    padding: 19px 16px;
    font-size: 23px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .left-menu > ul > li > a {
    height: 51px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
  }
  .left-menu > ul > li > a.active,
  .left-menu > ul > li > a:hover {
    box-shadow: 0 2px 12px 0 rgba(207, 74, 32, 0.3);
    background-color: #ff891e;
    color: #fff;
  }
  .left-menu + #content {
    max-width: 957px;
  }
  #content {
    flex-grow: 1;
    min-height: 617px;
    padding-bottom: 120px;
  }
  
  /****** footer start ******/
  .footer {
    margin: 40px 0 0;
    background-color: #f9f9f9;
  }
  .fnb {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: cetner;
    padding: 14px 0;
  }
  .fnb a {
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.39px;
    text-align: left;
    color: #868686;
    padding: 0 20px;
  }
  .fnb a:hover {
    text-decoration: underline;
  }
  .fnb a strong {
    color: #565656;
    font-weight: bold;
  }
  .footer-inner {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 40px 16px;
  }
  .footer-inner .logo {
    margin: 0 80px 0 0;
  }
  .footer-inner .logo img {
    width: 150px;
    height: 50px;
  }
  .footer-info li.tit {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.36px;
    text-align: left;
    color: #868686;
    margin-bottom: 8px;
  }
  .footer-info li span {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.36px;
    text-align: left;
    color: #a6a6a6;
  }
  .footer-info li span + span {
    margin-left: 24px;
  }
  .copyright {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.33px;
    text-align: left;
    color: #d6d6d6;
    margin-top: 16px;
  }
  
  /** footer end **/
  
  /*======================================
  2. 메인페이지 영역 (메인페이지 관련)
  ======================================*/
  
  /*swiper*/
  .swiper-container {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    box-sizing: border-box;
  }
  .slider-btn-next,
  .slider-btn-prev {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
    z-index: 10;
  }
  .slider-btn-prev {
    left: 40px;
    background: url(../../image/pc/r_prev.png) center center no-repeat;
    background-size: contain;
  }
  .slider-btn-next {
    right: 40px;
    background: url(../../image/pc/r_next.png) center center no-repeat;
    background-size: contain;
  }
  .slider-btn-prev:after,
  .slider-btn-next:after {
    display: none;
  }
  
  /*========== 메인비주얼 시작 ==========*/
  .swiper-container.main-visual {
    width: 100%;
    margin: 0 auto;
  }
  .swiper-container.main-visual .swiper-wrapper {
    width: 100%;
  }
  .swiper-container.main-visual .swiper-slide {
    width: 100%;
    overflow: hidden;
  }
  .swiper-container.main-visual .swiper-slide img {
    width: 100%;
    height: 560px;
    object-fit: cover;
  }
  .swiper-container.main-visual .swiper-slide.swiper-slide-active img {
    opacity: 1;
  }
  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
  }
  .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
  }
  .swiper-scrollbar {
    opacity: 1 !important;
  }
  .swiper-scrollbar .swiper-scrollbar-drag {
    background: #0055aa;
  }
  .file-upload .gallery-scroll {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .file-upload .gallery-scroll::-webkit-scrollbar {
    width: 100%;
    height: 0;
  }
  .file-upload .gallery-scroll .gallery {
    width: 700px;
  }
  .file-upload .upload > input {
    top: -6px;
    height: 35px;
  }
  
  /*========== 컨텐츠 공용 시작 ==========*/
  /*서브타이틀*/
  .sub-title-area {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 0 12px;
    border-bottom: 1px solid #161616;
  }
  .sub-title-area h1 {
    height: 36px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -1.2px;
  }
  .sub-title-area .search-result {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.36px;
    text-align: right;
    padding-top: 18px;
  }
  .sub-title-area .search-result strong {
    font-weight: bold;
  }
  
  /*list-empty*/
  .list-empty {
    padding: 100px 0;
    text-align: center;
  }
  .list-empty img {
    width: 80px;
    height: 80px;
  }
  .list-empty p {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.36px;
    color: #d6d6d6;
    margin: 8px 0 0;
  }
  .list-empty.small {
    padding: 24px 0;
  }
  .list-empty.large {
    padding: 128px 0;
  }
  
  /*search-area*/
  .search-area {
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #eee;
    margin-left: -200px;
    width: 400px;
    height: 52px;
    overflow: hidden;
    padding: 8px 12px;
    z-index: 100;
  }
  .search-area input[type="text"] {
    width: 100%;
    height: 36px;
    margin: 0;
    border: none;
    padding: 9px 16px;
    font-size: 13px;
    background-color: #f9f9f9;
    border-radius: 18px;
  }
  .search-area .btn-search {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    border: none;
  }
  .search-area .btn-search:after {
    content: "";
    display: block;
    overflow: hidden;
    width: 40px;
    height: 28px;
    background: url(../../image/pc/icon_search.png) center center no-repeat;
    background-size: contain;
  }
  .select-delete {
    overflow: hidden;
    padding: 24px 0 16px;
    border-bottom: 1px solid #e6e6e6;
  }
  .select-delete select {
    float: left;
    min-width: 120px;
  }
  .select-delete button {
    float: right;
    height: 28px;
    line-height: 28px;
  }
  
  /*알림*/
  .push-list {
    background: #fff;
    padding: 16px 0 0;
  }
  .push-list > button {
    float: right;
    margin: 0 0 8px;
  }
  .push-list > ul {
    margin-top: -8px;
    overflow: hidden;
    clear: both;
  }
  .push-list > ul > li {
    position: relative;
    margin: 8px 0 0;
  }
  .push-list > ul > li a {
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 14px 16px;
    background: #fff;
  }
  .push-list > ul > li .date {
    font-size: 12px;
    color: #565656;
  }
  .push-list > ul > li .con {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
    word-break: keep-all;
    margin: 8px 0 0;
  }
  .push-list > ul > li .delete {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../image/component/icon_modal_close.png) center center
      no-repeat;
    background-size: contain;
    z-index: 1;
  }
  .push-list > ul > li.read a {
    background: #f9f9f9;
  }
  .push-list > ul > li.read .con {
    color: #a6a6a6;
  }
  .push-list > ul > li.read .date {
    color: #a6a6a6;
  }
  .push-list .list-empty {
    padding: 100px 0;
  }
  .btn-group + .push-list {
    margin: 16px 0 0;
  }
  
  /*table-type-area*/
  .table-type-area > ul {
    border-top: 1px solid #e6e6e6;
  }
  .table-type-area > ul > li {
    display: table;
    width: 100%;
    margin: 0;
    height: 68px;
    border-bottom: 1px solid #e6e6e6;
  }
  .table-type-area > ul > li > * {
    display: table-cell;
    vertical-align: middle;
    padding: 16px;
    text-align: left;
  }
  .table-type-area > ul > li > .title {
    font-size: 12px;
    font-weight: 400;
    color: #868686;
    width: 180px;
    background-color: #f9f9f9;
    padding-left: 24px;
  }
  .table-type-area > ul > li > .title.required::before {
    content: "*";
    display: inline-block;
    color: #e6291f;
    margin-right: 2px;
  }
  .table-type-area > ul > li > .con {
    font-size: 13px;
    color: #161616;
    padding: 8px 16px;
    padding-right: 0;
  }
  .table-type-area > ul > li > .con input[type="radio"] {
    margin: 0 4px 0 0;
  }
  .table-type-area > ul > li > .con .input-regular {
    width: 314px;
  }
  .table-type-area > ul > li > .con .input-regular.width100 {
    min-width: 100px;
    width: auto;
  }
  .table-type-area > ul > li > .con .input-regular.btn-add + button {
    width: 74px;
    padding: 0;
    margin-left: 4px;
  }
  .table-type-area > ul > li > .con textarea.input-regular {
    width: 100%;
    margin: 8px 0;
  }
  
  /*block-type-area*/
  .block-type-area {
    background: #fff;
    padding: 0 16px 16px;
    overflow: hidden;
  }
  .block-type-area > ul > li {
    margin: 24px 0 0;
  }
  .block-type-area > ul > li > .title {
    font-size: 12px;
    font-weight: 500;
    color: #565656;
    overflow: hidden;
  }
  .block-type-area > ul > li > .title.required::before {
    content: "*";
    display: inline-block;
    color: #e6291f;
    margin-right: 2px;
  }
  .block-type-area > ul > li > .con {
    margin: 8px 0 0;
    font-size: 13px;
  }
  .block-type-area > ul > li > .con .unit-box .input-regular {
    width: calc(100% - 40px);
  }
  .block-type-area > ul > li input[type="radio"] {
    vertical-align: middle;
    margin-top: -2px;
  }
  .block-type-area > ul > li > .con .search-date input.input-regular {
    width: calc(50% - 10px);
  }
  .block-type-area > ul > li > .con input[type="radio"] {
    margin-left: 0;
  }
  .block-type-area > ul > li > .con .input-regular {
    width: 314px;
  }
  .block-type-area > ul > li > .con .input-regular + textarea.input-regular {
    margin-top: 8px;
  }
  .block-type-area > ul > li > .con .input-regular.btn-add + button {
    width: 74px;
    padding: 0;
    margin-left: 8px;
  }
  .block-type-area > ul > li > .con textarea.input-regular {
    width: 100%;
  }
  
  /* BTT */
/* BTT */
.BTT {
    padding: 16px 16px 0;
  }
  .BTT > h1 {
    padding: 0 8px 8px;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.72px;
    text-align: justify;
    color: #565656;
    border-bottom: solid 1px #000;
  }
  .BTT > ul + h1 {
    margin-top: 24px;
  }
  .BTT > ul {
    background: #fff;
    text-align: left;
  }
  .BTT > ul > li {
    margin: 16px 0 0;
  }
  .BTT > ul > li > .tit {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #424252;
  }
  .BTT > ul > li > .tit.required::after {
    content: "*";
    display: inline-block;
    color: #ee3f4b;
    margin-left: 4px;
  }
  .BTT > ul > li > .con {
    margin: 8px 0 0;
    font-size: 14px;
    color: #565656;
  }
  .BTT > ul > li > .con .input-regular {
    width: 100%;
    height: 44px;
    font-size: 14px;
    border-radius: 8px;
  }
  .BTT > ul > li > .con .input-regular + textarea.input-regular {
    margin-top: 8px;
  }
  .BTT > ul > li > .con .address-insert {
    display: flex;
    flex-wrap: wrap;
  }
  .BTT > ul > li > .con .address-insert .input-regular {
    min-width: auto;
  }
  .BTT > ul > li > .con .address-insert .number {
    width: 76px;
  }
  .BTT > ul > li > .con .address-insert .address {
    width: calc(100% - 167px);
    margin: 0 4px;
  }
  .BTT > ul > li > .con .address-insert .btn-regular + .input-regular {
    margin: 4px 0 0;
  }
  .BTT > ul > li > .con .address-insert .btn-regular {
    width: 79px;
    height: 44px;
  }
  .BTT > ul > li > .con input[type="radio"],
  .BTT > ul > li > .con input[type="checkbox"] {
    margin: 0 4px 0 0;
  }
  .BTT > ul > li > .con .input-regular.btn-add {
    width: calc(100% - 108px);
    height: 44px;
  }
  .BTT > ul > li > .con .input-regular.btn-add + button {
    width: 104px;
    height: 44px;
    padding: 0;
    margin-left: 4px;
    font-size: 14px;
    border-radius: 8px;
  }
  .BTT > ul > li > .con .input-regular.btn-add + button + .input-regular {
    margin: 8px 0 0;
  }
  .BTT > ul > li > .con .input-regular.unit-add {
    width: calc(100% - 24px);
  }
  .BTT > ul > li > .con textarea.input-regular {
    width: 100%;
    height: auto;
  }
  .BTT .btn-group-area {
    padding: 40px 0 0;
  }
  /* type-b */
  .BTT.type-b > ul > li {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 44px;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #fff;
    margin: 0;
  }
  .BTT.type-b > ul > li > * {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 16px 8px 16px 20px;
  }
  .BTT.type-b > ul > li .tit {
    width: 120px;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #565656;
  }
  .BTT.type-b > ul > li .con {
    width: calc(100% - 120px);
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: left;
    color: #000;
  }

  .BTT > .title-underline {
    display: flex;
    padding: 0 8px 8px 8px;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #000;
    color: var(--Colors-Gray-Scale-70, #565656);
    text-align: justify;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.72px;
  }

  .BTT > .title {
    margin: 24px 0 0;
    color: #424252;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  
  /* block BTT */
  .popup-report .BTT > ul {
    background: #fff;
    padding: 0;
    text-align: left;
  }
  .popup-report .BTT > ul > li {
    display: block;
    height: auto;
    margin: 16px 0 0;
    border-bottom: 0;
  }
  .popup-report .BTT > ul > li > .tit {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
  }
  .popup-report .BTT > ul > li > .tit.required::before {
    content: "*";
    display: inline-block;
    color: #e6291f;
    margin-right: 2px;
  }
  .popup-report .BTT > ul > li > .con {
    display: block;
    margin: 8px 0 0;
    padding: 0;
    font-size: 13px;
    color: #565656;
  }
  .popup-report .BTT > ul > li > .con .input-regular {
    width: 100%;
  }
  .popup-report .BTT > ul > li > .con .input-regular + textarea.input-regular {
    margin-top: 8px;
  }
  .popup-report .BTT > ul > li > .con input[type="radio"],
  .popup-report .BTT > ul > li > .con input[type="checkbox"] {
    margin: 0 4px 0 0;
  }
  .popup-report .BTT > ul > li > .con .input-regular.btn-add {
    width: calc(100% - 82px);
  }
  .popup-report .BTT > ul > li > .con .input-regular.btn-add + button {
    width: 74px;
    padding: 0;
    margin-left: 8px;
  }
  .popup-report .BTT > ul > li > .con textarea.input-regular {
    width: 100%;
  }
  .popup-report .btn-group-area {
    padding-top: 24px;
  }
  .popup-report .btn-group-area .btn-split2 {
    width: calc((100% - 8px) / 2) !important;
    margin: 0;
  }
  
  /* Login */
  .login-area {
    width: 312px;
    margin: 0 auto;
    background: #fff;
    padding: 40px 0;
    text-align: center;
  }
  .login-area h1 {
    margin: 0 0 40px;
    line-height: 1;
    text-align: center;
  }
  .login-area h1 img {
    width: 78px;
    height: 78px;
  }
  .login-area .input-medium {
    width: 100%;
    border-radius: 4px;
  }
  .login-area .input-large {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    padding: 15px 16px;
    font-size: 14px;
    letter-spacing: -0.65px;
    border-radius: 8px;
  }
  .login-area li + li {
    margin-top: 8px;
  }
  .login-area button[type="submit"] {
    margin: 16px 0 0;
    border-radius: 8px;
    width: 100%;
  }
  .login-area button[type="submit"] + .btn-medium {
    margin-top: 16px;
  }
  .login-area .btn-medium {
    width: 100%;
  }
  .login-area .btn-medium + .btn-medium {
    margin-top: 8px;
  }
  .login-chk-link {
    margin-top: 12px;
  }
  .login-chk-link:after {
    content: "";
    display: block;
    clear: both;
  }
  .login-chk-link .chk {
    float: left;
  }
  .login-chk-link .chk > label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
  }
  .login-chk-link .chk input {
    margin: 0 4px 0 0;
  }
  .login-chk-link .link {
    float: right;
  }
  .login-chk-link .link a {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a6a6a6;
    display: inline-block;
    margin-left: 8px;
  }
  .login-chk-link .link a + a {
    padding-left: 8px;
    line-height: 0.8;
    border-left: 1px solid #a6a6a6;
  }
  .login-area .login-join {
    text-align: center;
    margin: 40px 0 0;
    font-size: 12px;
    color: #a6a6a6;
  }
  .login-area .login-join a {
    font-size: 12px;
    text-decoration: underline;
    display: inline-block;
    margin: 0 0 0 8px;
  }
  .login-area button[type="button"].sns {
    width: 100%;
    border-radius: 50vh;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.7px;
    text-align: center;
    color: #868686;
    margin: 8px 0 0;
  }
  .login-area .kakaotalk:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -2px 4px 0 0;
    width: 32px;
    height: 32px;
    background: url(../../image/mobile/icon_s_kakaotalk.png) center center
      no-repeat;
    background-size: contain;
  }
  .login-area .naver:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -2px 4px 0 0;
    width: 32px;
    height: 32px;
    background: url(../../image/mobile/icon_s_naver.png) center center no-repeat;
    background-size: contain;
  }
  .login-area .facebook:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -2px 4px 0 0;
    width: 32px;
    height: 32px;
    background: url(../../image/mobile/icon_s_facebook.png) center center
      no-repeat;
    background-size: contain;
  }
  .login-area .google:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -2px 4px 0 0;
    width: 32px;
    height: 32px;
    background: url(../../image/mobile/icon_s_google.png) center center no-repeat;
    background-size: contain;
  }
  .login-area .apple,
  .login-area .apple:hover {
    background: #000;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.36px;
    border: 0;
    color: #ffffff;
  }
  .login-area .apple:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -2px 4px 0 0;
    width: 32px;
    height: 32px;
    background: url(../../image/mobile/icon_s_apple.png) center center no-repeat;
    background-size: contain;
  }
  
  /*회원약관*/
  .member-content {
    background: #fff;
  }
  .member-content .member-agree {
    margin: 24px 0 0;
  }
  .member-content .member-agree h1 {
    font-size: 12px;
  }
  .member-content .member-agree textarea.input-regular {
    width: 100%;
    height: 160px;
    border-radius: 4px;
    background-color: #f9f9f9;
    padding: 12px 16px;
    border: 0;
    font-size: 12px;
    color: #868686;
    margin: 8px 0 0;
  }
  .member-content .member-agree label {
    display: flex;
    align-items: center;
  }
  .member-content label span {
    font-size: 13px;
    color: #161616;
  }
  .member-content label input {
    margin: 0 8px 0 0 !important;
  }
  .member-content .member-checked-all {
    margin: 24px 0 0;
  }
  .member-content .btn-group-area {
    padding: 24px 0 0;
  }
  .border-top {
    border-top: 1px solid #e6e6e6;
  }
  
  /* a-underline-group */
  .a-underline-group {
    margin-top: 12px;
    text-align: center;
  }
  .a-underline-group a {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #9e9ea2;
    margin: 0 8px;
    text-decoration: underline;
  }
  
  /*결과*/
  .result-area {
    padding: 90px 0;
    text-align: center;
  }
  .result-area.border-top {
    border-top: 1px solid #e6e6e6;
  }
  .result-area .icon-result {
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background: url(../../image/pc/icon_result_chk.png) center center no-repeat;
    background-size: contain;
  }
  .result-area h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.54px;
    text-align: center;
    margin: 16px 0 0;
  }
  .result-area p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #9e9ea2;
    margin: 16px 0 0;
  }
  .result-area p strong {
    font-weight: bold;
    color: #868686;
  }
  .result-area .btn-large {
    display: block;
    width: 100%;
    margin: 40px auto 0;
  }
  .result-area .text-decoration {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: -0.33px;
    text-align: center;
    color: #a6a6a6;
    margin-top: 16px;
    display: block;
    text-decoration: underline;
  }
  
  /*게시판 목록 공통*/
  .board-list-area {
    border-top: 1px solid #161616;
  }
  .search-type1 + .board-list-area {
    border-top: 1px solid #e9e9e9;
  }
  .sub-title-area + .board-list-area {
    border-top: 0;
  }
  .board-list-area ul {
    display: table;
    width: 100%;
  }
  .board-list-area ul li {
    display: table-cell;
    vertical-align: middle;
  }
  .board-list-area ul li.num {
    width: 10%;
  }
  .board-list-area ul li.date {
    width: 12%;
  }
  .board-list-area ul li.writer {
    width: 12%;
  }
  .board-list-area ul li.hit {
    width: 8%;
  }
  .board-list-area ul li.status {
    width: 12%;
  }
  .board-list-area ul li.term {
    width: 20%;
  }
  .board-list-area ul li.point {
    width: 20%;
  }
  .board-list-area ul li.split3 {
    width: 33.33%;
  }
  .board-list-area ul li.split4 {
    width: 25%;
  }
  .board-list-area ul li.split5 {
    width: 20%;
  }
  .board-list-area ul li.split6 {
    width: 16.66%;
  }
  .board-list-area ul li.split7 {
    width: 14.28%;
  }
  .board-list-area ul li.split8 {
    width: 12.5%;
  }
  .board-list-header ul li {
    background-color: #f9f9f9;
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
    color: #a6a6a6;
  }
  .board-list-header > div {
    width: 100%;
    display: block;
    height: auto;
  }
  .board-list-content > div {
    position: relative;
    width: 100%;
    display: block;
    height: auto;
    border-bottom: 1px solid #e6e6e6;
  }
  .board-list-content > div.end:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .board-list-content > div > ul > li {
    background: #fff;
    padding: 16px 0;
    font-size: 12px;
    line-height: 1.46;
    letter-spacing: -0.65px;
    text-align: center;
    color: #a6a6a6;
  }
  .board-list-area .board-list-content > div > ul > li.subject {
    position: relative;
    text-align: left;
    padding-left: 8px;
    overflow: hidden;
  }
  .board-list-area .board-list-content > div > ul > li.subject > a p {
    float: left;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.65px;
    text-align: left;
    color: #565656;
    max-width: 95%;
    display: -webkit-box;
    line-height: 1.5em;
    height: 1.5em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  .board-list-area .board-list-content > div > ul > li.subject > a p:hover {
    text-decoration: underline;
  }
  .board-list-area .board-list-content > div > ul > li.subject .comn {
    float: left;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: -0.55px;
    text-align: left;
    color: #5cc4ef;
    margin: 0 0 0 8px;
  }
  .board-list-content > div > ul > li.num {
    font-size: 12px;
  }
  .board-list-content > div > ul > li.date {
    font-size: 12px;
  }
  .board-list-content > div > ul > li.writer {
    color: #868686;
  }
  .board-list-content > div > ul > li.status span {
    font-weight: 600;
    color: #a6a6a6;
  }
  .board-list-content > div > ul > li.term {
    font-size: 12px;
  }
  .board-list-content > div > ul > li.term span {
    color: #a6a6a6;
    font-size: 12px;
  }
  .board-list-content > div > ul > li.point {
    font-size: 13px;
  }
  .board-list-area .btn-group-area {
    display: flex;
    justify-content: flex-end;
    padding: 16px 0 0;
  }
  .board-list-area .btn-group-area .btn-regular {
  }
  
  /* faq */
  .accordion.faq {
    width: 100%;
  }
  .accordion.faq .inner-wrap > ul > li {
    display: block;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-header {
    position: relative;
    height: auto;
    padding: 16px 44px;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-header:before {
    position: absolute;
    left: 24px;
    top: 17px;
    content: "Q.";
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #a6a6a6;
    display: -webkit-box;
    line-height: 1.5em;
    height: 1.5em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  .accordion.faq .inner-wrap > ul > li.active .accordion-header p {
    display: block;
    height: auto;
  }
  .accordion.faq .inner-wrap > ul > li.active .accordion-content {
    display: block;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-header p {
    font-size: 13px;
    line-height: 1.5;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-content {
    position: relative;
    padding-left: 44px;
    min-height: auto;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-content:before {
    position: absolute;
    left: 24px;
    top: 16px;
    content: "A.";
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #5cc4ef;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-content p {
    font-size: 13px;
    color: #565656;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-content img {
    display: block;
    max-width: 100%;
    margin: 16px 0;
  }
  
  /* 게시판형 faq */
  .board-list-content .accordion {
    width: auto;
  }
  .board-list-content .accordion > ul > li {
    height: auto;
    position: relative;
    background: #fff;
    padding: 16px;
  }
  .board-list-content .accordion > ul > li p {
    width: calc(100% - 32px);
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.6px;
    text-align: left;
    color: #161616;
    text-decoration: none;
    cursor: pointer;
    display: -webkit-box;
    line-height: 1.5em;
    height: 1.5em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .board-list-content .accordion .num {
    width: 10%;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #565656;
    vertical-align: top;
    padding-top: 18px;
  }
  .board-list-content .accordion > ul > li p:after {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px;
    background: url(../../image/component/icon_accordion_arrow_down.png) no-repeat
      0 0;
    background-size: contain;
    opacity: 0.3;
  }
  .board-list-content .accordion .accordion-content {
    background: #fff;
    width: 100%;
    transition: height 0ms 400ms, opacity 400ms 0ms;
    overflow: hidden;
    height: 0;
    min-height: 0;
    opacity: 0;
  }
  .board-list-content .accordion.active > ul > li p {
    height: auto;
    -webkit-line-clamp: initial;
  }
  .board-list-content .accordion.active .accordion-content {
    border-top: 1px solid #e9e9e9;
    background-color: #f9f9f9;
    height: auto;
    opacity: 1;
  }
  .board-list-content .accordion.active > ul > li p:after {
    background: url(../../image/component/icon_accordion_arrow_up.png) no-repeat 0
      0;
    background-size: contain;
  }
  .board-list-content .accordion .accordion-content {
    position: relative;
    background-color: #fff;
    min-height: auto;
  }
  .board-list-content .accordion .accordion-content p {
    padding: 16px 166px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
  }
  .board-list-content .accordion .accordion-content img {
    display: block;
    max-width: 100%;
    margin: 0 0 16px;
  }
  
  /*temp-content*/
  .temp-content {
    background-color: #f9f9f9;
    padding: 16px;
    margin: 16px 0 0;
  }
  .temp-content pre {
    height: 600px;
    font-size: 16px;
    color: #565656;
    line-height: 1.5;
    letter-spacing: -0.36px;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-line;
    border-radius: 4px;
    padding: 4px 0 0 8px;
  }
  .temp-content pre::-webkit-scrollbar {
    width: 8px;
    background: #fff;
  }
  .temp-content pre::-webkit-scrollbar-thumb {
    background: #ff7193;
    border-radius: 4px;
  }
  
  /*게시판 보기*/
  .board-view-area {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
  }
  .board-view-area .header {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 16px 0;
  }
  .board-view-area .header h1 {
    font-size: 18px;
    font-weight: 400;
    color: #464646;
    word-break: break-all;
  }
  .board-view-area .header h1 .cate {
    min-width: 54px;
    height: 22px;
    line-height: 20px;
    padding: 0 8px;
    border: solid 1px #ff416f;
    background-color: #fff;
    font-size: 11px;
    color: #ff416f;
    text-align: center;
    margin: -2px 16px 0 0;
  }
  .board-view-area .header .info {
    margin: 8px 0 0;
  }
  .board-view-area .header .info > ul {
    position: relative;
  }
  .board-view-area .header .info > ul > li {
    float: left;
    font-size: 12px;
    color: #868686;
    margin: 0 16px 0 0;
  }
  .board-view-area .header .info > ul > li a {
    font-size: 12px;
    color: #868686;
    text-decoration: underline;
  }
  .board-view-area .header .info > ul > li.writer {
    font-weight: 500;
    color: #565656;
  }
  .board-view-area .header .info > ul > li.hit {
    position: absolute;
    top: 0;
    right: 0;
    color: #a6a6a6;
  }
  .board-view-area .header .info > ul > li.hit:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    width: 24px;
    height: 24px;
    background: url(../../image/pc/icon_hit.png);
    background-size: contain;
  }
  .board-view-area .content {
    padding: 16px 0 80px;
    font-size: 13px;
    color: #161616;
    line-height: 1.46;
    letter-spacing: -0.65px;
    min-height: 440px;
    word-break: break-all;
  }
  .board-view-area .content.small {
    min-height: 250px;
  }
  .board-view-area .content img {
    display: block;
    max-width: 100%;
    margin: 16px 0 0;
  }
  .board-view-area + .btn-group {
    padding-top: 16px;
  }
  .board-view-area .swiper-container {
    margin: 16px 0 0;
  }
  .board-view-area .swiper-container .swiper-slide {
    position: relative;
    width: 100px !important;
    padding-bottom: 100px !important;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
  }
  .board-view-area .swiper-container .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
  }
  
  /* board-file */
  .board-file {
    padding: 20px 0;
  }
  .board-file a {
    display: inline-block;
    height: 32px;
    margin: 0 16px 0 0;
    padding: 4px 8px;
    border-radius: 4px;
    border: solid 2px #e9e9e9;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: -0.55px;
    text-align: left;
    color: #868686;
  }
  .board-file a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: -3px 8px 0 0;
    background: url(../../image/pc/icon_download.png);
    background-size: contain;
  }
  
  /*board-re*/
  .board-re > h1 {
    background-color: #f9f9f9;
    padding: 8px 0;
    font-size: 12px;
    color: #a6a6a6;
    text-align: center;
    border-top: 1px solid #e6e6e6;
  }
  .board-re > div {
    font-size: 13px;
    color: #161616;
    padding: 16px 0;
    line-height: 1.46;
    letter-spacing: -0.65px;
  }
  
  /* 회원용 */
  .member-write-area {
    width: 312px;
    margin: 0 auto;
    padding: 70px 0;
  }
  .member-write-area .icon-result {
    display: block;
    margin: 50px auto 0;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background: url(../../image/mobile/icon_result_chk.png) center center
      no-repeat;
    background-size: contain;
  }
  .member-write-area .icon-result.success {
    background: url(../../image/mobile/icon_result_success.png) center center
      no-repeat;
    background-size: contain;
  }
  .member-write-area .icon-result.fail {
    background: url(../../image/mobile/icon_result_fail.png) center center
      no-repeat;
    background-size: contain;
  }
  .member-write-area h1 {
    margin-top: 100px;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #161616;
  }
  .member-write-area .icon-result + h1 {
    margin-top: 24px;
  }
  .member-write-area .btn-large {
    width: 100%;
  }
  .member-write-area h1 + .btn-large {
    margin-top: 40px;
  }
  .member-write-area h1 + .btn-large + .align-center {
    margin-top: 12px;
  }
  .member-write-area .member-guide-text {
    margin: 16px 0 0;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #161616;
  }
  
  /*인덱스팝업*/
  .index-popup {
    min-width: 312px;
  }
  .index-popup .btn-split2 {
    width: 50% !important;
  }
  .index-popup .btn-split2.btn-medium {
    border: 0 !important;
    border-top: 1px solid #e6e6e6 !important;
    border-radius: 0 !important;
  }
  .index-popup .btn-split2.btn-medium + .btn-split2.btn-medium {
    border-left: 1px solid #e6e6e6 !important;
  }
  .index-popup .popup-content img {
    width: 312px;
    height: 312px;
  }
  
  /* quantity-change */
  .quantity-change {
    display: flex;
    align-items: center;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
  }
  .quantity-change .btn-minus {
    width: 40px;
    height: 40px;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .quantity-change .btn-minus span {
    width: 32px;
    height: 32px;
    background: url(../../image/mobile/icon_minus.png) center center no-repeat;
    background-size: contain;
    text-indent: -5000px;
  }
  .quantity-change .input {
    width: calc(100% - 80px);
    height: 44px;
    line-height: 42px;
    font-size: 13px;
    text-align: center;
  }
  .quantity-change .btn-plus {
    width: 40px;
    height: 40px;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .quantity-change .btn-plus span {
    width: 32px;
    height: 32px;
    background: url(../../image/mobile/icon_plus.png) 0 0 no-repeat;
    background-size: contain;
    text-indent: -5000px;
  }
  
  /* btn-group-area */
  .btn-group-area {
    padding: 24px 0 0;
    text-align: center;
    overflow: hidden;
  }
  .btn-group-area .f-left {
    float: left;
  }
  .btn-group-area .f-left .btn-regular + .btn-regular {
    margin-left: 8px;
  }
  .btn-group-area .f-right {
    float: right;
  }
  .btn-group-area .btn-medium,
  .btn-group-area .btn-large {
    width: 160px !important;
  }
  .btn-group-area .btn-split2 {
    width: 160px !important;
    margin: 0;
  }
  .btn-group-area .btn-split2 + .btn-split2 {
    margin-left: 8px;
  }
  .btn-group-area .btn-split3 {
    width: 160px !important;
    margin: 0;
  }
  .btn-group-area .btn-split3 + .btn-split3 {
    margin-left: 8px;
  }
  .board-list-area + .btn-group-area,
  .board-view-area + .btn-group-area {
    padding-top: 16px;
  }
  .btn-group-area + .paginate-area {
    margin-top: 8px;
  }
  .service-info {
    min-height: 600px;
    padding: 24px;
    border-radius: 4px;
    border: solid 1px #e9e9e9;
    background-color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: -0.39px;
    text-align: left;
    color: #565656;
    margin-top: 16px;
  }
  
  /* .event-list-type */
  .event-list-type {
    border-bottom: 1px solid #e9e9e9;
  }
  .event-list-type .img img {
    width: 100%;
    height: 160px;
    object-fit: cover;
  }
  .event-list-type .subject {
    margin: 16px 32px 8px;
    text-align: center;
  }
  .event-list-type .subject a {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: -0.75px;
    text-align: center;
    color: #565656;
  }
  .event-list-type .subject a:hover {
    text-decoration: underline;
  }
  .event-list-type .term {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.6px;
    text-align: center;
    color: #a6a6a6;
    margin-bottom: 16px;
  }
  .text-decoration {
    text-decoration: underline;
  }
  .search-type1 {
    padding: 24px 0 16px;
    text-align: right;
  }
  .search-type1 select.input-small {
    min-width: 120px;
  }
  
  /* 댓글 작성 */
  .board-comment-area {
    width: 100%;
    height: auto;
    background: #fff;
    overflow: hidden;
    margin: 60px 0 0;
  }
  .board-comment-area h1 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
  }
  .board-comment-write {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 32px;
  }
  .board-comment-write textarea {
    width: 100%;
    height: 100px;
    border: solid 1px #e6e6e6;
    border-radius: 4px;
    padding: 16px 144px 16px 16px;
  }
  .board-comment-write .btn-group-area {
    position: absolute;
    bottom: 16px;
    right: 16px;
    margin: 0;
    padding: 0;
  }
  .board-comment-write .btn-medium {
    width: 96px;
    height: 96px;
    font-size: 13px;
    margin-left: 8px;
  }
  .board-comment-list {
    width: 100%;
    height: auto;
    border-top: 1px solid #e6e6e6;
  }
  .board-comment-list > div {
    width: 100%;
    height: auto;
  }
  .board-comment-list > div > ul {
    display: inline-block;
    width: 100%;
    height: auto;
  }
  .board-comment-list > div > ul > li {
    display: inline-block;
    width: 100%;
    height: auto;
  }
  .board-comment-list > div > ul > li > .comment-box {
    width: 100%;
    height: auto;
    padding: 16px 0;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
  }
  .board-comment-list > div > ul > li .comment-top-area {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: -4px 0 0;
  }
  .board-comment-list > div > ul > li .comment-top-area > ul.comment-info {
    display: block;
    float: left;
  }
  .board-comment-list .comment-btn {
    display: block;
    float: right;
    position: relative;
  }
  .board-comment-list .comment-btn:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../image/pc/icon_cm_btn.png);
    background-size: contain;
    cursor: pointer;
  }
  .board-comment-list .comment-btn ul {
    display: none;
  }
  .board-comment-list .comment-btn:hover ul {
    display: block;
    position: absolute;
    top: 16px;
    right: 8px;
    width: 100px;
    height: 105px;
    padding: 16px 61px 16px 16px;
    border-radius: 8px;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    z-index: 1;
  }
  .board-comment-list .comment-btn li button {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: -0.65px;
    text-align: left;
    color: #868686;
  }
  .board-comment-list .comment-btn li + li {
    margin-top: 8px;
  }
  .board-comment-list .comment-btn li button:hover {
    text-decoration: underline;
  }
  .board-comment-list > div > ul > li .comment-top-area > ul.comment-info li {
    display: inline-block;
    margin-right: 12px;
  }
  .board-comment-list .comment-top-area > ul.comment-info li {
    font-size: 12px;
    color: #b6b6b6;
  }
  .board-comment-list .comment-top-area > ul.comment-info li.userid {
    color: #565656;
  }
  .board-comment-list > div > ul > li .comment-content-area {
    width: 100%;
    display: block;
    height: auto;
  }
  .board-comment-list > div > ul > li .comment-content-area > p {
    width: 100%;
    height: auto;
    line-height: 1.46;
    display: block;
    color: #161616;
    font-size: 13px;
    padding: 8px 0;
  }
  .board-comment-list > div > ul > li .bottom-btn button {
    font-size: 12px;
    color: #b6b6b6;
    margin: 0 16px 0 0;
  }
  .board-comment-list > div > ul > li .comment-reply-write {
    position: relative;
    width: 100%;
    height: auto;
    padding: 12px 12px 12px 24px;
    border-bottom: 1px solid #e6e6e6;
  }
  .board-comment-list > div > ul > li .comment-reply-write:before {
    position: absolute;
    top: 16px;
    left: 16px;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0;
    vertical-align: middle;
    background: url(../../image/mobile/icon_comment_re.png) center center
      no-repeat;
    background-size: contain;
  }
  .board-comment-list > div > ul > li .comment-reply-write textarea {
    width: 834px;
    height: 100px;
  }
  .board-comment-list > div > ul > li .comment-reply-write .btn-group-area {
    position: absolute;
    bottom: 28px;
    right: 28px;
    margin: 0;
    padding: 0;
  }
  .board-comment-list > div > ul > li .comment-reply-write .btn-medium {
    width: calc(50% - 5px);
    height: 44px;
    line-height: 42px;
    border-radius: 22px;
    font-size: 13px;
    margin: 0;
  }
  .board-comment-list .comment-reply-write .btn-medium + .btn-medium {
    margin: 0 0 0 8px;
  }
  .board-comment-list > div > ul > li > .comment-box.re {
    width: 100%;
    height: auto;
    padding: 12px 0 12px 26px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    background: url(../../image/pc/icon_re.png) 0 8px no-repeat;
    background-size: 24px;
  }
  .board-comment-list > .comment-box.re .comment-content-area > p {
    color: #868686;
  }
  .comment-content-area ul {
    display: flex;
    margin: 8px 0;
  }
  .comment-content-area li.tit {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.6px;
    text-align: left;
    color: #a6a6a6;
    width: 64px;
    height: 18px;
  }
  .comment-content-area li.con {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: -0.65px;
    text-align: left;
    color: #161616;
    width: calc(100% - 64px);
    padding-left: 8px;
  }
  .popup-report .block-type-area {
    padding: 0 0 24px;
  }
  
  /* member-out */
  .member-out {
    padding: 60px 0;
    text-align: center;
  }
  .member-out .icon-result {
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background: url(/image/mobile/icon_chk_gray.png) center center no-repeat;
    background-size: contain;
  }
  .member-out h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.54px;
    text-align: center;
    margin: 16px 0 0;
  }
  .member-out p {
    font-size: 13px;
    text-align: center;
    color: #868686;
    margin: 8px 0 40px;
  }
  .member-out p strong {
    font-weight: bold;
    color: #868686;
  }
  .froala-view .f-video-editor {
    width: 100%;
    height: auto;
  }
  .froala-view .f-video-editor iframe {
    width: 100%;
    height: 30vh;
  }
  .a-underline {
    display: block;
    font-size: 11px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a6a6a6;
    text-decoration: underline;
  }
  
  .main-notice-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
    padding: 0 160px 80px;
  }
  .main-notice-wrap > h1 {
    width: 100%;
    margin: 0 0 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 8px;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  
  /* main-notice */
  .main-notice {
    width: calc((100% - 24px) / 2);
    padding: 16px 24px 8px;
    border-top: solid 2px #ff891e;
  }
  .main-notice + .main-notice {
    margin-left: 24px;
  }
  .main-notice .title {
    height: 51px;
    padding: 16px 0;
    border-bottom: solid 1px #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .main-notice .title h1 {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4.8px;
    text-align: left;
    color: #121212;
  }
  .main-notice .title .more {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
  }
  .main-notice .title .more:after {
    content: "";
    width: 12px;
    height: 12px;
    background: url(../../image/pc/icon_more.png);
    background-size: contain;
    margin: 0 0 0 4px;
  }
  .main-notice > ul {
    padding: 16px 0 8px;
  }
  .main-notice > ul > li {
    display: flex;
    align-items: center;
    padding: 4px 0;
  }
  .main-notice > ul > li:last-child {
    padding-bottom: 0;
  }
  .main-notice > ul > li a {
    width: calc(100% - 86px);
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-right: 24px;
  }
  .main-notice > ul > li span {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a9a9a9;
  }
  .main-notice .empty {
    height: 68px;
    padding: 24px;
    border-radius: 16px;
    background-color: #f6f6f6;
    margin: 16px 0 0;
  }
  .main-notice .empty p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #565656;
  }
  .top-right {
    padding: 16px 0 0;
    text-align: right;
  }
  .btn-delete-all {
    width: 80px;
    height: 40px;
    flex-grow: 0;
    padding: 0 11px 0 10px;
    border-radius: 4px;
    border: solid 1px #d6d6d6;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 38px;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
  }
  /*========== 컨텐츠 공용 끝 ==========*/
  
  /*========== 컨텐츠 시작 ==========*/
  .main-bg-section {
    padding: 40px 0;
    background-color: #f9f9f9;
  }
  .main-bg-section .inner-wrap {
    width: 880px;
    margin: 0 auto;
  }
  
  .main-section {
    padding: 40px 0;
  }
  .main-section .inner-wrap {
    width: 880px;
    margin: 0 auto;
  }
  
  /* main-title */
  .main-title {
    height: 56px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-bottom: solid 1px #ddd;
  }
  .main-title h1 {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4.8px;
    text-align: left;
    color: #121212;
  }
  .main-title h1::before {
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 16px 0 0;
    background-size: contain !important;
  }
  .main-title h1.n1::before {
    background: url(../../image/pc/mt_n1.png) no-repeat;
  }
  .main-title h1.n2::before {
    background: url(../../image/pc/mt_n2.png) no-repeat;
  }
  .main-title h1.n3::before {
    background: url(../../image/pc/mt_n3.png) no-repeat;
  }
  .main-title h1.n4::before {
    background: url(../../image/pc/mt_n4.png) no-repeat;
  }
  .main-title h1.n5::before {
    background: url(../../image/pc/mt_n5.png) no-repeat;
  }
  .main-title h1.n6::before {
    background: url(../../image/pc/mt_n6.png) no-repeat;
  }
  .main-title .more {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
  }
  .main-title .more:after {
    content: "";
    width: 12px;
    height: 12px;
    background: url(../../image/pc/icon_more.png);
    background-size: contain;
    margin: 0 0 0 4px;
  }
  
/* shop-list */
.shop-list {
    padding: 8px 16px 0;
  }
  .shop-list .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 16px 12px;
    border-bottom: solid 1px #e9e9e9;
  }
  .shop-list .title h1 {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.64px;
    text-align: left;
    color: #000;
  }
  .shop-list .title button {
    width: 24px;
    height: 24px;
    background: url(/image/mobile/icon_filter.png) no-repeat;
    background-size: contain;
  }
  .shop-list > ul > li > a {
    display: flex;
    padding: 16px;
    border-bottom: solid 1px #e9e9e9;
  }
  .shop-list .img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
  }
  .shop-list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .shop-list .info {
    width: calc(100% - 100px);
    padding: 0 0 0 24px;
  }
  .shop-list .name {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.64px;
    text-align: left;
    color: #565656;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .shop-list .category {
    margin: 4px 0 0;
  }
  .shop-list .category span {
    width: auto;
    height: 26px;
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0 16px;
    border-radius: 9999px;
    border: solid 1px #d6d6d6;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: -0.48px;
    text-align: center;
    color: #565656;
  }
  .shop-list .rating-review {
    display: flex;
    align-items: center;
  }
  .shop-list .review {
    margin: 0 0 0 4px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #565656;
  }
  .shop-list .address {
    margin: 6px 0 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.48px;
    text-align: left;
    color: #565656;
  }
  
  .banner {
    margin: 75px 0 0;
  }
  
  /* 2024-07-26 */
  #container {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    width: 1304px;
    margin: 32px auto 0;
  }
  #left-bar {
    width: 200px;
    min-height: 200px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    padding: 34px 20px 20px;
  }
  #main-content {
    width: 800px;
    min-height: 800px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    padding: 24px 32px 32px;
  }
  #right-bar {
    width: 240px;
    min-height: 240px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    padding: 20px;
  }
  #footer {
    width: 1304px;
    margin: 100px auto 60px;
    padding: 0 272px 0 232px;
  }
  
  #footer .toggle-btn-fnb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 16px;
  }
  #footer .toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--light-basic-gray-600, #868686);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
    white-space: nowrap;
  }
  #footer .toggle-btn:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../image/component/icon_accordion_arrow_down.png) no-repeat
      left top;
    background-size: cover;
    opacity: 0.5;
  }
  #footer.on .toggle-btn:after {
    background: url(../../image/component/icon_accordion_arrow_up.png) no-repeat
      left top;
    background-size: cover;
  }
  #footer .fnb {
    width: auto;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: cetner;
    padding: 0;
  }
  #footer .fnb a {
    margin: 0 0 0 16px;
    color: var(--light-basic-gray-500, #a6a6a6);
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  #footer .toggle-box {
    transition: height 0ms 400ms, opacity 400ms 0ms;
    overflow: hidden;
    height: 0;
    opacity: 0;
  }
  #footer.on .toggle-box {
    height: auto;
    opacity: 1;
    margin: 0 0 16px;
  }
  #footer .toggle-box ul {
    padding: 16px;
    border-radius: 8px;
    background: var(--light-semantic-background-lowered-primary, #f6f6f6);
  }
  #footer .toggle-box li {
    display: flex;
  }
  #footer .toggle-box li + li {
    margin: 4px 0 0;
  }
  #footer .toggle-box .tit,
  #footer .toggle-box .con {
    color: var(--Light-Basic-Gray-600, #868686);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 154.545% */
    letter-spacing: -0.033px;
  }
  #footer .toggle-box .tit {
    width: 100px;
  }
  #footer .toggle-box .con {
    width: calc(100% - 100px);
  }
  #footer .copyright {
    margin: 0 0 16px;
    color: var(--light-basic-gray-300, #d6d6d6);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  
  /*****/
  #container hr {
    border: 0;
    background-color: none;
    border-bottom: 1px solid #f2f2f2;
    margin: 16px 0;
  }
  #container .btn-regular {
    display: inline-block;
    min-width: 64px;
    height: 40px;
    padding: 8px 16px;
    border: solid 1px #d6d6d6;
    background-color: #ffffff;
    color: var(--Light-Basic-White, #fff);
    text-align: center;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.039px;
    transition: all 0.5s;
    border-radius: 8px;
  }
  #container .btn-small {
    color: var(--Light-Semantic-Text-Primary, #262626);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  #container .input-small {
    border-radius: 6px;
  }
  #container .popup {
    border-radius: 8px !important;
  }
  /*****/
  
  #left-bar .logo {
    margin: 0 4px 28px;
  }
  #left-bar .logo img {
    width: 147px;
    height: 54px;
  }
  #left-bar .title {
    display: flex;
    height: 40px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--Primary, #ff7900);
    background: var(--Primary, #ff7900);
    color: var(--Light-Basic-White, #fff);
    text-align: center;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 123.077% */
    letter-spacing: -0.039px;
  }
  #left-bar .menu {
    margin: 0 0 32px;
  }
  #left-bar .menu > li {
    margin: 24px 0 0;
  }
  #left-bar .menu > li > a,
  #left-bar .menu > li > .tit {
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.48px;
  }
  #left-bar .menu > li > .tit {
    cursor: pointer;
    background: url(../../image/component/icon_accordion_arrow_down.png) no-repeat
      right -4px;
    background-size: 24px;
  }
  #left-bar .menu > li > .tit.active {
    background: url(../../image/component/icon_accordion_arrow_up.png) no-repeat
      right -4px;
    background-size: 24px;
  }
  #left-bar .menu > li > ul {
    margin: 12px 0 0;
    display: none;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-radius: 8px;
    background: #f9f9f9;
  }
  #left-bar .menu > li > .tit.active + ul {
    display: flex;
  }
  #left-bar .menu > li > ul > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--Light-Semantic-Text-Secondary, #464646);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.039px;
  }
  #left-bar .menu > li > ul > li > a:before {
    content: "-";
    color: var(--Light-Semantic-Text-Secondary, #464646);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.039px;
  }
  #left-bar .cscenter {
    margin: 32px 0 0;
  }
  #left-bar .cscenter h4 {
    color: var(--Light-Semantic-Text-Secondary, #464646);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.36px;
  }
  #left-bar .cscenter ul {
    margin: 12px 0 0;
  }
  #left-bar .cscenter li {
    margin: 6px 0 0;
    display: flex;
    align-items: center;
  }
  #left-bar .cscenter .tit {
    width: 40px;
    color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
  }
  #left-bar .cscenter .con {
    width: calc(100% - 40px);
    color: var(--Light-Semantic-Text-Sub-Primary, #666);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.33px;
  }
  #left-bar .btn-small.plane {
    margin: 16px 0 0;
    display: flex;
    height: 28px;
    padding: 6px 12px 6px 8px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    border-radius: 6px;
    border: 1px solid var(--Light-Basic-Gray-150, #f2f2f2);
    background: var(--Light-Basic-Gray-150, #f2f2f2);
    color: var(--Light-Semantic-Text-Primary, #262626);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  #left-bar .btn-small.plane img {
    width: 18px;
    height: 18px;
  }
  
  #right-bar .title {
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.039px;
  }
  
  /* affiliate-link */
  .affiliate-link {
    margin: 16px 0 0;
    border-top: 1px solid #e6e6e6;
  }
  .affiliate-link > li {
    padding: 13px 0 10px;
    border-bottom: 1px solid #f2f2f2;
  }
  .affiliate-link .icon-shop-cate {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .affiliate-link .icon-shop-cate img {
    width: 18px;
    height: 18px;
  }
  .affiliate-link .icon-shop-cate .shop {
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.039px;
  }
  .affiliate-link .icon-shop-cate .cate {
    color: var(--Primary-Highlighted, #f27300);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.33px;
  }
  .affiliate-link .one-line-intro {
    margin: 4px 0 0;
    color: var(--Light-Semantic-Text-Sub-Primary, #666);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
  }
  
  /* location-settings */
  .location-settings {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 16px;
    margin: 0 0 16px;
  }
  .location-settings .location {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.054px;
  }
  .location-settings .location:before {
    content: "";
    width: 28px;
    height: 28px;
    background: url(../../image/pc/icon_map_mark.png) no-repeat;
    background-size: contain;
  }
  
  /* slide-notice */
  .slide-notice {
    display: flex;
    justify-content: space-between;
  }
  
  .notice-wrap {
    width: 240;
    padding: 0 0 0 24px;
  }
  .notice-wrap .notice .title h1 {
    padding: 0 0 12px;
    margin: 0 0 12px;
    border-bottom: 1px solid #e6e6e6;
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 125% */
    letter-spacing: -0.048px;
  }
  .notice-wrap .notice + .notice {
    margin: 32px 0 0;
  }
  .notice-wrap .notice li {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .notice-wrap .notice li + li {
    margin: 8px 0 0;
  }
  .notice-wrap .notice li a {
    width: calc(100% - 42px);
    padding-right: 16px;
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.039px;
  }
  .notice-wrap .notice li span {
    width: 42px;
    color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 154.545% */
    letter-spacing: -0.033px;
  }
  
  .slide-wrap {
    position: relative;
    width: 496px;
  }
  .main-slide .swiper-slide {
    width: 240px;
  }
  .main-slide .swiper-slide .img {
    width: 240px;
    height: 160px;
    background: url(../../image/pc/default2.png) no-repeat;
    background-size: contain;
    border-radius: 8px;
    border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
    overflow: hidden;
  }
  .main-slide .swiper-slide img {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    object-fit: cover;
  }
  .main-slide .swiper-slide a {
    display: block;
  }
  .main-slide .swiper-slide a + a {
    margin: 16px 0 0;
  }
  .slide-wrap .slider-btn-prev {
    width: 40px;
    height: 40px;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    background: url(../../image/pc/r_prev2.png) center center no-repeat;
    background-size: contain;
  }
  .slide-wrap .slider-btn-next {
    width: 40px;
    height: 40px;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    background: url(../../image/pc/r_next2.png) center center no-repeat;
    background-size: contain;
  }
  
  /* title-btn */
  .title-btn {
    margin: 42px 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 16px;
  }
  .title-btn .title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.054px;
  }
  .title-btn .title .input-small {
    margin: 0 0 0 8px;
    min-width: 160px;
  }
  
  /* item-list-slide */
  .item-list-slide .swiper-slide {
    width: 174px;
    margin: 0 12px 0 0;
  }
  .item-list-slide .img {
    position: relative;
    width: 100%;
    padding-bottom: 64.36%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
    background: url(../../image/component/bg_upload_img_default.png) no-repeat
      center center;
    background-size: cover;
  }
  .item-list-slide .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .item-list-slide .shop {
    margin: 8px 8px 0;
    position: relative;
    text-align: center;
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.039px;
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 1.5em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  .item-list-slide .shop:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(../../image/pc/icon_list_store.png) no-repeat;
    background-size: contain;
    margin: 0 4px 0 0;
  }
  .item-list-slide .summary {
    margin: 8px 8px 0;
    color: var(--Light-Semantic-Text-Sub-Primary, #666);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 1.5em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  
  /* banner2 */
  .banner2 {
    margin: 60px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .banner2 a {
    width: calc((100% - 16px) / 2);
  }
  .banner2 img {
    border-radius: 8px;
  }
  
  /* BTT.type-b */
  .BTT.type-b > ul {
    border: 0;
  }
  .BTT.type-b > ul > li {
    display: block;
    width: 100%;
    margin: 24px 0 0;
    height: auto;
    border: 0;
    padding: 0;
  }
  .BTT.type-b > ul > li > * {
    display: block !important;
    width: 100% !important;
    padding: 0;
    text-align: left;
    background: none;
  }
  .BTT.type-b > ul > li > .tit {
    color: #424252;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  
  .popup-index-location {
    width: 328px !important;
    min-width: 328px !important;
  }
  
  /* location-setting-insert */
  .location-setting-insert {
    margin: 4px 0 0;
    display: flex;
    justify-content: space-between;
  }
  .location-setting-insert > div {
    width: calc(100% - 80px);
    margin: 0 0 24px !important;
    padding: 0 6px 0 0;
  }
  .location-setting-insert .input-regular {
    width: 100% !important;
    min-width: 100% !important;
    border-radius: 8px;
    height: 43px;
    display: flex;
    padding: 12px 16px;
    align-items: flex-start;
    align-self: stretch;
  }
  .location-setting-insert .input-regular + .input-regular {
    margin: 4px 0 0;
  }
  .location-setting-insert .btn-large {
    display: flex;
    width: 80px;
    min-width: 80px;
    height: 90px;
    padding: 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
  }
  
  /* 2024-8-2 */
  #container .btn-regular {
    color: var(--Light-Semantic-Text-Primary, #262626);
    padding: 0 12px;
  }
  .space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  /* split2 */
  .split2 {
    display: inline-block;
    width: calc((100% - 8px) / 2) !important;
  }
  .split2 + .split2 {
    margin-left: 8px;
  }
  
/* 게시판 */
/*board-list-area*/
.board-list-area {
    background: #fff;
    padding: 0 16px;
  }
  .board-list-area > .board-list-header {
    clear: both;
  }
  .board-list-area ul {
    display: table;
    width: 100%;
  }
  .board-list-area ul li {
    display: table-cell;
    vertical-align: middle;
  }
  .board-list-area ul li.num {
    width: 14%;
  }
  .board-list-area ul li.chk {
    width: 12%;
  }
  .board-list-area ul li.date {
    width: 20%;
  }
  .board-list-area ul li.status {
    width: 20%;
  }
  .board-list-area ul li.term {
    width: 20%;
  }
  .board-list-area ul li.price {
    width: 22%;
  }
  .board-list-area ul li.split2 {
    width: 50%;
  }
  .board-list-area ul li.split3 {
    width: 33.3%;
  }
  .board-list-area ul li.split4 {
    width: 25%;
  }
  .board-list-area ul li.split5 {
    width: 20%;
  }
  .board-list-area ul li.split6 {
    width: 16.66%;
  }
  .board-list-area ul li.split7 {
    width: 14.28%;
  }
  .board-list-area .board-list-header ul li {
    padding: 10px 0;
    text-align: center;
    font-size: 10px;
    color: #a6a6a6;
    background: #f9f9f9;
  }
  .board-list-area .board-list-header > div {
    width: 100%;
    display: block;
    height: auto;
    background: #f9f9f9;
    padding: 0;
  }
  .board-list-content > div {
    position: relative;
    width: 100%;
    display: block;
    height: auto;
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
  }
  .board-list-content > div > ul > li {
    padding: 8px 0;
    height: 50px;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: -0.33px;
    text-align: center;
    color: #a6a6a6;
  }
  .board-list-content > div > ul > li.subject {
    padding-left: 4px;
  }
  .board-list-content > div > ul > li.subject a {
    text-align: left;
    overflow: hidden;
    display: block;
  }
  .board-list-content > div > ul > li.subject > a p {
    float: left;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.65px;
    text-align: left;
    color: #565656;
    max-width: 95%;
    display: -webkit-box;
    line-height: 1.5em;
    height: 1.5em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
  }
  .board-list-content > div > ul > li.subject > a p:hover {
    text-decoration: underline;
  }
  .board-list-content > div > ul > li.subject > a .comn {
    float: left;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: -0.55px;
    text-align: left;
    color: #ff891e;
    margin: 0 0 0 8px;
  }
  .board-list-content > div > ul > li.status span {
    font-weight: 600;
    color: #a6a6a6;
  }
  .board-list-content > div > ul > li.term {
    text-align: right;
  }
  .board-list-content > div > ul > li.term span {
    display: block;
    color: #a6a6a6;
  }
  .board-list-content > div.notice .num {
    font-weight: bold;
    color: #ff891e;
  }
  .board-list-content > div.notice ul > li.subject > a p {
    font-weight: 500;
  }
  .board-list-area .btn-group-area {
    display: flex;
    justify-content: flex-end;
    padding: 16px 0 0;
  }
  .board-list-area .btn-group-area .btn-regular {
  }
  
  /* board-file */
  .board-file {
    margin: 16px 0 0;
  }
  .board-file a {
    display: inline-block;
    height: 32px;
    padding: 0 8px;
    border-radius: 4px;
    border: solid 1px #d6d6d6;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
  }
  .board-file a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: -3px 8px 0 0;
    background: url(../../image/mobile/icon_download.png) no-repeat;
    background-size: contain;
  }
  .board-file + .board-file {
    margin: 8px 0 0;
  }
  
  /* 게시판형 faq */
  .board-list-content .accordion {
    width: auto;
  }
  .board-list-content .accordion > ul > li {
    height: auto;
    position: relative;
    background: #fff;
    padding: 16px;
  }
  .board-list-content .accordion > ul > li p {
    width: calc(100% - 32px);
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.6px;
    text-align: left;
    color: #161616;
    text-decoration: none;
    cursor: pointer;
    display: -webkit-box;
    line-height: 1.5em;
    height: 1.5em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .board-list-content .accordion .num {
    width: 10%;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
  }
  .board-list-content .accordion > ul > li p:after {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px;
    background: url(../../image/component/icon_accordion_arrow_down.png) no-repeat
      0 0;
    background-size: contain;
    opacity: 0.3;
  }
  .board-list-content .accordion .accordion-content {
    background: #fff;
    width: 100%;
    transition: height 0ms 400ms, opacity 400ms 0ms;
    overflow: hidden;
    height: 0;
    min-height: 0;
    opacity: 0;
  }
  .board-list-content .accordion.active > ul > li p {
    height: auto;
    -webkit-line-clamp: initial;
  }
  .board-list-content .accordion.active .accordion-content {
    border-top: 1px solid #e9e9e9;
    background-color: #f9f9f9;
    height: auto;
    opacity: 1;
  }
  .board-list-content .accordion.active > ul > li p:after {
    background: url(../../image/component/icon_accordion_arrow_up.png) no-repeat 0
      0;
    background-size: contain;
  }
  .board-list-content .accordion .accordion-content {
    position: relative;
    background-color: #fff;
    min-height: auto;
  }
  .board-list-content .accordion .accordion-content p {
    padding: 16px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: #565656;
  }
  .board-list-content .accordion .accordion-content img {
    display: block;
    max-width: 100%;
    margin: 0 0 8px;
  }
  
  /* board-list */
  .board-list {
    margin: 4px 16px 0;
  }
  .board-list > ul > li {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    padding: 16px 0;
  }
  .board-list > ul > li.out:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .board-list .info {
    width: 100%;
  }
  .board-list .info a {
    display: block;
  }
  .board-list .info a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(../../image/mobile/icon_arrow.png) no-repeat 0 0;
    background-size: contain;
    opacity: 0.5;
  }
  .board-list .info .datetime {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #a6a6a6;
  }
  .board-list .subject {
    margin-right: 44px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .board-list .date-status {
    display: flex;
    align-items: center;
    margin: 4px 0 0;
  }
  .board-list .date-status .date {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #76768e;
  }
  .board-list .date-status .status {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
    margin-left: 8px;
  }
  .board-list + .btn-group-area {
    padding: 16px 16px 0 0;
  }
  
  /*검색*/
  .board-search {
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 16px 16px 0;
  }
  .board-search select.input-regular {
    float: left;
    min-width: 120px;
  }
  .board-search input.input-regular {
    float: left;
    width: calc(100% - 128px);
    margin-left: 8px;
  }
  .board-search button {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 24px;
    height: 24px;
    border: 0;
    background: url(../../image/mobile/icon_search.png) center center no-repeat;
    background-size: contain;
    text-indent: -5000px;
  }
  .board-search:after {
    content: "";
    clear: both;
    display: block;
    padding-top: 16px;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
  }
  /* type-b */
  .board-search.type-b select.input-regular {
    float: left;
    min-width: calc(50% - 4px);
    width: calc(50% - 4px);
  }
  .board-search.type-b select.input-regular + select.input-regular {
    margin-left: 8px;
  }
  .board-search.type-b input.input-regular {
    min-width: 100%;
    width: 100%;
    margin: 8px 0 0;
  }
  .board-search.type-b button {
    top: 65px;
  }
  
  /* faq */
  .accordion.faq {
    background: #fff;
    padding: 24px 16px 0;
    width: 100%;
  }
  .accordion.faq .inner-wrap > ul > li {
    border-bottom: 1px solid #e9e9e9;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-header {
    position: relative;
    height: auto;
    padding: 16px 32px 16px 8px;
    border-bottom: 0;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-header:before {
    position: absolute;
    left: 0;
    top: 17px;
    content: "Q.";
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a6a6a6;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-header p {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
    display: -webkit-box;
    line-height: 1.5em;
    height: 1.5em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    transition: height 0ms 400ms;
  }
  .accordion.faq .inner-wrap > ul > li.active .accordion-header p {
    display: flex;
    height: auto;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-header > p:after {
    right: 0;
    top: 14px;
    margin-top: 0;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-content {
    position: relative;
    background-color: #fff;
    padding-left: 8px;
    border-bottom: 0;
    min-height: 0;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-content:before {
    position: absolute;
    left: 0;
    top: 15px;
    content: "A.";
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #121f63;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-content p {
    padding: 12px 0 16px 16px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
  }
  .accordion.faq .inner-wrap > ul > li .accordion-content img {
    display: block;
    max-width: 100%;
    margin: 16px 0 0;
  }
  
  /*게시판 보기*/
  .board-view-area {
    background: #fff;
    padding: 0 16px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
  }
  .board-view-area .header {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 16px 0;
  }
  .board-view-area .header.arrow {
    padding-right: 36px;
    background: url(../../image/mobile/icon_arrow.png) no-repeat right center;
    background-size: 24px;
    border-bottom: 0;
    padding-top: 8px;
  }
  .board-view-area .header h1 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #1b1b24;
    word-break: keep-all;
  }
  .board-view-area .header .shop-name {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #161616;
  }
  .board-view-area .header .shop-name + .info {
    margin: 4px 0 0;
  }
  .board-view-area .header .info {
    margin: 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .board-view-area .header .info ul {
    display: flex;
    align-items: center;
  }
  .board-view-area .header .info li {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a6a6a6;
    margin: 0 8px 0 0;
  }
  .board-view-area .header .info li a {
    font-size: 14px;
    color: #a6a6a6;
    text-decoration: underline;
  }
  .board-view-area .header .info li.secret {
    width: 18px;
    height: 16px;
    background: url(../../image/mobile/icon_secret.png) no-repeat;
    background-size: contain;
  }
  .board-view-area .header .info .name-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .board-view-area .header .info .name-btn .name {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #909094;
  }
  .board-view-area .header .info .name-btn .btn-regular {
    height: 35px;
    line-height: 33px;
    margin-left: 8px;
  }
  .board-view-area .header .event-type {
    position: absolute;
    bottom: 26.5px;
    right: 0;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.52px;
    text-align: left;
    color: #ff891e;
  }
  .board-view-area .content {
    padding: 16px 0;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
    word-break: break-all;
  }
  .board-view-area .content.small {
    min-height: 100px;
  }
  .board-view-area .content img {
    display: block;
    width: 100%;
    margin-bottom: 16px;
  }
  .board-view-area .editor-input {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
    border: 0;
    padding: 0;
  }
  .board-view-area .img img {
    max-width: 100%;
    height: auto;
  }
  
  /*답변*/
  .board-view-area .re-header {
    text-align: center;
    height: 32px;
    line-height: 32px;
    background-color: #f3f3f3;
    font-size: 12px;
    font-weight: 500;
    color: #767676;
  }
  
  /*board-re*/
  .board-re > h1 {
    background-color: #f9f9f9;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    color: #909094;
    border-top: 1px solid #e6e6e6;
  }
  .board-re > div {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #1b1b24;
    padding: 24px 0;
  }
  
  /* 댓글 작성 */
  .board-comment-area {
    width: 100%;
    height: auto;
    background: #fff;
    overflow: hidden;
    margin: 32px 0 0;
  }
  .board-comment-area h1 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.48px;
    text-align: left;
    color: #161616;
    margin-bottom: 12px;
  }
  .board-comment-write {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 24px;
    padding: 0 16px 16px;
  }
  .board-comment-write textarea {
    width: 100%;
    height: 120px;
    border: solid 1px #e6e6e6;
    border-radius: 4px;
    padding: 10px 12px;
  }
  .board-comment-write .btn-group-area {
    margin: 16px 0 0;
    padding: 0;
  }
  
  .board-comment-list {
    width: 100%;
    height: auto;
    border-top: 1px solid #e6e6e6;
  }
  .board-comment-list > div {
    width: 100%;
    height: auto;
  }
  .board-comment-list > div > ul {
    display: inline-block;
    width: 100%;
    height: auto;
  }
  .board-comment-list > div > ul > li {
    display: inline-block;
    width: 100%;
    height: auto;
  }
  .board-comment-list > div > ul > li > .comment-box {
    width: 100%;
    height: auto;
    padding: 16px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
  }
  .board-comment-list > div > ul > li .comment-top-area {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: -4px 0 0;
  }
  .board-comment-list > div > ul > li .comment-top-area > ul.comment-info {
    display: block;
    float: left;
  }
  .board-comment-list .comment-btn {
    display: block;
    float: right;
    position: relative;
    margin-right: -8px;
  }
  .board-comment-list .comment-btn:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../image/mobile/icon_cm_btn.png) no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .board-comment-list .comment-btn ul {
    display: none;
  }
  .board-comment-list .comment-btn.active ul {
    display: block;
    position: absolute;
    top: 16px;
    right: 8px;
    width: 88px;
    height: 105px;
    margin: 0 0 0 60px;
    padding: 8px 0 16px 16px;
    border-radius: 8px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    z-index: 1;
  }
  .board-comment-list .comment-btn li button {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: -0.65px;
    text-align: left;
    color: #868686;
  }
  .board-comment-list .comment-btn li + li {
    margin-top: 8px;
  }
  .board-comment-list .comment-btn li button:hover {
    text-decoration: underline;
  }
  .board-comment-list > div > ul > li .comment-top-area > ul.comment-info li {
    display: inline-block;
    margin-right: 12px;
  }
  .board-comment-list .comment-top-area > ul.comment-info li {
    font-size: 11px;
    color: #a6a6a6;
  }
  .board-comment-list .comment-top-area > ul.comment-info li.userid {
    color: #565656;
  }
  .board-comment-list > div > ul > li .comment-content-area {
    width: 100%;
    display: block;
    height: auto;
  }
  .board-comment-list > div > ul > li .comment-content-area > p {
    width: 100%;
    height: auto;
    line-height: 1.46;
    display: block;
    color: #161616;
    font-size: 13px;
    padding: 4px 0;
  }
  .board-comment-list > div > ul > li .bottom-btn button {
    font-size: 12px;
    color: #b6b6b6;
    margin: 0 16px 0 0;
  }
  .board-comment-list > div > ul > li .comment-reply-write {
    width: 100%;
    height: auto;
    padding: 12px 12px 16px 44px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    background: #f9f9f9 url(../../image/mobile/icon_re.png) 16px 12px no-repeat;
    background-size: 24px;
  }
  .board-comment-list > div > ul > li .comment-reply-write:before {
  }
  .board-comment-list > div > ul > li .comment-reply-write textarea {
    width: 100%;
    height: 120px;
  }
  .board-comment-list > div > ul > li .comment-reply-write .btn-group-area {
    margin: 16px 0 0;
    padding: 0;
  }
  .board-comment-list > div > ul > li .comment-reply-write .btn-regular {
    width: calc(50% - 5px);
    height: 44px;
    line-height: 42px;
    border-radius: 22px;
    font-size: 13px;
    margin: 0;
  }
  .board-comment-list .comment-reply-write .btn-regular + .btn-regular {
    margin: 0 0 0 8px;
  }
  .board-comment-list > div > ul > li > .comment-box.re {
    width: 100%;
    height: auto;
    padding: 12px 12px 12px 44px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    background: url(../../image/mobile/icon_re.png) 16px 12px no-repeat;
    background-size: 24px;
  }
  .board-comment-list > .comment-box.re .comment-content-area > p {
    color: #868686;
  }
  .comment-content-area ul {
    display: flex;
    margin: 8px 0;
  }
  .comment-content-area li.tit {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.6px;
    text-align: left;
    color: #a6a6a6;
    width: 64px;
    height: 18px;
  }
  .comment-content-area li.con {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: -0.65px;
    text-align: left;
    color: #161616;
    width: calc(100% - 64px);
    padding-left: 8px;
  }
  /* 게시판 끝 */

  /* 포인트 목록 */
  /* point-info */
.point-info {
    padding: 27px 16px;
    border-bottom: 8px solid #f9f9f9;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .point-info > div {
    padding: 0 40px;
  }
  .point-info > div + div {
    border-left: 1px solid #e9e9e9;
  }
  .point-info .tit {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.64px;
    text-align: center;
    color: #161616;
  }
  .point-info .con {
    margin: 5px 0 0;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -0.96px;
    text-align: center;
    color: #565656;
  }
  .point-info .con strong {
    margin: 0 2px 0 0;
  }
  .point-info .con.large {
    font-size: 32px;
  }
  .point-info .btn {
    margin: 24px 0 0;
    padding: 6px 0 0;
    border-top: 1px solid #d6d6d6;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .point-info .btn button {
    width: 94px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: center;
    color: #565656;
  }
  .point-info .btn button + button {
    border-left: 1px solid #ff891e;
  }
  .point-info .btn button img {
    width: 20px;
    height: 20px;
    margin: 0 auto 8px;
  }
  
  /* shop-point-list */
  .shop-point-list .guide {
    padding: 16px 32px;
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
/*포인트 목록 끝 */

/* 기간검색 */
/* .search-period */
.search-period {
    padding: 0 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .search-period span {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .search-period input {
    min-width: auto;
    width: calc((100% - 60px) / 2);
  }
/* 기간검색 끝 */

/* 검색폼 */
/* search-form */
.search-form {
    padding: 16px 16px 0;
  }
  .search-form .search-large .input-large,
  .search-form .search-medium .input-medium {
    width: 100%;
    border-radius: 9999px;
  }
  .search-period + .search-form {
    padding-top: 4px;
  }
  .search-region + .search-form {
    padding-top: 12px;
  }
  
  /* orderby */
  .orderby {
    margin: 8px 0;
    text-align: right;
  }
  .orderby .input-regular {
    min-width: auto;
  }
  
  /* not-line */
  .not-line {
    border: 0;
  }
/* 검색폼 끝 */

/* 테이블 목록 */
/* table-list */
.table-list {
    width: 100%;
  }
  .table-list thead {
    background-color: #f9f9f9;
    border-top: 1px solid #d6d6d6;
  }
  .table-list thead tr th {
    padding: 16px 4px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: center;
    color: #000;
  }
  .table-list tbody {
    background-color: #fff;
  }
  .table-list tbody tr td {
    padding: 16px 4px;
    vertical-align: middle;
    border-bottom: solid 1px #e9e9e9;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: center;
    color: #000;
  }
  
  /* table-list2 */
  .table-list2 {
    width: 100%;
  }
  .table-list2 thead {
    background-color: #f9f9f9;
  }
  .table-list2 thead tr th {
    padding: 8px 4px;
    vertical-align: middle;
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: center;
    color: #000;
  }
  .table-list2 tbody {
    background-color: #fff;
  }
  .table-list2 tbody tr td {
    padding: 8px 4px;
    vertical-align: middle;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: center;
    color: #565656;
  }
/* 테이블 목록 끝 */

/* 신청동의 */
/* agree-view */
.agree-view {
    margin: 24px 0 0;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-radius: 8px;
    border: solid 1px #e9e9e9;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.48px;
    text-align: left;
    color: #000;
  }
  .agree-view a {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: left;
    color: #a6a6a6;
    text-decoration: underline;
  }
/* 신청동의 끝 * /

/* 팝업 약관표시 * /
/*temp-content*/
.temp-content {
    position: fixed;
    top: 48px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 750px;
    height: calc(100% - 103px);
    background: #fff;
    padding: 16px;
  }
  .temp-content pre {
    padding: 16px;
    height: 100%;
    background: #f6f6f6;
    border: solid 1px #e9e9e9;
    border-radius: 8px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.42px;
    text-align: left;
    color: #909094;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-line;
  }
  .popup .temp-content {
    display: none;
    margin: 8px 0 0;
    position: static;
    transform: translate(0, 0);
    width: 100%;
    height: auto;
    background: #fff;
    padding: 0;
  }
  .popup .temp-content.active {
    display: block;
  }
  .popup .temp-content pre {
    
    padding: 16px;
    height: 142px;
    background: #fff;
    border: solid 1px #e9e9e9;
    border-radius: 8px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: -0.42px;
    text-align: left;
    color: #565656;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-line;
  }
/* 팝업 약관표시 끝 */

/* 마이페이지 메뉴 */
/* mypage-menu */
.mypage-menu-info {
    padding: 16px;
    background-color: #f9f9f9;
  }
  .mypage-menu-info > div {
    padding: 16px 16px 8px;
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
  }
  .mypage-menu-info .qr-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mypage-menu-info .qr-info .qr {
    width: 100px;
    height: 100px;
    background: url(/image/mobile/qr_bg.png) no-repeat;
    background-size: contain;
  }
  .mypage-menu-info .qr-info .info {
    width: calc(100% - 100px);
    padding-left: 26px;
  }
  .mypage-menu-info .qr-info .info button {
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    background-color: #ff891e;
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: center;
    color: #fff;
  }
  .mypage-menu-info .name {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mypage-menu-info .name p {
    width: calc(100% - 60px);
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.64px;
    text-align: left;
    color: #ff891e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .mypage-menu-info .name p span {
    margin: 0 0 0 4px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #000;
  }
  .mypage-menu-info .region-tel {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .mypage-menu-info .holding-coupon {
    margin: 4px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mypage-menu-info .holding-coupon p {
    width: calc(100% - 60px);
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .mypage-menu-info .holding-coupon p span {
    margin: 0 4px 0 16px;
  }
  .mypage-menu-info .btn {
    margin: 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mypage-menu-info .btn button {
    position: relative;
    width: 50%;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 27px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: center;
    color: #565656;
  }
  .mypage-menu-info .btn button + button::before {
    content: "";
    position: absolute;
    top: 8.5px;
    left: 0;
    width: 1px;
    height: 16px;
    background-color: #ff891e;
  }
  
  .mypage-menu article {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
  }
  .mypage-menu h1 {
    height: 48px;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
  }
  .mypage-menu h1 a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
  }
  .mypage-menu h1 a:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(/image/mobile/icon_arrow.png) no-repeat;
    background-size: contain;
  }
  .mypage-menu h1 + h1 {
    margin: 0;
  }
  /* sub */
  .mypage-menu article.sub ul {
    display: none;
  }
  .mypage-menu article.sub h1 {
    background: url(/image/mobile/icon_mm_sub.png) no-repeat right 24px
      center;
    background-size: 24px;
  }
  /* active */
  .mypage-menu article.sub.active h1 {
    background: url(/image/mobile/icon_mm_sub_arrow.png) no-repeat right 24px
      center;
    background-size: 24px;
  }
  .mypage-menu article.sub.active h1 {
    cursor: pointer;
    color: #ff891e;
  }
  .mypage-menu article.sub.active ul {
    display: block;
    padding: 16px 24px 16px 40px;
    background-color: #f9f9f9;
  }
  
  .mypage-menu li + li {
    margin: 10px 0 0;
  }
  .mypage-menu li a {
    height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
  }
  .mypage-menu li a:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(/image/mobile/icon_arrow.png) no-repeat;
    background-size: contain;
  }
  .mypage-menu .a-underline-group {
    margin: 8px 16px 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .mypage-menu .a-underline-group a {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #a6a6a6;
  }
/* 마이페이지 메뉴 끝 */

/* 마이페이지 로그아웃/회원탈퇴 */
/* btn-logout */
.btn-logout {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #ff6969 !important;
    text-decoration: none !important;
  }
  .btn-logout::before {
    content: "";
    width: 14px;
    height: 14px;
    background: url(/image/mobile/icon_logout.png) no-repeat;
    background-size: contain;
    margin: 0 5px 0 0;
  }
  
  /* btn-memberout */
  .btn-memberout {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #999 !important;
    text-decoration: none !important;
  }
  .btn-memberout::before {
    content: "";
    width: 12px;
    height: 12px;
    background: url(/image/mobile/icon_memberout.png) no-repeat;
    background-size: contain;
    margin: 0 5px 0 0;
  }
/* 마이페이지 로그아웃/회원탈퇴 끝 */

/* 가맹점 포인트 내역 */
/* point-all-info */
.point-all-info {
    padding: 24px 16px;
    border-bottom: 8px solid #f2f2f2;
  }
  .point-all-info > ul {
    display: flex;
  }
  .point-all-info > ul > li {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .point-all-info > ul > li + li {
    border-left: 1px solid #e6e6e6;
  }
  .point-all-info .tit {
    color: var(--Colors-Gray-Scale-100, #161616);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.52px;
  }
  .point-all-info .con {
    margin: 5px 0 0;
    color: var(--Colors-Gray-Scale-70, #565656);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 187.5% */
    letter-spacing: -0.64px;
  }

/* point-charge */
.point-charge > ul > li {
    padding: 16px 0;
  }
  .point-charge > ul > li + li {
    border-top: 1px solid #e6e6e6;
  }
  .point-charge .tit {
    color: #424252;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .point-charge .con {
    margin: 8px 0 0;
    color: var(--Colors-Gray-Scale-70, #565656);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.6px;
  }
  
  .settlement-list > ul > li > a {
    padding: 20px 16px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .settlement-list > ul > li > a:after {
    content: "";
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url(/image/mobile/r_next.png) no-repeat;
    background-size: contain;
  }
  .settlement-list > ul > li > a .period {
    padding: 0;
  }  

/* 가맹점 포인트 내역 끝 */  

/* 매출정보 */
/* sales-list */
.sales-list .title {
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px 16px 0;
    border-bottom: solid 1px #dadada;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  .sales-list .orderby {
    padding: 0 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
/* 매출정보 끝 */

/* 이벤트 관리 */
/* shop-event-manage-list */
.shop-event-manage-list {
    padding: 14px 16px 0;
  }
  .shop-event-manage-list .btn-regular {
    width: 190px;
    height: 37px;
    margin: 0 auto;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 0;
    border-radius: 9999px;
    background-color: #ff891e;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .shop-event-manage-list > ul {
    border-bottom: 1px solid #d6d6d6;
  }
  .shop-event-manage-list > ul > li {
    padding-bottom: 16px;
  }
  .shop-event-manage-list .img {
    position: relative;
    width: 100%;
    padding-bottom: 39.63%;
    height: 0;
    overflow: hidden;
  }
  .shop-event-manage-list img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .shop-event-manage-list .proceeding {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    width: 64px;
    height: 22.5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 8px;
    border: solid 1px #e9e9e9;
    background-color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.56px;
    text-align: center;
    color: #ff891e;
  }
  .shop-event-manage-list .end {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    width: 52px;
    height: 22.5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 4px;
    background-color: #565656;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.56px;
    text-align: center;
    color: #fff;
  }
  .shop-event-manage-list .subject {
    margin: 16px 0 0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.72px;
    text-align: left;
    color: #565656;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .shop-event-manage-list .date-type {
    margin: 4px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .shop-event-manage-list .date-type .date {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.52px;
    text-align: left;
    color: #a6a6a6;
  }
  .shop-event-manage-list .date-type .type {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: right;
    color: #161616;
  }
/* 이벤트 관리 끝 */

/* 가맹점관리 테마 */
/* theme-style1 */
.theme-style1 .img {
    position: relative;
    width: 100%;
    padding-bottom: 66.66%;
    height: 0;
    border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
    background: url(/image/component/bg_upload_img_default2.png) no-repeat
      center center;
    background-size: cover;
  }
  .theme-style1.type-b {
    margin: 0;
  }
  .theme-style1.type-b .img {
    border-top: 0;
  }
  .theme-style1 .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .theme-style1 .thumbnail .file-upload {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .theme-style1 .file-upload .gallery {
    width: 25%;
    height: 90px;
    margin: 0 !important;
    border-radius: 0;
    background: none;
  }
  .theme-style1 .file-upload .gallery .img-thumb {
    float: left;
    position: relative;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    background: url(/image/component/bg_upload_img_default2.png) no-repeat
      center center;
    background-size: cover;
    border: 1px solid #e6e6e6;
  }
  .theme-style1 .file-upload.inner-btn .upload {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0;
  }
  .theme-style1 .file-upload.inner-btn .upload button {
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
  }
  .theme-style1 .file-upload.inner-btn .upload input {
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
  }
  .theme-style1 .file-upload .gallery .img-thumb + .img-thumb {
    margin-left: 0 !important;
  }
  .theme-style1 .file-upload .gallery .file-thumb + .file-thumb {
    margin-left: 0 !important;
  }
  .theme-style1 .file-upload.inner-btn .gallery .img-thumb img {
    border-radius: 0;
    object-fit: cover;
    border: 0 !important;
  }
  .theme-style1 .thumbnail-wrap {
    display: flex;
    flex-wrap: wrap;
    border-right: 1px solid #e6e6e6;
  }
  .theme-style1 .thumbnail-wrap > li {
    width: 25%;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
  .theme-style1 .thumbnail-wrap > li > div {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    background: url(/image/pc/default.png) no-repeat center center;
    background-size: cover;
  }
  .theme-style1 .thumbnail-wrap > li > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* theme-style2 */
  .theme-style2 {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .theme-style2 .img-wrap {
    width: 80%;
    border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
    display: table-cell;
    vertical-align: top;
  }
  .theme-style2.type-b {
    margin: 0;
  }
  .theme-style2.type-b .img-wrap {
    margin: 0;
    border-top: 0;
  }
  .theme-style2 .img {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    background: url(/image/component/bg_upload_img_default2.png) no-repeat
      center center;
    background-size: cover;
  }
  .theme-style2 .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .theme-style2 .thumbnail {
    width: 20%;
    display: table-cell;
    vertical-align: top;
  }
  .theme-style2 .thumbnail .file-upload {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .theme-style2 .file-upload .gallery {
    width: 100%;
    height: 75px;
    margin: 0 !important;
    border-radius: 0;
    background: none;
  }
  .theme-style2 .file-upload .gallery .img-thumb {
    float: left;
    position: relative;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    background: url(/image/component/bg_upload_img_default2.png) no-repeat
      center center;
    background-size: cover;
    border: 1px solid #e6e6e6;
  }
  .theme-style2 .file-upload.inner-btn .upload {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0;
  }
  .theme-style2 .file-upload.inner-btn .upload button {
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
  }
  .theme-style2 .file-upload.inner-btn .upload input {
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
  }
  .theme-style2 .file-upload .gallery .img-thumb + .img-thumb {
    margin-left: 0 !important;
  }
  .theme-style2 .file-upload .gallery .file-thumb + .file-thumb {
    margin-left: 0 !important;
  }
  .theme-style2 .file-upload.inner-btn .gallery .img-thumb img {
    border-radius: 0;
    border: 0 !important;
  }
  .theme-style2 .thumbnail-wrap {
    width: 20%;
    border-top: 1px solid #e6e6e6;
    display: table-cell;
    vertical-align: top;
  }
  .theme-style2 .thumbnail-wrap > li {
    width: 100%;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
  .theme-style2 .thumbnail-wrap > li > div {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    background: url(/image/pc/default.png) no-repeat center center;
    background-size: cover;
  }
  .theme-style2 .thumbnail-wrap > li > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* theme-style3 */
  .theme-style3 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .theme-style3.type-b {
    width: 100%;
    margin: 0;
  }
  .theme-style3 .thumbnail {
    position: relative;
    width: calc(100% / 3);
    padding-bottom: calc(100% / 3);
    height: 0 !important;
  }
  .theme-style3 .file-upload.inner-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .theme-style3 .file-upload .gallery {
    width: 125px;
    height: 125px;
    margin: 0 !important;
    border-radius: 0;
    background: none;
  }
  .theme-style3 .file-upload .gallery .img-thumb {
    float: left;
    position: relative;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    background: url(/image/component/bg_upload_img_default2.png) no-repeat
      center center;
    background-size: cover;
    border: 1px solid #e6e6e6;
  }
  .theme-style3 .file-upload.inner-btn .upload {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0;
  }
  .theme-style3 .file-upload.inner-btn .upload button {
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
  }
  .theme-style3 .file-upload.inner-btn .upload input {
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
  }
  .theme-style3 .file-upload .gallery .img-thumb + .img-thumb {
    margin-left: 0 !important;
  }
  .theme-style3 .file-upload .gallery .file-thumb + .file-thumb {
    margin-left: 0 !important;
  }
  .theme-style3 .file-upload.inner-btn .gallery .img-thumb img {
    border-radius: 0;
    border: 0 !important;
  }
  .theme-style3 .thumbnail-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-right: 1px solid #e6e6e6;
  }
  .theme-style3 .thumbnail-wrap > li {
    width: calc(100% / 3);
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
  .theme-style3 .thumbnail-wrap > li > div {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    background: url(/image/component/bg_upload_img_default2.png) no-repeat
      center center;
    background-size: cover;
  }
  .theme-style3 .thumbnail-wrap > li > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* theme-style4 */
  .theme-style4 .table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #e6e6e6;
  }
  .theme-style4 .table > * {
    display: table-cell;
    vertical-align: top;
  }
  .theme-style4 .img-wrap {
    width: 66.66%;
    border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
    border-top: 0;
  }
  .theme-style4 .img {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    background: url(/image/component/bg_upload_img_default2.png) no-repeat
      center center;
    background-size: cover;
  }
  .theme-style4 .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .theme-style4 .file-upload .gallery {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: none;
  }
  .theme-style4 .thumbnail-right {
    width: 33.33%;
  }
  .theme-style4 .thumbnail-right > li {
    width: 100%;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
  .theme-style4 .thumbnail-right > li > div {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    background: url(/image/component/bg_upload_img_default2.png) no-repeat
      center center;
    background-size: cover;
  }
  .theme-style4 .thumbnail-right > li > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .theme-style4 .thumbnail-bottom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-right: 1px solid #e6e6e6;
  }
  .theme-style4 .thumbnail-bottom li {
    width: calc(100% / 3);
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
  .theme-style4 .thumbnail-bottom li > div {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    background: url(/image/component/bg_upload_img_default2.png) no-repeat
      center center;
    background-size: cover;
  }
  .theme-style4 .thumbnail-bottom li > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .theme-style4.type-b .table {
    border-top: 0;
  }
  .theme-style4.type-b .img-wrap {
    border-top: 0;
  }
  .theme-style4.type-b .thumbnail-right {
    border-top: 0;
  }
/* 가맹점관리 테마 끝 */

/* 폼 하단 버튼그룹 */
/* btn-group-area */
.btn-group-area {
    padding: 40px 16px 0;
    text-align: center;
    overflow: hidden;
  }
  .btn-group-area .f-left {
    float: left;
    display: flex;
    align-items: center;
  }
  .btn-group-area .f-left .btn-regular + .btn-regular {
    margin-left: 8px;
  }
  .btn-group-area .f-right {
    float: right;
  }
  .btn-group-area .btn-medium,
  .btn-group-area .btn-large {
    width: 100%;
  }
  .btn-group-area .btn-split2 {
    width: calc((100% - 8px) / 2) !important;
    margin: 0;
  }
  .btn-group-area .btn-split2 + .btn-split2 {
    margin-left: 8px;
  }
  .btn-group-area .btn-split3 {
    width: calc((100% - 16px) / 3) !important;
    margin: 0;
  }
  .btn-group-area .btn-split3 + .btn-split3 {
    margin-left: 8px;
  }
/* 폼 하단 버튼그룹 끝 */

/* 상단우측위치 버튼 */
/* top-btn-right */
.top-btn-right {
    padding: 32px 16px 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .top-btn-right .btn-register-member {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: center;
    color: #565656;
  }
  .top-btn-right .btn-register-member::before {
    content: "";
    width: 14px;
    height: 14px;
    margin: 0 8px 0 0;
    background: url(/image/mobile/icon_plus2.png) no-repeat;
    background-size: contain;
  }
/* 상단우측위치 버튼 끝 */

/* 푸시알림설정 */
/* app-setting */
.app-setting {
    background-color: #fff;
  }
  .app-setting > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #e6e6e6;
  }
  .app-setting > ul > li h1 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
  }
  .app-setting > ul > li .switch-setting {
    text-align: right;
  }
  /* 푸시알림설정 끝 */

  /* QR코드 표시 */
.QRcord {
    padding: 132px 90px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .QRcord > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .QRcord .img {
    width: 180px;
    height: 180px;
    border: 4px solid #ff891e;
    padding: 4px;
  }
  .QRcord .number {
    margin: 16px 0 0;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ff891e;
  }
  .QRcord .name {
    margin: 16px 0 0;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #161616;
  }
  .QRcord .tel {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #656565;
  }
  /* QR코드 표시 끝*/
  
  /* 쿠폰*/
  /* coupon-list */
  .coupon-list {
    padding: 0 16px;
  }
  .coupon-list .title {
    padding: 18px 16px 12px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.64px;
    text-align: left;
    color: #000;
  }
  .coupon-list > ul {
    padding: 8px 0;
  }
  .coupon-list > ul > li a {
    display: block;
    height: 120px;
    background-image: url("/image/mobile/coupon_bg_s.png"),
      url("/image/mobile/coupon_bg_m.png"),
      url("/image/mobile/coupon_bg_e.png");
    background-size: 48px 120px, 100% 120px, 48px 120px;
    background-position: 0 0, 48px 0, right 0;
    background-repeat: no-repeat;
    padding: 30px 72.5px 28px 31px;
  }
  .coupon-list > ul > li + li {
    margin: 16px 0 0;
  }
  .coupon-list .name {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: left;
    color: #ff891e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .coupon-list .period {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.48px;
    text-align: left;
    color: #121212;
  }
  .coupon-list .status {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .coupon-list .status span {
    width: 58px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: center;
    color: #fff;
  }
  .coupon-list .status .available {
    background-color: #ff891e;
  }
  .coupon-list .status .expiration {
    background-color: #a9a9a9;
  }
  
  /* coupon-view */
  .coupon-view {
    padding: 24px 16px 0;
  }
  .coupon-view > div {
    padding: 16px 18px;
    border-radius: 16px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.14);
    background-color: #fff;
  }
  .coupon-view .btn-large {
    margin: 45px 0 0;
    width: 100%;
  }
  .coupon-view .icon {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    background: url(/image/mobile/icon_coupon.png) no-repeat;
    background-size: contain;
  }
  .coupon-view .detail {
    margin: 24px 0 0;
  }
  .coupon-view .detail li {
    display: flex;
    align-items: center;
  }
  .coupon-view .detail li + li {
    margin: 11px 0 0;
  }
  .coupon-view .detail li .tit {
    width: 60px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #323232;
  }
  .coupon-view .detail li .con {
    width: calc(100% - 60px);
    padding-left: 16px;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: left;
    color: #323232;
  }
  .coupon-view .point {
    margin: 24px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .coupon-view .point .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: center;
    color: #565656;
  }
  .coupon-view .point .tit::before {
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #000;
    margin: 0 9px;
  }
  .coupon-view .point .tit::after {
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #000;
    margin: 0 9px;
  }
  .coupon-view .point .con {
    margin: 5px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.64px;
    text-align: center;
    color: #000;
    padding: 0;
  }
  .coupon-view .point .con strong {
    margin: 0 4px 0 0;
    font-size: 24px;
    font-weight: 600;
    color: #ff891e;
  }
  .coupon-view .use {
    margin: 24px 0 0;
    border-top: 1px solid #d6d6d6;
    padding: 16px 8px;
  }
  .coupon-view .use h1 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: left;
    color: #000;
  }
  .coupon-view .use li {
    position: relative;
    padding-left: 12px;
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.48px;
    text-align: left;
    color: #565656;
  }
  .coupon-view .use li::before {
    content: "-";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.48px;
    text-align: left;
    color: #565656;
  }
/* 쿠폰 끝*/  

/* 쿠폰정보 팝업 */
/* popup-coupon-view */
.popup-coupon-view .detail li {
    display: flex;
    align-items: center;
  }
  .popup-coupon-view .detail li + li {
    margin: 11px 0 0;
  }
  .popup-coupon-view .detail li .tit {
    width: 96px;
    padding-right: 24px;
    color: var(--Colors-Gray-Scale-70, #565656);
    text-align: justify;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.52px;
  }
  .popup-coupon-view .detail li .con {
    width: calc(100% - 96px);
    color: #000;
    text-align: justify;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.56px;
  }
/* 쿠폰정보 팝업 끝 */

/* 입점문의 */
.select-inquiry-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.select-inquiry-type select {
  width: 100%;
  color: var(--colors-gray-scale-60, #a6a6a6);
  margin-right: 4px;
  font-size: 12px !important;
}
.select-inquiry-type select option {
  color: #424252;
}
.select-inquiry-type .btn-regular {
  height: 43px;
  font-size: 14px;
}

/*입점문의 끝 */

/* 가맹점 목록 */
/* search-shop-scroll */
.search-shop-scroll {
    padding: 24px 16px;
  }
  .search-shop-scroll > div {
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 22px;
  }
  .search-shop-scroll > div::-webkit-scrollbar {
    height: 6px;
    background: #f6f6f6;
    border-radius: 3px;
  }
  .search-shop-scroll > div::-webkit-scrollbar-thumb {
    background: #ff891e;
    border-radius: 3px;
  }
  .search-shop-scroll > div > ul {
    width: 380px;
    display: flex;
    align-items: center;
  }
  .search-shop-scroll > div > ul > li {
    margin: 0 8px 0 0;
  }
  .search-shop-scroll > div > ul a {
    width: 65.5px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -0.56px;
    text-align: center;
    color: #565656;
  }
  .search-shop-scroll > div > ul a.active {
    font-weight: bold;
    color: #ff891e;
  }
  .search-shop-scroll img {
    display: block;
    margin: 0 auto 8px;
    width: 40px;
    height: 40px;
  }
  
  /* search-region */
  .search-region {
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .search-region select {
    min-width: auto;
    width: calc((100% - 64px) / 3);
    height: 40px;
    padding: 0 24px 0 8px;
    border-radius: 5px;
    border: solid 1px #dfdfdf;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 40px;
    letter-spacing: -0.56px;
    text-align: left;
    color: #000;
  }
  .search-region button {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    background-color: #ff891e;
    background: #ff891e url(/image/mobile/icon_search_white.png) no-repeat
      center center;
    background-size: 24px;
  }
  
  /* shop-list */
  .shop-list {
    padding: 8px 16px 0;
  }
  .shop-list .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 16px 12px;
    border-bottom: solid 1px #e9e9e9;
  }
  .shop-list .title h1 {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.64px;
    text-align: left;
    color: #000;
  }
  .shop-list .title button {
    width: 24px;
    height: 24px;
    background: url(/image/mobile/icon_filter.png) no-repeat;
    background-size: contain;
  }
  .shop-list > ul > li > a {
    display: flex;
    padding: 16px;
    border-bottom: solid 1px #e9e9e9;
  }
  .shop-list .img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
  }
  .shop-list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .shop-list .info {
    width: calc(100% - 100px);
    padding: 0 0 0 24px;
  }
  .shop-list .name {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.64px;
    text-align: left;
    color: #565656;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .shop-list .category {
    margin: 4px 0 0;
  }
  .shop-list .category span {
    width: auto;
    height: 26px;
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0 16px;
    border-radius: 9999px;
    border: solid 1px #d6d6d6;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: -0.48px;
    text-align: center;
    color: #565656;
  }
  .shop-list .rating-review {
    display: flex;
    align-items: center;
  }
  .shop-list .review {
    margin: 0 0 0 4px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #565656;
  }
  .shop-list .address {
    margin: 6px 0 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.48px;
    text-align: left;
    color: #565656;
  }

/* 2023-07-20 */
.search-shop-wrap {
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .search-shop-wrap .input-medium {
    width: calc(100% - 48px);
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
  }
  .search-shop-wrap button {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    background-color: #ff891e;
    background: #ff891e url(/image/mobile/icon_search_white.png) no-repeat
      center center;
    background-size: 24px;
  }
  .search-shop-scroll > div > ul button {
    width: 65.5px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -0.56px;
    text-align: center;
    color: #565656;
  }
  .search-shop-scroll > div > ul button.active {
    font-weight: bold;
    color: #ff891e;
  }  
/* 가맹점 목록 끝 */

/* 가맹점 필터 팝업 */
.btn-apply {
    min-width: auto;
    width: calc(100% - 48px) !important;
  }
  .btn-reset {
    min-width: auto;
    width: 24px !important;
    margin: 0 4px;
    border: 0;
    background: url(/image/mobile/icon_reset.png) no-repeat center center;
    background-size: 24px;
  }

/* filter-select */
.filter-select {
    height: 400px;
    margin: 16px 0 0;
    padding: 0 8px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .filter-select h1 {
    margin: 22px 0 8px 16px;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #ff891e;
  }
  
  .filter-select::-webkit-scrollbar {
    width: 5px;
    height: 100%;
    border-radius: 3px;
    background-color: #e6e6e6;
  }
  .filter-select::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #ff891e;
  }
/* 가맹점 필터 팝업 끝 */

/* 가맹점 상세 */
/* title-icon-underline */
.title-icon-underline {
    display: flex;
    padding: 16px 8px 8px 8px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-bottom: 1px solid #000;
    color: var(--Light-Semantic-Text-Primary, #262626);
    text-align: justify;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.72px;
  }
  .title-icon-underline img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }

/* store-view-type1 */
.store-view-type1 {
    padding: 16px;
  }
  .store-view-type1 > li {
    padding: 8px 16px 16px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
  }
  .store-view-type1 > li + li {
    margin: 16px 0 0;
  }
  .store-view-type1 .tit-con {
    margin: 12px 0 0;
  }
  .store-view-type1 .tit-con > li {
    display: flex;
    align-items: center;
  }
  .store-view-type1 .tit-con .tit {
    width: 96px;
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    color: var(--Colors-Gray-Scale-70, #565656);
    text-align: justify;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.52px;
  }
  .store-view-type1 .tit-con .con {
    width: calc(100% - 96px);
    color: #000;
    text-align: justify;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.56px;
  }
  
  .store-view-type1 .map {
    position: relative;
    margin: 16px 0 0;
    border-radius: 12px;
    overflow: hidden;
  }
  .store-view-type1 .map .marker {
    position: absolute;
    z-index: 1;
  }
  .store-view-type1 .map .marker > img {
    width: 48px;
    height: 48px;
  }
  
  .store-view-type1 .event a {
    display: flex;
    margin: 8px 0 0;
  }
/* 가맹점 상세 끝 */
.btn-xsmall {
    display: inline-flex;
    padding: 4px 6px;
    align-items: flex-start;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #adadad;
    background: #fff;
    color: #565656;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
  }

/* settlement-list */
.settlement-list {
    padding: 0 16px;
  }
  .settlement-list > ul > li .period {
    padding: 24px 16px 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.64px;
    text-align: left;
    color: #565656;
  }
  .settlement-list > ul > li .period span {
    display: inline-block;
    margin: 0 0 0 12px;
    font-size: 13px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.52px;
    text-align: left;
    color: #a6a6a6;
  }
  .settlement-list > ul > li .period::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/image/mobile/icon_cal.png) no-repeat;
    background-size: contain;
    margin: 0 8px 0 0;
  }
  .settlement-list .detail {
    border-top: solid 1px #e9e9e9;
    border-bottom: solid 1px #e9e9e9;
    padding: 8px 16px;
  }
  .settlement-list .detail > div {
    display: flex;
    align-items: center;
  }
  .settlement-list .detail .tit {
    width: 100px;
    height: 34px;
    font-size: 15px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 34px;
    letter-spacing: -0.6px;
    text-align: center;
    color: #565656;
  }
  .settlement-list .detail .con {
    width: calc(100% - 100px);
    padding-left: 32px;
    height: 34px;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 34px;
    letter-spacing: -0.6px;
    text-align: left;
    color: #000;
  }
  .settlement-list .detail .con strong {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 34px;
    letter-spacing: -0.6px;
    text-align: left;
    color: #a6a6a6;
  }