@charset "utf-8";

#bo_gall a.btn_b01,
#bo_v a.btn_b01,
#bo_w .btn_submit{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.92);
  border-radius:999px;
  padding:8px 16px;
  font-weight:900;
  box-shadow:0 16px 52px rgba(0,0,0,.66);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  transition:transform .14s cubic-bezier(.2,.8,.2,1), box-shadow .14s cubic-bezier(.2,.8,.2,1), border-color .14s cubic-bezier(.2,.8,.2,1), filter .14s cubic-bezier(.2,.8,.2,1);
}
#bo_gall a.btn_b01:hover,
#bo_v a.btn_b01:hover,
#bo_w .btn_submit:hover{
  border-color:rgba(255,61,154,.32);
  transform:translateY(-1px);
  box-shadow:0 20px 66px rgba(0,0,0,.74), 0 0 0 4px rgba(255,61,154,.10);
  filter:brightness(1.04) saturate(1.06);
}

.btn_admin{
  background:linear-gradient(135deg, rgba(255,61,154,1) 0%, rgba(255,122,0,1) 120%);
  color:#07070b !important;
  font-weight:950;
  border-radius:999px;
  border:0;
  box-shadow:0 22px 66px rgba(255,61,154,.16), 0 22px 70px rgba(0,0,0,.72);
  transition:transform .14s cubic-bezier(.2,.8,.2,1), box-shadow .14s cubic-bezier(.2,.8,.2,1), filter .14s cubic-bezier(.2,.8,.2,1);
}
.btn_admin:hover{
  transform:translateY(-1px);
  filter:brightness(1.05) saturate(1.05);
  box-shadow:0 26px 76px rgba(255,61,154,.20), 0 26px 78px rgba(0,0,0,.78);
}

#bo_cate{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:10px;
  box-shadow:0 16px 52px rgba(0,0,0,.62);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}

#bo_cate a{
  color:rgba(255,255,255,.76);
  border-radius:999px;
  padding:7px 14px;
  font-weight:900;
  transition:transform .14s cubic-bezier(.2,.8,.2,1), background .14s cubic-bezier(.2,.8,.2,1), color .14s cubic-bezier(.2,.8,.2,1), box-shadow .14s cubic-bezier(.2,.8,.2,1);
}

#bo_cate a:hover,
#bo_cate #bo_cate_on{
  background:linear-gradient(135deg, rgba(255,61,154,1) 0%, rgba(109,91,255,1) 70%, rgba(0,215,255,1) 140%);
  color:#07070b;
  box-shadow:0 16px 48px rgba(255,61,154,.18);
}

#bo_gall .gall_box{
  background:
    radial-gradient(520px 220px at 18% 0%, rgba(255,61,154,.12), transparent 62%),
    radial-gradient(520px 220px at 92% 12%, rgba(0,215,255,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.020));
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 18px 58px rgba(0,0,0,.70);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  transition:transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s cubic-bezier(.2,.8,.2,1), border-color .18s cubic-bezier(.2,.8,.2,1), filter .18s cubic-bezier(.2,.8,.2,1);
  position:relative;
}
#bo_gall .gall_box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:20px;
  padding:1px;
  background:linear-gradient(90deg, rgba(255,61,154,.32), rgba(109,91,255,.24), rgba(0,215,255,.22));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.55;
  pointer-events:none;
}
#bo_gall .gall_box:hover{
  transform:translateY(-5px);
  border-color:rgba(255,61,154,.26);
  box-shadow:0 26px 78px rgba(0,0,0,.78), 0 0 22px rgba(255,61,154,.10);
  filter:brightness(1.02) saturate(1.03);
}

#bo_gall .gall_img{
  position:relative;
  border:0;
  overflow:hidden;
}
#bo_gall .gall_img::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(420px 220px at 20% 12%, rgba(255,61,154,.12), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.42) 76%, rgba(0,0,0,.82) 100%);
  pointer-events:none;
}
#bo_gall .gall_img img{
  width:100%;
  transition:transform .28s cubic-bezier(.2,.8,.2,1), filter .28s cubic-bezier(.2,.8,.2,1);
  transform:scale(1.01);
}
#bo_gall .gall_box:hover .gall_img img{
  transform:scale(1.08);
  filter:brightness(1.06) contrast(1.03);
}

#bo_gall .bo_tit{
  margin:12px;
  font-size:14px;
  font-weight:950;
  color:rgba(255,255,255,.92);
  letter-spacing:-.01em;
}

#bo_vc .cmt_contents{
  background:linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  color:rgba(255,255,255,.74);
  box-shadow:0 16px 52px rgba(0,0,0,.64);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}

.bo_vc_w textarea{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.92);
  border-radius:16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 52px rgba(0,0,0,.70);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  outline:none;
}
.bo_vc_w textarea:focus{
  border-color:rgba(255,61,154,.42);
  box-shadow:0 0 0 4px rgba(255,61,154,.12), 0 18px 60px rgba(0,0,0,.78);
}

#bo_w div{margin:10px 0;position:relative;}
#bo_w .bo_w_info:after{display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%}
#bo_w .wr_content.smarteditor2 iframe{background:transparent}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{
  position:absolute;
  top:5px;
  right:5px;
  line-height:30px;
  height:30px;
  border-radius:12px;
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
}
#bo_w .bo_w_tit #btn_autosave:hover{
  border-color:rgba(0,215,255,.22);
  color:#fff;
}

#bo_w .bo_w_link label{
  position:absolute;
  top:1px;
  left:1px;
  border-radius:16px 0 0 16px;
  height:42px;
  line-height:42px;
  width:46px;
  background:rgba(255,255,255,.05);
  text-align:center;
  color:rgba(255,255,255,.70);
  border:1px solid rgba(255,255,255,.12);
  border-right:0;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
}
#bo_w .bo_w_link .frm_input{padding-left:58px}

#bo_w .bo_w_flie .lb_icon{
  position:absolute;
  top:0px;
  left:0px;
  border-radius:16px 0 0 16px;
  height:42px;
  line-height:42px;
  width:46px;
  background:rgba(255,255,255,.05);
  text-align:center;
  color:rgba(255,255,255,.70);
  border:1px solid rgba(255,255,255,.12);
  border-right:0;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
}
#bo_w .bo_w_flie .frm_file{padding-left:58px;}
#bo_w .bo_w_flie .file_wr{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  color:rgba(255,255,255,.92);
  vertical-align:middle;
  border-radius:16px;
  padding:5px 10px;
  height:44px;
  margin:0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 52px rgba(0,0,0,.70);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0}
#bo_w .bo_w_flie .file_del{
  position:absolute;
  top:10px;
  right:10px;
  font-size:.92em;
  color:rgba(255,255,255,.55);
}
#bo_w .bo_w_flie .file_del:hover{color:rgba(255,61,154,.95);}

#bo_w .bo_w_select select{
  border:1px solid rgba(255,255,255,.14);
  height:44px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  color:rgba(255,255,255,.92);
  outline:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 52px rgba(0,0,0,.70);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}
#bo_w .bo_w_select select:focus{
  border-color:rgba(255,61,154,.42);
  box-shadow:0 0 0 4px rgba(255,61,154,.12), 0 18px 60px rgba(0,0,0,.78);
}