@charset "utf-8";

/*
 * File       : sub-somoim.css
 * Author     : STUDIO-JT (JSH, KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *              css/component.css
 *
 * SUMMARY:
 * 01) 소모임 - 공통
 * 02) 소모임 - 메인
 * 03) 소모임 - 리스트
 * 04) 소모임 - 폼
 * 05) 소모임 - 개설하기 스텝
 * 06) 소모임 - 휴대폰 인증
 * 07) 소모임 - 개설정보 입력
 * 08) 소모임 - 클럽 게시물 작성
 * 09) 소모임 - 후기 작성
 * 10) 소모임 - 챌린지 인증하기
 * 11) 소모임 - 소모임 취소하기
 * 12) 소모임 - 단체 메세지 전송
 * 13) 소모임 - 신고하기
 * 14) 소모임 - 소모임 상세
 * 15) 소모임 - 댓글
 * 16) 소모임 - 리스트 상세
 * 17) 소모임 - 후기 게시판
 * 18) 소모임 - 게시판 (BOARD, GRID)
 * 19) 소모임 - 탭
 * 20) 소모임 - 마이페이지
 * 21) 소모임 - 회원관리
 * 22) 소모임 - 단체 메시지 발송 내역
 * 23) 소모임 - 챌린지 인증하기 상세
 * 24) 소모임 - 나무 공동체
 */



/* **************************************** *
 * 소모임 - 공통
 * **************************************** */
body.somoim-template-default.single .main_container { padding-bottom: 5rem; }
.sub-somoim .jt-form__clear-btn { width: 2.5rem; height: 2.5rem; top: 50%; transform: translateY(-50%); }
html.ios .sub-somoim .jt-form__clear-btn { top: 50%; }
.sub-somoim .jt-breadcrumb__item a:hover { color: #00bfa5; }
.sub-somoim .jt-form__clear-btn:after { display: block; }
.sub-somoim .jt-form__field[maxlength] + .jt-form__clear-btn { top: 50%; }
.sub-somoim .jt-somoim-sub-header .jt-program__sort-mob { margin-left: 0; margin-right: 0; }
html.mobile .jt-somoim-sub-header .jt-selectric__wrap > select { padding: .35rem 1.8rem .35rem 1.4rem; font-size: 1.4rem; line-height: 1.5; font-weight: 500; }
html.mobile .jt-somoim-sub-header .jt-selectric__wrap:before { top: 50%; right: .1rem; transform: translateY(-50%); }

body.show_nav.show_float .jt-somoim-float { bottom: 12rem; }
body.show_float .jt-somoim-float { bottom: 6rem; }

/* SEARCH */
.jt-somoim-search__btn { width: 2rem; height: 2rem; text-align: center; position: absolute; top: 0; right: 0;}
.jt-somoim-search__btn:after { content: '\e932'; font-family: 'jt-font'; font-size: 1.6rem; line-height: 1; color: #222; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sub-somoim .jt-nav-search__close:after { position: relative; left: -.1rem; }
html.desktop .sub-somoim .jt-open-inline-search:after { transition: color .3s; }
html.desktop .sub-somoim .jt-open-inline-search:hover:after { color: #00bfa5; }

html.ios .sub-somoim .jt-program__util.selectric--init { bottom: .7rem; }
html.ios .sub-somoim .jt-program__util.selectric--init .jt-program__search { top: 1.3rem; }
html.mobile .selectric-wrapper.selectric-jt-selectric .selectric .button { height: 4.3rem; width: 4.3rem; }

.sub-somoim .jt-program__num { color: #00bfa5; }
.jt-somoim__search .jt-program__select-cat-wrap { width: 100%; }

/* BUTTON */
.jt-somoim-sub-header__btn-wrap { font-size: 0; }
.jt-somoim-header__btn { display: inline-block; vertical-align: middle; background: #ebfaf8; border-radius: .6rem; padding: .4rem .8rem; font-size: 0; color: #00bfa5; transition: background .3s; }
.jt-somoim-header__btn > span { font-size: 1.4rem; font-weight: 500; line-height: 1.5; letter-spacing: -.025em; color: inherit; }
.jt-somoim-header__btn:after { content: '\e913'; display: inline-block; font-family: 'jt-font'; text-align: center; color: inherit; width: 1.2rem; font-size: 1rem; margin-left: .4rem; position: relative; top: -.1rem; }
.jt-somoim-header__btn.jt-somoim-header__btn--secondary { color: #fff; background: #00bfa5; }
.jt-somoim-header__btn + .jt-somoim-header__btn { margin-left: 0.5rem; }
html.desktop .jt-somoim-header__btn:hover { background: #ccf2ed; }
html.desktop .jt-somoim-header__btn.jt-somoim-header__btn--secondary:hover { background: #00a38c; }

.jt-somoim-header__btn.jt-somoim-header__btn--create { display: none; }
.jt-somoim-header .jt-somoim-header__btn.jt-somoim-header__btn--my-page { display: block; right: 11rem; color: #fff; background: #00bfa5; }

.jt-somoim-block-btn { display: block; width: 100%; font-size: 1.5rem; font-weight: 500; line-height: 1.6; letter-spacing: -.025em; color: #fff; background: #00bfa5; border: .2rem solid transparent; border-radius: .6rem; text-align: center; padding: 1.2rem 3.3rem; transition: background .3s, color .3s; }
.jt-somoim-block-btn--secondary { color: #00bfa5; background: transparent; border-color: #00bfa5; }
.jt-somoim-block-btn__icon { position: relative; display: inline-block; vertical-align: middle; width: 1.8rem; height: 1.8rem; margin: 0 0.4rem; top: -.15rem; }
.jt-somoim-block-btn__icon svg { width: 100%; height: 100%; vertical-align: top; }
.jt-somoim-block-btn--arrow > span { position: relative; padding-right: 1.6rem; }
.jt-somoim-block-btn--arrow > span:after { content: '\e913'; font-family: 'jt-font'; font-size: 1rem; line-height: 1rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%) scale(.8); }
html.desktop .jt-somoim-block-btn:hover { background: #00a38c; }
html.desktop .jt-somoim-block-btn--secondary:hover { background: #ebfaf8; }

.jt-somoim-small-btn { display: inline-block; vertical-align: top; font-size: 1.4rem; font-weight: 500; line-height: 1.71; letter-spacing: -.025em; color: #fff; background: #00bfa5; border: 1px solid transparent; border-radius: .6rem; text-align: center; padding: .4rem 1.2rem; transition: all .3s }
.jt-somoim-small-btn--secondary { color: #999; background: transparent; border-color: #ddd; }
.jt-somoim-small-btn--tertiary { color: #FF5C5C; background: transparent; border-color: #FF5C5C; }
html.desktop .jt-somoim-small-btn:hover { background: #00a38c; }
html.desktop .jt-somoim-small-btn--secondary:hover { background: #eee; }
html.desktop .jt-somoim-small-btn--tertiary:hover { background: #FF5C5C; color: #fff; }

/* TEXTAREA */
.jt-form__field-textarea { position: relative; border: .1rem solid #ddd; background: #fff; transition: border .3s; }
.jt-form__field-textarea textarea { border: 0; background: transparent; }
.jt-form__field-textarea.jt-form__field--focus { border-color: #00bfa5; }
.jt-form__data--error .jt-form__field-textarea:not(.jt-form__field--focus) { border-color: #eb0808; }

/* SOMOIM SUB HEADER */
.jt-somoim-sub-header { padding: 3.5rem 0 2rem; }
.jt-somoim-sub-header__inner { position: relative; }
.jt-somoim-sub-header__inner--with-btn { display: flex; justify-content: space-between; gap: 1rem; }
.jt-somoim-sub-header__title { font-size: 2rem; font-weight: 600; line-height: 1.4; letter-spacing: -.05em; color: #222; }
.jt-somoim-sub-header__title--point { color: #00bfa5; }
.jt-somoim-sub-header__count { display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 600; line-height: 1.5; letter-spacing: -.025em; margin-left: .4rem; }
.jt-somoim-sub-header__desc { font-size: 1.3rem; line-height: 1.53; letter-spacing: -.025em; color: #666; margin-top: 1.2rem; }
.jt-somoim-sub-header__desc--secondary { color: #999; }
.jt-somoim-sub-header__desc + .jt-somoim-sub-header__desc { margin-top: .8rem; }
.jt-somoim-sub-header--secondary { padding-bottom: 1.2rem; }

/* NOTHING */
.sub-somoim .jt-list-nothing b { font-size: 1.4rem; line-height: 1.5; letter-spacing: -.025em; font-weight: 400; color: #666; }
.sub-somoim .jt-list-nothing b span { color: #00bfa5; }
.jt-somoim-single-nothing { padding: 4.8rem 0 5rem; text-align: center; }
.jt-somoim-single-nothing p { font-size: 1.4rem; line-height: 1.5; color: #999; letter-spacing: -.025em; }

/* FLOAT */
.jt-somoim-float { position: fixed; right: 2rem; bottom: 2rem; transition: bottom .3s; z-index: 1; transition: all .3s; }
.jt-somoim-float > a { display: grid; align-content: center; gap: .3rem; padding: 1rem; background: #00bfa5; text-align: center; width: 6.8rem; height: 6.8rem; border-radius: 50%; overflow: hidden; color: #fff; transition: background .3s; }
.jt-somoim-float > a:before { content: '\e964'; font-family: 'jt-font'; font-size: 1.8rem; line-height: 1; position: relative; top: -.1rem; }
.jt-somoim-float > a > span { font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; font-weight: 500; position: relative; top: -.1rem; }
body.show_nav .jt-somoim-float { bottom: 8rem; }
.jt-somoim-float--hide { opacity: 0; visibility: hidden; }
html.desktop .jt-somoim-float > a:hover { background: #00a38c; }

/* PAGINATION */
.sub-somoim .jt-pagination { margin-top: 5rem; }
html.desktop .sub-somoim .jt-pagination .jt-pagination__numbers:hover,
.sub-somoim .jt-pagination .jt-pagination__numbers.jt-pagination--current { color: #00bfa5; }
.jt-pagination .jt-pagination__numbers.jt-pagination--current:after { border-color: #00bfa5; }

/* SELECTRIC */
.sub-somoim .selectric-items { border-color: #00bfa5; min-width: 100%; }
.sub-somoim .selectric-items li { white-space: nowrap; }
.sub-somoim .selectric-items li.selected { color: #00bfa5; background: #ebfaf8; }

/* DATEPICKER */
.ui-datepicker.ui-somoim table { table-layout: fixed; }
.ui-widget-content.ui-somoim .ui-datepicker-current-day .ui-state-default,
.ui-widget-content.ui-somoim .ui-datepicker-current-day .ui-state-default.ui-state-hover { background-color: #00bfa5; box-shadow: 0 0 0 4px #00bfa5; }



/* **************************************** *
 * 소모임 - 메인
 * **************************************** */
.sub-somoim-main .jt-program__count { line-height: 1.5; }
.sub-somoim-main .jt-program__util { bottom: .5rem; }
html.mobile .sub-somoim-main .jt-program__util { bottom: .9rem; }
.sub-somoim-main .jt-program__sort-mob { margin-right: 3.1rem; }
.sub-somoim-main .jt-program__sorting { padding: 2rem 2rem 1.9rem; }
.sub-somoim-main .jt-program__search { top: 1.6rem; }
html.mobile .sub-somoim-main .jt-program__search { top: 1.2rem; }
.sub-somoim-main .jt-nav-search__form { top: .8rem; }

.jt-somoim-slideshow { position: relative; margin:3.5rem 2rem 1.6rem; opacity: 0; }
.jt-somoim-slideshow--init { opacity: 1; }
.jt-somoim-slideshow__item { position: relative; border-radius: .6rem; height: 30rem; overflow: hidden; clip-path: inset(0 1px 1px 0 round .6rem .6rem .6rem .6rem); -webkit-mask-image: -webkit-radial-gradient(white, black); }

.jt-somoim-slideshow__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #ddd no-repeat center; background-size: cover; }
.jt-somoim-slideshow__bg:after { content: ''; width: 100%; height: 100%; position: absolute; opacity: .8; background: linear-gradient(180deg, #000 0.27%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); will-change: transform; }

.jt-somoim-slideshow__embed-poster { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #ddd no-repeat center; background-size: cover; }
.jt-somoim-slideshow__embed iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; }

.jt-somoim-slideshow__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 2.4rem; z-index: 1; will-change: transform; }
.jt-somoim-slideshow__content-data p { color: #fff; font-size: 1.4rem; font-weight: 500; line-height: 1.5; letter-spacing: -.025em; margin-bottom: .8rem; }
.jt-somoim-slideshow__content-data h2 { color: #fff; font-size: 2.2rem; font-weight: 600; line-height: 1.45; letter-spacing: -.05em; }
.jt-somoim-slideshow__content-more { display: inline-block; position: relative; font-size: 1.3rem; font-weight: 500; line-height: 1.53; padding-right: 2.2rem; letter-spacing: -.04em; color: #fff; margin-top: 2.4rem; }
.jt-somoim-slideshow__content-more span:before,
.jt-somoim-slideshow__content-more span:after { font-family: 'jt-font'; content: '\e903'; font-size: 1.2rem; color: #fff; position: absolute; top: .11rem; right: 0; }
.jt-somoim-slideshow__content-more span:after { opacity: 0; transform: translateX(-1rem); }
html.desktop .jt-somoim-slideshow__content-more:hover span:before { opacity: 0; transform: translateX(1rem); transition: all .2s cubic-bezier(0.47, 0, 0.75, 0.72) 0s; }
html.desktop .jt-somoim-slideshow__content-more:hover span:after { opacity: 1; transform: translateX(0); transition: all .3s cubic-bezier(0, 0, 0.2, 1) .3s; }
.jt-somoim-slideshow__control { position: absolute; bottom: 1.6rem; right: 1.2rem; z-index: 1; background: rgba(0, 0, 0, .3); border-radius: 9.9rem; display: grid; grid-template-columns: auto auto; gap: .3rem; align-items: center; padding: .3rem .8rem .4rem 1rem; }
.jt-somoim-slideshow__pagination-current,
.jt-somoim-slideshow__pagination-slug,
.jt-somoim-slideshow__pagination-total { position: relative; color: #eee; font-size: 1.1rem; line-height: 1.54; letter-spacing: -.025em; }
.jt-somoim-slideshow__pagination-slug { margin: 0 .3rem; }
.jt-somoim-slideshow__pagination-current { color: #fff; }
.jt-somoim-slideshow__pagination-fraction { position: relative; top: .1rem; white-space: nowrap; font-size: 0; }
html.mobile .jt-somoim-slideshow__pagination-fraction { top: .05rem; }
html.mac .jt-somoim-slideshow__pagination-fraction { top: 0; }
.jt-somoim-slideshow__state { position: relative; width: 1.6rem; height: 1.6rem; }
.jt-somoim-slideshow__state-btn { cursor: pointer; background: none; border: 0; position: absolute; top: 0; left: 0; display: block; padding: 0; font-size: 1.6rem; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity .3s; }
.jt-somoim-slideshow__state-btn:after { font-family: 'jt-font'; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.jt-somoim-slideshow__state-btn-play:after { content: '\e91a'; }
.jt-somoim-slideshow__state-btn-pause:after { content: '\e94d'; }
.jt-somoim-slideshow__state--play .jt-somoim-slideshow__state-btn-pause { opacity: 1; visibility: visible; }
.jt-somoim-slideshow__state--pause .jt-somoim-slideshow__state-btn-play { opacity: 1; visibility: visible; }
html.mobile .jt-somoim-slideshow__state { top: .05rem; }
html.ios .jt-somoim-slideshow__pagination-current,
html.ios .jt-somoim-slideshow__pagination-total { top: -.05rem; }
html.ff .jt-somoim-slideshow__state { top: .15rem; }
html.ff .jt-somoim-slideshow__content-fraction { top: 0; }

.jt-somoim-slideshow--uninit { opacity: 1; }
.jt-somoim-slideshow--uninit .jt-somoim-slideshow__inner { justify-content: center; }
.jt-somoim-slideshow--uninit .jt-somoim-slideshow__control,
.jt-somoim-slideshow--uninit .jt-somoim-slideshow__navigation { display: none; }

.jt-somoim-header { position: relative; margin-bottom: 3.5rem; }
.jt-somoim-title { font-size: 2rem; font-weight: 600; line-height: 1.4; letter-spacing: -.05em; padding-right: 11rem; color: #222; }
.jt-somoim-header .jt-somoim-header__btn { position: absolute; top: 0; right: 0; }

.jt-somoim-category { display: block; margin: 2.4rem -2rem 0; font-size: 0; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.jt-somoim-category__item { display: inline-block; vertical-align: top; width: 8.8rem; height: 10rem; margin: 0 0.6rem; padding: 1.6rem 1rem; position: relative; border: 1px solid #eee; border-radius: 0.6rem; }
.jt-somoim-category__item:first-child { margin-left: 2rem; }
.jt-somoim-category__item:last-child { margin-right: 2rem; }
.jt-somoim-category__item:after { content: ''; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; border: 0.2rem solid #00bfa5; border-radius: 0.6rem; opacity: 0; visibility: hidden; }
.jt-somoim-category__item-icon { position: relative; width: 4.2rem; margin: auto; }
.jt-somoim-category__item-icon figure { padding-top: 100%; }
.jt-somoim-category__item-title { display: block; margin-top: 0.6rem; position: relative; font-size: 1.3rem; font-weight: 600; line-height: 1.54; letter-spacing: -.025em; text-align: center; color: #222; }
.jt-somoim-category__item-tip { display: none; }
.jt-somoim-category__item.jt-somoim-category__item--active { background: #EBFAF8; }
.jt-somoim-category__item.jt-somoim-category__item--active:after { opacity: 1; visibility: visible; }
.jt-somoim-category__item.jt-somoim-category__item--active .jt-somoim-category__item-title { color: #00bfa5; }
.jt-somoim-category__item.jt-somoim-category__item--challenge .jt-somoim-category__item-icon { top: -.2rem; }
.jt-somoim-category__item.jt-somoim-category__item--oldnamu { margin-left: 1.8rem; padding-top: 0.7rem; padding-bottom: 0.7rem; background: #f6f6f6; border-color: #f6f6f6; }
.jt-somoim-category__item.jt-somoim-category__item--oldnamu:before { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: -1.3rem; background: #ddd; }
.jt-somoim-category__item.jt-somoim-category__item--oldnamu .jt-somoim-category__item-title { font-size: 1.2rem; line-height: 1.5; }

.sub-somoim-main .jt-pagination { margin-top: 3.5rem; }



/* **************************************** *
 * 소모임 - 리스트
 * **************************************** */
.jt-somoim-list { border-top: .1rem solid #222; font-size: 0; }
.jt-somoim-list__item { position: relative; border-bottom: .1rem solid #eee; }
.jt-somoim-list__item > a { display: grid; grid-template-columns: 10rem minmax(0, 1fr); gap: 1.6rem; padding: 2rem; }
.jt-somoim-list__thumb { border-radius: .6rem; overflow: hidden; }
.jt-somoim-list__thumb figure { padding-top: 100%; }
.jt-somoim-list__thumb figure.jt-lazyload img { height: 100%; object-fit: cover; }
.jt-somoim-list__data-group { font-size: 0; }
.jt-somoim-list__data-group > span { display: inline-block; vertical-align: middle; font-size: 1.1rem; line-height: 1.54; letter-spacing: -.025em; padding: .2rem .6rem; color: #666; background: #f2f2f2; border-radius: 9.9rem; overflow: hidden; }
html.mac .jt-somoim-list__data-group > span { padding-top: .3rem; }
html.ff .jt-somoim-list__data-group > span { padding-top: .1rem; }
.jt-somoim-list__data-group > span + span { margin-left: .4rem; }
.jt-somoim-list__content { position: relative; display: flex; flex-direction: column; gap: .4rem; justify-content: center; }
.jt-somoim-list__title { font-size: 1.4rem; line-height: 1.5; letter-spacing: -.025em; font-weight: 600; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jt-somoim-list__info { display: flex; gap: 1.3rem; }
.jt-somoim-list__info > li { position: relative; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #666; white-space: nowrap; }
.jt-somoim-list__info-place { overflow: hidden; text-overflow: ellipsis; }
.jt-somoim-list__info-date { max-width: 100%; }
.jt-somoim-list__info-date:before { content: ''; position: absolute; left: -.7rem; width: 1px; height: .8rem; background: #ddd; top: 50%; transform: translateY(-50%); }
html.mobile .jt-somoim-list__info-date:before { margin-top: .05rem; }
html.mac .jt-somoim-list__info-date:before { margin-top: .1rem; }
.jt-somoim-list__count { font-size: 0; }
.jt-somoim-list__count > span { position: relative; display:inline-block; vertical-align: middle; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #666; padding-left: 1.4rem; margin-right: 1rem; }
.jt-somoim-list__count > span:last-child { margin-right: 0; }
.jt-somoim-list__count > .jt-somoim-list__count-comment { padding-left: 1.6rem; }
.jt-somoim-list__count > .jt-somoim-list__count-start { padding-left: 1.6rem; }
.jt-somoim-list__count > span > span { color: #999; margin-left: .2rem; }
.jt-somoim-list__count > span:before{ font-family: 'jt-font'; font-size: 1.2rem; line-height: 1; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-top: .1rem; }
.jt-somoim-list__count > .jt-somoim-list__count-member:before { content: '\e97a'; color: #b1d758; font-size: 1.1rem;  }
.jt-somoim-list__count > .jt-somoim-list__count-comment:before { content: '\e97b'; color: #ff8787; font-size: 1.2rem; }
.jt-somoim-list__count > .jt-somoim-list__count-info:before { content: '\e979'; color: #a8a8a8; font-size: 1.1rem; }
.jt-somoim-list__count > .jt-somoim-list__count-start:before { content: '\e982'; color: #f1ca6d; font-size: 1.2rem; }
html.ios .jt-somoim-list__count > .jt-somoim-list__count-start:before { margin-top: .05rem; }
.jt-somoim-list__cat { position: relative; display: inline-block; vertical-align: top; font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; color: #222; padding-left: 1.8rem; }
.jt-somoim-list__cat-icon { position: absolute; top: 50%; left: 0; width: 1.4rem; height: 1.4rem; margin-top: -0.7rem; }
.jt-somoim-list__cat-icon svg { display: inline-block; vertical-align: top; width: 100%; height: auto; }
.jt-somoim-list__status { position: absolute; top: .4rem; right: 0; font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; border-radius: 9.9rem; padding: .2rem .6rem; }
.jt-somoim-list__status--waiting { color: #099268; background: rgba(9, 146, 104, 0.15); }
.jt-somoim-list__status--cancel { color: #e03131; background: rgba(224, 49, 49, 0.15); }
.jt-somoim-list__status--close { color: #666; background: #f2f2f2; }
.jt-somoim-list__item > a.jt-somoim-list__review-btn { display: block; position: absolute; bottom: 2.4rem; right: 2rem; font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; background: #00bfa5; color: #fff; padding: .2rem .8rem; border-radius: .6rem; transition: background .3s; }
html.desktop .jt-somoim-list__item > a.jt-somoim-list__review-btn:hover { background: #00a38c; }

.jt-somoim-list--attend .jt-somoim-list__cat { padding-right: 3.2rem; }
.jt-somoim-list--attend .jt-somoim-list__count { padding-right: 5.9rem; }

.jt-somoim-list__item--cancel .jt-somoim-list__thumb { position: relative; }
.jt-somoim-list__item--cancel .jt-somoim-list__thumb::before { position: absolute; content: "\e94e"; font-family: 'jt-font'; color: #fff; font-size: 1.5rem; top: calc(50% - 1.9rem); left: 50%; transform: translate(-50%, -50%); z-index: 1; }
.jt-somoim-list__item--cancel .jt-somoim-list__thumb::after { position: absolute; content: "취소된 소모임입니다."; font-size: 1.1rem; font-weight: 700; text-align: center; line-height: 1.4; color: #fff; top: calc(50% + 1rem); left: 50%; transform: translate(-50%, -50%); }
.jt-somoim-list__item--cancel figure { position: relative; }
.jt-somoim-list__item--cancel figure::after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .45); }



/* **************************************** *
 * 소모임 - 폼
 * **************************************** */
.jt-form__somoim { transition: opacity .3s; }
.jt-form__somoim::-webkit-input-placeholder { color: #999; }
.jt-form__somoim .jt-icheck--icheckbox,
.jt-form__somoim .jt-icheck--iradio { background-image: url(../images/sub/somoim/icheck/jt-isprite@2x.png); }
html.ios .jt-form__somoim .jt-icheck--icheckbox,
html.ios .jt-form__somoim .jt-icheck--iradio { width:2.1rem; }
html.ios .jt-form__somoim .jt-icheck--iradio { background-position: -11.45rem; }
html.ios .jt-form__somoim .jt-icheck--iradio.hover { background-position: -13.75rem; }
html.ios .jt-form__somoim .jt-icheck--iradio.checked { background-position: -16.05rem; }
.jt-form__somoim .jt-form__data { margin-bottom: 3.5rem; }
.jt-form__somoim .jt-form__data:last-child { margin-bottom: 0; }
.jt-form__somoim .jt-form__label { font-size: 1.3rem; line-height: 1.53; font-weight: 600; letter-spacing: -.025em; }
.jt-form__somoim .jt-form__field { color: #222; line-height: 1.5; }
.jt-form__somoim .jt-form__field:focus { border-color: #00bfa5; }
.jt-form__somoim .jt-form__field:disabled,
.jt-form__somoim .jt-form__field:read-only,
.jt-form__somoim .jt-form__field[readonly] { color: #999; }
.jt-form__somoim .jt-form__control { font-size: 0; margin-top: 5rem; height: auto; }
.jt-form__somoim .jt-form__action { background: #00bfa5; border-radius: .6rem; height: 5.2rem; }
.jt-form__somoim .jt-form__cancel { display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 5.2rem; padding: 0 4rem; background: #fff; color: #00bfa5; border: .2rem solid #00bfa5; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; border-radius: .6rem; margin-bottom: .4rem; transition: background .3s; }
html.desktop .jt-form__somoim .jt-form__cancel:hover { background: #ebfaf8; }
.jt-form__somoim .jt-form__field-wrap { margin-top: .8rem; }
.jt-form__somoim .jt-form__field-wrap:first-child { margin-top: 0; }
.jt-form__somoim .jt-form__field-wrap input[type=text][maxlength]:not(.jt-form__field--small) { padding-right: 4rem; }
.jt-form__somoim .jt-form__field[maxlength] + .jt-form__clear-btn { right: 1.1rem; }
.jt-form__somoim .jt-form__explain { line-height: 1.5; letter-spacing: -.025em; margin-top: .8rem; }
.jt-form__somoim .jt-form__error { line-height: 1.5; letter-spacing: -.025em; }
.jt-form__somoim div[class^="jt-icheck--"] + span { font-size: 1.4rem; line-height: 1.5; letter-spacing: -.025em; padding-left: .8rem; margin-top: -.1rem; }
html.ios .jt-form__somoim div[class^="jt-icheck--"] + span { margin-top: 0; }
.jt-form__somoim .jt-form__field-text-limit { right: 1.4rem; bottom: 1.1rem; }
.jt-form__somoim .jt-form__field-date::-webkit-date-and-time-value { text-align: left; }
.jt-form__somoim .jt-form__field-textarea { padding-bottom: 4.1rem; }
.jt-form__somoim textarea.jt-form__field { height: 21.5rem; }

.jt-form__somoim-category { display: flex; flex-flow: row wrap; gap: .6rem; }
.jt-form__somoim-category input { position: absolute; top: 0; left: 0; opacity: 0; }
.jt-form__somoim-category-item { display: block; font-size: 1.4rem; font-weight: 500; line-height: 1.5; letter-spacing: -.025em; color: #666; padding: .8rem 1.4rem; border-radius: 9.9rem; background: #f6f6f6; cursor: pointer; transition: background .3s, color .3s; }
.jt-form__somoim-category--active .jt-form__somoim-category-item { background: #00bfa5; color: #fff; }
html.desktop .jt-form__somoim-category > li:not(.jt-form__somoim-category--active) .jt-form__somoim-category-item:hover { background: #e1e1e1; }
.jt-form__somoim-category-sub { position: absolute; left: -2rem; width: calc(100% + 4rem); background: #f8f8f8; padding: 2rem; margin-top: 1.2rem; margin-bottom: 1.2rem; display: none; }
.jt-form__somoim-category-sub > ul { display: flex; flex-flow: row wrap; gap: .6rem; }
.jt-form__somoim-category-sub .jt-form__explain { margin-top: 0; margin-bottom: 1rem; color: #999; }
.jt-form__somoim-category-subitem { display: block; font-size: 1.2rem; font-weight: 500; line-height: 1.5; letter-spacing: -.025em; color: #666; padding: .6rem 1.2rem; border-radius: 9.9rem; background: #fff; border:.2rem solid #eee; cursor: pointer; transition: border-color .3s; }
.jt-form__somoim-category--active .jt-form__somoim-category-sub { display: block; }
.jt-form__somoim-category-sub--active .jt-form__somoim-category-subitem { border-color: #00bfa5; }
html.desktop .jt-form__somoim-category-sub > ul > li:not(.jt-form__somoim-category-sub--active) .jt-form__somoim-category-subitem:hover { border-color: #e1e1e1; }

.jt-form__somoim .jt-form__data-range-group { font-size: 0; }
.jt-form__somoim .jt-form__data-range-group .jt-form__field-wrap { display: inline-block; vertical-align: middle; width: calc(50% - 2rem); margin-top: .8rem; }
.jt-form__somoim .jt-form__data-range-group .jt-form__field-separator { display: inline-block; vertical-align: middle; font-size: 1.4rem; font-weight: 400; color: #666; margin-top: .5rem; width: 4rem; text-align: center; }
.jt-form__somoim .jt-form__data-range-group + .jt-form__field-wrap--icheck { margin-top: .8rem; }
.jt-form__somoim .jt-form__data-range-group + .jt-form__field-wrap--icheck .jt-icheck__label { width: auto; white-space: nowrap; }

.jt-form__data-case-wrap { background: #f8f8f8; padding: 2rem; margin-left: -2rem; margin-right: -2rem; margin-top: -2.3rem; margin-bottom: 3.5rem; }
.jt-form__data-case { display: none; }
.jt-form__data-case.jt-form__data-case--active { display: block; }
.jt-form__data-case[data-case='offline'] { margin-bottom: 2rem; }
.jt-form__data-case .jt-form__explain { margin-top: 0; color: #999; }
.jt-form__data-case .jt-form__data { margin-bottom: 2rem; }

.jt-form__somoim-attachment { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.jt-form__somoim-attachment-add { position: relative; padding-top: 100%; border-radius: .6rem; background: #f8f8f8; cursor: pointer; transition: background .3s; }
.jt-form__somoim-attachment-add:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: .6rem; border: .2rem solid #ddd; box-sizing: border-box; }
html.desktop .jt-form__somoim-attachment-add:hover { background: #eee; }
.jt-form__somoim-attachment-add > span { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.jt-form__somoim-attachment-add > span:before { content: '\e973'; font-family: 'jt-font'; display: block; text-align: center; color: #b2b2b2; font-size: 2.2rem; }
.jt-form__somoim-attachment-add input { position: absolute; top: 0; left: 0; opacity: 0; }
.jt-form__somoim-attachment-count { display: block; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #999; text-align: center; margin-top: .6rem; }
.jt-form__somoim-attachment-item { position: relative; border-radius: .6rem; overflow: hidden; padding-top: 100%; } 
.jt-form__somoim-attachment-thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f8f8f8; }
.jt-form__somoim-attachment-thumb img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; opacity: 0; transition: opacity .3s; }
.jt-form__somoim-attachment-thumb.jt-form__somoim-attachment--loaded img { opacity: 1; }
.jt-form__somoim-attachment-del { position: absolute; top: .6rem; right: .6rem; width: 2rem; height: 2rem; border: 0; padding: 0; background: transparent; cursor: pointer; font-size: 0; }
.jt-form__somoim-attachment-del:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); border: .1rem solid #ddd; border-radius: 50%; box-sizing: border-box; transition: background .3s, border-color .3s; }
.jt-form__somoim-attachment-del:after { content: '\e92e'; font-family: 'jt-font'; font-size: .95rem; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
html.desktop .jt-form__somoim-attachment-del:hover:before { background: #222; border-color: #fff; }

.jt-form__somoim-template { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem;  }
.jt-form__somoim-template-item { position: relative; border-radius: .6rem; overflow: hidden; padding-top: 100%; cursor: pointer; } 
.jt-form__somoim-template-thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.jt-form__somoim-template-thumb img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.jt-form__somoim-template-item .jt-icheck--iradio { position: absolute; top: .6rem; right: .6rem; z-index: 1; }
.jt-form__somoim-template-item .jt-icheck--iradio.checked + .jt-form__somoim-template-thumb:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: .8rem; border: .3rem solid #00bfa5; box-sizing: border-box; }



/* **************************************** *
 * 소모임 - 개설하기 스텝
 * **************************************** */
.jt-somoim__create-type-item { display: flex; gap: 1.4rem; justify-content: space-between; background: #f8f8f8; border-radius: .6rem; padding: 2rem; }
.jt-somoim__create-type-item + .jt-somoim__create-type-item { margin-top: 1.2rem; }
label.jt-somoim__create-type-item { cursor: pointer; }
html.desktop label.jt-somoim__create-type-item:not(.jt-somoim__create-type-item--active):hover { background: #eee; }
.jt-somoim__create-type-item--active { background: #ebfaf8; box-shadow: inset 0 0 0 .2rem #00bfa5; }
.jt-somoim__create-type-content { display: flex; gap: .4rem; }
.jt-somoim__create-type-content-inner { display: flex; flex-direction: column; gap: .4rem; }
.jt-somoim__create-type-icon svg { width: 1.9rem; height: auto; position: relative; }
.jt-somoim__create-type-title { font-size: 1.3rem; font-weight: 500; line-height: 1.53; letter-spacing: -.025em; color: #222; }
.jt-somoim__create-type-title i { display: inline-block; vertical-align: top; margin-right: .1rem; }
.jt-somoim__create-type-title svg { vertical-align: middle; }
.jt-somoim__create-type-desc { font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #666; }
.jt-somoim__create-type-explain { position: relative; font-size: 1.1rem; line-height: 1.54; letter-spacing: -.025em; color: #999; padding-left: .8rem; }
.jt-somoim__create-type-explain:before { content:'*'; position: absolute; left: 0; top: .2rem; }
.jt-somoim__create-type-explain a { color: #999; position: relative; }
.jt-somoim__create-type-explain a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #999; }
.jt-somoim__create-type-radio { display: flex; align-items: center; }
html.ff .jt-somoim__create-type-radio .jt-icheck--iradio.checked { width: 2.1rem; }
.jt-somoim__create-type-radio .jt-icheck--iradio:not(.checked) { background-image: none; border: .1rem solid #ccc; border-radius: 50%; }
html.ios .jt-somoim__create-type-radio .jt-icheck--iradio:not(.checked) { width: 2rem; }
.jt-somoim__create-type-item-club .jt-somoim__create-type-icon svg { top: .2rem; }
.jt-somoim__create-type-item-challenge .jt-somoim__create-type-icon svg { top: .1rem; }
.jt-somoim__create-etc { margin-top: 3.5rem; padding-top: 3.5rem; border-top: .1rem solid #eee; }
.jt-somoim__create-etc .jt-somoim__create-type-item { background: #fff; border: .1rem solid #eee; }
.jt-somoim__create-etc .jt-somoim__create-type-icon svg { top: .2rem; }
.jt-somoim__create-etc .jt-somoim__create-type-title svg { position: relative; top: -.1rem; }



/* **************************************** *
 * 소모임 - 휴대폰 인증
 * **************************************** */
.sub-somoim-create-verify .jt-somoim-sub-header { padding-bottom: 2.4rem; }
.sub-somoim-create-verify .jt-form__data-auth-group--tel { margin-top: .8rem; }
.sub-somoim-create-verify .jt-form__data-auth-group--code .jt-form__field { border-right-width: 0; }
.sub-somoim-create-verify .jt-form__data-auth-group--code .jt-form__field:focus { border-right-width: .1rem; }
.sub-somoim-create-verify .jt-form__data-auth-group--code .jt-form__field-btn { background: #666; border: 0; color: #fff; }
html.ios .sub-somoim-create-verify .jt-form__data-auth-group--tel .jt-form__field { width: calc(100% - 10.5rem); }
html.ios .sub-somoim-create-verify .jt-form__data-auth-group--code .jt-form__field-btn { width: 7.35rem; }
html.desktop .sub-somoim-create-verify .jt-form__data-auth-group--code .jt-form__field-btn:hover { background: #555; }
.sub-somoim-create-verify .jt-form__data-auth-complete { position: relative; margin-top: .8rem; text-align: right; }
.sub-somoim-create-verify .jt-form__data-auth-complete:before { content: '\e935'; font-family: 'jt-font'; display: inline-block; width: 1.6rem; text-align: left; vertical-align: middle; font-size: 1.4rem; transform: scale(.5); position: relative; color: inherit; }
html.ios .sub-somoim-create-verify .jt-form__data-auth-complete:before { top: -.1rem; }
.sub-somoim-create-verify .jt-form__data-auth-complete:after { display: none; }
.sub-somoim-create-verify .jt-form__explain-list { margin-top: 1rem; }
.sub-somoim-create-verify .jt-form__explain { margin-top: 0; }



/* **************************************** *
 * 소모임 - 개설정보 입력
 * **************************************** */
.sub-somoim-create-form .jt-form__somoim { opacity: 0; }
.sub-somoim-create-form .jt-form__somoim.jt-form__somoim--init { opacity: 1; }
.sub-somoim-create-form .jt-form__somoim .jt-form__field--small { max-width: calc(50% - 2rem); }
.sub-somoim-create-form .jt-form__somoim .jt-form__data:not(.jt-form__data--datetime-timezone) .jt-selectric__wrap { max-width: calc(50% - 2rem); }
.sub-somoim-create-form .jt-form__somoim .jt-form__data--icheck-radio .jt-icheck__label { width: 50%; }
.sub-somoim-create-form .jt-form__somoim .jt-form__data--icheck-chkbox .jt-icheck__label { width: 20%; }
.sub-somoim-create-form .jt-form__somoim .jt-form__data--icheck-chkbox .jt-icheck__label:nth-child(-n+5) { margin-top: 0; }
.sub-somoim-create-form .jt-form__somoim .jt-form__data--datetime .jt-form__field-wrap + .jt-form__field-wrap { margin-top: .8rem; }
.sub-somoim-create-form .jt-form__somoim .jt-form__data--datetime-timezone .jt-form__field-wrap,
html.desktop .sub-somoim-create-form .jt-form__somoim .jt-form__data--datetime-timezone .jt-form__field-wrap { width: 25%; }



/* **************************************** *
 * 소모임 - 클럽 게시물 작성
 * **************************************** */
.sub-somoim-club-board-form .jt-form__somoim { opacity: 0; }
.sub-somoim-club-board-form .jt-form__somoim.jt-form__somoim--init { opacity: 1; }
.sub-somoim-club-board-form .jt-form__somoim .jt-form__control { margin-top: 1.5rem; }
.sub-somoim-club-board-form .jt-icheck__label { width: auto; white-space: nowrap; }



/* **************************************** *
 * 소모임 - 후기 작성
 * **************************************** */
.sub-somoim-review-form .jt-form__somoim { opacity: 0; }
.sub-somoim-review-form .jt-form__somoim.jt-form__somoim--init { opacity: 1; }



/* **************************************** *
 * 소모임 - 챌린지 인증하기
 * **************************************** */
.sub-somoim-challenge-verify-form .jt-form__somoim { opacity: 0; }
.sub-somoim-challenge-verify-form .jt-form__somoim.jt-form__somoim--init { opacity: 1; }
.sub-somoim-challenge-verify-form .selectric-items .disabled { position: relative; }
.sub-somoim-challenge-verify-form .selectric-items .completed:after { content:'\e935'; font-family: 'jt-font'; position: absolute; right: 1.75rem; color: #666; font-size: 1rem; font-weight: 600; }
.jt-somoim__period-box { position: relative; display: flex; align-items: center; border-radius: .6rem; background: #f8f8f8; margin: .8rem 0; }
.jt-somoim__period-box:after { content: ''; display: block; width: 1px; height: 2.8rem; background: #ddd; position: absolute; top: 50%; left: 50%; transform: translatey(-50%); }
.jt-somoim__period-box-item { text-align: center; flex: 1; padding: 2rem 1rem; }
.jt-somoim__period-box-tit { display: block; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #666; margin-bottom: .2rem; }
.jt-somoim__period-box-date { display: block; font-size: 1.5rem; font-weight: 500; line-height: 1.67; letter-spacing: -.025em; color: #222; }



/* **************************************** *
 * 소모임 - 소모임 취소하기
 * **************************************** */
.sub-somoim-disband .jt-form__somoim { opacity: 0; }
.sub-somoim-disband .jt-form__somoim.jt-form__somoim--init { opacity: 1; }



/* **************************************** *
 * 소모임 - 단체 메세지 전송
 * **************************************** */
.sub-somoim-leader-msg .jt-form__somoim { opacity: 0; }
.sub-somoim-leader-msg .jt-form__somoim.jt-form__somoim--init { opacity: 1; }



/* **************************************** *
 * 소모임 - 신고하기
 * **************************************** */
.sub-somoim-report .jt-form__somoim { opacity: 0; }
.sub-somoim-report .jt-form__somoim.jt-form__somoim--init { opacity: 1; }



/* **************************************** *
 * 소모임 - 소모임 상세
 * **************************************** */
.sub-somoim-single .jt-message { max-width: 120rem; margin: auto; padding: 1.8rem 2rem; }
.sub-somoim-single .jt-message__desc { letter-spacing: -.025em; vertical-align: middle; }
.sub-somoim-single .jt-message__desc-small { display: block; letter-spacing: -.025em; }

/* SECTION */
.jt-somoim-single__section { position: relative; }
.jt-somoim-single__section-title { font-size: 1.6rem; font-weight: 600; line-height: 1.5; letter-spacing: -.025em; color: #222; margin-bottom: 1.2rem; }
.jt-somoim-single__section-title-count { display: inline-block; vertical-align: middle; font-size: 1.3rem; font-weight: 400; line-height: 1.54; color: #999; margin-top: -.4rem; margin-left: .6rem; }

.jt-somoim-single__section-more-btn { position: relative; font-size: 1.3rem; line-height: 1.54; letter-spacing: -.025em; color: #999; position: absolute; top: .2rem; right: 0; padding-right: 1.1rem; transition: color .3s; }
.jt-somoim-single__section-more-btn:after { content: '\e91d'; font-family: 'jt-font'; font-size: 1rem; line-height: 1; color: #999; position: absolute; top: 50%; right: -.1rem; transform: translateY(-50%); margin-top: .05rem; transition: color .3s; }

/* HEADER */
.jt-somoim-single__header { padding-top: 3.5rem; font-size: 0; }
.jt-somoim-single__header-top { position: relative; margin-bottom: .8rem; }
.jt-somoim-single__header-cat-icon { display: inline-block; vertical-align: top; width: 1.8rem; margin-right: .4rem; margin-top: .3rem; }
.jt-somoim-single__header-cat-icon svg { display: inline-block; vertical-align: top; width: 100%; height: auto; }
.jt-somoim-single__header-cat-title { display: inline-block; vertical-align: top; font-size: 1.5rem; font-weight: 500; line-height: 1.67; letter-spacing: -.025em; color: #666; }

.jt-somoim-single__header-buttons { position: absolute; top: 0; right: 0; }
.jt-somoim-single__header-button { position: relative; display: inline-block; vertical-align: top; width: 2.5rem; height: 2.5rem; margin-right: .8rem; }
.jt-somoim-single__header-button:last-child { margin-right: 0; }
.jt-somoim-single__header-button:after { font-family: 'jt-font'; font-size: 1.6rem; color: #b2b2b2; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: color .3s; }
.jt-somoim-single__header-button--report:after { content: '\e97c'; font-size: 1.7rem; }
.jt-somoim-single__header-button--edit:after { content: '\e924'; }
.jt-somoim-single__header-button--share:after { content: '\e96a'; }
html.desktop .jt-somoim-single__header-button:hover:after { color: #00bfa5; }

/* SLIDESHOW */
.jt-somoim-single-slideshow { position: relative; opacity: 0; transition: opacity .3s; }
.jt-somoim-single-slideshow--init,
.jt-somoim-single-slideshow--uninit { opacity: 1; }
.jt-somoim-single-slideshow__item { border-radius: .6rem; overflow: hidden; }
.jt-somoim-single-slideshow__img { padding-top: 58.88%; }
.jt-somoim-single-slideshow__img img { width: 100%; }
.jt-somoim-single-slideshow__img img.jt-lazyload--loaded { height: 100%; object-fit: cover; }

.jt-somoim-single-slideshow__thumbnail { margin-left: -2rem; margin-right: -2rem; margin-top: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; opacity: 0; transition: opacity .3s; }
.jt-somoim-single-slideshow__thumbnail--init { opacity: 1; }
.jt-somoim-single-slideshow__thumbnail-item { width: calc(33.33% - 1rem); margin: 0 .5rem; cursor: pointer; }
.jt-somoim-single-slideshow__thumbnail-img { padding-top: 58.88%; }
.jt-somoim-single-slideshow__thumbnail-img .jt-lazyload__color-preview { border-radius: .6rem; }
.jt-somoim-single-slideshow__thumbnail-img img { border-radius: .6rem; }
.jt-somoim-single-slideshow__thumbnail-img img.jt-lazyload--loaded { height: 100%; object-fit: cover; }
.jt-somoim-single-slideshow__thumbnail-img:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 191, 165, .2); border: .3rem solid #00bfa5; border-radius: .6rem; opacity: 0; transition: opacity .3s; }
.jt-somoim-single-slideshow__thumbnail-item.swiper-slide-thumb-active .jt-somoim-single-slideshow__thumbnail-img:after { opacity: 1; }

/* CATEGORY, INFO, BUTTON */
.jt-somoim-single__header-content { margin-top: 2rem; }
.jt-somoim-single__cat-group { margin-bottom: .8rem; }
.jt-somoim-single__cat-group > *{ display: inline-block; vertical-align: top; padding: .3rem 1rem; border-radius: 10rem; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; background: #f2f2f2; color: #666; }
.jt-somoim-single__subcat { margin-left: .4rem; }
.jt-somoim-single__title { font-size: 2rem; font-weight: 600; line-height: 1.4; letter-spacing: -.05em; }
.jt-somoim-single__info { margin-top: 1.2rem; }
.jt-somoim-single__info-item { position: relative; padding-left: 1.9rem; display: inline-block; font-size: 0; color: #666; margin-top: 1rem; }
.jt-somoim-single__info-item:before { font-family: 'jt-font'; font-size: 1.8rem; position: absolute; top: .3rem; left: 0; line-height: 1; }
.jt-somoim-single__info-item:first-child { margin-top: 0; }
.jt-somoim-single__info-item a { position: relative; color: inherit; border-bottom: 1px solid #666; }
.jt-somoim-single__info-item > * { position: relative; margin-right: 1rem; font-size: 1.3rem; line-height: 1.54; }
.jt-somoim-single__info-item > *:after { content: ''; display: block; width: .2rem; height: .2rem; background: #b2b2b2; border-radius: 50%; position: absolute; top: .9rem; right: -.6rem; }
html.ios .jt-somoim-single__info-item > *:after { top: 1rem; }
.jt-somoim-single__info-item > *:last-child { margin-right: 0; }
.jt-somoim-single__info-item > *:last-child:after { display: none; }
.jt-somoim-single__info--comment { margin-left: 2.4rem; padding-left: 2.1rem; }
.jt-somoim-single__info--location, .jt-somoim-single__info--detail { display: block; }
.jt-somoim-single__info--ban { padding-left: 0; color: #FF8787; }
.jt-somoim-single__info--location:before { content: '\e978'; font-size: 1.5rem; color: #64B6FF; }
.jt-somoim-single__info--member:before { content: '\e97a'; font-size: 1.4rem; color: #B1D758; }
.jt-somoim-single__info--comment:before { content: '\e97b'; font-size: 1.6rem; color: #FF8787; }
.jt-somoim-single__info--detail:before { content: '\e979'; font-size: 1.4rem; color: #A8A8A8; }
.jt-somoim-single__info--time:before { content: '\e97e'; font-size: 1.4rem; color: #9997ED; }
html.android .jt-somoim-single__info--detail:before { top: .4rem; }

.jt-somoim-single__info-box { position: relative;display: flex; align-items: center; border-radius: .6rem; background: #f8f8f8; margin: .8rem 0; }
.jt-somoim-single__info-box:after { content: ''; display: block; width: 1px; height: 2.8rem; background: #ddd; position: absolute; top: 50%; left: 50%; transform: translateY(-50%); }
.jt-somoim-single__info-box-item { text-align: center; flex-grow: 1; flex-basis: auto; padding: 2rem 1rem; }
.jt-somoim-single__info-box-tit { display: block; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #666; margin-bottom: .2rem; }
.jt-somoim-single__info-box-date { display: block; font-size: 1.5rem; font-weight: 500; line-height: 1.67; letter-spacing: -.025em; color: #222; }

.jt-somoim-single__apply-btn { margin-top: 2.4rem; }

.jt-somoim-single__cancel-btn { position: relative; display: inline-block; vertical-align: top; font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; color: #ff8787; margin-top: 2.4rem; }
.jt-somoim-single__cancel-btn:after { content: ''; position: absolute; bottom: .2rem; left: 0; right: 0; height: 1px; background: #ff8787; }
.jt-somoim-single__explain { display: block; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #999; margin-top: 2.4rem; }
.jt-somoim-single__explain-closing { display: block; margin-top: 1rem; font-size: 0; }
.jt-somoim-single__explain-closing span{ display: inline-block; vertical-align: top; font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; color: #999; }
.jt-somoim-single__extend-btn { position: relative; display: inline-block; vertical-align: top; font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; color: #999; margin-left: .4rem; }
.jt-somoim-single__extend-btn:after { content: ''; position: absolute; bottom: .2rem; left: 0; right: 0; height: 1px; background: #999;; }

/* CONTENT */
.jt-somoim-single__content { opacity: 0; transition: opacity .3s; }
.jt-somoim-single__content--init { opacity: 1; }
.jt-somoim-single__content-inner { position: relative; font-size: 1.4rem; line-height: 1.5; letter-spacing: -.025em; color: #222; }
.jt-somoim-single__content-more { display: none; vertical-align: top; width: 1.6rem; height: 1.6rem; position: relative; left: 50%; margin-left: -.8rem; z-index: 1; text-align: center; line-height: 1.6rem; font-size: 0; margin-top: 2rem; }
.jt-somoim-single__content-more:after { content: '\e911'; font-family: 'jt-font'; font-size: 1rem; color: #222; }
.jt-somoim-single__content-more span { display: none; }
.jt-somoim-single__content--ellipsis { position: relative; }
.jt-somoim-single__content--ellipsis .jt-somoim-single__content-inner { height: 21rem; overflow: hidden; }
.jt-somoim-single__content--ellipsis .jt-somoim-single__content-inner:after { content: ''; background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #fff), to(transparent)); background: -webkit-linear-gradient(bottom, #fff 0%, transparent); background: linear-gradient(0deg, #fff 0%, transparent); background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 6rem; }
.jt-somoim-single__content--ellipsis .jt-somoim-single__content-more { display: inline-block; }
.jt-somoim-single__content--ellipsis-open .jt-somoim-single__content-inner { height: auto; overflow: visible; }
.jt-somoim-single__content--ellipsis-open .jt-somoim-single__content-inner:after { display: none; }
.jt-somoim-single__content--ellipsis-open .jt-somoim-single__content-more:after { content: '\e910'; }

/* BOARD */
.jt-somoim-single__section .jt-somoim-board__content { padding-bottom: 8.2rem; }
.jt-somoim-single__section .jt-somoim-board__item { height: 17.4rem; }

/* MEMBER */
.jt-somoim-single-member { position: relative; }
.jt-somoim-single-member__list-wrap { position: relative; }
.jt-somoim-single-member__list { font-size: 0; opacity: 0; transition: opacity .3s; overflow-x: auto; overflow-y: hidden; white-space: nowrap; margin-left: -2rem; margin-right: -2rem; }
.jt-somoim-single-member__list::-webkit-scrollbar { display: none; }
.jt-somoim-single-member__list.jt-somoim-single-member__list--init,
.jt-somoim-single-member__list.jt-somoim-single-member__list--uninit { opacity: 1; }
.jt-somoim-single-member__list .swiper-wrapper { gap: 1rem; }
.jt-somoim-single-member__item { position: relative; display: inline-block; vertical-align: top; width: 5rem; text-align: center; white-space: normal; }
.jt-somoim-single-member__item:last-child { padding-right: 2rem; width: 7rem; }
.jt-somoim-single-member__item:first-child { padding-left: 2rem; width: 7rem; padding-right: 0; }
.jt-somoim-single-member__profile { padding-top: 100%; overflow: hidden; }
.jt-somoim-single-member__profile .jt-lazyload__color-preview,
.jt-somoim-single-member__profile img { border-radius: 50%; }
.jt-somoim-single-member__profile img.jt-lazyload--loaded { height: 100%; object-fit: cover; }
.jt-somoim-single-member__profile-icon { position: absolute; bottom: 0; left: calc(100% - 2rem); width: 2rem; z-index: 1; transform: translateY(-100%); }
.jt-somoim-single-member__profile-icon svg { width: 100%; height: auto; }
.jt-somoim-single-member__name { display: block; font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; color: #666; margin-top: .4rem; word-break: normal;}
.jt-somoim-single-member__navigation { opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.jt-somoim-single-member__list--init + .jt-somoim-single-member__navigation { display: block; }
.jt-somoim-single-member__list--uninit + .jt-somoim-single-member__navigation { display: none; } 

.jt-somoim-single-member__manage-btn { position: relative; font-size: 1.3rem; line-height: 1.54; letter-spacing: -.025em; color: #999; position: absolute; top: .2rem; right: 0; padding-right: 1.2rem; }
.jt-somoim-single-member__manage-btn:after { content: '\e977'; font-family: 'jt-font'; font-size: 1rem; line-height: 1; color: #999; position: absolute; top: 50%; right: -.1rem; transform: translateY(-50%) rotate(-45deg); }
.jt-somoim-single-member__btn-wrap { margin-top: 2rem; display: grid; justify-items: start; gap: 1.2rem; }
.jt-somoim-single-member__link { position: relative; display: inline-block; vertical-align: top; font-size: 1.2rem; line-height: 1.55; letter-spacing: -.025em; color: #999; }
.jt-somoim-single-member__link:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #999; }

/* STATUS, TABLE */
.jt-somoim-single-status .jt-somoim-single__info-item { margin-top: 0; }
.jt-somoim-single-status .jt-somoim-single-table { margin-top: 1.2rem; }
.jt-somoim-single-status__certify { margin-top: 2.4rem; }
.jt-somoim-single-table { text-align: center; border-radius: .6rem; width: 100%; overflow: hidden; border: .2rem solid #eee; table-layout: fixed; }
.jt-somoim-single-table th { font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; color: #666; background: #eee; text-align: center; padding: 1rem; word-break: break-all; width: 25%; vertical-align: middle; }
.jt-somoim-single-table td { font-size: 1.3rem; line-height: 1.54; letter-spacing: -.025em; color: #222; background: #fff; text-align: center; padding: 1.3rem 1rem; word-break: break-all; border-bottom: 1px solid #eee; vertical-align: middle; } 
.jt-somoim-single-table tr:last-child td { border-bottom: 0; } 
.jt-somoim-single-table__myself-mark { display: inline-block; vertical-align: middle; font-size: 1rem; font-weight: 600; line-height: 1.6; letter-spacing: -.025em; color: #fff; background: #666; border-radius: 50%; width: 1.6rem; height: 1.6rem; margin-right: .4rem; position: relative; top: -.1rem; text-align: center; }
.jt-somoim-single-table__outlink-btn { position: relative; display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; }
.jt-somoim-single-table__outlink-btn:after { content: '\e919'; font-family: 'jt-font'; font-size: 1.2rem; color: #b2b2b2; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: color .3s; }
html.desktop .jt-somoim-single-table__outlink-btn:hover:after { color: #222; }
.jt-somoim-single-table--nothing td { font-size: 1.4rem; line-height: 1.5; letter-spacing: -.025em; color: #666; padding-top: 6rem; padding-bottom: 6rem; }
.jt-somoim-single-table__progress progress { display: none; }



/* **************************************** *
 * 소모임 - 댓글
 * **************************************** */
.jt-somoim-comment__form { position: relative; }
.jt-somoim-comment__form .jt-form__field-textarea { padding-bottom: 5rem; }
.jt-somoim-comment__form-field { display: block; width: 100%; height: 8rem; border: .1rem solid #ddd; border-radius: 0; color: #666; font-size: 1.4rem; font-weight: 400; line-height: 1.58; letter-spacing: -.025em; margin: 0; padding: 1.1rem 1.4rem; border-color: #ddd; resize: none; transition: border-color .3s; }
.jt-somoim-comment__form-field:focus { border-color: #00bfa5; }
.jt-somoim-comment__btns { position: absolute; right: .8rem; bottom: .8rem; font-size: 0; }
.jt-somoim-comment__submit { display: inline-block; font-size: 1.4rem; font-weight: 500; line-height: 1.71; letter-spacing: -.025em; padding: .3rem 1.1rem; background: #00bfa5; color: #fff; border: .1rem solid #00bfa5; border-radius: .6rem; min-width: 5rem; cursor: pointer; transition: background .3s, border-color .3s; }
.jt-somoim-comment__cancel { display: inline-block; font-size: 1.4rem; font-weight: 500; line-height: 1.71; letter-spacing: -.025em; padding: .3rem 1.1rem; background: #fff; color: #999; border: .1rem solid #ddd; border-radius: .6rem; min-width: 5rem; cursor: pointer; margin-right: .4rem; transition: color .3s, border-color .3s; }
html.desktop .jt-somoim-comment__submit:hover { background: #00a38c; border-color: #00a38c; }
html.desktop .jt-somoim-comment__cancel:hover { color: #00bfa5; border-color: #00bfa5; }

.jt-somoim-comment__list { margin-top: 1.6rem; }
.jt-somoim-comment__item { display: block; font-size: 0; margin-bottom: 1.2rem; }
.jt-somoim-comment__item:last-child { margin-bottom: 0; }
.jt-somoim-comment__profile { position: relative; display: inline-block; vertical-align: top; width: 3rem; margin-right: 1.2rem; }
.jt-somoim-comment__profile-figure { padding-top: 100%; }
.jt-somoim-comment__profile-figure .jt-lazyload__color-preview { border-radius: 50%; }
.jt-somoim-comment__profile-figure img { border-radius: 50%; }
.jt-somoim-comment__profile-figure img.jt-lazyload--loaded { height: 100%; object-fit: cover; }
.jt-somoim-comment__profile-icon { position: absolute; margin-top: 100%; top: 0; right: 0; width: 1.4rem; z-index: 1; transform: translateY(-100%); }
.jt-somoim-comment__profile-icon svg { display: inline-block; vertical-align: top; width: 100%; height: auto; }
.jt-somoim-comment__name { display: block; font-size: 1.3rem; font-weight: 500; line-height: 1.54; letter-spacing: -.025em; color: #222; margin-top: .7rem; padding-right: 7rem; }
.jt-somoim-comment__txt { position: relative; display: inline-block; vertical-align: top; width: calc(100% - 4.2rem); }
.jt-somoim-comment__txt .jt-comment__buttons { top: .7rem; right: -.6rem; }
.jt-somoim-comment__txt .jt-comment__button { color: #999; padding: 0 .6rem; }
.jt-somoim-comment__txt .jt-comment__button:after { content: ''; position: absolute; left: .6rem; right: .6rem; bottom: 0; height: 1px; background: #999; opacity: 0; transition: opacity .3s; }
.jt-somoim-comment__txt .jt-comment__button--delete:before { height: .9rem; top: .5rem; }
html.ios .jt-somoim-comment__txt .jt-comment__button--delete:before { top: .6rem; }
html.desktop .jt-somoim-comment__txt .jt-comment__button:hover:after { opacity: 1; }
.jt-somoim-comment__content { display: block; font-size: 1.3rem; line-height: 1.54; letter-spacing: -.025em; color: #666; margin-top: .4rem; word-break: break-all; }
.jt-somoim-comment__bottom { display: block; font-size: 0; margin-top: .4rem; }
.jt-somoim-comment__bottom > * { position: relative; font-size: 1.2rem; line-height: 1.55; letter-spacing: -.025em; color: #999; margin-right: 1.2rem; }
.jt-somoim-comment__bottom > *:last-child { margin-right: 0; }
.jt-somoim-comment__bottom > *:before { content: ''; position: absolute; left: 0; width: 100%; bottom: 0; height: 1px; background: #999; opacity: 0; transition: opacity .3s; }
.jt-somoim-comment__more { display: flex; margin-top: 2rem; }
.jt-somoim-comment__more > a { display: block; width: 100%; font-size: 1.5rem; font-weight: 500; line-height: 1.6; letter-spacing: -.025em; padding: 1.4rem 3.3rem; background: #eee; color: #666; text-align: center; border-radius: .6rem; transition: background .3s; }
html.desktop .jt-somoim-comment__more > a:hover { background: #d2d2d2; }
html.desktop .jt-somoim-comment__reply:hover:before { opacity: 1; }

.jt-somoim-comment__item--add > .jt-somoim-comment__txt > .jt-somoim-comment__bottom > .jt-somoim-comment__reply { opacity: 0; visibility: hidden; }
.jt-somoim-comment__item--add .jt-somoim-comment__form { margin-top: 1.6rem; }
.jt-somoim-comment__item--editing .jt-somoim-comment__content,
.jt-somoim-comment__item--editing .jt-somoim-comment__bottom,
.jt-somoim-comment__item--editing .jt-comment__buttons { display: none; }

.jt-somoim-comment-edit-form-container { position: relative; padding: 2rem 0; margin-top: 1.2rem; }
.jt-somoim-comment-edit-form-container:after { content: ''; display: block; width: 200vw; height: 100%; background: #f8f8f8; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.jt-somoim-comment-edit-form-container .jt-somoim-comment__form { position: relative; z-index: 1; }
.jt-somoim-comment-edit-form-container .jt-somoim-comment__time { position: relative; display: inline-block; vertical-align: top; font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; color: #999; margin-right: 1.2rem; z-index: 1; margin-top: 1.2rem; }

.jt-somoim-comment-accordion--loading .jt-somoim-comment-edit-form-container:after { background: transparent; }

.jt-somoim-comment-accordion { margin-top: 1.2rem; }
.jt-somoim-comment-accordion__control { display: inline-block; vertical-align: top; font-size: 1.1rem; line-height: 1.54; letter-spacing: -.025em; font-weight: 600; color: #999; }
.jt-somoim-comment-accordion__control > i { position: relative; display: inline-block; vertical-align: middle; margin-left: .2rem; width: 1.6rem; height: 1.6rem; font-style: normal; transition: transform .3s; will-change: transform; transform-origin: 50% calc(50% - .05rem); }
.jt-somoim-comment-accordion__control > i:after { content: '\e91b'; display: block; font-family: 'jt-font'; font-size: 1rem; line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(.8); }
.jt-somoim-comment-accordion__content { position: relative; }
.jt-somoim-comment-accordion__content-inner { display: none; }
.jt-somoim-comment-accordion--active .jt-somoim-comment-accordion__control > i { transform: rotate(-180deg); } 
html.android .jt-somoim-comment-accordion__control > i { top: -.1rem; }



/* **************************************** *
 * 소모임 - 리스트 상세
 * **************************************** */
.jt-somoim-list-single__header { padding: 3.5rem 0 2rem; }
.jt-somoim-list-single__header .wrap_narrow { display: flex; flex-flow: column; gap: .8rem; align-content: start; }
.jt-somoim-list-single__header-top { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: -.6rem; min-height: 2.2rem; }
.jt-somoim-list-single__header-cat { position: relative; display: inline-block; vertical-align: top; font-size: 1.3rem; font-weight: 600; line-height: 1.69; letter-spacing: -.025em; color: #00bfa5; }
.jt-somoim-list-single__header-title { display: block; font-size: 2rem; font-weight: 600; line-height: 1.4; letter-spacing: -.05em; color: #222; }
.jt-somoim-list-single__header-date { display: inline-block; vertical-align: top; font-size: 1.2rem; line-height: 1.55; letter-spacing: -.025em; color: #999; }
.jt-somoim-list-single__header-author { font-size: 0; }
.jt-somoim-list-single__header-author-img { display: inline-block; vertical-align: top; width: 2.2rem; }
.jt-somoim-list-single__header-author-img > .jt-lazyload { padding-top: 100%; border-radius: 50%; }
.jt-somoim-list-single__header-author-img > .jt-lazyload img { height: 100%; object-fit: cover; }
.jt-somoim-list-single__header-author-txt { display: inline-block; vertical-align: top; font-size: 1.3rem; font-weight: 500; line-height: 1.54; letter-spacing: -.025em; color: #222; margin-left: .8rem; width: calc(100% - 3rem); }

.jt-somoim-list-single__slideshow { position: relative; opacity: 0; transition: opacity .3s; }
.jt-somoim-list-single__slideshow--init,
.jt-somoim-list-single__slideshow--uninit { opacity: 1; }
.jt-somoim-list-single__slideshow-item { border-radius: .6rem; overflow: hidden; }
.jt-somoim-list-single__slideshow-img img { position: relative; display: block; width: 100%; }
.jt-somoim-list-single__slideshow-control { position: absolute; bottom: 1rem; left: 0; width: 100%; text-align: center; z-index: 1; }
.jt-somoim-list-single__slideshow-pagination { font-size: 0; }
.jt-somoim-list-single__slideshow-pagination .swiper-pagination-bullet { display: inline-block; vertical-align: top; width: .7rem; height: .7rem; border: 1px solid #fff; background: transparent; opacity: 1; margin: 0 .5rem; }
.jt-somoim-list-single__slideshow-pagination .swiper-pagination-bullet-active { background: #fff; }
.jt-somoim-list-single__slideshow--uninit .jt-somoim-list-single__slideshow-navigation { display: none; }

.jt-somoim-list-single__txt { font-size: 1.4rem; line-height: 1.5; letter-spacing: -.025em; color: #666; }
.jt-somoim-list-single__txt:not(:first-child) { margin-top: 2rem; }
.jt-somoim-list-single__control { display: grid; justify-content: center; grid-template-columns: 1fr; margin-top: 2.4rem; gap: .8rem; }

.jt-somoim-list-single__buttons { font-size: 0; flex: 1; text-align: right; }
.jt-somoim-list-single__button { position: relative; display: inline-block; vertical-align: top; font-size: 1.2rem; line-height: 1.55; letter-spacing: -.025em; color: #999; margin-right: 1.2rem; transition: color .3s; }
.jt-somoim-list-single__button:last-child { margin-right: 0; }
.jt-somoim-list-single__button:after { content: ''; display: block; width: 1px; height: .8rem; background: #ddd; position: absolute; top: .5rem; right: -.7rem; }
.jt-somoim-list-single__button:last-child:after { display: none; }
html.desktop .jt-somoim-list-single__button:hover { color: #222; }



/* **************************************** *
 * 소모임 - 후기 게시판
 * **************************************** */
.jt-somoim-review { position: relative; }
.jt-somoim-review__list { border-top : 1px solid #222; margin-left: -2rem; margin-right: -2rem; }
.jt-somoim-review__item { position: relative; padding: 2rem; border-bottom: .1rem solid #eee; }
.jt-somoim-review__item .jt-somoim-block-btn { margin-top: 1.6rem; }
.jt-somoim-review__link { display: grid; grid-template-columns: 10rem minmax(0, 1fr); gap: 1.6rem; }
.jt-somoim-review__thumb { border-radius: .6rem; overflow: hidden; }
.jt-somoim-review__thumb > figure { padding-top: 100%; }
.jt-somoim-review__thumb img { transition: transform .8s, opacity .3s; }
.jt-somoim-review__thumb > figure.jt-lazyload img { height: 100%; object-fit: cover; }
.jt-somoim-review__content { display: flex; flex-flow: column; gap: .2rem; align-content: start; }
.jt-somoim-review__cat { position: relative; display: inline-block; vertical-align: top; font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; color: #222; padding-left: 1.8rem; margin-bottom: .1rem; }
.jt-somoim-review__cat-icon { position: absolute; top: 50%; left: 0; width: 1.4rem; height: 1.4rem; margin-top: -0.7rem; }
.jt-somoim-review__cat-icon svg { display: inline-block; vertical-align: top; width: 100%; height: 100%; }
.jt-somoim-review__title { font-size: 1.4rem; font-weight: 600; line-height: 1.5; letter-spacing: -.025em; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .3s; }
.jt-somoim-review__desc { font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jt-somoim-review__date { display: block; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #999; }
.jt-somoim-review__comment { position: relative; display: inline-block; vertical-align: middle; font-size: 1.2rem; line-height: 1.5; color: #999; padding-left: 1.7rem; margin-top: .1rem; }
.jt-somoim-review__comment:before { content: '\e97f'; font-family: 'jt-font'; font-size: 1.4rem; line-height: 1; color: #59a5ff; position: absolute; top: 50%; left: 0; transform: translateY(-50%); margin-top: .05rem; }
.jt-somoim-review__data-group { font-size: 0; margin-top: .1rem; }
.jt-somoim-review__data-group .jt-somoim-review__comment { margin-left: .8rem; margin-top: 0; }
html.desktop .jt-somoim-review__link:hover .jt-somoim-review__title { color: #00bfa5; }
html.desktop .jt-somoim-review__link:hover .jt-somoim-review__thumb img { transform: scale( 1.05 ) rotate( .01deg ); }

.jt-somoim-review__author { display: inline-block; vertical-align: middle; }
.jt-somoim-review__author-img { display: inline-block; vertical-align: middle; width: 1.4rem; }
.jt-somoim-review__author-img .jt-lazyload { padding-top: 100%; }
.jt-somoim-review__author-img .jt-lazyload img { border-radius: 50%; }
.jt-somoim-review__author-img .jt-lazyload img.jt-lazyload--loaded { height: 100%; object-fit: cover; }
.jt-somoim-review__author-img .jt-lazyload__color-preview { border-radius: 50%; }
.jt-somoim-review__author-txt { display: inline-block; vertical-align: middle; margin-left: .3rem; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #999; }

.jt-somoim-review__buttons { position: absolute; top: 2rem; right: 2rem; font-size: 0; }
.jt-somoim-review__button { position: relative; display: inline-block; vertical-align: top; font-size: 1.1rem; line-height: 1.55; letter-spacing: -.025em; color: #999; margin-right: 1.2rem; }
.jt-somoim-review__button:before { content: ''; position: absolute; left: 0; width: 100%; bottom: .2rem; height: 1px; background: #999; opacity: 0; transition: opacity .3s; }
.jt-somoim-review__button:last-child { margin-right: 0; }
.jt-somoim-review__button:after { content: ''; display: block; width: 1px; height: .8rem; background: #ddd; position: absolute; top: .5rem; right: -.7rem; }
.jt-somoim-review__button:last-child:after { display: none; }
html.desktop .jt-somoim-review__button:hover:before { opacity: 1; }

.jt-somoim-review .jt-nav-search__form { top: auto; }
.jt-somoim-review .jt-nav-search__field { left: -2rem; right: -2rem; width: auto; }
.jt-somoim-review .jt-nav-search__field .jt-form__field { padding-bottom: 1.1rem; }

.jt-somoim-review .jt-list-nothing { margin-left: -2rem; margin-right: -2rem; border-top: 1px solid #222; }
.jt-somoim-review--club .jt-list-nothing { border-top: none; }



/* **************************************** *
 * 소모임 - 게시판 (BOARD, GRID)
 * **************************************** */
/* BOARD */
.jt-somoim-board { position: relative; }
.jt-somoim-board__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: stretch; font-size: 0; }
.jt-somoim-board__item { position: relative; display: inline-block; vertical-align: top; border-radius: .6rem; height: 20.2rem; background: #f8f8f8; overflow: hidden; white-space: normal; transition: background .3s; }
.jt-somoim-board__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
html.desktop .jt-somoim-board__item:hover { background: #eee; }
.jt-somoim-board__content { padding: 2rem 2rem 8.6rem; }
.jt-somoim-board__cat { margin-right: .4rem; font-weight: 600; color: #00bfa5; }
.jt-somoim-board__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 1.4rem; font-weight: 500; line-height: 1.71; letter-spacing: -.025em; color: #222; text-overflow: ellipsis; max-height: calc(1.4rem * 1.71 * 3); overflow: hidden; }
.jt-somoim-board__author { font-size: 0; position: absolute; bottom: 2rem; left: 2rem; right: 2rem; pointer-events: none; }
.jt-somoim-board__profile { position: relative; display: inline-block; vertical-align: middle; width: 3rem; margin-right: 1.2rem; }
.jt-somoim-board__profile-figure { padding-top: 100%; }
.jt-somoim-board__profile-figure .jt-lazyload__color-preview { border-radius: 50%; }
.jt-somoim-board__profile-figure img { border-radius: 50%; }
.jt-somoim-board__profile-figure img.jt-lazyload--loaded { height: 100%; object-fit: cover; }
.jt-somoim-board__txt { position: relative; display: inline-block; vertical-align: middle; width: calc(100% - 4.2rem); }
.jt-somoim-board__name { display: block; font-size: 1.3rem; line-height: 1.54; letter-spacing: -.025em; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.jt-somoim-board__date { display: block; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #999; margin-top: .2rem; }

.jt-somoim-board__list--last { display: block; overflow-x: auto; overflow-y: hidden; white-space: nowrap; margin-left: -2rem; margin-right: -2rem; }
.jt-somoim-board__list--last::-webkit-scrollbar { display: none; }
.jt-somoim-board__list--last .jt-somoim-board__item { width: 21rem; }
.jt-somoim-board__list--last .jt-somoim-board__item:not(:last-child) { margin-right: 1rem; }
.jt-somoim-board__list--last .jt-somoim-board__item:first-child { margin-left: 2rem; }
.jt-somoim-board__list--last .jt-somoim-board__item:last-child { margin-right: 2rem; }

.jt-somoim-board__buttons { margin-top: .6rem; }
.jt-somoim-board__button { position: relative; display: inline-block; vertical-align: top; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #999; margin-right: 1.2rem; transition: color .3s; }
.jt-somoim-board__button:last-child { margin-right: 0; }
.jt-somoim-board__button:after { content: ''; display: block; width: 1px; height: .9rem; background: #ddd; position: absolute; top: 50%; right: -.7rem; transform: translateY(-50%); margin-top: .1rem; }
html.mobile .jt-somoim-board__button:after { margin-top: 0; }
.jt-somoim-board__button:last-child:after { display: none; }
html.desktop .jt-somoim-board__button:hover { color: #222; }

/* GRID */
.jt-somoim-grid__list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 3.5rem 1rem; font-size: 0; }
.jt-somoim-grid__item { display: inline-block; vertical-align: top; white-space: normal; }
.jt-somoim-grid__figure { border-radius: .6rem; padding-top: 89%; }
.jt-somoim-grid__figure img { transition: transform .8s, opacity .3s; }
.jt-somoim-grid__figure.jt-lazyload img { height: 100%; object-fit: cover; }
.jt-somoim-grid__content { margin-top: 1.2rem; }
.jt-somoim-grid__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.3rem; font-weight: 500; line-height: 1.54; letter-spacing: -.025em; color: #222; text-overflow: ellipsis; overflow: hidden; transition: color .3s; }
html.desktop .jt-somoim-grid__item > a:hover .jt-somoim-grid__figure img { transform: scale( 1.05 ) rotate( .01deg ); }
html.desktop .jt-somoim-grid__item > a:hover .jt-somoim-grid__title { color: #00bfa5; }

.jt-somoim-grid__data { display: flex; margin-top: .4rem; gap: 1rem; }
.jt-somoim-grid__data > * { position: relative; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #666; white-space: nowrap; }
.jt-somoim-grid__location { text-overflow: ellipsis; overflow: hidden; }
.jt-somoim-grid__time:before { content: ''; display: block; width: .2rem; height: .2rem; border-radius: 50%; background: #b2b2b2; position: absolute; top: .9rem; left: -.6rem; }
html.ios .jt-somoim-grid__time:before { top: .8rem; }
.jt-somoim-grid__member { position: relative; display: inline-block; vertical-align: top; font-size: 1.1rem; line-height: 1.55; color: #999; margin-top: .4rem; padding-left: 1.6rem; }
.jt-somoim-grid__member:before { content: '\e97a'; font-family: 'jt-font'; font-size: 1.1rem; line-height: 1; position: absolute; top: 50%; left: 0.1rem; color: #B1D758; transform: translateY(-50%); margin-top: .1rem; }
html.mac .jt-somoim-grid__member:before { margin-top: .05rem; }
.jt-somoim-grid__cat { display: inline-block; vertical-align: top; font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #666; margin-bottom: .8rem; background: #eee; border-radius: 10rem; padding: .3rem 1rem; }

.jt-somoim-grid__list--last { display: block; overflow-x: auto; overflow-y: hidden; white-space: nowrap; margin-left: -2rem; margin-right: -2rem; }
.jt-somoim-grid__list--last::-webkit-scrollbar { display: none; }
.jt-somoim-grid__list--last .jt-somoim-grid__item { width: 21rem; }
.jt-somoim-grid__list--last .jt-somoim-grid__item:not(:last-child) { margin-right: 1rem; }
.jt-somoim-grid__list--last .jt-somoim-grid__item:first-child { margin-left: 2rem; }
.jt-somoim-grid__list--last .jt-somoim-grid__item:last-child { margin-right: 2rem; }
.jt-somoim-grid__list--last .jt-somoim-grid__time { margin-top: 0; }

.jt-somoim-grid__list:not(.jt-somoim-grid__list--last) .jt-somoim-grid__data { gap: .2rem; flex-direction: column; }
.jt-somoim-grid__list:not(.jt-somoim-grid__list--last) .jt-somoim-grid__time:before { display: none; }



/* **************************************** *
 * 소모임 - 탭
 * **************************************** */
.jt-somoim-list-tab { margin-bottom: 1.2rem; }
.jt-somoim-list-tab__list { font-size: 0; }
.jt-somoim-list-tab__item { position: relative; display: inline-block; vertical-align: top; padding: 0 .7rem; }
.jt-somoim-list-tab__item:first-child { padding-left: 0; }
.jt-somoim-list-tab__item:last-child { padding-right: 0; }
.jt-somoim-list-tab__item:after { content: ''; display: block; width: 1px; height: 1rem; background: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.jt-somoim-list-tab__item:last-child:after{ display: none; }
.jt-somoim-list-tab__item > a { position: relative; font-size: 1.4rem; line-height: 1.5; letter-spacing: -.025em; color: #999; transition: color .3s; }
.jt-somoim-list-tab__item--active > a { font-weight: 600; color: #00bfa5; }
html.desktop .jt-somoim-list-tab__item:not(.jt-somoim-list-tab__item--active) > a:hover { color: #00bfa5; }



/* **************************************** *
 * 소모임 - 마이페이지
 * **************************************** */
.jt-somoim-mypage .selectric { border: 0; }
.jt-somoim-mypage .jt-somoim-list { margin-left: -2rem; margin-right: -2rem; }
.jt-somoim-mypage .jt-somoim-list__count { margin-top: .2rem; }
.jt-somoim-mypage .jt-somoim-list__count-member > span, 
.jt-somoim-mypage .jt-somoim-list__count-comment > span, 
.jt-somoim-mypage .jt-somoim-list__count-info > span,
.jt-somoim-mypage .jt-somoim-list__count-start > span { margin-left: 0; }
.jt-somoim-mypage .jt-program__sort-mob { position: absolute; top: -.9rem; right: 1rem; margin-right: 0; }
.jt-somoim-mypage .selectric .label { min-width: 7rem; }
html.mobile .jt-somoim-mypage .jt-selectric__wrap { background: transparent; }

/* 소모임 알림 설정 */
.somoim-notification .jt-accordion__questions .jt-icheck__label { width: fit-content; max-width: 90%; }
.somoim-notification .jt-accordion__questions .jt-icheck__label > i { display: block; margin-top: 0.6rem; padding-left: 2.7rem; font-size: 1.2rem; font-style: normal; line-height: normal; letter-spacing: -0.035em; font-weight: 400; color: #999; }
 


/* **************************************** *
 * 소모임 - 회원관리
 * **************************************** */
.jt-somoim-team__explain { display: block; font-size: 1.1rem; line-height: 1.55; letter-spacing: -0.025em; color: #999; margin-bottom: 1.2rem; }
.jt-somoim-team__empty { font-size: 1.4rem; text-align: center; padding-top: 6rem; }
.jt-somoim-team-list__item + .jt-somoim-team__empty { display: none; }
.jt-somoim-team-list__item { display: flex; gap: 1.2rem; background: #f8f8f8; border-radius: 0.6rem; padding: 1.6rem; justify-content: space-between; align-items: center; }
.jt-somoim-team-list__item + .jt-somoim-team-list__item { margin-top: 1.2rem; }
.jt-somoim-team-list__profile { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1.2rem; align-items: center; }
.jt-somoim-team-list__profile-img { width: 3rem; height: 3rem; }
.jt-somoim-team-list__profile-img .jt-lazyload__color-preview { border-radius: 50%; }
.jt-somoim-team-list__profile-img img { border-radius: 50%; }
.jt-somoim-team-list__profile-img img.jt-lazyload--loaded { height: 100%; object-fit: cover; }
.jt-somoim-team-list__name { display: block; font-size: 1.3rem; font-weight: 500; line-height: 1.54; letter-spacing: -0.025em; word-break: break-all; }
.jt-somoim-team-list__phone { font-size: 1.3rem; line-height: 1.54; letter-spacing: -0.025em; color: #666; margin-top: .2rem; word-break: break-all; }
.jt-somoim-team-list__btn-wrap { font-size: 0; display: flex; gap: 0.4rem; }
.jt-somoim-team-list__time { font-size: 1.1rem; line-height: 1.55; letter-spacing: -0.025em; color: #999; white-space: nowrap; }



/* **************************************** *
 * 소모임 - 단체 메시지 발송 내역
 * **************************************** */
.jt-accordion__somoim-recipient { margin-top: 2.2rem; }
.jt-accordion__somoim-recipient-num { position: relative; display: block; font-size: 1.2rem; font-weight: 500; line-height: 1.5; letter-spacing: -.025em; color: #666; padding-left: 1.5rem; }
.jt-accordion__somoim-recipient-num:before { content: '\e94b'; font-family: 'jt-font'; font-size: 1rem; line-height: 1; position: absolute; top: 50%; left: 0; color: #666; transform: translateY(-50%); margin-top: .05rem; }
.jt-accordion__somoim-recipient-name { font-size: 1.2rem; line-height: 1.5; letter-spacing: -.025em; color: #999; margin-top: .8rem; }



/* **************************************** *
 * 소모임 - 챌린지 인증하기 상세
 * **************************************** */
 .sub-somoim-challenge-verify-single .jt-somoim-sub-header__inner--with-btn { align-items: end; }
 .sub-somoim-challenge-verify-single .jt-somoim-sub-header__btn-wrap { display: flex; gap: .4rem; width: 100%; justify-content: end; align-items: center; }
 .sub-somoim-challenge-verify-single .jt-somoim-sub-header__inner--with-btn { flex-wrap: wrap; }
 .sub-somoim-challenge-verify-single .jt-somoim-header__btn--secondary { padding: .4rem .8rem; display: inline-flex; align-items: center; }
 .jt-accordion__somoim-verify-img { margin-top: 2.2rem; overflow: hidden; }
 .jt-accordion__somoim-verify-img img { max-width: 100%; height: auto; display: inline-block; vertical-align: top; border-radius: .6rem; }
 .jt-accordion__somoim-verify-btn-wrap { margin-top: 2.2rem; text-align: right; font-size: 0; }
 .jt-accordion__somoim-verify-btn-wrap .jt-somoim-small-btn:not(:last-child) { margin-right: .4rem; }
 .jt-somoim-verify-list__btn { margin-top: 5rem; }



/* **************************************** *
 * 소모임 - 나무 공동체
 * **************************************** */
.sub-somoim-old-namu .main_container { position: relative; }
.sub-somoim-old-namu ~ .jt-somoim-float > a:before { content: '\e981'; }
.jt-somoim-old-namu { margin-top: 2rem; opacity: 0; transition: opacity .3s; }
.jt-somoim-old-namu--init { opacity: 1; }
.jt-somoim-old-namu__banner { margin: 2rem; }
.jt-somoim-old-namu__banner-inner { height: 30rem; position: relative; border-radius: .6rem; overflow: hidden; padding: 2.4rem; } 
.jt-somoim-old-namu__banner-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/sub/somoim/somoim-old-namu.jpg) no-repeat center center / cover; }
.jt-somoim-old-namu__banner-image:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(0, 0, 0, .5), transparent); }
.jt-somoim-old-namu__banner-title { position: relative; color: #fff; font-size: 2rem; line-height: 1.4; font-weight: 600; letter-spacing: -.05em; }
.jt-somoim-old-namu__banner-desc { position: relative; color: #fff; font-size: 1.4rem; line-height: 1.5; font-weight: 500; letter-spacing: -.025em; margin-top: .4rem; }
.jt-somoim-old-manu__head { display: none; }
.jt-somoim-old-namu__item { position: relative; background: #f8f8f8; padding: 2.4rem; border-radius: .6rem; overflow: hidden; }
.jt-somoim-old-namu__item + .jt-somoim-old-namu__item { margin-top: 1.2rem; }
.jt-somoim-old-namu__item-title { font-size: 1.8rem; line-height: 1.27; font-weight: 600; letter-spacing: -.05em; color: #222; }
.jt-somoim-old-namu__item-desc { font-size: 1.4rem; line-height: 1.5; letter-spacing: -.025em; color: #666; margin-top: 1.2rem; max-height: 6.3rem; overflow: hidden; }
.jt-somoim-old-namu__item-btn { font-size: 0; margin-top: .4rem; }
.jt-somoim-old-namu__item-show { border: 0; background: none; padding: 0; color: #999; font-size: 0; cursor: pointer; }
.jt-somoim-old-namu__item-show:before { content: attr(data-show); font-size: 1.1rem; line-height: 1.54; letter-spacing: -.025em; font-weight: 600; vertical-align: middle; }
.jt-somoim-old-namu__item-show:after { display: inline-block; content: '\e91b'; font-family: 'jt-font'; font-size: 1rem; vertical-align: middle; line-height: 1; margin-left: .3rem; transform: scale(.8); position: relative; }
html.mobile .jt-somoim-old-namu__item-show:after { top: .1rem; }
.jt-somoim-old-namu__item-manager { margin-top: 2.4rem; display: flex; gap: 2rem; flex-flow: row wrap; }
.jt-somoim-old-namu__item-manager > li { display: inline-flex; gap: .8rem; align-items: center; }
.jt-somoim-old-namu__item-manager-thumb { width: 4rem; height: 4rem; }
.jt-somoim-old-namu__item-manager-thumb .jt-lazyload { padding-top: 100%; }
.jt-somoim-old-namu__item-manager-thumb img { border-radius: 50%; }
.jt-somoim-old-namu__item-manager-thumb img.jt-lazyload--loaded { height: 100%; object-fit: cover; }
.jt-somoim-old-namu__item-manager-content { display: grid; align-items: center; }
.jt-somoim-old-namu__item-manager-title { font-size: 1.3rem; line-height: 1.53; font-weight: 500; letter-spacing: -.025em; color: #222; }
.jt-somoim-old-namu__item-manager-name { font-size: 1.3rem; line-height: 1.53; letter-spacing: -.025em; color: #666; }
.jt-somoim-old-namu__item--active .jt-somoim-old-namu__item-desc { max-height: none; }
.jt-somoim-old-namu__item--active .jt-somoim-old-namu__item-show:before { content: attr(data-hide); }
.jt-somoim-old-namu__item--active .jt-somoim-old-namu__item-show:after { transform: scale(.9) rotate(180deg); top: -.1rem; }
html.mobile .jt-somoim-old-namu__item--active .jt-somoim-old-namu__item-show:after { top: 0; }
.jt-somoim-old-namu__item--over:not(.jt-somoim-old-namu__item--active) .jt-somoim-old-namu__item-desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.jt-somoim-old-namu__item:not(.jt-somoim-old-namu__item--over) .jt-somoim-old-namu__item-show { display: none; }