h1, h2, h3, h4, h5, h6, p, small, blockquote, cite{text-align:inherit}
button{cursor:pointer}

/*----------------------------------------------------
Common
----------------------------------------------------*/
:root{
  --color:#1EC3D7; --color-hover:#0bb4c7;
  --nanum:'NanumSquareRound';
  --nanum-fw:800;
  --mx-width-md:700px;
  --mx-width-lg:1000px;
  --mx-width-xlg:1200px;
  /**/
  /* --border-shadow:inset 0 0 0 1px;
  --color-border:var(--color); */
}

body.lock{overflow:hidden; touch-action:none}
.site-logo{background:url(/images/logo.svg) no-repeat center; background-size:contain}
.site-logo a{width:100%; height:100%; display:block}
.mg-t-8{margin-top:8px}
.br br{display:none}
@media (min-width:768px){
  .br br{display:block}
}
@media(min-width:1070px){
  body.lock{overflow:auto}
}

.btn-back{display:inline-block; margin-bottom:20px}
.btn-back:hover{color:var(--color)}
.btn-back .ico::before{margin-left:0; margin-right:0.5em}


/* alert ----------*/
.alert-box{position:fixed; left:0; right:0; bottom:0; padding:25px; text-align:center; z-index:20; transition:opacity 0.3s}
.alert{background-color:#E3FFEB; color:#00BB53; font-size:15px; font-weight:600; line-height:1.4; display:inline-flex; align-items:center; gap:8px; text-align:left; border-radius:50px; max-width:500px}
.alert .ico{display:inline-block; background-color:#03C75A; width:24px; height:24px; border-radius:50%}
.alert .ico::before{color:#FFF; margin:4px 0 0 0}
/**/
.alert-notice{background-color:rgba(0,0,0,0.7); color:#FFF; font-size:15px; font-weight:400}
.alert-notice .ico{background-color:#ffe21f}
.alert-notice .ico::before{color:#333; margin:4px 0 0 0; content:'i'; font-weight:800; line-height:16px; font-size:14px}


/* bullet ----------*/
.bullet .con{margin-top:20px}
.bullet .bt{background-color:#ECFAFC; font-size:15px; display:inline-block; border-radius:20px; font-weight:600; padding:5px 15px; margin-bottom:8px}
.bullet .bd{position:relative; padding:3px 0 3px 14px; line-height:1.4; color:#333}
.bullet .bd::before{position:absolute; content:''; left:5px; top:12px; width:3px; height:3px; border-radius:6px; background-color:#888}
@media(min-width:1070px){
  .bullet .bt{font-size:17px; padding:6px 20px 4px}
  .bullet .bd{line-height:1.5; font-size:17px; padding-left:19px}
  .bullet .bd::before{left:6px; width:4px; height:4px}
}

/* grid ----------*/
article{padding-bottom:50px}
.container{margin-right:auto; margin-left:auto; width:90%; max-width:var(--mx-width-md); padding:0}
.container-fluid{width:100%; margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px}
@media (min-width:768px){
  .row{margin-left:-15px; margin-right:-15px}
}
@media (min-width:1070px){
  article{padding-bottom:100px}
  .container{padding-right:0; padding-left:0}
}

/* Tabs ----------*/
.tabs{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:20px}
.tabs .tab-text{padding:7px 12px 6px; border-radius:6px; font-size:14px; line-height:1.4; background-color:#E7EAF1; color:#555; display:inline-block; cursor:pointer}
.tabs .tab-text:hover{background-color:#e3e6ed}
.tabs .tab-text.active{background-color:var(--color); color:#FFF; font-weight:500}
@media(min-width:1070px){
  .tabs{margin-bottom:30px}
  .tabs .tab-text{padding:8px 14px 7px; border-radius:8px; font-size:15px}
}

/* Form ----------*/
.btn, .input{--comp-height:48px}
/* button */
.btn{font-size:15px; line-height:1.4; background-color:#FFF; padding:11px 18px}
/* .btn:hover{background-color:#FDFEFE} */
.btn-fill{background-color:var(--color); border-color:var(--color); color:#FFF}
.btn-fill:hover{background-color:var(--color-hover)}
.btn-line{box-shadow:var(--border-shadow) var(--color); color:var(--color)}
.btn-line:hover{background-color:#f7feff}
@media(min-width:1070px){
  .btn{min-height:48px}
}

/* checkbox */
.form-check .form-check-input[type=checkbox] + .form-check-label .check-ico{border-radius:50%; border-width:1px}
.form-check .form-check-label .check-ico:before{background-color:var(--color)}
.form-check .form-check-label .cb-label{margin-left:7px; font-size:15px; color:#999}
.form-check .form-check-label:hover .check-ico{border-color:var(--color); background-color:#FFF}
.form-check .form-check-input:checked + .form-check-label .check-ico {border-color:var(--color); background-color:var(--color)}
.form-check .form-check-input:checked + .form-check-label .cb-label{color:var(--color)}
.form-check .form-check-label .cb-label:after{display:none}

/* input */
.input:hover{box-shadow:inset 0 0 0 1px var(--color); border-color:var(--color)}
.input-alert{text-align:left; font-size:13px; color:#FF5942; margin-top:10px}
.input-group .btn{color:#666; font-size:14px}
.input-multiline{height:inherit; overflow:auto}
.input .ico{color:#8B95A1; font-size:18px}
.input button{background:transparent}

.dropdown{display:block; height:48px}
.dropdown select{text-align:left;; padding:0 18px}
.form-control:not([disabled]):hover,
.form-control:not([disabled]):focus{box-shadow:inset 0 0 0 1px var(--color); border-color:var(--color)}

.uploader{margin-top:6px}
@media(min-width:1070px){
  .uploader{margin-top:8px}
}


/* Footer ----------*/
.site-footer{background-color:#F8F8F9}
.footer-header{padding-top:20px; padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,0.05); display:flex; align-items:center; justify-content:space-between}
.footer-header .symbol{font-size:11px; line-height:1.2; color:#AAACAD; display:flex; align-items:center}
.footer-header .symbol-church{width:36px; height:36px; opacity:0.25; margin-right:8px; background:url('/images/logo_symbol@3x.png') no-repeat center; background-size:contain}
.footer-header .symbol-isba{display:block; width:64px; height:17px; opacity:0.3; margin-bottom:3px; background:url('/images/logo.svg') no-repeat center; background-size:contain}
/* gotop */
/* .site-footer #gotop{all:initial; z-index:9 !important} */
.site-footer #gotop{display:block; background-color:#FFF; width:34px; height:34px; border:1px solid rgba(0,0,0,0.08); border-radius:4px; cursor:pointer}
.site-footer #gotop::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.6; background:url(/images/ico_top@3x.png) no-repeat center; background-size:24px; background-repeat:no-repeat}
.site-footer #gotop:hover{background-color:#F8F8F9}
.site-footer #gotop.hide{display:none}
/**/
.footer-body{padding:15px 0 30px}
.footer-body > *:not(:first-child){margin-top:8px}
.footer-body,
.footer-body .link-group > *{font-size:12px; color:rgba(0,0,0,0.4); line-height:1.6; vertical-align:middle}
.footer-body .link-group > *:not(:last-child)::after{content:''; width:1px; height:8px; display:inline-block; background-color:#000; opacity:0.15; margin-left:8px; margin-right:8px}
.footer-body a:hover,
.footer-body button:hover{color:rgba(0,0,0,0.5)}

.footer-body .link-group .link{display:inline}
.footer-body .btn-contact{padding:0}
.footer-body .btn-contact::after{content:''; width:9px; height:9px; display:inline-block; background:url('/images/ico_arrow_down.svg') no-repeat left center; background-size:18px; opacity:0.4; margin-left:4px;     vertical-align:middle}
.footer-body .btn-contact.active::after{transform:rotate(-180deg)}
@media(min-width:768px){
  .site-footer{background-color:transparent}
}


/*----------------------------------------------------
Header
----------------------------------------------------*/
/* Language ----------*/
.btn-lang{position:relative; cursor:pointer; z-index:1; transition:all 0.3s ease; display:flex; align-items:center; justify-content:center; height:40px; flex-shrink:0; top:0}
.btn-lang .lang-text{font-size:14px; color:#333; display:flex; justify-content:center; align-items:center}
.btn-lang .lang-text:after{content:''; display:inline-block; width:22px; height:22px; background:url(/images/ico_lang.svg) no-repeat left center; background-size:44px}
.btn-lang .lang-text span{display:none; margin-right:4px}
/* list */
.btn-lang .lang-list{display:none; position:absolute; top:40px; right:-38px; padding:10px 0; width:100px; background:#FFF; box-shadow:0 1px 8px rgba(0,0,0,0.1); list-style:none; border-radius:10px; transition:all 0.1s ease-in}
.btn-lang .lang-list li a{display:block; padding:4px 15px; text-decoration:none; font-size:13px; color:#777; text-align:left}
.btn-lang .lang-list li:hover a,
.btn-lang .lang-list li.current a{color:var(--color)}
/* @media(min-width:1070px){
  .btn-lang .lang-list{right:0}
} */
/* isMobile */
@media (hover:none) and (pointer:coarse) {
  .btn-lang.active .lang-text::after{background-position:right center}
}
/* use mouse */
@media (hover:hover) and (pointer:fine) {
  .btn-lang:hover .lang-text::after{background-position:right center}
  .btn-lang:hover .lang-text span{color:var(--color)}
  .btn-lang:hover .lang-list{display:block}
}

/* header ----------*/
.header{position:sticky; background-color:rgba(255,255,255,1); top:0; transition:all .25s ease-in-out; will-change:transform; z-index:10}
.header.scrolled.hide{transform:translateY(-100%)}
.header.scrolled{transform:translateY(0); background-color:rgba(255,255,255,1)}
.header.scrolled::after{content:''; width:100%; height:1px; background-color:rgba(0,0,0,0.05); display:block}

.header .site-nav{display:flex; align-items:center; gap:13px; height:50px; position:relative}
.header-logo{display:inline-flex; margin-right:auto}
.header .site-logo{width:83px; height:29px}
.header .nav{position:fixed; top:48px; left:0; width:100%; height:calc(100% - 48px); overflow-y:auto; background-color:#FFF; display:none; overflow-x:hidden}
.header .nav > div{width:90%; max-width:var(--mx-width-md); margin-left:auto; margin-right:auto}
.header .nav .main-nav{flex-grow:1}
.header .nav .main-nav .menu{display:flex}
/* .header .btn-lang{width:40px} */

body.nav-open{overflow:hidden}
body.nav-open .header{position:fixed; left:0; right:0; bottom:0}
body.nav-open .header .nav{display:flex; flex-direction:column; flex:auto}

/* menu */
.header .main-nav > ul{flex-direction:column}
.header .main-nav > .menu{height:100%; padding-bottom:15px}
.header .main-nav > .menu > .menu-item{position:relative; padding:10px 0}
.header .main-nav > .menu > .menu-item:not(:last-child){border-bottom:1px solid #F3F4F6}
.header .main-nav > .menu > .menu-item > a{display:flex; align-items:center; font-size:14px; font-weight:500; color:#999; height:32px}
.header .main-nav > .menu > .menu-item.no-sub > a{font-size:16px; padding:4px 10px; display:block; color:#333; font-weight:500; padding-left:0; padding-right:0; height:auto}
/* sub-menu */
.header .main-nav > .menu .sub-menu{display:flex; margin-left:-10px; margin-right:-10px; min-width:180px; border-radius:4px; z-index:1; flex-wrap:wrap}
.header .main-nav > .menu .sub-menu a{font-size:16px; padding:4px 10px; display:block; color:#333; font-weight:500}
.header .main-nav > .menu .sub-menu .menu-item{width:50%}
/* secondary */
.header .secondary-nav{display:flex; align-items:center; order:-1; padding-top:12px; padding-bottom:25px; position:relative}
.header .secondary-nav:after{content:''; position:absolute; left:50%; bottom:0; width:200%; height:10px; background-color:#F3F5F7; margin-left:-350px}
.header .secondary-nav > .menu{display:flex; flex-direction:column}
.header .secondary-nav > .menu .sub-menu .menu-item:not(:last-child){margin-right:10px}
.header .secondary-nav > .menu .sub-menu .menu-item,
.header .secondary-nav > .menu .sub-menu .menu-item > *{display:block; font-size:13px; color:#999}
.header .secondary-nav > .menu .sub-menu .menu-item > *:hover{color:var(--color)}
/* user */
.header .secondary-nav .nav-user .sub-menu .menu-item{display:inline-block}
.header .secondary-nav .nav-user .sub-menu .menu-item > *{cursor:pointer}
.header .secondary-nav .nav-user .sub-menu .menu-item > *:hover{color:var(--color)}
.header .secondary-nav .nav-user .user-nick{font-size:18px; font-weight:600}
.header .secondary-nav .nav-user .ico{vertical-align:middle}
.header .secondary-nav .nav-user .ico:before{content:''; display:inline-block; background-repeat:no-repeat; background-position:left center; background-size:24px; width:12px; height:12px; opacity:0.4; margin-top:-2px; margin-right:4px; vertical-align:middle}
.header .secondary-nav .nav-user .ico:hover:before{background-position:right center; opacity:1}
.header .secondary-nav .nav-user .ico-user:before{background-image:url(/images/ico_smile.svg)}
.header .secondary-nav .nav-user .ico-logout:before{background-image:url(/images/ico_logout.svg)}
.header .secondary-nav .nav-user .ico-password:before{background-image:url(/images/ico_password.svg)}

/* btn-manager */
.btn-manager{height:40px; display:flex; justify-content:center; align-items:center}
.btn-manager span{font-size:14px; line-height:1.3; overflow: hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box}
.btn-manager::before{content:''; width:15px; height:15px; display:inline-block; background:url('/images/ico_manager.svg') no-repeat left center; background-size:30px; margin-right:5px; flex-shrink:0}
.btn-manager:hover{color:var(--color)}
.btn-manager:hover::before{background-position:right center}

/* btn mobile nav */
.header .btn-mobile-nav{cursor:pointer; width:20px; height:40px; background:url(/images/ico_menu.svg) no-repeat center center; background-size:20px; flex-shrink:0}
.btn-mobile-nav.active{background:url(/images/ico_close.svg) no-repeat center center; background-size:18px}

@media (min-width:600px){
  .header .secondary-nav{padding-bottom:16px}
  .header .secondary-nav:after{left:0; width:100%; height:1px; margin-left:inherit}
}

@media(min-width:1070px){
  body.nav-open{overflow-y:auto}
  body.nav-open .header{bottom:auto; position:sticky}
  body.nav-open .header .nav{flex-direction:inherit}
  .header .site-nav{height:70px; max-width:var(--mx-width-lg)}
  .header .site-logo{width:98px; height:26px}
  .header .nav{display:flex; position:static; height:inherit !important; top:inherit; left:inherit; width:auto; overflow:inherit; background-color:inherit; transition:none; flex-direction:row; align-items:center; flex-grow:1}
  .header .nav.active{flex-direction:row;}
  .header .nav > div{padding-left:0; padding-right:0; width:inherit;}

  /* .nav-openn .header .nav{display:flex} */
  .header .nav a{color:inherit}
  .header .submenu-btn,
  .header .btn-mobile-nav{display:none}
  .header .main-nav{max-width:inherit}
  .header .main-nav > ul{flex-direction:row}
  .header .main-nav > .menu{padding-top:inherit; padding-bottom:inherit}
  .header .main-nav > .menu > .menu-item{margin-left:14px; margin-right:14px; border:none}
  .header .main-nav > .menu > .menu-item > a{height:100%; font-size:15px !important; color:#000 !important}
  .header .main-nav > .menu > .menu-item > a:hover{color:var(--color) !important}
  .header .main-nav > .menu .sub-menu{display:none !important; position:absolute; left:-8px; background-color:rgba(8,8,8,0.93); padding:14px 0; background-color:#FFF; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); border-radius:10px; min-width:190px}
  .header .main-nav > .menu > .menu-item:hover > .sub-menu,
  .header .main-nav > .menu .sub-menu > .menu-item:hover > .sub-menu{display:block !important}
  .header .main-nav > .menu > .menu-item:hover > .sub-menu .sub-menu a{padding-left:35px}
  .header .main-nav > .menu .sub-menu a{display:flex; align-items:center; height:auto; padding:4px 20px; font-size:15px}
  .header .main-nav > .menu .sub-menu a:hover{color:var(--color)}
  .header .search-btn{margin-left:initial}
  .header .main-nav > .menu > .menu-item{border-bottom:none !important}
  .header .main-nav > .menu .sub-menu .menu-item{width:100%}

  /* secondary nav */
  .header .secondary-nav{order:1; padding:0}
  .header .secondary-nav:after{display:none}
  .header .secondary-nav > .menu{display:flex; flex-direction:row}
  .header .secondary-nav > .menu .sub-menu{display:none; position:absolute; left:-33px; top:35px; width:150px; padding:8px 0; border-radius:8px; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); background-color:#FFF}
  .header .secondary-nav > .menu > .menu-item{position:relative; padding:10px 0}
  .header .secondary-nav > .menu > .menu-item:hover .sub-menu{display:block}
  /* user */
  .header .secondary-nav .nav-user .user-nick{font-size:14px; font-weight:normal; cursor:pointer}
  .header .secondary-nav .nav-user .user-nick::after{content:''; display:inline-block; background:url(/images/ico_arrow_down.svg) no-repeat left center; background-size:16px; width:8px; height:4px; margin-left:4px; vertical-align:middle}
  .header .secondary-nav .nav-user .sub-menu .menu-item{display:block}
  .header .secondary-nav .nav-user .sub-menu .menu-item > *{padding:4px 15px; font-size:13px; color:#999}
  .header .secondary-nav .nav-user .sub-menu .menu-item:not(:last-child){margin-right:0}
}
.header .main-nav > .menu .menu-item.active > a{color:var(--color) !important}


/*----------------------------------------------------
Popup
----------------------------------------------------*/
.pop{display:flex; justify-content:center; background:#FFF; position:fixed; top:0; left:0; z-index:20; width:100%; height:100%; transition:all 0.15s ease}
.pop .popin{width:100%; height:100%; padding:50px 25px; text-align:center; overflow-y:auto; background:#FFF; display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative}
/*close*/
.pop .btn-close{position:absolute; top:10px; right:10px; width:38px; height:38px; background:url(/images/ico_close.svg) no-repeat center; background-size:18px; cursor:pointer; z-index:1}
.pop .btn-close.arrow{right:auto; left:10px; background-image:url(/images/ico_back_arrow.svg)}
/*con*/
.pop .pop-con{width:100%}
.pop .pop-con br{display:block}
.pop .pop-con .input-group{margin-top:20px}
/* .pop .pop-title {margin-bottom:20px} */
.pop .pop-title .title{font-size:21px; font-family:var(--nanum) !important; font-weight:var(--nanum-fw)}
.pop .pop-title .title::before{content:''; display:block; background-repeat:no-repeat; background-position:center; background-size:100%; margin:0 auto 10px}
.pop .pop-title .desc{font-size:13px; color:#999; margin-top:8px}
/*btns*/
.pop .btns{margin-top:25px}
.pop .btns .btn{display:inline-flex; min-width:100px; margin-bottom:4px}
/* .pop .btns .btn{min-width:100px} */
.pop .btns .btn:not(:first-child){margin-left:6px}
.pop .btns .btn span{margin-right:0 !important}
@media(min-width:768px){
  .pop{align-items:center; background:rgba(0, 0, 0, 0.5)}
  .pop .popin{max-width:400px; position:relative; padding:50px; border-radius:20px; transition:none; transform:translateY(0); height:auto; box-shadow:0 12px 25px 0 rgba(0,0,0,.15)}
  .pop .btn-close.arrow{left:auto; right:10px; background-image:url(/images/ico_close.svg)}
  .pop .btns{margin-top:25px}
  /* .pop .btns .btn{min-width:110px} */
}

/* isba password ----------*/
.pop-password .popin{justify-content:initial}
.pop-password .pop-con{max-width:400px}
.pop-password .pop-title .title::before{width:33px; height:33px; background-image:url(/images/ico_password.svg); background-size:66px; background-position:right center}
.pop-password .input-group{display:flex; gap:6px; justify-content:center}
.pop-password .input-pwd{width:52px; height:52px; border-radius:8px; text-align:center; font-size:32px; color:var(--color); background-color:#E7F9FB; }
.pop-password .input-pwd:focus{box-shadow:inset 0 0 0 2px var(--color); border-color:var(--color); caret-color:transparent}
.input-pwd::placeholder{color:#F9F9F9}
.input-pwd:placeholder-shown{background-color:#F9F9F9; color:#F9F9F9}
.pop-password .btns{width:100%; max-width:400px}
.pop-password .btns .btn{width:100%}

/* isba nickname ----------*/
.pop-nickname .popin{justify-content:initial}
.pop-nickname .pop-con{max-width:400px}
.pop-nickname .pop-title .title::before{width:33px; height:33px; background-image:url(/images/ico_smile.svg); background-size:66px; background-position:right center}
.pop-nickname .btns{width:100%; max-width:400px}
.pop-nickname .btns .btn{width:100%}

/* write confirm ----------*/
.pop-write-confirm .pop-title .title::before{width:61px;px; height:62px; background-image:url(/images/ico_plane.svg); background-size:contain; background-position:center}

/* pop activity check ---------- */
.pop-activity{background:rgba(0, 0, 0, 0.5); align-items:end; z-index:30}
.pop-activity .popin{height:auto; text-align:left; padding:40px 20px 20px; border-radius:20px 20px 0 0}
.pop-activity .pop-title .title{font-size:16px; font-weight:600; color:var(--color)}
.pop-activity .pop-title .title::before{display:none}
.pop-activity .pop-title .desc{font-size:14px; color:#666; margin-bottom:12px}
.pop-activity .btn-act{display:flex; align-items:center; gap:10px; width:100%; padding:4px 0}
.pop-activity .btn-act > *{display:block}
.pop-activity .btn-act .icon{width:50px; height:50px; background-color:#EEE; border-radius:50%}
.pop-activity .btn-act .icon::before{content:''; display:inline-block; width:50px; height:50px; background-repeat:no-repeat; background-position:center}
.pop-activity .btn-act .text{flex-grow:1; font-size:16px; color:#333; text-align:left; line-height:1.4}
.pop-activity .btn-act .ico{display:none}
.pop-activity .btn-act.checked .ico{display:block; font-size:17px; color:var(--color)}
.btn-prayer.checked .icon{background-color:#02C88C}
.btn-prayer .icon::before{background-image:url(/images/ico_activity_prayer.svg); background-size:26px}
.btn-wednesday.checked .icon{background-color:#FF8A00}
.btn-wednesday .icon::before{background-image:url(/images/ico_activity_wednesday.svg); background-size:28px}
.btn-clubactivity.checked .icon{background-color:#9D61FF}
.btn-clubactivity .icon::before{background-image:url(/images/ico_activity_club.svg); background-size:21px}
@media(min-width:768px){
  .pop-activity{align-items:center}
  .pop-activity .popin{border-radius:20px; padding:50px}
  .pop-activity .pop-title .title{font: size 18px;px}
  .pop-activity .pop-title .desc{font-size:15px}
}

/* pop activity animo ---------- */
.pop-animo .pop-con::before{content:''; background:url(/images/img_club_animo.svg) no-repeat center; background-size:contain; display:block; margin:0 auto 20px; width:256px; height:158px}
@media(min-width:768px){
  .pop-animo .popin{padding:75px 50px}
}

/* pop delete ----------*/
.pop-delete{background-color:rgba(0, 0, 0, 0.5); align-items: center;}
.pop-delete .popin{width:90%; max-width:400px; padding:40px 30px; border-radius:12px; height:auto; box-shadow:0 12px 25px 0 rgba(0,0,0,.15)}
.pop-delete .popin .title{font-size:17px; font-family:initial !important; font-weight:600}
.pop-delete .popin .title::before{content:''; display:block; width:40px; height:40px; background:#FC4C61 url(/images/ico_trash.svg) no-repeat center;  background-size:16px; border-radius:50%; margin-bottom:20px}
@media(min-width:768px){
  .pop-delete .popin{border-radius:20px}
}


/*----------------------------------------------------
List
----------------------------------------------------*/
/* .ico-comment:before{content:''; display:inline-block; width:11px; height:11px; background:url(/images/ico_comment.svg) no-repeat center; background-size:11px} */

/* lists */
.lists{display:flex; position:relative; flex-wrap:wrap}/*gap:10px*/
.lists .list-item{flex:1 1 0px}
.lists .list-link:hover .post-title{color:var(--color-hover)}
.lists .thum{overflow:hidden; position:relative; border-radius:8px}
.lists .thum::after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.03); border-radius:8px; z-index:1}
.lists .thum-img{background-color:#FBFBFB}
.lists .info{padding:10px 0}
.lists .post-title{font-size:16px; font-weight:500; line-height:1.4; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-inline-box}
.lists .like .ico{font-size:0.92em}
.new{display:inline-block; vertical-align:middle; width:12px; height:12px; background:url(/images/ico_new.svg) no-repeat center; background-size:contain; font-size:0; margin-right:5px; margin-top:-2px}
.pin{display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(/images/ico_pin.svg) no-repeat center; background-size:contain; font-size:0; margin-right:5px; margin-top:-2px}
.post-info{font-size:13px; margin-top:3px}
.post-info > span{color:#999}
.post-info > span:not(:last-child){margin-right:7px}

.post-info .category{color:var(--color); position:relative; display:inline-block}
.post-info .category:not(:first-child){padding-left:7px; margin-left:-2px}
.post-info .category:not(:first-child)::before{content:''; width:2px; height:2px; background-color:currentColor; border-radius:10px; display:inline-block; position:absolute; top:9px; left:0}

.post-info .nick{color:#666}
.post-info .ico-comment{opacity:0.5}
@media(min-width:1070px){
  .lists .post-title{font-size:20px}
  .new{width:13px; height:13px}
  .pin{width:16px; height:16px}
  .post-info{font-size:14px}
}

/* lists lateral */
.list-lateral{flex-direction:column; gap:0}
.list-lateral .list-item{border-bottom:1px solid rgba(0,0,0,0.05)}
.list-lateral .list-link{display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding-top:10px; padding-bottom:10px}
.list-lateral .info{flex-grow:1; padding:0 15px 0 0}
.list-lateral .thum{ padding-bottom:0; width:65px; height:65px; border-radius:8px; flex-shrink:0; order:1}
.list-lateral .thum-img{height:inherit}
@media(min-width:1070px){
  .list-lateral .list-item{border-bottom:0}
  .list-lateral .list-link{padding-top:12px; padding-bottom:12px}
  /* .list-lateral .info > *:not(:first-child){margin-top:6px} */
  .list-lateral .info > *:not(:first-child){margin-top:0 !important}
}

/* lists photo */
.list-photo{margin-left:-1px; margin-right:-1px}
.list-photo .list-item{flex:0 0 33.333333%; padding-left:1px; padding-right:1px; margin-bottom:5px}
.list-photo .thum{border-radius:0}
.list-photo .thum::after{border-radius:0}
.list-photo .thum-img{padding-bottom:100%}
.list-photo .num{position:absolute; right:10px; bottom:10px; background-color:#FFF; font-size:10px; line-height:1; min-width:14px; padding:3px 5px 2px; border-radius:3px}
.list-photo .num::after{content:''; position:absolute; right:-2px; bottom:-2px; width:13px; height:13px; background:url(/images/ico_photo_shadow.svg) no-repeat center}
.list-photo .info{padding:8px 0 10px}
.list-photo .post-title{padding-right:10px; font-size:15px; line-height:1.3}
@media(min-width:768px){
  .list-photo{margin-left:-4px; margin-right:-4px}
  .list-photo .list-item{padding-left:4px; padding-right:4px; margin-bottom:10px}
  .list-photo .info{padding:10px 0}
  /* .list-photo .info > *:not(:first-child){margin-top:4px} */
  .list-photo .info > *:not(:first-child){margin-top:0 !important}
}
@media(min-width:1070px){
  .list-photo .list-item{flex:0 0 20%}
  .list-photo .post-title{font-size:16px; line-height:1.4}
}
@media(max-width:639px){
  .list-photo .comment,
  .list-photo .like{display:none}
}

/* lists video */
.list-video{margin-left:-5px; margin-right:-5px}
.list-video .list-item{flex:0 0 50%; padding-left:5px; padding-right:5px; margin-bottom:5px}
.list-video .thum-img{padding-bottom:65%}
.list-video .info{padding:8px 0 10px}
.list-video .post-time{font-size:11px; color:#fff; padding:0 5px; border-radius:3px; right:5px; bottom:5px; background-color:rgba(0,0,0,0.8); display:inline-block; position:absolute; z-index:1}
.list-video .thum::before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:url(/images/ico_play.svg) no-repeat center; background-size:20px auto; border-radius:8px; background-color:rgba(0,0,0,0.15); z-index:1}
.list-video .thum.image::before{display:none}
.list-video .post-title{padding-right:7px}
.list-video.load .num{display:none}
@media(min-width:768px){
  /* .list-video .info > *:not(:first-child){margin-top:4px} */
  .list-video .info > *:not(:first-child){margin-top:0 !important}
}
@media(min-width:1070px){
  .list-video{margin-left:-10px; margin-right:-10px}
  .list-video .list-item{flex:0 0 33.333333%; padding-left:10px; padding-right:10px; margin-bottom:10px}
  .list-video .info{padding:10px 0}
}
@media(max-width:639px){
  .list-video .comment,
  .list-video .like{display:none}
}


/* lists news */
/* .list-news .list-link{min-height:85px} */
.list-news .post-info > span.writing{color:#FA4444}
.list-news .pass{border:1px solid; border-color:var(--color); color:var(--color); border-radius:20px; font-size:13px; padding:3px 9px; flex-shrink:0}
.list-news .received{border-color:#333; color:#333}
.list-news .waiting{border-color:#DCDCDC; color:#A1A1A1}
@media(min-width:1070px){
  /* .list-news .list-link{min-height:129px} */
  .list-news .thum{width:165px; height:105px}
  .list-news .thum{border-radius:12px}
  .list-news .pass{padding:5px 14px}
}

/* lists no-line */
.list-noline .list-item{border-bottom:0}
.list-noline .list-link{min-height:inherit}


/* list card */
.container.card{max-width:var(--mx-width-xlg) !important}
.list-card .list-item{width:100%; height:auto; flex:auto; padding:10px 0}
.list-card .list-item .thum-img{padding-bottom:68.94%; transition:all 0.2s ease}
.list-card .list-item::after{display:none}
@media(min-width:768px){
  .list-card{margin-left:-15px; margin-right:-15px}
  .list-card .list-item{flex:0 0 50%; padding:15px}
  .list-card .list-link{border-radius:12px}
  .list-card .thum{border-radius:0}
  .list-card .thum::after{border-radius:0}
  .list-card a:hover .thum-img{transform:scale(1.03); transition:transform 400ms cubic-bezier(0.4, 0, 0.25, 1),opacity 1s cubic-bezier(0.4, 0, 0.25, 1),-webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1)}
  .list-card .list-item .info{padding:20px 25px 30px}
}
@media(min-width:1070px){
  .list-card .list-item{flex:0 0 33.333%}
}


/*no data*/
.no-data{text-align:center; color:#CCC; padding:80px 0; font-size:14px}
.no-data::before{content:''; display:block; background:url(/images/ico_nodata.svg) no-repeat center; background-size:contain; width:35px; height:32px; margin:0 auto 15px}
@media(min-width:1070px){
  .no-data::before{width:60px; height:54px}
}

/* pagination */
.pagination{margin-top:20px; text-align:center}
.pagination li{display:inline-block; vertical-align:middle; padding:0 1px; cursor:pointer}
.pagination .page-num{display:block; width:36px; height:36px; text-align:center; border-radius:50%; font-size:14px; letter-spacing:-0.02em; line-height:36px; color:#888}
.pagination .page-num.arrow{width:30px; height:30px}
.pagination .page-num:hover,
.pagination .page-num.current{background-color:#ECECEC; color:#222}
.pagination .arrow::before{content:''; display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; opacity:0.6}
.pagination .arrow::before{background-image:url('/images/ico_page_arrow.svg'); background-size:6px}
.pagination .arrow.az::before{background-image:url('/images/ico_page_arrow2.svg'); background-size:11px}
.pagination .btn-first::before{transform:rotate(180deg)}
.pagination .btn-prev::before{transform:rotate(180deg)}
@media(min-width:1070px){
  .pagination{margin-top:30px}
  .pagination .page-num{width:42px; height:42px; font-size:16px; line-height:42px}
}

/* option */
.option{margin-top:40px}
.list-search{max-width:335px; margin:0 auto 30px}
.list-search .input{background-color:#FFF; border:1px solid #E6E6E6; height:48px}
.list-search .input-field{background-color:transparent}
/* .list-search .btn-search{width:40px; height:100%; background:url(/images/ico_search.svg) no-repeat center; background-size:15px; margin-right:7px; opacity:0.4} */
.option .btns{text-align:center}
.option .btns .btn:not(:last-child){margin-right:6px}
.option .btns .btn{min-width:80px; margin-bottom:6px; font-size:14px}
/* .btn-write::before{content:''; background-image:url(/images/ico_write.svg); width:12px; height:12px} */
@media(min-width:1070px){
  .option{margin-top:50px}
  .option .btns .btn{min-width:100px; font-size:15px;     padding:11px 13px}
  .list-search .input{height:50px}
  /* .list-search .btn-search{background-size:17px} */
}


/* page title ---------- */
.page-header{padding:15px 0}
.page-header .title{font-size:22px; font-family:var(--nanum) !important; font-weight:var(--nanum-fw); line-height:1.5}
.page-header .desc{font-size:14px; color:#999; line-height:1.4; margin-top:3px}

.page-header.lang-mode{display:flex; justify-content:space-between; align-items:flex-start; gap:15px}
.btn-lang-mode{color:#999; font-size:14px; cursor:pointer; flex-shrink:0; margin-top:5px}
.btn-lang-mode .ico{opacity:0.6}
.btn-lang-mode.active,
.btn-lang-mode:hover{color:var(--color)}
.btn-lang-mode.active .ico,
.btn-lang-mode:hover .ico{opacity:1}

@media(min-width:1070px){
  .page-header{padding:50px 0 30px}
  .page-header .title{font-size:34px}
  .page-header .desc{font-size:15px}

  .btn-lang-mode{border:1px solid rgba(0,0,0,0.1); border-radius:30px; background-color:#FFF; padding:7px 16px 7px 10px; margin-top:8px}
  .btn-lang-mode.active,
  .btn-lang-mode:hover{border-color:var(--color)}
}


/* visual ---------- */
.visual{min-height:160px; display:flex; justify-content:center; flex-direction:column;background-color:#EFEFEF; border-radius:10px; padding:20px 25px; margin-bottom:30px; color:#FFF}
.visual .text{font-size:15px; font-family:var(--nanum) !important; font-weight:600; max-width:55%}
@media(min-width:768px){
  .visual{padding:30px 50px}
}
@media(min-width:1070px){
  .visual{height:200px; border-radius:20px; margin-bottom:50px}
  .visual .text{font-size:18px}
}


/*----------------------------------------------------
View
----------------------------------------------------*/
.post-contents figcaption{max-width:var(--mx-width-md); font-size:13px; line-height:1.5}
.post-contents > *{width:90%; max-width:var(--mx-width-md)}
.post-contents{font-size:16px}
.post-contents h2{margin-top:12px; line-height:1.5}
.post-contents h3{line-height:1.5}
.post-contents h2 + h3{margin-top:16px; margin-bottom:10px}

.post-header{margin-top:10px; margin-bottom:20px}
.post-header .post-title{margin-top:4px; font-size:22px; font-weight:600; letter-spacing:-0.025em; line-height:1.4; font-family:var(--nanum) !important; font-weight:var(--nanum-fw)}
.post-header .sub-title{margin-top:8px; margin-bottom:10px; font-size:15px}
.post-header > .category{font-size:14px; color:#888}
.post-header .category:hover{color:var(--color); text-decoration:none}
.post-header .post-info{margin-top:8px}
blockquote.line{position:relative; border:none}
blockquote.line::before{position:absolute; content:''; top:0; left:0; width:3px; height:100%; background-color:#BCBCBC; border-radius:3px}
.post-contents blockquote p{color:#785536}
.post-contents blockquote small{color:#888; margin-top:8px}
.post-contents picture{border-radius:8px; overflow:hidden}
.post-contents .video{overflow:hidden; border-radius:0}
.view-option{margin-top:70px; text-align:center}
@media(min-width:768px){
  .post-header,
  .post-contents,
  .post-contents picture{border-radius:10px}
  .post-header .post-info{display:flex; align-items:center}
  .post-header .pin{width:17px; height:17px}
  .post-contents figure:not(.limit):not(.full-width):not(.wide), 
  .post-contents .video:not(.limit):not(.full-width):not(.wide){max-width:var(--mx-width-md)}
}
@media (min-width:1070px){
  .post-header{margin-top:30px; margin-bottom:35px}
  .post-contents{font-size:17px; line-height:1.7}
  /* .post-contents > *{width:90%} */
  .post-header .category{font-size:14px}
  .post-header .post-title{font-size:30px; line-height:1.4}
  .post-header .sub-title{margin-bottom:15px; font-size:18px}
  .post-header .post-info{margin-top:10px}
  .post-header .pin{width:21px; height:21px}
  .post-contents h2{font-size:25px; margin-top:22px}
  .post-contents h3{font-size:20px}
  .post-contents blockquote small{font-size:13px}
  .post-contents figure:not(.limit):not(.full-width):not(.wide),
  .post-contents .video:not(.limit):not(.full-width):not(.wide){max-width:var(--mx-width-lg)}
}

/*file ---------- */
.attached-file{font-size:14px; background-color:#F6F6F6; padding:12px 13px; border-radius:12px; margin-bottom:20px}
.attached-file li{list-style:none !important; margin:0}
.attached-file li a{padding:3px 0; display:flex; gap:7px; color:#666; line-height:1.4}
.attached-file li a:hover{color:#FF5942}
.attached-file .ico-file-download::before{content:''; display:inline-block; background:url(/images/ico_file.svg) no-repeat center; background-size:contain; width:12px; height:12px; margin-top:3px}
@media (min-width:1070px){
  .attached-file{font-size:15px; padding:15px 20px; margin-bottom:30px}
}

/* post-header : user reaction ---------- */
.reaction{margin-top:12px}
.reaction > button{display:inline-flex; align-items:center; gap:3px; border:1px solid #EFEFEF; border-radius:20px; padding:3px 12px}
.reaction > button:hover{border:1px solid #E6E6E6; background-color:#F6F6F6}
.reaction > button:first-child{margin-right:4px}
.reaction > button .ico{font-size:19px}
.btn-like.on{color:#fd5e5e; border-color:#ffe0e0}
.btn-like.on:hover{border:1px solid #ffe0e0; background-color:#fff7f7}
@media (min-width:768px){
  .reaction{margin-top:0; order:-1; flex-grow:1}
}

/* post status ---------- */
.post-status{font-size:13px; line-height:1.4; color:#A1A1A1; padding:10px 18px 9px; border:1px solid #DCDCDC; border-radius:20px; width:fit-content}
.post-status.writing{color:#FF2B4C; border:1px solid #FF2B4C}
.post-status.waiting{color:#555; border:1px solid #B5B5B5}
.post-status.open{color:var(--color); border:1px solid var(--color)}
@media (min-width:1070px){
  .post-status{font-size:15px}
}

/* post status btns ---------- */
.post-status-btns{display:flex; gap:8px}
.post-status-btns .ico-check2{display:none}
.post-status-btns .check .ico-check2{display:inline-block}
.post-status-btns .post-status{cursor:pointer}
.post-status-btns .post-status.waiting.check{background-color:#B5B5B5; color:#fff}
.post-status-btns .post-status.open.check{background-color:var(--color); color:#fff}



/*----------------------------------------------------
Write
----------------------------------------------------*/
.page-write .btns .btn span{margin-right:0.4em}
.write-content{height:300px}
.file-upload .delete-file{position:absolute; right:2px; top:50%; width:40px; height:40px; color:#999; font-size:15px; transform:translateY(-50%); background:transparent}
.file-upload .btn{width:48px; height:48px; cursor:pointer}
.file-upload .input-group > input{margin-right:0 !important}
.file-note{font-size:14px; color:#888; margin-bottom:15px}
.file-note .file-size{color:#EF4A5D}
.form-label{color:#333; font-weight:600}
.file-upload .form-label{display:block}
.write-guide{color:#848A91; font-size:13px; line-height:1.5; margin-top:20px}
.write-guide li{padding-left:10px; position:relative}
.write-guide li:not(:first-child){margin-top:6px}
.write-guide li::before{content:'•';position:absolute; left:0; margin-right:5px}
@media(min-width:1070px){
  .write-content{height:400px}
  .write-guide{margin-top:30px}
}


/*----------------------------------------------------
Swiper Custom
----------------------------------------------------*/
/* pagination */
.swiper-pagination-bullet{width:6px; height:6px; background-color:rgba(255,255,255,0.6) !important; opacity:1 !important}
.swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px !important; border-radius:10px; background-color:rgba(255,255,255,1) !important}
.swiper-pagination .swiper-pagination-bullet{margin:0 3px !important}

.page-home .visual-home .swiper-pagination{text-align:right !important; padding-left:5%; padding-right:4%}
@media(min-width:1070px){
  .page-home .swiper-pagination{padding-right:10px; width:auto !important; left:auto !important; right:0 !important}
}

.page-community .swiper.medias{overflow-y:inherit; padding-bottom:25px}
.page-community .swiper.medias .swiper-pagination{text-align:center; bottom:0 !important}
.page-community .swiper-pagination-bullet{background-color:rgba(0,0,0,0.2) !important; opacity:1 !important}
.page-community .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(0,0,0,0.5) !important}



/*----------------------------------------------------
Page Custom
----------------------------------------------------*/
/* index */
.page-home article{padding-bottom:0}
@media (min-width:768px){
  .page-home .site-footer{background-color:#F8F8F9}
}

/* News */
.page-news .container{max-width:var(--mx-width-lg)}
@media(min-width:768px){
  .bg-gray{background-color:#F5F5F7}
  .page-news .header{background-color:transparent}
  .page-news .header.scrolled{background-color:rgba(255,255,255,1)}
}

/* .page-news .list-news .post-info .category{position:relative; display:inline-block}
.page-news .list-news .post-info .category:not(:first-child){padding-left:7px; margin-left:-2px}
.page-news .list-news .post-info .category:not(:first-child)::before{content:''; width:2px; height:2px; background-color:currentColor; border-radius:10px; display:inline-block; position:absolute; top:8px; left:0} */



/*----------------------------------------------------
Customizing
----------------------------------------------------*/
/* contents */
.editorctn{border:solid 1px #00000000; border-radius:7px; transition: border 0.2s ease}
.editorctn:hover{border-color: #1EC3D7}
.we-root{border-radius: 6px; border-color:#E6E8EA !important; transition: border 0.2s ease}
.editorctn:hover .we-root{border-color: #1EC3D7 !important}

.we-contents, .we-contents [we-vtype-html] {font-size:17px !important}
.post-contents > .we-contents{max-width:var(--mx-width-lg)}
.we-contents [we-vtype-html] img{border-radius:8px}
.we-contents [we-vtype-html] > *{margin-left:auto !important; margin-right:auto !important; max-width: var(--mx-width-md) !important}
.we-template [we-vtype-html] > *{max-width:calc(100% - 30px - min(max(100vw, 600px) - 600px, 200px) * 0.35 ) !important}
.we-contents .we-handler-img.we-wide{max-width:none !important; margin:15px auto !important}
.we-template .we-handler-img.we-wide{max-width:calc(100% - 30px) !important}
.we-contents .we-handler-img.we-wide .we-img-ctn{width:auto !important}
.we-img-caption{font-size:13px !important; text-align: start !important; color:#6e6e73 !important; line-height: 1.5 !important}
.we-contents p > br{display:inline}
.we-contents li{margin-bottom:0}
@media (min-width:415px){
  .we-contents [we-vtype-html] img{border-radius:10px}
}
@media (max-width:600px){
  .we-template [we-vtype-html] > *{max-width: none !important}
  .we-contents .we-handler-img.we-wide{max-width: none !important}
}
@media (max-width:1069px){
  .we-contents, .we-contents [we-vtype-html] {font-size:16px !important}
}

/* comment ---------- */
.commentArea{width:90%; max-width:700px; margin:40px auto 0; --cmt-padding:0}

.wc-clsummary{margin-bottom:11px !important}
.wc-ccontent{gap:2px !important}
.wc-clcount{color:#222 !important}
.wc-clcount::before{content:''; display:inline-block; background:url(/images/ico_comment.svg) no-repeat center; background-size:20px; width:24px; height:24px; vertical-align:middle; margin-top:-3px; margin-right:3px}
.wc-clcount > span{color:#333 !important}

.wc-wchead{display:none !important}
.wc-wccommit{background-color:#f2f2f2 !important; color:#717171 !important}
.wc-wccommit:hover{background-color:#ebebeb !important}
.wc-wctarget{display:none}
.wc-wcopts{padding:13px !important; padding-top:3px !important; background:transparent !important;}
.wc-we .we-editor-text{min-height:70px}

.wc-comment .wc-cbody.we-contents, .wc-alinfo .wc-alcomment{font-size:16px !important}
.wc-clbody{display:flex; flex-direction:column; align-items:start; gap:10px}
.wc-clbody > li{display:inline-block; background:#f7f7fb; border-radius:10px; padding:15px 20px !important; border-top:none !important; border-bottom-left-radius:0; max-width: 500px}
.wc-cinfo + div{margin-left: 10px}
.wc-cname .me{color:inherit !important}
.wc-clbody > li.me{align-self:end; background-color:#eefdff; border-bottom-left-radius: 10px; border-bottom-right-radius:0}
.wc-clbody > li.me .wc-comment .wc-cbody {color:#36a8bc}
.wc-cname, .wc-cdate{display:inline-block; margin-right:7px}
.wc-coptionbtn{color:#93a7aa !important; margin-right:8px !important; font-size:13px !important; padding:0 !important; border:none !important; background:transparent !important;}
.wc-coptionbtn:hover{color:#777 !important}
.wc-chead, .wc-cbody{margin-bottom:0 !important}
.wc-clbody + hr{display:none}
.wc-clbody-listopts{border-top:none !important; padding:0 !important; margin-top:15px !important}
.wc-clbody-listopts button.active{color:var(--color) !important}

.wc-comment.wc-ceditmode{width:248px}/*width:300px*/
.wc-comment.wc-ceditmode .wc-cfoot{display:none !important}
.wc-comment.wc-ceditmode .wc-wcbody{border-radius:0 !important; border:none !important}
.wc-comment.wc-ceditmode .wc-wcbody .wc-we{border:solid 1px #eeeeee; border-radius:10px; overflow:hidden; margin-bottom:5px}
.wc-comment.wc-ceditmode .wc-wcbody .wc-wcopts{padding:0 !important}
.wc-comment.wc-ceditmode .wc-wcbody .wc-wcopts button{border:none; background:none !important; color:#93a7aa !important; font-size:14px; padding:0; margin-right:20px; position:relative; cursor:pointer; min-width:auto !important}
@media(min-width:768px){
  .wc-comment.wc-ceditmode{width:460px}
}

.wc-cfoot>:not(:last-child):after{display:none !important}
.wc-clsummary,
.wc-writecomment.wc-clwrite,
.wc-clbody-listopts{padding-left:var(--cmt-padding) !important; padding-right:var(--cmt-padding) !important}
.wc-clbody>li{margin-left:var(--cmt-padding) !important; margin-right:var(--cmt-padding) !important}
.wc-wctarget + div{margin-left:3px}
.wc-clll-btn{background:none !important; margin-top:20px !important; color:#666 !important}
.wc-clll-btn:hover{color:#888 !important}
.wc-clll-btn::after{content:'\a004'; font-family:"fontello"; margin-left:4px}
.wc-clsummary-opt{color:#6e6e6e !important}
.wc-clsummary-opt:hover{color:#909090 !important}
.wc-comment.wc-ceditmode .wc-wcbody .wc-wcopts button{margin-right:13px !important}

.wc-root *,
.we-contents, .we-contents [we-vtype-text], .we-contents input {font-family:inherit !important; line-height:1.5 !important}
.wc-clbody-listopts button{display:none}
.wc-clsummary-opt{display: none}
.wc-sec{display:none !important}
.wc-loading-shape {background:#1EC3D7 !important}
.wc-comment-list hr:last-child{display:none}
.wc-comment-list .wc-clnouser{color:#aaa}
.wc-comment-list .wc-clnouser svg{fill:#aaa}
.wc-del-year, .wc-del-month, .wc-del-day{font-size:0px}
.wc-del-year:before,.wc-del-month:before,.wc-del-day:before{content:'.'; font-size:13px}

/* comment ---------- */
.wc-cnew{line-height:1.1 !important;}
/* .wc-cnew{font-size:0 !important; background-color:transparent !important; background:url(/images/ico_new_mini.svg) no-repeat center !important; border-radius:0 !important; background-size:contain; width:7px; height:8px; margin-left:2px; vertical-align:middle} */
/* .wc-cbody .wc-textcmt{margin-top:5px; margin-bottom:2px} */
.wc-comment.wc-ceditmode .wc-wcbody .wc-wcopts button.wc-wccommit{color:var(--color) !important}
.wc-comment.wc-ceditmode .wc-wcbody .wc-wcopts button.wc-wccommit::before{content:''; display:inline-block; width:10px; height:10px; background:url(/images/ico_check_comment.svg) no-repeat center; background-size:contain; vertical-align:middle; margin-right: 2px; margin-top:-4px}
.wc-toast-msg{bottom:25px !important; box-shadow:none !important; border:none !important; color:var(--color-success) !important; background-color:var(--color-success-light) !important; border-radius:50px !important; font-weight:500; display:flex !important; align-items:center; gap:7px}
.wc-toast-msg::before{content:''; display:inline-block; background:#03C75A url(/images/ico_check_white.svg) no-repeat center; background-size:12px; width:24px; height:24px; border-radius:50%; flex-shrink:0}
.wc-cname{font-weight:600 !important}

/* calendar ---------- */
.fc .fc-daygrid-day-top{justify-content:center}
.fc .fc-daygrid-day-number{text-align:center}
.fc .fc-daygrid-dot-event{justify-content:center}
.fc .fc-daygrid-dot-event:hover{background-color:transparent !important}
.fc .dot-container .dot::before{width:6px; height:6px; display:inline-block; vertical-align:middle; margin-top:-2px; border-radius:50%; background-color:currentColor; margin:0 2px}
.fc .dot-container .dot.morning::before{color:#02c88c}
.fc .dot-container .dot.wed::before{color:#ff7a00}
.fc .dot-container .dot.clubactivity::before{color:#ff50b3}
.fc .morning .dot.morning::before,
.fc .wed .dot.wed::before,
.fc .clubactivity .dot.clubactivity::before{content:''}

.fc .fc-scrollgrid, .fc td, .fc th{border:0 !important; font-size:15px}
.fc .fc-toolbar-title{font-size:20px !important; font-weight:600 !important}
.fc .fc-toolbar{margin-bottom:15px !important}
.fc .fc-toolbar > * >:not(:first-child){margin-left:7px !important}

.fc-button-group > .fc-button{width:34px}
.fc-button-group > .fc-button:first-child{border-radius: 6px 0 0 6px !important}
.fc-button-group > .fc-button:last-child{border-radius:0 6px 6px 0 !important}
.fc .fc-button{font-size:13px !important; border-radius:6px !important; display:inline-flex !important; justify-content:center}
.fc .fc-button:hover{background-color:rgba(0,24,70,0.03) !important}
.fc .fc-button-primary{background-color:#FFF !important; border-color:#E9E9E9 !important; color:#888 !important}
.fc .fc-button:focus{box-shadow:none !important}

.fc .fc-daygrid-day-number{padding:4px 0 0 !important; color:#555; width:32px; height:32px; border-radius:50px; line-height:23px}
.fc .fc-daygrid-dot-event{padding:0 !important}
.fc .fc-daygrid-dot-event span{font-size:12px !important; color:#FF5942 !important}
.fc .fc-daygrid-event,
.fc .fc-daygrid-day-events{margin-top:0 !important}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{min-height:1.7em !important; margin-bottom:0 !important}
.fc .fc-daygrid-day.fc-day-today{background-color:transparent !important}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{color:#FFF; background-color:var(--color)} /*6694ff*/
.fc .dot-container .dot::before{margin:-3px 1px 0 !important}
.fc .fc-day-past,
.fc .fc-day-today{cursor:pointer}
@media(min-width:1070px){
  .fc .fc-toolbar-title{font-size:22px !important}
  .fc-theme-standard td,
  .fc-theme-standard th{font-size:16px}
  .fc .fc-toolbar.fc-header-toolbar{margin-bottom:20px !important}
}

.dot-container .dot.clubactivity::before{color:#9D61FF !important}

.vertical{background-size:contain !important}