@charset "utf-8";

@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Regular.otf') format('truetype'),
    url('../font/Pretendard-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* 초기화 */
html {
  overflow-y: scroll;
  height: 100%;
  min-width: 320px;
}

body {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  background: #fff;
  height: 100%;
  font-family: 'Pretendard', dotum, sans-serif;
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 16px;
  font-family: 'Pretendard', dotum, sans-serif
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

legend {
  position: absolute;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden
}

label,
input,
button,
select,
img {
  vertical-align: middle
}

input,
button {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: 'Pretendard', dotum, sans-serif
}


/* button {cursor:pointer} */
button {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

input[type=text],
input[type=password],
input[type=submit],
input[type=image],
button {
  font-size: 16px;
  -webkit-appearance: none
}

textarea,
select {
  font-size: 16px;
  font-family: 'Pretendard', dotum, sans-serif
}

textarea {
  border-radius: 0;
  -webkit-appearance: none;
  font-family: 'Pretendard', dotum, sans-serif
}

select {
  margin: 0;
  background: none;
  font-family: 'Pretendard', dotum, sans-serif
}

p,
span {
  margin: 0;
  padding: 0;
  word-break: break-all;
}

hr {
  display: none
}

pre {
  overflow-x: scroll;
  font-size: 1.1em
}

/* a {color:#000;text-decoration:none; font-size: 16px;} */
a {
  text-decoration: none;
  font-size: 16px;
  color: #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  # or transparent;

  &:hover,
  &focus {
    color: $black;
  }
}

ul,
li,
dl,
dt,
dd {
  padding: 0;
  margin: 0
}

ul {
  list-style: none
}

/* figure {margin:0;} */
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/** 공통 20250612 **/
body.on {
  overflow: hidden;
}

body.bg_grey {
  background: #f8f8f8;
  height: auto;
}

span.green {
  color: #44b076
}

.wrap {
  max-width: 790px;
  width: calc(100% - 45px);
  margin: 0 auto;
}


/** header 20250604 **/
.hd_wrapper01 {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 790px;
  margin: 0 auto;
}

.hd_wrapper01.on {
  overflow: unset;
}

.hd_wrapper01 .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}

.hd_wrapper01 .wrap:before {
  display: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 790px;
  height: 100vh;
  background: #00000080;
  z-index: 0;
}

.hd_wrapper01 .wrap.on:before {
  display: block;
}

#logo {
  width: 150px;
}

#logo a,
.alarm a,
.user a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

#logo a img,
.alarm a img,
.user a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.util {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.util button,
#menuOpen,
#menuClose {
  width: 28px;
  aspect-ratio: 1 / 1;
  background: #fff;
  border: none;
}

.util button img,
#menuOpen img,
#menuClose img {
  width: 100%;
  object-fit: cover;
}

.alarm {
  width: 28px;
  position: relative;
}

.alarm a {
  padding-right: 3px;
}

.alarm span {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #FD4264;
  top: 0;
  right: 0;
}

.alarm_page {
  overflow-y: scroll;
  position: fixed;
  top: -999px;
  right: 0;
  width: 100%;
  max-height: 50vh;
  background: #fff;
  z-index: 8;
  padding: 40px 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 8px 10px 0px;
}

/* .alarm_page:before {display: none;content: ''; position: fixed; top:0; left:0; width: 100%; height: 85px; background: #fff; z-index:0;}
.alarm_page.on:before {display: block} */
.alarm_page .tit {
  position: absolute;
  transition: 0.4s;
  right: 50%;
  top: -999px;
  width: 100%;
  height: 85px;
  background: #fff;
  font-size: 24px;
  font-weight: 600;
  transform: translateX(50%);
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
}

.alarm_page.on .tit {
  position: fixed;
  top: 0px;
}

.alarm_list {
  width: 100%;
  margin-top: 40px;
}

#inquiry_list.alarm_list>li {
  border: 1px solid #ccc;
}

#alarmClose {
  position: fixed;
  right: 40px;
  width: 33px;
  aspect-ratio: 1 / 1;
  background: #fff;
  border: none;
  z-index: 9
}

#alarmClose img {
  width: 100%;
}

.nav {
  position: absolute;
  top: 0;
  right: -999px;
  overflow-y: scroll;
  width: 40%;
  height: 100vh;
  background: #fff;
  z-index: 8;
  padding: 40px;
  box-shadow: rgba(99, 99, 99, 0.2) -2px 0px 10px 0px;
}

.nav button,
#menuClose {
  position: absolute;
  right: 40px;
}

.nav .gnb {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}

.nav .gnb li {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.nav .gnb li .depth01 {
  font-size: 18px;
  font-weight: 600;
}

.user {
  width: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  overflow: hidden
}

.btm_banner {
  position: fixed;
  bottom: 0;
  left: 0;
  /* transform: translateX(-50%); */
  z-index: 999;
  width: 100%;
  /* max-width: 790px; */
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.14) 0px -3px 10px
}

.btm_banner .item_wrap {
  display: flex;
  justify-content: space-between;
  padding: 15px 3%;
}

.btm_banner .item_wrap>div {
  width: calc(100%/4 - 30px);
}

.btm_banner .item_wrap>div a {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: center;
}

.btm_banner .item_wrap>div a img {
  width: 24px;
  /* height: 48px; */
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.btm_banner .item_wrap>div a p {
  font-size: 14px;
  color: #6e7385;
  word-break: keep-all;
}

/* 팝업레이어 */
#hd_pop {
  z-index: 1000;
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 0
}

#hd_pop h2 {
  position: absolute;
  font-size: 0;
  text-indent: -9999em;
  line-height: 0;
  overflow: hidden
}

.hd_pops {
  position: absolute;
  border: 1px solid #e9e9e9;
  background: #fff
}

.hd_pops img {
  max-width: 100%;
  height: auto
}

.hd_pops_con {}

.hd_pops_footer {
  padding: 10px 0;
  background: #000;
  color: #fff;
  text-align: right
}

.hd_pops_footer button {
  margin-right: 5px;
  padding: 5px 10px;
  border: 0;
  background: #393939;
  color: #fff
}

/* alertPopup */
#alertPopup {
  width: 100%;
  max-width: 790px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

#alertPopup:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #0000002b;
  z-index: 999;
}

#alertPopup>div {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95vw;
  max-width: 790px;
  height: auto;
  padding: 20px;
  border-radius: 20px;
  z-index: 9999;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 35px;
}

#alertPopup p {
  font-size: 16px;
  word-break: keep-all;
}

#alertPopup p:first-child {
  display: flex;
  align-items: center;
  column-gap: 7px;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}

#alertPopup p:first-child img {
  width: 30px;
}

#alertPopup button {
  background: none;
  border: none;
  font-size: 17px;
  font-weight: 600;
}

/* confirmPopup */
#confirmPopup {
  width: 100%;
  height: 100%;
  position: relative;
}

#confirmPopup:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #0000002b;
  z-index: 999;
}

#confirmPopup>div {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95vw;
  height: auto;
  padding: 20px;
  border-radius: 20px;
  z-index: 9999;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 35px;
}

#confirmPopup p {
  font-size: 16px;
  word-break: keep-all;
}

#confirmPopup p:first-child {
  display: flex;
  align-items: center;
  column-gap: 7px;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}

#confirmPopup p:first-child img {
  width: 30px;
}

#confirmPopup button {
  background: none;
  border: none;
  font-size: 17px;
  font-weight: 600;
}

#confirmPopup .txt:nth-child(2) {
  display: flex;
}

#confirmPopup .txt button:first-child {
  width: calc(100%/2) !important;
}

#confirmPopup .txt button:first-child {
  color: #44b076;
  border-right: 1px solid #ccc;
}

#confirmPopup .reason_wrap {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
  flex-direction: column;
  row-gap: 4px;
}

#confirmPopup p.reason {
  color: #999;
  margin: 0;
  font-size: 15px;
  color: #999;
  border: 1px solid #999;
  padding: 2px 7px;
  border-radius: 40px;
}

#confirmPopup select {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}

#confirmPopup select:focus-visible {
  outline: 2px solid #44b076;
  outline-offset: 1px;
}

/** main 20250604 **/
#pcaQuick a {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  align-items: center;
  padding: 14px 20px;
  background: #44b076;
  color: #fff;
  border-radius: 9px;
  border: 1px solid #eee;
}

#pcaQuick a p {
  font-size: 16px;
}

#pcaQuick a p img {
  width: 55px;
  margin-right: 25px;
}

.main01 h2 {
  font-size: 26px;
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.main01 h2 img {
  height: 30px;
}

.main01 .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 25px;
}

.main01 .title a {
  font-size: 16px;
  color: #44b076
}

.main01 .txt_box strong {
  width: 90%;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  /*margin-bottom: 10px;*/
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.main01 .txt_box p {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 300;
  color: #888c9b;
  word-break: keep-all;
  line-height: 1.3;
}

.main_visual {
  padding-top: 40px;
}

.main01 {
  margin: 40px 0;
}

.main01.ai_coach {
  margin: 20px 0;
  cursor: pointer;
}

.main_sec05 {
  margin: 0;
}

.main_visual .wrap {
  max-width: 100%;
  width: 100%;
  margin: unset;
}

#main_swiper {
  /*height: 90vh*/
}

#main_swiper .swiper-slide {
  scale: 0.9;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

#main_swiper .swiper-slide:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000075;
  z-index: 1;
}

#main_swiper .swiper-slide-active {
  scale: 1;
}

#main_swiper .swiper-slide-active:before {
  display: none;
}

#main_swiper .swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}

#main_swiper .swiper-slide a img {
  width: 100%;
  /*height: 100%;*/
  object-fit: cover;
}

#main_swiper .swiper-slide a .txt_box {
  position: absolute;
  top: 9%;
  left: 9%;
}

#main_swiper .swiper-slide a .txt_box strong {
  font-size: 24px;
  font-weight: 700;
}

#main_swiper .swiper-slide a .txt_box p {
  font-size: 17px;
  font-weight: 400;
  margin-top: 14px;
}

.main_visual .swiper-pagination {
  width: 65px;
  bottom: 4%;
  left: 13%;
  background: #0000005c;
  color: #Fff;
  padding: 8px 0px;
  border-radius: 20px;
}

.main_visual .swiper-pagination>span {
  font-size: 15px;
}

.main_visual .swiper-pagination-current {
  font-weight: 700;
}

.main_sec01 .wrap .item_wrap {
  display: flex;
  justify-content: space-between;
}

.main_sec01 .wrap .item_wrap::-webkit-scrollbar {
  display: none;
}

.main_sec01 .wrap .item_wrap>div {
  width: calc(100%/5 - 9px);
  padding: 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #eee;
}

.main_sec01 .wrap .item_wrap>div a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 15px;
  height: 100%;
}

.main_sec01 .wrap .item_wrap>div a p {
  font-size: 16px;
  font-weight: 600;
  word-break: keep-all;
  text-align: center;
}

.main_sec02 .search_main {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 9px;
  /*  border: 2px solid #44b076; */
  padding: 14px 20px;
}

.main_sec02 .search_main:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  background: #fff;
  z-index: 0
}

.main_sec02 .search_main:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: gradientBorder 1.5s linear infinite;
  background: linear-gradient(125deg, #44b076 22%, #b6d9c3 38%, #44b076 52%, #44b076 67%), linear-gradient(58deg, #e0e0e0 22%, #e0e0e0 38%, #f9f9f9 52%, #f9f9f9 67%);
  background-size: 200% 200%;
  z-index: -1;
  border-radius: 7px;
}
.main_sec02 .item.bg_grey a > div {
  width: 100%;
}

.mypage02 .item.bg_grey .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
@keyframes gradientBorder {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}

.main_sec02 .search_main>img {
  width: 40px;
}

.main_sec02 .search_main>input {
  width: 85%;
  border: none;
  font-size: 17px;
  font-family: 'Pretendard';
  font-weight: 400;
  background: transparent;
}

.main_sec02 .search_main>p {
  position: absolute;
  top: 50%;
  left: 90px;
  transform: translateY(-50%);
  font-size: 16px;
  width: auto;
  max-width: 150px;
  animation: typing 4s steps(22) infinite, blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 2px solid #fff;
  color: #fff;
  padding-right: 4px;
}

@keyframes typing {
  0% {
    width: 0
  }

  50% {
    width: 320px
  }

  100% {
    width: 0%;
  }
}

@keyframes blink {
  50% {
    border-color: transparent
  }
}

/* .main_sec02 .search_main > input:before {content: "Typing Effect with CSS";position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: black;overflow: hidden;border-right: 1px solid black;animation: typing 5s steps(31) infinite;} */
/* .main_sec02 .search_main > input::placeholder {color: #fff; font-weight: 600;} */
.main_sec02 .search_main>button {
  background: none;
  border: none;
}

.main_sec03 .item_wrap {
  display: flex;
  column-gap: 20px;
  align-items: stretch;
}

.main_sec03 .item_wrap .swiper-wrapper {
  align-items: stretch;
}

.main_sec03 .item_wrap .swiper-slide {
  height: auto;
  /*display: flex;*/
}

.main_sec03 .item_wrap .swiper-slide .item {
  height: 100%;
}

.main_sec03 .item_wrap>div {
  height: 100%;
}

.main_sec03 .item_wrap div.item {
  flex: none;
  width: calc((100% - 55px) / 4);
  padding: 11px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #eee;
}

.main_sec03 .item_wrap div.item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 15px;
}

.main_sec03 .item_wrap div.item a img {
  width: 100%;
  height: 165px;
  object-fit: cover;
  border-radius: 6px;
  aspect-ratio: 1 / 1;
}

.main_sec03 .item_wrap div.item .txt_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  margin-bottom: 5px;
}

.main_sec04 .item_wrap {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  padding: 37px;
  border: 1px solid #eee;
  border-radius: 20px;
  background: #fff;
}

.main_sec04 .item_wrap>div a {
  display: flex;
  column-gap: 15px;
  align-items: center;
}

.main_sec04 .item_wrap>div a img {
  border-radius: 12px;
  width: 40%;
  height: 100%;
  object-fit: cover;
  max-height: 230px;
  aspect-ratio: 1 / 0.7;
}

.main_sec05 {
  padding-bottom: 60px;
}

.main_sec05 .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  padding: 37px;
  border: 1px solid #eee;
  border-radius: 20px;
  background: #fff;
}

.main_sec05 .item_wrap>div {
  width: calc(100%/2 - 15px);
}

.main_sec05 .item_wrap>div a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 15px;
}

.main_sec05 .item_wrap>div a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  aspect-ratio: 1 / 0.7;
  background: #fafafa;
}

/* 리뷰 페이지 추가 20250826 */
.star_wrap {
  display: flex;
  justify-content: space-between;
}

.star_wrap figure {
  width: calc(100%/5 - 10px);
  display: inline-block;
  position: relative;
  margin: 0;
}

.star_wrap figure img {
  width: 100%;
}

.star_wrap figure.on:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/img/mobile/star_check.png') center no-repeat;
  background-size: contain;
}

.review_img .img_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.review_img .img_wrap a {
  width: calc(100%/3 - 10px);
}

.review_img .img_wrap a img {
  width: 100%;
  object-fit: cover;
}

#comment button.go_review {
  width: 100%;
  margin: 0;
}

#comment .com_wrap ul.center_re>li>div {
  align-items: flex-start;
}

#comment .com_wrap ul.center_re>li>div .click_box {
  top: 0;
}

#comment .com_wrap .review_txt .star_wrap figure {
  width: 25px;
  margin-bottom: 7px;
  background-color: unset;
  border-radius: unset;
  aspect-ratio: unset;
}

.review_txt .img_wrap {
  display: flex;
  flex-wrap: wrap;
}

.review_txt .img_wrap>figure {
  width: calc(100%/3 - 10px);
}

.review_txt .star_wrap {
  display: unset;
}

.review_txt .star_wrap figure {
  width: calc(100%/5 - 5px);
}

.review_txt .img_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

#comment .com_wrap ul.center_re .review_txt .img_wrap figure {
  width: calc(100%/3 - 7px);
  border-radius: 10px;
  border: 1px solid #ccc;
}

/* 센터 이미지 갤러리형 추가 20250826 */
.img_grid .img_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 15px;
}

.img_grid .img_wrap a {
  width: calc(100%/3 - 10px);
  aspect-ratio: 1/1;
  display: none;
}

.img_grid .img_wrap a.visible {
  display: block;
}

.img_grid .img_wrap a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#toggleBtn {
  margin: 0 auto;
  display: flex;
  margin-top: 20px;
  background: transparent;
  border: none;
  color: #999;
}


/** 로딩 20250613**/
.loading-wrap {
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #0002;
  position: fixed;
}

.loading-spinner {
  width: 40px;
  height: 40px;
  border: 5px solid #44B076;
  border-top: 5px solid transparent;
  border-radius: 50%;
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.loading-spinner {
  /*
    ...css code
    */
  animation: rotate 1s linear infinite;
}

/* 매거진, 커뮤니티 */
.magazine_write,
.comm_write {
  padding: 120px 0 60px 0;
}

.magazine_view,
.comm_view {
  padding: 80px 0 60px 0;
}

.magazine_write #bo_w .bo_w_link .frm_input,
.comm_write #bo_w .bo_w_link .frm_input {
  padding: 12px 5px;
  padding-left: 50px;
}

.magazine_write label,
.comm_write label {
  font-size: 15px;
}

/** 마이페이지 지역 추가 20250616**/
.add_region_wrap {
  display: none;
  z-index: 999;
  position: fixed;
  width: auto;
  height: auto;
  background: #fff;
  top: 30%;
  left: 50%;
  padding: 20px;
  border-radius: 20px;
  transform: translate(-50%, -50%);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.add_region_wrap.on {
  display: block;
}

.add_region_wrap form {
  display: flex;
  justify-content: space-between;
}

.add_region_wrap form .region_add {
  background: #44B076;
  color: #fff;
  padding: 12px 7px;
  border-radius: 5px;
  word-break: keep-all;
}

.add_region_wrap form select {
  padding: 7px 0;
  margin-right: 7px;
  border: none;
}

.add_region_wrap form button {
  border: none;
}

/**  .magazine 20250609 **/
.magazine_wrap {
  padding: 80px 0;
  background: #fff;
}

.magazine_wrap .all_chk {
  font-size: 16px;
}

#bo_gall #gall_ul.magazine {
  margin: 0;
  padding: 0;
  padding-top: 40px;
}

#bo_gall #gall_ul.magazine .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#bo_gall #gall_ul.magazine .wrap li {
  width: calc(100%/2 - 10px);
  padding: 0;
}

#bo_gall #gall_ul.magazine .wrap li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border-radius: 20px;
}

#bo_gall #gall_ul.magazine .wrap li span.no_img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.6;
  border-radius: 20px;
}

#bo_gall #gall_ul.magazine .wrap li span.no_img i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}

#bo_gall #gall_ul.magazine .gall_li_tit {
  font-size: 18px;
  font-weight: 500;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.fa-heart:before {
  display: none;
}

#bo_gall #gall_ul.magazine .bo_cmt,
#bo_gall #gall_ul.magazine .new_icon {
  color: #fff;
  background: #44B076
}

#bo_gall #gall_ul.magazine .new_icon {
  display: none;
}

#bo_gall #gall_ul.magazine .sv_member {
  display: none;
}

#bo_gall #gall_ul.magazine .gall_info {
  color: #999
}

/**  .community_wrap 20250609 **/
.commu_list01 {
  background: #f8f8f8;
  padding-top: 120px;
}

.community_wrap {
  padding: 40px 0 120px;
  background: #f8f8f8;
  min-height: 75vh;
}

.commu_list01 .btn_top {
  position: relative;
  top: unset;
  right: 10px;
  z-index: 5;
  padding: 0;
  display: none;
}

.commu_list01 .btn_bo_user>li {
  float: right;
  aspect-ratio: 1/1;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.commu_list .list_01 {
  margin-top: 15px;
}

.commu_list .list_01 ul {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.commu_list .list_01 ul li {
  border-radius: 20px;
  padding: 20px;
}

.commu_list .list_01 ul li .bo_subject {
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* .bo_wrap > div {display: none;}
.bo_wrap > div.on {display: block;} */
.community_wrap #bo_cate {
  margin-top: 7px;
}

.community_wrap #bo_cate ul {
  border: none;
  background: none;
}

.community_wrap #bo_cate ul li {
  background: none;
  padding-right: 7px;
}

.community_wrap #bo_cate a {
  border-radius: 40px;
  padding: 11px 5px;
  min-width: 70px;
  line-height: 1;
  text-align: center;
  font-size: 17px;
  background: #eee;
}

.community_wrap #bo_cate #bo_cate_on {
  background: #44B076;
  color: #fff;
}

.community_wrap #bo_cate #bo_cate_on:after {
  display: none;
}


/**  게시글 수정 및 삭제 #editPost 20250609 **/
#editPost {
  margin-top: 15px;
}

#editPost ul {
  display: flex;
  column-gap: 15px;
  justify-content: flex-end
}

#editPost ul li:first-child {
  padding: 7px 15px;
  background: #fff;
  border: 1px solid #44B076;
  border-radius: 20px;
}

#editPost ul li button {
  padding: 7px 15px;
  background: #fff;
  border: 1px solid #44B076;
  border-radius: 20px;
  font-weight: 500;
  font-size: 17px;
  color: #44B076
}

#editPost ul li button:hover {
  background: #44B076;
  color: #fff;
}

#editPost ul li:first-child:hover {
  background: #44B076;
}

#editPost ul li:first-child:hover a {
  color: #fff;
}

#editPost ul li a {
  font-weight: 500;
  font-size: 17px;
  color: #44B076
}

/**  #sub_title 20250609 - 20260115수정**/
#sub_title {
  width: 100%;
  max-width: 790px;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  z-index: 1000;
  padding: 20px 0;
}

#sub_title .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#sub_title .wrap>a {
  width: 93px;
}

#sub_title .wrap h2 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 auto;
}

#sub_title .wrap>a>img {
  width: 14px;
}



/**  #img_title 20250609 **/
#img_title img {
  width: 145px;
}

#img_title h2 {
  font-size: 24px;
  margin: 35px 0 10px;
}

#img_title p {
  font-size: 18px;
  font-weight: 400;
  word-break: keep-all;
  line-height: 1.5;
}



/**  #text_list 20250609 **/
#text_list {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

#text_list>div {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}

#text_list>div p {
  font-size: 20px;
  font-weight: 500;
}

#text_list>div input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #999;
  padding: 7px 10px;
  font-size: 18px;
  font-family: 'Pretendard';
}

#text_list>div input:focus {
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #999 !important;
}

.coach_answer {
  margin-top: 50px;
}

/**  #inquiry_list 20250609 **/
#inquiry_list {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

#inquiry_list>li {
  border-radius: 20px;
  padding: 25px;
  background: #fff;
}

#inquiry_list>li a {
  display: flex;
  justify-content: space-between;
}

#inquiry_list>li a span.clock {
  word-break: keep-all;
  display: inline-block;
  margin-left: 7px;
}

#inquiry_list>li a ul.left {
  width: 90%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

#inquiry_list>li a ul.left strong {
  font-size: 18px;
  word-break: keep-all;
}

#inquiry_list>li p {
  font-size: 16px;
  color: #999;
  word-break: keep-all;
}

#inquiry_list>li a>p.comp01 {
  color: #44B076;
}

#inquiry_list>li a>p.uncomp {
  color: #E72929
}

.est_coach {
  margin-top: 40px;
}

.est_coach>li {
  display: none;
}

.est_coach>li.on {
  display: block;
}

/**  #click_btn 20250609 **/
#click_btn {
  width: 100%;
  background: #44b076;
  padding: 17px 5px;
  border-radius: 45px;
  border: none;
  margin-top: 40px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

#click_btn a {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

#click_btn01 {
  width: 100%;
  background: #44b076;
  height: 74px;
  border: none;
  margin-top: 60px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
}

#click_btn01 a {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

#click_btn01.no_margin {
  margin: 0;
}

#click_btn01.add_btn {
  position: fixed;
}

/**  #btn_two  20250609 **/
#btn_two {
  max-height: 83px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 30px;
}

#btn_two .btn01 {
  display: flex;
  column-gap: 10px;
}

#btn_two .btn01>button {
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 40px;
  border: none;
  background: #EEEEEE;
}

#btn_two .btn01>button.on {
  background: #44B076;
  color: #fff;
  font-weight: 500;
}

#btn_two.gallery_btn .btn01 {
  width: 100%;
}

#btn_two.gallery_btn .btn01>button {
  width: calc((100% - 20px) / 2);
}

#btn_two.gallery_btn .btn01>button:first-child {
  background: #44B076;
  color: #fff;
}

/**  #search_visual  20250609 **/
#search_visual .box {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

#search_visual .box .txt_box {
  padding: 60px 40px;
}

#search_visual .box .txt_box strong {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  word-break: keep-all;
}

#search_visual .box .txt_box p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;
}

.center_visual .box figure {
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  bottom: -15px;
  right: -11px;
  text-align: end;
}

.center_visual .box figure img {
  height: 100%;
  object-fit: cover
}




/**  #info_slide 20250609 **/
#info_slide {
  width: 100%;
  /*height: 500px;*/
  text-align: center;
  border-radius: 20px;
}

#info_slide .swiper-slide {
  background: #fafafa;
}

#info_slide .swiper-slide img {
  width: 50%;
  height: 100%;
  object-fit: cover;
}

#info_slide .swiper-button-next,
#info_slide .swiper-button-prev {
  color: #fff !important;
}

#info_slide .swiper-pagination-bullet {
  background: #fff !important;
  opacity: 0.6;
}

#info_slide .swiper-pagination-bullet-active {
  background: #fff !important;
  width: 24px;
  border-radius: 40px;
  opacity: 1;
}



/**  #info_txt 20250609 **/
#info_txt {
  margin: 20px 0;
}

.txt_box h2 {
  line-height: 1.6;
}

.txt_box p img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#info_txt .txt_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

#info_txt>strong {
  display: block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

#info_txt .txt_top>p {
  font-size: 18px;
  font-weight: 400;
  color: #999
}

#info_txt .txt_top .icon {
  display: flex;
  column-gap: 15px;
  align-items: center;
  margin-left: auto;
}

#info_txt .txt_top .icon>div {
  display: flex;
  align-items: center;
  column-gap: 7px;
}

#info_txt .txt_top .icon img {
  width: 25px;
}

#info_txt .txt_top .icon div img {
  width: 36px;
}

#info_txt .txt_top .icon>div p {
  font-size: 16px;
  font-weight: 400;
  color: #999
}

#info_txt .market_txt {
  font-size: 15px;
  margin-top: 5px;
}


/**  #item_box  20250609 - 20260115수정 **/
#item_box {
  width: 100%;
  padding: 25px;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
}

#item_box a {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#item_box a .left {
  width: 78%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#item_box a .left .tit p {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 10px;
  color: #999;
  word-break: keep-all;
}

#item_box a .left .tit strong {
  font-size: 20px;
  font-weight: 600;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#item_box a .left .icon {
  display: flex;
  column-gap: 10px;
}

#item_box a .left .icon>div {
  display: flex;
  align-items: center;
  column-gap: 7px;
}

#item_box a .left .icon>div img {
  width: 30px;
}

#item_box a .left .icon>div p {
  font-size: 16px;
  font-weight: 400;
  color: #999;
}

#item_box a figure {
  margin: 0;
  width: 125px;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 1/1;
}

#item_box a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 값없음 */
#noValue {
  height: 35vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

#noValue p {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #999;
  word-break: keep-all;
}

/**  #comment  20250609 **/
#comment figure {
  margin: 0;
}

#comment input {
  width: 100%;
  border-radius: 40px;
  padding: 12px 20px;
  margin-left: 25px;
  border: 1px solid #999;
}

#comment #core_com {
  margin-left: 0;
}

#comment #core_com01 {
  width: 79%
}

#comment .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}

#comment .title h3 {
  font-size: 24px;
  font-weight: 600;
}

#comment .com_wrap>ul,
ul.re {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* #comment .com_wrap > ul {row-gap: 60px;} */
#comment .com_wrap>ul>li {
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

#comment .com_wrap>ul>li:last-child {
  border: none;
  padding-bottom: 0;
}

#comment .com_wrap>ul>li>div {
  position: relative;
}

#comment .com_wrap>ul>li>div,
ul.re li,
.input01 {
  display: flex;
  align-items: center;
}

#comment .com_wrap>ul>li figure {
  width: 75px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  background: #ccc;
}

#comment .com_wrap>ul>li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#comment .com_wrap>ul>li .txt {
  margin-left: 25px;
  font-size: 16px;
  width: 80%;
}

#comment .com_wrap>ul>li .txt p {
  margin-bottom: 7px;
}

#comment .com_wrap>ul>li .txt strong {
  font-size: 18px;
  word-break: keep-all;
  font-weight: 500;
  line-height: 1.4;
}

#comment .com_wrap>ul>li .txt p span {
  color: #999;
}

#comment .com_wrap>ul>li>div a {
  margin-left: auto;
}

#comment .com_wrap>ul>li>div a img {
  width: 6.5px;
}

.click_box {
  display: none;
  position: absolute;
  top: 25%;
  right: 15px;
  background: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.click_box li {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  font-size: 15px;
  cursor: pointer;
}

.click_box.on {
  display: block;
}


ul.re {
  margin-top: 40px;
  width: 90%;
  margin-left: auto;
}

#comment .push {
  display: flex;
  margin-top: 40px;
  align-items: center;
}

#comment button {
  border: none;
  background: #44B076;
  color: #fff;
  font-weight: 500;
  padding: 12px 20px;
  word-break: keep-all;
  margin-left: 12px;
  border-radius: 40px;
}


/**  알람 20250611 **/
.alarm_view {
  padding: 120px 0;
}

.alarm_view .clock {
  color: #999;
}

.alarm_view #inquiry_list>li a {
  pointer-events: none;
}

/**  약관동의 20250604 **/
.join_banner {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 999;
  padding: 20px 0;
  transform: translateZ(0);
}

.join_banner .wrap {
  display: flex;
  align-items: center;
}

.join_banner .wrap>a img {
  width: 14px;
}

.join_banner .wrap h2 {
  margin: 0 auto;
  font-size: 24px;
  font-weight: 600;
}

.reg_title {
  margin-top: 120px;
}

.reg_title .wrap {
  text-align: start;
}

.reg_title h2 {
  font-size: 24px;
  margin: 35px 0 10px;
}

.reg_title p {
  font-size: 16px;
  font-weight: 400;
  word-break: keep-all;
  line-height: 1.5;
}

.agree {
  padding-bottom: 120px;
}

#fregister_chkall {
  padding: 20px 5px;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 11px;
  margin: 20px 0;
  position: relative;
}

#fregister_chkall input {
  position: relative;
  left: 15px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

/* input[type="checkbox"] {border: none; appearance: none;} */
#fregister_chkall input#chk_all+label.check01 {
  content: '';
  display: inline-block;
  background: url('../img/mobile/uncheck.png')center no-repeat;
  position: absolute;
  top: 0;
  left: 15px;
  width: 23px;
  height: 100%;
  background-size: contain;
}

#fregister_chkall input#chk_all:checked+label.check01 {
  background: url('../img/mobile/check.png')center no-repeat;
  position: absolute;
  top: 0;
  left: 15px;
  width: 23px;
  height: 100%;
  background-size: contain;
}

#fregister_chkall label {
  padding-left: 25px;
  font-size: 18px;
  font-weight: 600;
}

.agree_list {
  margin: 35px 0;
}

.agree_list .wrap {
  width: calc(100% - 30px);
}

.agree_list ul.dep01 {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

.agree_list ul.dep01>li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.agree_list ul.dep01>li button {
  background: none;
  border: none;
}

.agree_list ul.dep01>li button img {
  width: 16px;
}

.agree_list ul.dep01>li ul.dep02 {
  display: flex;
  align-items: center;
}

.agree_list ul.dep01>li ul.dep02>img {
  width: 28px;
  margin-right: 15px;
}

.agree_list ul.dep01>li ul.dep02 strong {
  font-size: 15px;
  color: #fff;
  border-radius: 20px;
  background: #44B076;
  padding: 6px 12px;
  font-weight: 400;
  word-break: keep-all;
}

.agree_list ul.dep01>li ul.dep02 p {
  font-size: 16px;
  font-weight: 500;
  margin-left: 9px;
  word-break: keep-all;
}

.agree_list ul.dep01>li ul.dep02 strong.choice {
  font-size: 15px;
  color: #000;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #44B076;
  padding: 6px 12px;
}

.next_banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #44B076;
  z-index: 99
}

.next_banner a {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

/* 가입완료 */
.reg_result {
  background: #fff;
  height: 100vh;
  padding: 120px 0;
}

.reg_result .wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.reg_result .wrap h2 {
  font-size: 24px;
  margin-bottom: 35px;
}

.reg_result .wrap img {
  width: 35vw;
}

.reg_result .wrap p {
  font-size: 18px;
  margin-top: 25px;
  text-align: center;
  line-height: 1.4;
  font-weight: 500;
}

/**  마이페이지 20250604 **/
.m_page .wrap>a {
  margin-right: 0px;
}

.tool_wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

/* .tool_wrap img {width: 36px !important;} */
.tool_wrap .alarm img,
.tool_wrap>a img {
  width: 29px;
}

.mypage01 .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  padding-top: 120px;
  margin-bottom: 40px;
}

.mypage01 .wrap h2 {
  font-size: 24px;
  font-weight: 600;
}

.mypage01 .wrap .my_img {
  width: 360px;
  margin: 0;
  position: relative;
  text-align: center
}

.mypage01 .wrap .my_img>img {
  width: 60%;
  object-fit: cover;
  border-radius: 50%;
  border: 5px solid #44B076;
  aspect-ratio: 1 / 1;
}

.mypage01 .wrap .my_img a {
  position: absolute;
  bottom: 0;
  right: 60px;
}

.mypage01 .wrap .my_img a>img {
  width: 60%;
}

.mypage02 {
  padding-bottom: 60px;
}

.mypage02 .wrap {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 60px;
  margin-top: 110px;
}

.mypage02 .wrap>div {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  background: #fff;
  border-radius: 20px;
  padding: 20px;
}

.mypage02 .wrap>div h3 {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 1.4;
}

.mypage02 .wrap>div h3 a {
  font-size: 15px;
  font-weight: 500;
  padding: 9px 15px;
  background: #44B076;
  color: #fff;
  border-radius: 20px;
}

.mypage02 .wrap>div .local {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  gap: 13px;
}

.mypage02 .wrap>div .local li {
  width: calc(100%/4 - 10px);
  padding: 12px 5px;
  border-radius: 10px;
  background: #DFEFE7;
  position: relative;
}

.mypage02 .wrap>div .local li p {
  font-size: 15px;
  text-align: center;
  word-break: keep-all;
}

.mypage02 .wrap>div .local li span {
  position: absolute;
  top: -7px;
  right: -7px;
}

.mypage02 .wrap>div .local li span img {
  width: 25px;
}

.mypage02 .wrap>div .ticket {
  display: flex;
  flex-direction: column;
  row-gap: 17px;
}

.mypage02 .wrap>div .ticket>li {
  display: flex;
}

.mypage02 .wrap>div .ticket>li>img {
  width: 75px;
  margin-right: 15px;
  object-fit: contain;
}

.mypage02 .wrap>div .ticket>li>span {
  margin-left: auto;
  font-size: 14px;
  color: #999;
  word-break: keep-all;
}

.mypage02 .wrap>div .ticket>li .dep02 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 6px 0;
}

.mypage02 .wrap>div .ticket>li .dep02>li {
  font-size: 15px;
  font-weight: 500;
}

.mypage02 .wrap>div .ticket>li .dep02>li p,
.mypage02 .wrap>div .ticket>li .dep02>li span {
  font-weight: 400;
  font-size: 14px;
  word-break: keep-all;
}

.mypage02 .wrap>div>a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
}

.mypage02 .wrap>div>a img {
  width: 14px;
}

.mypage02 .wrap>div.secession01 a {
  color: #FD4264
}

.mypage02 .wrap>div.secession {
  background: #EEEEEE;
}

.mypage02 .wrap>div.secession>a {
  color: #999
}
.mypage02 .item.order {
  padding: 40px;
  font-size: 16px;
}
.mypage02 .item.order h3 {
  margin-bottom: 9px;
  font-weight: 800;
}
.mypage02 .item.order p {
  display: flex;
  margin-bottom: 5px;
  font-weight: 400;
  word-break: keep-all;
  line-height: 2;
  color: #444;
}
.mypage02 .item.order p strong {
  display: block;
  width: 80px;
  font-weight: 700;
  color: #222;
}

.approve_wrap {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50vw;
  height: auto;
  z-index: 999;
  padding: 30px;
  border-radius: 20px;
  background: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.approve_wrap.on {
  display: block;
}

.approve_wrap h4 {
  margin-bottom: 5px;
}

.approve_wrap form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.approve_wrap button {
  background: none;
  border: none;
}

.approve_wrap>button {
  display: none;
  width: 90%;
  padding: 12px 5px;
  margin-top: 20px;
  border-radius: 5px;
  background: #44B076;
  color: #fff;
}

.approve_wrap>button.on {
  display: block;
}

.approve_wrap form input {
  width: 90%;
  padding: 9px 5px;
  border: none;
  border-bottom: 1px solid #999;
}

.approve_wrap form button {
  background: #fff;
}

.approve_wrap form button img {
  width: 25px;
  aspect-ratio: 1/1;
}

.scroll_alert {
  font-size: 12.5px;
  color: #44B076;
  display: none;
  width: 90%;
  text-align: end;
  padding-bottom: 7px;
}

.scroll_alert.on {
  display: block;
}

.company_list {
  display: none;
  width: 90%;
  height: 175px;
  overflow-y: scroll;
  flex-direction: column;
}

.company_list.on {
  display: flex;
}

.company_list li {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  align-items: center;
}

.company_list li:last-child {
  border-bottom: none;
}

.company_list li .txt {
  width: 90%;
}

.company_list li .txt p {
  font-size: 14px;
  color: #999;
  margin-bottom: 10px;
  word-break: keep-all;
}

.company_list li .txt strong {
  font-size: 16px;
  word-break: keep-all;
}

.company_list input {
  display: none;
}

.company_list input {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #999;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  user-select: none;
}

.company_list input:checked:before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  background: #44B076;
  border: 3px solid #fff;
}

.region_close {
  position: absolute;
  top: -25px;
  right: -20px;
  background: #fff;
  border-radius: 50%;
  padding: 5px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px -2px 2px 0px;
}

.region_close img {
  width: 32px
}

/**  마이페이지 수정 20250604 **/
.mypage01_edit,
.save_wrap,
.coatch_img {
  width: 100%;
  height: 100%;
  background: #fff;
}

.mypage01_edit .wrap {
  padding: 120px 0;
}

.mypage01_edit h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
}

.mypage01_edit h4,
.coatch_img h4 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 25px;
  word-break: keep-all;
}

.coatch_img h4 br {
  display: none;
}

.coatch_img h4 span {
  color: #999;
  word-break: keep-all;
}

.mypage01_edit .wrap>div {
  margin-bottom: 40px;
}

.mypage01_edit .wrap>.item {
  display: flex;
  flex-direction: column;
}

.mypage01_edit .wrap>.body01 {
  display: flex;
  justify-content: space-between;
}

.mypage01_edit .wrap>.body01>div {
  width: calc(100%/2 - 15px);
}

.mypage01_edit .wrap>.item .btn_wrap {
  display: flex;
  justify-content: space-between;
}

.mypage01_edit .wrap>.item .btn_wrap>button {
  width: calc(100%/2 - 15px);
  border: 1px solid #44B076;
  background: #fff;
  font-size: 20px;
  font-weight: 400;
  padding: 14px 5px;
  border-radius: 40px;
}

.mypage01_edit .wrap>.item .btn_wrap>button.on {
  background: #44B076;
  color: #fff;
  font-weight: 500;
}

.body01 input {
  width: 100%;
  height: 54px;
  border-radius: 40px;
  background: #fafafa;
  border: 1px solid #eee;
  text-align: center;
  font-size: 20px;
}

.body02 {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

.body02>div {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}

.body02>div.adress button {
  padding: 16px 5px;
  background: #44B076;
  border: none;
  color: #fff;
  border-radius: 40px;
}

.body02>div p {
  font-size: 22px;
  font-weight: 500;
}

.body02>div p span {
  color: #E72929
}

.body02>div input {
  border: none;
  border-bottom: 1px solid #999;
  padding: 7px 10px;
  font-size: 18px;
  font-family: "Pretendard";
}

.body02>div input:focus {
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #999 !important;
}

.save_btn {
  margin: 60px 0;
}

.mypage01_edit .wrap>div.coatch_img {
  margin-bottom: 0px;
}

.coatch_img .img_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.coatch_img .img_wrap a {
  width: calc(100%/4 - 10px);
  aspect-ratio: 1 / 1;
  display: inline-block;
}

.coatch_img .img_wrap a.remove {
  position: relative;
}

.coatch_img .img_wrap a.remove:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background: #44B076 url('../img/mobile/remove.png')center no-repeat;
}

.coatch_img .img_wrap a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.coatch_img {
  display: none;
}

.coatch_img.on {
  display: block;
}


/**  견적문의 20250609 **/
.estimate {
  margin: 60px 0;
  padding-bottom: 120px;
}

.estimate_coach {
  margin: 60px 0;
}

.estimate .list_wrap>div {
  margin-top: 40px;
  display: none;
}

.estimate .list_wrap>div.on {
  display: block;
}

.estimate .list_wrap>div.visual .box {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.estimate .list_wrap>div.visual .box .txt_box {
  padding: 40px;
}

.estimate .list_wrap>div.visual .box figure {
  width: 100%;
  margin: 0;
  position: relative;
  bottom: -15px;
  right: -20px;
}

.estimate .list_wrap>div.visual .box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.estimate .list_wrap>div.visual .box .txt_box strong {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  word-break: keep-all;
}

.estimate .list_wrap>div.visual .box .txt_box p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;
}

.estimate01 {
  background: #fff;
  padding: 120px 0;
}

.estimate01_title {
  margin-bottom: 50px;
}

/**  견적문의 > 답변확인 20250609 **/
.estimate_view {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  font-size: 16px;
  margin-top: 60px;
}

.estimate_view>div {
  background: #fff;
  padding: 40px 0;
  position: relative;
}

.estimate_view .estimate_q:before {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 25px;
  background: #f8f8f8;
}

.estimate_view .estimate_q .title {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  margin-bottom: 25px;
}

.estimate_view .estimate_q .title .top01 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

.estimate_view .estimate_q .title .top01 p {
  color: #999
}

.estimate_view .estimate_q .title .top01 p span {
  margin-left: 14px;
}

.estimate_view .estimate_q .title .top01 p.check {
  color: #44B076
}

.estimate_view .estimate_q ul {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}

.estimate_view .estimate_q ul li {
  display: flex;
  align-items: center;
  column-gap: 15px;
  font-size: 18px;
}

.estimate_view .estimate_q ul li p {
  min-width: 165px;
  background: #eee;
  border-radius: 40px;
  padding: 10px 5px;
  text-align: center;
  word-break: keep-all;
}

.estimate_view .estimate_q ul li span {
  word-break: keep-all;
  line-height: 1.4;
}

.estimate_view h3 {
  font-size: 24px;
  font-weight: 600;
}

.estimate_view>div.estimate_a {
  padding-bottom: 120px;
}

.estimate_view .estimate_a .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

#array001 {
  position: relative;
  color: #999;
}

#array001 ul {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  flex-direction: column;
  row-gap: 7px;
}

#array001 ul.on {
  display: flex;
}

#array001 ul li a {
  color: #999
}

#array001>p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 16px;
  font-size: 16px;
}

#array001>p img {
  width: 11px;
  transform: rotate(90deg);
  transition: 0.4s;
}

#array001>p.on img {
  transform: rotate(-90deg);
}

.comment_wrap {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}

.comment_wrap .user_com {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
}

.comment_wrap .user_com .info {
  display: flex;
  align-items: center;
  position: relative;
}

.comment_wrap .user_com .info>img {
  width: 75px;
  object-fit: cover;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}

.comment_wrap .user_com .info .txt {
  margin-left: 25px;
  font-size: 16px;
}

.adopt_box {
  display: none;
  position: absolute;
  top: 25%;
  right: 15px;
  background: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.adopt_box li {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.adopt_box.on {
  display: block;
}

.comment_wrap .user_com .info .txt p {
  margin-bottom: 7px;
}

.comment_wrap .user_com .info .txt p.adop span.ok {
  color: #44B076
}

.comment_wrap .user_com .info .txt p.adop span.un {
  color: #F33E10
}

.comment_wrap .user_com .info .txt p span {
  display: none;
}

.comment_wrap .user_com .info .txt p span.on {
  display: block;
}

.comment_wrap .user_com .info .txt strong {
  font-size: 18px;
  font-weight: 600;
}

.comment_wrap .user_com .info a {
  margin-left: auto;
}

.comment_wrap .user_com .info a img {
  width: 6.5px
}

.comment_wrap .user_com .txt_com>div {
  display: flex;
  align-items: center;
  column-gap: 15px;
  font-size: 18px;
}

.comment_wrap .user_com .txt_com>div p {
  padding: 10px 5px;
  min-width: 140px;
  background: #eee;
  border-radius: 40px;
  text-align: center;
}

.comment_wrap .user_com .txt_com>p {
  padding: 20px;
  border-radius: 20px;
  background: #fafafa;
  line-height: 1.7;
  font-size: 18px;
  margin-top: 15px;
  word-break: keep-all;
}

/**  메신저 20250609 **/
.room {
  padding: 100px 0 120px;
}

.room .room_list {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
}

.room .room_list .item {
  padding: 0 3%;
}

.room .room_list .item a {
  display: flex;
  align-items: center;
}

.room .room_list .item a figure {
  margin: 0;
  width: 90px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 35px;
}

.room .room_list .item a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.room .room_list .item a .txt {
  width: 57%;
}

.room .room_list .item a .txt strong {
  font-size: 22px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.room .room_list .item a .txt p {
  font-size: 18px;
  font-weight: 400;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.room .room_list .item a .right {
  margin-left: auto;
}

.room .room_list .item a .right p {
  font-weight: 400;
  color: #999;
  word-break: keep-all;
}

.room .room_list .item a .right p.count {
  width: 23px;
  height: 100%;
  aspect-ratio: 1/1;
  background: #F33E10;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  margin-left: auto;
  margin-top: 12px;
}

/**  코치관리 20250609 **/
#array01 {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-right: 30px;
}

#array01>li {
  min-width: 66px;
  display: none;
  padding: 12px 5px;
  font-size: 16px;
  font-weight: 400;
  color: #999;
  text-align: center;
}

#array01>li.on {
  display: block;
}

#array01>li>ul {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

#array01>img {
  position: absolute;
  top: 13px;
  right: 15px;
  transform: rotate(90deg);
  width: 10px;
  transition: 0.4s;
}

#array01>img.on {
  transform: rotate(270deg);
}

.manage {
  margin: 60px 0;
}

.manage .list_wrap {
  margin-top: 50px;
}

.manage .list_wrap>ul {
  display: none;
}

.manage .list_wrap>ul.on {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.manage .list_wrap>ul li {
  border-radius: 20px;
  padding: 25px;
  background: #fff;
}

.manage .list_wrap>ul li a {
  display: flex;
  justify-content: space-between;
}

.manage .list_wrap>ul li p {
  font-size: 16px;
  color: #999;
  word-break: keep-all;
}

.manage .list_wrap>ul li p.comp01 {
  color: #44B076;
}

.manage .list_wrap>ul li p.uncomp {
  color: #E72929;
}

.manage .list_wrap>ul li p span.clock {
  margin-left: 7px;
}

.manage .list_wrap>ul li ul.left {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}

.manage .list_wrap>ul li ul.left strong {
  font-size: 18px;
}

/**  코치관리 승인 20250609 **/
.manage01 {
  background: #fff;
  margin-top: 120px;
}

.manage01 .manage_slide {
  height: 500px;
  border-radius: 20px;
}

.manage01 .manage_slide .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.manage01 .txt_box {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 30px;
}

.manage01 .txt_box p {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 16px;
  font-weight: 400;
  color: #E72929;
}

.manage01 .txt_box p a img {
  width: 25px;
}

.manage01 .txt_box strong {
  font-size: 24px;
  font-weight: 600;
}

.manage01 .info {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.manage01 .info li {
  display: flex;
  align-items: center;
  column-gap: 15px;
  font-size: 18px;
  font-weight: 400;
}

.manage01 .info li p {
  min-width: 165px;
  background: #eee;
  border-radius: 40px;
  padding: 10px 5px;
  text-align: center;
  word-break: keep-all;
}

.manage01 .info li span {
  word-break: keep-all;
}

.act01 {
  margin-bottom: 0;
}

.manage_slide .swiper-button-next,
.manage_slide .swiper-button-prev {
  color: #fff !important;
}

.manage_slide .swiper-pagination-bullet {
  background: #fff !important;
  opacity: 0.6;
}

.manage_slide .swiper-pagination-bullet-active {
  background: #fff !important;
  width: 24px;
  border-radius: 40px;
  opacity: 1;
}


/* adm/search_ticket_center.php */
.ticket_title {
  position: fixed;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  height: 74px;
  font-size: 24px;
}

.ticket_center .wrap {
  padding: 120px 0;
}

.ticket_center .wrap>form {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  column-gap: 10px;
}

.ticket_center .wrap>form input {
  width: 90%;
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-radius: 20px;
}

.ticket_center .wrap>form button {
  min-width: 85px;
  border-radius: 40px;
  background: #44B076;
  color: #fff;
  border: none;
  font-weight: 500;
}

.ticket_center .wrap table {
  font-size: 17px;
}

.ticket_center .wrap table th {
  background: #fafafa;
}

/* .ticket_center .wrap table th:last-child {opacity:0;} */
.ticket_center .wrap table tr td:first-child,
.ticket_center .wrap table tr td:last-child {
  text-align: center;
}

/* .ticket_center .wrap table td:last-child{border: none;} */
/* .ticket_center .wrap table th:last-child {background: none; border:none; color: #999; font-weight:400} */
.ticket_center .wrap table tr td:last-child {
  padding: 0;
}

.ticket_center .wrap table tr td button {
  width: 100%;
  height: 100%;
  border: none;
  background: #fff;
  padding: 10px 0;
  transition: 0.2s;
}

.ticket_center .wrap table tr td button:hover {
  background: #44B076;
  color: #fff;
}

/**  주변센터 20250610 **/
.around_center {
  max-width: 790px;
  margin: 0 auto;
  padding: 120px 0;
}

.center_list {
  margin-top: 60px;
}

.center_list .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}

.center_list .title h3 {
  font-size: 24px;
}

.center_list .box_wrap {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}


.around_info {
  padding: 120px 0;
}

.txt_box01 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 60px;
  position: relative;
}

/* .txt_box01:before {content:''; position: absolute; width: 100%; height: 25px; background: #fafafa; bottom:0; left: 0;} */
.txt_box01>li {
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.dm_btn button {
  width: 80%;
  margin: 0 auto;
  margin-top: 25px;
  padding: 18px 5px;
  border: 1px solid #44b076 !important;
  background: #fff;
  color: #44b076;
  border: none;
  font-size: 17px;
  font-weight: 600;
  border-radius: 40px;
  transition: 0.3s;
}

.dm_btn button:hover {
  color: #fff;
  background: #44b076
}

/* 센터 info 메신저 보내기 위치 이동 */
.loca_move,
.loca_move button {
  width: 100%;
}

.loca_move button {
  margin-top: 0;
}

.txt_box01 li img {
  width: 40px;
}

.txt_box01>li p {
  font-size: 18px;
  font-weight: 400;
  word-break: keep-all;
}

.txt_box01>li p.market_pride {
  font-size: 22px;
  font-weight: 700;
}

/* 텍스트 박스 추가 20250811 */
.txt_box02>li img {
  width: 30px;
  aspect-ratio: 1 / 1;
}

.txt_box02 {
  row-gap: 25px;
  display: flex;
  flex-direction: column;
}

.txt_box02>li {
  font-size: 15px;
  flex-direction: column;
  row-gap: 5px;
  align-items: flex-start;
  background: rgb(245, 246, 248);
  padding: 15px 10px;
  border-radius: 10px;
}

.txt_box02>li strong {
  font-weight: bold;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 17px;
  color: #44b076
}

.txt_box02>li strong.normal {
  color: #818181;
  font-size: 15px;
}

.txt_box02>li strong.nomargin {
  margin-bottom: 0;
}

.txt_box02>li strong.nomargin.top {
  margin-top: 15px;
}

.txt_box02>li>p {
  color: #333;
  word-break: keep-all;
}

.txt_box02>li.txt02_img .img_wrap {
  width: 100%;
  display: flex;
  /* justify-content: space-between; */
}

.txt_box02>li.txt02_img .img_wrap>div {
  width: calc(100%/6 - 10px);
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  align-items: center;
}

.txt_box02>li.txt02_img.four .img_wrap {
  gap: 20px;
}

.txt_box02>li.txt02_img.four .img_wrap>div {
  width: calc(100%/4 - 10px);
}

.txt_box02>li.txt02_img .img_wrap>div span {
  word-break: keep-all;
  font-size: 14px;
  text-align: center;
}

/* 구매버튼 */
.buy_btn button {
  width: 80%;
  margin: 0 auto;
  padding: 18px 5px;
  background: #44b076;
  color: #fff;
  border: none;
  font-size: 17px;
  font-weight: 600;
  border-radius: 40px;
}

#buyList .wrap {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
  padding: 120px 0;
  margin-bottom: 50px;
}

#buyList select,
#buyList input {
  padding: 12px 18px;
  border: 1px solid #E2E6EA;
  font-size: 16px;
  border-radius: 14px;
}
#buyList .buy_item {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 14px;
}
.total_wrap {
  display: flex;
  align-items: center;
}

.total_wrap p {
  font-size: 18px;
  min-width: 60px;
  font-weight: 600;
}

.total_wrap input {
  width: 100%;
}

.buy_btn_wrap #click_btn.purchase:disabled {
  background: #B8C2C9;
}
.purchase {
  width: 100%;
  max-width: 790px;
  position: relative;
  left: 50%;
  bottom: 145px;
  transform: translateX(-50%);
  padding: 17px 5px;
  border: none;
  border-radius: 200px;
  margin-top: 30px;
  font-size: 18px;
  background: #44B076;
  color: #fff;
  font-weight: 500;
  margin: 0 auto;
}

#option_list select {
  width: 100%;
}

/**  #button_bar 20250611 **/
#button_bar {
  padding-bottom: 15px;
  border-bottom: 1px solid #999;
}

#button_bar ul {
  display: flex;
  column-gap: 35px;
}

#button_bar ul li {
  position: relative;
  font-size: 18px;
  font-weight: 400;
}

#button_bar ul li a {
  font-size: 18px;
  font-weight: 400;
}

#button_bar ul li.on a {
  font-weight: 600;
}

#button_bar ul li.on:before {
  content: '';
  width: 100%;
  height: 3px;
  background: #44B076;
  position: absolute;
  bottom: -17px;
  left: 0;
}



/**  사고팔기 20250611 **/
.market {
  padding-top: 120px;
  max-width: 790px;
  margin: 0 auto;
}

#btn_two.market_btn>.btn01 {
  width: 100%;
}

#btn_two.market_btn>.btn01>button {
  width: calc((100% - 50px) / 6);
  padding: 12px 5px;
}

.market figure {
  margin: 0;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow: hidden;
  background: #fafafa;
}

.market figure.comp {
  aspect-ratio: 327/376;
}

.market .item_wrap {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 60px;
  padding-bottom: 120px;
}

.market .market_sell01 {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 0px;
}

.market .item_wrap>li {
  display: none
}

.market .item_wrap>li.on {
  display: block
}

.market .item_wrap>li>a {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 25px;
}

.market .item_wrap>li>a p img {
  width: 28px;
}

.market .item_wrap>li>a p {
  font-size: 24px;
  font-weight: 600;
}

.market .item_wrap li .item {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.market .item_wrap li .item>div {
  padding: 15px;
  width: calc(100%/2 - 15px);
  border: 1px solid #ddd;
  border-radius: 10px;
}


.market .item_wrap li .item>div figure img {
  width: 100%;
  height: auto;
}

.market .item_wrap li .item>div .txt {
  margin-top: 15px;
}

.market .item_wrap li .item>div .txt p {
  font-size: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.market .item_wrap li .item>div .txt p.grey {
  font-size: 16px;
  color: #999;
  margin-bottom: 5px;
  font-weight: 400;
}

.market .item_wrap li .item>div .txt strong {
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
  margin-top: 25px;
}

.swiper-pagination {
  padding: 0 15px;
}

.market_click {
  top: 40%;
  right: 40px;
}

#item_box.market_box {
  display: flex;
  position: relative;
}

#item_box.market_box a:first-child {
  width: 90%;
}

#item_box.market_box a .left .tit p {
  font-size: 16px;
  margin-bottom: 5px;
}

#item_box.market_box a .left .tit p.pride {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 15px;
}

#item_box.market_box a.more {
  margin-left: auto;
  align-items: center;
}

#item_box.market_box a.more img {
  width: 6.5px;
}

#item_box.market_box a {
  column-gap: 20px;
}

#item_box.market_box a .left {
  width: 90%;
}

.mypage01_edit .wrap>div.product {
  margin-bottom: 40px;
}

#mySelect {
  width: 120px;
  border: none;
  border-bottom: 1px solid #999;
  font-size: 18px;
  color: #000;
  padding: 7px 10px;
}

#goal01 {
  border: none;
  border-bottom: 1px solid #999;
  font-size: 18px;
  color: #000;
  padding: 7px 10px;
}

/*얼리버드*/
#earlybird {
  position: absolute;
  background-color: #ff6b35;
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: bold;
  margin: 5px 0 5px 0;
}


/* 상단 레이아웃 */
#hd {
  position: relative;
  background: #fff;
  z-index: 999;
}

#hd:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#hd_h1 {
  position: absolute;
  font-size: 0;
  text-indent: -9999em;
  line-height: 0;
  overflow: hidden
}



#gnb_open {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0 10px;
  height: 40px;
  width: 40px;
  border: 0;
  background-size: 70%;
  color: #fff;
  background: none;
  font-size: 2em
}

#gnb {
  display: none;
  background: #efefef;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  max-width: 400px;
  height: 100%;
  overflow-y: auto;
  -webkit-box-shadow: 0 0 5px rgba(55, 55, 5, 0.4);
  -moz-box-shadow: 0 0 5px rgba(55, 55, 5, 0.4);
  box-shadow: 0 0 5px rgba(55, 55, 5, 0.4)
}

/* 2025-06-11 */
#gnb_1dul {
  background: #fff
}

#gnb_1dul a {
  display: block;
  color: #000
}

.gnb_1dli {
  position: relative;
  line-height: 40px
}

.gnb_1dli button {
  position: absolute;
  top: 5px;
  right: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: 0;
  font-size: 1.2em;
  background: #fff;
  background: url('../img/mobile/gnb_bg2.png') no-repeat 50% 50%;
  text-indent: -9999px
}

.gnb_1dli button.btn_gnb_cl {
  background: url('../img/mobile/gnb_bg.png') no-repeat 50% 50%
}

.gnb_1da {
  padding: 5px 20px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  font-size: 1.2em;
}

.gnb_2dul {
  display: none;
  background: #fafafa
}

.gnb_2da {
  padding-left: 30px
}

#gnb_close {
  display: block;
  position: absolute;
  right: 8px;
  top: 10px;
  z-index: 99;
  font-weight: bold;
  margin: 0;
  height: 40px;
  width: 40px;
  border: 0;
  color: #bfb8b2;
  font-size: 2em;
  background: transparent
}

#gnb_empty {
  padding: 20px 0;
  color: #fff;
  text-align: center;
  line-height: 2em
}

#gnb_empty a {
  display: inline;
  text-decoration: underline
}

#hd_sch {
  text-align: center;
  padding: 12px 55px 12px 15px;
  background: #212020
}

#hd_sch h2 {
  position: absolute;
  font-size: 0;
  text-indent: -9999em;
  line-height: 0;
  overflow: hidden
}

#hd_sch form {
  position: relative;
  padding-right: 40px
}

#hd_sch #sch_stx {
  width: 100%;
  height: 38px;
  margin-left: 40px;
  background: #464646;
  border: 0;
  color: #fff
}

#hd_sch #sch_submit {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 38px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  color: #a6a5a5;
  background: #464646;
  font-size: 1.25em
}

#user_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0 10px;
  height: 40px;
  width: 40px;
  border: 0;
  color: #fff;
  font-size: 1.8em;
  background: none;
  letter-spacing: -0.1em
}

#user_menu {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  z-index: 9999;
  background: #efefef;
  text-align: center
}

#user_close {
  display: block;
  position: absolute;
  right: 8px;
  top: 10px;
  z-index: 99;
  font-weight: bold;
  margin: 0;
  height: 40px;
  width: 40px;
  border: 0;
  color: #bfb8b2;
  font-size: 1.8em;
  background: transparent
}

#snb_cnt span {
  display: inline-block;
  float: right;
  padding: 0 7px;
  height: 18px;
  margin-top: 3px;
  line-height: 18px;
  font-size: 12px;
  background: #da22f5;
  border-radius: 20px;
  color: #fff
}

#hd_nb {
  background: #fff;
  margin-top: 10px;
  border-bottom: 1px solid #e1e1e1
}

#hd_nb:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#hd_nb li {
  width: 50%;
  float: left;
  text-align: center;
  line-height: 25px;
  font-size: 1.083em;
  font-weight: bold
}

#hd_nb li a {
  display: block;
  color: #717171;
  text-align: left;
  padding: 10px 15px
}

#hd_nb li i {
  font-size: 14px;
  margin-right: 10px;
  color: #a5a8ac
}

#hd_nb .hd_nb1 {
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef
}

#hd_nb .hd_nb2 {
  border-bottom: 1px solid #efefef
}

#hd_nb .hd_nb3 {
  border-right: 1px solid #efefef
}

/* 텍스트 크기 조절 */
#text_size {
  margin: 10px 0;
  text-align: center;
  display: inline-block;
  padding: 7px 20px;
  background: #e6e7e9;
  border-radius: 25px;
  height: 48px
}

#text_size button {
  margin: 0 5px;
  border: 0;
  background: none;
  height: 35px;
  width: 35px;
  border-radius: 50%
}

#text_size button.select {
  background: #fff;
  border-bottom: 1px solid #bbb;
  -webkit-box-shadow: 0 0 5px rgba(100, 80, 100, 0.2);
  -moz-box-shadow: 0 0 5px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 5px rgba(100, 100, 100, 0.2)
}

.ts_up {
  font-size: 1.167em !important
}

.ts_up2 {
  font-size: 1.3em !important
}

/* 중간 레이아웃 */
#wrapper {
  max-width: 790px;
  margin: 0 auto;
  /*background-color: #f8f8f8;*/
}

#wrapper:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#container {
  position: relative;
  min-height: 300px;
  max-width: 790px;
  margin: 0 auto;
}

#container:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#container_title {
  display: none;
  font-size: 1.2em;
  font-weight: bold;
  height: 50px;
  padding: 10px 15px;
  line-height: 30px;
  background: #fff;
  color: #333;
  -webkit-box-shadow: 0 0 10px rgba(181, 181, 181, 0.4);
  -moz-box-shadow: 0 0 10px rgba(181, 181, 181, 0.4);
  box-shadow: 0 0 10px rgba(181, 181, 181, 0.4);
}

#container_title a {
  display: inline-block;
  margin-right: 5px
}

.top {
  position: relative
}

.btn_top {
  position: absolute;
  top: 63px;
  right: 10px;
  z-index: 999;
  padding: 8px 0
}

.btn_top li {
  display: inline-block
}

.btn_top a,
.btn_top button,
.btn_top .btn_submit {}

.btn_top .btn_cancel,
.btn_top .btn_b01 {
  border: 1px solid #aaa;
  background: none;
  color: #666;
  line-height: 28px;
  background: #fff
}

.fixed {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999
}

.fixed.btn_bo_user {
  right: 10px;
  position: absolute;
  z-index: 9;
}

#container_title.fixed {
  width: 100%
}

/* 하단 레이아웃 */
#ft {
  display: none;
  background: #222;
  padding: 20px 20px 20px;
  padding-bottom: 120px;
  max-width: 790px;
  margin: 0 auto;
}

#ft h1 {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

#ft p {
  margin: 0;
  padding: 10px 0;
  line-height: 1.8em
}

#ft_copy {
  padding: 10px;
  line-height: 2em;
  text-align: center;
  color: #777
}

#ft_copy #ft_company {
  text-align: center
}

#ft_copy #ft_company a {
  display: inline-block;
  padding: 0 10px;
  line-height: 1em;
  border-left: 1px solid #333;
  color: #fff
}

#ft_copy #ft_company a:first-child {
  border: 0
}

.ft_cnt {
  font-weight: normal;
  color: #e3e3e3;
  line-height: 2em;
  text-align: center
}

.ft_cnt h2 {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

#ft_copy b {
  color: inherit
}

#ft_copy a {
  color: inherit;
  text-decoration: none;
  word-break: keep-all;
}

#top_btn {
  position: fixed;
  bottom: 120px;
  right: 15px;
  width: 50px;
  height: 50px;
  line-height: 36px;
  border: 2px solid #d2d2d2;
  border-radius: 50%;
  background: #fff;
  color: #d2d2d2;
  text-align: center;
  font-size: 15px;
  z-index: 99;
  -webkit-box-shadow: 1px 2px 5px rgba(191, 191, 191, 0.4);
  -moz-box-shadow: 1px 2px 5px rgba(191, 191, 191, 0.4);
  box-shadow: 1px 2px 5px rgba(191, 191, 191, 0.4)
}

#top_btn i {
  font-size: 1.4em
}

#top_btn:hover {
  background: #44b076;
  border-color: #44b076;
  color: #fff
}

#device_change {
  display: block;
  line-height: 40px;
  border-radius: 5px;
  background: #302e2e;
  color: #777;
  font-size: 1em;
  text-decoration: none;
  text-align: center
}

/* 게시물 선택복사 선택이동 */
#copymove {}

.copymove_current {
  float: right;
  color: #ff3061
}

.copymove_currentbg {
  background: #f4f4f4
}

#copymove .tbl_head01 {
  margin-top: 10px
}

#copymove td {
  background: #fff
}

#copymove .win_btn {
  margin: 10px
}

/* 화면낭독기 사용자용 */
#hd_login_msg {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden
}

.msg_sound_only,
.sound_only {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden
}

/* 본문 바로가기 */
.to_content a {
  z-index: 100000;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

/* 이미지 등비율 리사이징 */
.img_fix {
  width: 100%;
  height: auto
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
  position: relative;
  display: flex;
  align-items: center;
}

#captcha legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden
}

#captcha #captcha_img {
  height: 40px;
  border: 1px solid #898989;
  vertical-align: top;
  padding: 0;
  margin: 0
}

#captcha #captcha_mp3 {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: url('../../../img/captcha2.png') no-repeat;
  text-indent: -999px;
  border-radius: 3px
}

#captcha #captcha_reload {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url('../../../img/captcha2.png') no-repeat 0 -40px;
  text-indent: -999px;
  border-radius: 3px
}

#captcha #captcha_key {
  margin: 0 0 0 3px;
  padding: 0 5px;
  width: 90px;
  height: 40px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 1.333em;
  font-weight: bold;
  text-align: center;
  border-radius: 0;
  vertical-align: top
}

#captcha #captcha_info {
  display: block;
  margin-left: 7px;
  font-size: 13px;
  letter-spacing: -0.1em;
  word-break: keep-all;
}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {
  display: block;
  margin-right: 15px;
}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha {
  width: 213px;
  height: 55px;
  overflow: hidden
}

#rc-imageselect,
.g-recaptcha {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0
}

/* ckeditor 태그 기본값 */
#bo_v_con ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px
}

#bo_v_con ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px
}

#bo_v_con li {
  display: list-item
}

/*단축키일람 */
.cke_sc {
  text-align: right
}

.btn_cke_sc {
  background: #333;
  color: #fff;
  padding: 5px;
  border: none
}

.cke_sc_def {
  margin: 0 0 5px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  text-align: center
}

.cke_sc_def dl {
  margin: 0 0 5px;
  text-align: left;
  zoom: 1
}

.cke_sc_def dl:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.cke_sc_def dt,
.cke_sc_def dd {
  float: left;
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #e9e9e9
}

.cke_sc_def dt {
  width: 50%;
  font-weight: bold
}

.cke_sc_def dd {
  width: 50%
}

.btn_cke_sc_close {
  background: #333;
  padding: 5px;
  border: none;
  color: #fff
}

/* 버튼 */
.btn {
  display: inline-block;
  padding: 0 5px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px
}

a.btn01 {
  display: inline-block;
  background: #ddd;
  color: #444;
  text-decoration: none;
  vertical-align: middle
}

a.btn01:focus,
a.btn01:hover {
  text-decoration: none
}

button.btn01 {
  display: inline-block;
  margin: 0;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none
}

a.btn02 {
  display: inline-block;
  border: 1px solid #3b3c3f;
  background: #4b545e;
  color: #fff;
  text-decoration: none;
  vertical-align: middle
}

a.btn02:focus,
.btn02:hover {
  text-decoration: none
}

button.btn02 {
  display: inline-block;
  margin: 0;
  padding: 7px;
  border: 1px solid #3b3c3f;
  background: #4b545e;
  color: #fff;
  text-decoration: none
}

.btn_confirm {
  text-align: center
}

/* 서식단계 진행 */

.btn_submit {
  border: 0;
  background: #44B076;
  color: #fff;
  cursor: pointer;
  border-radius: 3px
}

.btn_submit:hover {
  background: #1ead60ad
}

.btn_close {
  border: 1px solid #dcdcdc;
  cursor: pointer;
  border-radius: 3px;
  background: #fff
}

a.btn_close {
  text-align: center;
  line-height: 50px
}

a.btn_cancel {
  display: inline-block;
  background: #ddd;
  color: #444;
  text-decoration: none;
  vertical-align: middle
}

button.btn_cancel {
  display: inline-block;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  vertical-align: top;
  text-decoration: none
}

a.btn_frmline,
button.btn_frmline {
  display: inline-block;
  padding: 0 5px;
  border: 0;
  background: #fff;
  border: 1px solid #3a8afd;
  color: #3a8afd;
  letter-spacing: -0.1em;
  text-decoration: none;
  vertical-align: top
}

/* 우편번호검색버튼 등 */
button.btn_frmline {
  font-size: 1em
}

/* 게시판용 버튼 */
a.btn_b01,
.btn_b01 {
  display: inline-block;
  background: #3a8afd;
  color: #fff;
  border-radius: 3px;
  padding: 10px;
  border: 0;
  text-decoration: none;
  vertical-align: middle
}

.btn_b01:hover,
.btn_b01:hover {}

a.btn_b02,
.btn_b02 {
  display: inline-block;
  background: transparent;
  color: #fff;
  border: 0;
  border-radius: 3px;
  padding: 10px;
  text-decoration: none;
  vertical-align: middle
}

a.btn_b02:hover,
.btn_b02:hover {}

a.btn_b03,
.btn_b03 {
  display: inline-block;
  line-height: 28px;
  border: 0;
  background: transparent;
  color: #bababa;
  text-decoration: none;
  vertical-align: middle
}

a.btn_b03:hover,
.btn_b03:hover {}

a.btn_admin {
  display: inline-block;
  color: #d13f4a;
  font-size: 1.4em;
  text-decoration: none;
  vertical-align: middle
}

/* 관리자 전용 버튼 */
a.btn_admin:focus,
a.btn_admin:hover {}

.fix_btn {
  position: fixed;
  z-index: 99;
  bottom: 65px;
  right: 15px;
  background: #3a8afd;
  width: 50px;
  height: 50px;
  color: #fff;
  text-align: center;
  border-radius: 50% !important;
  font-size: 1.8em;
  line-height: 50px !important;
  -webkit-box-shadow: 1px 2px 5px rgba(191, 191, 191, 0.4);
  -moz-box-shadow: 1px 2px 5px rgba(191, 191, 191, 0.4);
  box-shadow: 1px 2px 5px rgba(191, 191, 191, 0.4)
}

a.btn,
.btn {
  line-height: 35px;
  width: 30px;
  height: 35px;
  padding: 0 5px;
  text-align: center;
  font-weight: bold;
  border: 0;
  font-size: 1.4em;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out
}


/* 기본테이블 */
/* .tbl_wrap {margin:0 10px 10px} */
.tbl_wrap table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0
}

.tbl_wrap caption {
  padding: 10px 0;
  color: #4b8b99;
  font-weight: bold;
  text-align: left
}

.tbl_head01 {}

.tbl_head01 caption {
  padding: 0 0 10px;
  color: #777;
  text-align: left
}

.tbl_head01 thead th {
  padding: 12px 0;
  border: 1px solid #d8dbdf;
  background: #f7f7f9;
  color: #383838;
  font-size: 0.95em;
  text-align: center;
  letter-spacing: -0.1em
}

.tbl_head01 thead a {
  color: #383838
}

.tbl_head01 thead th input {
  vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background: #484848;
  color: #fff
}

.tbl_head01 tfoot td {
  border-color: #e3e3e5;
  background: #484848;
  color: #fff;
  font-weight: bold;
  text-align: center
}

.tbl_head01 tbody {
  text-align: left
}

.tbl_head01 tbody th {
  padding: 5px 0;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9
}

.tbl_head01 td {
  padding: 5px;
  border: 1px solid #e7e9ec;
  border-top: 0;
  line-height: 1.5em;
  word-break: break-all
}

.tbl_head02 {}

.tbl_head02 caption {
  padding: 0 0 10px;
  color: #777;
  text-align: left
}

.tbl_head02 thead th {
  padding: 5px 0;
  border-top: 1px solid #d1dee2;
  border-bottom: 1px solid #d1dee2;
  background: #e5ecef;
  color: #383838;
  font-size: 0.95em;
  text-align: center;
  letter-spacing: -0.1em
}

.tbl_head02 thead a {
  color: #383838
}

.tbl_head02 thead th input {
  vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background: #484848;
  color: #fff
}

.tbl_head02 tfoot td {
  background: #484848;
  color: #fff;
  font-weight: bold;
  text-align: center
}

.tbl_head02 tbody th {
  padding: 5px 0;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9
}

.tbl_head02 td {
  padding: 5px 3px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  line-height: 1.4em;
  word-break: break-all
}

/* 기본리스트 */
.list_01 ul {}

.list_01 li {
  border-bottom: 1px solid #e5ecee;
  padding: 15px
}

.list_01 li:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.all_chk {
  padding: 15px;
  border-bottom: 1px solid #e8eaee;
  background: #fff
}

/* 기본폼 */
.form_01 .write_div {
  margin-bottom: 10px;
  position: relative
}

.form_01 li {
  margin: 0 0 10px;
  position: relative;
  list-style: none
}

.form_01 li.is_captcha_use {
  margin-top: 40px;
}

.form_01 textarea,
.frm_input {
  border: none;
  border-bottom: 1px solid #999;
  font-size: 15px;
  background: #fff;
  color: #000;
  vertical-align: middle;
  padding: 5px;
  border-radius: 0;
  box-shadow: none
}

.form_01 textarea {
  width: 100%;
  height: 100px
}

/* .frm_input {height:45px} */
.full_input {
  width: 100%
}

.form_01 .frm_file {
  display: block;
  margin-bottom: 5px;
  width: 100%
}

.form_01 select {
  height: 40px;
  background-color: #fff
}

.form_01 .frm_info {
  font-size: 12px;
  color: #44B076;
  text-align: left;
  margin: 3px 0 10px;
  display: block;
  line-height: 1.5;
  word-break: keep-all;
}

/* 자료 없는 목록 */
.empty_table {
  padding: 100px 0 !important;
  color: #777;
  text-align: center
}

.empty_list {
  padding: 20px 0 !important;
  text-align: center
}

/* 필수입력 */
.required,
textarea.required {
  background-image: url('../img/require.png') !important;
  background-repeat: no-repeat !important;
  background-position: right top !important
}

/* 테이블 항목별 정의 */
.td_board {
  width: 120px;
  text-align: center
}

.td_category {
  width: 80px;
  text-align: center
}

.td_chk {
  width: 30px;
  text-align: center
}

.td_date {
  width: 60px;
  text-align: center
}

.td_datetime {
  width: 150px;
  text-align: center
}

.td_group {
  width: 100px;
  text-align: center
}

.td_mb_id {
  width: 100px;
  text-align: center
}

.td_mng {
  width: 80px;
  text-align: center
}

.td_name {
  width: 100px;
  text-align: left
}

.td_nick {
  width: 100px;
  text-align: center
}

.td_num {
  width: 50px;
  text-align: center
}

.td_numbig {
  width: 80px;
  text-align: center
}

.td_stat {
  width: 60px;
  text-align: center
}

.txt_active {
  color: #5d910b
}

.txt_done {
  color: #e8180c
}

.txt_expired {
  color: #999
}

.txt_rdy {
  color: #8abc2a
}

/* 새창 기본 스타일 */
.new_win {
  position: relative;
  background: #fff
}

.new_win #win_title {
  font-size: 1.3em;
  height: 50px;
  line-height: 30px;
  padding: 10px 20px;
  background: #fff;
  color: #000;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
}

.new_win #win_title .sv {
  font-size: 0.75em;
  line-height: 1.2em
}

.new_win_con {}

.new_win .win_ul {
  margin-bottom: 15px;
  padding: 0 20px
}

.new_win .win_ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.new_win .win_ul li {
  float: left;
  background: #fff;
  text-align: center;
  padding: 0 10px;
  border: 1px solid #d6e9ff;
  border-radius: 30px;
  margin-left: 5px
}

.new_win .win_ul li:first-child {
  margin-left: 0
}

.new_win .win_ul li a {
  display: block;
  padding: 8px 0;
  color: #6794d3
}

.new_win .win_ul .selected {
  background: #3a8afd;
  border-color: #3a8afd;
  position: relative;
  z-index: 5
}

.new_win .win_ul .selected a {
  color: #fff;
  font-weight: bold
}

.new_win .win_desc {
  position: relative;
  margin: 10px;
  border-radius: 5px;
  font-size: 1em;
  background: #f2838f;
  color: #fff;
  line-height: 50px;
  text-align: left;
  padding: 0 20px
}

.new_win .win_desc i {
  font-size: 1.2em;
  vertical-align: baseline
}

.new_win .win_desc:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 50px;
  background: #da4453;
  border-radius: 3px 0 0 3px
}

.new_win .win_total {
  float: right;
  display: inline-block;
  line-height: 30px;
  font-weight: normal;
  font-size: 0.75em;
  color: #3a8afd;
  background: #f6f6f6;
  padding: 0 10px;
  border-radius: 5px
}

.new_win .new_win_con {
  padding: 20px
}

.new_win .new_win_con:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.new_win .new_win_con2 {
  margin: 20px 0
}

.new_win .win_btn {
  clear: both;
  padding: 10px 0 30px;
  text-align: center
}

.new_win .win_btn a {
  display: inline-block;
  height: 45px;
  line-height: 40px;
  font-weight: bold
}

.new_win .cert_btn {
  text-align: center
}

.new_win .btn_close {
  width: 60px;
  height: 45px;
  overflow: hidden;
  cursor: pointer
}

.new_win .btn_submit {
  padding: 0 20px;
  height: 45px;
  font-weight: bold;
  font-size: 1.083em
}

/* 검색결과 색상 */
/*.sch_word {color:#fff;background:#ff005a;padding:2px 4px;margin:0 2px}*/

/* 사이드뷰 */
.sv_wrap {
  display: inline-block;
  position: relative;
  font-weight: normal;
  line-height: 20px
}

.sv_wrap .sv {
  z-index: 1000;
  width: 100px;
  display: none;
  margin: 5px 0 0;
  font-size: 0.92em;
  background: #333;
  text-align: left;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2)
}

.sv_wrap .sv:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #333 transparent
}

.sv_wrap .sv a {
  display: inline-block;
  width: 100px;
  margin: 0;
  padding: 0 10px;
  line-height: 30px;
  font-weight: normal;
  color: #bbb
}

.sv_wrap .sv a:hover {
  background: #000;
  color: #fff
}

.sv_member {
  color: #333;
  font-weight: bold
}

.sv_on {
  display: block !important;
  position: absolute;
  top: 23px;
  left: 0px;
  width: auto;
  height: auto
}

.sv_nojs .sv {
  display: block
}

/* 페이징 */
.pg_wrap {
  clear: both;
  display: block;
  padding: 10px 0;
  text-align: center
}

.pg_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.pg {
  text-align: center
}

.pg_page,
.pg_current {
  display: inline-block;
  vertical-align: middle;
  background: #eee;
  border: 1px solid #eee
}

.pg a:focus,
.pg a:hover {
  text-decoration: none
}

.pg_page {
  color: #959595;
  font-size: 1.083em;
  height: 30px;
  line-height: 28px;
  padding: 0 5px;
  min-width: 30px;
  text-decoration: none;
  border-radius: 3px
}

.pg_page:hover {
  background-color: #fafafa
}

.pg_start {
  text-indent: -999px;
  overflow: hidden;
  background: url('../img/btn_first.gif') no-repeat 50% 50% #eee;
  padding: 0;
  border: 1px solid #eee
}

.pg_prev {
  text-indent: -999px;
  overflow: hidden;
  background: url('../img/btn_prev.gif') no-repeat 50% 50% #eee;
  padding: 0;
  border: 1px solid #eee
}

.pg_end {
  text-indent: -999px;
  overflow: hidden;
  background: url('../img/btn_end.gif') no-repeat 50% 50% #eee;
  padding: 0;
  border: 1px solid #eee
}

.pg_next {
  text-indent: -999px;
  overflow: hidden;
  background: url('../img/btn_next.gif') no-repeat 50% 50% #eee;
  padding: 0;
  border: 1px solid #eee
}

.pg_start:hover,
.pg_prev:hover,
.pg_end:hover,
.pg_next:hover {
  background-color: #fafafa
}

.pg_current {
  display: inline-block;
  background: #3a8afd;
  border: 1px solid #3a8afd;
  color: #fff;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  min-width: 30px;
  border-radius: 3px
}

.countdown {
  font-size: 12px;
  color: #dc3545;
  font-weight: bold;
  margin: 8px 0 5px 0;
  clear: both;

  position: relative;
  overflow: hidden;
  /* 글자가 밖으로 나가도 안 보이게 */
  white-space: nowrap;
  /* 한 줄로 흐르도록 */
  width: 100%;
  /* 부모 넓이에 맞춤 */
}


.countdown span {
  display: inline-block;
  padding-right: 320px;
}


@media all and (max-width: 960px) {
  .main_sec02 .search_main>img {
    margin-right: 25px;
  }
}

@media all and (max-width: 930px) {
  .input01 figure {
    display: none;
  }

  #comment #core_com01 {
    width: 100%;
    margin: 0;
  }
}

@media all and (min-width: 790px) {
  /* 스와이퍼 컨테이너가 좁아서 멈추는 현상 방지 */
  .swiper-container, .swiper {
    width: 100% !important;
    max-width: none !important; 
  }
  
  /* 슬라이드 아이템이 찌그러지지 않게 방지 */
  .swiper-slide {
    flex-shrink: 0 !important;
  }
}

@media all and (max-width: 760px) {
  #pcaQuick a p img {
    margin-right: 15px;
  }
}

@media all and (max-width: 650px) {
  #btn_two.market_btn {
    max-height: unset;
  }

  #btn_two.market_btn>.btn01 {
    flex-wrap: wrap;
    row-gap: 15px;
    column-gap: 10px;
  }

  #btn_two.market_btn>.btn01>button {
    width: calc((100% - 20px) / 3);
  }

  .center_visual .box figure img {
    width: 80%;
  }

  #search_visual .box .txt_box {
    padding: 30px;
    padding-bottom: 0;
  }

  .center_visual .box figure {
    position: relative;
  }

  .mypage02 .wrap>div .local {
    justify-content: space-between;
    row-gap: 10px;
  }

  .mypage02 .wrap>div .local li {
    width: calc(100% / 2 - 7px);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mypage01 .wrap .my_img>img {
    width: 45%;
  }

  .mypage01 .wrap .my_img a {
    bottom: 5px;
    right: 75px;
  }

  .mypage01 .wrap .my_img a>img {
    width: 50%;
  }

  #captcha {
    display: unset;
  }

  #captcha.m_captcha audio {
    margin: 0;
    margin-bottom: 15px;
    width: 100%;
  }

  #captcha #captcha_info {
    margin: 0;
    margin-top: 10px;
  }

  .reg_title img {
    width: 85px;
  }

  .main_sec03 .wrap .title {
    width: calc(100% - 45px);
  }

  .main_sec03 {
    overflow: hidden;
  }

  .main_sec03 .wrap {
    width: 100%;
    margin-left: 22px;
  }

  .main_sec01 .wrap .item_wrap>div a img {
    width: 60%;
  }

  .main_sec03 .item_wrap {
    /*overflow-x: scroll;*/
    column-gap: 20px;
    padding-right: 45px;
  }

  .main_sec03 .item_wrap>div {
    width: calc((100% - 36px) / 2);
    flex-shrink: 0
  }
}

@media all and (max-width: 600px) {
  #wrapper {
    padding: 0 5%;
  }

  .wrap {
    width: 100%;
  }

  .hd_wrapper01 {
    padding: 0 5%;
  }
  .tool_wrap .alarm img,
  .tool_wrap>a img {
    width: 24px;
  }
  .main_sec01 .wrap .item_wrap {
    overflow-x: scroll;
    column-gap: 10px;
  }

  
  .join_banner .wrap>a img {
    width: 12px;
  }
  .main_sec01 .wrap .item_wrap>div {
    width: calc((100% - 30px) / 4);
    flex-shrink: 0;
  }
  .market .wrap {
    padding: 0;
  }
  .wrap {
    padding: 0 5%;
  }
  #buyList .wrap {
    padding: 120px 3%;
  }

  .mypage02 .item.bg_grey .bg_date {
    width: calc(100% - 100px);
    word-break: keep-all;
  }
  .mypage02 .item.bg_grey .bg_cha {
    width: 100px;
  }


  .main_sec03 .wrap {
    margin-left: 0;
  }

  .main_sec03 .item_wrap>div {
    width: calc((100% - 14px) / 2);
  }

  .main_sec03 .wrap .title {
    width: 100%;
  }

  .main_sec03 .item_wrap>div {
    width: calc((100% - 20px) / 2);
  }

  .main_sec03 .item_wrap {
    padding-right: 0;
  }

  #sub_title {
    /*padding: 20px 5%;*/
  }

  .around_info {
    padding: 70px 5%;
  }

  .around_info .wrap {
    margin-bottom: 100px;
  }

  .market {
    padding: 120px 5%;
    max-width: 790px;
    margin: 0 auto;
  }

  .around_center {
    padding: 120px 5%;
  }

  .magazine_wrap {
    padding: 80px 5%;
  }

  .magazine_view #bo_v .btn01 {
    padding: 0 5%;
  }
}

@media all and (max-width: 530px) {
  #pcaQuick a {
    padding: 10px;
  }

  #pcaQuick a>img {
    width: 15px;
  }

  #pcaQuick a p img {
    width: 40px;
  }

  .approve_wrap {
    width: 80vw;
  }

  #bo_gall #gall_ul.magazine .wrap li span.no_img i {
    top: 0;
    scale: 0.8;
    transform: translateY(-60%);
  }

  #sub_title .wrap>a {
    width: 87px;
  }

  .util button,
  #alarmClose {
    width: 30px;
  }

  .nav {
    width: 70%;
  }

  .room .room_list .item a figure {
    width: 70px;
    margin-right: 15px;
  }

  .mypage01 .wrap h2 {
    font-size: 18px;
  }

  .room .room_list .item a .right p.count {
    width: 20px;
  }

  .room .room_list .item a .txt p {
    font-size: 16px;
  }

  .room .room_list .item a .right p {
    font-size: 15px;
  }

  .room .room_list .item a .txt strong {
    font-size: 18px;
  }

  .main_sec01 {
    overflow: hidden;
  }

  .main_sec01 .wrap {
    width: 100%;
  }

  .btm_banner .item_wrap div.item a img {
    width: 100%;
    height: 24px;
  }

  .main_sec03 .item_wrap div.item a img {
    height: 120px;
    object-fit: cover;
    /*min-height: 125px;*/
  }

  .main_sec03 #item_box.item_wrap div.item, .main_sec03 .item_wrap div.item {
    padding: 6px;
  }

  .main_sec03 #swiper_box.item_wrap div.item a {
    overflow: hidden;
  }
  .main_sec01 .wrap .item_wrap div.item a img {
    width: 50%;
  }

  .main01 h2 {
    font-size: 23px;
  }

  #logo {
    width: 120px;
  }

  .alarm {
    width: 28px;
  }

  .user {
    width: 40px;
  }

  .util button, #menuOpen, #menuClose {
    width: 25px;
  }
  .join_banner .wrap h2 {
    font-size: 20px;
  }
  .main_sec02 .search_main {
    padding: 10px;
  }

  .main_sec02 .search_main>img {
    width: 30px;
  }

  /*     .main_sec02 .search_main > input {width: 75%;} */
  .main_sec02 .search_main>button img {
    width: 24px;
  }

  .mypage02 .item.order {
    padding: 25px;
  }
  .mypage02 .item.order p.long {
    flex-wrap: wrap;
    margin-bottom: 13px;
    line-height: 1.5;
  }
  .mypage02 .item.order p.long strong {
    width: 100%;
  }


}

@media all and (max-width: 450px) {
  .main_sec02 .search_main>p {
    left: 60px;
    animation: typing 4.5s steps(45) infinite, blink .5s step-end infinite alternate;
  }

  #ft_copy {
    padding: 15px 0;
  }

  #ft_copy #ft_company {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #ft_copy #ft_company>a {
    width: calc(100%/2);
    padding: 0;
    font-size: 14px;
  }

  .coatch_img h4 br {
    display: block;
  }

  .coatch_img h4 span {
    font-size: 16px;
  }

  #item_box.market_box a.more img {
    width: 4.5px;
  }

  .market .item_wrap li>a p {
    font-size: 20px;
  }

  .market .item_wrap li>a>img {
    width: 14px
  }

  .market .item_wrap li .item>div .txt strong {
    font-size: 18px;
    margin-top: 11px;
  }

  .market .item_wrap li .item>div .txt p {
    font-size: 16px;
  }

  #comment .com_wrap>ul>li .txt p {
    font-size: 15px;
  }

  #comment .com_wrap>ul>li figure {
    width: 50px;
  }

  .txt_box01 {
    row-gap: 15px;
    margin-bottom: 60px;
  }

  #info_txt .txt_top>p,
  .txt_box01>li p,
  #comment .com_wrap>ul>li .txt strong {
    font-size: 16px;
  }

  #info_txt>strong,
  #comment .title h3 {
    font-size: 22px;
  }

  .txt_box01>li img {
    width: 30px;
  }

  #item_box a figure {
    width: 100px;
  }

  #item_box {
    padding: 17px;
  }

  .center_list .title h3 {
    font-size: 20px;
  }

  #item_box a .left .tit p {
    font-size: 16px;
  }

  #item_box a .left .icon>div img {
    width: 20px;
  }

  #item_box a .left .tit strong {
    font-size: 18px;
  }

  #item_box a .left .icon>div p {
    font-size: 14px;
  }

  #info_slide .swiper-slide img {
    width: 100%;
  }

  #main_swiper {
    /*height: 50vh;*/
  }

  .mypage02 .wrap>div h3 {
    margin-bottom: 10px !important;
    font-size: 18px;
  }

  .mypage02 .wrap>div>a {
    font-size: 16px;
  }
  .mypage02 .item.bg_grey .flex {
    flex-wrap: wrap;
    row-gap: 25px;
  }
  .mypage02 .item.bg_grey .bg_date {
    width: 100%;
  }
  .mypage02 .item.bg_grey .bg_cha {
    width: 100%;
    margin-bottom: 10px;
  }
  .mypage02 .item.bg_grey .pay {
    margin-top: 10px;
  }

  /*메인*/
  .main_sec01 .wrap .item_wrap {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .main_sec01 .wrap .item_wrap>div {
    width: calc((100% - 10px) / 2);
  }

  .main_sec03 .item_wrap div.item .txt_box {
  }


  /*얼리버드*/
  #earlybird {
    right: 0;
    top: 32px;
  }

  .market .item_wrap li .item>div .txt {
    margin-top: 7px;
  }

  .market .item_wrap li .item {
    column-gap: 10px;
    row-gap: 30px;
  }

  .market .item_wrap li .item>div {
    width: calc((100% - 10px) / 2);
    padding: 8px;
  }

  .countdown span {
    padding-right: 20px;
    animation: scroll-left 5s linear infinite;
  }

  @keyframes scroll-left {
    0% {
      transform: translateX(0);
      /* 제자리 */
    }

    100% {
      transform: translateX(-100%);
      /* 왼쪽으로 끝까지 이동 */
    }
  }

}

@media all and (max-width: 400px) {

  /* 모바일 반응형 센터정보 비율 조정 */
  #info_slide {
    height: auto;
    aspect-ratio: 1/1;
  }

  .main_sec03 .item_wrap>div a img {
    aspect-ratio: 1 / 1;
  }

  .dm_btn button,
  .buy_btn button {
    padding: 12px 5px;
  }

  .loca_move button {
    padding: 7px;
  }

  .mypage01 .wrap .my_img {
    width: auto;
  }

  #bo_gall #gall_ul.magazine .gall_li_tit {
    font-size: 15px;
  }

  #sub_title .wrap>a {
    width: 77px;
  }

  .util button,
  #menuOpen,
  #alarmClose {
    width: 25px;
  }

  #alarmClose {
    right: 23px
  }

  #comment .com_wrap>ul>li>div a img {
    width: 4.5px;
  }

  #comment .com_wrap>ul>li .txt {
    width: 65%;
  }

  #search_visual .box .txt_box strong {
    font-size: 22px;
  }

  #search_visual .box .txt_box p {
    margin-top: 10px;
    font-size: 16px;
  }

  #btn_two .btn01>button {
    padding: 12px 5px;
    min-width: 80px;
  }

  .mypage02 .wrap>div .local li span {
    right: -13px;
  }

  .room .room_list .item a .txt {
    width: 40%;
  }

  #click_btn01 {
    height: 70px;
  }

  .comment_wrap .user_com .info>img {
    width: 65px;
  }

  .comment_wrap .user_com .info a img {
    width: 5.5px;
  }

  .estimate_view .estimate_q ul li {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
  }

  .estimate_view .estimate_q ul li p {
    width: 100%;
  }

  .estimate_view .estimate_q ul li span {
    padding: 0 5px;
  }

  .estimate_view .estimate_q ul li p,
  .estimate_view .estimate_q ul li span,
  .comment_wrap .user_com .txt_com>p {
    font-size: 16px;
  }

  #text_list>div {
    row-gap: 15px;
  }

  #img_title img {
    width: 115px;
  }

  #img_title h2,
  .estimate_view h3 {
    font-size: 22px;
  }

  #img_title p {
    font-size: 16px;
  }

  #text_list>div input {
    font-size: 16px;
    padding: 5px 8px
  }

  #text_list>div p {
    font-size: 18px;
  }

  #inquiry_list>li a ul.left strong {
    font-size: 16px;
  }

  /* #inquiry_list > li a ul.left {row-gap: 20px;} */
  #inquiry_list>li {
    padding: 20px;
  }

  .estimate .list_wrap>div.visual .box .txt_box strong {
    font-size: 20px;
  }

  .estimate .list_wrap>div.visual .box .txt_box p {
    font-size: 16px;
    margin-top: 15px;
  }

  .estimate .list_wrap>div.visual .box .txt_box {
    padding: 25px;
  }

  #sub_title .wrap>a>img {
    width: 14px;
  }

  #sub_title .wrap h2 {
    font-size: 20px;
  }



  .manage .btn_wrap .btn01>button {
    padding: 12px;
  }

  .manage .list_wrap>ul li {
    padding: 20px;
  }

  .manage .list_wrap>ul li ul.left {
    row-gap: 20px;
  }

  .manage01 .txt_box strong {
    font-size: 20px;
  }

  .manage01 .info li {
    font-size: 16px;
  }

  .manage01 .info li p {
    min-width: 120px;
  }

  .mypage01_edit h4,
  .body02>div p,
  .coatch_img h4 {
    font-size: 20px;
  }

  .body02>div input {
    font-size: 16px;
    padding: 5px;
  }

  .mypage01_edit .wrap>.item .btn_wrap>button,
  .body01 input {
    font-size: 18px;
  }

  .mypage01_edit .wrap>.item .btn_wrap>button,
  .mypage01_edit .wrap>.body01>div {
    width: calc(100% / 2 - 10px);
  }

  .mypage01_edit .wrap>.item .btn_wrap>button {
    padding: 10px 5px;
  }

  .body01 input {
    height: 43px;
  }

  .mypage01 .wrap .my_img>img {
    width: 145px;
  }

  .mypage01 .wrap .my_img a {
    right: -30px;
  }

  .m_page .wrap>a {
    margin-right: 0px;
  }

  .mypage02 .wrap>div .ticket>li>img {
    width: 60px;
    margin-right: 5px;
  }

  .mypage02 .wrap>div {
    padding: 14px;
  }

  .join_banner .wrap>a img {
    width: 14px;
  }

  .join_banner .wrap h2 {
    font-size: 20px;
  }

  .agree_list ul.dep01>li ul.dep02 strong {
    font-size: 11px !important;
  }

  .agree_list ul.dep01>li ul.dep02>img {
    width: 20px;
    margin-right: 10px;
  }

  .next_banner a {
    font-size: 20px;
    padding: 30px 0;
  }

  .agree_list ul.dep01>li button img {
    width: 10px;
  }

  .reg_title p,
  #fregister_chkall label {
    font-size: 16px;
  }

  .agree_list ul.dep01>li ul.dep02 p {
    font-size: 13px;
  }

  .alarm {
    width: 32px;
  }

  .user {
    width: 40px;
  }

  .btm_banner .item_wrap>div {
    width: calc(100%/4 - 15px);
  }

  .btm_banner .item_wrap>div a img {
    width: 24px;
    height: 24px;
  }

  .main01 .txt_box strong {
    font-size: 17px;
  }

  .main_sec04 .item_wrap,
  .main_sec05 .item_wrap {
    padding: 20px;
  }

  .main01 h2 {
    font-size: 20px;
  }

  .main01 h2 img {
    height: 25px;
  }

  .main_sec03 .item_wrap>div {
    width: calc(100%/1.34);
  }

  #logo {
    width: 135px;
  }

  .hd_wrapper01 .wrap {
    padding: 12px 0;
  }

  .txt_box02>li img {
    width: 25px;
  }

  .txt_box02>li.txt02_img .img_wrap {
    flex-wrap: wrap;
    gap: 15px;
  }

  .txt_box02>li.txt02_img .img_wrap>div {
    width: calc(100% / 3 - 10px);
  }

  .txt_box02>li.txt02_img.four .img_wrap>div {
    width: calc(100% / 4 - 15px);
  }

}

@media all and (max-width: 380px) {}

@media all and (max-width: 350px) {

  #comment .com_wrap>ul>li .txt p {
    display: flex;
    flex-wrap: wrap;
    column-gap: 7px;
    row-gap: 3px;
  }

  .manage01 .manage_slide {
    height: 230px;
  }
}

/*20250807 마이페이지 디자인 수정*/
.facility {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.facility span {
  display: inline-block;
  margin-top: 5px;
  font-size: 17px;
}

.facility>div {
  display: flex;
  flex-direction: column;
  width: calc((100% - 40px) / 3);
  align-items: center;
  margin-bottom: 12px;
}

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

.facility>div img {
  display: inline-block;
  margin-top: 10px;
}

.facility>div input {
  width: 15px;
  height: 15px;
}

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

.quick_center font {
  margin-left: 10px;
  font-weight: 500;
}

@media all and (min-width: 450px) {
  .facility>div {
    width: calc((100% - 60px) / 4);
  }

}

/* 센터소개 CSS추가 20251120 */
@media all and (max-width: 400px) {
  .center_list #item_box a .left {
    row-gap: 12px;
  }

  .center_list #item_box a .left .tit p {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .center_list #item_box a .left .tit strong {
    font-size: 17px;
  }

  .center_list #item_box a figure {
    border: 1px solid #eee;
  }
}

/* 메인 CSS 수정 20251120 */
.mainCenter .txt_box p,
.mainCoach .txt_box p {
  margin-bottom: 10px;
}

.mainCenter .txt_box strong,
.mainCoach .txt_box strong {
  margin-bottom: 0;
}


@media all and (max-width: 340px) {
  #fregister_chkall label {
    font-size: 14.5px;
  }
  #btn_two .btn01>button {
    font-size: 14px;
  }
}

/** membership page **/
.membership_page {
  padding: 110px 0 120px;
}

.membership_visual {
  margin-bottom: 20px;
}

.membership_visual .box {
  min-height: 260px;
  background: linear-gradient(135deg, #44B076 0%, #68C98F 100%);
}

.membership_visual .box .txt_box strong,
.membership_visual .box .txt_box p,
.membership_visual .box .txt_box span {
  color: #fff;
}

.membership_visual .box .txt_box p {
  opacity: .95;
}

.membership_visual.center_visual .box figure {
  opacity: .18;
}

.membership_box {
  background: #fff;
  border-radius: 20px;
  padding: 25px;
  margin-bottom: 20px;
}

.membership_title {
  margin-bottom: 20px;
}

.membership_title h3 {
  font-size: 22px;
  font-weight: 600;
  word-break: keep-all;
}

.membership_title p {
  margin-top: 8px;
  font-size: 15px;
  color: #888C9B;
  line-height: 1.5;
  word-break: keep-all;
}

.plan_list {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}

.plan_item {
  display: block;
  border: 1px solid #E8ECEF;
  border-radius: 20px;
  padding: 22px 20px;
  background: #fff;
  transition: .2s;
}

.plan_item input {
  display: none;
}

.plan_item.active {
  border-color: #44B076;
  box-shadow: 0 10px 24px rgba(68,176,118,.12);
  background: #F8FFFB;
}

.plan_top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 14px;
  margin-bottom: 14px;
}

.plan_item .badge {
  display: inline-block;
  padding: 7px 12px;
  background: #EEF8F2;
  color: #44B076;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}

.plan_item .left strong {
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  word-break: keep-all;
}

.plan_item .price {
  text-align: right;
  flex-shrink: 0;
}

.plan_item .price b {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #111;
  line-height: 1.2;
}

.plan_item .price span {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  color: #888C9B;
}

.plan_item ul {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.plan_item ul li {
  position: relative;
  padding-left: 18px;
  font-size: 15px;
  color: #555;
  line-height: 1.5;
  word-break: keep-all;
}

.plan_item ul li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #44B076;
}

.form_list {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}

.form_row {
  display: flex;
  gap: 14px;
}

.form_group {
  width: 100%;
}

.form_row .form_group {
  width: calc((100% - 14px) / 2);
}

.form_group .tit {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  word-break: keep-all;
}

.form_group .tit span {
  color: #E72929;
}

.form_group input[type="text"],
.form_group input[type="tel"],
.form_group input[type="email"],
.form_group input[type="date"],
.form_group select,
.form_group textarea {
  width: 100%;
  border: 1px solid #E2E6EA;
  border-radius: 14px;
  background: #FAFBFC;
  padding: 16px 18px;
  font-size: 16px;
  color: #111;
  font-family: 'Pretendard';
}

.form_group textarea {
  min-height: 110px;
  resize: none;
}

.form_group input:focus,
.form_group select:focus,
.form_group textarea:focus {
  outline: none;
  border-color: #44B076;
  background: #fff;
}

.summary_box {
  border-radius: 20px;
  padding: 24px;
  background: linear-gradient(135deg, #1F2B24 0%, #304437 100%);
  color: #fff;
}

.summary_box .mini {
  font-size: 14px;
  opacity: .8;
  margin-bottom: 10px;
}

.summary_box .plan_name {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
  word-break: keep-all;
}

.summary_box .amount {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.summary_box .amount span {
  font-size: 16px;
  font-weight: 400;
  opacity: .8;
}

.summary_box .desc {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
  opacity: .82;
  word-break: keep-all;
}

.summary_info {
  margin-top: 16px;
  border-radius: 18px;
  background: #F8F8F8;
  padding: 18px;
}

.summary_info ul {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.summary_info ul li {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.summary_info ul li span {
  font-size: 15px;
  color: #555;
  word-break: keep-all;
}

.summary_info ul li strong {
  font-size: 15px;
  color: #111;
  font-weight: 600;
  text-align: right;
  word-break: keep-all;
}

.agree_wrap {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}

.agree_all,
.agree_item {
  border: 1px solid #E8ECEF;
  border-radius: 16px;
  background: #fff;
  padding: 16px 18px;
}

.agree_all {
  background: #F8FBF9;
}

.agree_all label,
.agree_item label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.agree_all input[type="checkbox"],
.agree_item input[type="checkbox"] {
  width: 22px;
  height: 22px;
  accent-color: #44B076;
  flex-shrink: 0;
}

.agree_all span,
.agree_item span {
  font-size: 16px;
  word-break: keep-all;
}

.agree_item span em {
  font-style: normal;
  color: #888C9B;
  font-size: 14px;
}

.membership_btn_wrap {
  padding-bottom: 30px;
}

.membership_btn_wrap #click_btn:disabled {
  background: #B8C2C9;
}

@media all and (min-width: 791px) {
  .membership_page {
    max-width: 790px;
    margin: 0 auto;
  }

  .membership_box {
    border: 1px solid #EEF1F4;
  }
}

@media all and (max-width: 790px) {
  .membership_visual .box .txt_box {
    width: 100%;
    padding-bottom: 120px;
  }

  .membership_visual.center_visual .box figure {
    width: 42%;
    right: 12px;
  }
}

@media all and (max-width: 600px) {
  .form_row {
    flex-direction: column;
    gap: 18px;
  }

  .form_row .form_group {
    width: 100%;
  }

  .membership_box {
    padding: 22px 18px;
  }

  .plan_top {
    flex-direction: column;
    row-gap: 12px;
  }

  .plan_item .price {
    text-align: left;
  }
}

@media all and (max-width: 400px) {
  .membership_title h3 {
    font-size: 20px;
  }

  .plan_item .left strong {
    font-size: 20px;
  }

  .plan_item .price b {
    font-size: 22px;
  }

  .summary_box .plan_name {
    font-size: 20px;
  }

  .summary_box .amount {
    font-size: 26px;
  }
}


/** temple / 명예의 전당 **/
.temple_page {
  padding: 110px 0 120px;
}

.temple_visual {
  margin-bottom: 25px;
}

#search_visual.temple_visual .box {
  min-height: 280px;
  background: linear-gradient(135deg, #111 0%, #1f1f1f 38%, #44B076 100%);
}

.temple_visual .box .txt_box strong,
.temple_visual .box .txt_box p,
.temple_visual .box .txt_box span {
  color: #fff;
}

.temple_visual .box .txt_box p {
  opacity: .92;
}

.temple_visual.center_visual .box figure {
  opacity: .16;
}

.temple_top_rank,
.temple_section {
  background: #fff;
  border-radius: 24px;
  padding: 26px;
  margin-bottom: 22px;
}

.temple_top_rank .title,
.temple_section .title {
  margin-bottom: 20px;
}

.temple_top_rank .title h3,
.temple_section .title h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  word-break: keep-all;
}

.temple_top_rank .title p,
.temple_section .title p {
  margin-top: 7px;
  font-size: 15px;
  color: #888C9B;
  word-break: keep-all;
}

.champion_card {
  display: flex;
  gap: 22px;
  align-items: stretch;
}

.champion_card .thumb {
  width: 42%;
  min-width: 42%;
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: #eee;
}

.champion_card .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rank_badge {
  position: absolute;
  left: 16px;
  top: 16px;
  padding: 8px 14px;
  border-radius: 30px;
  background: rgba(17,17,17,.82);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}

.champion_card .info {
  width: 58%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.champion_card .info .cate {
  font-size: 13px;
  color: #44B076;
  font-weight: 700;
  letter-spacing: .04em;
}

.champion_card .info strong {
  display: block;
  margin-top: 8px;
  font-size: 32px;
  font-weight: 800;
  color: #111;
  line-height: 1.2;
}

.champion_card .info ul {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 18px;
}

.champion_card .info ul li {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #F0F1F3;
}

.champion_card .info ul li span {
  font-size: 15px;
  color: #777;
}

.champion_card .info ul li b {
  font-size: 16px;
  color: #111;
  font-weight: 700;
  text-align: right;
  word-break: keep-all;
}

.record {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

.record > div {
  flex: 1;
  padding: 16px 12px;
  border-radius: 18px;
  background: #F7F8FA;
  text-align: center;
}

.record > div p {
  font-size: 13px;
  color: #777;
  margin-bottom: 7px;
}

.record > div strong {
  font-size: 22px !important;
  margin-top: 0 !important;
  color: #111;
}

.fame_list {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}

.fame_item {
  display: flex;
  gap: 16px;
  align-items: stretch;
  padding: 18px;
  border-radius: 22px;
  background: #F8F9FB;
}

.fame_year {
  min-width: 82px;
  font-size: 26px;
  font-weight: 800;
  color: #44B076;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fame_cont {
  width: 100%;
  display: flex;
  gap: 16px;
  align-items: center;
}

.fame_cont .thumb {
  width: 110px;
  min-width: 110px;
  height: 110px;
  border-radius: 18px;
  overflow: hidden;
  background: #ddd;
}

.fame_cont .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fame_cont .txt {
  width: 100%;
}

.fame_cont .txt strong {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #111;
}

.fame_cont .txt p {
  margin-top: 6px;
  font-size: 15px;
  color: #44B076;
  font-weight: 600;
}

.fame_cont .txt span {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  color: #666;
  line-height: 1.6;
  word-break: keep-all;
}

.category_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.cate_box {
  border-radius: 22px;
  padding: 22px 20px;
  background: linear-gradient(180deg, #1b1b1b 0%, #252525 100%);
}

.cate_box .label {
  font-size: 12px;
  color: rgba(255,255,255,.6);
  letter-spacing: .08em;
}

.cate_box strong {
  display: block;
  margin-top: 12px;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}

.cate_box span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #44B076;
  font-weight: 600;
}

.temple_timeline {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}

.temple_timeline li {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  position: relative;
}

.temple_timeline li .year {
  min-width: 72px;
  padding: 8px 0;
  border-radius: 30px;
  text-align: center;
  background: #EEF8F2;
  color: #44B076;
  font-size: 15px;
  font-weight: 700;
}

.temple_timeline li .desc {
  flex: 1;
  background: #F8F9FB;
  border-radius: 18px;
  padding: 18px;
}

.temple_timeline li .desc strong {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #111;
  line-height: 1.4;
}

.temple_timeline li .desc p {
  margin-top: 8px;
  font-size: 15px;
  color: #666;
  line-height: 1.6;
  word-break: keep-all;
}

@media all and (min-width: 791px) {
  .temple_page {
    max-width: 790px;
    margin: 0 auto;
  }

  .temple_top_rank,
  .temple_section {
    border: 1px solid #EEF1F4;
  }
}

@media all and (max-width: 790px) {
  .champion_card {
    flex-direction: column;
  }

  .champion_card .thumb,
  .champion_card .info {
    width: 100%;
    min-width: 100%;
  }

  .record {
    flex-wrap: wrap;
  }

  .record > div {
    min-width: calc((100% - 12px) / 2);
  }
}

@media all and (max-width: 650px) {
  .temple_top_rank,
  .temple_section {
    padding: 22px 18px;
    border-radius: 20px;
  }

  .fame_item {
    flex-direction: column;
    gap: 12px;
  }

  .fame_year {
    min-width: 100%;
    justify-content: flex-start;
    font-size: 22px;
  }

  .fame_cont {
    flex-direction: column;
    align-items: flex-start;
  }

  .fame_cont .thumb {
    width: 100%;
    height: 180px;
  }

  .category_grid {
    grid-template-columns: 1fr;
  }

  .temple_timeline li {
    flex-direction: column;
    gap: 10px;
  }

  .temple_timeline li .year {
    min-width: auto;
    width: 84px;
  }
}

@media all and (max-width: 400px) {
  .temple_top_rank .title h3,
  .temple_section .title h3 {
    font-size: 21px;
  }

  .champion_card .info strong {
    font-size: 28px;
  }

  .fame_cont .txt strong {
    font-size: 21px;
  }

  .cate_box strong {
    font-size: 21px;
  }
}



/** premium organization **/
.org_page {
  padding: 110px 0 120px;
}

.org_visual {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  margin-bottom: 24px;
  background: linear-gradient(135deg, #111111 0%, #202020 45%, #44B076 100%);
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
}

.org_visual.judge {
  background: linear-gradient(135deg, #121212 0%, #1c1c1c 40%, #8f7a2f 100%);
}

.org_visual:before {
  content: "";
  position: absolute;
  top: -60px;
  right: -60px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
}

.org_visual:after {
  content: "";
  position: absolute;
  bottom: -70px;
  left: -70px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(255,255,255,.04);
}

.org_visual_inner {
  position: relative;
  z-index: 2;
  padding: 34px 28px;
}

.org_visual .en {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  color: rgba(255,255,255,.6);
}

.org_visual strong {
  display: block;
  margin-top: 14px;
  font-size: 31px;
  font-weight: 800;
  line-height: 1.28;
  color: #fff;
  word-break: keep-all;
}

.org_visual span {
  display: block;
  margin-top: 14px;
  font-size: 15px;
  color: rgba(255,255,255,.82);
  line-height: 1.6;
  word-break: keep-all;
}

.org_section {
  background: #fff;
  border-radius: 26px;
  padding: 28px;
  margin-bottom: 24px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

.org_head {
  margin-bottom: 24px;
  text-align: center;
}

.org_head .en {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  color: #44B076;
}

.org_head h3 {
  margin-top: 10px;
  font-size: 28px;
  font-weight: 800;
  color: #111;
  line-height: 1.3;
  word-break: keep-all;
}

.org_chart.premium {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.org_line {
  width: 2px;
  height: 30px;
  background: linear-gradient(180deg, #d6dde3 0%, #b9c3cb 100%);
}

.org_level {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
  margin: 8px 0;
}

.org_level.center {
  justify-content: center;
}

.org_level.cols2 .org_box {
  width: calc(50% - 8px);
}

.org_level.cols3 .org_box {
  width: calc(33.333% - 11px);
}

.org_level.cols4 .org_box {
  width: calc(25% - 12px);
}

.org_box {
  position: relative;
  border-radius: 22px;
  padding: 22px 18px 20px;
  background: #f8fafb;
  border: 1px solid #edf1f4;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.org_box em {
  display: inline-block;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  color: #44B076;
  margin-bottom: 10px;
}

.org_box strong {
  display: block;
  font-size: 21px;
  font-weight: 800;
  color: #111;
  line-height: 1.3;
  word-break: keep-all;
}

.org_box span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
  color: #6e7781;
  word-break: keep-all;
}

.org_box.main {
  width: 280px;
  background: linear-gradient(135deg, #1d1d1d 0%, #2a2a2a 100%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 16px 28px rgba(0,0,0,.16);
}

.org_box.main strong,
.org_box.main span,
.org_box.main em {
  color: #fff;
}

.org_box.main em {
  color: rgba(255,255,255,.62);
}

.org_box.main.crown:after {
  content: "★";
  position: absolute;
  top: 16px;
  right: 18px;
  font-size: 16px;
  color: #44B076;
}

.org_box.main.gold {
  background: linear-gradient(135deg, #2a2414 0%, #4d3e12 100%);
}

.org_box.main.gold:after {
  content: "★";
  position: absolute;
  top: 16px;
  right: 18px;
  font-size: 16px;
  color: #f0c75e;
}

.org_box.chief {
  width: 240px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f7f8 100%);
  border: 1px solid #dfe6eb;
  box-shadow: 0 10px 18px rgba(0,0,0,.05);
}

.org_box.sub {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  min-height: 138px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.org_box.mini {
  min-height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.org_box.mini.dark {
  background: linear-gradient(180deg, #1b1e21 0%, #262b30 100%);
  border-color: #2b3136;
}

.org_box.mini.dark strong {
  color: #fff;
}

.org_box.mini.dark span {
  color: rgba(255,255,255,.72);
}

@media all and (min-width: 791px) {
  .org_page {
    max-width: 790px;
    margin: 0 auto;
  }
}

@media all and (max-width: 790px) {
  .org_visual strong {
    font-size: 27px;
  }

  .org_head h3 {
    font-size: 25px;
  }

  .org_level.cols4 .org_box {
    width: calc(50% - 8px);
  }

  .org_level.cols3 .org_box {
    width: calc(50% - 8px);
  }
}

@media all and (max-width: 600px) {
  .org_visual_inner {
    padding: 28px 20px;
  }

  .org_section {
    padding: 22px 16px;
    border-radius: 22px;
  }

  .org_box.main,
  .org_box.chief {
    width: 100%;
  }

  .org_level.cols2 .org_box,
  .org_level.cols3 .org_box,
  .org_level.cols4 .org_box {
    width: 100%;
  }

  .org_box {
    padding: 18px 14px;
    border-radius: 18px;
  }

  .org_box strong {
    font-size: 19px;
  }

  .org_line {
    height: 24px;
  }
}



/** centerbuy page **/
.buy_box {
  background: #fff;
  border: 1px solid #EEF1F4;
  border-radius: 20px;
  padding: 25px;
  margin-bottom: 20px;
}
.buy_title {
  margin-bottom: 20px;
}
.buy_title h3 {
  font-size: 22px;
  font-weight: 600;
  word-break: keep-all;
}
.buy_title p {
  margin-top: 8px;
  font-size: 15px;
  color: #888C9B;
  line-height: 1.5;
  word-break: keep-all;
}
#ticket:focus, 
#total_number:focus, 
#option_list select:focus {
    outline: none;
    border: 1px solid #44B076;
}
#buyList select:focus, #buyList input:focus {
      border: 1px solid #44B076;
}

/** mobile.shop.css에서 가져옴 **/
/*쇼핑몰 이벤트 */
#sev {position:relative;margin:20px 0;text-align:center}
#sev h2 {font-size:1.25em;text-align:left;margin:40px 10px 10px;line-height:1em}
#sev .bx-wrapper {margin:0 10px}
#sev ul:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_li {width:100%;height:100%}
#sev .ev_li .sev_img {display:grid}
#sev .ev_li .sev_img img {width:100%;height:auto}
#sev .ev_prd {border:1px solid #eaebed;border-bottom:1px solid #d8d8d8;text-align:center;padding:15px 10px;background:#fff}
#sev .ev_prd li {position:relative;display:inline-block;width:33.333%;float:left;padding:0 5px;text-align:center}
#sev .ev_prd li:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_prd .ev_prd_tit {display:block;color:#000;font-size:1.1em;margin-bottom:5px}
#sev .ev_prd .ev_prd_img img {width:100%;height:auto}
#sev .ev_prd .ev_txt_wr {float:left;max-width:139px;margin-left:10px}
#sev .ev_prd .ev_prd_price {font-weight:bold;display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold}
#sev .ev_prd .sev_more {color:#3a8afd;background:#fff;display:block;text-align:center}

#sev .bx-pager {position:absolute;top:0;right:10px}
#sev .bx-pager .bx-pager-item {display:inline-block;margin:5px}
#sev .bx-pager .bx-pager-link {display:block;width:8px;height:8px;text-indent:-999px;overflow:hidden;background:#adadad;border-radius:5px}
#sev .bx-pager .active {background:#000}

#sev_list #sct_sort {position:relative;background:#fff;border-bottom:1px solid #e5e5e5}

/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {margin:10px 0 30px;zoom:1}
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 {font-size:1.25em;margin:20px 10px 10px}

.sct {margin:30px 0 120px;padding:0;list-style:none;zoom:1;clear:both}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative}
.sct_noitem {padding:50px 0;text-align:center}
.sct_icon img {margin:0 1px 0 0}
.sct_sns a {display:inline-block;margin:0 2px;width:28px;height:28px;line-height:28px;border-radius:3px;font-size:0;text-align:center}
.share-facebook {background:#415b92}
.share-twitter {background:#35b3dc}
.share-kakaotalk {background:#ffeb00}
.sct_sns img {width:20px;height:auto;vertical-align:middle}
.sct_sns button {margin:0 4px 0 0;padding:0;border:0}

.shop_icon {display:inline-block;color:#fff;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px;border-radius:2px}
.shop_icon_1 {background:#3ec1d3}
.shop_icon_2 {background:#ffb722}
.shop_icon_3 {background:#2dd49f}
.shop_icon_4 {background:#556ee6}
.shop_icon_5 {background:#ff5081}
.shop_icon_coupon {background:#b169e1}

.mli_btn button {background:url(img/mainlist_btn.gif) no-repeat;width:30px;height:30px;border:none;text-indent:-9999px}
.mli_btn button.mli_pre {position:absolute;top:0;left:10px}
.mli_btn button.mli_next {background-position:-33px 0;position:absolute;top:0;right:10px}

/* 상품 목록 스킨 10 */
.sct_10 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.sct_10 .sct_li {
  width: calc((100% - 30px ) /2) !important;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  text-align:left;
}
.sct_10 .sct_li .li_wr {position:relative}
.sct_10 .sct_img {margin-bottom:10px;font-size:0}
.sct_10 .sct_img img {width:100%;height:auto}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_id {margin:5px 0;font-size:0.92em;color:#666}
.sct_10 .sct_txt {margin:0 0 10px;padding:15px 0 10px;}
.sct_10 .sct_txt a {
  font-size: 20px;
  font-weight: 600;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.sct_10 .sct_basic {display: none; margin:10px 0;color:#6e7f88}
.sct_10 .sct_cost {margin:20px 0 0; font-size: 22px; font-weight:700;}
.sct_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_10 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:250px;height:160px;margin-left:-125px;margin-top:-80px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px} 
.sct_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left;line-height:20px;font-size:1.077em}
.sct_10 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:13px 0;margin:20px 5px}
.sct_10 .sct_sns .share-facebook {background:#415b92}
.sct_10 .sct_sns .share-twitter {background:#35b3dc}
.sct_10 .sct_sns img {width:24px}
.sct_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff;margin:0;height:50px}

.li_wr .sct_img{
  position:relative;
  aspect-ratio: 1/1;
  border-radius: 10px;
  overflow: hidden;
  background: #fafafa;
}
.shop_icon_soldout {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);justify-content:center;display:flex;align-items:center;text-align:center;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px}

.sct_10 .sct_icon {margin:0 0 10px}
.li_more {text-align:center}

.sct_10 .sct_op_btn {position:absolute;right:5px;bottom:0}
.sct_10 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}

#item_load_msg {display:none}
.li_more_btn {margin:10px}
#btn_more_item {height:43px;width:100%;border:1px solid #ddd;font-size:1.167em;color:#282828;line-height:43px;background:none}

.sct_10_list li {border-bottom:1px solid #d9dde2;width:100%;padding:10px;text-align:left}
.sct_10_list .li_wr {min-height:110px;padding-left:120px}
.sct_10_list .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_10_list .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:250px;height:160px;margin-left:-125px;margin-top:-80px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}  
.sct_10_list .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.sct_10_list .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:13px 0;margin:20px 5px}
.sct_10_list .sct_sns .share-facebook {background:#415b92}
.sct_10_list .sct_sns .share-twitter {background:#35b3dc}
.sct_10_list .sct_sns img {width:24px}
.sct_10_list .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_10_list .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.sct_10_list .sct_img {position:absolute;top:0;left:0}
.sct_10_list .sct_img img {width:110px;height:auto}
.sct_10_list .li_wr {position:relative}
.sct_10_list .sct_star {margin:5px 0}
.sct_10_list .sct_id {margin:5px 10px;font-size:0.92em;color:#666}
.sct_10_list .sct_txt {font-size:1.077em;margin:5px 0;line-height:1.5em}
.sct_10_list .sct_cost {margin:5px 0;font-weight:bold}
.sct_10_list .sct_op_btn {position:absolute;right:0px;bottom:0px}
.sct_10_list .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}
.sct_10_list li .sct_basic {color:#6e7f88}

/* 상품 목록 스킨 20 */
.sct_20 {background:#fff;border-bottom:1px solid #e5e5e5;padding:10px 0}
.sct_20 .sct_li {width:100%;padding:10px;text-align:left}
.sct_20 .sct_img {position:absolute;top:0;left:0}
.sct_20 .li_wr {position:relative}
.sct_20 .sct_star {margin:5px;padding-left:10px}
.sct_20 .sct_id {margin:5px 10px;font-size:0.92em;color:#666}
.sct_20 .sct_txt {font-size:1.077em;margin:5px 0;line-height:1.5em;padding-left:10px}
.sct_20 .sct_cost {margin:5px 0;font-weight:bold;padding-left:10px}
.sct_20 .sct_sns {margin:10px 0}
.sct_20 .li_wr.is_view_type_list {padding-left:130px;height:130px}
.sct_20 .li_wr.is_view_type_list .sct_img {width:130px}
.sct_20 .li_wr.is_view_type_list .sct_img a {display:block}
.sct_20 .li_wr.is_view_type_list img {width:100%;height:auto}

/* 상품 목록 스킨 30 */
.st_30_wr {background:#fff;padding:10px;position:relative;border-bottom:1px solid #e5e5e5;webkit-text-size-adjust:100%}
.sct_30 {margin:0}
.sct_30 .sct_li {padding:10px}
.sct_30 .sct_img img {max-width:100%;height:auto}
.st_30_wr .bx-pager {position:absolute;top:-30px;right:10px}
.st_30_wr .bx-pager .bx-pager-item {display:inline-block;margin:5px}
.st_30_wr .bx-pager .bx-pager-link {display:block;width:8px;height:8px;text-indent:-999px;overflow:hidden;background:#adadad;border-radius:5px}
.st_30_wr .bx-pager .active {background:#000}
.sct_30 .sct_star {margin:10px 0 5px}
.sct_30 .sct_txt {margin:5px 0;font-size:1.083em}
.sct_30 .sct_cost {font-weight:bold}

/* 관련상품 목록 스킨 10 */
#sit_rel {margin:20px 0;position:relative}
#sit_rel h2 {margin:10px}
#sit_rel .sct_wrap {background:#fff;border-bottom:1px solid #e5e5e5;padding-bottom:10px;margin:0}
.srl_10 {}
.srl_10:after {display:block;visibility:hidden;clear:both;content:""}
.srl_10 li {}
.srl_10 .li_wr {padding:10px}
.srl_10 li img {width:100%;height:auto}
.srl_10 .sct_txt {margin:10px 0}
.srl_10 .sct_cost {font-weight:bold}

#sit_rel .bx-pager {position:absolute;top:0px;right:10px}
#sit_rel .bx-pager-item {display:inline-block;margin:5px}
#sit_rel .bx-pager-link {display:block;width:8px;height:8px;text-indent:-999px;overflow:hidden;background:#adadad;border-radius:5px}
#sit_rel .bx-pager .active {background:#000}

/* 베스트상품 스킨 10 */
#best_item {margin:10px 0;overflow:hidden;position:relative}
#best_item h2 {font-size:1.25em;margin:10px}
#best_item #sbest_list {width:100%;overflow:hidden}
#best_item .slide-wrap {margin:0px;overflow:hidden;position:relative;top:0;left:0;float:left}
#best_item .slide-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#best_item .sct_best {width:100%;background:#fff;border-bottom:1px solid #e5e5e5;padding:10px 0;position:relative;padding:0;float:left}
#best_item .best_on {}

.sct_best .sct_li {position:relative;float:left;padding:10px}
.sct_best .sct_last {margin:0 0 15px !important}
.sct_best .sct_clear {clear:both;margin-left:0}
.sct_best .sct_a {display:block;position:relative;text-decoration:none;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sct_best .sct_txt .sct_a {margin:0 0 5px}
.sct_best .sct_a img {width:100%;height:auto}
.sct_best .sct_id {display:block;margin:0 0 5px}
.sct_best .sct_basic {margin:0 0 10px}
.sct_best .sct_cost {display:block;margin:0 0 10px;font-size:0.917em}
.sct_best .sct_icon {margin:0 0 10px}
.sct_best .sct_sns {margin:15px 0 0}
.sct_best .sct_img {position:relative;margin:0 5px 5px}

.bst_silde_btn {position:absolute;top:10px;right:10px}
.bst_silde_btn button {border:0;width:8px;height:8px;text-indent:-999px;overflow:hidden;background:#adadad;border-radius:5px;margin:3px}
.bst_silde_btn button.bst_sl {background:#000}

/* 개인결제 목록 */
#sct_pv {margin:10px 5px}
.sct_pv {margin:10px 0}
.sct_pv .sct_li {position:relative;float:left;position:relative;float:left;margin-bottom:10px}
.sct_pv .sct_img {padding:0 5px}
.sct_pv .sct_img a {}
.sct_pv .sct_img img {width:100%}
.sct_pv .sct_txt {padding:0 5px}
.sct_pv .sct_last {margin:0 0 15px !important}
.sct_pv .sct_clear {clear:both}
.sct_pv .sct_a {display:block;position:relative;margin:0 0 5px;text-decoration:none;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px}
.sct_pv .sct_id {display:block;margin:0 0 5px}
.sct_pv .sct_basic {margin:0 0 10px}
.sct_pv .sct_cost {display:block;margin:0 0 10px;padding:0 5px}
.sct_pv .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_icon {margin:0 0 10px}
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 끝 ##### */

/* 상품 목록 */
#sct {/*margin:10px 0 */ padding-top: 40px;}
.sct_admin {margin:0 0 10px;text-align:right}
#sit_hhtml img {max-width:100%;height:auto}

/* 상품 목록 현재 위치 */
#sct_location {border:1px solid #e9e9e9;background:#f2f5f9;letter-spacing:-4px}
#sct_location a {display:inline-block;padding:5px 10px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:13px !important;background:url('img/sct_bg_toright.gif') right 8px no-repeat}

/* 상품 목록 카테고리 목록 */
.sct_ct {text-align:center;width:100%;margin:10px 0}
.sct_ct h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sct_ct ul {list-style:none;border-bottom:1px solid #d9dce3}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct ul li {border-left:1px solid #f2f2f2;border-top:1px solid #f2f2f2;background:#fff;float:left;width:50%;text-align:left}
.sct_ct ul li:nth-child(2n+1) {clear:both;border-left:0}
.sct_ct a {text-decoration:none;display:block;color:#656565;padding:10px;position:relative;padding-right:25px;position:relative;line-height:20px}
.sct_ct .prd_cnt {position:absolute;top:10px;right:10px;display:inline-block;line-height:20px;padding:0 5px;border-radius:10px;color:#999}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}

/* 상품 정렬 */
#sct_sortlst {position:relative;background:#fff;border-bottom:1px solid #e5e5e5}

#sct_sort {clear:both; display: none;}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sct_sort button {border:0;padding: 15px 10px;background:#fff;font-size: 20px;font-weight: 600;}
#sct_sort ul:before {content:"";position:absolute;top:-8px;left:30px;width:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #bbb transparent}
#sct_sort ul:after {content:"";position:absolute;top:-7px;left:30px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#sct_sort ul {display:none;position:absolute;border:1px solid #bbb;z-index:99}
#sct_sort li {border-top:1px solid #eee}
#sct_sort li a {display:block;text-align:center;color:#666;background:#fff;border-color:#e9e9e9;padding:0 15px;line-height:40px}

/* 상품 리스트 스타일 선택 */
#sct_lst {position:absolute;top:0;right:0;padding:0;list-style:none}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left}
#sct_lst button {position:relative;padding:0;width:40px;height:40px;border:0;background:#fff;font-size:15px;color:#999}

/* 상품 상세보기 */
#sit {margin:0; padding: 40px 0 150px;}
.sit_admin {margin:10px 10px 0;text-align:right}
.sit_empty {padding:30px 0;text-align:center}

/* 상품상세 */
#info_content {padding:0 10px 30px;zoom:1}
#info_content:after {display:block;visibility:hidden;clear:both;content:""}
#info_content h3 {margin:0 0 10px}
.if_tit {text-align:center;margin-top:10px;padding:10px;background:#f5f5f5;border:1px solid #e9e9e9}
.win_desc_if {border:1px solid #e9e9e9;padding:10px;border-top:none}
.win_desc {margin-top:10px}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:0 0 20px}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {position:relative;margin:0;background:#fff;text-align:center}
#sit_pvi .btn_wr {background:rgba(0,0,0,0.5);display:inline-block;position:absolute;left:50%;bottom:15px;border-radius:30px;width:100px;line-height:30px;margin-left:-50px}
#sit_pvi .btn_wr .pager-prev {float:left;display:inline-block;padding:0;color:#fff;width:25px}
#sit_pvi .btn_wr .pager-next {float:right;display:inline-block;padding:0;color:#fff;width:25px}
#sit_pvi #slide-counter {margin:0;width:50px;float:left;display:inline-block;padding:0;color:#fff}

#sit_pvi img{max-width:100%;height:auto;text-align:center}
#sit_pvi_nw h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {text-align:center;margin:0 0 20px;padding:0 10px;list-style:none;zoom:1}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {display:inline-block;margin:3px}
#sit_pvi_nw li img {width:60px;height:60px}

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {background:#fff;margin:0;text-align:center;position:relative}
#sit_siblings:after {display:block;visibility:hidden;clear:both;content:""}
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_siblings a {display:inline-block;line-height:25px;padding-top:10px}
#sit_siblings a#siblings_prev {position:absolute;top:0;left:0}
#sit_siblings a#siblings_next {position:absolute;top:0;right:0}
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

/* 상품 상세보기 - sns */
#sit_star_sns {position:relative}
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0;vertical-align:top}
#sit_star_sns .sit_star {position:relative;margin:0 5px 0 0;vertical-align:top}

#sit_star_sns a {display:inline-block;vertical-align:middle}
#sit_star_sns .btn_sns_share {float:left;background:transparent;width:35px;height:25px;border:0;color:#4b5259;font-size:1.6em;font-weight:bold}
#sit_star_sns .btn_sns_share:hover {color:#3a8afd}
#sit_star_sns .sns_area {display:none;position:absolute;top:45px;right:0;width:200px;text-align:center;background:#fff;border:1px solid #e2e2e2;padding:10px;z-index:10}
#sit_star_sns .sns_area:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #e2e2e2 transparent}
#sit_star_sns .sns_area:after {content:"";position:absolute;top:-7px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#sit_star_sns .sns_area a {display:inline-block;width:35px;height:35px;line-height:35px;background:#eee;text-align:center;border-radius:50%;padding-top:5px}
#sit_star_sns .sns_area a img {width:24px;height:auto}
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px;padding-top:0}
#sit_star_sns .sns_area .share-facebook {background:#415b92}
#sit_star_sns .sns_area .share-twitter {background:#35b3dc}

.sit_btn_opt {position:absolute;right:0;bottom:0}
#btn_wish {float:left;position:relative;display:inline-block;padding-right:5px;color:#4b5259;width:35px;height:25px;text-align:center;font-size:1.25em;font-weight:bold}
#btn_wish i {font-size:1.6em;font-weight:bold}
#btn_wish .btn_wish_num {position:absolute;right:0;bottom:-2px;margin:0;padding:0 2px;min-width:18px;height:17px;line-height:15px;border-radius:30px;background:#fff;color:#4b5259;font-size:0.75em}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {position:relative;height:auto !important;padding:20px;border-bottom:1px solid #e9e9e9;background:#fff}
#sit_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_ov h3 {margin:0 0 10px;color:#5772d5}
/*#sit_ov .sit_ov_wr {margin:0 0 10px;border-bottom:1px solid #f8f8f8}*/
.sit_option {margin:10px 0}
.sit_option label {display:block;margin:0 0 5px}
.sit_option select {width:100%;height:40px;border:1px solid #d4d4d4;margin:0 0 5px;padding:0 10px}

#sit_title {display:block;margin:0 0 10px;font-size:1.5em;line-height:1.3em}
#sit_desc {margin:0 0 10px;color:#666;line-height:1.25em}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_icon {display:block;margin:0 0}
.sit_icon img {margin:0 1px 0 0;vertical-align:top;margin:0 1px}

#sit_star {color:#b8afa2;font-size:0.95em;padding:0 10px;line-height:2.2em}
#sit_star span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
#sit_star a {display:inline-block;vertical-align:middle}
#sit_star button {margin:0;padding:0;border:0}

.sit_ov_tbl {border-top:1px solid #f8f8f8;padding:10px 0;margin-top:20px;color:#777}
.sit_ov_tbl table {border-collapse:collapse;width:100%;border:0}
.sit_ov_tbl th {font-weight:normal;text-align:left;padding:5px 0}
.sit_ov_tbl td {padding:5px 15px}
.sit_ov_tbl tr:first-child td,.sit_ov_tbl tr:first-child th {border:none}
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
.sit_ov_input {height:1.8em;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
.sit_ov_tbl button {margin:0}

#sit_tab {margin:20px 0}
#sit_tab .tab_tit:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tab_tit li {float:left;width:25%;text-align:center;border-bottom:1px solid #d9dce3}
#sit_tab .tab_tit li button {display:block;width:100%;position:relative;height:48px;background:#fff;border:0;color:#666;line-height:48px;text-align:center;z-index:1; font-size: 15px; font-weight: 700;}
#sit_tab .tab_tit li .selected {background:#fff;z-index:2;color:#44B076;font-weight:bold;position:relative}
#sit_tab .tab_tit li .selected:before {content:'';position:absolute;bottom:-1px;left:0;width:100%;background:#44B076;height:3px}

#sit_tab .tab_con {background:#fff;border-bottom:1px solid #e5e5e5;padding:15px}

#btn_option {display:none;position:fixed;bottom:0;left:0;width:100%;background:#fff;z-index:90;border-top:1px solid #000;
-webkit-box-shadow:0 0 9px rgba(0,0,0,0.2)
-moz-box-shadow0 0 9px rgba(0,0,0,0.2);
box-shadow:0 0 6px rgba(0,0,0,0.2)}
#btn_option .sl_option {max-height:240px;overflow-y:auto;padding:10px}
#btn_option h3 {margin-bottom:10px}
#btn_option .btn_close {position:absolute;top:-25px;left:50%;width:60px;height:25px;margin-left:-30px;border:1px solid #000;border-bottom:0;background:#fff;border-radius:3px 3px 0 0}
.btn_cart_op {width:100%;text-align:center;font-weight:bold}
.btn_option_wr {position:fixed;bottom:0;left:0;width:100%;padding:10px;background:#fff;border-top:1px solid #000;z-index:88;
-webkit-box-shadow:0 0 9px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 9px rgba(0,0,0,0.2);
box-shadow:0 0 6px rgba(0,0,0,0.2)}

.sit_op_sl {width:100%;border-collapse:collapse}
.sit_op_sl th {font-weight:normal;text-align:left;padding:0 0 0 10px}
.sit_op_sl td {text-align:left;padding:9px 10px 9px 0}

.sit_sel_btn {position:relative;top:-15px;right:-2px} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {width:100%}

#sit_ov_soldout {padding:20px;background:#fef5f7;color:#ff3061;font-weight:bold;text-align:center;margin-bottom:10px}
#sit_ov_btn {margin:0;text-align:center;z-index:100}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_btn_cart {float:left;width:39%;margin-right:1%;line-height:50px;border:1px solid #98a3b3;color:#000;background:#fff;font-weight:bold;border-radius:3px}
#sit_btn_buy {float:left;width:39%;margin-right:1%;line-height:50px;font-weight:bold}
#sit_btn_phone {float:left;width:79%;margin-right:1%;line-height:50px;border:1px solid #3a8afd;color:#3a8afd;background:#fff;font-weight:bold;border-radius:3px}
#sit_btn_wish {float:left;width:20%;display:inline-block;line-height:50px;text-align:center;font-size:1.25em;border:1px solid #b3b3b3;font-weight:bold;border-radius:3px;background:#fff}
#sit_sel_option,#sit_tot_price {margin:10px 0;line-height:20px}
#sit_tot_price {text-align:right}
#sit_tot_price span {float:left}
#sit_tot_price strong {font-size:1.25em;color:#000}

/* 상품 상세보기 - 상품정보 */
#sit_inf_basic {margin:0 0 20px}
#sit_inf_explan {margin:0 0 10px;line-height:1.5em}
#sit_inf_explan img {max-width:100%;height:auto}
#sit_inf_open {margin:0;padding:0;list-style:none}
#sit_inf_open li {margin:0 0 1px;padding:8px 0;background:#fff;border:1px solid #f2f2f2;border-top:none;color:#727272}
#sit_inf_open li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_inf_open strong {clear:both;float:left;padding:0 1%;width:28%;letter-spacing:-0.1em}
#sit_inf_open span {float:left;margin:0;padding:0 1%;width:68%}
#sit_inf h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_inf_open {width:100%;border:0;border-top:1px solid #777;border-collapse:collapse;margin:10px 0 0}
#sit_inf_open th {padding:10px;border-bottom:1px solid #e5e5e5;background:#f3f3f3;vertical-align:top;text-align:left;width:30%}
#sit_inf_open td {padding:10px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top}

@media (max-width:640px) {
 #sit_inf_open th,#sit_inf_open td {display:block;width:100%}
}