a.btn_b02 {background:#43423f !important;} a.btn_admin {background:#166bad !important;} /*리스트*/ #bo_list_total {display:none} #bo_list .bo_fx {position:relative;padding-bottom:60px;} #bo_list #bo_cate h2 {display:none;} #bo_list #bo_cate {margin-bottom:60px;} #bo_list #bo_cate ul {overflow:hidden;border-bottom:1px solid #ddd;} #bo_list #bo_cate ul li {float:left;width:20%;text-align:center;border:1px solid #ddd;margin:0 -1px -1px 0;line-height:50px;cursor: pointer;} #bo_list #bo_cate ul li a {display:block;} #bo_list #bo_cate ul li #bo_cate_on {background:#166bad;color:#fff;} #bo_sch {width:100%;max-width:600px;margin:0 auto;} #bo_sch input, #bo_sch select {height:50px;line-height:50px;border-radius:0;border:none;display:block;float:left;} #bo_sch select#sfl {width:170px;padding:0 20px; margin-right:10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#f4f4f4 url(/img/mobile/icon_locarr_down.png) no-repeat calc(100% - 20px) 50%; } #bo_sch select#sflt::-ms-expand {display: none;} #bo_sch input#stx{padding:0 20px;background:#f4f4f4;width:calc(100% - 230px);} #bo_sch .btn_search {background:#f4f4f4 url(/img/mobile/icon_search.png) no-repeat 50% 50%;text-indent:-9999px;width:50px;height:50px;} #bo_list .bo_list_tbl {width:100%;table-layout:fixed;border:none;border-top:2px solid #000;} #bo_list .bo_list_tbl caption {display:none;} #bo_list .bo_list_tbl thead {display:none;} #bo_list .bo_list_tbl td {border:none;border-bottom:1px solid #ddd;text-align:center;height:50px;line-height:50px;padding:0;} #bo_list .bo_list_tbl td.td_num {position:relative;} #bo_list .bo_list_tbl td.td_subject {text-align:left;position:relative;} #bo_list .bo_list_tbl td.td_subject a {display:block;width:calc(100% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #bo_list .bo_list_tbl td.td_subject .icon_wrap {position:absolute;top:0;right:0;} #bo_list .bo_list_tbl td.td_num .td_chk {position:absolute;left:-10px;top:50%;transform:translateY(-50%)} #bo_list .bo_list_tbl img{width:20px;} #bo_list .bo_list_tbl .reply td.td_subject a {width:calc(100% - 110px;)} #bo_list .bo_list_tbl .reply .icon_re {width: 50px; height: 50px; float: left;} #bo_list .bo_list_tbl .reply .icon_q img, #bo_list .bo_list_tbl .reply .icon_re img {width:20px;} #btn_autosave {display:none} #autosave_pop {display:none;} .bo_fx.ft {margin-top:60px;overflow:hidden;} .bo_fx.ft .btn_bo_adm {float:left} .bo_fx.ft .btn_bo_adm li{float:left;} .bo_fx.ft .btn_bo_adm li input {background:none;border:1px solid #ddd;line-height:48px;padding:0 10px;} .bo_fx.ft .btn_bo_adm li:nth-child(2) {margin:0 10px;} .bo_fx.ft .btn_bo_user {float:right;} .bo_fx.ft .btn_bo_user li {float:left;} .bo_fx.ft .btn_bo_user li a {line-height:50px;padding:0 10px;} .bo_fx.ft .btn_bo_user li:last-child {margin-left:10px;} /*겔러리*/ #bo_list #gall_ul{overflow:hidden;} #bo_list #gall_ul li {width:25%;float:left;height:auto;} #bo_list #gall_ul li.empty_list{width:100%;} #bo_list #gall_ul li {padding:0 5px;margin-bottom:20px;position:relative;} #bo_list #gall_ul li .gall_li_wr > a {display:block;} #bo_list #gall_ul li .gall_li_wr .gall_img {height:0;padding-bottom:75%;overflow:hidden;position:relative;} #bo_list #gall_ul li .gall_li_wr .gall_img img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} #bo_list #gall_ul li .gall_li_wr a img {width:100%;height:200px} #bo_list #gall_ul li .gall_li_chk {position:absolute;top:14px;left:10px;z-index:10;} #bo_list #gall_ul li .gall_text_href {margin-top:10px; letter-spacing:-1.3px;} #bo_list #gall_ul li .gall_text_href a {display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /*쓰기*/ #bo_w .btn_confirm {margin:30px 0;padding-top:20px;border-top:1px solid #ddd;} #bo_w .btn_submit, #bo_w a.btn_cancel {padding:0 20px;line-height:35px;} #bo_w .btn_submit {background:#166bad;} #bo_w a.btn_cancel {background:#43423f;color:#fff;} #bo_w .bo_wr_tbl {table-layout:fixed;border-top:1px solid #ddd;} #bo_w .bo_wr_tbl th {width:80px;background:#f4f4f4;border-bottom:1px solid #ddd;} #bo_w .bo_wr_tbl td {padding:10px;border-bottom:1px solid #ddd;} #bo_w .required {background:none !important;} #bo_w select#ca_name {width:170px;height:50px;padding:0 20px;; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/img/board/down_btn_icon.png) no-repeat calc(100% - 20px) 50% !important; border-color:#ddd;} #bo_w select#ca_namet::-ms-expand {display: none;} #bo_w input#wr_subject {width:100%;} #bo_w input[type='file']{width:100%;} /*읽기*/ #bo_v {margin-bottom:20px;padding-bottom:20px;} #bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em} #bo_v_title {padding: 0px 10px 10px 10px;text-align: center;font-size: 32px;font-weight: 400;color: #2b2b2b;word-break: keep-all;letter-spacing: -1.7px;line-height: 1.29;} #bo_v_title span.cate {color:#fff; display:inline-block; background:#165da1; margin-right:10px; padding:2px 10px;} #bo_v_info {color: #666;text-align: center; font-size: 15px;} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal; } #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:normal; font-family: 'NotoKrM'; } #bo_v_file {margin:10px 0;} #bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_file ul {margin:0;padding:0;list-style:none;text-align:center;} #bo_v_file li {padding:0 10px;background:none; display:inline-block;} #bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word} #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none} #bo_v_file img {vertical-align:baseline} .bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px} #bo_v_link {} #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_link ul {margin:0;padding:0;list-style:none} #bo_v_link li {padding:0 10px;background:#f7f7f7;border-top:1px solid #e5e5e5; } #bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word} #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} .bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px} #bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_top ul {margin:0;padding:0;list-style:none} #bo_v_bot {zoom:1; margin:35px 0px;border-top: 1px solid #ccc; padding-top:25px;} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_bot ul {margin:0;padding:0;list-style:none;overflow:hidden;} .bo_v_nb {float:left} .bo_v_nb li {float:left;margin-right:5px} .bo_v_nb li a { display: inline-block; padding: 6px 20px; border: 1px solid #ccc; background: #fff; color: #000; text-decoration: none; vertical-align: middle; font-size: 15px; } .bo_v_com {float:right} .bo_v_com li {float:left;margin-left:5px} .bo_v_com li a.btn_b01 {display:inline-block;padding:6px 20px;border:1px solid #ccc;background:#fff;color:#000;text-decoration:none;vertical-align:middle; font-size:15px;} .bo_v_com li a.btn_b02 {display: inline-block;padding: 6px 10px;border: 1px solid #083388;background: #083388;color: #fff;text-decoration: none;vertical-align: middle;font-size: 15px;} .bo_v_com li a.btn_admin {display:inline-block;padding:6px 10px;background:#4e4e4e;color:#fff;text-decoration:none;vertical-align:middle;font-size:15px;} #bo_v_atc {min-height:200px;height:auto !important; padding:20px 0px;margin-top: 30px; border-top: 1px solid #ebebeb;} #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto} #bo_v_con {margin-bottom:30px;width:100%;line-height:170%;word-break:break-all;overflow:hidden} #bo_v_con a {color:#000;text-decoration:underline} #bo_v_con img {max-width:100%;height:auto; margin:5px 0px 10px 0px;} #bo_v_act {margin-bottom:30px;text-align:center} #bo_v_act .bo_v_act_gng {position:relative} #bo_v_act a {margin-right:5px;vertical-align:middle} #bo_v_act strong {color:#ff3061} #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center} #bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_sns li {float:left;margin:0 5px 0 0} /*댓글*/ #bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec; border-top:2px solid #465d6c;background:#fff} #bo_vc h2 {margin-bottom:10px;font-weight: normal;} #bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc} #bo_vc header {position:relative;padding:15px 0 5px} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .sv_wrap {margin-right:15px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} .bo_vc_hdinfo {display:inline-block;margin:0 6px 0 2px;font-size: 13px;} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc a {color:#000;text-decoration:none} #bo_vc p {padding:0 0 5px;line-height:1.8em} #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:none} #bo_vc_empty {margin:0;padding:20px !important;text-align:center} #bo_vc #bo_vc_winfo {float:left} #bo_vc footer {zoom:1} #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act {float:right;margin:0;list-style:none;zoom:1;font-size: 14px;} .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act li {float:left;margin-left:5px} #bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:0px solid #cfded8} #bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc_w #char_cnt {display:block;margin:0 0 5px} #bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 20px 0 0} #bo_vc_sns input {margin:0 0 0 5px} #bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec; border-top:2px solid #465d6c;background:#fff} #bo_vc h2 {margin-bottom:10px;font-weight: normal;} #bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc} #bo_vc header {position:relative;padding:15px 0 5px} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .sv_wrap {margin-right:15px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} .bo_vc_hdinfo {display:inline-block;margin:0 6px 0 2px;font-size: 13px;} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc a {color:#000;text-decoration:none} #bo_vc p {padding:0 0 5px;line-height:1.8em} #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:none} #bo_vc_empty {margin:0;padding:20px !important;text-align:center} #bo_vc #bo_vc_winfo {float:left} #bo_vc footer {zoom:1} #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act {float:right;margin:0;list-style:none;zoom:1;font-size: 14px;} .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act li {float:left;margin-left:5px} #bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:0px solid #cfded8} #bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc_w #char_cnt {display:block;margin:0 0 5px} #bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 20px 0 0} #bo_vc_sns input {margin:0 0 0 5px} #bo_vc_w table {table-layout:fixed;width:100%;border-top:1px solid #ddd;} #bo_vc_w table th {width:100px; background:#f4f4f4; border-bottom:1px solid #ddd;} #bo_vc_w table td {width:calc(100% - 100px); padding:10px; border-bottom:1px solid #ddd;} #bo_vc_w table td #wr_content {width:100%;} #bo_vc table {table-layout:fixed;width:100%;border-top:1px solid #ddd;} #bo_vc table th {width:100px; background:#f4f4f4; border-bottom:1px solid #ddd;} #bo_vc table td {width:calc(100% - 100px); padding:10px; border-bottom:1px solid #ddd;} #bo_vc table td #wr_content {width:100%;} #bo_vc_w .btn_confirm {margin-top:30px;} #bo_vc_w .btn_confirm input {display: inline-block; padding: 6px 10px; border: 1px solid #166bad; background: #166bad; color: #fff; text-decoration: none; vertical-align: middle; font-size: 15px;} #bo_vc .btn_confirm {margin-top:30px;} #bo_vc .btn_confirm input {display: inline-block; padding: 6px 10px; border: 1px solid #166bad; background: #166bad; color: #fff; text-decoration: none; vertical-align: middle; font-size: 15px;} @media screen and (max-width: 920px) { #bo_v_bot ul.bo_v_nb {float:none;width:100%;} #bo_v_bot ul.bo_v_nb li {margin:0;width:50%;} #bo_v_bot ul.bo_v_nb li a {display:block;width:100%;text-align:center;} #bo_v_bot ul.bo_v_com {float:none;width:100%;margin:20px 0;padding:10px 0 ;border-top:1px solid #ddd} #bo_v_bot ul.bo_v_com li:first-child {margin:0} } @media screen and (max-width: 720px) { #bo_list .bo_list_tbl td.td_subject a {width:100%;padding:0 10px;} .bo_fx.ft .btn_bo_user li a {font-size:14px;line-height:35px;} .bo_fx.ft .btn_bo_adm li input {font-size:14px;line-height:33px;} .bo_fx.ft .btn_bo_adm li:nth-child(2) {margin:0 5px;} .bo_fx.ft .btn_bo_user li:last-child {margin-left:5px;} #bo_list #gall_ul li {width:50%;float:left;} } @media screen and (max-width: 480px) { #bo_list .bo_list_tbl td.td_subject a, .bo_fx.ft .btn_bo_adm li input {padding:0 5px;font-size:12px;} #bo_v_bot .bo_v_com li {width:25%;margin:0;padding:0 5px;margin-bottom:10px;} #bo_v_bot .bo_v_com li a {display:block;width:100%;text-align:center;} #bo_v_bot .bo_v_com li.break {clear:both;margin:0} #bo_list #gall_ul li {width:100%;float:left;} }