@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');

/* ==========================================================
   PASTED.TXT - COMPLETE RESKIN (Noir Luxe Dark)
   - "폼/레이아웃 절대 안 깨지게" 구조/치수/정렬 값은 최대한 유지
   - 변경 범위: 색상/배경/테두리/그림자/호버(시각 요소 중심)
========================================================== */

/* Theme tokens (local, 충돌 방지용) */
:root{
  --nl-bg:#07070a;
  --nl-panel:#0f0f16;
  --nl-panel2:#141421;
  --nl-line: rgba(255,255,255,0.10);
  --nl-line2: rgba(255,255,255,0.14);
  --nl-text: rgba(255,255,255,0.92);
  --nl-text1: rgba(255,255,255,0.78);
  --nl-text2: rgba(255,255,255,0.56);
  --nl-accent:#ff2b55;
  --nl-accent2:#ffb000;
  --nl-danger:#fc565f;
}

/* 캡챠 (치수 유지, 컬러만 변경) */
#captcha{margin-top:30px;}
#captcha_key{
  border:1px solid var(--nl-line);
  padding:10px;
  min-width:100px;
  background:rgba(255,255,255,0.03);
  color:var(--nl-text);
}

/* 포트폴리오 게시판에서 첫번째 분류를 감춤 */
#bbs-category li:first-child{display:none;}

/* 제목/카테고리 (사이즈 유지, 컬러만) */
#bo_v_title .bo_v_tit{font-size:20px!important;color:var(--nl-text)!important;font-weight:800;}
#bo_v_title .bo_v_cate{font-size:16px!important;color:var(--nl-text2)!important}

/* 분류 활성/호버 (레이아웃 영향 없게 색만) */
#bo_cate #bo_cate_on{
  background:linear-gradient(90deg, rgba(255,43,85,0.92), rgba(255,176,0,0.60))!important;
  box-shadow:none!important;
  border:0!important;
  color:#fff!important;
}
#bo_cate_ul a:hover{color:var(--nl-accent)!important}

/* ==========================================================
   게시판 기본 (테이블) - 구조 유지 / 색상만 변경
========================================================== */
#bbslist .table{
  border-top:1px solid rgba(255,255,255,0.14);
  background:transparent;
}
#bbslist .table th,
#bbslist .table td{
  padding:13px 5px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  text-align:center;
  font-weight:500;
  color:var(--nl-text2);
  background:transparent;
}
#bbslist .table th{
  border-bottom:1px solid rgba(255,255,255,0.10);
  font-weight:700;
  color:var(--nl-text);
}
#bbslist .table td a{color:var(--nl-text1);}
#bbslist .table td.td-sbj{text-align:left;}
#bbslist .table td.td-sbj a:hover{
  text-decoration:underline;
  color:var(--nl-accent);
}
#bbslist .table td.td-sbj a + img{vertical-align:middle;margin-left:3px;}
#bbslist .table .cmt-count{font-weight:700;font-size:11px;color:var(--nl-danger);}

/* 공지 행: 배경만 다크 패널화 (display/치수 변경 없음) */
#bbslist .table .tr-notice{
  background:
    radial-gradient(680px 140px at 15% 0%, rgba(255,43,85,0.10), transparent 62%),
    rgba(255,255,255,0.03);
  font-weight:700;
  color:var(--nl-text);
}
#bbslist .table .tr-notice td{font-weight:700;color:var(--nl-text)}
#bbslist .table .tr-notice a{color:var(--nl-text);font-weight:700}
#bbslist .table .cat-name{color:var(--nl-accent);padding-right:5px;}

/* ==========================================================
   게시글 보기 - 기존 margin/padding 유지
========================================================== */
#bbsview{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
    rgba(0,0,0,0.10);
  border:1px solid rgba(255,255,255,0.08);
}
#bbsview .bbsview__head{border-bottom:1px solid rgba(255,255,255,0.10);margin:20px;padding-bottom:20px;}
#bbsview .bbsview__head .bbsview-title{font-weight:500;font-size:22px;color:var(--nl-text);}
#bbsview .bbsview__head .bbsview-info{clear:both;padding-top:20px;color:var(--nl-text2);}
#bbsview .bbsview__body{clear:both;margin:20px;padding:40px 0;color:var(--nl-text1);}
#bbsview .bbsview__foot{clear:both;margin:20px;border-top:1px solid rgba(255,255,255,0.10);padding-top:20px;color:var(--nl-text2);}
#bbsview .bbsview-share{clear:both;margin-top:40px;text-align:center;}
#bbsview .bbsview-ad{clear:both;margin-top:40px;}
#bbsview .bbsview-cmt{clear:both;margin-top:20px;border-top:1px solid rgba(255,255,255,0.10);padding-top:20px;}

#bbsview .bbsview-more-article{margin-left:20px;margin-top:20px;}
#bbsview .bbsview-more-article .grid-12{
  border:1px solid rgba(255,255,255,0.10);
  padding:15px 20px;
  background:rgba(255,255,255,0.02);
}
#bbsview .bbsview-more-article .grid-12:first-child{border-top:1px solid rgba(255,255,255,0.18);}
#bbsview .bbsview-more-article .grid-12:last-child{border-top:0;}
#bbsview .bbsview-more-article .nb_tit{font-weight:700;padding-right:10px;color:var(--nl-text1);}
#bbsview .bbsview-more-article .nb_tit i{padding-right:5px;}
#bbsview .bbsview-more-article .nb_date{color:var(--nl-text2);float:right;}

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

/* ==========================================================
   댓글 입력 - "깨짐 방지" 위해 원본 구조 그대로
   (border-radius/box-shadow 원본값 유지)
========================================================== */
.bo_vc_w textarea{border-radius:0!important;box-shadow:none!important;background:rgba(0,0,0,0.18);color:var(--nl-text);border:1px solid rgba(255,255,255,0.12);}
.bo_vc_w .btn_confirm{margin-top:0!important}
.bo_vc_w_wr{
  border:1px solid rgba(255,255,255,0.10);
  border-top:0;
  padding:5px;
  background-color:#000000;
}
#cmt-head{display:block;clear:both;border-bottom:1px solid rgba(255,255,255,0.10);padding-bottom:15px;padding-top:20px;}
#cmt-head .cmt-title{font-size:20px;font-weight:700;color:var(--nl-text);}

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

/* ==========================================================
   폼 테이블 - 구조 유지 (width/float/padding 유지)
========================================================== */
#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: 7px 13px;
    border: 1px solid rgba(255,255,255,0.10);
    border-left: 0;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
      rgba(0,0,0,0.18);
    text-align: left;
    color: var(--nl-text1);
}

.tbl_frm01 td {
    padding: 7px 10px;
    border-top: 1px solid rgba(255,255,255,0.08);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: transparent;
    color: var(--nl-text1);
}

.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(0,0,0,0.18);
    color: var(--nl-text);
    vertical-align: middle;
    border-radius: 3px; /* 원본 유지(깨짐 방지) */
    padding: 5px;       /* 원본 유지 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.wr_content textarea:focus, .tbl_frm01 textarea:focus, .form_01 textarea:focus, .frm_input:focus{
  outline:none;
  border-color: rgba(255,43,85,0.45);
}

.tbl_frm01 textarea { padding: 2px 2px 3px }

.frm_input { height: 40px; }

.full_input { width: 100% }

.half_input { width: 49.5% }

.tbl_frm01 textarea, .write_div textarea {
    width: 100%;
    height: 100px
}

.tbl_frm01 a { text-decoration: none }

.tbl_frm01 .frm_file { display: block; margin-bottom: 5px; color: var(--nl-text1); }

.tbl_frm01 .frm_info {
    display: block;
    padding: 0 0 5px;
    line-height: 1.4em;
    color: var(--nl-text2);
}
/*글쓰기*/
#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: #0b0b10
}

#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;
}
a.btn_frmline, button.btn_frmline {
    display: inline-block;
    padding: 0 5px;
    height: 40px;
    border: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
    background-color: rgba(0,0,0,0.28);
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    vertical-align: top
}

/* 우편번호검색버튼 등 */
a.btn_frmline {}

button.btn_frmline {
    font-size: 1em
}

.btn.small {
    height: 22px;
    line-height: 20px;
    font-size: 13px;
    padding: 0 10px;
}

/* 게시판용 버튼 */
a.btn_b01, .btn_b01 {
    display: inline-block;
    background: rgba(255,255,255,0.03);
    color: var(--nl-text1);
    border-color: rgba(255,255,255,0.14);
}

.btn_b01:hover, .btn_b01:hover {
    background: rgba(255,255,255,0.05)
}

a.btn_b02, .btn_b02 {
    background: linear-gradient(90deg, rgba(255,43,85,0.95), rgba(255,176,0,0.70));
    color: #fff;
}

a.btn_b02:hover, .btn_b02:hover {
    background: linear-gradient(90deg, rgba(255,43,85,1.0), rgba(255,176,0,0.82))
}

a.btn_b03, .btn_b03 {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.14);
    color: var(--nl-text1);
}

a.btn_b03:hover, .btn_b03:hover {
    background: rgba(255,255,255,0.06)
}

a.btn_b04, .btn_b04 {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.12);
    color: var(--nl-text2);
}

a.btn_b04:hover, .btn_b04:hover {
    color: var(--nl-text1);
    background: rgba(255,255,255,0.05)
}

a.btn_admin, .btn_admin {
    background: rgba(255,43,85,0.88);
    border-color: rgba(255,43,85,0.45);
    color: #fff;
}
#bo_w .bo_w_link label {
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 3px 0 0 3px;
    height: 38px;
    line-height: 38px;
    width: 40px;
    background: rgba(255,255,255,0.06);
    text-align: center;
    color: rgba(255,255,255,0.65)
}

#bo_w .bo_w_link .frm_input {
    padding-left: 50px
}

#bo_w .bo_w_flie .lb_icon {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 3px 0 0 3px;
    height: 38px;
    line-height: 38px;
    width: 40px;
    background: rgba(255,255,255,0.06);
    text-align: center;
    color: rgba(255,255,255,0.65)
}

#bo_w .bo_w_flie .frm_file {
    padding-left: 50px;
}

#bo_w .bo_w_flie .file_wr {
    border: 1px solid rgba(255,255,255,0.14);
    background: #14161c;
    color: var(--nl-text);
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    height: 40px;
    margin: 0
}

#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: 0.92em;
    color: rgba(255,255,255,0.55)
}

#bo_w a.btn_cancel {
    padding-top: 0;
    padding-bottom: 0
}

#bo_w .bo_w_select select {
    border: 1px solid rgba(255,43,85,0.45);
    height: 40px;
    border-radius: 3px;
    background: rgba(0,0,0,0.18);
    color: var(--nl-text);
}


/* 최근글 */
.latest-basic a + .date{float:right;color:rgba(255,255,255,0.55)}


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