/* icon load */
@import url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css);

/* initialization */
.bd *,.bd *:after,.bd *:before{padding:0; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust: none}.bd table {width:100%; border-collapse:collapse; line-height:1.4}.bd p,.bd h1,.bd h2,.bd h3,.bd h4,.bd h5,.bd h6,.bd ul,.bd ol,.bd li,.bd dl,.bd dt,.bd dd,.bd table,.bd th,.bd td,.bd form,.bd fieldset,.bd legend,.bd input,.bd textarea,.bd button,.bd select {margin:0; padding:0; -webkit-text-size-adjust:none}.bd input,.bd textarea,.bd select,.bd button, .bd table {background:transparent; font-size: 12px; border-collapse:collapse; -webkit-font-smoothing: antialiased}.bd a:focus, .bd input:focus, .bd select:focus, .bd button:focus, .bd textarea:focus {outline:none !important}.bd img, .bd fieldset,.bd button {border:none; outline:0}.bd ul,.bd ol {list-style: none; list-style-position: inside}.bd small {color:#ddd}.bd em,.bd address {font-style: normal}.bd a {text-decoration: none; color:#555}

/* class */
.bd .cf:after,.bd .clear{clear:both}.bd .cf:after,.bd .cf:before{content:"";display:table}.bd .clear{display:block;position:relative}.bd .clear:after{content:"";display:block;clear:both}.bd .blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}.bd .fw_b{font-weight:700}.bd .fw_l{font-weight:400}.bd .or_txt{display:inline-block;overflow:hidden;word-break:break-all;text-overflow:ellipsis;white-space:nowrap}.bd .bdr_r{border-radius:3px}.bd .bdr_50{border-radius:50%}.bd .bdr_n{border:none}.bd .h_100{height:100%}.bd .w_100{width:100%}.bd .p_m_0{padding:0;margin:0}.bd .bxsd{-webkit-box-shadow:1px 3px 4px rgba(100,100,100,.1);-moz-box-shadow:1px 3px 4px rgba(100,100,100,.1);-o-box-shadow:1px 3px 4px rgba(100,100,100,.1);-ms-box-shadow:1px 3px 4px rgba(100,100,100,.1);box-shadow:1px 3px 4px rgba(100,100,100,.1)}.bd .trs{-webkit-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.bd .mrg_b{margin-bottom:4px!important}.bd .mrg_t{margin-top:4px!important}.bd .mrg_r{margin-right:4px!important}.bd .mrg_l{margin-left:4px!important}.bd .mrg_2b{margin-bottom:8px!important}.bd .mrg_2t{margin-top:8px!important}.bd .mrg_2r{margin-right:8px!important}.bd .mrg_2l{margin-left:8px!important}.bd .mrg_at{margin-left:auto;margin-right:auto}.bd .fl{float:left}.bd .fr{float:right}.bd .cs_p{cursor:pointer}.bd .t_c{text-align:center}.bd .t_r{text-align:right}.bd .p_fx{position:fixed}.bd .p_rt{position:relative}.bd .p_as{position:absolute}.bd .h_line{height:1px;width:100%;background:#f1f1f1}@media only screen and (max-width:479px){.bd .cs_p{cursor:default}}

/* checkbox */
.bd input[type="checkbox"], .bd input[type="radio"] {display:none; visibility:hidden}.bd input[type="checkbox"] + label, .bd input[type="radio"] + label {cursor:default; font-size:12px; font-weight:700; color:#999; transition:border-color 0.3s ease-in-out, background-color 0.3s ease-in-out}.bd input[type="checkbox"] + label:before, .bd input[type="radio"] + label:before {display:inline-block; content:""; margin:-2px 4px 0; vertical-align:middle; width:14px; height:14px; background-color:rgba(0,0,0,0.1); border:none}.bd input[type="checkbox"]:checked + label:before, .bd input[type="radio"]:checked + label:before {background-color:#02b875; background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size:10px auto; -moz-background-size:10px auto; -o-background-size:10px auto; background-size:10px auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDIwIDE1Ij4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy4xNDMsMTQuOTM4IDAsNy43OTYgMi4wMjEsNS43NzYgNy4xNDMsMTAuODk4IDE3Ljk3OSwwLjA2MiAyMCwyLjA4MiAiLz4NCjwvc3ZnPg0K)}

.bd label.locked {display:none}
.bd label.unlocked > i {color:#999 !important}
.bd label.locked > i {color:#02b875 !important}
.bd label[class$=locked]:before, .bd label[class$=locked]:after {content:""; display:none !important}

div.divider {height:2px; width:2px; background:#d5d5d5; margin:0 1px 3px; display:inline-block}
.extraimages {vertical-align:-1px}

/* button */
.bs_btn {display:inline-block; text-align:center}
.bs_btn:focus {outline:none} .bs_btn:active {transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95); -webkit-transform: scale(0.95);}
.bs_btn > i {color:#999; font-size:16px; vertical-align:-3px}


.bd {
  font-family:sans-serif !important;
  padding:0;
  max-width:2000px;
  margin:0 auto;
  font-weight:normal;
  overflow-x:hidden;
  font-size: 12px;
  letter-spacing:-0.03em;
  background:transparent;
  line-height:1.5
}

/* 비회원 정보 입력 폼 */
.nonmember > input {position: relative; background:#fafafa; border:none; border-top:1px solid #f1f1f1; padding:0 16px; display:inline-block; height:44px; line-height:44px; width:50%; font-size:12px}
.nonmember > input:first-of-type {border-right:1px solid #f1f1f1}

/* 등록된 글이나 검색 결과가 없을 때 출력 */
.no_doc {width:100%; height:120px; line-height:120px; text-align:center; color:#999; font-size:16px; font-weight:bold}
.no_doc > i {vertical-align:-6px; margin-right:4px; font-size:22px}

/* 섬네일 이미지 없을 때 */
.no_img {display:block; overflow:hidden; position:relative; margin:0 auto; background:#f1f1f1; font-size:13px; font-weight:bold; color:#aaa; text-align:center; white-space:nowrap}

/* SECRET FORM */
.bd #secretForm {padding:8px 0}
#secretForm input, #secretForm button {float:left; border:1px solid #f1f1f1; height:32px; padding:0 12px}
#secretForm > input[type=password] {border-right:0}
#secretForm > button > i {font-size:20px; color:#02b875}

/* 권한 없는 페이지 */
.bd ._authority {padding:22vh 0; text-align:center}
._authority h2 {font-size:18px; color:#666; letter-spacing:-2px; margin-bottom:15px}
._authority > input.password,
._authority > a,
._authority > input[type=submit],
._authority button {font-size: 13px; color:#999; border:1px solid #999; padding:8px 12px}
._authority > a:hover,
._authority > input[type=submit]:hover,
._authority button:hover {border-color:#444; background:#444; color:#fff}


/* write_form.html */
.bd .bd_wrt {width:100%; padding:0}
.bd_wrt .wrt_wrap {border:1px solid #e5e5e5; background:#fff}
.wrt_hd {}
.wrt_hd > select, .wrt_hd > input {border:none; border-bottom:1px solid #f1f1f1; background:#fff; padding:0 12px}
.wrt_hd > select {width:100px; height:48px; border-right:1px solid #f1f1f1; line-height:48px; color:#999}
.wrt_hd > input {width:100%; height:48px; line-height:48px}

  .wrt_bd .cke_chrome {box-shadow:inherit; border:none}
  .wrt_bd .cke_1 .cke_top {border-bottom:0; padding:12px; background-image:inherit !important; background:#fafafa}
  .wrt_bd .cke_1 .cke_bottom {background:inherit; box-shadow:inherit; border-top:0}
  .wrt_bd .cke_1 .cke_contents {padding:12px; min-height:240px !important}
  .wrt_bd .xefu-container {border:none; margin:0; border-radius:0}
  .wrt_bd .xefu-dropzone {border:none; background:#fafafa}
  .wrt_bd .xefu-list-images {border-bottom:0; overflow-y:auto}
  .wrt_bd p.xefu-dropzone-message {display:none !important}
  .wrt_bd p.upload_info {margin:0 0 0 8px !important; display:inline-block !important}
  .xefu-list-images input {display:block !important; visibility:visible !important}

.wrt_ft {border-top:1px solid #f1f1f1}
  .wrt_ft input, .wrt_ft button {border:none; height:48px; padding:0 12px; line-height:48px; color:#a5a5a5; font-size:12px}
  .wrt_ft button:hover, .wrt_ft > div > input:hover {color:#444}
  .wrt_ft > input {width:120px; padding:0; border-left:1px solid #f1f1f1; color:#02b875; font-weight:bold}
  .wrt_ft label[class*=locked] {padding:0 16px; height:44px}
  .wrt_ft label[class*=locked] > i {font-size:28px; margin-top:9px; color:#777}
  div#doctArea {width:100%; min-height:200px; margin:8px 0; border:1px solid #e5e5e5; padding:16px}
  div#doctArea:focus {outline:none}

  .opt_a .jPicker .Icon span.Image {background-image:inherit !important}
  .opt_a .jPicker .Icon span.Alpha {background-image:inherit !important; background-color:rgba(0,0,0,0.1)}
  .opt_a .jPicker {vertical-align:-1px}
  .opt_a span.col_pck .Icon {height:14px; width:14px}
  .opt_a span.col_pck {line-height:14px}
  .opt_a, .opt_b {height:48px; line-height:48px}
  .opt_a label {margin-right:8px}
  .opt_a > .col_pck > input {display:none}
  .opt_a > .col_pck > label {font-size:12px; font-weight:bold; color:#999}
  .opt_b > label {display:inline-block; height:48px; padding:0 16px}
  .opt_b > label > i {margin-top:8px; font-size:28px; color:#777}


/* 에디터 확장변수 입력란 */
#wrtForm .wrt_vars {table-layout:fixed; text-align:left; font-size:12px; color:#888; border-bottom:1px solid #f1f1f1}
.wrt_vars tr {border-bottom:1px solid #f1f1f1}
.wrt_vars tr:last-child {border-bottom:0}
.wrt_vars th, .wrt_vars td {padding:8px 12px}
.wrt_vars th {width:20%}
.wrt_vars td {width:80%}
.wrt_vars input, .wrt_vars textarea, .wrt_vars select {max-width:300px; width:100%; border:none !important; background:#f7f7f7; padding:0 12px !important; margin:4px 0 !important}
.wrt_vars input, .wrt_vars select {height:32px !important; line-height:32px !important}
.wrt_vars textarea {padding-top:12px !important; padding-bottom:12px !important}
.wrt_vars label {display:block; margin:4px 0}
.wrt_vars p {color:#aaa; font-size:11px}
.wrt_vars p:before {content:'-'; margin-right:4px}


/* mobile */
@media screen and (max-width: 479px) {

  .bd {padding:0}
  .dt_hide {display:block}
  .dropdown-content li {cursor: default}
  .m_no {display:none !important}
  #cke_58 {display:none !important}

  /* 비회원 글쓰기 */
  .nonmember > input {width:100%}
  .nonmember > input:first-of-type {border-right:0}

}