@import url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css);
/* 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}
.bd small {color:#ddd}
.bd em,.bd address {font-style: normal}
.bd a {text-decoration: none; color:#555}
/* 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)}
label[class$=locked]:before, label[class$=locked]:after {content:""; display:none !important}
/* css class */
.bd .cf:before, .bd .cf:after {content: ""; display: table}
.bd .cf:after {clear: both}
.bd .clear {display:block; position:relative; clear:both;*zoom:1}
.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 .bxs {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box}
.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:0px !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 .d_n {display:none !important} .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 .flex {display:flex; display:-webkit-flex}
.bd .h_line {height:1px; width:100%; background:#f1f1f1}
@media only screen and (min-width: 1024px) {.bd .dt_hide {display:none}} @media only screen and (max-width: 479px) {.bd .cs_p {cursor:default}}
div.divider {height:2px; width:2px; background:#d5d5d5; margin:0 1px 3px; display:inline-block}
.mrk {display:inline-block; width:14px; height:14px; vertical-align:middle; background: url(../img/sex.gif) no-repeat 0 0;}
.mrk.new {background-position:0 0}
.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 0;
max-width:900px;
margin:0 auto;
font-weight:normal;
overflow-x:hidden;
font-size: 12px;
letter-spacing:-0.03em;
line-height:1.5
}
/* list.html */
/* board title */
.bd_lst_wrp {background:transparent}
.brd_title {padding:0; display:block}
/* Title */
.bd_tl {padding:24px 16px; background:rgba(0,0,0,0.02)}
.bd_tl a {font-size:16px; color:#575757}
.bd_tl h5 {font-size:11px; color:#b3b3b3}
/* Category & Sort & Tag & Search */
.func_top {padding:0 0 12px}
.func_wrap {padding:0}
.func_wrap > span, .func_wrap > a {
box-sizing:border-box;
font-size:11px;
display:inline-block;
padding:0 16px;
height:30px;
background:#fff;
border:1px solid #e5e5e5;
line-height:30px;
margin-left:4px;
color:#888
}
.func_top .ddform {margin-left:0; margin-right:4px}
.func_wrap span > i {font-size:10px; color:#999; vertical-align:0; margin-left:4px}
.func_wrap > span:hover, .func_wrap > a:hover {color:#02b875; border:1px solid #02b875}
.func_wrap span:hover > i {color:#02b875}
.func_wrap_m {padding:0}
.func_wrap_m > span, .func_wrap_m > a {font-size:11px; color:#888; background:#fff; border:none; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #f1f1f1; width:25%; height:44px; line-height:44px; margin-right:0 !important; margin-left:0}
.func_wrap_m i {font-size:20px; vertical-align:-3px; margin-right:4px}
.func_wrap_m b {margin-left:2px; color:#02b875; display:none}
.func_wrap_m b.on {display:inline}
#lstSearch {display:none; border:1px solid #e5e5e5; background:#fff; margin-top:12px}
#lstSearch input, #lstSearch select {height:44px; line-height:44px; padding:0 16px}
#mFilter {display:none; font-size:12px; background:#02b875}
#mFilter.on {display:block}
#mFilter > div {padding:12px 16px; border-top:1px solid rgba(255,255,255,0.2)}
#mFilter > div > span {color:#fff; line-height:2.4}
#mFilter > div > div.fr {width:calc(100% - 36px); width:-webkit-calc(100% - 36px); word-break: break-all}
#mFilter a {margin-right:12px; color:rgba(255,255,255,0.6); line-height:2.4}
#mFilter a.on {color:#02b875; padding:2px 8px; background:#fff; border-radius:16px}
#mFilter a > span {font-size:10px}
/* ë©”ì¸ ë¦¬ìŠ¤íŠ¸ë¥¼ ê°ì‹¼ë‹¤ */
.lst_wrap {padding: 0}
/* 리스트 푸터 메뉴 */
.ft_lst_menu {padding-top:24px; font-size:12px}
.ft_lst_menu .lst_search {background:#fff; padding:5px 4px; border:1px solid #e5e5e5}
.ft_lst_menu .lst_search .ip_opt {height:32px; line-height:32px; padding:0 12px; border:none}
.ft_lst_menu .lst_search select.ip_opt {border-right:1px solid #f1f1f1}
/* pagination */
.bd .bd_pg {max-width:80%; margin:0 auto}
.bd_pg > fieldset > a, .bd_pg > fieldset > span, .bd_pg > fieldset > strong {min-width:36px; padding:0 4px; height:36px; line-height:36px; color:#999; text-decoration:none !important; display:inline-block; font-weight:bold; font-size:11px}
.bd_pg .this, .bd_pg fieldset a:hover {background:#eaeaea; color:#282828; border-radius:32px}
.bd_pg a > i, .bd_pg strong > i {vertical-align:-1px; font-size:13px}
.bd_pg strong > i {color:#bbb}
/* read.html */
.rd {padding:0 0 24px}
.rd_wrapp {padding:0; background:#fff; border:0px solid #e5e5e5}
/* read header */
.rd_hd {padding:0}
.rd_hd small{color:#ccc}
.rd_hd .board {padding:0}
.board .top_area{padding:0}
.board h2 {padding:24px 16px; line-height:1}
.board h2 > span {display:block; margin-bottom:4px; color: #02b875; font-weight: bold; font-size: 12px}
.board h2 > span > i {font-size:13px; vertical-align:-1px}
.board h2 > a {color:#444; font-weight:500; font-size:18px; line-height:1.5}
.board .btm_area a {margin-bottom:3px; line-height:1.4; font-weight:500; letter-spacing:0.2px; color:#555}
.board .btm_area {padding:12px 16px; background:#fcfcfc}
.board .btm_area > span {padding:0; font-size:12px; color:#b5b5b5}
.btm_area span > b {color:#666}
.board .btm_area > span > i {color:#cacaca; vertical-align:-2px; margin-right:2px}
/* Extra Var */
.bd .et_vars {font-size:12px; width:100%}
.et_vars tr {border-bottom:12px solid #fff}
.et_vars tr:last-child { border-bottom: 0px;
width: 100%;
float: left;
margin: 0;
padding: 0;
border: 1px solid #aaa;}
.et_vars th,.et_vars td {text-align:right; word-break:break-all; word-wrap:break-word}
.et_vars th {white-space: nowrap;
color: #555;
padding: 10px;
float: left;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
margin-right: 10px;}
.et_vars td {width:100%; padding:0; color:#999}
.et_vars tr.rd_file a{ color: #333;
font-size: 13px;
float: right;
width: 100%;
text-align: left;
padding: 8px 0px;
line-height: 18px;
vertical-align: middle;
}
.et_vars tr.rd_file a:last-of-type span.comma {display:none}
/* read body */
.rd_body{padding:16px}
.rd_body .xe_content {font-size:13px; word-wrap:break-word; margin-bottom: 10px;}
.rd_body .xe_content > p {font-size:13px;min-height: 13px;}
.rd_gallery img{margin:5px}
/* File, Etc */
.rd_file {margin:16px 0}
.rd_file td{width:100%}
.rd_file li{float:left; margin-right:8px}
.rd_file li:last-child {margin-right:0}
.fnt_count{font-size:12px}
.rd_file a{color:#999; font-size:12px}
/* Tag */
.rd_tag {margin-top:8px; height:auto}
.rd_tag ul{float:left}
.rd_tag li{display:inline-block; margin:8px 8px 0 0}
.rd_tag li > a {font-size:13px; color:#2e4287; font-weight:bold}
.rd_tag li > a > span {font-size:14px; vertical-align:-0.5px; margin-right:2px}
.rd li:last-child .comma{display:none}
/* Function (Vote & Share & Nav) */
.rd_vote {width:100%; padding:0 16px 16px}
.rd_vote .s-line {height:1px; background:#f1f1f1; margin-bottom:16px}
.rd_vote > a.favorite > i {color:#f4446d}
.rd_vote > a.favorite.update > i {color:#f4446d}
.rd_vote > a.blamed.update > i {color:#494949}
.rd_vote > a {font-size:14px; margin-right:12px}
.rd_vote > a.blamed > span {margin-left:2px}
.rd_vote > a > span {margin-left:-2px; font-size:15px}
.rd_vote > a > i {font-size:24px; margin-right:2px; vertical-align:-4px}
.rd_vote .bs_btn > i {color:#d5d5d5}
.rd_vote .rd_more {margin-top:-2px; margin-left:8px}
.rd_vote .rd_more > i {font-size:28px; color:#999; padding:0 4px; margin-right:-2px; vertical-align:initial}
.rd_vote .rd_share {padding:0 4px}
#rd_share img {width:24px; height:24px; float:left; margin:8px 0 0 8px; border-radius:50%}
.dropdown-content.to_sns li > a {padding:0 4px 0 0}
.dropdown-content.to_sns li > a > span {box-sizing:border-box; padding:0 8px; font-size:12px}
.rd_sign {background:#fff; border:1px solid #e5e5e5; margin:12px 0; padding:24px 16px}
.rd_sign > p {margin-bottom:16px; font-weight:bold; font-size:13px; color:#555; line-height:1}
.rd_sign > img, .rd_sign > span {border-radius:50%; width:60px; height:60px; line-height:60px; margin-right:12px}
.rd_sign > div {width:calc(100% - 72px); width:-webkit-calc(100% - 72px); background:#fafafa; padding:12px}
/* ì´ì „글 다ìŒê¸€ */
.r_p_n {margin-top:12px; padding:0}
.r_p_n > a {display:inline-block; background:#fff; border:1px solid #e5e5e5; height:44px; line-height:44px; padding:0 16px; font-size:12px; cursor:pointer; color:#666}
.r_p_n > a > i {font-size:16px; color:#aaa; vertical-align:-1px}
.r_p_n > a {margin-left:4px}
.r_p_n .disabled, .r_p_n .disabled > i {color:#ddd}
/* feedBack */
.fdbArea {margin-top:12px; padding:0; background:transparent}
.fdb_tag {width:100%; height:44px; line-height:44px; background:#fafafa; border:1px solid #e5e5e5; padding:0 16px; font-size:13px}
.fdb_tag span {color:#777; line-height:1}
.fdb_tag b {margin-left:4px; color:#02b875}
.cm_pg > a, .cm_pg > strong {width:16px; height:16px; line-height:16px; text-align:right; font-size:11px; color:#ccc; float:left; margin-left:8px; margin-top:14px}
.cm_pg > strong {color:#02b875}
.m-cmt-notification {height:40px; line-height:40px; padding:0 16px; background:#02b875; color:#fff}
.m-cmt-notification.off {display:none}
.m-cmt-notification > i {font-size:19px; vertical-align:-3px; color:#fff}
.m-cmt-notification > i.ion-close {font-size:16px; color:rgba(255,255,255,0.6); right:0; margin-top:1px; padding:0 16px}
/*cmt_editor */
.cmt_editor {background:#fff; padding:0; margin:12px 0}
.simple_wrt {position:relative; margin:0; border:1px solid #e5e5e5}
.simple_wrt .text {width:100%}
.simple_wrt .text > .tArea {display:block; width:100%; border:none; min-height:80px; font-size:14px; padding:16px; border-bottom:1px solid #f1f1f1}
.simple_wrt .text > .tArea:focus, .simple_wrt .text > .tArea:hover {outline:0}
.simple_wrt > .text_ft {width:100%; height:44px; line-height:44px}
.text_ft > label {display:inline-block; padding:0 12px}
.text_ft > a {margin-left:12px}
.text_ft label[class*=locked] {float:left; height:44px}
.text_ft label[class*=locked] > i {font-size:28px; color:#777}
.simple_wrt .bs_btn {width:80px; height:44px; color:#02b875; margin:0; padding:0; font-size:12px; border:none; border-left:1px solid #f1f1f1}
.edit_opt > 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}
.edit_opt > input:first-of-type {border-right:1px solid #f1f1f1}
/* cmt_position */
#cmtPosition {padding:0; background:#fff; border:1px solid #e5e5e5; border-top:none}
/* comment area */
#cmtPosition .cmt_lst {padding:12px 16px; border-bottom:1px solid #f1f1f1; -webkit-user-select: initial !important}
#cmtPosition .cmt_lst:last-child {border-bottom:none}
#cmtPosition .cmt_lst > i {position:absolute; top:19px; left:-20px; font-size:18px; color:#c5c5c5}
#cArea .cmt_lst.re .ico_re {width:9px; margin-top:12px; margin-left:-16px}
#cmtPosition .cmt_lst div.prof_img {width:40px; margin-right:12px}
.prof_img > span, .prof_img > img {width:40px; height:40px; line-height:40px; border-radius:50%}
/* _comment.html */
.cmt_lst .cmt_area {width:calc(100% - 52px); width:-webkit-calc(100% - 52px)}
.cmt_lst .cmt_area div.meta {width:100%; padding:0}
div.meta > div.fl {padding:0}
div.meta .secret > i {font-size:18px; vertical-align:top; color:#999; margin-left:8px}
div.meta > div.fl a {font-size:13px; color:#4b4b4b; font-weight:bold}
div.meta > div > span {font-size:13px; color:#666}
div.meta > div > span.date {color:#bbb}
.bd .cm_vote {margin-top:-6px}
.cm_vote > button, .cm_vote > a {font-size: 12px; margin-left: 6px; color:#aaa}
.cm_vote > a.favorite {color:#ff5e59}
.cm_vote > button > i {font-size:23px; vertical-align:-4px; margin-left:4px; color:#999}
#cmtPosition .cmt_lst .cmt_area .xe_content {width:100%; font-size:13px; padding:8px 0 0}
.cmt_area .cmt_files {padding:8px 12px; background:#f7f7f7; display:none; margin:8px 0 0}
.cmt_files li {line-height:1; margin-bottom:4px}
.cmt_files li:after {content:""; display:inline-block; width:3px; height:3px; vertical-align:2px; background:#bbb}
.cmt_files li:last-child:after {content:""; display:none}
.cmt_files a {font-size:12px; color:#999; font-weight:bold}
.cmt_files a:hover {color:#2a4179}
.cmt_set {width:100%; padding:8px 0}
.cmt_set > a, .cmt_set > button {color:#aaa; font-weight:bold; height:24px; line-height:26px; font-size:12px}
.cmt_set > a.fl {margin-right:8px}
.cmt_set > a:hover, .cmt_set > button:hover {color:#0a046e}
/* 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}
label.locked {display:none}
label.locked > i {color:#02b875 !important}
/* ì—디터 확장변수 ìž…ë ¥ëž€ */
#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}
/* Recomment */
#re_cmt{display:none}
#re_cmt .close {padding:12px 4px 0}
#re_cmt .close > i {font-size:30px}
/* 등ë¡ëœ 글ì´ë‚˜ 검색 결과가 ì—†ì„ ë•Œ ì¶œë ¥ */
.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}
/* _list_a.html */
table.bd_lst_tb {margin:0; width:100%; font-size:12px}
.bd_lst_tb thead a, .bd_lst_tb thead span {color:#72747c; font-size:11px}
.bd_lst_tb tr {height:44px; border-bottom:1px solid #f1f1f1; background:#fff}
.bd_lst_tb tr.notice {background:#f7f7ff}
.bd_lst_tb thead th {border-top:1px solid #e5e5e5; padding:0 0px; border-bottom:1px solid #e5e5e5; background:#fafaff; text-align:center}
.bd_lst_tb tbody tr.select i {color:#2c3d7e; font-size:16px}
.bd_lst_tb th.title {padding:0 0px}
.bd_lst_tb th:not(.title) {text-align:center; width:0px}
.bd_lst_tb tbody td {text-align:left; padding:0 0px}
.bd_lst_tb tbody td:not(.title) {text-align:center}
.bd_lst_tb tbody td.title > a > i {font-size:16px; vertical-align:-4px}
.bd_lst_tb td.title > span.cate {margin-right:6px; font-size:11px; vertical-align:0.5px; padding:2px 4px 3px; font-weight:bold; color:#888}
.bd_lst_tb a.tt_cm {font-weight:bold; margin-left:4px}
.bd_lst_tb td.title label {margin-left:4px}
/* _list_b.html */
.bd_lst {list-style:none; padding:0; border:1px solid #e5e5e5}
.bd_lst .lst_nm {width:100%; font-size:14px; padding:12px 16px; border-bottom:1px solid #f1f1f1; background:#fff}
.lst_nm:last-of-type {border-bottom:0}
.lst_nm.ntc {background:#fafafa}
.lst_nm .lst_wrap, .lst_nm .lst_reply_wrap {display:table; table-layout: fixed}
.lst_wrap > .lst_r, .lst_reply_wrap > .reply {display:table-cell; vertical-align:middle; height:48px; line-height:1.4}
.lst_nm .lst_tmb {width:48px; height:48px; margin-right:16px}
.lst_tmb > span {width:100%; height:100%; line-height:48px}
.lst_tmb i {font-size:20px; color:#ccc}
.lst_tmb > img {width:100%; height:100%}
.lst_nm .lst_wrap {width:calc(100% - 108px); width:-webkit-calc(100% - 108px)}
.lst_r .tt > a {vertical-align:top}
.lst_r .tt > svg {vertical-align:-2px}
.lst_r .tt > a.title {font-weight:500; color:#282828; word-break:break-all; line-height:1.4; font-size:14px}
.lst_r .tt > a.title > i {vertical-align:top; font-size:17px; margin-left:6px; color:#777} /* secret, notice icon */
.lst_r .tt > span.ntc {font-size:12px; font-weight:bold; color:#02b875; vertical-align:1px; margin-right:4px}
.lst_r .category {margin-right:4px; color:#888; vertical-align:1px; font-size:12px}
.lst_r .meta {font-size:12px}
.lst_r .meta > span {color:#b3b3b3}
.lst_r .meta > a {color:#666; font-weight:500}
.lst_nm .lst_reply_wrap {width:28px}
.lst_reply_wrap .reply > a {display:block; border-radius: 50%; color: #888; font-size: 11px; height: 28px; line-height: 27px; width: 28px; background: #f1f1f1; z-index: 11}
.lst_nm.select .hx {background:rgba(0,0,0,.02)}
.lst_nm .hx {display:inline-block; width:100%; height:100%; top:0; position:absolute; left:0; z-index:10}
.lst_nm .hx:hover {background:rgba(0,0,0,.01)}
.lst_nm .checkb {z-index:99; top:0; left:0}
/* _list_card.html */
.card_wrap {margin:0; width:100%}
.bd_card {overflow:hidden; margin:0 auto; padding:0}
.bd_card > div.card_el {float:left; padding:0; border:1px solid #e5e5e5; margin:0 0 16px; background:#FFF}
.bd_card .checkb {position:absolute; z-index:9999; top:0; left:0}
.bd_card .card_el .checkb:before {content:""; background-color:rgba(255,255,255,0.7)}
.bd_card > div.card_el > a.hx {width:100%; height:100%; position:absolute; top:0; left:0; z-index:10}
.bd_card .card_content {padding:0}
.bd_card .tmb_wrp {width:100%}
.bd_card .tmb_wrp > span {height:120px; line-height:120px}
.bd_card .tmb_wrp > img {width:100%; height:100%; display:block}
.bd_card p {background: #fff;
text-align: center;
padding: 10px 10px 10px 10px;
border: 1px solid #848484;
border-radius: 2px;
box-shadow: 0px 1px 0px #fff;}
.bd_card p > span {font-size:12px; color:#aaa; margin-right:8px}
.bd_card p > span.cate {color:#7db3fd}
.bd_card h3 {padding:0 12px; line-height:1}
.bd_card h3 > a {font-size:14px; color:#555; line-height:1.4; letter-spacing:-1px; word-break: break-all}
.bd_card .cnt {padding:4px 12px 8px; color:#888; line-height:1.4; font-size:12px}
.bd_card .info{padding:8px 12px; font-size:13px}
.bd_card .info > img, .bd_card .info > span {display:inline-block; vertical-align:middle; height:32px; line-height:32px}
.bd_card .info > img {width:32px; height:32px; border-radius:50%; margin-right: 2px}
.bd_card .info > span.no_img {width:32px; height:32px; line-height:32px; border-radius:50%}
.bd_card .info > span {color:#aaa}
.bd_card .info > span > i {margin-left:8px; margin-right:3px; color:#ddd; font-size:17px; vertical-align:-2px}
.card_b div.card_el {border:none}
.rt_area .favorite {z-index:99; bottom:0; right:0; padding:0 12px}
.rt_area .favorite > i {color:#fff; font-size:24px}
.card_b .tmb_wrp > span {height:200px; line-height:200px}
.c_title > p > a { color: #555;
font-size: 12px;}
.card_ct_b p > span.cate {color:#cdebff; font-size:12px}
.card_ct_b {position:absolute; bottom:0; left:0; z-index:2; width:100%; height:100%;}
.card_el:hover .card_ct_b {opacity:1; background:rgba(0,0,0,0.6)}
.card_ct_b .info > img {width:24px; height:24px}
.card_ct_b .info > span.no_img {width:24px; height:24px; line-height:24px; background:#eee; border-radius:50%}
.card_ct_b .info {bottom:0; background:transparent; padding:4px 12px}
.card_ct_b .info > span, .card_ct_b a {color:#fff}
.gutter-sizer {width:2%}
.card_el .favorite > span {display:none}
@media screen and (max-width: 479px) {.gutter-sizer {width:0} .bd_card > div.card_el {width:100%}}
@media (max-width: 1023px) and (min-width: 480px) {.bd_card > div.card_el {width:49%}}
@media (max-width: 1366px) and (min-width: 1024px) {.bd_card > div.card_el {width:32%}}
@media screen and (min-width: 1367px) {.bd_card > div.card_el {width:23.5%}}
/* Timeline */
.bd_time {width:100%; margin:0 auto; font-size:14px}
/* 글 작성부분 */
.bd_time #tWrite {background:#fff; margin-bottom:24px; border:1px solid #e5e5e5}
#tWrite #t_tArea {height:160px; max-height:160px; padding:16px; overflow-y:auto}
#tWrite #t_tArea:focus {outline:none}
#t_tArea[contentEditable]:empty:not(:focus):before {content:attr(data-placedc); color:#ddd; font-size:24px}
.t_write .tags {border-top:1px solid #f1f1f1; height:auto; min-height:44px; padding:6px 12px; width: 100%}
.tags .lang_tag {color:#999; font-size:12px}
.tags li.tagAdd, .tags #tags-field {height:32px; line-height:32px; padding-left:4px; border:none; font-size:13px; background:transparent}
.tags li.addedTag {margin:4px; padding:0 4px; height:24px; display: block; background:#eee}
.addedTag > span {vertical-align:7px; font-size:13px; color:#686868; margin-right:3px}
.tags .tagRemove {display:inline; cursor:pointer; height:16px; width:16px; margin:4px 0}
.t_write_opt {height:44px; border-top:1px solid #f1f1f1}
.t_write_opt > select {border:1px solid #f1f1f1; height:30px; line-height:30px; margin:7px 8px 0 0; max-width:100px; padding:0 8px; border-radius:15px}
.t_write_opt > .opt_b {margin-left:16px; width:32px; height:44px; line-height:44px}
.t_write_opt > .opt_b > label {padding:0}
.t_write_opt .t_file_upload {width:32px; height:44px; padding:0}
.t_file_upload > i {color:#888; font-size:28px}
.t_write_opt .sbm {height:30px; line-height:30px; margin:7px 16px 0 0; border-radius:15px; background:#02b875; color:#fff; font-size:12px; cursor:pointer; padding:0 24px; text-align:center}
.sbm:focus {outline:none; background:#e5e5e5}
/* 글 리스트 부분 */
.t_content {border:1px solid #e5e5e5; margin-bottom:24px; background:#fff}
.t_content_hd {border-bottom:1px solid #f1f1f1; padding:16px; line-height:30px;}
.t_content_hd > span.no_img {width:30px; height:30px; border-radius:50%; margin-right:8px}
.t_content_hd > img {float:left; width:30px; height:30px; margin-right:8px; border-radius:50%}
.t_content_hd > span {font-size:14px; color:#a5a5a5}
.t_content_hd > span.category:after {content:""; display:inline-block; width:2px; height:2px; margin-left:4px; vertical-align:2px; background:#ddd}
.t_content_hd > span.fr {margin-left:8px; font-size:12px; color:#a5a5a5}
.t_content_hd > a, .t_content_hd > b {color:#0d3c5f; font-weight:600; font-size:15px}
.t_content_bd {padding:16px}
.tArea[contentEditable]:empty:not(:focus):before {content:attr(data-placehd); color:#ccc}
.t_cmt_ct {font-size:13px; padding:10px 16px 8px; background:#fafafa; border-top:1px solid #f1f1f1}
.t_c_vote > i {vertical-align:-1px; margin-right:4px; font-size:15px; color:#ccc}
.t_cmt_ct > .cf {margin-bottom:4px}
.t_cmt_ct .fr {line-height:1; margin-top:-1px}
.t_cmt_ct .fr > a {margin-left:8px}
.t_cmt_ct .fl > a {color:#0d3c5f; font-weight:600}
.t_cmt_ct .fl > span {color:#a9a9a9; font-size:12px; margin-left:4px}
.t_cmt_ct .bs_btn {border:none}
.t_cForm {border-top:1px solid #f1f1f1}
.t_cForm > .tArea {width:calc(100% - 149px); width:-webkit-calc(100% - 149px); margin:0 89px 0 60px; max-height:48px; overflow:hidden; white-space:nowrap; height:48px; line-height:48px; padding:0 4px}
.t_cForm > .tArea:focus {outline:none}
.t_cForm > .bs_btn.favorite {left:0; right:auto}
.t_cForm > .favorite > i {color:#fb5d73 !important}
.t_cForm > .favorite > span {margin-left:2px; font-size:13px; vertical-align:3px; color:#999}
.t_cForm > .bs_btn {position:absolute; top:0; right:0; height:48px; line-height:48px; border:none; padding:0 16px; background:#fff}
.t_cForm > .bs_btn > i, .t_cForm > .bs_btn > i {vertical-align:0; font-size:20px; color:#ccc}
/* Thumb */
.no_img{display:block; overflow:hidden; position:relative; margin:0 auto; background:#f1f1f1; font-size:13px; font-weight:bold; color:#a5a5a5; 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}
/* Toggle */
.tg_cnt2{display:none}
.tg_blur2,.bd .blur{position:absolute;top:0;left:0;border:0;background:none;width:1px;height:1px;overflow:hidden}
.bd .tg_close2,#install_ng2 .tg_close2{position:absolute;top:0;right:0;border:0;background:transparent;font-size:20px; color:#999}
/* PjaxLoading */
.loader_s {display:none; width: 18px; height: 18px; border: 2px solid #f46363; top:2px; left:2px; background:#fff; border-bottom-width: 0; border-right-width: 0; border-radius: 100%; -webkit-animation: .5s spin linear infinite; animation: .5s spin linear infinite}
@-webkit-keyframes spin {from {-webkit-transform: rotate(0deg); transform: rotate(0deg)} to {-webkit-transform: rotate(360deg); transform: rotate(360deg)}}
@keyframes spin {from {-webkit-transform: rotate(0deg); transform: rotate(0deg)} to {-webkit-transform: rotate(360deg); transform: rotate(360deg)}}
.preload {position:fixed; background:transparent; top:0; left:0; z-index:9999; width:100%; height:100%}
.circular{animation: rotate 2s linear infinite; height:50px; width: 50px; position: fixed; top:calc((100% - 20px)/2); left: calc((100% - 50px)/2); top:-webkit-calc((100% - 20px)/2); left: -webkit-calc((100% - 50px)/2);}
.path {stroke-dasharray: 1,200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; stroke:#ff7777}
@keyframes rotate{100%{transform: rotate(360deg)}}
@keyframes dash{0%{stroke-dasharray: 1,200; stroke-dashoffset: 0} 50%{stroke-dasharray: 89,200; stroke-dashoffset: -35} 100%{stroke-dasharray: 89,200; stroke-dashoffset: -124}}
/* Dropdown */
.dropdown-content {border-radius:3px; border:1px solid #e5e5e5; background-color: rgba(255,255,255,0.98); display: none; min-width: 160px; max-height: 650px; overflow-y: auto; opacity: 0; position: absolute; z-index: 999; will-change: width, height}
.dropdown-content li {clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; min-height: 36px; width: 100%; text-align: left; text-transform: none}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected, .dropdown-content li.active.selected {background-color: #f7f7f7}
.dropdown-content li.divider {min-height: 0; height: 1px}
.dropdown-content li > a, .dropdown-content li > span, .dropdown-content li > label {font-size: 12px; font-weight:normal !important; color: #777; font-weight:bold; display: block; line-height: 36px; padding: 0 16px}
.dropdown-content li > label:before {display:none !important}
.etc_content {padding:24px 48px 48px; text-align:center; background:#fff}
.bd h2.etc_info {margin-bottom:16px; color:#777}
/* File Attach Editor */
#mUpload{display:none; margin-top:1px; border-top:1px solid #f1f1f1}
#mUpload ul{list-style:none; min-height:32px; margin:0; padding:2%}
#mUpload li{position:relative; float:left; width:8%; margin-right:2%; padding-top:8%; text-align:center}
#mUpload li > div {display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
#mUpload li > div > i {position:absolute; font-size:16px; top:2px; right:2px; color:#fff}
#mUpload a {display:block; position:absolute; bottom:1px; left:1px; line-height:12px; border-radius: 50%; background-color: rgba(0,0,0,0.3); width:16px; height:16px}
#mUpload a > i {font-size:12px; color:#fff}
#mUpload .insert_file {left:auto; right:1px}
#mUpload .type2:before{display: block; position: absolute; top: 0; width: 100%; height: 100%; font-weight: 700; font-size: 32px; background: #686868; color: #fff}
#mUpload .music:before{content:"♪"; font-size:36px}
#mUpload .media:before{content:"â–¶"}
#mUpload .etc:before{content:"?"}
#mUpload li small{position:absolute; left:0; margin-top:1px; font-size:11px; width: 100%; height: 20px; color: #aaa}
#mUpload #loading{display:none}
#mUpload .info{float:none; width:auto; height:auto; margin:0; padding:0}
#mUpload .is_img>span,#mUpload .info div{display:none}
#mUpload .is_img div{display:block;margin-top:4px}
#mUpload .is_img div *{vertical-align:middle}
#mUpload .is_img div .bd_btn{padding:4px 8px}
#mUpload .is_img div .bd_btn span:last-child,
#mUpload .is_img div .on span:nth-child(2){display:none}
#mUpload .is_img div .on span:last-child{display:inline}
#doctArea img {max-width:100%}
/* no_authority */
.bd .no_authority {padding:64px 0; text-align:center}
.no_authority > h3 {margin-bottom:24px; font-size:18px}
.no_authority > input.password {height:44px; line-height:44px; background:#eee; border:none; vertical-align: 2px; padding:0 8px}
.no_authority > a, .no_authority > button, .no_authority > input[type=submit] {font-size: 14px; border:1px solid #e5e5e5; background-color: #fff; height:44px; line-height:44px; padding:0 12px}
.xe_content > p.vid {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.xe_content > p.vid iframe,.xe_content > p.vid embed,.xe_content > p.vid object,.xe_content > p.vid embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cmt-overlay-background {display:table; table-layout:fixed; visibility: hidden; position:fixed; z-index:400888; left:0; top:0; height:100%; width:100%; opacity:0}
.cmt-overlay-background.on {opacity:1; visibility: visible}
.cmt-option {display:table-cell; vertical-align:middle; text-align:center; font-size:13px; background-color:rgba(0,0,0,0.65)}
.cmt-option > .container {-webkit-user-select: none; -webkit-user-drag: none; height:auto; background:#fff; margin:0 auto; width:70%}
.cmt-option > .container > a {display:inline-block; width:100%; height:44px; line-height:44px; border-bottom:1px solid #f1f1f1}
.cmt-option .quit {background:#f1f1f1; border-bottom:none !important}
.sp{width:24px;height:24px;margin:0 auto}.sp.sp-slices{border-radius:50%;border:12px solid rgba(2,184,117,.25);border-top:12px solid rgba(2,184,117,.75);-webkit-animation:spSlices 1s infinite linear;animation:spSlices 1s infinite linear}@-webkit-keyframes spSlices{0%,100%{border:12px solid rgba(2,184,117,.25);border-top:12px solid rgba(2,184,117,.75)}25%{border:12px solid rgba(2,184,117,.25);border-right:12px solid rgba(2,184,117,.75)}50%{border:12px solid rgba(2,184,117,.25);border-bottom:12px solid rgba(2,184,117,.75)}75%{border:12px solid rgba(2,184,117,.25);border-left:12px solid rgba(2,184,117,.75)}}@keyframes spSlices{0%,100%{border:12px solid rgba(2,184,117,.25);border-top:12px solid rgba(2,184,117,.75)}25%{border:12px solid rgba(2,184,117,.25);border-right:12px solid rgba(2,184,117,.75)}50%{border:12px solid rgba(2,184,117,.25);border-bottom:12px solid rgba(2,184,117,.75)}75%{border:12px solid rgba(2,184,117,.25);border-left:12px solid rgba(2,184,117,.75)}}
.toast {background-color: rgba(0, 0, 0, 0.7); display: none; padding: 24px 0; min-width:180px; border-radius: 3px; position: fixed; top: 30%; z-index: 500000}
.toast .checkmark:after {content: ''; display: block; width: 40px; height: 68px; border: solid #fff; margin:0 0 24px 72px; border-width: 0 15px 15px 0; transform: rotate(45deg)}
.toast > div.msg {text-align:center; color: #fff; font-size: 14px; font-weight: 600}
/* mobile */
@media screen and (max-width: 479px) {
.rd_wrapp, .rd_sign .lst_nm, .bd_lst, .bd_card > div.card_el {
border-right:none; border-left:none
}
.bd_lst {border-top:none}
.bd_time {margin:16px 0 0}
.bd, .rd, .func_top {padding:0}
.mrk {vertical-align:-4px}
#lstSearch {border:none; width:100%; border-bottom:1px solid #e5e5e5; background:transparent; margin-top:0}
#lstSearch .ip_opt {display:inline-block}
#lstSearch select {width:35%}
#lstSearch input {width:65%}
.bd .cm_vote {margin-top:1px}
.ft_lst_menu {padding:12px 0}
.ft_lst_menu .lst_search {width:100%}
.ft_lst_menu .lst_search input.ip_opt {width:65%; border-right:none}
.ft_lst_menu .lst_search select.ip_opt {width:35%; margin-right:0; border-right:none; border-left:none}
.bd .bd_pg {margin:12px auto 0; max-width:100%}
.r_p_n > a {width:33.33333%; text-align:center; margin:0; padding:0; border:1px solid #e5e5e5; border-right:none}
.r_p_n > a:not(.lst) > i {position:absolute; font-size:16px; vertical-align:-5px}
.pag-button-parent > span.sw, .pag-button-parent > span.bb {width:33.33333%}
#cArea .cmt_lst.re:before {top: 20px; left:-4px}
.dt_hide {display:block} .dropdown-content li {cursor: default} .m_no {display:none !important} #cke_58 {display:none !important;}
.card_wrap {margin:16px 0 0}
/* ë¹„íšŒì› ê¸€ì“°ê¸° */
.edit_opt > input {width:100%}
.edit_opt > input:first-of-type {border-right:0}
.rd_hd .board h2 > a {font-size:20px}
/* 댓글 */
#cmtPosition .cmt_lst > i {top:12px; font-size: 16px; color:#a5a5a5}
#cmtPosition .cmt_lst div.prof_img {width:36px}
#cmtPosition {border-left:0; border-right:0; border-bottom:0}
.prof_img > span, .prof_img > img {width:36px; height:36px; line-height:36px}
.cmt_lst .cmt_area {width:calc(100% - 48px); width:-webkit-calc(100% - 48px);}
#cArea .cmt_lst.re .ico_re {width:8px; margin-top:10px; margin-left:-16px}
.bd_pg > fieldset > a, .bd_pg > fieldset > span, .bd_pg > fieldset > strong {min-width:28px; height:28px; line-height:28px}
#mUpload li{width:18%; margin-right:2%; padding-top:18%}
.toast {top: 35%; font-size: 13px}
}
/* tablet */
@media (max-width: 1023px) and (min-width: 480px) {
}