@charset "utf-8";

/* 스튜디오정보 */
#area_box {position:relative; padding:10px; background:#f7f7f7; border:1px solid #eee; margin-top:40px; overflow:hidden;}
#area_box #area_map {float: left; width:50%; margin-right:1%; background:#fff; text-align:center;}
#area_box .area {float: left; width:49%; padding:30px; overflow:hidden;}

#bo_cate {position:relative; display:block; border:none !important; margin:0; overflow:hidden; margin-bottom:10px;}
#bo_cate h2 {position: absolute; font-size: 0; line-height: 0; overflow: hidden;  }
#bo_cate_ul {margin-left: 1px; margin-top: 1px;}
#bo_cate_ul li { float: left;}
#bo_cate_ul a { display: block; position: relative; margin-left: -1px; margin-top:-1px; padding: 10px 15px; width: 112px; border: 1px solid #ddd; background: #fff; color: #888; text-align: center; letter-spacing: -0.1em; line-height: 16px; cursor: pointer }
#bo_cate_ul a:focus,
#bo_cate_ul a:hover,
#bo_cate_ul a:active { text-decoration: none }
#bo_cate_ul #bo_cate_on { z-index: 2; border: 1px solid #f34156; background: #fff; color: #f34156; font-weight: bold }

#bo_sch {position:relative; display:block; padding:20px; background:#eee;  overflow:hidden; display:block; text-align: center; border:1px solid #ddd; }
#bo_sch legend {position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden }
#bo_sch	label {font-size:14px; color:#333; font-weight:bold;}
#bo_sch .form-control {background:#fff !important; width:300px;}

/*------------------------------
 게시판 목록 
 -----------------------------*/
#bo_list {margin-top:40px; margin-bottom:40px;}
#bo_list .td_subject {width:auto; text-align: left;  padding:0 30px; font-size:12px; font-weight:bold; color:#000;}
#bo_list .td_name { width:auto; padding:0 30px; text-align: center; }

/* 게시판 목록 공통 */
.bo_fx { margin-bottom: 5px; zoom: 1 }
.bo_fx:after { display: block; visibility: hidden; clear: both; content: "" }
.bo_fx ul { margin: 0; padding: 0; list-style: none }
#bo_list_total { float:right; color:#777; } 

/* 갤러리 목록 */
#bo_gall h2 { margin: 0; padding: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden }
#bo_gall #gall_ul { margin: 10px 0 0; padding: 0; list-style: none; zoom: 1 }
#bo_gall #gall_ul:after { display: block; visibility: hidden; clear: both; content: "" }
#bo_gall .gall_li { float: left; margin: 0 10px 30px 0 }
#bo_gall .gall_con { margin: 0; padding: 0; list-style: none; text-align: center; }
#bo_gall .gall_con li { margin: 0 0 4px; text-align: center; }
#bo_gall .gall_con .gall_subject { text-align: left; display: block; width: 100%; text-align: center; color: #999; }
#bo_gall .gall_now .gall_text_href a { color: #ff3061 }
#bo_gall .gall_href a:link,
#bo_gall .gall_href a:focus,
#bo_gall .gall_href a:hover { text-decoration: none }
#bo_gall .gall_href strong,
#bo_gall .gall_href span { display: inline-block; background: #f7f7f7; text-align: center; line-height: 10em }
#bo_gall .gall_text_href { font-size: 15px; color: #555; width: 100%; overflow: hidden; height: 35px; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; text-align: left; }
#bo_gall .gall_text_href a { font-weight: bold }
#bo_gall .gall_text_href span { display: inline !important }
#bo_gall .gall_text_href img { margin: 0 0 0 4px }
/* 게시판 목록 */
#bo_list .td_board { width: 120px; text-align: center }
#bo_list .td_chk { width: 30px; text-align: center }
#bo_list .td_date { width: 60px; text-align: center }
#bo_list .td_datetime { width: 110px; text-align: center }
#bo_list .td_group { width: 100px; text-align: center }
#bo_list .td_mb_id { width: 100px; text-align: center }
#bo_list .td_mng { width: 80px; text-align: center }
#bo_list .td_nick { width: 100px; text-align: center }
#bo_list .td_num { width: 50px; text-align: center }
#bo_list .td_numbig { width: 80px; text-align: center }
#bo_list .td_location { text-align: left }
#bo_list .txt_active { color: #5d910b }
#bo_list .txt_expired { color: #ccc }
/*#bo_cate h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden }
#bo_cate ul { margin-bottom: 10px; padding-left: 1px; width: 100%; zoom: 1 }
#bo_cate ul:after { display: block; visibility: hidden; clear: both; content: "" }
#bo_cate li { float: left; margin-bottom: -1px }
#bo_cate a { display: block; position: relative; margin-left: -1px; padding: 6px 0 5px; width: 90px; border: 1px solid #ddd; background: #f7f7f7; color: #888; text-align: center; letter-spacing: -0.1em; line-height: 1.2em; cursor: pointer }
#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active { text-decoration: none }
#bo_cate #bo_cate_on { z-index: 2; border: 1px solid #565e60; background: #fff; color: #565e60; font-weight: bold }*/
.td_subject img { margin-left: 3px }

.btn_bo_user { float: right; margin: 0; padding: 0; list-style: none }
.btn_bo_user li { float: left; margin-left: 5px }
.btn_bo_adm { float: left }
.btn_bo_adm li { float: left; margin-right: 5px }
.btn_bo_adm input { padding: 8px; border: 0; background: #c00c25; color: #fff; text-decoration: none; vertical-align: middle }
.bo_notice td { background: #f5f6fa }
.bo_notice td a { font-weight: bold }
.td_num strong { color: #000 }
.bo_cate_link { display: inline-block; margin: 0 3px 0 0; padding: 0 6px 0 0; color: #999 !important; font-weight: bold; text-decoration: none } /* 글제목줄 분류스타일 */
.bo_current { color: #c00c25 }
#bo_list .cnt_cmt { display: inline-block; margin: 0 0 0 3px; font-weight: bold }

/* 게시판 쓰기 */
#char_count_desc { display: block; margin: 0 0 5px; padding: 0 }
#char_count_wrap { margin: 5px 0 0; text-align: right }
#char_count { font-weight: bold }
#autosave_wrapper { position: relative }
#autosave_pop { display: none; z-index: 10; position: absolute; top: 24px; right: 117px; padding: 8px; width: 350px; height: auto !important; height: 180px; max-height: 180px; border: 1px solid #565656; background: #fff; overflow-y: scroll }
html.no-overflowscrolling #autosave_pop { height: auto; max-height: 10000px !important } /* overflow 미지원 기기 대응 */
#autosave_pop strong { position: absolute; font-size: 0; line-height: 0; overflow: hidden }
#autosave_pop div { text-align: right }
#autosave_pop button { margin: 0; padding: 0; border: 0; background: transparent }
#autosave_pop ul { margin: 10px 0; padding: 0; border-top: 1px solid #e9e9e9; list-style: none }
#autosave_pop li { padding: 8px 5px; border-bottom: 1px solid #e9e9e9; zoom: 1 }
#autosave_pop li:after { display: block; visibility: hidden; clear: both; content: "" }
#autosave_pop a { display: block; float: left }
#autosave_pop span { display: block; float: right }
.autosave_close { cursor: pointer }
.autosave_content { display: none }
/* 게시판 읽기 */
#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; display: none; }
#bo_v_title { padding: 0; margin: 0; font-size: 18px; font-weight: bold; font-weight: bold; }
#bo_v_info { padding: 0 0 10px; border-bottom: 1px solid #ddd }
#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: bold }
#bo_v_file { }
#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 }
#bo_v_file li { padding: 0 10px; border-bottom: 1px solid #eee; background: #f5f6fa }
#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 { float: left; margin: 0 10px 0 0 }
.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; border-bottom: 1px solid #eee; background: #f5f6fa }
#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 }
#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 }
.bo_v_nb { float: left }
.bo_v_nb li { float: left; margin-right: 5px }
.bo_v_com { float: right }
.bo_v_com li { float: left; margin-left: 5px }
#bo_v_atc { min-height: 200px; height: auto !important; height: 200px }
#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: 1.7em; word-break: break-all; overflow: hidden }
#bo_v_con a { color: #000; text-decoration: underline }
#bo_v_con img { max-width: 100%; height: auto }
#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; background: #f5f8f9 }
#bo_vc h2 { margin-bottom: 10px }
#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 15px 0 5px }
#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_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 }
.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: 1px 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 }