@charset "utf-8";
/*
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
*/
/* initialize */
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}
body,button,h1,h2,h3,h4,h5,input,select,table,textarea{font-family:"Helvetica Neue","Apple SD Gothic Neo",sans-serif;font-size:15px;line-height:1.26em;letter-spacing:-.5px;}
body{position:relative;min-width:280px;background:rgb(247,247,247);color:#222;word-break:break-all;-webkit-text-size-adjust:none}
html{font-size:10px;line-height:10px}
table{border-collapse:collapse}
fieldset,img{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
img{vertical-align:top}
button{cursor: pointer;}
canvas {display: inline;}
input[type=search],input[type=text],textarea{outline:0;caret-color:#000;}
button,input,select,textarea{border-radius:0;border:0;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input+label{cursor:pointer}
input:focus+label{outline:-webkit-focus-ring-color auto 5px}
input[type=search]::-ms-clear{display:none;width:0;height:0}
input[type=search]::-ms-reveal{display:none;width:0;height:0}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration{display:none}
::-webkit-input-placeholder,::placeholder{color:#959799;font-weight:400}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type="text"]:disabled {background-color: #f2f2f2;color: #b3b3b3;cursor: not-allowed;}
input[type=number] {-moz-appearance: textfield;}
.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 0.25rem !important;}
.mt-2 {margin-top: 0.5rem !important;}
.mt-3 {margin-top: 1rem !important;}
.mt-4 {margin-top: 1.5rem !important;}
.mt-5 {margin-top: 3rem !important;}
.mr-0 {margin-right: 0 !important;}
.mr-1 {margin-right: 0.25rem !important;}
.mr-2 {margin-right: 0.5rem !important;}
.mr-3 {margin-right: 1rem !important;}
.mr-4 {margin-right: 1.5rem !important;}
.mr-5 {margin-right: 3rem !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 0.25rem !important;}
.mb-2 {margin-bottom: 0.5rem !important;}
.mb-3 {margin-bottom: 1rem !important;}
.mb-4 {margin-bottom: 1.5rem !important;}
.mb-5 {margin-bottom: 3rem !important;}

.disable-scroll{position:fixed;left:0;width:100%;height:100%;overflow-y:hidden}
.blind,.screen_out,.skip{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.font-blue{color:#3677f6}
.font-purple{color:#5C2CFF}
.font-red{color:#F54949}
.font-orange{color:#ff7d60}
.overflow{overflow:hidden}
.float-clear:after{content:"";display:block;clear:both}
.thumb img{display:block;object-fit:cover;width:100%;height:100%;border-radius:4px;}
.hide{display:none !important}
.show{display:block !important}
.loading-cover{position:fixed;top:50%;left:50%;margin:-20px 0 0 -20px;z-index:20}
.loading-cover:before{content:"";display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.25)}
.img-loading{display:block;position:relative;width:40px;height:40px}
.body-padding__bottom #wrap,.body-padding__bottom .wrap{padding-bottom:150px}
.zindex-down{z-index:28 !important}
.grecaptcha-badge {display: none;}

.navigation__item a:before{display:block;background:url(../img/icon_navigation.png) no-repeat;background-size:118px auto}

img.lazyload:not([src]){visibility: hidden;}

.class__interest:after,.main__header .link:after,[class^=class__item-] .members:before,.main-banner__pagination:after,
.class__item-main .star__rating:before,.header__right > a[class^=btn-]:before,
.btn-category__more:after,.btn-sort:after,.btn-top,.btn-bottom, .btn-open:before,.layer__top .btn-close,
.layer-sort__item.on a:before,.check-box input + .cate__text:after,.item__depth--1:after,
.layer-selected__category .layer__top .title:after,.btn-reset:before,.btn-del:after,
.btn-close--white:after,.btn-category__reset:after,.btn-back:after,.btn-del__word:after,
.btn-img__del,.img-btn__wrap button:after,.login-btn__list .btn-login:before,
.my-top__info .btn-user__info:after,.section-top .btn-all__link:after,.btn-map__link:after,.btn-my__item:after,
.list-location:before,.btn-question__open:after,.input__file + label:before,.btn-menu:after,
.home-btn__wrap .btn-home:before,.leftpanel-menu__item.item--have .menu-depth--01:after,
.btn-auto__setting:before,.btn-dues__years:after,.btn-medium:before,.btn-memo__view:before,
.input-text__wrap .btn-search:after,.layer-phone__item .link:before,.btn-order:after,
.btn-search.search--separate:after,.link__notice:before,.btn-chat__more,.btn-chat__send:after,.ico-notice,
.btn-notice__open:after,.btn-calendar__years:after,.list-schedule__item:after,[class^=btn-calendar--]:after,
.members__apply.sub__btn.tender2:before,.vote-result__item.selected .result-selections__name:after,
.btn-play.state--start .txt:before,.btn-play.state--restart .txt:before,.btn-score__list:after,.btn-del__list:after,
.btn-input__del,.dues-month__wrap button.month-title:after,.image-big__open:after,.btn-img__add:before,.rightpanel-menu__item a:before,
.rightpanel-image .rightpanel__title:before,.rightpanel__title:after,.btn-notification:after,.chat-btn__reply:after,
.photo-list__label:after,.btn-select:after,.btn-vote__more:after,.attached-image__textarea:before,
.calendar-list__contents .my-club__item .location:before,.calendar-list__contents .my-club__item .personnel:before,
.board-view__info .btn-comment:before,.my-share__wrap .btn-authenticate.btn--share:before,
.btn__board-type:after,.edit-option__wrap .btn-share:before,.btn-add:before, .class__item-sub.ad-text .text__go:after,
.class__item-sub.ad-banner .button__delete:after,.btn-chat__emoticon:after,.chat-write__emoticon .btn-emoticon__more:after,.btn-chatout:after,
.chat-content__item .contents.img__loading .thumb .loading-text:before,.vote-check__wrap .page-con__title:after,
.main__header .link__more:after,.main-list .list-date:before,.main-notice .link__notice:after,
.chat-message .box__icon:after,.ico__add:before,.search-wrap .button__utill:after,.bank-transfer .layer-bottom__con .button__rewrite:after
{display:inline-block;background-image:url(../img/icon_klubo.png);background-repeat:no-repeat;background-size:250px auto}

#wrap,.wrap{min-height:100vh;max-width:700px;margin:0 auto;background:#fff;border:solid rgb(234, 234, 234);border-width:0 1px;box-sizing:border-box;}

.container-klubo{padding-bottom:82px}

.reply-wrap{padding:32px 16px;border-top:10px solid #f3f3f3}
.reply-count__wrap{font-size:17px;font-weight:bold;padding-bottom:16px}
.reply-count__wrap .num{color:#3677f6;margin-left:6px;}
.reply-comment:not(.reply){border-top:1px solid #f2f2f2;margin-top:24px;padding-top:24px}
.reply-count__wrap + .reply-comment:not(.reply){border:0;margin:0;padding:0}
.comment-top{position:relative;}
.comment-user__info{display:table}
.comment-user__info .thumb{display:table-cell;vertical-align:middle;width:32px;height:32px;padding-right:8px}
.comment-user__info .thumb img{border-radius:50%; width:32px;height:32px;}
.comment-user__info .user-name{display:table-cell;vertical-align:middle;font-weight:bold}
.comment-top .edit-option__wrap{top:2px;right:0}
.comment-middle{line-height:24px;padding:0 0 12px 40px}
.reply-user__name{display:inline-block;height:20px;line-height:20px;font-size:13px;color:#fff;background:#79afff;padding:0 8px;border-radius:14px;margin-right:8px;}
.comment-bottom{display:flex;justify-content:space-between;align-items:center;padding-left:40px}
.comment-date{font-size:14px;color:#72788d}
.comment-btn__wrap .btn-reply{height:26px;font-size:14px;color:#3677f6;padding:0 8px;border:1px solid #3677f6;border-radius:13px}
.comment-btn__wrap .btn-like{height:26px;font-size:14px;color:#f53c14;padding:0 8px;border:1px solid #FF3633;border-radius:13px}
.btn-like span{margin-left: 3px}
.comment-box{border:1px solid #d0d3de;border-radius:4px;padding:10px 16px;margin-top:24px}
.comment-textarea{width:100%;height:50px;resize:none;margin-bottom:10px;line-height:24px}
.comment-info{display:flex;justify-content:flex-end;align-items:center;font-size:14px}
.comment-char__info{color:#8D92A3}
.btn-comment__confirm{min-width:62px;height:32px;border:1px solid;border-radius:15px;margin-left:12px;padding:0 8px;}
.btn-comment__confirm.cancel{color:#72788d;border-color:#72788d}
.btn-comment__confirm.register{color:#fff;border-color:#3677f6;background:#3677f6}
.reply-comment.reply{margin-top:24px;padding-left:24px}
.comment-top + .comment-box{margin-top:10px}
.mention-wrapper{position:relative}
.mention-wrapper .mention-options {box-sizing: border-box;z-index: 1;position: absolute;top:calc(100% - 9px);left:-17px;width:calc(100% + 34px); max-height: 150px; opacity: 0;pointer-events: none;background:#fff;color:#333;display: flex;flex-wrap: wrap;border:1px solid #b3b3b3;padding: 5px 0;overflow: auto;}
.mention-wrapper .mention-options.mention-options-reverse {flex-direction: column-reverse;top: initial;bottom: 100%; }
.mention-wrapper .mention-options .mention-option {box-sizing: border-box;background:#fff;position: relative;cursor: pointer;display: none;width: 100%; height: 40px; line-height: 40px;text-indent: 10px;font-size: 16px;color:#333}
.mention-wrapper .mention-options .mention-option.hover, .mention-wrapper .mention-options .mention-option:hover {background:#f5f5f5;}
.mention-wrapper .mention-options.show {opacity: 1;pointer-events: initial; }
.mention-wrapper .mention-options.show .mention-option.show {display: block; }
.mention__to {display:inline-block;color:#1e98d5;margin-right:6px;}

/* header */
.header{position:relative;height:48px;text-align:center;border-bottom:1px solid #f3f3f3;margin-bottom:7px}
.header.main{margin-bottom:0}
.header.detail{margin:0}
.header.fixed{position:fixed;top:0;left:50%;transform:translateX(-50%);border-left:1px solid rgb(234, 234, 234);border-right:1px solid rgb(234, 234, 234);width:100%;max-width:700px;background:#fff;box-sizing:border-box;z-index:11}
.header.fixed.top-layer--have{z-index:30}
.header.fixed + .navigation-klubo + .container-klubo{padding-top:56px}
.header.detail + .navigation-klubo + .container-klubo{padding-top:49px}
.header.detail + .navigation-klubo + .container-klubo.my-gathering{padding-top:87px}
.header__left{position:absolute;top:0;left:8px}
.header__title h1.txt{font-size:19px;font-weight:bold;padding:14px 80px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.header__right{position:absolute;top:0;right:7px}
.header__right > a[class^=btn-]{display:inline-flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;font-size:0;margin-top:6px;overflow:hidden;vertical-align: top;}
.header__right > a[class^=btn-]:before{content:"";background-position-y:0}
.header__right > a.btn-alert:before{width:18px;height:21px;background-position-x:-111px}
.header__right > a.btn-share:before{width:18px;height:18px;background-position-x:-129px}
.header__right > a.btn-search:before{width:20px;height:19px;background-position-x:-147px}
.header__right > a.btn-interest:before{width:21px;height:19px;background-position-x:-185px}
.header__right > a.btn-interest.on:before{background-position-x:-207px}
.header__right > a.btn-setting:before{width:20px;height:21px;background-position:-160px -45px}
.header__right > a.btn-message:before{width:20px;height:23px;background-position-x:-90px;}
.header__right > a.btn-report:before{width:18px;height:22px;background-position:-18px -22px}
.header__right > a.btn-chatadd:before{width:17px;height:20px;background-position:-40px -22px}
.alert-count__num{position:absolute;display:block;min-width:16px;height:16px;line-height:16px;font-size:12px;background:#f53c14;padding:0 1px;color:#fff;font-weight:bold;border-radius:50px;box-sizing:border-box;text-align:center}
.header__right .alert-count__num{top:2px;right:2px;}
.my-top__info .alert-count__num{top:-6px;right:-6px;}
.header__left .logo{margin-left:8px;margin-top:15px}
.header__left .logo img{width:80px}
.btn-menu{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:0;margin-top:7px}
.btn-menu:after{content:"";width:20px;height:16px;background-position:-200px -45px}
.btn-title:after{content:"";display:inline-block;border-style:solid;border-width:5px 5px 0 5px;border-color:#222 transparent transparent transparent;vertical-align:middle;margin-left:10px;margin-bottom:2px}
.btn-title.rotate:after{border-width:0 5px 5px 5px;border-color:transparent transparent #222 transparent;}


/* navigation */
.navigation-klubo{position:fixed;width:100%;max-width:700px;height:62px;bottom:0;left:50%;transform:translateX(-50%);border-top:1px solid #AFB0B3;border-left:1px solid rgb(234, 234, 234);border-right:1px solid rgb(234, 234, 234);background:#fff;box-sizing:border-box;z-index:11}
.navigation__list{display:flex;height:100%;align-items:center;}
.navigation__item{position:relative;width:100%;}
.navigation__item a{display:block;font-size:13px;text-align:center}
.navigation__item.on a{color:#3677f6;font-weight:bold}
.navigation__item a:before{content:"";width:22px;height:22px;background-position-y:0;margin:0 auto 6px}
.navigation__item.on a:before{background-position-y:-24px}
.navigation__item.main a:before{background-position-x:0}
.navigation__item.club a:before{background-position-x:-24px}
.navigation__item.class a:before{background-position-x:-48px}
.navigation__item.chat a:before{background-position-x:-48px}
.navigation__item.meeting a:before{background-position-x:-72px}
.navigation__item.my a:before{background-position-x:-96px}

.klubo-formation .navigation__item a:before{background-position-y:-50px}
.klubo-formation .navigation__item.on a:before{background-position-y:-74px}
.navigation__item.uniform a:before{background-position-x:0}
.navigation__item.field a:before{background-position-x:-24px}
.navigation__item.man a:before{background-position-x:-48px}
.navigation__item.setting a:before{background-position-x:-72px}
.navigation__item.save a:before{background-position-x:-96px}

.bottom-button__wrap{position:fixed;width:100%;max-width:700px;height:47px;left:50%;transform:translateX(-50%);bottom:15px;z-index:10}
.bottom-button__wrap.zindex-up{z-index:30}
.btn-top,.btn-bottom{position:absolute;font-size:0;width:47px;height:47px;top:-100px;right:20px;background-position:0 -69px}
.btn-bottom{transform: rotate(180deg);}
.btn-prev{transform: rotate(270deg);}
.btn-home{background-position-y:-203px}
.btn-medium.btn-add{background:#c6d3f5;top:-100px;box-sizing:border-box}
.btn-medium.btn-add:before{width:13px;height:13px;background-position:-201px -103px;margin-right:8px}
.btn-medium.btn-add + .btn-top,.btn-medium.btn-add + .btn-bottom,.btn-prev + .btn-top,.btn-top.btn-home + .btn-top,.btn-parallax + .btn-top{top:-155px;}
.btn-message__write + .btn-medium.btn-add + .btn-top{top:-210px}
.btn-medium.btn-message__write{background:#ccc5ea;top:-155px}
.btn-medium.btn-message__write:before{width:22px;height:25px;margin-right:8px;vertical-align:middle;background-position-x:-65px}

.icon-attendance{display:block;position:absolute;width:60px;height:22px;line-height:22px;top:-30px;left:50%;margin-left:-30px;font-size:13px;text-align:center;background-color:#f53c14;color:#fff;border-radius:2px;box-shadow: 0 4px 8px 0 rgba(146, 146, 146, 0.2);}
.icon-attendance:after{content:"";display:block;position:absolute;width:0;height:0;bottom:-5px;left:25px;border-style:solid;border-width:5px 5px 0 5px;border-color:#f53c14 transparent transparent transparent;}

/* main */
.main-banner{position:relative;overflow:hidden}
.main-banner__item{overflow:hidden;}
.main-banner__item:last-child{margin-right:0}
.main-banner__item img{display:block;width:100%}
.main-banner__pagination{position:absolute;min-width:50px;height:20px;line-height:19px;bottom:10px;right:10px;border-radius:50px;z-index:1;background:rgba(0,0,0,.1);font-size:13px;color:#fff;text-align:center;box-sizing:border-box;padding:0 5px;letter-spacing:-1px;}
.main-banner__pagination:after{content:"";width:8px;height:8px;background-position:-55px -45px;margin-left:3px}
.main-banner__pagination .now{font-weight:bold}

.main-grid{margin-top:40px}
.main-grid.main-club{margin-top:18px}
.main__header{position:relative;padding:0 16px 16px}
.main__header .title{font-size:19px;color:#333232;font-weight:bold;}
.main__header .link:after{content:"";width:7px;height:12px;background-position:-64px -45px;margin-left:8px}
.main__header .title__sub{color:#8D92A3;}
.main__header .link__more{position:absolute;bottom:16px;right:16px;font-size:13px;color:#8D92A3}
.main__header .link__more:after{content:"";display:inline-block;width:6px;height:10px;background-position:-86px -45px;margin-left:8px}

.main__footer{width: 100%;height: fit-content;background-color: rgb(248, 250, 251);color: rgb(118, 122, 120);}
.main__footer_wrap{padding: 24px 16px 0px; margin-bottom:60px}
.main__footer_content{margin-bottom: 6px;cursor: pointer;display: flex;flex-direction: column;padding: 12px 0px 16px;row-gap: 6px;}
.main__footer_content > h6 {font-weight: 700;}
.main__footer_content > p {font-size: 1.1rem;letter-spacing: -0.008rem;}
.main__footer_service{display: flex;width: 100%;-webkit-box-align: center;align-items: center;flex-flow: wrap;gap: 10px 10%;padding: 14px 0px;border-top: 1px solid rgb(234, 238, 236);}
.main__footer_service > p {font-size: 1.25rem;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: -0.28px;color: #494949;}

.main-swipe__cont{position:relative;padding:0 16px;overflow:hidden;}
.class__item-main{position:relative;width:155px}
.class__item-main + .class__item-main{margin-left:10px}
[class^=class__item-] .new__badge{position:absolute;width:29px;height:20px;line-height:19px;top:6px;left:6px;border-radius:2px;background:#F54949;text-align:center;font-size:12px;color:#fff;font-weight:bold;z-index:1}
.class__item-main .thumb img{width:155px;height:103px}
[class^=class__item-] .cate{font-size:13px;margin-top:8px;font-weight:bold}
[class^=class__item-] .title{margin-top:4px;min-height:38px;line-height:19px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:7px}
[class^=class__item-] .loc-info{margin-top:5px;overflow:hidden;white-space:nowrap;}
.main-grid [class^=class__item-] .members{display:inline-block;background:#F7F9FC;font-size:12px;padding:2px 4px;color:#959799;letter-spacing:0;}
.main-grid [class^=class__item-] .members:before{content:"";width:7px;height:9px;background-position:-72px -45px;margin-right:3px}
[class^=class__item-] .location{display:inline-block;font-size:13px;color:#959799;margin-left:4px}
[class^=class__item-] .price{font-weight:bold;color:#000;}
[class^=class__item-] .price .num{font-size:16px;}
[class^=class__item-] .star__rating{font-size:13px;color:#959799;margin-left:4px}
[class^=class__item-] .star__rating:before{content:"";width:10px;height:10px;background-position:-80px -58px;margin-right:3px}
.class__interest{position:absolute;top:5px;right:5px;font-size:0}
.class__interest:after{content:"";width:27px;height:24px;background-position:0 -45px}
.class__interest.on:after{background-position-x:-27px}

.banner-all__item img{width:100%}
.banner-all__item + .banner-all__item{margin-top:8px}

.page-title{font-weight:bold;font-size:17px;margin-top:10px}
.my-sub__wrap .club-create__notice{margin:10px 16px 20px}

/* 동호회 */
.sub-banner{position:relative;margin:0 16px 18px;overflow:hidden;border-radius:8px}
.sub-banner__item img{display:block;width:100%}
.sub-banner .swiper-pagination{position:absolute;bottom:6px}
.sub-banner .swiper-pagination-bullet-active{background:#fff}

.search-list__wrap.fixed{position:fixed;width:100%;max-width:700px;top:0;left:50%;transform:translateX(-50%);border-left:1px solid rgb(234, 234, 234);border-right:1px solid rgb(234, 234, 234);z-index:20;background:#fff;box-sizing:border-box}
.search-list__wrap.fixed + .class-list{padding-top:100px}
.category-list__wrap{position:relative;padding:0 16px;border-bottom:1px solid #E6E6E6}
.category-list__wrap:after{content:'';position:absolute;top:1px;right:0;bottom:0;z-index:1;width:60px;background:transparent linear-gradient(90deg, #FFFFFF00 0%, var(--unnamed-color-ffffff) 100%) 0% 0% no-repeat padding-box;background:transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
.category__item{width:auto}
.category__item a{display:block;min-width:50px;padding:10px 5px 11px;color:#646566;font-size:17px;box-sizing:border-box;}
.category__item + .category__item{margin-left:16px}
.category__item.on a{position:relative;font-weight:bold;color:#3677f6}
.category__item.on a:after{content:"";display:block;position:absolute;width:100%;height:3px;left:0;bottom:-1px;background:#3677f6;z-index:1}
.category__item:last-child{padding-right:35px}
.btn-category__more{position:absolute;bottom:5px;right:16px;font-size:0;z-index:2}
.btn-category__more:after{content:"";width:32px;height:32px;background-position:-85px -69px}
.sort-list{padding:15px 0 15px 16px}
.btn-sort{height:30px;padding:0 9px;color:#262626;background:#fff;border:1px solid #E0E2E6;border-radius:50px;margin: 3px 0px 0px 0px}
.btn-sort:after{content:"";width:11px;height:7px;background-position:-66px -60px;vertical-align:middle;margin-left:8px}
.btn-sort.on{background:#3677f6;color:#fff;border-color:#3677f6}
.btn-sort.on:after{background-position-x:-117px}
.btn-sort.type--button{padding:0 12px}
.btn-sort.type--button:after{display:none}
.btn-sort.type--button .image{width:20px;height:20px;margin-right:4px}
.header.detail .category-list__wrap{background:#fff;padding-top:10px}
.header.detail .category-list__wrap:after{display:none}
.header.detail .category-list__wrap .category__item + .category__item{margin-left:15px}
.header.detail .category-list__wrap .category__item + .category__item:last-child{padding-right:0}
.sub-class__list{margin-top:5px}
.class__item-sub .item-table__wrap{display:block;margin:0 16px}
.class__item-sub .item-table{display:table;width:100%;table-layout:fixed;}
.class__item-sub + .class__item-sub{padding-top:16px;margin-top:16px;border-top:1px solid #F7F7F7}
.class__item-sub .thumb{display:table-cell;position:relative;width:120px;height:105px;vertical-align:top}
.class__item-sub .item__contents{display:table-cell;vertical-align:top;padding-left:16px}
.class__item-sub .cate{display:inline-block;height:20px;line-height:20px;margin-top:0;font-size:13px;background:#3677f6;padding:0 4px 0 3px;border-radius:4px;color:#fff;font-weight:normal;vertical-align:top;}
.class__item-sub .title{min-height:auto;font-weight:bold;margin:7px 0 5px;line-height:21px;font-size:16px}
.class__item-sub .explanation{color:#72788d;margin-bottom:8px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px}
.class__item-sub .class__interest{top:3px;right:3px;}
.class__item-sub .members{font-size:14px;color:#4e95ff}
.class__item-sub .price{font-size:15px;color:#ff7d60;text-align:right}
.class__item-sub .team{display:inline-block;height:20px;line-height:20px;margin-top:0;font-size:13px;background:#3677f6;padding:0 4px 0 3px;border-radius:4px;color:#fff;font-weight:normal;vertical-align:top;}
.list-location{font-size:14px;color:#8D92A3;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-location:before{content:"";width:18px;height:18px;background-position:-211px -22px;vertical-align:top;margin-right:4px}

/* 광고영역 추가 */
.class__item-sub.ad-text{position:relative}
.class__item-sub.ad-text .cate{background-color:#e0320c}
.class__item-sub.ad-text .cate__wrap + .explanation{margin-top:7px;line-height:24px}
.class__item-sub.ad-text .edit-option__wrap{top:13px}
.class__item-sub.ad-text .text__go{display:flex;align-items:center;justify-content:flex-end;font-size:13px;color:#959799}
.class__item-sub.ad-text .text__go:after{content:"";width:6px;height:10px;background-position:-86px -45px;margin-left:4px}
.class__item-sub.ad-banner{text-align:center;padding:16px 16px 16px;}
.class__item-sub.ad-banner .list-banner{display:inline-block;position:relative}
.class__item-sub.ad-banner .list-banner img{max-width:100%;height:70px;border-radius:8px}
.class__item-sub.ad-banner .label-ad{position:absolute;height:18px;line-height:16px;top:4px;right:24px;font-size:10px;color:#959799;padding:0 4px;background:#fff;border:1px solid #afb0b3;border-radius:50px;box-sizing: border-box;}
.class__item-sub.ad-banner .button__delete{display:flex;align-items:center;justify-content:center;position:absolute;width:18px;height:18px;right:4px;top:4px;font-size:0;background:#fff;border:1px solid #afb0b3;border-radius:50%;}
.class__item-sub.ad-banner .button__delete:after{content:"";width:8px;height:8px;background-position:-173px -22px}

.category-2depth__wrap{position:relative;background:#F7F9FC;padding:10px 16px}
.category-2depth__wrap:after{content:'';position:absolute;top:1px;right:0;bottom:0;z-index:1;width:60px;background:transparent linear-gradient(90deg, #FFFFFF00 0%, var(--unnamed-color-ffffff) 100%) 0% 0% no-repeat padding-box;background:transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
.category-2depth__wrap .selected-2depth__item{width:auto;background:#fff}
.category-2depth__wrap .selected-2depth__item:last-child{margin-right:35px}
.btn-category__reset{position:absolute;bottom:14px;right:16px;font-size:0;z-index:2}
.btn-category__reset:after{content:"";width:32px;height:32px;background-position:-50px -69px}

/* 동호회 상세 */
.detail-banner{position:relative; height: calc(33vh + 12px); opacity: 1; overflow:hidden;}
.detail-banner__item img{display:block;width:100%; height: 320px; object-fit:cover;}
.detail-banner .swiper-pagination{position:absolute;bottom:10px}
.detail-banner .swiper-pagination-bullet-active{background:#3677f6}

.club-detail__info{padding:0 16px}
.info-title{border-top:1px solid #F5F5F5;padding-top:16px;margin-top:16px;color:#2D2D2E;font-size:17px;font-weight:bold}
.info-title:first-child{border:0;margin:0}
.info-contents{margin-top:16px}
.club__info{display:table;table-layout:fixed;width:100%;line-height:26px}
.club__info + .club__info{margin-top:8px}
.club__info .title{display:table-cell;vertical-align:top;width:100px;font-size:16px;color:#8A8A8A}
.club__info .con{display:table-cell;vertical-align:top;font-size:16px;color:#404040}
.club__info .con .copy{font-weight: 500;font-size: 12px;text-decoration: underline;color: #666;line-height: 16px;display: flex;margin: 8px 0 0 0; cursor:pointer;}
.club__info .con .copy:before {content: ""; background: url(/www/img/main_icon/btn_icon/copy.svg) 50% 50% no-repeat; background-size: contain;width: 18px;height: 18px;margin-right: 2px;}

.introduction__wrap{font-size:16px;line-height:28px}
.info-contents .detail-banner{height:180px;margin-top:16px}
.info-contents .detail-banner__item img{height:180px;}
.upcoming__box{min-height:35px;line-height:35px;padding:0 10px;border:1px solid #E0E2E6;background:#F7F7F7;border-radius:4px;margin-bottom:16px}
.map__box{margin-bottom:16px}
.btn-map__link{font-size:0}
.btn-map__link + .btn-map__link{margin-left:8px}
.btn-map__link:after{content:"";width:24px;height:24px;background-position-y:-118px}
.btn-map__link.tmap:after{background-position-x:0}
.btn-map__link.kakao:after{background-position-x:-25px}
.btn-map__link.naver:after{background-position-x:-50px}
.upcoming__none{display:flex;height:134px;justify-content:center;align-items:center;font-size:17px;font-weight:bold}
.info-contents .btn-authenticate{position:static;padding:0 15px}
.club-detail__info .selected-2depth__item{height:26px;line-height:26px;padding:0 12px;margin-bottom:3px}

/* 동호회 가입 */
.club-join__wrap{position:relative;min-height:calc(100vh - 138px);padding:0 16px 81px}
.join-club__info{font-size:16px;color:#404040}
.join-club__info .con{font-size:16px;line-height:22px;color:#404040;margin-top:11px}
.join-club__input{margin-top:16px}
.join-club__input .page-con__title:first-child{margin-top:0}
.join-club__input .club-img__item .thumb img{width:120px;height:120px}
.join-club__input .club-img__item {width: 120px;margin-bottom: 12px;}
.page-con__title{color:#2D2D2E;margin:30px 0 12px;font-size:16px;}
.input-text__wrap{position:relative}
.input-text__wrap .input{width:100%;height:40px;line-height:40px;border:1px solid #E0E2E6;background:#fff;border-radius:4px;padding:0 14px;color:#222;box-sizing:border-box}
.input-text__wrap .input:focus{outline:none;border-color:#3677f6}
.input-text__wrap.medium{width:120px}
.input-text__wrap .btn-img__del{top:10px;right:10px}
.bottom-btn__wrap{position:fixed;width:100%;max-width:700px;bottom:0;left:50%;transform:translateX(-50%);box-sizing:border-box;padding:10px 16px;z-index:20}
.bottom-btn__wrap .layer-toast.toast-category{top:-83px}
.bottom-btn__wrap .members__apply + .layer-toast.toast-category{top:-39px}
.bottom-btn__wrap--static{padding:16px}
.bottom-btn__wrap--static:after{content:"";display:block;clear:both}
.club-join .payment__list{width:100%;margin:32px 0 0}
.club-join .club-join__wrap{margin-top:16px}
.bottom-toast__wrap{position:fixed;width:100%;max-width:700px;left:50%;transform:translateX(-50%);bottom:65px;z-index:31}
.bottom-toast__wrap .layer-toast.toast-category{position:relative;top:auto;left:auto;right:auto;bottom:auto}

.progress {margin-bottom: 10PX;display: flex;height: 7px;overflow: hidden;background-color: #F6F9FF;position: relative;top: -9px;}
.progress-bar {display: flex;background-color: #3677f6;flex-direction: column;justify-content: center;overflow: hidden;text-align: center;white-space: nowrap}
.club-join__wrap .club-create__notice{margin:10px 16px 20px}

.step-btn__wrap{text-align: center;}
.club-join__wrap .btn-create__preview {width: 100px;background: #F6F9FF;border: 1px solid #D6E4FF;color: #404040;width: calc(50% - 5px);}
.club-join__wrap .btn-create__next {width: 100px;width: calc(50% - 5px);}
.club-join__wrap .step-page{margin-top: 20px; display: none;}
.club-join__wrap .step-page .page-con__title{font-size:18px; margin-bottom: 20px;}
/* 동호회 개설하기 */
.club-join__wrap.create{padding:0}
.club-create__notice{background:#F6F9FF;border-radius:4px;margin:0 16px;padding:12px}
.club-create__warning{background:#FFFBF5;border-radius:4px;margin:0 16px;padding:12px}
.club-create__error{background:#FFF5F9;border-radius:4px;margin:0 16px;padding:12px}
.club-create__success{background:#F8FFF5;border-radius:4px;margin:0 16px;padding:12px}
.notice__item{position:relative;padding-left:8px;}
.notice__item + .notice__item{margin-top:8px}
.notice__item:before{content:"";display:block;position:absolute;left:0;top:7px;width:3px;height:3px;border-radius:50%;background:#4D556D}
.club-join__wrap.create .join-club__input{padding:0 16px;}
.club-join__wrap .notice,.sub-notice{position:relative;padding-left:9px;font-size:13px;color:#959799;line-height:19px;margin-top:8px}
.club-join__wrap .notice + .notice,.sub-notice + .sub-notice{margin-top:0}
.club-join__wrap .notice:before,.sub-notice:before,.info-notice:before{content:"";display:block;position:absolute;left:0;top:7px;width:3px;height:3px;border-radius:50%;background:#959799}
.club-join__wrap.create .join-club__input.full{padding:0;margin:0}
.club-join__wrap.create .join-club__input.full .page-con__title{margin-left:16px;margin-top:30px}
.join-club__input.full .editor{height:40px;border-top:1px solid #E6E6E6;padding-left:16px}
.club-introduction__box{width:100%;height:260px;line-height:24px;border:1px solid #E0E2E6;box-sizing:border-box;padding:10px 16px;resize:none;border-radius:4px;color:#222}
.textarea-top__wrap + .club-introduction__box{border-top-left-radius:0;border-top-right-radius:0;}
.textarea-top__wrap{border:1px solid #E0E2E6;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:0;padding:5px 8px;background:#f8f8f8}
.attached-image__textarea{width:32px;height:32px;font-size:0;background:#fff;border:1px solid #f3f3f3;border-radius:4px;}
.attached-image__textarea:before{content:"";width:15px;height:15px;background-position:-100px -143px;}
.club-join__wrap.create .join-club__input.full .notice{margin:8px 16px 0}
.club-join__wrap.create .join-club__input .notice.char,.sub-notice.char{text-align:right}
.club-join__wrap.create .join-club__input .notice.char:before,.sub-notice.char:before{display:none}
.join-club__input.full .members__apply.sub__btn{width:calc(100% - 32px);margin:0 16px}
.sub-notice.char + .sub-notice{margin-top:8px}

.public__selected{display:flex;background:#F7F7F7;border-radius:40px}
.public__selected .members__apply{font-weight:normal}
.public__selected .members__apply:not(.on){background:#F7F7F7;border-color:#F7F7F7;color:#404040}
.members__apply.red{background-color:#f53c14;border-color:#f53c14}
.members__apply.late{background-color:#faad14;border-color:#faad14}
.members__apply.half{float:left;width:calc(50% - 4px);}
.members__apply.half + .members__apply.half{margin-left:8px}
.members__apply.thirds{float:left;width:calc(33% - 6px);}
.members__apply.thirds + .members__apply.thirds{margin-left:7px}

.members__apply.type--attend{background:#3174f6;border-color:#3174f6}
.members__apply.type--absence{background:#cb4337;border-color:#cb4337}
.members__apply.type--etc{background:#3b4e75;border-color:#3b4e75}
.members__apply:disabled{background:#AFB0B3;border-color:#AFB0B3;cursor:auto;}

.club-join__wrap .selected-2depth__list + .members__apply{margin-top:6px}
.club-join__wrap .selected-2depth__item{padding:0 12px;color:#404040}
.create-location__item{float:left;line-height:30px;margin-left:4px}

.club-img__list__wrap{padding:0 16px;overflow:hidden;margin-bottom:14px}
.club-img__list:after{content:"";display:block;clear:both}
.club-img__item{position:relative;float:left;width:80px}
.club-img__item + .club-img__item{margin-left:12px}
.club-img__item .thumb img{width:80px;height:80px}
.club-img__item button{font-size:0}

.img-btn__wrap{margin-top:4px;text-align:center}
.img-btn__wrap button{height:27px;border:1px solid #E6E6E6;background:#fff}
.img-btn__wrap button:after{content:"";width:6px;height:10px;background-position-y:-45px}
.img-btn__wrap .btn-img__move--left{width:41px}
.img-btn__wrap .btn-img__move--left:after{background-position-x:-80px}
.img-btn__wrap .btn-img__move--right{width:40px;margin-left:-1px}
.img-btn__wrap .btn-img__move--right:after{background-position-x:-86px}
.btn-img__del{position:absolute;top:4px;right:4px;width:20px;height:20px;background-position:-111px -22px;font-size:0}

/* 카테고리 선택창 */
.category-select{padding-bottom:70px}
.category-select__list{display:flex;flex-wrap:wrap;border-top:1px solid #F7F7F7}
.category-select__item{width:50%}
.category-select__item .item__depth--1{display:block;position:relative;height:44px;line-height:44px;box-sizing:border-box;border-bottom:1px solid #F7F7F7;padding-left:16px;font-size:16px;letter-spacing:-1.2px;}
.item__depth--1:after{content:"펼치기";position:absolute;width:11px;height:6px;top:18px;right:13px;background-position:-54px -60px;font-size:0}
.category-select__item.on .item__depth--1{background:#3677f6;font-weight:bold;color:#fff}
.category-select__item.item--select .item__depth--1{background:#F6F9FF;font-weight:bold;color:#3677f6}
.category-select__item:nth-child(odd) .item__depth--1{border-right:1px solid #F7F7F7}
.category-select__item:nth-child(even) .category__depth--2{margin-left:-100%;}
.category-select__item.on .item__depth--1:after{content:"접기";background-position-x:-105px}

.category__depth--2{display:flex;flex-wrap:wrap;width:200%;padding:10px 0;background:#F7F7F7}
.item__depth--2{width:50%;padding:10px 0 10px 16px;box-sizing:border-box}
.check-box input{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
.check-box .cate__text{position:relative;line-height:20px;color:#646566}
.check-box .cate__text:before{content:"";display:inline-block;width:20px;height:20px;background:#fff;border:1px solid #E0E2E6;border-radius:4px;box-sizing:border-box;vertical-align:top;margin-right:5px}
.check-box input:checked + .cate__text{color:#3677f6;font-weight:bold}
.check-box input:checked + .cate__text:before{background:#3677f6;border:0}
.check-box input:checked + .cate__text:after{content:"";position:absolute;width:12px;height:10px;background-position:-107px -45px;top:5px;left:4px}

.check-box.check--circle .cate__text{line-height:24px}
.check-box.check--circle .cate__text:before{width:24px;height:24px;border-radius:50%;}
.check-box.check--circle input + .cate__text:after{content:"";position:absolute;width:12px;height:10px;background-position-y:-22px;top:5px;left:6px}
.check-box.check--circle input:checked + .cate__text:after{background-position:-107px -45px;}

.layer-selected__category .layer__top .title:after{width:11px;height:6px;background-position:-92px -60px;font-size:0;margin-left:6px}
.layer-selected__category.layer--close .layer__top .title:after{content:"레이어 펼치기";}
.layer-selected__category.layer--open .layer__top .title:after{content:"레이어 접기";background-position-x:-54px}
.btn-reset{position:absolute;top:14px;right:16px;color:#959799}
.btn-reset:before{content:"";width:13px;height:13px;background-position:-182px -22px;margin-right:5px}

.selected-item__list{padding-bottom:12px}
.selected-item__title{font-size:16px;font-weight:bold;color:#262626;margin-bottom:8px}
.selected-item__con{margin-bottom:20px}
.selected-2depth__list:after{content:"";display:block;clear:both}
.selected-2depth__item{float:left;height:30px;line-height:30px;background:#F7F7F7;border-radius:20px;padding:0 6px 0 12px;margin:0 6px 6px 0;color:#676767}
.btn-del{width:20px;height:20px;font-size:0}
.btn-del:after{content:"";width:8px;height:8px;background-position:-173px -22px;vertical-align:1px;}

/* 알림 */
.full-screen.alert-list{padding-top:49px}
.alert__list{padding:0 16px}
.alert__item{position:relative;padding:14px 30px 12px 0;border-bottom:1px solid #F1F1F1}
.alert__item .title{color:#404040}
.alert__item .title strong{color:#323233;margin-right:4px;line-height:21px}
.alert__item .title.new:after{content:"";display:inline-block;width:4px;height:4px;top:0;right:0;background:#3677f6;border-radius:50%;vertical-align:top;margin-left:3px;}
.alert__item .reason{color:#3677f6;line-height:21px}
.alert__item .date{color:#959799;font-size:13px;margin-top:5px}
.alert__item .btn-del__word{top:8px}
.alert__item .btn-del__word:after{margin-top:0}
.alert__list.alert--etc .alert__item{padding:14px 26px 12px 35px}
.alert__item .check-table__cell{position:absolute;width:32px;left:0;top:16px;}
.alert__item .edit-option__wrap{right:0;top:13px}
.check-all__wrap.alert--etc{display:flex;align-items:center;}
.btn__alert-top{height:36px;line-height:35px;border:1px solid #E0E2E6;border-radius:4px;padding:0 6px;color:#404040;margin-right:4px;font-size:13px}
.alert--etc .input-selecte__wrap{margin-left:auto}
.alert--etc .input-selecte__wrap select{height:36px;line-height:35px;font-size:13px;padding:0 22px 0 6px}
.alert--etc .input-selecte__wrap:after{top:17px;right:8px}

/* 검색 */
.search-section{min-height:100vh;max-width:700px;margin:0 auto;background:#fff;border:solid rgb(234, 234, 234);border-width:0 1px;box-sizing:border-box;}
.header.search{border-bottom-color:#E6E6E6;margin-bottom:0}
.header__search{margin:0 55px}
.header__search input[type=search]{width:100%;line-height:48px;font-size:18px;color:#323233}
.header.search .header__left{left:8px}
.btn-back{display:block;width:36px;height:36px;font-size:0;margin-top:6px}
.btn-back:after{content:"";width:20px;height:18px;background-position:-230px 0;margin-top:8px}

.search-recent__wrap{max-height:calc(100vh - 49px);overflow-y:auto;padding:0 20px}
.search-recent__top{padding:18px 0 10px;border-bottom:1px solid #F7F7F7}
.search-recent__top:after{content:"";display:block;clear:both}
.search-recent__top .title{float:left;color:#323233;font-weight:bold}
.search-recent__top .del{float:right;color:#646566;font-size:14px}
.search-recent__item{position:relative;border-bottom:1px solid #F7F7F7}
.search__word{display:block;font-size:16px;color:#4B4B4D;padding:10px 3px;margin-right:32px}
.btn-del__word{position:absolute;width:32px;height:32px;right:0;top:3px;font-size:0;text-align:center}
.btn-del__word:after{content:"";width:11px;height:11px;background-position:-150px -22px;margin-top:11px}
.search-result__none{display:flex;height:calc(100vh - 49px);font-size:17px;font-weight:bold;justify-content:center;align-items:center}

.search-result__wrap .class-list{padding-bottom:20px}
.search-result__wrap .item__contents .word{color:#3677f6}

/* layer */
.dimm{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:29}
.layer-bottm--fixed{display:none;position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:700px;padding-bottom:16px;background:#fff;border-radius:12px 12px 0 0;box-shadow: 0px -4px 12px #00000026;outline:none;z-index:30}
.layer-bottm--fixed.layer--close{display:block;height:32px}
.layer-bottm--fixed.layer--close .layer-bottom__con{display:none}
.layer-bottm--fixed.layer--open{display:block;height:auto}
.layer__top{position:relative;height:48px;line-height:48px;text-align:center;border-bottom:1px solid #f3f3f3}
.layer__top .title{font-size:19px;font-weight:bold;letter-spacing:-1px;}
.layer-bottm--fixed .layer__top .title{font-size:17px;}
.layer__top .btn-close{position:absolute;width:18px;height:17px;top:16px;right:15px;background-position:-167px 0;font-size:0}
.layer-bottom__con{padding:16px 16px 0}

.layer-top--fixed{display:none;position:fixed;top:0;width:100%;max-width:700px;left:50%;transform:translateX(-50%);border-left:1px solid rgb(234, 234, 234);border-right:1px solid rgb(234, 234, 234);padding-bottom:16px;background:#fff;border-radius:0 0 12px 12px;outline:none;box-sizing:border-box;z-index:30}
.layer-top--fixed .layer__top{border-bottom:0;text-align:left;padding-left:16px}
.layer-top--fixed .layer__top .title{font-size:17px}
.layer-top--fixed.header--have{top:48px;padding-top:16px}
.layer-top--fixed .layer-bottom__con{padding-top:0}
.layer-top--fixed .layer-sort__item{text-align:left}

.layer-middle--fixed{position:fixed;width:calc(100% - 40px);max-width:360px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:30}
.layer-middle--fixed.hide{display:none !important}
.layer-middle--fixed .inner{position:relative;background:#fff;border-radius:16px;text-align:center;padding:24px 24px 16px;box-sizing:border-box}
.layer-attend__title{font-size:17px;font-weight:bold;margin-bottom:14px}
.layer-attend__img img{width:71px}
.layer-attend__notice{font-size:14px;color:#72788d;margin:15px 0 8px}
.layer-middle--fixed .btn-comment__confirm.cancel{width:auto;border:0;color:#222}
.layer-attend__bottom{position:absolute;bottom:-30px;right:24px;}
.layer-attend__bottom .check-box .cate__text{color:#d0d3de}
.layer-attend__bottom .check-box input:checked + .cate__text{color:#d0d3de}
.layer-attend__bottom .check-box .cate__text:before{background:none;border-color:#d0d3de}
.layer-middle--fixed.menu .inner{padding:10px 24px}
.layer-middle--toast .inner{padding:24px}
.layer-title{font-size:17px;font-weight:bold;text-align:left;margin-bottom:16px}
.layer-contents{margin-bottom:16px;line-height:22px;text-align:left;color:#72788d}
.layer-contents--type2{font-size:17px;margin-bottom:24px;line-height:24px}

.layer-bottm--fixed.sort,.layer-bottm--fixed.link{padding-bottom:10px}
.layer-bottm--fixed.sort .layer-bottom__con,.layer-bottm--fixed.link .layer-bottom__con{padding-top:10px}
.layer-sort__list{max-height:270px;overflow-y:auto;}
.layer-sort__item{line-height:38px;text-align:center;margin:6px 0}
.layer-sort__list.left .layer-sort__item{text-align:left;}
.layer-sort__item a{display:block;font-size:16px;color:#404040;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.layer-sort__item.on a:before{content:"";width:13px;height:14px;background-position:-93px -45px;vertical-align:-1px;margin-right:5px}
.layer-sort__item.on a{color:#3677f6;font-weight:bold}
.layer-sort__item.red a{color:#ff7d60}

.selected__range{font-size:21px;color:#404040;font-weight:bold;text-align:center;margin-top:5px}
.range__wrap{position:relative;margin:20px 15px 43px}
.range__wrap .track{position:relative;width:100%;height:2px;background:#EDEDED}
.range__wrap .range{position:absolute;height:2px;background:#3677f6}
.range__wrap .numberRange[class^=num_]{position:absolute;display:block;width:20%;top: -19px;height: 40px;text-align:center;font-size:12px;color:#959799}
.range__wrap .numberRange[class^=num_]:before{content:"";display:block;width:2px;top: 16px;position: relative;height:8px;background:#EDEDED;margin:0 auto 10px}
.range__wrap .numberRange[class^=num_].on:before{background:#3677f6;}
.range__wrap .numberRange[class^=num_].selected:after{content:"";display:block;position:absolute;width:20px;height:20px;top: 8px;left:50%;margin-left:-12px;border:2px solid #3677f6;background:#fff;border-radius:50%}
.range__wrap .numberRange.num_1{left:-10%}
.range__wrap .numberRange.num_2{left:10%}
.range__wrap .numberRange.num_3{left:30%}
.range__wrap .numberRange.num_4{left:50%}
.range__wrap .numberRange.num_5{left:70%;}
.range__wrap .numberRange.num_6{left:90%}
.range__wrap .numberRange span {top: 15px;position: relative;}
.members__apply{width:100%;height:44px;line-height:42px;border-radius:40px;background:#3677f6;border:1px solid #3677f6;font-size:16px;color:#fff;font-weight:bold;text-align:center;box-sizing:border-box}
.members__apply.sub__btn{height:40px;line-height:38px;font-weight:normal;font-size:15px}
.members__apply.sub__btn.tender{background:#F6F9FF;border-color:#D6E4FF;color:#3677f6;font-weight:normal}

.full-screen{min-height:100vh;max-width:700px;margin:0 auto;padding-top:57px;background:#fff;border:solid rgb(234, 234, 234);border-width:0 1px;box-sizing:border-box;}
.full-screen .layer__top{position:fixed;width:100%;max-width:700px;top:0;left:50%;transform:translateX(-50%);border-left:1px solid rgb(234, 234, 234);border-right:1px solid rgb(234, 234, 234);background:#fff;z-index:29;border-bottom:1px solid #f3f3f3;box-sizing:border-box;}
.full-screen.category-select .layer__top{border-bottom:0}
.layer-toast{position:absolute;width:calc(100% - 32px);margin:0 16px;background:rgba(0,0,0,.7);box-sizing:border-box;padding:10px 12px;border-radius:4px;}
.layer-toast .txt{color:#fff}
.btn-close--white{position:absolute;top:13px;right:13px;font-size:0;}
.btn-close--white:after{content:"";width:10px;height:10px;background-position:-162px -22px;}
.layer-toast.toast-category{top:-47px;left:0;}

/* 로그인 */
.login-main{display:flex;flex-direction:column;justify-content:center;height:100vh;padding:0 24px 24px;box-sizing:border-box}
.klubo-logo__wrap img{width:111px;height:24px}
.login-title{line-height:30px;font-size:25px;font-weight:bold;margin:24px 0}
.login-notice{line-height:20px;color:#72788d;}
.login-notice .underline{text-decoration:underline}
.login-btn__list{width:100%;left:0;bottom:32px;box-sizing:border-box;margin-top:40px}
.login-btn__list .login-btn__item + .login-btn__item{margin-top:12px}
.login-btn__list .btn-login{display:block;position:relative;height:45px;line-height:45px;padding-left:32px;text-align:center;border-radius:25px;font-weight:bold}
.login-btn__list .btn-login:before{content:"";position:absolute;width:20px;height:19px;top:13px;left:18px;background-position-y:-69px}
.login-btn__list .btn-login.kakao{background:#fff200}
.login-btn__list .btn-login.kakao:before{background-position-x:-120px}
.login-btn__list .btn-login.naver{background:#4ab749;color:#fff}
.login-btn__list .btn-login.naver:before{background-position-x:-140px}
.login-btn__list .btn-login.google{background:#fff;border:1px solid #d0d3de;box-sizing:border-box;line-height:43px}
.login-btn__list .btn-login.google:before{background-position-x:-160px}
.login-btn__list .btn-login.alpple{background:#2e3240;color:#fff}
.login-btn__list .btn-login.alpple:before{background-position-x:-180px}
.login-btn__list .btn-login.kakao-story{background:#ffbe31}
.login-btn__list .btn-login.kakao-story:before{background-position:-201px -143px;}
.login-btn__list .btn-login.phone{background:#3677f6;color:#fff}
.login-btn__list .btn-login.phone:before{background-position:-33px 0;}

.icon-tooltip{display:block;position:absolute;width:80px;height:22px;line-height:22px;top:-30px;left:80%;margin-left:-30px;font-size:13px;text-align:center;background-color:#f53c14;color:#fff;border-radius:2px;box-shadow: 0 4px 8px 0 rgba(146, 146, 146, 0.2);}
.icon-tooltip:after{content:"";display:block;position:absolute;width:0;height:0;bottom:-5px;left:25px;border-style:solid;border-width:5px 5px 0 5px;border-color:#f53c14 transparent transparent transparent;}

.layer-middle--fixed .login-btn__list{padding:24px;margin-top:0;}

/* 회원가입 */
.join-member__info{padding:0 16px;margin-bottom:30px}
.join-member__info .con{font-size:14px;margin-top:8px;color:#72788d;line-height:22px}
.club-join__wrap .error{font-size:13px;color:#ff7d60;margin-top:4px}
.input-selecte__wrap{position:relative;}
.input-selecte__wrap:after{content:"";display:block;position:absolute;width:0;height:0;top:20px;right:15px;border-style:solid;border-width:5px 5px 0 5px;border-color:#2e3240 transparent transparent transparent}
.input-selecte__wrap.medium{width:120px}
.input-selecte__wrap.width--40{width:40%}
.input-selecte__wrap.width--100{width:100%}

.input-selecte__wrap select,.input-selecte__wrap .box{width:100%;height:40px;line-height:40px;border:1px solid #E0E2E6;border-radius:4px;padding:0 30px 0 14px;color:#404040;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.input-selecte__wrap select:required:invalid,.input-selecte__wrap .box.gray{color:#8D92A3}
.input-selecte__wrap select option{color:#0f0f0f}
.club-join__wrap .float-clear{position:relative;}
.club-join__wrap .float-clear + .input-text__wrap{margin-top:16px}
.btn-authenticate{position:absolute;min-width:74px;height:26px;top:7px;right:8px;color:#fff;font-size:14px;background:#3677f6;border-radius:50px;text-align:center;padding:0 8px}
.btn-authenticate.done{background:#d0d3de}
.time-authenticate{position:absolute;top:12px;right:90px;color:#4e95ff}
.club-join__wrap.create.member .club-img__item{width:120px;margin-bottom:12px}
.club-join__wrap.create.member .club-img__item .thumb img{width:120px;height:120px}

/* MY */
.container-klubo.my{padding-bottom:63px}
.my-top__info{display:table;width:calc(100% - 36px);height:80px;padding:0 16px 0 24px;border-radius:8px;box-shadow:0 0 8px 0 rgba(171, 171, 171, 0.2);border:solid 1px #f3f3f3;background-color: #fff;box-sizing:border-box;margin:0 16px}
.my-top__info > div{display:table-cell;vertical-align:middle;}
.my-top__info .thumb{width:44px;padding-right:16px}
.my-top__info .thumb img{width:44px;height:44px;border-radius:50%}
.my-top__info .user__info .name{display:inline-block;max-width:125px;font-size:17px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.my-top__info .user__info .txt{display:inline-block;vertical-align:middle;font-size:14px}
.my-top__info .my-btn__wrap{text-align:right}
.my-top__info .btn-user__info{display:inline-block;position:relative;width:36px;height:36px;font-size:0;vertical-align:middle;text-align:center}
.my-top__info .btn-user__info:after{content:"";width:20px;height:21px;background-position-y:-45px;margin-top:8px}
.my-top__info .btn-user__info.logout:after{background-position-x:-180px}
.my-page__wrap{position:relative;}
.my-page__wrap .edit-option__wrap{top:50%;margin-top:-12px;right:38px}

.my-schedule__wrap .my-tab__wrap{margin-top:16px}
.my .section-top{padding:0 16px;margin-top:33px}
.my .section-top:after{content:"";display:block;clear:both}
.my .section-top .title{float:left;font-size:17px;font-weight:bold}
.my .section-top .btn-all__link{float:right;font-size:14px;color:#4e95ff}
.my .section-top .btn-all__link:after{content:"";width:8px;height:13px;background-position:-127px -45px;vertical-align:-1px;margin-left:8px}

.my-tab__wrap{display:flex;overflow:hidden;border-bottom:1px solid #f3f3f3;}
.my-tab__wrap:after{content:"";display:block;clear:both}
.my-tab__wrap .btn-my__tab{flex:1;height:38px;line-height:38px;font-weight:bold;color:#8D92A3}
.my-tab__wrap .btn-my__tab .txt{display:inline-block;height:38px;position:relative;font-size:16px}
.my-tab__wrap .btn-my__tab.on{color:#3677f6}
.my-tab__wrap .btn-my__tab.on .txt:after{content:"";display:block;position:absolute;width:100%;height:3px;left:0;bottom:0;background:#3677f6}
.my-club__item{padding:16px;border-bottom:1px solid #f3f3f3}
.my-club__item:after{content:"";display:block;clear:both}
.my-club__item .left{float:left;width:calc(100% - 98px)}
.my-club__item .right{float:right;width:88px}
.my-club__item .right .btn-authenticate{position:static}
.my-club__item div > a > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.my-club__item .title{margin-bottom:4px;font-weight:bold;}
.my-club__item .location,.my-club__item .date{color:#4a4f5f;line-height:24px}
.my-tab__wrap + .club-create__notice{margin-top:16px}
.my-tab__list{display:table !important;white-space:nowrap}
.my-tab__item{display:table-cell;width:auto;height:38px;line-height:38px;text-align:center;}
.my-tab__item a{display:block;font-weight:bold;color:#8D92A3;padding:0 22px}
.my-tab__item .txt{display:inline-block;height:38px;position:relative;font-size:16px}
.my-tab__item.on a{color:#3677f6}
.my-tab__item.on .txt:after{content:"";display:block;position:absolute;width:100%;height:3px;left:0;bottom:0;background:#3677f6}

.my-tab__wrap.tab--normal{display:flex;}

.my .sub-banner{margin:8px 16px 5px; /*padding-bottom:14px;*/}
.my .sub-banner__item{border-radius:8px;overflow:hidden;}
.my .swiper-pagination-bullet{width:6px;height:6px;margin:0 2px !important}
.my .sub-banner .swiper-pagination{bottom:0}
.my .sub-banner .swiper-pagination-bullet-active{background:#3677f6}

.my-section{border-top:10px solid #f3f3f3}
.btn-my__item{position:relative;display:block;padding:25px 16px;font-size:17px;color:#000;font-weight:bold}
.btn-my__item:after{content:"";display:block;position:absolute;width:6px;height:10px;top:30px;right:25px;background-position:-86px -45px}
.btn-my__item + .btn-my__item{border-top:1px solid #f3f3f3}
.my-interest__wrap .my-tab__wrap{margin-top:16px}
.my-interest__wrap .sub-class__list{margin-top:16px;padding-bottom:16px}
.my-interest__wrap .class__item-sub .thumb{width:90px;height:70px}
.my-interest__wrap .class__item-sub .members{color:#4a4f5f}
.my-interest__wrap .class__item-sub .price{text-align:left}
.my-interest__wrap .item-table > a{display:block}
.my-interest__wrap .deselect-btn__wrap{display:table-cell;vertical-align:middle;width:74px;}
.btn-interest__deselect{width:74px;height:26px;line-height:24px;font-size:14px;color:#3677f6;text-align:center;border:1px solid #4e95ff;background:#f6f9ff;border-radius:13px}
.my-full__btn.right--small{display:flex;justify-content:flex-end;}
.right--small .btn-my__item{font-size:13px;font-weight:normal;text-align:right;padding:10px 0;padding-right:16px;margin-right:16px;color:#8A8A8A;text-decoration:underline}
.right--small .btn-my__item:after{top:15px;right:3px}

.my-sub__wrap .join-member__info{margin-bottom:16px}
.setting__list{padding:0 16px}
.setting__item{display:table;width:100%;border-bottom:1px solid #f3f3f3}
.setting__item > div{display:table-cell;vertical-align:middle;padding:16px 0}
.setting__item > div.txt{padding-right:32px;color:#000}
.setting__item > div.txt .sub{display:block;font-size:13px;color:#666;margin-top:5px}
.onoff-check__wrap{width:40px;}
.setting-list_more{padding:16px 0}
.btn-list__more{width:100%;height:36px;border:1px solid #d0d3de;color:#555b71;border-radius:4px}

.onoff-box{display:inline-block;position:relative;vertical-align:middle;}
.onoff__text{display:block;position:relative;width:40px;height:20px;background:#d0d3de;border-radius:40px;font-size:0}
.onoff-box input{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
.onoff-box input:checked + .onoff__text{background:#3677f6}
.onoff-box input + .onoff__text:after{content:"비활성화";display:block;position:absolute;width:15px;height:15px;top:2px;left:3px;background:#fff;border-radius:50%;box-shadow:3px 0 3px 0 rgba(0,0,0,.1);font-size:0}
.onoff-box input:checked + .onoff__text:after{content:"활성화";left:auto;right:3px;box-shadow:-3px 0 3px 0  rgba(0,0,0,.1);}

.app-update__wrap{border-top:1px solid #f3f3f3;padding:16px}
.update__version{display:table;width:100%}
.version__info{display:table-cell;vertical-align:middle;font-size:17px;font-weight:bold}
.btn-update{color:#4e95ff;font-size:13px;padding:1px 6px;border:1px solid #4e95ff;border-radius:2px;font-weight:normal;vertical-align:top;margin-left:4px}
.version__txt{display:table-cell;vertical-align:middle;width:50px;text-align:right;padding-right:8px;color:#4e95ff;font-size:14px}
.update__notice{color:#8D92A3;font-size:14px;margin-top:8px}
.btn-my__item.withdrawal{color:#8D92A3}
.btn-my__item.withdrawal:after{display:none}

/* 서비스 도움말 */
.service-help .btn-my__tab{width:25%}
.service-help__list{margin-top:16px;}
.service-help__question{border-bottom:1px solid #f3f3f3}
.btn-question__open{position:relative;width:100%;padding:16px 45px 16px 16px;text-align:left;font-weight:bold;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.btn-question__open:before{content:"Q";font-size:19px;color:#3677f6;font-weight:bold;margin-right:8px}
.btn-question__open:after{content:"펼치기";position:absolute;width:11px;height:6px;top:25px;right:30px;background-position:-54px -60px;font-size:0;}
.service-help__question.open .btn-question__open:after{content:"접기";background-position-x:-92px}
.service-help__question.open + .service-help__answer{display:block}
.service-help__answer{display:none;background:#f7f7f7;color:#72788d;line-height:24px;padding:16px}
.service-help__answer img{display:block;width:100%;height:100%;margin-top:5px}
.setting-list_more.v2{padding:24px 16px}

/* 사용자 의견 보내기 */
.opinion-cate__list{padding:0 16px}
.opinion-cate__list:after{content:"";display:block;clear:both}
.opinion-cate__item{float:left;width:33.3%}
.radio-box input{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
.radio-box .radio__text{display:inline-block;position:relative;line-height:20px;font-weight:bold}
.radio-box .radio__text:before{content:"";display:inline-block;width:20px;height:20px;background:#fff;border:1px solid #E0E2E6;border-radius:50%;box-sizing:border-box;vertical-align:top;margin-right:8px}
.radio-box input:checked + .radio__text:before{background:#3677f6;border:0}
.radio-box input:checked + .radio__text:after{content:"";position:absolute;width:8px;height:8px;top:6px;left:6px;background:#fff;border-radius:50%}
.send-opinion .join-club__input{padding:0 16px}
.send-opinion .members__apply.sub__btn{margin:24px 0;font-weight:bold}
.full-screen .btn-float{padding-bottom:125px !important}
.full-screen .create{padding-bottom:54px !important}
.send-opinion .join-club__input .opinion-cate__list{padding:0}
.send-opinion .join-club__input .opinion-cate__item:nth-child(n+4){margin-top:12px}
.send-opinion .join-club__input .radio-box .radio__text{font-weight:normal}

.my-grop{padding-bottom:16px}
.club-info:after{content:"";display:block;clear:both}
.club-info .members{float:left}
.club-info .grade{float:right}
.grade-badge{display:inline-block;height:20px;line-height:20px;border-radius:12px;background:#f3f3f3;font-size:12px;font-weight:bold;text-align:center;box-sizing:border-box;padding:0 7px;}
.grade-badge.president{background:#a771ff;color:#fff}
.grade-badge.admin{background:#21a970;color:#fff}
.grade-badge.outstanding{background:#ffbf19}
.grade-badge.stop{background:#fff;border:1px solid #9ca1b4;color:#9ca1b4;line-height:19px;padding:0 6px}
.grade-badge.block{background:#fff;border:1px solid #ff7d60;color:#ff7d60;line-height:19px;padding:0 6px}
.grade-badge.writer{background:#fff;border:1px solid #3677f6;color:#3677f6;line-height:19px;padding:0 6px;margin-left:4px}
.grade-badge.noconnect{background:#fff;border:1px solid #BFB9B6;color:#BFB9B6;line-height:19px;padding:0 6px;margin-left:4px}


.top-btn__wrap{padding:16px 21px}
.top-btn__wrap:after{content:"";display:block;clear:both}
.top-btn__wrap + .class-list{margin-top:16px}
.btn-class__cate{float:left;display:flex;position:relative;width:50%;height:48px;line-height:18px;border:1px solid #f3f3f3;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;font-weight:bold;color:#8D92A3}
.btn-class__cate.on{background:#f6f9ff;color:#3677f6;}
.btn-class__cate.on:after{content:"메뉴 선택됨";display:block;position:absolute;width:100%;height:48px;border:1px solid #3677f6;font-size:0;z-index:1}
.btn-class__cate:nth-child(even){margin-left:-1px}
.btn-class__cate:nth-child(n+3){margin-top:-1px}
.btn-class__cate .sub__text{font-size:13px;font-weight:normal}
.cate__wrap .badge{display:inline-block;height:20px;line-height:19px;padding:0 6px;border-radius:12px;font-size:13px;border:1px solid;box-sizing:border-box;margin-left:8px}
.cate__wrap .badge.awaiting{border-color:#ff820e;color:#ff820e}
.cate__wrap .badge.complete{border-color:#4ab749;color:#4ab749}
.cate__wrap .badge.complete--class{border-color:#72788d;color:#72788d}
.cate__wrap .badge.reject{border-color:#ff3232;color:#ff3232}
.list-btn__wrap{margin:8px 16px 0;text-align:right}
.btn-common__bottom{display:inline-block;min-width:74px;height:26px;line-height:25px;padding:0 8px;font-size:14px;color:#3677f6;box-sizing:border-box;border:1px solid #4e95ff;background:#f6f9ff;text-align:center;border-radius:13px}
.btn-common__bottom.cancel{color:#72788d;border-color:#d0d3de;background-color:#f7f7f7}
.btn-common__bottom.review{border-color:#d6e4ff}
.btn-common__bottom.reject{color:#72788d;background:#f7f7f7;border-color:#72788d}
.layer-memo__wrap{max-height:263px;line-height:24px;overflow-y:auto}

.rate-area__box{margin:35px 0 33px;text-align:center}
.rate-area__wrap{display:inline-block}
.rate-area__wrap:after{content:"";display:block;clear:both}
.rate-area{float:left;margin:0 auto}
.rate-area:not(:checked)>input{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
.rate-area:not(:checked)>label{float:right;width:34px;height:34px;font-size:0;background:url(../img/grade_star_off.png);background-size:34px auto;margin:0 4px}
.rate-area>input:checked~label{background:url(../img/grade_star_on.png);background-size:34px auto}
.rate-area>input:focus~label{outline:none;}

.interest-list .class-list{padding:16px 0}
.qna__item{padding:16px;border-bottom:1px solid #f3f3f3}
.qna__item .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inquiry_badge{display:inline-block;height:20px;line-height:19px;padding:0 6px;font-size:13px;border:1px solid #ff820e;color:#ff820e;box-sizing:border-box;border-radius:12px;margin-right:8px;font-weight:normal}
.inquiry_badge.complete{color:#8D92A3;border-color:#8D92A3}
.qna__item .info{margin-top:8px;font-size:13px}
.qna__item .info .writer{font-weight:bold;color:#4a4f5f}
.qna__item .info .date{color:#8D92A3;margin-left:24px}

.qna-list,.ad-inquiry{padding-top:49px}
.ad-inquiry .service-help__list{margin:0}
.ad-inquiry .btn-question__open:before{display:none}
.ad-inquiry .service-help__answer .title{color:#222;font-weight:bold;line-height:20px;font-size:16px}
.ad-inquiry .service-help__answer .date{color:#8D92A3;font-size:14px;line-height:16px;margin:5px 0 0 24px}
.ad-inquiry .service-help__answer .con{margin-top:16px}
.ad-inquiry .service-help__answer > .title:before{content:"Q";font-size:19px;color:#3677f6;font-weight:bold;margin-right:8px}
.contents__reply{margin-top:32px}
.contents-reply__top{display:table;position:relative;}
.contents-reply__top .thumb{display:table-cell;vertical-align:top;width:32px;height:32px;padding-right:8px}
.contents-reply__top .thumb img{border-radius:50%;margin-top:0}
.contents__reply .con{background:#fff;border-radius:0 8px 8px 8px;padding:16px;color:#3e4356;margin:8px 0 16px 24px;}
.contents-reply__top .top-info{display:table-cell;vertical-align:top}
.contents-reply__top .top-info .date{margin-left:0}
.club-img__list.review .club-img__item{width:calc(33vw - 20px);max-width:205px;}
.club-img__list.review .club-img__item img{width:100%;height:calc(33vw - 20px);max-height:205px;}
.club-img__list.review + .members__apply.sub__btn{margin:0;margin-top:12px;font-weight:normal}
.img-add__wrap{position:relative;padding-top:100%;width:100%;}
.btn-img__add{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:1px solid #d0d3de;box-sizing:border-box;border-radius:4px;background:#f7f7f7}
.btn-img__add:before{content:"";display:block;width:39px;height:34px;background-position:0 -166px;margin:2px auto 8px}
.btn-img__add .img-num{display:inline-block;height:16px;line-height:16px;font-size:13px;background:#d0d3de;border-radius:20px;padding:0 8px;color:#fff}
.vote-item__box{position:relative;border:1px solid #f3f3f3;border-radius:4px;padding:24px 12px 12px;margin-top:24px}
.vote-item__box .club-img__list.review .club-img__item{width:calc(33vw - 30px);max-width:205px;}
.vote-item__box .club-img__list.review .club-img__item img{height:calc(33vw - 30px);max-height:205px;}
.vote-item__box .page-con__title--sub.top{position:absolute;line-height:24px;top:-12px;left:8px;z-index:1;background:#fff;margin:0;padding:0 4px 0 8px;font-weight:bold}
.vote-item__box .page-con__title--sub.top .btn-del__word{position:static;width:24px;height:24px;vertical-align:top;margin-left:4px}
.vote-item__box .page-con__title--sub.top .btn-del__word:after{margin-top:0;margin-top:1px}

.qna-detail .con{line-height:24px;padding:16px;color:#72788d}
.qna-detail .contents__reply{border-top:10px solid #f3f3f3;padding:16px;margin-top:0}
.qna-detail .contents__reply .con{background-color:#f7f7f7;color:#3e4356}
.contents-reply__top.main{width:100%;border-bottom:1px solid #f3f3f3;padding:16px;box-sizing:border-box;}
.contents-reply__top.main .thumb{width:48px;height:48px;padding-right:16px}
.contents-reply__top .top-info{vertical-align:middle;}
.contents-reply__top.main .title{font-size:17px;font-weight:bold;margin-bottom:8px}
.contents-reply__top .date{font-size:14px;color:#8D92A3}
.contents-reply__top .title .name{font-weight:bold;margin-right:8px}
.contents__reply .count-reply{font-size:17px;font-weight:bold;margin-bottom:16px}
.contents__reply .count-reply .num{color:#3677f6;margin-left:6px}
.qna-detail .class-list.my-interest__wrap{margin-bottom:-16px}

.edit-option__wrap{position:absolute;top:16px;right:16px;}
.edit-option__wrap .btn-option{width:24px;height:24px}
.edit-option__wrap .btn-option .txt{display:block;width:3px;height:3px;background:#000;border-radius:50%;font-size:0;margin:3px auto}
.edit-option__wrap .btn-option:before,.edit-option__wrap .btn-option:after{content:"";display:block;width:3px;height:3px;background:#000;border-radius:50%;margin:0 auto}
.layer-edit__option{display:none;position:absolute;width:121px;right:0;padding:4px 8px;box-sizing:border-box;border:1px solid #f3f3f3;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);background-color:#fff;z-index:2}
.layer-edit__option .option-item + .option-item{border-top:1px solid #f3f3f3}
.layer-edit__option .option-item a{display:block;padding:8px;}

/* leftpanel */
.leftpanel-wrap{position:fixed;width:100%;max-width:700px;top:0;bottom:0;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);z-index:30;overflow-y:auto;}
.leftpanel-inner{width:70%;min-height:100%;background:#fff;padding-bottom:1px;box-sizing:border-box}
.leftpanel-wrap .my-top__info{padding:16px 8px}
.leftpanel-wrap .my-top__info .thumb{padding-right:8px}
.home-btn__wrap{text-align:left;margin:0 16px}
.home-btn__wrap .btn-home{display:inline-block;height:36px;line-height:36px;border:1px solid #d6e4ff;border-radius:8px;background:#f6f9ff;box-sizing:border-box;font-size:12px;text-align:center;color:#4e95ff;padding:0 8px}
.home-btn__wrap .btn-home:before{content:"";width:22px;height:20px;background-position:-222px -45px;vertical-align:middle;margin-bottom:7px;margin-right:6px}
.leftpanel-wrap .grade{margin-bottom:2px}
.leftpanel-inner .layer__top{border-bottom:0}
.leftpanel-menu__list{margin-top:8px;}
.leftpanel-menu__item .menu-depth--01{display:block;position:relative;padding:18px 16px;font-weight:bold}
.leftpanel-menu__item.item--have .menu-depth--01:after{content:"펼치기";position:absolute;width:11px;height:6px;top:25px;right:30px;background-position:-54px -60px;font-size:0;}
.leftpanel-menu__item.item--have.open .menu-depth--01:after{content:"접기";background-position-x:-92px}
.leftpanel-submenu__list{display:none;background:#f7f7f7;padding:8px 0}
.leftpanel-menu__item.item--have.open .leftpanel-submenu__list{display:block}
.menu-depth--02{display:block;padding:8px 16px;font-size:14px;color:#555b71}
.leftpanel-submenu__item.new .menu-depth--02{padding:8px 16px 5px}
.leftpanel-submenu__item.new .menu-depth--02:after{content:"N";display:inline-block;width:15px;height:15px;line-height:14px;background:#f53c14;border-radius:50%;font-size:10px;font-weight:bold;color:#fff;text-align:center;vertical-align:middle;margin-bottom:4px;margin-left:4px}

/* rightpanel */
.leftpanel-wrap.type--right .leftpanel-inner{position:relative;margin-left:30%;padding:8px 0 50px}
.rightpanel-header{border-bottom:1px solid #f3f3f3;margin:0 8px;padding-bottom:8px}
.rightpanel-header__title{font-size:17px;font-weight:bold;line-height:22px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rightpanel-header__date{font-size:13px;color:#8D92A3;margin-top:3px}

.rightpanel-menu{display:flex;justify-content:space-between;margin:10px 30px;}
.rightpanel-menu__item a{display:block;min-width:60px;text-align:center;font-size:14px}
.rightpanel-menu__item a:before{content:"";display:block;width:20px;height:20px;background-position-y:-143px;margin:0 auto 6px}
.rightpanel-menu__item.menu--community a:before{background-position-x:-77px}
.rightpanel-menu__item.menu--schedule a:before{width:18px;background-position-x:-18px}
.rightpanel-menu__item.menu--vote a:before{background-position-x:-54px}

.rightpanel__title{display:block;position:relative;font-weight:bold;padding:5px 0;margin-bottom:4px}
.rightpanel__title:after{content:"";position:absolute;width:7px;height:12px;right:0;top:7px;background-position:-64px -45px}
.rightpanel-image .rightpanel__title{margin:0 8px}
.rightpanel-image .rightpanel__title:before{content:"";width:15px;height:15px;background-position:-100px -143px;vertical-align:middle;margin-bottom:3px;margin-right:5px}
.rightpanel-image__list{display:flex;margin:0 4px}
.rightpanel-image__item{width:calc(17vw - 4px);margin:0 2px}
.rightpanel-image__item .thumb img{height:calc(17vw - 4px)}

.rightpanel-members{margin:16px 8px 0;padding-top:10px;border-top:1px solid #f3f3f3;}
.rightpanel-members__list{padding:4px 0 10px}
.rightpanel-members .user-info{display:flex;align-items:center}
.rightpanel-members__item + .rightpanel-members__item{margin-top:12px}
.members-all .rightpanel-members__item + .rightpanel-members__item{margin-top:16px}
.rightpanel-members .user-info .thumb{flex-shrink:0;align-self:flex-start;position:relative;width:48px;height:48px;margin-right:7px}
.rightpanel-members .user-info .thumb img{border-radius:50%;width:48px;height:48px;}
.rightpanel-members .user-info .name{font-weight:bold}
.rightpanel-members .grade-badge{margin-left:4px}
.rightpanel-members .user-info.info--me .name:before{content:"나";display:inline-block;width:17px;height:17px;line-height:17px;font-size:10px;background:#3677f6;color:#fff;border-radius:50%;text-align:center;margin-right:3px;vertical-align:top;}
.members-all .rightpanel-members{margin:8px 16px;padding-top:0;border:0}

.rightpanel-bottom{position:absolute;height:40px;bottom:0;left:0;right:0;border-top:1px solid #f3f3f3;text-align:right;padding:2px 8px;box-sizing:border-box;background:#f7f7f7}
.btn-notification{display:inline-block;width:36px;height:36px;font-size:0;vertical-align:top;}
.btn-notification:after{width:20px;height:20px;font-size:0}
.btn-notification.state--on:after{content:"켜짐";background-position:-139px -143px}
.btn-notification.state--off:after{content:"꺼짐";background-position:-118px -143px}

.btn-chatout{display:inline-block;width: 36px;height:36px;font-size:0;vertical-align:top;left: 10px;position: absolute;}
.btn-chatout:after{content: "나가기";width:20px;height:20px;font-size:0;background-position: -180px -46px;}

.vote-members{padding-bottom:16px}
.vote-members__container{padding-top:16px}
.vote-members__list + .vote-members__list,.vote-members__list--members + .vote-members__list--members{border-top:1px solid #f3f3f3;margin-top:16px;padding-top:16px}
.vote-members__title{margin:0 16px 12px;font-size:14px}
.vote-members__item{opacity:.7;}
.vote-members__memberwrap .vote-members__item{margin-top:3px}
.vote-members .rightpanel-members{border-top:0;margin:0;padding:0}
.vote-members .rightpanel-members__item{padding:0 16px}
.vote-members .rightpanel-members__list{padding:0}
/* .vote-members__list--members .rightpanel-members__item + .rightpanel-members__item{border-top:1px solid #f3f3f3;padding-top:12px} */
.vote-members__list--members .rightpanel-members__list{display:flex;flex-wrap:wrap}
.vote-members__list--members .rightpanel-members__item{width:50%;box-sizing:border-box;border-top:1px solid #f3f3f3;padding-top:12px}
.vote-members__list--members .rightpanel-members__item:nth-child(-n+2){margin-top:0;padding-top:0;border-top:0}

/* 메뉴관리 */
.setting-menu__list{padding:0 16px;margin-top:6px}
.setting-menu__list:after{content:"";display:block;clear:both}
.setting-menu__item{float:left;height:32px;line-height:32px;background:#3677f6;padding:0 8px 0 16px;border-radius:4px;color:#fff;margin-right:8px;margin-bottom:16px}
.setting-menu__item .btn-del{margin-left:10px}
.setting-menu__item .btn-del:after{width:9px;height:9px;background-position:-230px -22px}
.menu-setting .my-sub__wrap .join-member__info{margin-bottom:0}
.menu-setting .my-sub__wrap .setting-menu__list + .join-member__info{margin-top:35px}
.btn-auto__setting{color:#555b71;margin-left:10px}
.btn-auto__setting:before{content:"";width:13px;height:13px;background-position:-182px -22px;margin-right:5px}

.club-invitation .my-sub__wrap{padding:0 16px}
.club-invitation .club-create__notice{margin:0;margin-bottom:24px}
.members__apply.sub__btn.tender2{background:#fff;border-color:#3677f6;color:#3677f6;font-weight:normal}
.members__apply.sub__btn.tender2:before{content:"";width:9px;height:9px;background-position:-217px -103px;margin-right:8px;vertical-align:middle;margin-bottom:3px}
.club-invitation .opinion-cate__list{padding:0;padding-bottom:10px}
.my-sub__wrap .page-con__title.separate{padding-top:36px;}
.club-invitation .members__apply.sub__btn.tender2 + .members__apply{margin:24px 0}

.layer-bottm--fixed.invitation{padding-bottom:8px}
.layer-share__list{padding:0 4px}
.layer-share__list:after{content:"";display:block;clear:both}
.layer-share__item{float:left;width:80px;text-align:center}
.btn-share--layer{display:block;font-size:13px;margin-bottom:16px}
.btn-share--layer:before{content:"";display:block;width:50px;height:50px;margin:0 auto 3px;background:url(../img/icon_share.png) no-repeat;background-size:150px auto}
.btn-share--layer.kakao:before{background-position:0 0}
.btn-share--layer.line:before{background-position:-50px 0}
.btn-share--layer.facebook:before{background-position:-100px 0}
.btn-share--layer.url:before{background-position:0 -50px}
.btn-share--layer.story:before{background-position:-50px -50px}
.btn-share--layer.band:before{background-position:-100px -50px}
.layer-bottm--fixed.map{padding-bottom:8px}
.layer-bottm--fixed.map .layer-share__list{display:flex}
.layer-bottm--fixed.map .layer-share__item{float:none;flex:1}
.btn-share--layer.tmap:before{background-position:0 -100px}
.btn-share--layer.kakaomap:before{background-position:-50px -100px}
.btn-share--layer.naver:before{background-position:-100px -100px}
.btn-share--layer.album:before{background-position:0 -150px}
.btn-share--layer.camera:before{background-position:-50px -150px}
.form-answer{position:relative;}
.answer-title{color:#2e3240;margin-bottom:4px}
.form-answer .opinion-cate__list{margin-top:12px;padding:0}
.btn-answer__del{position:absolute;bottom:-3px;right:0;width:74px;height:26px;line-height:25px;border-radius:13px;color:#ff7d60;border:1px solid #ff7d60;font-size:14px}
.form-answer{margin-bottom:30px;}
.form-answer + .members__apply{margin-top:10px}

/* 회비관리 */
.dues-management.main{min-height:calc(100vh - 15px);background:#f7f7f7;box-sizing:border-box;padding-bottom:24px}
.dues-years__wrap{position:relative;height:24px;padding:0 0 24px;text-align:center}
.dues-years__wrap .title{line-height:24px;font-size:17px;font-weight:bold;}
.btn-dues__years{position:absolute;top:0;width:24px;height:24px;font-size:0}
.btn-dues__years:after{content:"";width:8px;height:12px;background-position-y:-103px}
.btn-dues__years.prev{left:16px}
.btn-dues__years.next{right:16px}
.btn-dues__years.prev:after{background-position-x:-102px}
.btn-dues__years.next:after{background-position-x:-111px}
.dues-month__wrap{position:relative;padding:0 16px}
.dues-month__wrap + .dues-month__wrap{margin-top:33px}
.dues-month__wrap .month-title{font-size:17px;font-weight:bold}
.dues-month__wrap button.month-title{font-size:19px}
.dues-month__wrap button.month-title:after{content:"리스트 열기";width:11px;height:6px;background-position:-54px -60px;font-size:0;margin-left:8px}
.dues-month__wrap.list--open button.month-title:after{content:"리스트 닫기";background-position-x:-92px}
.btn-management--month{padding:2px 8px;font-size:12px;color:#fff;background:#3677f6;border-radius:2px;font-weight:normal;margin-left:7px}
.dues-month__wrap .btn-management--month{position:absolute;top:-1px;right:16px;}
.month-list{display:none;padding:16px 16px 14px;background:#fff;border-radius:8px;margin-top:12px}
.dues-month__wrap.list--open .month-list{display:block}
.month-list .month-title{margin:24px 0 8px}
.month-list .month-title:first-child{margin-top:0}
.month-list .month-con{min-height:24px;font-size:14px;color:#555b71;line-height:20px}
.btn-memo__view{position:absolute;width:24px;height:24px;top:0;right:16px;font-size:0}
.btn-memo__view:before{content:"";width:20px;height:21px;background-position:-200px -69px}
.btn-memo__view.on:before{background-position-x:-223px}
.dues-onoff__btn{margin:0 16px 16px}
.dues-onoff__btn .btn-sort:after{background-position-x:-54px;margin-bottom:2px}
.dues-onoff__btn .btn-sort.btn--close:after{background-position-x:-92px}

.dues-management{margin-top:15px;padding-bottom:215px}
.payment__list{width:calc(100% - 32px);margin:0 16px}
.payment__list th{background:#f7f7f7;padding:9px 0}
.payment__list td{padding:16px 0;text-align:center;border-bottom:1px solid #f3f3f3}
.payment__list .title{width:29.5%}
.payment__list .payment,.payment__list .unpaid,.payment__list .exemption{width:23.5%}
.payment__list .check-box .cate__text:before{margin:0}
.club-create__notice + .payment__list{margin-top:24px}
.btn-medium{position:absolute;right:20px;height:48px;line-height:48px;padding:0 24px;border-radius:22px;font-weight:bold;box-shadow:0 8px 16px 0 rgba(148, 158, 171, 0.2);}
.btn-medium:before{content:"";}
.btn-medium.btn-memo__write{background:#c6d3f5;top:-136px}
.btn-medium.btn-memo__write:before{width:20px;height:21px;margin-right:4px;vertical-align:middle;margin-bottom:5px;background-position:-223px -69px}
.btn-medium.btn-send__message{background:#ccc5ea;top:-76px}
.btn-medium.btn-send__match{background:#ccc5ea;top:-250px}
.btn-send__message:before, .btn-medium.btn-send__match:before {width:21px;height:21px;background-position:-78px -103px;margin-right:4px;vertical-align:middle;margin-bottom:4px;}
.layer-memo__wrap--write .club-introduction__box{height:260px}
.btn-close.state--text{width:auto;height:auto;font-size:15px;color:#000;background:none}

.dues-management.dues--new{padding-bottom:40px;}
.dues-management .attend-state__wrap{margin-top:0;}
.dues-management .check-all__wrap{padding-top:4px}
.dues-management .member-search__wrap{margin-top:24px}

.member-search__wrap{padding:0 16px;margin-top:10px}
.member-search__wrap .title{display:flex;justify-content:space-between;font-size:16px;margin-bottom:12px}
.member-search__wrap .input-text__wrap{position:relative}
.input-text__wrap .btn-search{display:block;position:absolute;width:36px;height:36px;top:2px;right:10px;font-size:0;text-align:center}
.input-text__wrap .btn-search:after{content:"";width:20px;height:19px;background-position:-147px 0;margin-top:8px}
.my-tab__wrap + .member-search__wrap{margin-top:20px}
.members-item{position:relative;padding:16px;border-bottom:1px solid #f3f3f3}
.management-member__wrap{display:table}
.management-member__wrap .thumb{display:table-cell;vertical-align:middle;width:48px;height:48px;padding-right:8px}
.management-member__wrap .thumb img{width:48px;height:48px;border-radius:50%}
.management-member__wrap .management-member__info{display:table-cell;vertical-align:middle;}
.management-member__info .name{font-weight:bold}
.management-member__info .phone{color:#3677f6;text-decoration:underline;margin:6px 0 7px;}
.management-member__info .birthday{font-size:14px;color:#72788d}
.management-member__info .icobtn{margin:10px 0 7px;}
.management-member__info .icobtn .grade-badge{margin-left:0px}
.management-member__info .grade-badge{margin-left:8px}
.members-item .layer-edit__option{top:0;right:24px}
.members-management__wrap .members-list{margin-top:24px}
.members-management__wrap .search-result__none{height:calc(100vh - 200px)}
.members-application .members-list,.members-select .members-list{margin-top:0}
.check-table__cell{display:table-cell;vertical-align:middle;width:40px}
.check-all__wrap{padding:24px 16px 8px;border-bottom:1px solid #f3f3f3}
.check-all__wrap .check-box .cate__text{color:#222}
.check-all__wrap .check-box .cate__text:before{margin-right:16px}

.layer-phone__list{display:flex}
.layer-phone__item{flex:1;text-align:center}
.layer-phone__item .link{font-size:13px}
.layer-phone__item .link:before{content:"";display:block;width:27px;height:27px;margin:0 auto 8px;background-position-y:-90px}
.layer-phone__item .link.save:before{background-position-x:-120px}
.layer-phone__item .link.send:before{background-position-x:-147px}
.layer-phone__item .link.call:before{background-position-x:-174px}

.member-info__wrap .club__info + .club__info{margin-top:24px}
.member-info__wrap .club__info .title{width:116px;color:#222}
.member-info__wrap .club__info .phone{color:#3677f6;text-decoration:underline;}
.member-info__wrap .club-detail__info{padding:14px 16px 32px}
.club__info.vertical{display:block}
.club__info.vertical .title{display:block;margin-bottom:12px}
.club__info.vertical .con{display:block;font-size:15px}
.club__info.vertical .selected-2depth__item{padding:0 12px;color:#404040}
.member-info__bottom{border-top:10px solid #f3f3f3;padding:32px 16px}
.member-info__bottom .title{font-size:17px;font-weight:bold;margin-bottom:16px}
.join-qna__title{margin-bottom:10px}
.join-qna__con{font-weight:bold}
.join-qna__con + .join-qna__title{margin-top:24px}
.management-etc{margin-top:36px}
.management-etc__title{font-size:17px;font-weight:bold;margin-bottom:18px}
.management-etc__con{line-height:24px;}

.board-setting .setting__item > div.txt{padding-right:16px}
.setting-order__wrap{width:96px;text-align:center;}
.setting-del__wrap{width:32px;text-align:center;}
.board-setting .onoff-check__wrap{width:64px;text-align:center}
.setting-del__wrap .btn-img__del{position:static;vertical-align:middle;}
.btn-order{width:40px;height:40px;border:1px solid #d0d3de;font-size:0;}
.btn-order:after{content:"";width:20px;height:10px;background-position-y:-90px}
.btn-order.up:after{background-position-x:-201px}
.btn-order.down:after{background-position-x:-222px}
.btn-order.down{margin-left:-1px}
.setting__item.head > div{color:#72788d;font-size:13px}
.setting-btn__wrap{margin:24px 16px}
.setting__item .vote-state{margin-bottom:5px}

.board-create .my-sub__wrap{padding:0 16px}
.board-create .setting__list{padding:0;margin-top:30px}
.board-create .setting__item{border-bottom:0}
.board-create .setting__item .txt{font-size:16px;font-weight:bold}

.item--point .setting__item{border:0;}
.item--point .setting__item + .setting__item{border-bottom:1px solid #f3f3f3}
.item--point .setting__item + .setting__item > div{padding-top:0}
.item--point .setting__item .layer-scroe__wrap{width:92px;}
.item--point .setting__item .layer-scroe__num{width:30px;text-align:center}

.alert-send .page-title{margin:10px 16px 16px}
.alert-send .join-club__input{padding:10px 16px 0}
.alert-send .club-introduction__box{height:160px}
.alert-send .top-members__list{margin-bottom:32px}
.alert-send .top-members__list .club-introduction__box{height:120px;margin-bottom:8px;}
.alert-send .top-members__list .cate__text{color:#222}
.alert-send .top-members__list .members__apply{margin-top:16px}

.selected-members__wrap{max-height:263px;margin-bottom:24px;overflow-y:auto;}
.selected-members__wrap .selected-2depth__item{position:relative;width:calc(33.333% - 8px);margin:0 4px 8px;height:36px;background:#f3f3f3;line-height:36px;padding:0;padding-right:10px;box-sizing:border-box;text-align:center;border-radius:4px;color:#222}
.selected-members__wrap .btn-del{position:absolute;top:9px;right:8px}
.selected-members__wrap .btn-del:after{width:9px;height:9px;background-position:-240px -22px}

.attend-state__wrap{display:flex;padding:0 14px;margin-top:23px}
.attend-state{display:flex;flex:1;height:58px;border-radius:8px;color:#fff;flex-direction:column;justify-content:center;align-items:center;margin:0 2px}
.attend-state .state{font-size:14px;margin-bottom:4px}
.attend-state .num{font-weight:bold}
.attend-state.all{background:#f3f3f3;color:#000}
.attend-state.attend{background:#3677f6}
.attend-state.absence{background:#f53c14}
.attend-state.late{background:#faad14}
.attend-state.etc{background:#52c41a}
.attend-state > a{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;}

.attend-members__list{margin-top:32px}
.attent-member_item{display:table;width:100%;height:64px;padding-left:16px;border-bottom:1px solid #f3f3f3;box-sizing:border-box;}
.attent-member_item .name{display:table-cell;vertical-align:middle;font-weight:bold}
.attent-member_item .time{display:table-cell;vertical-align:middle;width:70px;text-align:center}
.attent-member_item .time .state.attend{color:#3677f6}
.attent-member_item .time .state.absence{color:#f53c14;font-weight:bold}
.attent-member_item .time .state.late{color:#f53c14}
.attent-member_item .time .state.etc{color:#52c41a}
.attent-member_item .time .time_num{display:block;margin-top:5px;text-decoration:underline}

/* 커뮤니티(community) */
.community-top{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 0;border-bottom:10px solid #f3f3f3}
.btn-search.search--separate{display:inline-block;width:36px;height:36px;font-size:0;text-align:center;flex-shrink:0;margin-left:10px}
.btn-search.search--separate:after{content:"";width:20px;height:19px;background-position:-147px 0;margin-top:8px;}
.community-top .category-list__wrap{border-bottom:0;padding:0}
.community-top .btn-category__more{right:0;bottom:3px}
.community-top .category-list__wrap:after{width:50px;background:transparent linear-gradient(90deg, #FFFFFF00 0%, var(--unnamed-color-ffffff) 80%) 0% 0% no-repeat padding-box;background:transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF 40%) 0% 0% no-repeat padding-box;}

.community-list{padding:0 16px 70px}
.community-item{border-bottom:1px solid #f3f3f3}
.community-item a{display:table;width:100%;padding:16px 0}
.community-item .thumb{display:table-cell;vertical-align:middle;width:56px;height:56px;padding-right:8px}
.community-item .list-contents{display:table-cell;vertical-align:middle;}
.list-contents .community-title{line-height:20px;margin-bottom:8px;font-weight:bold;margin-right:8px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.community-info .name{font-size:14px}
.community-info .date{font-size:13px;color:#8d92a3;margin:0 16px}
.community-info .views{font-size:13px;color:#8d92a3}
.community-item .list-reply{display:table-cell;vertical-align:middle;width:40px;text-align:center;font-size:13px;color:#000}
.community-item .list-reply .reply-warp{height:48px;background-color:#f6f6f6;border-radius:4px;padding-top:5px;box-sizing:border-box;}
.community-item .list-reply .num{font-size:14px;font-weight:bold;margin-top:4px}
.community-notice{position:relative;margin:8px 20px 0;border-bottom:1px solid #f3f3f3;overflow:hidden;}
.community-notice .community-notice__list{width:100%;position:relative;margin:auto;}
.community-notice .community-notice__item{width:100%;display:none;}
.link__notice{display:block;padding:10px 0;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link__notice:before{content:"";width:14px;height:14px;background-position:-54px -103px;vertical-align:top;margin:2px 4px 0 5px}

.my-gathering .community-detail__wrap{padding-bottom:70px}
.community-detail__top{margin:16px;padding-bottom:16px;border-bottom:1px solid #f3f3f3}
.community-detail__top .user-info{display:table;position:relative;width:100%;box-sizing:border-box}
.community-detail__top .title{font-size:19px;margin-bottom:16px;line-height:22px}
.community-detail__top .thumb{display:table-cell;vertical-align:middle;width:36px;height:36px;}
.community-detail__top .thumb img{border-radius:50%; width: 36px; height: 36px;}
.community-detail__top .info{display:table-cell;vertical-align:middle;padding-left:13px}
.community-detail__top .info .name{margin-bottom:4px}
.community-detail__top .info .byline{font-size:14px;color:#72788d}
.community-detail__top .info .byline > span + span{margin-left:16px}
.community-detail__top .edit-option__wrap{top:9px;right:0}

.community-detail__con{padding:0 16px 16px;line-height:24px;}
.community-detail__con img{display:block;width:100%;margin:8px 0}
.community-gallery__wrap{padding-bottom:70px}
.community-gallery__wrap .detail-banner{margin:0 16px 8px}
.community-gallery__wrap .gallery-con{margin:0 16px 16px;line-height:24px;}
.community-gallery__wrap .gallery-con.text-hide--3{position:relative;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.btn-text__more{position:absolute;right:0;bottom:0;line-height:24px;font-size:13px;font-weight:bold;color:#555b71;padding-left:17px;background:#fff;background: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%,rgba(255, 255, 255, 0.5) 0%,rgba(255, 255, 255, 1) 35%);}
.community-gallery__wrap .reply-count__wrap{padding-bottom:16px}
.community-gallery__item + .community-gallery__item{border-top:10px solid #f3f3f3}
.community-gallery__wrap .reply-wrap{border-top-width:1px}

.community-detail__con .community-link img{width:100px;height:100px;margin:0;border-radius:0;}
.community-link{border:1px solid #d0d3de;border-radius:8px;overflow: hidden;margin:8px 0;max-width:450px}
.community-link a{display:flex;align-items: center;}
.community-link__contents{width:calc(100% - 100px);box-sizing:border-box;padding:0 8px}
.community-link__title{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.community-link__sub{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.community-link__url{color:#8A8A8A;font-size:14px}

.community-reply__wrap .reply-wrap{border-top:0;padding-top:10px}

.community-write .join-club__input{padding:0 16px}
.community-write .join-club__input.full{padding:0}
.community-write .join-club__input.full .page-con__title{padding:0 16px}
.open-option__wrap{padding-left:1px}
.open-option__wrap:after{content:"";display:block;clear:both}
.open-option__item{float:left;width:calc(25% - 1px);height:32px;line-height:32px;border:1px solid #d0d3de;margin-left:-1px;text-align:center}
.open-option__item a{display:block;font-size:14px;color:#8d92a3}
.open-option__item.on{border-color:#3677f6;z-index:1}
.open-option__item.on + .open-option__item{border-left-color:#3677f6}
.open-option__item.on a{color:#3677f6}
.open-option__item.checkbox{height:auto;line-height:normal;padding:7px 0;border:0;text-align:right}
.open-option__item.checkbox .check-box .cate__text:before{margin-right:0}
.item-text{float:left;border:0;text-align:left;line-height:34px;}
.item-text.w_25{width:25%;}
.item-text.w_50{width:50%;}
.item-text.w_75{width:75%;}
.title-border--bottom{border-bottom:1px solid #f3f3f3;padding-bottom:8px}
.open-option__wrap + .open-option__wrap{margin-top:26px}
.page-con__title__sub{font-size:14px;color:#8d92a3;margin-left:8px;}

.calendar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 8px}
.calendar-top .years{font-size:17px;font-weight:bold}
.calendar-top .btn-reset__date{color:#ff7d60}
.calendar-month{position:relative;padding:0 24px;margin-bottom:16px}
.calendar-month__list{display:flex;flex-wrap:wrap;}
.calendar-month__item{flex:1 1 15%;}
.calendar-month__item a{display:block;height:40px;line-height:40px;text-align:center;}
.calendar-month__item.on a{background:#3677f6;color:#fff;border-radius:4px;margin:2px}
.btn-calendar__years{position:absolute;width:24px;height:80px;top:0;font-size:0}
.btn-calendar__years:after{content:"";}
.btn-calendar__years:after{content:"";width:8px;height:12px;background-position-y:-103px}
.btn-calendar__years.prev{left:0}
.btn-calendar__years.next{right:0}
.btn-calendar__years.prev:after{background-position-x:-102px}
.btn-calendar__years.next:after{background-position-x:-111px}

.info-title.point{padding:16px 16px 0}
.info-title.point:after{content:"";display:block;clear:both}
.info-title.point .btn-management--month{float:right}
.point-top{padding:16px;border-bottom:1px solid #f3f3f3}
.point-top .input-selecte__wrap{display:inline-block;}
.point-top .input-selecte__wrap + .input-selecte__wrap{margin-left:12px}
.user-point__item{padding:18px 0;margin:0 16px;border-bottom:1px solid #f3f3f3}
.user-point__item .ranking{display:inline-block;font-size:21px;font-weight:bold;line-height:20px;margin-right:8px;}
.user-point__item .ranking.top{background-color:#555b71;color:#fff;padding:0 5px}
.user-point__item .ranking.top:before{content:"TOP";font-size:14px;margin-right:4px}
.user-point__item .ranking.top.no--one{background-color:#222}
.point-user__info{display:table;width:100%}
.point-user__info .thumb{display:table-cell;vertical-align:middle;width:48px;height:48px;padding-right:8px}
.point-user__info .thumb img{border-radius:50%}
.point-user__info .info{display:table-cell;vertical-align:middle;}
.point-user__info .info a{display:flex;align-items:center;padding:10px 0}
.point-user__info .info .name{font-weight:bold}
.point-user__info .info .name:after{content:"포인트 내역 펼치기";display:inline-block;width:0;height:0;border-style:solid;vertical-align:middle;margin-bottom:2px;margin-left:16px;border-width:0 5px 5px 5px;border-color:transparent transparent #2e3240 transparent;font-size:0;}
.user-point__item.item--open .point-user__info .info .name:after{content:"포인트 내역 접기";border-width:5px 5px 0 5px;border-color:#2e3240 transparent transparent transparent;}
.point-user__info .info .point{font-weight:bold;margin-left:auto}
.point-user__info .info .num{color:#3677f6}
.point-detail__info{display:none;padding-left:56px;margin-top:6px}
.user-point__item.item--open .point-detail__info{display:block}
.point-detail__info .info{display:flex;justify-content:space-between;line-height:24px}
.point-detail__info .txt{color:#72788d}
.point-detail__info .num{font-weight:bold}

/* 채팅(chatting) */
.full-screen.chatting{min-height:calc(100vh - 60px);background:#e7efff;padding-bottom:70px}
.chat__invitation{color:#3677f6;padding:13px 4px}
.chat-notice__wrap{position:fixed;width:100%;max-width:700px;left:50%;transform:translateX(-50%);border-left:1px solid rgb(234, 234, 234);border-right:1px solid rgb(234, 234, 234);box-sizing:border-box;top:47px;background:#fff;z-index:10}
.chat-notice__top{display:flex;align-items:flex-start;padding:8px 16px;}
.ico-notice{width:14px;height:14px;background-position:-54px -103px;vertical-align:top;margin-top:13px;margin-right:13px}
.notice-contents{width:calc(100% - 59px);align-self: center;font-size:14px;color:#555b71;max-height:40px;line-height:20px;margin-right:8px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.chat-notice__wrap.open .notice-contents{display:block;max-height:100px;overflow-y:auto}
.notice-open__btn{width:24px;margin-top:3px}
.btn-notice__open{width:24px;height:24px;font-size:0;}
.btn-notice__open:after{content:"펼치기";width:11px;height:6px;background-position:-54px -60px;font-size:0;}
.chat-notice__wrap.open .btn-notice__open:after{content:"접기";background-position-x:-92px}
.chat-notice__bottom{display:none;}
.chat-notice__bottom:after{content:"";display:block;clear:both}
.btn-notice__bottom{float:left;width:50%;height:38px;border-top:1px solid #f3f3f3}
.btn-notice__bottom + .btn-notice__bottom{border-left:1px solid #f3f3f3}
.chat-notice__wrap.open .chat-notice__bottom{display:block}

.chat-notice__wrap + .chat-contents__wrap{padding-top:56px}
.chat-contents__wrap{padding:0 16px}
.chat-content__item{margin-top:24px}
.chat-content__item .user-info{display:table;margin-bottom:-10px}
.chat-content__item .user-info .thumb{display:table-cell;width:32px;height:32px}
.chat-content__item .user-info .thumb img{border-radius:50%}
.chat-content__item .user-info .name{display:table-cell;vertical-align:top;font-weight:bold;padding-left:4px}
.chat-content__item .chat-info{margin-left:36px}
.chat-content__item.right .contents{justify-content: flex-end;}
.chat-content__item.right .chat-status{text-align:right;}
.chat-content__item .contents{display:flex;}
.chat-content__item .contents + .contents{margin-top:3px}
.chat-content__item .contents .txt{display:inline-block;max-width:65%;line-height:24px;padding:6px 12px;border-radius:12px;text-align:left;-ms-user-select: none;-moz-user-select:-moz-none;-webkit-user-select:none;-khtml-user-select:none;user-select:none;word-break:break-word;}
.chat-content__item .contents .txt a{text-decoration:underline}
.chat-content__item.left .contents .txt{background:#fff;color:#555b71;border-top-left-radius:0}
.chat-content__item.right .contents .txt{background:#3677f6;color:#fff;border-top-right-radius:0}
.chat-content__item .contents + .contents .txt{border-radius:12px !important}
.chat-content__item .chat-status{align-self:flex-end;line-height:15px}
.chat-content__item .date{font-size:13px;color:#8d92a3;padding:0 8px;}
.chat-content__item .read{font-size:13px;color:#8d92a3;padding:0 4px;margin-bottom:2px}
.chat-content__item .contents.img a,.chat-content__item .contents.video a{display:inline-block;}
.chat-content__item .contents.img .thumb,.chat-content__item .contents.video .thumb{position:relative;width:150px;height:150px}
.chat-content__item .contents.img img,.chat-content__item .contents.video img{width:150px;height:150px;border-radius:8px}
.chat-content__item .contents.video .thumb:before{content:"";display:block;position:absolute;width:150px;height:150px;top:0;left:0;background:rgba(0,0,0,.5);border-radius:8px}
.chat-content__item .contents.video .thumb:after{content:"";display:block;position:absolute;width:150px;height:150px;top:0;left:0;background:url(../img/video_play.png) no-repeat;background-size:40px auto;background-position:center}
.chat-content__item .contents.img__loading .thumb .loading-text:before{content:"";width:15px;height:15px;background-position:-100px -143px;vertical-align:middle;margin-bottom:3px;margin-right:5px}

.chat-date__wrap{text-align:center;margin:24px 0;}
.chat-date{display:inline-block;min-width:113px;font-size:13px;color:#fff;background:#c6d5f1;padding:4px 16px;border-radius:4px;box-sizing:border-box}

.chat-write__wrap{position:fixed;width:100%;max-width:700px;min-height:56px;bottom:0;left:50%;transform:translateX(-50%);border-left:1px solid rgb(234, 234, 234);border-right:1px solid rgb(234, 234, 234);background:#fff;padding:8px;box-sizing:border-box;z-index:11}
.chat-write__top{display:flex;align-items:center;}
.chat-btn__more{width:24px;}
.btn-chat__more{width:24px;height:24px;background-position:0 -117px;font-size:0;}
.chat-input__text{width:calc(100% - 68px);padding:0 0 0 8px}
.chat-input__wrap{position:relative;width:100%;min-height:40px;padding:9px 44px 6px 16px;background:#f7f7f7;box-sizing:border-box;border-radius:4px;}
.chat-input__text .chat-input{width:100%;height:24px;max-height:78px;line-height:24px;resize:none}
.chat-btn__send{width:36px;align-self: stretch;}
.btn-chat__send{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:0;padding-left:12px;padding-top:4px;box-sizing:border-box;}
.btn-chat__send:after{content:"";width:24px;height:24px;background-position:-54px -117px;}
.chat-write__bottom{display:none;margin-top:24px;margin-left:12px}
.chat-write__wrap.open .btn-chat__more{background-position-x:-27px}
.chat-write__wrap.open .chat-write__bottom{display:block}

.chat-btn__reply{width:24px;font-size:0;text-align:center;margin-top:10px}
.chat-btn__reply:after{content:"";width:11px;height:11px;background-position:-160px -143px}
.chat-write__wrap--reply{display:flex;height:47px;align-items:center;border-bottom:1px solid #f3f3f3;padding-bottom:8px;margin-bottom:8px}
.chat-write__wrap--reply .thumb{flex-shrink:0;width:34px;height:34px;margin-right:6px;}
.chat-reply__con{flex-grow:1;font-size:13px;overflow:hidden}
.chat-reply__top{font-weight:bold}
.chat-reply__bottom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8D92A3;margin-top:2px;}
.chat-reply__del{flex-shrink:0;width:32px;height:32px}
.chat-reply__del .btn-del__word{position:static}
.chat-reply__del .btn-del__word:after{margin-top:0}

.chat-content__item .chat-reply__bottom{width:100%;margin-top:-3px}
.chat-content__item .chat-write__wrap--reply{margin-bottom:6px;padding-bottom:6px;}
.chat-content__item.right .chat-reply__bottom{color:#bfd5ff}
.chat-content__item.right .chat-write__wrap--reply{border-bottom-color:#2c6ef3}

.full-screen.chatting-image{background:#222;padding:0}
.full-screen.chatting-image .layer__top{background:#222;border-bottom-color:#313440;color:#fff}
.chatting-image .btn-back:after{background-position-y:-103px}
.chatting-image .layer__top .date{font-size:13px;color:#d0d3de;padding-right:5px}
.chat-image__wrap{min-height:100vh;padding-top:49px;padding-bottom:56px;box-sizing:border-box;}
.chat-image__wrap .image-box{min-height:calc(100vh - 105px);display:flex;align-items:center;justify-content:center;}
.chat-image__wrap .image-box img{max-width:100%}

.chat-image__bottom{position:fixed;width:100%;max-width:700px;left:50%;transform:translateX(-50%);border-left:1px solid rgb(234, 234, 234);border-right:1px solid rgb(234, 234, 234);box-sizing:border-box;height:48px;bottom:0;border-top:1px solid #313440;background:#222;z-index:10;}
.chatting-image .layer-phone__item .link:before{height:24px;background-position-y:-117px;margin:0 auto}
.layer-phone__item .link.download:before{background-position-x:-120px}
.layer-phone__item .link.share:before{background-position-x:-147px}
.layer-phone__item .link.del:before{background-position-x:-174px}
.chatting-image .layer-phone__item .link{display:block;padding:12px 0}

.btn-select:after{content:"";width:20px;height:20px;background-position:-174px -143px;margin-top:10px;}
.photo-select__reset{font-size:14px}
.photo-list__wrap{padding:10px 0 20px}
.photo-list__date{margin:20px 1% 5px;}
.photo-list__date:first-child{margin:0 1% 5px}
.photo-list__ul{display:flex;flex-wrap:wrap;margin:0 calc(1% - 1px)}
.photo-list__item{position:relative;width:32vw;margin-top:1%;max-width:223px}
.photo-list__item img{height:32vw;max-height:223px}
.photo-list__item + .photo-list__item{margin-left:1%}
.photo-list__item:nth-child(3n+1){margin-left:0}

.photo-list__check{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
.photo-list__label{position:absolute;width:36px;height:36px;top:0;right:0;z-index:10}
.photo-list__label:before{content:"";display:block;width:20px;height:20px;margin:7px 0 0 7px;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.1);border-radius:50%;}
.photo-list__check:checked + .photo-list__label:before{background:#3677f6;border-color:#3677f6}
.photo-list__check:checked + .photo-list__label:after{content:"";position:absolute;width:12px;height:10px;top:13px;left:12px;background-position:-107px -45px}
.photo-list__check:checked + .photo-list__label + .thumb:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #3677f6;border-radius:4px}

.photo-list .chat-image__bottom{background:#fff;border-top-color:#f3f3f3}
.photo-list .chat-image__bottom.bottom--able .layer-phone__item .link.download:before{background-position-y:-91px}
.photo-list .chat-image__bottom.bottom--able .layer-phone__item .link.share:before{background-position-y:-163px}
.photo-list .chat-image__bottom.bottom--able .layer-phone__item .link.del:before{background-position-y:-163px}
.photo-list .chat-image__bottom.bottom--disable .link{pointer-events:none;}

/* 기록 */
.history-top{display:flex;justify-content:space-between;align-items:center;padding:24px 16px 24px 0}
.history-top .dues-years__wrap{width:159px;padding:0}
.history-top__score{padding-bottom:40px;overflow:hidden}
.top-score__item{box-sizing:border-box;padding-left:12px}
.top-score__item:nth-child(even){padding-left:0;padding-right:12px}
.top-score__item .inner{position:relative;width:120px;height:156px;margin:0 auto}
.top-score__item .inner .thumb img{width:120px;height:130px;}
.score-name{position:absolute;display:flex;width:100%;height:30px;left:0;bottom:26px;background:rgba(5, 98, 20, 0.9);color:#fff;justify-content:space-between;align-items:center;padding:0 5px;box-sizing:border-box;overflow:hidden;}
.score-name .title{flex-shrink:0;font-size:14px;font-weight:bold}
.score-name .name{font-size:12px;white-space: nowrap;}
.scroe-num{position:absolute;display:block;width:0;height:0;left:0;bottom:0;border-style:solid;border-width:26px 60px 0 60px;border-color:#274683 transparent transparent transparent;}
.scroe-num .text{position:absolute;width:50px;height:26px;line-height:22px;left:-25px;bottom:0;font-size:12px;color:#fff;text-align:center;white-space: nowrap;overflow:hidden}

.sub-score{overflow:hidden}
.sub-score__wrap{overflow-x:auto;white-space:nowrap;padding:0 16px 10px}
.sub-score__wrap:after{content:"";display:block;clear:both}
.sub-score__box{display:inline-block;width:158px}
.sub-score__box + .sub-score__box{margin-left:1px}
.sub-score__box:last-child{margin-right:16px}
.sub-score__title{height:28px;line-height:28px;background:#222;text-align:center;color:#fff;font-weight:bold}
.sub-score__item{display:flex;align-items:center;padding:8px 0;font-size:14px}
.sub-score__item:nth-child(even){background:#f6f6f6}
.sub-score__item .ranking{width:29px;color:#000;font-weight:bold;text-align:center;overflow:hidden;}
.sub-score__item .name{width:90px;overflow:hidden}
.sub-score__item .thumb{display:inline-block;width:32px;height:32px;margin-left:6px}
.sub-score__item .thumb img{border-radius:50%}
.sub-score__item .name .txt{display:inline-block;line-height:32px;vertical-align:top;margin-left:4px}
.sub-score__item .score{width:30px;color:#555b71;text-align:center;overflow:hidden;}

.score-all{overflow-x:auto;border-top:10px solid #f3f3f3;padding-bottom:35px}
.score-all .statics__list{margin-top:17px}

/* 통계 */
.statics-wrap{padding-top:8px}
.statics-list{display:flex;margin:24px 16px 0;font-size:14px}
.statics-list .box__header{flex-shrink:0;border-right:1px solid #eee;overflow-x:auto;}
.statics-list .box__contents{display:flex;overflow-x:auto;}
.statics-list .text__header{position: sticky;display:flex;align-items:center;justify-content:center;flex-direction:column;height:40px;background:#f7f7f7;padding:4px 0;font-weight:bold;border-bottom:1px solid #eee;font-size:15px}
.statics-list .text__header:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:3px 3px 0 3px;border-color:#2e3240 transparent transparent transparent;margin:7px auto 0;}
.statics-list .sort .text__header:after{border-color:#fff transparent transparent transparent;}
.statics-list .sort--descending .text__header:after{border-width:0 3px 3px 3px;border-color:transparent transparent #2e3240 transparent}
.statics-list .sort.sort--descending .text__header:after{border-color:transparent transparent #fff transparent}
.statics-list .box__header .text__header:after{display:none}
.statics-list .state--my{border-bottom:2px solid #eee !important;border-top:1px solid #eee !important;font-weight:bold}
.statics-list .box__name{display:flex;align-items:center;height:42px;border-bottom:1px solid #eee}
.statics-list .text__rank{width:37px;text-align:center;font-weight:bold}
.statics-list .box__name .thumb{display:inline-block;width:32px;height:32px;vertical-align:middle;margin-left:6px}
.statics-list .box__name .thumb img{border-radius:50%}
.statics-list .text__name{width:60px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:4px}

.statics-list .box__col{flex-shrink:0;width:48px;text-align:center}
.statics-list .box__col .text__number{line-height:42px;border-bottom:1px solid #eee}
.statics-list .box__col.sort [class^=text__]{background:#1862f3;color:#fff;font-weight:bold}

.statics__list{width:calc(100% - 32px);margin:24px 16px 0}
.statics__list th{height:40px;background:#f7f7f7;padding:4px 0}
.statics__list th[class^=col_]:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:3px 3px 0 3px;border-color:#2e3240 transparent transparent transparent;margin:7px auto 0;}
.statics__list th[class^=col_].sort:after{border-color:#fff transparent transparent transparent;}
.statics__list th[class^=col_].sort--descending:after{border-width:0 3px 3px 3px;border-color:transparent transparent #2e3240 transparent}
.statics__list th[class^=col_].sort.sort--descending:after{border-color:transparent transparent #fff transparent}
.statics__list td{height:40px;text-align:center;border-bottom:1px solid #f3f3f3;font-size:14px;vertical-align:middle}
.statics__list tr:first-child td{border-top:1px solid #d0d3de}
.statics__list tr.state--my td{border-bottom:2px solid #d0d3de;border-top:2px solid #d0d3de;font-weight:bold}
.statics__list tr.state--my td.name .txt{color:#3677f6}
.statics__list td.ranking{width:37px;font-weight:bold}
.statics__list td.col_2{width:96px;color:#555b71}
.statics__list td.col_3{width:72px;color:#555b71}
.statics__list td.col_4{width:48px;color:#555b71}
.statics__list td.name{text-align:left;padding-left:6px;overflow:hidden}
.statics__list td.name .thumb{display:inline-block;width:32px;height:32px;vertical-align:middle;padding-bottom:4px}
.statics__list td.name .thumb img{border-radius:50%}
.statics__list td.name .txt{display:inline-block;width:58px;line-height:40px;margin-left:4px;white-space:nowrap}
@media only screen and (min-width: 0px) and (max-width:380px) {
    .statics__list td.name .txt{display:inline-block;width:55px;line-height:40px;margin-left:4px;white-space:nowrap}
}
@media only screen and (min-width: 0px) and (max-width:430px) {
    .statics__list td.name .thumb{display: none}
}
.statics__list td.sort,.statics__list th.sort{background:#1862f3;color:#fff;font-weight:bold}

/* 일정(ongoing) */
.top-ongoing{padding-top:6px;border-bottom:10px solid #f3f3f3}
.btn-ongoing{font-size:17px;font-weight:bold;padding:0 16px 12px}
.btn-ongoing:after{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent #2e3240 transparent;vertical-align:middle;margin-bottom:2px;margin-left:20px}
.top-ongoing.open .btn-ongoing:after{border-width:5px 5px 0 5px;border-color:#2e3240 transparent transparent transparent}
.ongoing-list{display:none}
.top-ongoing.open .my-section{display:block}
.ongoing-list .sub-notice{font-size:14px;color:#72788d;line-height:18px;}
.ongoing-list .sub-notice + .sub-notice{margin-top:4px}
.ongoing-list .sub-notice:before{top:9px;background-color:#72788d}
.top-ongoing .my-section{display:none;border-top-width:1px}
.top-ongoing .btn-my__item{font-size:15px}

.calendar-table__wrap{padding:0 16px 80px}
.calendar-table__top{display:flex;justify-content:space-between;align-items:center;padding-top:24px}
.calendar-table__top .page-title{margin-top:0}
[class^=btn-calendar--]{width:30px;height:24px;font-size:0;text-align:center}
[class^=btn-calendar--]:after{content:"";width:18px;height:20px;background-position-y:-143px;vertical-align:middle;}
.btn-calendar--table:after{background-position-x:-18px}
.color-distinguished__list{display:flex}
.calendar-table__contents{margin-bottom:16px}
.calendar-table__contents .contents-top{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.calendar-table__contents .dues-years__wrap{width:100px;padding:0}
.calendar-table__contents .btn-dues__years.prev{left:0}
.calendar-table__contents .btn-dues__years.next{right:0}
.color-distinguished__item{font-size:13px;margin-left:12px}
.color-distinguished__item:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-bottom:2px;margin-right:4px}
.color-distinguished__item.today:before{background:#faad14}
.color-distinguished__item.attend:before{background:#79afff}
.color-distinguished__item.absence:before{background:#f53c14}
.color-distinguished__item.unvoted:before{background:#8d92a3}

.calendar-table{width:100%;table-layout:fixed;}
.calendar-table .week-sep{width:14%}
.calendar-table th{height:30px;font-size:14px;color:#555b71;font-weight:normal;border-bottom:1px solid #f3f3f3}
.calendar-table td.week-sep{height:88px;vertical-align:top;border-bottom:1px solid #f3f3f3;padding:0 1px}
.calendar-table td.week-sep.day--holiday .date{color:#f53c14}
.calendar-table td.week-sep.this-month--not{opacity:0.5;}
.calendar-table td.week-sep.day--today .date:before{content:"";display:block;position:absolute;width:24px;height:24px;top:5px;left:50%;margin-left:-12px;border-radius:50%;background:#faad14;z-index:-1}
.calendar-table .date{position:relative;line-height:24px;font-size:14px;text-align:center;padding-top:4px;z-index: 1}
.calendar-schedule__item{position:relative;width:100%;background:#d6e4ff;border-radius:0 15px 15px 0;margin-top:2px}
.calendar-schedule__item:before{content:"";display:block;position:absolute;width:2px;left:0;top:0;bottom:0;background:#79afff}
.calendar-schedule__item .txt{display:block;width:calc(100% - 8px);height:16px;line-height:16px;overflow:hidden;word-break:break-all;margin:0 4px;font-size:11px}
.calendar-schedule__item.absence{background:#ffc7ba;}
.calendar-schedule__item.absence:before{background:#f53c14}
.calendar-schedule__item.unvoted{background:#f3f3f3;color:#8d92a3}
.calendar-schedule__item.unvoted:before{background:#8d92a3}
.calendar-schedule__more{position:relative;height:16px;border-radius:15px;background:#3677f6;font-size:0;margin-top:2px}
.calendar-schedule__more:before{content:"";position:absolute;width:2px;height:6px;top:5px;left:50%;margin-left:-1px;background:#fff}
.calendar-schedule__more:after{content:"";position:absolute;width:6px;height:2px;top:7px;left:50%;margin-left:-3px;background:#fff}
.calendar-schedule__txt{font-size:11px;color:#555b71;margin-top:2px}

.calendar-table__top + .calendar-list__contents{margin-top:8px}
.calendar-list__contents{border-top:1px solid #f3f3f3;}
.calendar-list__contents .my-club__item{padding:16px 0;}
.calendar-list__contents .my-club__item .end{opacity: 0.3;}
.calendar-list__contents .item-all__wrap{display:flex;justify-content:space-between;align-items:center;}
.calendar-list__contents .my-club__item p{font-size:14px;line-height:20px;color:#72788d}
.calendar-list__contents .my-club__item a{display:block;width:calc(100% - 70px);box-sizing:border-box;padding-left:24px;}
.calendar-list__contents .my-club__item .title{font-size:15px;margin-bottom:4px;color:#222}
.calendar-list__contents .my-club__item .date{margin-bottom:4px;}
.calendar-list__contents .my-club__item .location:before{content:"";width:18px;height:18px;background-position:-211px -22px;vertical-align:top;margin-right:4px}
.calendar-list__contents .my-club__item .personnel:before{content:"";width:12px;height:13px;background-position:0 0;vertical-align:top;margin:3px 7px 0 3px;}
.list-schedule__item{width:40px;height:48px;flex-shrink:0;border-radius:4px;text-align:center;box-sizing:border-box;padding-top:8px;font-size:12px;color:#fff}
.list-schedule__item:after{content:"";display:block;margin:4px auto;}
.list-schedule__item.attend{background:#3677f6}
.list-schedule__item.attend:after{width:11px;height:9px;background-position:-201px -117px}
.list-schedule__item.absence{background:#f53c14}
.list-schedule__item.absence:after{width:9px;height:9px;background-position:-213px -117px}
.list-schedule__item.unvoted{background:#222}
.list-schedule__item.unvoted:after{width:12px;height:10px;background-position:-201px -127px}
.vote-state{margin-bottom:6px;line-height:20px;color:#8d92a3;font-size:13px}
.vote-state .badge{display:inline-block;border:1px solid;margin-right:8px;font-size:12px;padding:0 4px;border-radius:4px}
.vote-state.state--close .badge{border-color:#3677f6;color:#3677f6}
.vote-state.state--ing .badge{border-color:#faad14;color:#faad14}
.vote-state.state--finish .badge{border-color:#555b71;color:#555b71}
.vote-state.state--youtube .badge{border-color:#f53c14;color:#f53c14}
.vote-state.state--orange .badge{border-color:#ff7c78;color:#ff7c78}
.vote-state.state--purple .badge{border-color:#542bfa;color:#542bfa}
.vote-state.state--black .badge{border-color:#1a3875;color:#1a3875}
/* .item-all__wrap.item--finish a > *:not(.title){opacity:.5;} */
.schedule-date__box{flex-shrink:0;width:68px;text-align:center;border:1px solid #E6E6E6;border-radius:8px;padding:8px 0;word-break: break-all;}
.schedule-date__box .week{font-size:13px}
.schedule-date__box .date{font-size:20px;font-weight:bold;color:#222;margin:3px 0 1px}
.schedule-date__box .hour{font-size:12px}

/* 반복 일정*/
.makeCalendar{display: inline-table; margin-top: 15px;}
.makeCalendar .row{display: table-row;}
.makeCalendar .cell{display: table-cell;}
.makeCalendar .cell+.cell {padding-left: 20px;}
.makeCalendar .row+.row .cell {padding-top: 16px;}

.full-screen.calendar-detail{padding-bottom:140px;padding-top:49px}
.full-screen.vote-detail{padding-top:49px}
.schedule-detail__wrap{padding:0 16px 40px}
.schedule-detail__top{position:relative;border-bottom:1px solid #f3f3f3;padding:9px 0;padding-right:20px}
.page-title--badge.vote-state{margin-bottom:0}
.schedule-detail__wrap .page-title{position:relative;margin:0;line-height:22px;padding:8px 0}
.schedule-detail__wrap .info-wrap + .info-wrap{border-top:1px solid #d2d2d2;margin-top:32px;padding-top:16px;}
.leagueview-top__wrap {position: relative}
.leagueview-top__wrap > .edit-option__wrap{position: absolute; top:-10px;right:0;}

.info-notice{position:relative;padding-left:9px;font-size:14px;color:#8d92a3;margin-top:8px}
.title--normal{font-size:16px;color:#8A8A8A;margin-bottom:8px}
.votes-cast__list{min-height:74px;max-height:150px;line-height:20px;border:1px solid #d0d3de;padding:16px;box-sizing:border-box;overflow-y:auto;border-radius:4px}
.btn-vote{width:100%;height:38px;line-height:38px;color:#fff;background:#3677f6;border-radius:18px;margin-top:8px;margin-bottom:24px}
.btn-vote.red{background:#f53c14}
.schedule-detail__wrap .reply-wrap{margin:0;margin-top:40px;}
.calendar-write .join-club__input,.vote-create .join-club__input{padding:0 16px}
.calendar-write .open-option__wrap{margin-top:26px}
.page-con__title.address{margin-top:16px}
.form-check__wrap{margin-top:8px}
.sub-notice__item{display:table;margin-top:4px}
.sub-notice__item .title{display:table-cell;white-space:nowrap;padding-right:4px}
.sub-notice__item .con{display:table-cell}
.vote-done__box{min-height:35px;line-height:35px;padding:0 10px;background:#3d5075;color:#fff;border-radius:4px;margin-bottom:8px;text-align:center;margin-top:12px}
.schedule-detail__wrap .btn-authenticate{background-color:#959799;}
.form__sub-notice{border-top:1px solid #f3f3f3;margin-top:16px;padding-top:4px}

.info-wrap + .public__selected{margin-top:16px}
.public__selected + .vote-result__wrap{border-top:0;margin-top:0;padding-top:36px;}
.info-wrap + .vote-result__wrap{border-top:0;margin-top:0;padding-top:24px;}

.vote-detail .schedule-detail__wrap{padding-bottom:20px}
.selections-name .radio-box .radio__text{font-weight:normal}
.selections-img{display:flex;margin:6px 0 16px}
.selections-img .thumb{flex-shrink:0;width:calc(29vw - 35px);max-width:180px;max-height:180px;}
.selections-img .thumb + .thumb{margin-left:6px}
.selections-img .thumb img{width:100%;height:calc(29vw - 35px);max-height:180px;}
.vote-detail .club__info + .members__apply{margin-top:16px}

.vote-result__wrap{border-top:1px solid #d2d2d2;margin-top:32px;padding-top:40px;}
.vote-result__top{display:flex;justify-content: space-between;}
.btn-vote__more{font-size:14px;color:#8d92a3}
.btn-vote__more:after{content:"";display:inline-block;width:6px;height:10px;background-position:-86px -45px;margin-left:6px}
.vote-result__title{margin-bottom:8px}
.vote-result__title .font-blue{font-weight:bold}
.vote-result__title .font-gray{color:#72788d}
.vote-result__list{background:#f6f9ff;border-radius:8px;font-size:14px;padding-bottom:16px}
.vote-result__item{padding-top:16px}
.result-selections__top{display:flex;justify-content:space-between;padding:0 8px 4px;}
.result-selections__name{position:relative;font-size:16px}
.result-selections__top .num{color:#404040}
.result-selections__graph{height:11px;border-radius:15px;background:#eee;margin:0 8px 4px;}
.result-selections__graph .line{height:11px;border-radius:15px;background:#959799}
.vote-result__item.lanking--1st .line{background:#1862f3}
.result-selections__people{max-height:54px;line-height:18px;font-size:14px;color:#8d92a3;padding:0 8px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.vote-result__list + .vote-result__title{border-top:0;margin-top:0;padding-top:16px}
.vote-result__item.selected .result-selections__name{padding-left:24px;font-weight:bold}
.vote-result__item.selected .result-selections__name:after{content:"";display:block;position:absolute;width:12px;height:10px;top:5px;left:6px;background-position:-213px -127px}

.vote-list{margin-bottom:50px}
.vote-list .page-con__title,.page-con__box .page-con__title{margin-top:30px !important}
.page-con__title--sub{margin:8px 0 4px}
.club-img__list.review + .page-con__title--sub{margin-top:24px;}
.vote-list .members__apply.sub__btn.tender2{margin-top:24px}
.vote-create .open-option__wrap + .open-option__wrap{margin-top:8px}
.vote-list__wrap{border-top:1px solid #f3f3f3;padding-top:16px;margin-top:10px !important;}

/* 실시간 기록 */
.realtime-recording{background:#f3f3f3}
.realtime-recording .full-screen{max-width:none;border:0;}
.realtime-recording .layer__top{max-width:none;border-left:0;border-right:0;}
.situation-board{position:relative;padding:8px;padding-bottom:18%}
.situation-board__center{padding:0 8px;box-sizing:border-box;}
.situation-board__team{display:flex;padding-top:4vh}
.situation-team__wrap{width:50%;padding:4px 8px;box-sizing:border-box}
.realtime-recording .full-screen{padding-top:51px}

.situation-center__top{display:flex;}
.situation-score{width:23%}
.situation-score .inner{display:block;position:relative;padding-top:128%;overflow:hidden;}
.situation-score .score{position:absolute;display:flex;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;font-size:6rem;color:#fff;font-weight:bold;z-index:1}
.situation-score .inner:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:50%;background:#444;}
.situation-score .inner:after{content:"";display:block;position:absolute;top:50%;left:0;right:0;bottom:0;background:#222;}
.btn-score{position:absolute;left:0;right:0;z-index:2;font-size:0}
.btn-score.state--up{top:0;bottom:50%}
.btn-score.state--down{top:50%;bottom:0}
.situation-time{display:flex;align-items:center;justify-content:center;width:calc(54% - 16px);margin:0 8px;background:#222;font-size:3.2rem;color:#fff;font-weight:bold}

.play-btn__wrap{display:flex;justify-content:space-between;padding-top:3vh}
.btn-play{position:relative;width:calc(70% - 16px);padding-top:11%;border:1px solid #3677f6;background:#3677f6;border-radius:50px;color:#fff}
.btn-play .txt{position:absolute;display:flex;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;font-size:1.4rem;}
.btn-play .txt:before{content:"";border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff;margin-right:5px}
.btn-play.state--start .txt:before{width:6px;height:10px;background-position:-105px -126px;border:none}
.btn-play.state--restart{width:30%;background:none;color:#3677f6}
.btn-play.state--restart .txt:before{width:9px;height:11px;background-position:-95px -126px;border:none}

.situation-btn__set{display:flex;justify-content:space-between;padding:4vh 0 0}
.situation-btn__set .btn-situation{position:relative;width:14.5%;text-align:center;padding-top:14.5%;}
.situation-btn__set .btn-situation .txt{position:absolute;display:flex;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;box-shadow: 0 2px 4px 0 rgba(154, 149, 149, 0.25), 0 -2px 4px 0 #ffffff;border-radius:50%;color:#666;font-size:1.3rem;font-weight:bold;border:2px solid #fff;background:#d2d2d2}
.situation-btn__set .btn-situation.blue .txt{background:#3677f6;color:#fff}
.situation-btn__set .btn-situation.green .txt{background:#52c41a;color:#fff}
.situation-btn__set .btn-situation.orange .txt{background:#ff7d60;color:#fff}
.situation-btn__set .btn-situation.yellow .txt{background:#ffe03f;color:#222}
.situation-btn__set .btn-situation.red .txt{background:#e0320c;color:#fff}
.btn-play.save{position:fixed;display:block;width:calc(100% - 32px);left:16px;bottom:16px;box-sizing:border-box;padding-top:11%}
.btn-play.save .txt:before{display:none}

.team-name{display:block;position:relative;padding-top:25%;overflow:hidden;}
.team-name .name{position:absolute;display:flex;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;font-weight:bold;border-radius:8px;box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.5);background:#333}
.people-score{border-radius:4px;padding:0 4px;box-sizing:border-box;margin-top:4px}
.people-score__item{display:flex;justify-content:space-between;align-items:center;line-height:2rem;margin:3px 0}
.people-score__item .name{font-size:1.5rem;color:#72788d}
.btn-score__list,.btn-del__list{display:flex;width:24px;height:24px;font-size:0;align-items:center;justify-content:center;}
.btn-score__list:after{content:"";width:13px;height:13px;background-position:-79px -126px}
.btn-del__list:after{content:"";width:9px;height:9px;background-position:-230px -33px}

.layer-middle--fixed.recording .inner{padding:0;max-width:unset}
.layer-recording__middle{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:6px 16px}
.layer-scroe__board{display:flex;align-items:center;padding:4px 0}
.layer-scroe__board .sep{font-weight:bold;margin:0 8px}
.layer-scroe__box{display:flex;align-items:center;}
.layer-scroe__num{font-weight:bold;margin:0 5px}
.btn-score--layer{display:block;position:relative;width:24px;height:24px;border:1px solid #8d92a3;font-size:0}
.btn-score--layer:before{content:"";display:block;position:absolute;width:10px;height:2px;top:11px;left:7px;background:#bebebe}
.btn-score--layer.state--up:after{content:"";display:block;position:absolute;width:2px;height:10px;top:7px;left:11px;background:#bebebe}
.layer-scroe__save{display:flex;align-items:center;padding:4px 0}
.btn-save--scroe{display:block;width:56px;height:26px;line-height:26px;text-align:center;background:#3677f6;color:#fff;font-weight:bold;border-radius:4px;margin-left:6px}

.layer-middle--fixed.recording .layer-bottom__con{max-height:60vh;background:#f3f3f3;border-radius:0 0 16px 16px;padding:0;overflow-y:auto;}
.score-people__list{display:flex;flex-wrap:wrap;padding:0 8px 16px}
.score-people__item{width:52px;height:70px;margin:16px 8px 0;}
.score-people__item.on{background:#3677f6;border-radius:8px}
.score-people__item > a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}
.score-people__item .thumb{width:32px;height:32px;}
.score-people__item .thumb img{border-radius:50%}
.score-people__item .name{font-weight:bold;margin-top:4px;}
.score-people__item.on .name{color:#fff}

/* 회칙 */
.association-rules__wrap{padding:0 16px}
.association-rules__top{border-bottom:1px solid #f3f3f3;padding:10px 0 20px}
.rules-date{color:#72788d;font-size:14px;margin-top:8px}
.association-rules__content{margin-top:16px;line-height:24px}
.association-rules__content img{display:block;width:100%;margin:8px 0}

.team-form__wrap, .game-settings__wrap, .friendly-match__wrap, .game-schedule__wrap,.bank-select__wrap,.bank-transfer__wrap,
.game-history__wrap{position:relative;min-height:calc(100vh - 57px);box-sizing:border-box;padding-bottom:100px !important}
.team-form__wrap{position:relative;padding:0 16px 0}
.team-form__wrap .page-title{margin-top:0;padding-top:10px}
.members-all__list{padding:10px 16px;border:1px solid #d0d3de;border-radius:4px;line-height:24px;margin-top:8px;overflow-y:auto;box-sizing:border-box}
.team-form__members .members__apply{margin-top:8px;}
.team-form__cast{margin-top:32px}
.team-form__cast .members__apply{margin-top:16px}
.cast-board__wrap{margin-top:24px;}
.cast-board__top{position:relative;display:flex;justify-content:space-between;padding-left:28px;line-height:24px}
.cast-board__top .btn-memo__view{right:auto;left:0;}
.cast-board__top .top-title{font-weight:bold;}
.cast-board__top .top-del{color:#ff7d60}
.cast-board__bottom{position:relative;border:1px solid #d0d3de;border-radius:4px;padding-bottom:40px;box-sizing:border-box;margin-top:8px}
.cast-board__bottom .members-all__list{min-height:100px;border:0;margin-top:0;padding:2px 8px 10px}
.btn__members-cast{position:absolute;width:46px;height:46px;left:50%;top:46px;margin-left:-23px;font-size:0;}
.btn__members-cast:after{content:"";display:inline-block;width:46px;height:46px;background:url(../img/members_cast.png) no-repeat;background-size:46px auto}
.team-form__bottom{position:absolute;width:calc(100% - 32px);max-width:666px;left:50%;transform:translateX(-50%);bottom:24px}
.cast-board__bottom .selected-members__wrap .selected-2depth__item{margin-top:8px;margin-bottom:0}
.members-all__list .selected-members__wrap{max-height:unset;margin-bottom:0;}
.selected-members__wrap + .btn__members-cast{width:100%;height:40px;left:0;top:auto;bottom:0;margin:0;background:none;border-top:1px solid #d0d3de;text-align:center}
.selected-members__wrap + .btn__members-cast:after{width:24px;height:24px;background-size:24px auto}
.selected-members__wrap .selected-2depth__item.item--captain{background:#3677f6;color:#fff}
.selected-members__wrap .item--captain .btn-del:after{background-position-x:-230px}
.label--captain{position:absolute;width:40px;height:18px;line-height:18px;top:-27px;left:50%;margin-left:-20px;font-size:12px;text-align:center;background:#222;color:#fff;border-radius:2px;box-shadow: 0 4px 8px 0 rgba(146, 146, 146, 0.2);z-index:10}
.label--captain:before{content:"";position:absolute;bottom:-4px;left:16px;border-style:solid;border-width:4px 4px 0 4px;border-color:#222 transparent transparent transparent}
.selected-2depth__item:nth-child(-n+3) .label--captain{top:auto;bottom:-27px}
.selected-2depth__item:nth-child(-n+3) .label--captain:before{bottom:auto;top:-4px;border-width:0 4px 4px 4px;border-color:transparent transparent #222 transparent}
.layer--team-name .members__apply{margin-top:32px}

/* 경기 설정 */
.game-settings__team{padding:0 16px 24px;/*word-break:keep-all;*/}
.setting__team-title{font-weight:bold;padding:24px 0 8px}
.setting__team-name{padding:8px 16px;background:#f6f9ff;border-radius:4px;line-height:24px;}
.setting__team-list:first-child .setting__team-title{padding-top:10px}
.game-settings__team .members__apply{margin-top:33px}

.game-settings__howto{border-top:10px solid #f3f3f3;padding:14px 16px 24px}
.game-settings__howto .open-option__wrap{margin:16px 0}
.game-settings__howto .open-option__item{width:calc(50% - 1px);}
.game-settings__howto .open-option__item.on{background:#3677f6}
.game-settings__howto .open-option__item.on a{color:#fff}
.game-settings__howto .input-text__wrap{width:100%}
.settings-howto__input{display:flex}
.settings-howto__input + .settings-howto__input{margin-top:8px}
.settings-howto__input + .members__apply{margin:16px 0 8px}
.input-del__warp{width:24px;padding:0 3px 0 4px}
.btn-input__del{width:24px;height:24px;background-position:-27px -117px;font-size:0;margin-top:8px}

.game-settings__progress{border-top:10px solid #f3f3f3;padding:14px 16px 24px}
.game-settings__progress .radio__text{font-weight:normal}
.setting-progress__item{margin:16px 0}
.friendly-match__box{background:#f6f9ff;border-radius:4px;padding:8px 16px}
.friendly-match__box .wrap-title{font-weight:bold;margin-bottom:5px}
.friendly-match__list:after{content:"";display:block;clear:both}
.friendly-match__item{float:left;width:72px;margin:5px 0}

/* 친선전 */
.friendly-match__wrap .info-wrap{padding:0 16px 10px}
/* 경기일정 */
.game-schedule__wrap .info-wrap{padding:0 16px 10px}
.game-schedule__wrap .club__info .title{width:120px;}
.match-box{display:flex;justify-content:center;align-items:baseline;font-weight:bold}
.match-team{width:calc(50% - 25px);font-size:24px;text-align:right}
.match-text{width:50px;font-size:16px;padding:0 16px;box-sizing:border-box;text-align:center}
.match-text + .match-team{text-align:left}
.game-schedule__box{padding:14px 16px;border-top:10px solid #f3f3f3}
.game-schedule__box .page-title{margin-bottom:9px}
.game-schedule__box .schedule-team{display:flex;align-items:center;}
.game-schedule__box .schedule-team + .schedule-team{margin-top:16px;border-top:1px solid #f3f3f3;padding-top:16px}
.game-schedule__box .schedule-title{width:70px;color:#8d92a3}
.game-schedule__box .schedule-name{width:calc(100% - 174px);text-align:center}
.game-schedule__box .schedule-name .taem-name{font-weight:bold;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.game-schedule__box .schedule-name .taem-text{margin:4px}
.game-schedule__box .schedule-name .taem-name.type--disabled{color:#d0d3de}
.game-schedule__box .schedule-btn{width:104px;text-align:right;}
.btn-game__history{min-width:74px;font-size:14px;padding:4px 8px;border:1px solid #3677f6;color:#3677f6;border-radius:15px;text-align:center;}
.btn-game__history.type--red{color:#f53c14;border-color:#f53c14}
.btn-game__history.type--disabled{color:#d0d3de !important;border-color:#d0d3de !important}
.game-schedule__box .btn-game__history + .btn-game__history{margin-top:6px}

/* 경기기록 */
.game-history__top{padding:30px 0 35px;}
.game-history__wrap .match-box{align-items:center}
.game-history__wrap .match-team{text-align:center !important}
.game-history__top .match-box + .match-box{margin-top:29px}
.game-history__top .layer-scroe__box{width:92px;margin:0 auto}
.game-history__top .match-team .layer-scroe__num{width:40px;font-size:20px}
.game-history__bottom{border-top:10px solid #f3f3f3;padding-top:24px}
.game-history__bottom .match-box + .match-box{margin-top:24px}
.game-history__bottom .match-text{padding:0;text-decoration:underline;}
.game-history__bottom .match-team{font-size:15px;font-weight:normal}
.game-history__member{display:flex;margin:8px 0}
.histor-member__list{width:50%;text-align:right;padding:8px 8px 12px;box-sizing:border-box}
.histor-member__item{font-size:13px;color:#72788d}
.histor-member__item + .histor-member__item{margin-top:4px}
.histor-member__none{width:50%;border-left:1px solid #d0d3de;box-sizing:border-box}

/* 기록 상세 */
.history-detail__list{margin-top:16px}
.history-detail__item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f3f3f3}
.history-detail__user{display:flex;align-items:center;}
.history-detail__user .thumb,.history-detail__wrap .thumb{width:32px;height:32px;border-radius:50%;overflow:hidden}
.history-detail__user .user-name{margin-left:5px;font-weight:bold}
.history-detail__item .layer-scroe__num,.history-detail__wrap .layer-scroe__num{min-width:30px;text-align:center}

.layer-history__detail .layer-bottom__con{padding:8px 8px 0}
.history-detail__wrap{max-height:263px;margin-bottom:16px;overflow-y:auto;}
.history-detail__list--layer{display:flex;flex-wrap:wrap;}
.history-detail__item--layer{position:relative;display:flex;flex-direction:column;align-items:center;width:136px;height:113px;border-radius:8px;background:#f7f7f7;padding:8px;box-sizing:border-box;margin:8px}
.history-detail__item--layer .user-name{font-weight:bold;margin:6px 0 15px}
.history-detail__wrap .btn-del{position:absolute;top:4px;right:4px}
.history-detail__wrap .btn-del:after{width:9px;height:9px;background-position:-240px -22px;}
.layer-history__detail .members__apply{margin:0 8px;width:calc(100% - 16px)}

.layer-date__contents{display:flex;height:120px;overflow:hidden;}
.layer--date li[class^=layer-]{height:40px;line-height:40px;text-align:center;opacity:.5;font-size:17px}
.layer-wrapper__dash{height:120px;line-height:120px;font-weight:bold;color:#3677f6}
.layer-wrapper__date{width:40%}
.layer-wrapper__day{width:26%;padding-left:6%;box-sizing:border-box}
.layer-wrapper__hour{width:17%}
.layer-wrapper__minute{width:17%}
.layer--date li[class^=layer-].swiper-slide-active{font-weight:bold;opacity:1;color:#3677f6}
.layer--date .comment-info{margin-top:16px}

.layer-date__contents.date--cal{padding:0 24px}
.layer-middle--fixed.layer--cal .inner{padding:24px 0 16px}
.date--cal .layer-wrapper__dash{width:4%}
.date--cal .layer-wrapper__day{width:30%;padding-left:0}
.date--cal .layer-wrapper__hour{width:33%}
.date--cal .layer-wrapper__minute{width:33%}
.layer-middle--fixed.layer--cal .comment-info{padding:0 24px}
.layer-cal__contents{border-bottom:1px solid #f3f3f3;padding:0 24px 16px;margin-bottom:16px;}
.layer-cal__contents .dues-years__wrap{padding-bottom:12px}
.calendar-table--layer{width:100%;}
.calendar-table--layer th{height:32px;font-weight:normal;color:#4a4f5f}
.calendar-table--layer .date{display:block;width:32px;height:32px;line-height:32px;text-align:center;margin:3px auto;}
.calendar-table--layer .day--today .date{background:#3677f6;border-radius:50%;font-weight:bold;color:#fff}

.layer-date__contents.date--cal.cal--month{height:180px;padding-top:16px;}
.dues-years__wrap.ysers--month{padding-bottom:16px;border-bottom:1px solid #f3f3f3}
.date--cal .layer-wrapper__years{width:50%}
.date--cal .layer-wrapper__month{width:50%}

.chat-write__bottom--image{padding-top:10px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;}
.chat-write__bottom--image::-webkit-scrollbar{display:none;}
.chat-select__image__list{display:flex}
.chat-select__image__item{position:relative}
.chat-select__image__item .thumb{position:relative;display:block;width:130px;height:186px}
.chat-select__image__item + .chat-select__image__item{margin-left:5px}
.chat-select__image__item input{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
.chat-check__box input:checked + .thumb:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #3677f6;border-radius:4px}
.icon-chat__check{position:absolute;width:20px;height:20px;line-height:19px;top:10px;right:10px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(0,0,0,.1);text-align:center;font-weight:bold;color:#fff}
.chat-check__box input:checked + .thumb + .icon-chat__check{background:#3677f6;border-color:#3677f6;}
.image-big__open{position:absolute;width:36px;height:36px;bottom:0;left:0;font-size:0}
.image-big__open:before{content:"";display:block;position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;box-sizing:border-box;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.5);border-radius:4px}
.image-big__open:after{content:"";display:block;position:absolute;width:11px;height:11px;top:50%;left:50%;margin:-5.5px 0 0 -5.5px;background-position:-43px -143px}


/* 세로모드 */
/* 아이폰SE */
@media only screen and (max-width : 320px) and (orientation:portrait) {
    .people-score{height:30%}
}
/* 아이폰X */
@media only screen and (min-height : 800px) and (max-width : 400px) and (orientation:portrait) {
    .people-score{height:93%}
}
/* 아이패드 */
@media only screen and (height : 1024px) and (width : 768px) and (orientation:portrait) {
    .people-score{height:42%}
}

/* 가로모드 */
@media (orientation: landscape) {
    .situation-board{padding:8px 0;padding-bottom:10%}
    .situation-board__center{position:absolute;width:50%;top:8px;left:25%}
    .situation-board__team{justify-content:space-between;padding-top:0}
    .situation-team__wrap{width:25%}
    .people-score{height:calc(100vh - 53%);}
    .realtime-recording .members__apply{left:8px;right:8px}
    .situation-btn__set{padding:4vh 0 5vh}
    .btn-save--scroe{margin-left:32px}
    .btn-play.save{padding-top:6%}
}
/* 아이폰SE */
@media only screen and (max-height : 320px) and (orientation:landscape) {
    .people-score{height:27%}
}

/* iPad 가로+세로 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    html{font-size:15px}
}
/* iPad pro 가로+세로 */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
    html{font-size:20px}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) {
    html{font-size:15px}
}
/* 아이폰X */
@media only screen  and (min-height : 375px) and (max-width : 812px) and (orientation:landscape) {
    html{font-size:10px}
    .people-score{height:calc(100vh - 55%)}
}

.system-check{display:flex;height:100vh;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 16px}
.system-check__logo{margin-bottom:24px}
.system-check__logo img{width:111px;height:24px}
.system-check__title{font-size:22px;font-weight:bold;margin-bottom:18px}
.system-check__date{display:inline-block;background:#f7f7f7;border-radius:15px;color:#000;letter-spacing:-.5px;padding:8px 12px;margin-bottom:8px}
.system-check__item{display:inline-block;padding-left:8px;font-size:13px;color:#666}
.system-check__subtext{font-size:14px;margin-top:18px}

.layer-middle--fixed.have--top .inner{padding:0}
.layer-middle--fixed.have--top .layer__top .title{font-size:17px}
.layer-sort__list.ellipsis--none{padding:5px 16px}
.layer-sort__list.ellipsis--none .layer-sort__item{line-height:24px;border-bottom:1px solid #f3f3f3;text-align:left;margin:0;}
.layer-sort__list.ellipsis--none .layer-sort__item a{padding:16px 0;overflow:initial;text-overflow:initial;white-space:normal;}


.chat-btn__all{display:block;width:100%;height:30px;line-height:30px;border-top:1px solid #f3f3f3;color:#8D92A3;margin-top:10px;font-size:12px}
.chat-content__item.right .chat-btn__all{border-top-color:#2c6ef3;color:#bfd5ff;}

.full-screen.chatting--all{position:fixed;top:0;left:0;bottom:0;right:0;z-index:30;background:#fff;word-break:break-word}
.full-layer__contents{height:calc(100vh - 57px);background:#fff;overflow-y:auto;padding:10px 16px;box-sizing:border-box;line-height:22px}
/* .chat-txt__ellipsis{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:12;-webkit-box-orient:vertical;} */

.faq-detail{line-height:1.6}
.faq-detail__top{padding:16px;border-bottom:1px solid #f3f3f3;}
.faq-detail__sub{font-size:13px;color:#8d92a3;margin-bottom:4px}
.faq-detail__title{font-size:20px;font-weight:normal;}
.faq-detail__content{padding:16px}
.faq-detail__content p{margin:8px 0}
.faq-detail__content h2{font-size:22px;margin:8px 0}
.faq-detail__content h3{font-size:18px;margin:8px 0}
.faq-detail__content ul{padding-left:16px;margin:8px 0;margin-left:16px;list-style-type:disc}
.faq-detail__content ul li{margin:8px 0}
.faq-detail__content a{text-decoration:underline}
.faq-detail__content table{width:100%;margin:8px 0}
.faq-detail__content th{border:1px solid #f2f2f2;padding:8px 6px;background:#fafafa}
.faq-detail__content td{border:1px solid #f2f2f2;padding:8px 6px}
.faq-related{border-top:8px solid #f3f3f3;padding:16px 16px 0;}
.faq-related .related-title{font-size:13px;color:#8d92a3;font-weight:normal;margin-bottom:8px}
.faq-related .related-category-name{font-weight:bold;}
.related-faq{border-bottom:1px solid #f3f3f3}
.faq-link{display:block;padding:16px 0}
.faq-related__more{display:block;padding:24px 0;color:#8d92a3;text-decoration:underline;text-align:center;}

.community-gallery__item{position:relative;}
.board-view__badge{display:inline-block;height:20px;line-height:20px;margin:16px 16px 12px;font-size:13px;background:#f3f3f3;padding:3px 5px;border-radius:4px;color:#000;font-weight:normal;vertical-align:top;}
.board-view__user{padding:0 16px;margin-top:16px;color:#72788d;font-size:14px}
.board-view__user .date{margin-left:16px}
.board-view__info{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid #f3f3f3;font-size:14px;margin-top:12px}
.board-view__info .btn-comment{margin-left:16px}
.board-view__info .btn-comment:before{content:"";display:inline-block;width:12px;height:12px;background-position:-221px -143px;vertical-align:-1px;margin-right:4px}
.btn-del__txt{font-size:13px;color:#555b71}

.my-share__wrap{display:flex;justify-content:space-between;align-items:center;padding:16px}
.my-share__left{padding-right:16px;font-weight:bold;line-height:1.5;font-size:16px}
.my-share__right{flex-shrink:0;}
.my-share__wrap .btn-authenticate{position:static;height:32px;padding:0 10px}
.my-share__wrap .btn-authenticate.btn--share{background:#fee9e4;color:#ff7d60;}
.my-share__wrap .btn-authenticate.btn--share:before{content:"";display:inline-block;width:15px;height:15px;background-position:-15px 0;vertical-align:middle;margin-bottom:3px;margin-right:3px}
.btn-grade__info{display:block;min-width:74px;height:26px;line-height:25px;color:#fff;font-size:14px;background:#3677f6;border-radius:50px;text-align:center;padding:0 8px;margin-top:-4px}

.address-check__wrap, .vote-check__wrap{margin-top:30px}
.address-write__wrap, .vote-write__wrap{display:none;margin-top:8px}
.address-write__wrap .page-con__title:first-child, .vote-write__wrap.page-con__title:first-child{margin-top:0}
.vote-check__wrap{padding:16px 0 4px;border:solid #F7F7F7;border-width:1px 0;}
.vote-check__wrap .page-con__title{display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:6px}
.vote-check__wrap .page-con__title:after{content:'펼치기';width:11px;height:6px;background-position:-92px -60px;font-size:0;margin-left:6px;transform:rotate(-180deg);}
.vote-check__wrap .page-con__title.on:after{content:'접기';transform:rotate(0);}
.vote-write__wrap{padding-bottom:16px}

.full-screen.select-board{padding-top:49px}
.board__notice{background:#F6F9FF;padding:4px 16px}
.select-board__box + .select-board__box{margin-top:32px}
.select-board__title{text-align:center;font-weight:bold;padding:12px 0}
.category-select__item .select-board__link{display:block;position:relative;height:44px;line-height:44px;box-sizing:border-box;border-bottom:1px solid #F7F7F7;padding-left:16px;font-size:16px;letter-spacing:-1.2px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align:center;}
.category-select__item:nth-child(odd) .select-board__link{border-right:1px solid #F7F7F7}
.item--point .select-board__link{position:relative;font-weight:bold}
.item--point .select-board__link .badge-category{display:inline-block;position:absolute;line-height:normal;left:4px;top:4px;background:#F54949;color:#fff;font-size:11px;font-weight:normal;padding:1px 5px;border-radius:50px}

.board-type__wrap{display:flex;margin-left:10px;margin-right:-10px}
.btn__board-type{display:inline-block;width:36px;height:36px;font-size:0;text-align:center;flex-shrink:0}
.btn__board-type:after{content:"";width:22px;height:22px;background-position-y:-165px;margin-top:7px;}
.btn__board-type.btn--page:after{background-position-x:-55px}
.btn__board-type.btn--grid:after{background-position-x:-85px}
.btn__board-type.btn--selected:after{background-position-y:-190px}

.social-wrap{padding-top:57px}
.edit-option__wrap .btn-share:before{content:"";display:block;width:18px;height:18px;background-position-x:-129px}
.social-con{display:flex;justify-content:space-between;align-items:center;padding:18px 16px 0;color:#666;}
.social-con--right{flex-shrink:0;width:120px}
.social-con--right img{width:120px;height:120px;}
.social-title{font-size:19px;line-height:30px;padding:0 16px;font-weight:bold;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.social-con .list-location{margin:12px 0 10px}
.social-con__date{font-weight:bold}
.social-con__price{color:#222;font-weight:bold;margin-bottom:8px}
.social-con__text{margin-top:4px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

.social-scroll{padding:24px 16px 20px;overflow:hidden}
.social-scroll__item{width:60px;margin-right:7px}
.social-scroll__item.item--more{margin-right:0}
.social-scroll__item .thumb img{width:60px;height:60px;border-radius:50%}
.social-scroll__name{font-size:14px;font-weight:bold;text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden}
.social-scroll__more{display:block;position:relative;width:60px;height:60px;line-height:59px;font-size:0;border:1px solid #3677f6;border-radius:50%;box-sizing:border-box;}
.social-scroll__more:before{content:"";display:block;position:absolute;width:4px;height:24px;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:10px;background:#3677f6}
.social-scroll__more:after{content:"";display:block;position:absolute;width:24px;height:4px;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:10px;background:#3677f6}

/* card 페이지 시작 */
.card-wrap{min-height:100vh;padding:20px 16px;letter-spacing:0;color:#f1f1f1;font-family:'Oswald',"Helvetica Neue","Apple SD Gothic Neo",sans-serif;text-align:center;box-sizing:border-box;
    background: #8E0E00;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #1F1C18, #8E0E00);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #1F1C18, #8E0E00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.card-view{position:relative;margin:0 auto;width:200px;color:#ebe4a9}
.card-view__img{display:block;width:100%}
.card-view .thumb{position:absolute;width:130px;height:120px;top:52px;right:9px}
.card-view .thumb img{border-radius:0}
.card-view__top{position:absolute;width:43px;top:54px;left:17px;text-align:center}
.card-view__number{font-size:26px;line-height:30px;white-space:nowrap;overflow:hidden;}
.card-view__position{margin-top:9px;white-space:nowrap;overflow:hidden;}
.card-view__name{position:absolute;width:152px;height:28px;line-height:27px;top:175px;left:24px;text-align:center;font-size:16px;font-weight:bold;white-space:nowrap;overflow:hidden;}
.card-view__option{display:flex;position:absolute;top:210px;left:37px}
.view-option__left{width:75px;}
.view-option__right{width:75px;margin-left:2px;}
.view-option__item{display:flex;}
.view-option__num{width:24px;flex-shrink:0;text-align:left;white-space:nowrap;overflow:hidden;}
.view-option__title{max-width:26px;white-space:nowrap;overflow:hidden;}

.card-title{font-size:28px;line-height:32px;font-weight:bold;white-space:nowrap;overflow:hidden;color:#d8c666;margin-top:24px}
.card-num{font-size:24px;font-weight:bold;margin-top:20px}
.card-num__point{color:#e33a27;margin-right:6px}
.card-option{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;line-height:22px;font-size:14px}
.card-option__item:after{content:"";display:inline-block;margin:0 8px;width:2px;height:12px;border-radius:10px;background:#8E0E00;vertical-align:middle}
.card-option__item:last-child:after{display:none;}
.card-sub{margin-top:8px;opacity:.8;line-height:22px;font-size:14px}

.card-table{margin-top:20px;border-radius:8px;overflow:hidden;}
.card-table__tr{display:flex;width:100%;justify-content:space-between;background:#3f1811;padding:12px 24px;box-sizing:border-box;margin-top:1px}
.card-table__td{min-width:50px;text-align:center}
.card-table__top{opacity:.7;font-size:13px}
.card-table__bottom{font-size:24px;line-height:26px;margin-top:2px}
/* card 페이지 끝 */

.community-link--chat{display:inline-block;width:180px;border-radius:12px;overflow:hidden}
.community-link--chat .thumb img{border-radius:0;height:100px}
.community-link--chat .community-link__contents{width:100%;background:#fff;padding:8px;font-size:13px}
.community-link--chat .community-link__sub{font-size:12px}
.community-link--chat .community-link__url{font-size:12px}
.right .community-link--chat .community-link__contents{text-align:left}
.community-link--chat + .date{padding:0}
.date + .community-link--chat{margin-left:-4px}


/* 포메이션 짜기 */
.service-formation{padding-top:49px}
.field-background{width:100vw;height:100vw;background-image:url(../img/field.png);background-size:cover}
.formation-info{height:calc(100vh - 100vw - 49px - 63px);overflow:hidden}
.uniform-info{height:calc(100% - 30px)}
.list__uniform{display:flex;flex-grow:1;align-items:center;height:50%;}
.list__uniform .list-item{width:calc(25%);height:calc(50%);text-align:center;}
.list__uniform .list-item img{max-width:100%;max-height:100%}
.box__uniform{display:flex;flex-direction:column;}
.service-formation .swiper-pagination{position:static;height:20px;padding-bottom:10px}

@media (orientation: landscape) {
    .field-formation{display:flex}
    .field-background{width:calc(100vh - 49px);height:calc(100vh - 49px);}
    .formation-info{width:calc(100vw - 100vh + 49px);height:calc(100vh - 49px - 63px)}
    .navigation-klubo.klubo-formation{left:calc(100vh - 49px)}
}


.list__field{display:flex;flex-wrap:wrap;background:#40435f}
.list__field .list-item{width:50%;background:#40435f;text-align:center;padding:12px;box-sizing:border-box;}
.list__field .list-item:nth-child(4n),.list__field .list-item:nth-child(4n+1){background:#363956}
.list__field .list-item .text__title{color:#f1f1f1;font-size:18px;font-weight:bold;padding-bottom:10px}
.list__field .box__field img{width:100%;height:100%}

/* 대화목록 */
.chatlist-ad{text-align:center;margin-bottom:8px;padding:0 16px}
.chatlist-ad img{max-width:100%;height:70px;border-radius:8px}
.container-chatlist .chatting__item .link__chatting{display:flex;align-items:center;width:100%;padding:0 16px;box-sizing:border-box;}
.container-chatlist .chatting__item .thumb{flex-shrink:0;width:44px;height:44px;padding:16px 0;}
.container-chatlist .chatting__item .thumb img{border-radius:50%}
.container-chatlist .chatting__item .contents{width:100%;padding:0 10px;box-sizing:border-box;}
.container-chatlist .chatting__item .contents .user{font-weight:bold;color:#0f0f0f;margin-bottom:2px;font-size:14px}
.container-chatlist .chatting__item .contents .user .class__item-sub.off:after{content: "";display: inline-flex;width: 16px;height: 16px;background: url(../img/turn_off.png);top: 3px;position: relative;opacity: 0.5;}
.container-chatlist .chatting__item .contents .text{font-size:13px;color:#666;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.container-chatlist .chatting__item .right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;align-self:flex-start;margin-top:17px}
.container-chatlist .chatting__item .right .date{font-size:11px;color:#959799}
.container-chatlist .chatting__item .right .alert{font-size:12px;border-radius:50px;background:#ff7d60;color:#fff;padding:0 6px;margin-top:2px}

/* collapzion 버튼 */
.btn-parallax{display:block;position:absolute;right:7px;bottom:87px;padding:0 7px;z-index:30;}
.btn-parallax .col_shadow{box-shadow:0 8px 16px 0 rgba(148, 158, 171, 0.2);}
.btn-parallax a.parallax_parant{position:relative;display:flex;align-items:center;justify-content:center;color: #fff;border-radius: 50%;width: 60px;height: 60px;text-decoration: none;float: right;-webkit-transition: -webkit-transform .1s linear 0s;-moz-transition: -moz-transform .1s linear 0s;transition: transform .1s linear 0s;background-color: rgb(198, 211, 245);}
.btn-parallax a.parallax_parant.open{transform: rotate(45deg);}
.btn-parallax a.parallax_parant:before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:2px;background:#222;}
.btn-parallax a.parallax_parant:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:20px;background:#222;}
.btn-parallax ul.child_parallax{position: absolute;margin: 0;padding: 1px;top: 0;right: 0;height:0;overflow: auto;z-index: 10;-webkit-transition: -webkit-transform .3s ease-in-out;-moz-transition: -moz-transform .3s ease-in-out;-webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);transition: all .3s ease-in-out;opacity:0;overflow:hidden;white-space:nowrap;}
.btn-parallax .open + ul.child_parallax{height:auto;-webkit-transform: translate3d(0,-100%,0);-moz-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);opacity:1;}
.btn-parallax ul.child_parallax li{display:flex;align-items:center;justify-content:flex-end;width:100%}
.btn-parallax ul.child_parallax li a.parallax_child{display:flex;align-items:center;justify-content:center;margin:6px 10px 6px 14px;color:#222;border-radius: 50%;width: 53px;height: 53px;background-color:#FFFFFF;text-align: center;}
.btn-parallax ul.child_parallax li a.parallax_child .image{width:25px;height:25px;}
.btn-parallax ul.child_parallax li span._title{color:#FFFFFF}

/* 채팅 이모티콘 */
.btn-chat__emoticon{position:absolute;width:24px;height:24px;right:10px;top:50%;margin-top:-12px;font-size:0}
.btn-chat__emoticon:after{content:"";display:block;width:24px;height:24px;background-position:-54px -215px}
.chat-write__emoticon{position:relative;margin-top:8px}
.chat-write__emoticon:before{content:"";display:block;position:absolute;width:calc(100% + 16px);height:1px;left:-8px;top:0;background:#E6E6E6;z-index:2}
.chat-write__emoticon .emoticon-top{position:relative;padding-right:38px;}
.chat-write__emoticon .emoticon-top:before{content:"";display:block;position:absolute;width:calc(100% + 16px);height:1px;left:-8px;bottom:-1px;background:#E6E6E6;z-index:2}
.chat-write__emoticon .emoticon-top__list > .list-item{position:relative;width:44px;height:38px;overflow:hidden;text-align:center}
.chat-write__emoticon .emoticon-top__list > .list-item.on:after{content:"";display:block;position:absolute;width:100%;height:2px;bottom:0;left:0;background:#2c6ef3}
.chat-write__emoticon .emoticon-top__list > .list-item .btn-emoticon__thumb{padding:7px 10px}
.chat-write__emoticon .emoticon-top__list > .list-item img{width:24px;height:24px;}
.chat-write__emoticon .btn-emoticon__more{display:flex;align-items:center;justify-content:center;position:absolute;width:38px;height:38px;top:0;right:-8px;background:#fff;border-left:1px solid #E6E6E6;z-index:1;font-size:0;}
.chat-write__emoticon .btn-emoticon__more:after{content:"";display:block;width:13px;height:13px;background-position:-201px -103px;opacity:.5;}
.chat-write__emoticon .emoticon-bottom{overflow:hidden}
.chat-write__emoticon .emoticon-bottom__list > .list-item{display:flex;flex-wrap:wrap;padding:10px 10px 20px;box-sizing:border-box;}
.chat-write__emoticon .emoticon-bottom .btn-emoticon__item{width:25%;min-width:60px;height:80px;padding:10px 0;box-sizing:border-box;}
.chat-write__emoticon .emoticon-bottom .btn-emoticon__item img{width:60px;height:60px}
.chat-write__emoticon .emoticon-bottom .swiper-pagination{bottom:0}
.chat-write__emoticon .emoticon-bottom .swiper-pagination-bullet{width:6px;height:6px;margin:0 2px !important}
.chat-write__emoticon .emoticon-bottom .swiper-pagination-bullet-active{background:#3677f6}

.ios-webview_none{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}

.banner-left{display:none;position:fixed;top:50%;right:50%;transform:translate(-370px, -50%);}
.banner-left img{width:182px}
.banner-right{display:none;flex-direction:column;position:fixed;bottom:36px;left:50%;transform:translateX(370px);}
.banner-right img{width:138px;margin-top:10px}

@media only screen and (min-device-width : 1016px) {
    .banner-right{display:flex}
}
@media only screen and (min-device-width : 1104px) {
    .banner-left{display:block}
}

.schedule-card{overflow:hidden;margin-top:16px}
.schedule-card .item-card{margin:0 16px;border-radius:8px;box-shadow:0 0 8px 0 rgba(171, 171, 171, 0.2);border:solid 1px #f3f3f3;overflow:hidden;}
.schedule-card .card__top{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #F7F7F7;font-size:14px;}
.schedule-card .card__info{padding:16px}
.schedule-card .text__group{font-size:14px;color:#8D92A3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.schedule-card .text__title{margin-top:6px}
.schedule-card .text__title a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.schedule-card .text__title img{vertical-align:middle;}
.schedule-card .text__info{margin-top:4px;font-size:13px;color:#959799;text-align:right}
.schedule-card .card__button{display:flex;align-items:center;height:40px;border-top:1px solid #F7F7F7;}
.schedule-card .button__g{width:100%;height:100%;box-sizing:border-box;}
.schedule-card .button__g.on{font-weight:bold;color:#fff;}
.schedule-card .button__g.on.type--attend{background:#3174f6;border-color:#3174f6}
.schedule-card .button__g.on.type--absence{background:#cb4337;border-color:#cb4337}
.schedule-card .button__g.on.type--etc{background:#3b4e75;border-color:#3b4e75}
.schedule-card .button__g + .button__g{border-left:1px solid #F7F7F7}
.schedule-card .swiper-pagination{position:relative;margin-top:12px}

.main-list .class__item-sub .item-table__wrap{padding:12px;border:1px solid #f3f3f3;box-shadow:0 0 8px 0 rgba(171, 171, 171, 0.2);border-radius:6px}
.main-list .class__item-sub + .class__item-sub{margin-top:12px;padding-top:0;border:0}
.main-list .club-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-grid.main-list [class^=class__item-] .members{background:none;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-grid.main-list [class^=class__item-] .members:before{margin:0 8px 0 2px}
.main-list .list-date{font-size:12px;color:#959799;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-list .list-date:before{content:"";width:13px;height:13px;background-position:-79px -126px;margin:0 5px 0 3px}
.main-list .list-location{margin-top:1px;font-size:12px;color:#959799;}
.main-list .class__item-sub .thumb{width:110px;height:110px;}
.main-list .class__item-sub .title{-webkit-line-clamp:1;margin:5px 0 3px;}
.main-list .class__item-sub{position:relative;}
.main-list .class__item-sub .btn-authenticate{line-height:26px;top:auto;bottom:24px;left:40px;right:auto;box-shadow:0 0 8px 0 rgba(171, 171, 171, 0.2);}
.main-list .class__item-sub .item__contents{padding-left:10px}
.main-list .class__item-sub .class__interest{top:18px;right:auto;left:110px}

.main-menu.type--round{margin:16px 13px 32px;}
.main-menu.type--round .list__round{display:flex;flex-wrap:wrap;}
.main-menu.type--round .list-item{flex-shrink:0;width:calc(25vw - 13px);height:calc(25vw - 13px);max-width:162px;max-height:162px;background:#F6F9FF;border-radius:8px;margin:3px}
.main-menu.type--round .image{display:block;width:50%;height:50%;margin:0 auto 5%}
.main-menu.type--round .link__item{display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:bold;height:100%;font-size:14px}

.main-menu.type--round + .type--iocn{margin-top:-12px;}
.main-menu.type--iocn{margin:16px 16px 32px;}
.main-menu.type--iocn .list__icon{display:flex;flex-wrap:wrap;}
.main-menu.type--iocn .list-item{position:relative;width:20%;margin-top:16px}
.main-menu.type--iocn .list-item.new:after{content:'new';display:flex;align-items:center;justify-content:center;height:14px;position:absolute;left:50%;top:-4px;transform:translateX(calc(-50% + 16px));background:#52c41a;color:#fff;font-size:11px;padding:0 4px;border-radius:15px}
.main-menu.type--iocn .list-item.hot:after{content:'hot';display:flex;align-items:center;justify-content:center;height:14px;position:absolute;left:50%;top:-4px;transform:translateX(calc(-50% + 16px));background:#f53c14;color:#fff;font-size:11px;padding:0 4px;border-radius:15px}
.main-menu.type--iocn .link__item{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:13px}
.main-menu.type--iocn .list__icon .image{display:block;width:45px;height:45px;margin-bottom:6px;}

.main-notice .link__notice{display:flex;align-items:center;margin:8px 16px;padding:8px;border:1px solid #4e95ff;border-radius:8px;background-color:#F6F9FF;font-weight:normal}
.main-notice .link__notice:before{flex-shrink:0;margin-right:6px}
.main-notice .link__notice:after{flex-shrink:0;content:"";width:8px;height:13px;background-position:-127px -45px;margin-left:auto;}
.main-notice .badge{flex-shrink:0;display:inline-block;border:1px solid #3677f6;color:#3677f6;margin-right:6px;font-size:12px;padding:0 4px;border-radius:4px;background-color:#fff}
.main-notice .text{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.banner-bottom{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:30}
.banner-bottom .link__banner{display:block;width:100%;max-width:700px;max-height:70%;border-radius:12px 12px 0 0;overflow:hidden;}
.banner-bottom .link__banner .image{display:block;width:100%;}
.banner-bottom .banner-navi{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:700px;padding:0 8px;box-sizing:border-box}
.banner-bottom .btn-close--white{position:static;padding:8px;}
.banner-bottom .btn-navi__text{font-size:13px;color:#fff;padding:8px;}

.chat-message{display:inline-block;width:200px;border-radius:12px;overflow:hidden;background:#fff;font-size:14px;padding:8px;}
.chat-message > .text__title{font-weight:bold;border-bottom:1px solid #f3f3f3;margin:0;padding-bottom:8px;margin-bottom:8px}
.chat-message .box__info{display:flex;align-items:center;padding:4px 0 12px}
.chat-message .box__icon{flex-shrink:0;background-color:#3174f6;padding:10px;border-radius:50%;margin-right:8px}
.chat-message .box__icon:after{content:"";display:block;width:18px;height:20px;background-position:-18px -143px;filter:brightness(0) invert(100%);}
.chat-message .box__text{line-height:1.5em;}
.chat-message .list__schedule{border-top:1px solid #f3f3f3;padding:4px 0 8px;}
.chat-message .list__schedule .item-wrap{display:flex;font-size:13px;margin-top:4px;}
.chat-message .list__schedule .item-title{flex-shrink:0;color:#8A8A8A;}
.chat-message .list__schedule .item-info{margin-left:6px}
.chat-message .wrap-btn{display:flex;}
.chat-message .link__more{display:flex;align-items: center;justify-content: center;width:100%;height:30px;border-radius:4px;background:#f7f7f7;font-size:13px;}
.chat-message .link__more + .link__more{margin-left:4px}
.chat-message .box__message{padding-bottom:8px;font-size:13px}

.button-list{padding:15px 0 15px 16px}
.btn-sort:after{content:"";width:11px;height:7px;background-position:-66px -60px;vertical-align:middle;margin-left:8px}

.search-wrap{padding:0 16px;margin-top:16px}
.search-wrap .box__utills{display:flex;align-items: center;justify-content: flex-end;}
.search-wrap .button__utill{display:flex;align-items:center;font-size:13px;color:#646566;}
.search-wrap .button__utill:after{content:"";width:11px;height:7px;background-position:-66px -60px;vertical-align:middle;margin-left:8px}
.search-wrap .input-text__wrap{margin-top:12px}

.send-again{margin-top:40px;}
.send-again .list__send{display:flex;}
.send-again .box__list{display:flex;align-items:flex-start;padding-left:16px}
.send-again .box__list .link__send{display:flex;align-items: center;justify-content: center;flex-direction: column;}
.send-again .box__list .image{width:50px;height:50px;border-radius:50%;}
.send-again .box__list .text__name{font-size:13px;margin-top:4px}
.send-again .box__list .box__add{display:flex}
.send-again .box__list .box__add:after{content:"";display:block;width:1px;background:#f3f3f3;margin-left:12px;}
.send-again .box__list .box__person{overflow:hidden;padding:0 4px}
.send-again .box__list .list-item{width:50px;margin:0 8px}
.send-again .ico__add{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px dashed #AFB0B3;border-radius:50%;box-sizing:border-box;background:#fafafa}
.send-again .ico__add:before{content:"";display:block;width:13px;height:13px;background-position:-201px -103px;}

.recent-transaction{margin-top:40px}
.recent-transaction .list__recent{padding:0 16px}
.recent-transaction .list-item{display:flex;align-items: center;width:100%}
.recent-transaction .list-item + .list-item{margin-top:16px}
.recent-transaction .box__image{flex-shrink: 0;}
.recent-transaction .box__image .image{width:40px;height:40px;border-radius:50%}
.recent-transaction .box__info{display:flex;align-items: center;justify-content: space-between;width:100%;padding-left:12px;box-sizing: border-box;}
.recent-transaction .box__left{padding-right:24px}
.recent-transaction .box__right{flex-shrink: 0;text-align:right;}
.recent-transaction .text__name, .recent-transaction .text__money{width:100%;font-weight:600}
.recent-transaction .text__date, .recent-transaction .text__state{font-size:13px;color:#959799;}
.recent-transaction .text__money.type--in{color:#3174f6;}

.dues-card{overflow:hidden;margin-top:16px}
.dues-card .item-card{height:131px;margin:0 16px;border-radius:8px;box-shadow:0 0 8px 0 rgba(171, 171, 171, 0.2);border:solid 1px #f3f3f3;overflow:hidden;background:#3174f6;color:#fff;padding:24px 16px;box-sizing:border-box;}
.dues-card .swiper-pagination{position:relative;margin-top:12px}
.dues-card .edit-option__wrap{color:#222;top:13px;right:32px;}
.dues-card .btn-option:before, .dues-card .btn-option:after, .dues-card .btn-option .txt{background:#fff}
.dues-card .card__middle{margin-top:12px;font-size:14px;}
.dues-card .card__bottom{display:flex;align-items:center;margin-top:8px}
.dues-card .text__money{font-size:20px}
.dues-card .text__money strong{font-size:28px;}
.dues-card .btn-reset{position:static;padding:5px;margin-left:4px}
.dues-card .btn-reset:before{display:block;filter:brightness(0) invert(100%);margin:0;}
.dues-card .btn__members-cast{position:static;width:100%;height:100%;margin:0}

.bank-select__wrap{padding:12px 16px;}
.bank-select__wrap .bottom-btn__wrap{bottom:8px;}
.bank-select__wrap .input-selecte__wrap .box{display:flex;align-items:center;height:50px}
.bank-select__wrap .input-selecte__wrap .image{width:20px;height:20px;margin-right:4px;border-radius:50%}
.bank-select__wrap .input-selecte__wrap:after{top:50%;transform:translateY(-50%);}
.bank-select__wrap .input{height:50px}
.bank-select__wrap .input-text__wrap{margin-top:16px}
.bank-select .layer-sort__list{display:flex;flex-wrap:wrap;align-content: flex-start;height:calc(100vh - 170px);max-height:none;margin:20px 0 10px}
.bank-select .layer-sort__list .list-item{flex: 1 1 40%;}
.bank-select .layer-sort__list .list-item:nth-child(n+3){margin-top:20px}
.bank-select .layer-sort__list .button__g{display:flex;align-items:center;font-size:14px}
.bank-select .layer-sort__list .button__g .image{width:20px;height:20px;border-radius:50%;margin-right:4px;}

.bank-transfer__wrap{padding:8px 16px;}
.bank-transfer__wrap .bottom-btn__wrap{bottom:8px;}
.bank-transfer__wrap .box__bank{display:flex;align-items: center;font-weight:bold;font-size:17px}
.bank-transfer__wrap .box__bank .image{width:30px;height:30px;border-radius:50%;margin-right:6px}
.bank-transfer__wrap .box__name{font-size:16px;margin-top:12px;}
.bank-transfer__wrap .box__form{margin-top:20px}
.bank-transfer__wrap .form__input{width:calc(100% - 32px);border:0;border-bottom:2px solid #959799;font-size:28px;padding:5px 8px;font-weight:bold;box-sizing:border-box;margin:0 16px;}
.bank-transfer__wrap ::-webkit-input-placeholder,.bank-transfer__wrap ::placeholder{font-size:24px}
.bank-transfer__wrap .form__input:focus{border-color:#333;outline:none;}
.bank-transfer__wrap .button-list{display:flex;padding:0;padding:16px 16px 0;}
.bank-transfer__wrap .btn-sort.type--button{width:100%;margin:0 4px;font-size:13px;white-space:nowrap;}
.bank-transfer .layer-bottom__con .box__top{padding:16px 0 20px;text-align:center;font-weight:bold;font-size:17px;line-height:1.4em;}
.bank-transfer .layer-bottom__con .box__top .text__number{font-size:14px;color:#646566;font-weight:normal;margin-top:4px}
.bank-transfer .layer-bottom__con .box__name{background:#f7f7f7;border-radius:8px;padding:16px}
.bank-transfer .layer-bottom__con .box__info{display:flex;align-items: center;justify-content: space-between;}
.bank-transfer .layer-bottom__con .box__info + .box__info{margin-top:12px}
.bank-transfer .layer-bottom__con .text__sub{font-size:13px;color:#646566}
.bank-transfer .layer-bottom__con .button__rewrite{display:flex;align-items:center;font-size:13px;border-bottom:1px solid #222;padding-bottom:2px;font-weight:bold;}
.bank-transfer .layer-bottom__con .button__rewrite:after{content:"";width:15px;height:15px;background-position:-230px -125px;margin-left:4px}
.bank-transfer .layer-bottom__con .members__apply{margin-top:20px}
.bank-transfer .text__input-sub{font-size:13px;color:#646566;margin-top:6px}

.bank-password .box__top{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(45vh - 57px);min-height:116px;overflow:hidden}
.bank-password .text__title{font-size:20px;font-weight:bold;margin-bottom:8px}
.bank-password .list__password{display:flex;padding:20px 0;}
.bank-password .list__password .list-item{width:30px;height:30px;background:#fafafa;border:1px solid #eee;border-radius:8px;margin:0 4px;box-sizing:border-box;}
.bank-password .list__password .list-item.on{background-color:#3174f6;border-color:#3174f6}
.bank-password .link__password{font-size:13px;color:#646566;text-decoration:underline;}
.bank-password .box__key{display:flex;flex-direction:column;align-items:center;justify-content:center;height:55vh;min-height:160px;overflow:hidden}
.bank-password .box__col{display:flex;width:100%;}
.bank-password .button__number{display:flex;align-items: center;justify-content: center;width:100%;height:11vh;min-height:40px;font-size:24px;font-weight:bold;color:#40435f}
.bank-password .button__number.ico__refresh,.bank-password .button__number.ico__delete{font-size:0;}
.bank-password .button__number.ico__refresh:after{content:"";display:block;width:20px;height:20px;background-image:url(../img/ico_refresh.png);background-repeat:no-repeat;background-size:cover}
.bank-password .button__number.ico__delete:after{content:"";display:block;width:25px;height:25px;background-image:url(../img/ico_delete.png);background-repeat:no-repeat;background-size:cover}

.canvas-container{width: 100%; text-align:center; max-height: 300px;}
.canvas-container > canvas{width: 100%; margin:0 auto;}

.ad-container{text-align:center;padding:16px 16px 16px;}
.ad-banner{display: inline-block; position: relative;}

/* 채팅 읽음/안읽음 (삭제 금지) */
.chat-members-list{margin-top: 10px; height: 200px;overflow-y: auto;}
.chat-members-item{position:relative;padding: 5px;}
.chat-management-member__wrap{display:table}
.chat-management-member__wrap .thumb{display:table-cell;vertical-align:middle;width: 36px;height: 36px;padding-right:15px}
.chat-management-member__wrap .thumb img{width: 36px;height: 36px;border-radius:50%}
.chat-management-member__wrap .management-member__info{display:table-cell;vertical-align:middle;}
.chat-management-member__info{position: absolute;top: 12px;}
.chat-management-member__info .name{font-weight:bold}
.chat-management-member__info .phone{color:#3677f6;text-decoration:underline;margin:6px 0 7px;}
.chat-management-member__info .birthday{font-size:14px;color:#72788d}
.chat-management-member__info .grade-badge{margin-left:8px}
.chat-management-member__info.info--me .name:before{content:"나";display:inline-block;width:17px;height:17px;line-height:17px;font-size:10px;background:#3677f6;color:#fff;border-radius:50%;text-align:center;margin-right:3px;vertical-align:top;}
.chat-members-item .layer-edit__option{top:0;right:24px}
.chat-members-management__wrap .chat-members-list{margin-top:24px}
.chat-members-management__wrap .search-result__none{height:calc(100vh - 200px)}
.chat-members-application .chat-members-list,.chat-members-select .chat-members-list{margin-top:0}

/*리그*/
.lineup-head {position: relative;margin-bottom: 0;}
.lineup-head .team-box { display: inline-block; padding: 0;width: calc((100% - 20px) / 3);}
.lineup-head .score { display: inline-block; width: calc((100% - 20px) / 3); vertical-align: middle; position: relative; top: 0.4rem;}
.lineup-head .score > p {font-size: 22px; text-align: center;width: 8rem; padding: 0.5rem 0.8rem; font-weight: 700;color: #001c48;margin: 0 auto 1rem;text-transform: uppercase;}
.lineup-head .score > .label {display: block;text-align: center;width: 55px;height: 21px;color: #fff;letter-spacing: -0.02em;background: #808080; border-radius: 0.8rem;margin: 0.4rem auto 0; text-transform: uppercase;}
.lineup-head .score > p > span {margin: 0 0.7rem;font-weight: 500;}
.lineup-head .score > .label.red {background: #ee2529;}
.lineup-head .score > .label.blue {background: #0061af;}
.lineup-head .team-box {text-align: center;display: inline-block;padding: 1.875rem 0;font-weight: 500;vertical-align: middle;}
.lineup-head .team-box img {border-radius: 30%; overflow: hidden;}