@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Blinker:400,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Do+Hyeon&display=swap');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans|Do+Hyeon&display=swap');
@import url('./animate.css');
@import url('./reset.css');
@import url('./common.css');
@import url('./elements.css');
@import url('./pages.css');
@import url('./layout.css');

#captcha{margin-top:30px;}
#captcha_key{
  border:1px solid rgba(255,255,255,.12);
  padding:10px 12px;
  min-width:120px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  color:rgba(255,255,255,.92);
  border-radius:14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 44px rgba(0,0,0,.70);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  outline:none;
}
#captcha_key:focus{
  border-color:rgba(255,61,154,.40);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 4px rgba(255,61,154,.12), 0 18px 60px rgba(0,0,0,.76);
}

#bbs-category li:first-child{display:none;}

#bo_v_title .bo_v_tit{
  font-size:20px!important;
  color:rgba(255,255,255,.95)!important;
  letter-spacing:-.01em!important;
  font-weight:950!important;
}
#bo_v_title .bo_v_cate{
  font-size:15px!important;
  color:rgba(255,255,255,.70)!important;
  letter-spacing:-.01em!important;
  font-weight:850!important;
}

#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%)!important;
  box-shadow:0 18px 50px rgba(255,61,154,.20)!important;
  border:0!important;
  color:#07070b!important;
}
#bo_cate_ul a:hover{color:rgba(255,61,154,.95)!important}

#bbslist .table{
  border-top:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 360px at 20% 0%, rgba(255,61,154,.08), transparent 62%),
    radial-gradient(900px 360px at 90% 0%, rgba(0,215,255,.06), transparent 62%),
    rgba(255,255,255,.02);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 56px rgba(0,0,0,.70);
}

#bbslist .table th,
#bbslist .table td{
  padding:14px 10px;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-align:center;
  font-weight:650;
  color:rgba(255,255,255,.72);
}

#bbslist .table th{
  border-bottom:1px solid rgba(255,255,255,.10);
  font-weight:950;
  color:rgba(255,255,255,.92);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
}

#bbslist .table td a{color:rgba(255,255,255,.88);}
#bbslist .table td.td-sbj{text-align:left;}
#bbslist .table td.td-sbj a:hover{
  text-decoration:none;
  color:rgba(255,61,154,.95);
}
#bbslist .table td.td-sbj a + img{
  vertical-align:middle;
  margin-left:4px;
  filter:brightness(1.12) saturate(1.12) drop-shadow(0 6px 14px rgba(0,0,0,.55));
}
#bbslist .table .cmt-count{
  font-weight:950;
  font-size:11px;
  color:rgba(255,61,154,.95);
}

#bbslist .table .tr-notice{
  background:
    linear-gradient(180deg, rgba(255,61,154,.12) 0%, rgba(255,61,154,.05) 100%);
  font-weight:900;
  color:rgba(255,255,255,.95);
}
#bbslist .table .tr-notice td{font-weight:900;color:rgba(255,255,255,.95)}
#bbslist .table .tr-notice a{color:rgba(255,255,255,.95);font-weight:900}
#bbslist .table .cat-name{color:rgba(255,61,154,.95);padding-right:6px;font-weight:900}

#bbsview .bbsview__head{
  border-bottom:1px solid rgba(255,255,255,.08);
  margin:20px;
  padding:18px 18px 20px;
  background:
    radial-gradient(900px 280px at 20% 0%, rgba(109,91,255,.12), transparent 62%),
    radial-gradient(900px 280px at 90% 0%, rgba(255,61,154,.10), transparent 62%),
    rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  box-shadow:0 18px 56px rgba(0,0,0,.70);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}

#bbsview .bbsview__head .bbsview-title{
  font-weight:950;
  font-size:22px;
  color:rgba(255,255,255,.95);
  letter-spacing:-.01em;
}
#bbsview .bbsview__head .bbsview-info{
  clear:both;
  padding-top:14px;
  color:rgba(255,255,255,.62);
}

#bbsview .bbsview__body{
  clear:both;
  margin:20px;
  padding:26px 22px;
  color:rgba(255,255,255,.86);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  box-shadow:0 18px 56px rgba(0,0,0,.70);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}

#bbsview .bbsview__foot{
  clear:both;
  margin:20px;
  border-top:0;
  padding:18px 18px;
  color:rgba(255,255,255,.65);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.016));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  box-shadow:0 18px 56px rgba(0,0,0,.70);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}

#bbsview .bbsview-share{clear:both;margin-top:22px;text-align:center;}
#bbsview .bbsview-ad{clear:both;margin-top:22px;}
#bbsview .bbsview-cmt{
  clear:both;
  margin-top:20px;
  border-top:0;
  padding-top:0;
}

#bbsview .bbsview-more-article{margin-left:20px;margin-top:20px;}
#bbsview .bbsview-more-article .grid-12{
  border:1px solid rgba(255,255,255,.10);
  padding:14px 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.018));
  border-radius:18px;
  box-shadow:0 18px 56px rgba(0,0,0,.70);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}
#bbsview .bbsview-more-article .grid-12:first-child{border-top:1px solid rgba(255,255,255,.10);}
#bbsview .bbsview-more-article .grid-12:last-child{border-top:0;}
#bbsview .bbsview-more-article .nb_tit{font-weight:950;padding-right:10px;color:rgba(255,255,255,.92);}
#bbsview .bbsview-more-article .nb_tit i{padding-right:6px;}
#bbsview .bbsview-more-article .nb_date{color:rgba(255,255,255,.55);float:right;}

#bbsview ~ #bbslist{margin:20px;}
#bbsview ~ #bbslist .control{display:none;}

.bo_vc_w textarea{
  border-radius:16px!important;
  box-shadow:none!important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.92)!important;
  backdrop-filter: blur(12px) saturate(120%)!important;
  -webkit-backdrop-filter: blur(12px) saturate(120%)!important;
}
.bo_vc_w textarea:focus{
  border-color:rgba(255,61,154,.42)!important;
  box-shadow:0 0 0 4px rgba(255,61,154,.12), 0 18px 56px rgba(0,0,0,.72)!important;
}

.bo_vc_w .btn_confirm{margin-top:0!important}

.bo_vc_w_wr{
  border:1px solid rgba(255,255,255,.10);
  border-top:0;
  padding:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  border-bottom-left-radius:18px;
  border-bottom-right-radius:18px;
  box-shadow:0 18px 56px rgba(0,0,0,.70);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}

#cmt-head{
  display:block;
  clear:both;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:14px;
  padding-top:20px;
}
#cmt-head .cmt-title{font-size:18px;font-weight:950;color:rgba(255,255,255,.92);letter-spacing:-.01em}

#bbs-category{margin-bottom:20px;}

#bo_w .btn_confirm{text-align:right;}
.btn_cke_sc{display:none}
.tbl_frm01{margin:0 0 20px}
.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0}

.tbl_frm01 th{
  width:70px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.10);
  border-left:0;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  text-align:left;
  color:rgba(255,255,255,.84);
  font-weight:950;
}

.tbl_frm01 td{
  padding:10px 10px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:transparent;
  color:rgba(255,255,255,.75);
}

.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input{
  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:11px 12px;
  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;
}

.wr_content textarea:focus,
.tbl_frm01 textarea:focus,
.form_01 textarea:focus,
.frm_input:focus{
  border-color:rgba(255,61,154,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 4px rgba(255,61,154,.12), 0 18px 60px rgba(0,0,0,.78);
}

.tbl_frm01 textarea{padding:11px 12px}
.frm_input{height:44px;}
.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea,.write_div textarea{width:100%;height:120px}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_file{display:block;margin-bottom:5px}
.tbl_frm01 .frm_info{display:block;padding:0 0 6px;line-height:1.4em;color:rgba(255,255,255,.55)}

#bo_w .write_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:6px;
  right:6px;
  line-height:32px;
  height:32px;
  border-radius:12px;
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.88);
  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;
}

a.btn_frmline,
button.btn_frmline{
  display:inline-block;
  padding:0 14px;
  height:44px;
  line-height:44px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  border-radius:16px;
  color:rgba(255,255,255,.92);
  text-decoration:none;
  vertical-align:top;
  box-shadow:0 18px 56px rgba(0,0,0,.72);
  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);
}
a.btn_frmline:hover,
button.btn_frmline:hover{
  border-color:rgba(255,61,154,.32);
  box-shadow:0 22px 70px rgba(0,0,0,.78), 0 0 0 4px rgba(255,61,154,.10);
  transform:translateY(-1px);
  filter:brightness(1.03) saturate(1.05);
}
button.btn_frmline{font-size:1em}

.btn.small{
  height:30px;
  line-height:28px;
  font-size:13px;
  padding:0 12px;
  border-radius:14px;
}

a.btn_b01,
.btn_b01{
  display:inline-block;
  background:rgba(255,255,255,.02);
  color:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  box-shadow:0 16px 52px rgba(0,0,0,.68);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}
.btn_b01:hover,
.btn_b01:hover{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.18);
  color:#fff;
}

a.btn_b02,
.btn_b02{
  background:linear-gradient(135deg, rgba(255,61,154,1) 0%, rgba(109,91,255,1) 70%, rgba(0,215,255,1) 140%);
  color:#07070b;
  border:0;
  border-radius:16px;
  box-shadow:0 22px 68px rgba(255,61,154,.22), 0 22px 70px rgba(0,0,0,.72);
  font-weight:950;
}
a.btn_b02:hover,
.btn_b02:hover{
  filter:brightness(1.06) saturate(1.08);
  box-shadow:0 26px 76px rgba(255,61,154,.26), 0 26px 78px rgba(0,0,0,.78);
}

a.btn_b03,
.btn_b03{
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.72);
  border-radius:16px;
  box-shadow:0 16px 52px rgba(0,0,0,.64);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}
a.btn_b03:hover,
.btn_b03:hover{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,61,154,.22);
  color:#fff;
}

a.btn_b04,
.btn_b04{
  background:rgba(255,255,255,.015);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.62);
  border-radius:16px;
  box-shadow:0 16px 52px rgba(0,0,0,.60);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}
a.btn_b04:hover,
.btn_b04:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.18);
}

a.btn_admin,
.btn_admin{
  background:linear-gradient(135deg, rgba(255,61,154,1) 0%, rgba(255,61,61,1) 120%);
  border:0;
  color:#07070b;
  border-radius:16px;
  font-weight:950;
  box-shadow:0 22px 66px rgba(255,61,154,.18), 0 22px 70px rgba(0,0,0,.72);
}
a.btn_admin:hover,
.btn_admin:hover{
  filter:brightness(1.05) saturate(1.05);
  box-shadow:0 26px 76px rgba(255,61,154,.22), 0 26px 78px rgba(0,0,0,.78);
}

#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:12px;
  right:12px;
  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 a.btn_cancel{padding-top:0;padding-bottom:0}

#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);
}

.latest-basic a + .date{float:right;color:rgba(255,255,255,.55)}

@media (max-width: 767px) {
  .only-pc,
  span.only-pc,
  br.only-pc{display:none!important;}
  .only-mb{display:block;}
}