@charset "utf-8";

#bo_list, #bo_w, #bo_v {position:relative;max-width:1200px;margin:0 auto;}
#bo_list:after, #bo_w:after, #bo_v:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list h2, #bo_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 게시판 목록 공통 */
#bo_btn_top{margin:0 0 20px 0;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {float:right;margin:20px 0 0 0;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin:0 0 0 5px}

#bo_cate {height:50px;margin:0 0 40px 0;padding:0 6px;border-bottom:solid 1px #999;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {text-align:center;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;}
#bo_cate a {display:block;position:relative;height:50px;margin:0 0 0 -1px;padding:0 36px;color:#999;line-height:50px;background:#f6f6f6;border:solid 1px #ccc;border-bottom:solid 1px #999;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
#bo_cate #bo_cate_on {position:relative;color:#444;font-weight:bold;background:#fff;border:solid 1px #999;border-bottom:none;z-index:99;}

#bo_sch {position:relative;width:40%;margin:20px 0 0 0;}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch .select {display:block;float:left;width:30%;margin:0 -1px 0 0}
#bo_sch .sch_input {width:70%;padding:0 50px 0 0;}
#bo_sch .sch_btn {position:absolute;right:0;top:0;width:40px;height:40px;overflow:hidden;line-height:999px;background:url(./img/icon_zoomer.png) no-repeat 50% 50% #444;border:none}

#bo_w {border-top:solid 2px #444}

.write_div {display:block;position:relative;padding:16px 10px 16px 10%;border-bottom:solid 1px #eee}
.write_div label {display:block;position:absolute;left:10px;top:0;padding:16px 0;color:#222;font-weight:700;line-height:40px;}
.write_div .frm_input {width:100%;}
.write_div .select {display:block;width:30%;}
.write_div .frm_file_cont {margin:5px 0 0 0;}
.write_div .size_s {width:30%;}
.write_div textarea {padding:10px;line-height:22px;}
.write_div .file_del {display:block;margin:5px 0 0 0;color:#999}

.chk_div {display:block;position:relative;padding:16px 10px 16px 10%;line-height:40px;border-bottom:solid 1px #eee}
.chk_div .label {display:block;position:absolute;left:10px;top:0;padding:16px 0;color:#222;font-weight:700;line-height:40px;}

#list_wrap {border-top:solid 2px #444;}
#list_wrap table {width:100%;border-collapse:collapse;border-spacing:0;} 
#list_wrap caption {padding:0;font-size:0;line-height:0;overflow:hidden}
#list_wrap tr.tr_notice {background:#f6f6f6;}
#list_wrap th {padding:16px 10px;color:#222;font-weight:700;background:#f6f6f6;border-bottom:solid 1px #ccc;}
#list_wrap td {padding:16px 10px;font-weight:normal;text-align:center;border-bottom:solid 1px #eee;}
#list_wrap td .category {display:block;margin:0 0 8px 0;color:#ff7700}
#list_wrap td .comment {font-family:'Open Sans', sans-serif;font-size:12px;color:#ff7700}
#list_wrap td.td_chk {width:40px;text-align:center;}
#list_wrap td.td_num {width:60px;text-align:center;}
#list_wrap td.td_subject {text-align:left;}
#list_wrap td.td_name {width:120px;text-align:center;}
#list_wrap td.td_date {width:140px;text-align:center;color:#999}
#list_wrap .profile_img img{border-radius:50%}
.td_subject_m {padding:0;line-height:normal;}
.td_subject_info {display:none;margin:6px 0 0 0;}
.td_subject_info ul {}
.td_subject_info ul:after {display:block;visibility:hidden;clear:both;content:""}
.td_subject_info ul li {display:block;float:left;margin:0 8px 0 0;padding:0 8px 0 0;color:#999;font-size:12px;line-height:22px;background:url(./img/var.gif) no-repeat right 50%}
.td_subject_info ul li:last-child {margin:0;padding:0;background:none;}

#bo_v_title {display:block;position:relative;padding:20px;color:#444;font-size:16px;font-weight:700;line-height:22px;background:#f6f6f6;border:solid 1px #ccc;}
#bo_v_title .category {display:block;margin:0 0 8px 0;color:#ff7700;font-size:16px;font-weight:normal}
#bo_v_title .date {display:block;position:absolute;right:20px;bottom:20px;color:#888;font-size:14px;font-weight:normal}

#bo_v_info {padding:16px 20px;border-bottom:solid 1px #ddd;}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {color:#999;font-weight:normal}
#bo_v_info a.mail {color:#999;font-weight:normal}
#bo_v_info .view {float:right;}

#bo_v_file {margin:20px 20px 0 20px;}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {}
#bo_v_file li {position:relative;padding:0 0 6px 0;color:#999}
#bo_v_file a {display:block;margin:0 0 4px 0;color:#666;text-decoration:none;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:underline}
#bo_v_file img {margin:0 4px 0 0;}

#bo_v_link {margin:20px 20px 0 20px;}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {}
#bo_v_link li {position:relative;padding:0 0 6px 0;color:#999}
#bo_v_link a {display:block;margin:0 0 4px 0;color:#666;text-decoration:none;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:underline}
#bo_v_link img {margin:0 4px 0 0;}

#bo_v_atc {height:200px;min-height:200px;height:auto !important;padding:40px;border-bottom:solid 1px #ddd;}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_atc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;text-align:center;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {max-width:100%;height:auto;margin:0 0 20px 0;}

#bo_v_con {width:100%;min-height:200px;overflow:hidden;line-height:22px;word-break:break-all;}
#bo_v_con a {color:#222;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_sign {width:100%;line-height:22px;}

#bo_v_act {position:relative;float:left;margin:40px 0 0 0;}
#bo_v_act .bo_v_act_gng {position:relative;}
#bo_v_act a {margin:0 5px 0 0;}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:40px;left:0;width:165px;padding:10px 0;color:#fff;text-align:center;background:#f75665;}

#bo_v_share {position:relative;float:right;text-align:right;margin:40px 0 0 0;}

#bo_v_top {margin:20px 0 0 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 {word-break:break-all}

#bo_v_bot {zoom:1}
#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 {}

.bo_v_com {float:right;margin:0;}
.bo_v_com li {float:left;margin:0 0 0 5px;}

.bo_v_left {float:left;margin:0;}
.bo_v_left li {float:left;margin:0 5px 0 0;}

.bo_v_nb {position:relative;clear:both;margin:40px 0 0 0;text-align:left;}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {padding:18px 20px;line-height:20px;border-bottom:1px solid #ddd;}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li .nb_tit {display:inline-block;width:100px;color:#222;font-weight:700;}
.bo_v_nb li .nb_date {float:right;color:#999}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px 0;padding:0}
#char_count_wrap {margin:5px 0 0 0;text-align:right}
#char_count {font-weight:bold}

/* 댓글*/
.bo_vc_w {display:block;position:relative;margin:10px 0 0 0;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.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 0}
.bo_vc_w textarea {width:100%;height:120px;margin:0 0 10px 0;padding:10px;line-height:22px;border:1px solid #ccc;}
.bo_vc_w_info {margin:10px 0;line-height:40px;}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;width:180px;margin-right:5px}
.bo_vc_w_info #captcha {display:block;clear:both;padding:10px 0 0 0;}
#wr_secret{}

.btn_cmt_confirm_warp {float:right;}

.cmt_btn {display:block;width:80px;margin:80px 0 20px 0;color:#f75665;font-weight:700;text-align:left;background:url('./img/cmt_btn.png') no-repeat 60px 4px;border:none}
.cmt_btn_op {background:url('./img/cmt_btn.png') no-repeat 60px  -26px}

#bo_vc {margin:0 0 40px 0;}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {position:relative;margin:0 0 20px 0;}
#bo_vc article .profile_img img{border-radius:50%}
#bo_vc header {}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:700}
.bo_vc_hdinfo{float:right;color:#999;font-size:12px;font-style:italic}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {margin:10px 0 0 0;padding:10px;line-height:22px;background:#f6f6f6;border: 1px solid #ddd;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {color:#f75665;text-decoration:underline;}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#999;text-align:center}
#bo_vc #bo_vc_winfo {float:left}

.bo_vc_act {text-align:right;margin:10px 0 0 0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:inline-block;}
.bo_vc_act li a {padding:0 5px;font-size:12px;color:#999;text-decoration:underline}







@media screen and (max-width:1024px) {
#list_wrap td.td_chk {width:30px;}
#list_wrap td.td_num {width:50px;}
#list_wrap td.td_name {width:100px;}
#list_wrap td.td_date {width:120px;}
}





@media screen and (max-width:768px) {
#bo_list, #bo_wt, #bo_v {}

#bo_btn_top{margin:0 10px 20px 10px;}
.bo_fx {float:none;margin:20px 10px 20px 10px;}

#bo_cate {height:auto;margin:0 10px 20px 10px;padding:0;border-bottom:none}
#bo_cate li {display:block;float:left;width:50%;}
#bo_cate a {height:50px;margin:-1px;padding:0;line-height:50px;text-align:center;border:solid 1px #ccc;border-bottom:solid 1px #ccc;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
#bo_cate #bo_cate_on {color:#fff;background:#444;border:solid 1px #999;border-bottom:solid 1px #999;}

#bo_sch {width:auto;margin:20px 10px 0 10px;}

.write_div {padding:16px 10px 16px 10px}
.write_div label {display:block;position:relative;left:0;top:0;padding:8px 0;line-height:normal;}
.write_div .select {width:100%;}
.write_div .size_s {width:100%;}

.chk_div {padding:16px 10px 16px 10px;line-height:normal;}
.chk_div .label {display:block;position:relative;left:0;top:0;padding:8px 0;line-height:normal;}

#list_wrap th {display:none}
#list_wrap td.td_chk {display:none}
#list_wrap td.td_num {display:none}
#list_wrap td.td_name {display:none}
#list_wrap td.td_date {display:none}
.td_subject_m {padding:0 10px;line-height:22px;}
.td_subject_info {display:block;}

#bo_v_title {padding:20px 10px;border-right:none;border-left:none}
#bo_v_title .category {font-size:14px;}
#bo_v_title .date {display:block;position:relative;left:0;bottom:auto;}
#bo_v_info .view {float:none;margin:0 0 0 8px;}

#bo_v_info {padding:16px 10px;}
#bo_v_info a.mail {display:block;margin:6px 0 0 0;}

#bo_v_file {margin:20px 10px 0 10px;}

#bo_v_link {margin:20px 10px 0 10px;}

#bo_v_atc {padding:40px 10px;}

#bo_v_top {margin:20px 10px 0 10px;}

.bo_v_com {float:right;}
.bo_v_com li {float:left;margin:0 0 0 5px;}

.bo_v_left {display:none}

.bo_v_nb li {padding:18px 10px;}
.bo_v_nb li .nb_tit {display:block;width:100%;margin:0 0 6px 0;}
.bo_v_nb li .nb_date {display:block;margin:6px 0 0 0;float:none;}

.bo_vc_w {margin:10px 10px 0 10px;}
.bo_vc_w .frm_input {float:none;width:100%;margin:0 0 10px 0;}
.btn_cmt_confirm_warp {float:none;margin:10px 0 0 0}
.btn_cmt_confirm_warp .btn_submit {width:100%}

.cmt_btn {margin:40px 10px 20px 10px;}

#bo_vc {margin:0 10px 40px 10px;}
}





@media screen and (max-width:480px) {
}












/* sns 보내기
.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li {float:left;width:60px;text-align:center}
#bo_v_sns li a{height:40px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns li img{vertical-align:top}*/

/* 게시판 댓글 */







#bo_vc_send_sns{display:inline-block;float:left}
#bo_vc_sns {display:inline-block;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 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0 }