@charset "utf-8";

/* 관리 진행상태 */
.radio2 input { display: none;}
.radio2 .icon { display: inline-block; vertical-align: middle; cursor: pointer; position: relative;margin-right: 6px; top: -5px; text-align: center; }
.radio2 .icon { color: #000;font-size: 15px; width: 130px; height: 32px; line-height: 32px; border-radius: 20px; background: #eee; transition: all 0.2s ease;}
.radio2 input:checked ~ .icon { background: #ff3551; color: #fff; animation: jelly 0s ease;}

/* 목록 진행상태 */
.se0, .se1, .se2, .se3, .se4 { display: block; width: 80px; text-align: center; color: #fff; border-radius: 4px; font-size: 14px; height: 30px; font-weight: normal; line-height: 30px;}
.se0 { background: #59a2f7; }
.se1 { background: #ff9045; }
.se2 { background: #bbb;color:}
.se3 { background: #28ce73; }
.se4 { background: #5f5f5f; }

/* 리스트 토글 */
.toggle-content {max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;}
.toggle-content.active {max-height: 500px; transition: max-height 0.5s ease-in;}
.toggle-btn, .close-btn {cursor: pointer;}

/* 기본테이블 */
.tbl_wrap table { width:100%;border-collapse:collapse;border-spacing:0; padding:10px 0 0 0;}
.tbl_wrap caption {padding:10px 0; text-align:left}
.tbl_head {margin:0 0 10px; } 
.tbl_head caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head thead { width:100%; line-height:50px; top:0; margin-bottom:20px; text-align:center; border-top:2px #222 solid; border-bottom:1px #ccc solid; }

.tbl_head thead th { font-size:18px; font-weight:500; line-height:50px; text-align:center; background:#F8F8F8; }
.tbl_head tr { transition: all 0.3s ease; }
.tbl_head tr:hover { background:#f2f9ff; transition: all 0.3s ease; }
.tbl_head td {font-weight:400;font-size:17px; padding:12px 5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; word-break:break-all; }


/* 게시판 폼 테이블 */
.tbl_frm { margin:0 0 20px; }
.tbl_frm table { width:100%;border-collapse:collapse;border-spacing:0;  }
.tbl_frm th { width:130px; min-width:130px;font-weight:400; padding:0 13px; text-align:right; border-bottom:1px #e5e5e5 solid; }
.tbl_frm th label { font-size:15px; }
.tbl_frm td { display:inline-block; width:100%; padding:10px 10px; background:transparent;border-bottom:1px #e5e5e5 solid; }
.tbl_frm .row_tit { text-align:left; padding:0 0 10px 10px; font-size:17px;color:#2343e0;font-weight:bold; margin-top:30px;}
.tbl_frm .row_tit span { padding:0 0 0 20px; font-size:14px; color:#2343e0; }
.tbl_frm input, .frm_input { height:46px; padding:4px 10px; }
.tbl_frm select, .frm_input { height:46px; padding:0 15px; border:1px solid #ccc; }
.tbl_frm textarea, .frm_input { border:1px solid #ccc; padding:10px; line-height:24px; }
.tbl_frm textarea { padding:10px; width:100%;height:100px; }
.frm_input { height:46px; padding:0 4px; }
.tbl_frm .agreefrm { width:100%; height:80px; margin:15px 0 0; padding:10px; line-height:20px; color:#555; border-radius:2px;}
.tbl_frm .agreetext { display:inline-block; padding:10px 0 30px 0; }
.tbl_frm a {text-decoration:none}
.tbl_frm .frm_file { text-align:left; }
.tbl_frm .frm_info {display:block;padding:0 0 5px; line-height:20px}

@media only screen and (max-width:1024px){
	.tbl_frm th { width:90px; min-width:90px; }
	label .checkbox {display:inline-block;font-size: 15px;vertical-align: bottom;}
	label .checkbox .span {margin-right: 15px;}
}


/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required { background:url('') #fff top right no-repeat !important}

/* 버튼 */
a.btn,.btn{  line-height:30px; padding:0 10px; text-align:center; font-weight:500; border-radius:2px;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn_co,.btn_co{text-decoration:none;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}


/* 글쓰기 버튼 */
.btn_confirm { text-align:center; margin:20px 0; padding:40px 0; } 
.btn_submit { padding:8px 40px;border:0; background:#000;color:#fff; border:1px #000 solid; letter-spacing:0em;cursor:pointer; font-weight:bold; }
.btn_submit:hover { background:#fff; color:#000; }
.btn_submit_co input { width:107px; height:107px; border:0; background:#eee; color:#000; cursor:pointer;   font-weight:bold; }

@media only screen and (max-width:768px){
	.btn_submit_co { width:70px; height:107px; }
	.btn_submit_co input { margin-left:9px; width:70px; height:107px; font-weight:bold; }
}

.btn_cancel {  display:inline-block;padding:8px 40px; }
a.btn_cancel {display:inline-block;padding:8px 40px; background:#fff;color:#444; border:1px #444 solid; text-decoration:none; }
a.btn_cancel:hover { background:#fff;color:#444; border:1px #000 solid; }

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; }
a.btn_b01:focus, .btn_b01:hover {text-decoration:none;  background:#eee; border:1px solid #999;}
a.btn_b02 {display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #000; background:#000; color:#fff; text-decoration:none;  }
a.btn_b02:focus, .btn_b02:hover {text-decoration:none; background:#fff; color:#000; border:1px solid #000;}
a.btn_b03 {display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #ccc; background:#4b545e; color:#fff; text-decoration:none; }
a.btn_b03:focus, .btn_b03:hover {text-decoration:none;  background:#eee; border:1px solid #999;}
.btn_b04 {display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px #ccc solid; background:#fff; color:#000 ; text-decoration:none; }
.btn_b04:focus, .btn_b04:hover {text-decoration:none;  background:#eee; border:1px solid #999; }
a.btn_admin {display:inline-block; padding:0 15px; height:47px; line-height:47px; border:1px solid #314585; background:#314585; color:#fff; text-decoration:none; } 
a.btn_admin:hover { background:#152a6f; }
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}
a.btn_admin1 {display:inline-block; padding:0 15px; height:47px; line-height:47px; background:#FF0000; color:#fff; text-decoration:none; } 
a.btn_admin1:hover { background:#FF0000; }
a.btn_admin1:focus, a.btn_admin1:hover {text-decoration:none}
button.btn_admin {display:inline-block; margin-top:-6px; padding:0 22px; height:32px; line-height:32px; border:1px solid #e90047; background:#e90047; color:#fff; border-radius:32px;text-decoration:none; } 
button.btn_admin:hover { background:#d50041; }
button.btn1_admin {display:inline-block; margin-top:-6px; padding:0 22px; height:32px; line-height:32px; border:1px solid #888; background:#888; color:#fff; border-radius:32px;text-decoration:none; } 
button.btn1_admin:hover { background:#666; }
a.btn_excel {display:inline-block; margin-left:3px;padding:0 15px; height:47px; line-height:47px; background:#FF0000; color:#fff; text-decoration:none; } 
a.btn_excel:hover { background:#FF0000; }
a.btn_excel:focus, a.btn_admin1:hover {text-decoration:none}

/* 게시판 목록 */
#bo_list { margin:0 0 40px 0; text-align:center;}
#bo_list .td_num {width:80px; }
#bo_list .td_chk { width:30px;}
#bo_list .td_secret { width:90px; padding:0 5px; }
#bo_list .td_cate { width:120px; }
#bo_list .td_subject  { width:'*'; text-align:left; }
#bo_list .td_1 { width:170px; font-size:15px; }
#bo_list .td_2 { width:'*'; text-align:left; padding-left:15px;font-size:16px;font-weight:400;}
#bo_list .td_3 {width:150px; font-size:15px;  }
#bo_list .td_4 {width:100px; font-size:15px;  }
#bo_list .td_hit { width:70px; font-size:15px; }
#bo_list .td_by {width:90px; }
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}
#bo_list .mouse_icon { display:none;}

@media only screen and (max-width: 1024px) {
	#bo_list .td_subject  { width:500px;}
	#bo_list .td_4 {width:150px; }
	#bo_list .mouse_icon { display:none; position:fixed;top:50%;left:50%;}
}


/* 웹페이지 목록 */ 
#bo_list .webpage { height:auto !important; margin:10px 0; }
#bo_list .webpage img {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_l_img { width:100%;overflow:hidden;zoom:1;text-align:center;}
#bo_l_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_l_img img { margin-bottom:10px;max-width:100%;height:auto; }
.comingsoon { text-align:center; padding:100px 0; }
.icon_reply { font-size:22px; color:#EA0626; }

/* 갤러리 목록 */
#gall_allchk { padding:10px 0 10px 10px; font-weight:bold; border-top:1px #e1e1e1 solid; }


/* 게시판 목록 공통 */
.bo_fx { margin:25px 0;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:left; margin-top:10px;}
.bo_list_total span { float:left; }
.bo_list_total .list_rss { margin-right:10px; }
.bo_list_view {float:right;}
.bo_list_view a.btn_iu { display:inline-block; float:right;position:relative;text-align:center;padding:0 15px;font-size:17px; height:47px; line-height:47px; color:#fff; background:#a1414a; transition:0.3s;}
.bo_list_view a:hover.btn_iu { color:#fff; background:#74232a;text-decoration:none;transition:0.3s;}
.bo_list_adm { float:right;}
.bo_list_adm .fa { line-height:35px; }
.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 {font-size:14px; line-height:19px; padding:5px 10px;text-align:center;font-weight:300;border-radius:2px;border:1px solid #314585; background:#314585;color:#fff;text-decoration:none;vertical-align:middle; letter-spacing:-0.05em;}
.btn_bo_adm input:hover { background:#152a6f; cursor:pointer;}
.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link { display:block; width:160px; font-size:13px; font-weight:normal; height:27px; line-height:29px; color:#fff; background:#5674b2; border-radius:4px; } 
.bo_current {color:#e8180c}
.bo_icon_new { padding:0px 5px 1px 3px; line-height:17px; border-radius:2px; margin-left:5px; background:#2090f9; color:#fff; font-size:14px; font-family:'tahoma';}
.bo_icon_secret { position:relative; top:2px; margin-left:5px; }
.bo_secret { display:block; padding:0 10px; line-height:16px; border-left:1px #ccc solid; border-right:1px #ccc solid; }
.comingsoon { text-align:center; padding:100px 0;}
#bo_list .cnt_cmt {display:inline-block; position:absolute; z-index:2; margin-top:8px; color:#fff; width:23px; height:23px; line-height:23px;font-size:16px; font-family:'arial'; background:#ea0626; border-radius:23px;}
#bo_list .cnt_bg { margin:0 auto; top:2px; margin-left:11px; position:relative; z-index:1; }


#bo_sch { float:right; width:400px; border:1px solid #ccc; background:#fff; border-radius:3px; border-right:none;}
#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 { border:0; width:27%; height:45px;float:left; padding:0 6px; border-right:1px solid #ccc; }
#bo_sch .sch_input { display:block; width:56%; height:45px; margin:0;border:0;padding:0 10px;background-color:transparent; float:left; outline: none;}
#bo_sch .sch_btn { width:60px; height:45px; margin:0 4px 0 0; float:right; background:#152A6F; color:#fff; font-size:17px; border:0; }

@media only screen and (max-width:794px){
#bo_sch { width:300px;}
#bo_sch select { width:27%; }
#bo_sch .sch_input { width:50%; }
.bo_list_adm { display:none;}
}

.device_mobile_list { display:none; }

@media only screen and (max-width:1024px){
	.device_pc_list { display:none; }
	.device_mobile_list { display:block; }
	.td_subject { width:100%; text-align:left; }
	.td_subject ._img { display:inline-block; float:left; width:70px; text-align:left;  }
	.td_subject ._subject a { display:block; float:left; text-align:left; font-size:16px; letter-spacing:-0.06em;}
	.td_subject ._cate { float:left; width:100%; text-align:left; padding:5px 0 0 0;font-size:14px; color:#999; letter-spacing:-0.06em;}
	.td_subject ._cate span { float:left; font-size:14px; padding:0 11px 0 0;}
	.td_subject ._cate span a {font-size:14px; color:#85aaff;}
	.td_subject img {margin-left:3px}
	#bo_sch select{ background:#fff; }
	#bo_sch .sch_input{ background-color:transparent; width:50%; }
}

#bo_cate {width: 100%;height: 50px;line-height: 47px; margin-bottom: 28px;font-weight:400; border-bottom: 0px #ccc solid; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { display: flex;width: 100%;height: 50px;padding: 0;margin: 0;}
#bo_cate li {flex: 1;list-style: none;height: 50px;border: 1px #ccc solid;margin-right:-1px;display: flex;}
#bo_cate li:last-child {margin-right: 0;}
#bo_cate li a {flex: 1;display: flex;align-items: center;justify-content: center;padding: 4px 10px 0 10px;text-align: center;cursor: pointer;transition: 0.3s;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#bo_cate li a:focus, 
#bo_cate li a:hover, 
#bo_cate li a:active {background: #1036b0;color: #fff;text-decoration: none;}
#bo_cate #bo_cate_on {background: #1036b0;color: #fff;}

/* 게시판 쓰기 */
#bo_w { margin:0 auto; text-align:left; }
#bo_w header { display:block; position:relative; line-height:52px; top:0; margin-bottom:20px; text-align:center; border-top:2px #222 solid; border-bottom:1px #ccc solid; font-size:17px; font-weight:500;}
#char_count_desc {display:block;margin:0 0 5px;padding:0; }
#char_count_wrap {margin:5px 0 0;text-align:right; width: }
#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_w  label { font-size:1.05em; }
#bo_w .write_div{ margin:3px 0 0;position:relative; }
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:45px;line-height:45px;width:40px;; background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{ position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:45px;line-height:45px;width:40px;background:#eee;text-align:center;color:#888; border:1px solid #ccc;}
#bo_w .bo_w_flie .frm_file{ padding-left:50px; line-height:40px; }
#bo_w .bo_w_flie .file_wr{ border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px; height:45px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:1.05em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}

@media only screen and (max-width:1024px){
	#bo_w .bo_w_flie .frm_file{ width:100%; height:35px; margin-top:0px;}
}

/* 게시판 읽기 */
#bo_v { margin: 30px 0;padding-bottom: 20px;font-weight:400; letter-spacing:0em;}
#bo_v header {display: inline-block;position: relative;width: 100%;top: 10px;border-top: 2px #bbb solid;}
#bo_v header > div {display: flex;width: 100%;font-size: 17px;line-height: 55px;}
#bo_v header .if_tit {display: flex;justify-content: center;align-items: center; float: left;width: 15%;text-align: center;background: #f5f5f5;border: 1px #ddd solid;border-top: none;}
#bo_v header .if_info {float: left;width: 85%;text-align: left;padding: 0 25px;border: 1px #ddd solid;border-top: none;border-left: none;}
#bo_v header .header_info { min-height: 55px;height: auto;border-bottom: 0px #ddd solid;}
#bo_v header .header_info .if_info {font-size: 16px;}
#bo_v header .header_file .if_info a,
#bo_v header .header_link .if_info a {margin-right: 20px;font-size: 16px;font-weight:400;}
#bo_v header .header_file .fa,
#bo_v header .header_link .fa {color: blue;}
#bo_v header .header_by .if_info {padding: 8px 25px;}
#bo_v header .header_chk {margin-top: 0px;}
#bo_v header .header_link .if_tit,
#bo_v header .header_by .if_tit,
#bo_v header .header_chk .if_tit {border-top: 0px #ddd solid;}
#bo_v header .header_link .if_info,
#bo_v header .header_by .if_info,
#bo_v header .header_chk .if_info {border-top: 0px #ddd solid;}
#bo_v header .if_int {padding: 0 15px;}
#bo_v header .fa {padding: 0;}

@media only screen and (max-width:1024px){
	#bo_v header > div {line-height: 25px;}
}

#bo_v_printwin { width:96%; margin:0 auto; margin-bottom:20px;padding-bottom:20px }
#bo_v_printwin header { display:block; position:relative; height:52px; top:0; margin-bottom:20px; text-align:left; border-top:2px #BBB solid; border-bottom:1px #DDD solid; font-weight:bold; font-size:16px; padding:15px 0 10px 0;  }

#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:10px 0;font-size:1.2em }

#bo_v_info { padding:15px 0; border-top:1px solid #ddd; color:#777; }
#bo_v_info h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_v_info span { display:inline-block; margin:0 20px 0 0; font-size:14px;}
#bo_v_info strong { display:inline-block;margin:0 6px 0 0; color:#222; font-size:14px;}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest { font-weight:bold }
#bo_v_info .if_date{float:right;margin:0;color:#888}


#bo_v_fp { display:block; float:right; position:relative; margin-top:-32px; }
#bo_v_fp a { font-size:15px; text-decoration:none; letter-spacing:-0.03em; font-weight:400;}
#bo_v_fp h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_v_fp .ps03 { float:left; padding:0 20px; height:40px; line-height:40px; margin:0 0 0 3px; border:1px #ccc solid; }
#bo_v_fp .ps03:focus, .ps03:hover {text-decoration:none;  background:#eee; border:1px solid #999;}

#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:12px 0 10px;border-top:1px solid #DDD; background:#fff; font-size:14px;}
#bo_v_file li strong { display:inline-block;margin:0 3px 0 0; color:#222; }
#bo_v_file a {padding:8px 0 7px;width:100%; color:#777; }
#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; color:#999; }

#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:12px 0 10px;border-top:1px solid #DDD; background:#fff; font-size:14px; }
#bo_v_link li strong { display:inline-block;margin:0 3px 0 0; color:#222; }
#bo_v_link a {padding:8px 0 7px;width:100%;color:#777; }
#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; color:#999; }

@media only screen and (max-width:1024px){
	.divice_mobile { display:none; }
	#bo_v_fp { display:none; }
	#bo_v_fp1 { display:none; }
	#bo_v_file li { padding:5px 0 3px;border-top:1px solid #DDD; background:#fff; font-size:14px;}
	#bo_v_link li { padding:5px 0 3px;border-top:1px solid #DDD; background:#fff; font-size:14px; }
 }

#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; }

@media only screen and (max-width:768px){
	#bo_v_top ul {width:100%; margin:0 auto; text-align:center;}
	.bo_v_nb {float:left;  }
	.bo_v_nb li {float:left;margin-right:5px;margin-top:5px;}
	.bo_v_com {float:left; }
	.bo_v_com li {float:left; margin-top:5px;margin-left:0px; margin-right:5px;}
	.bo_v_com .btn_admin1 {float:right; margin-top:5px;margin-right:0px;}
 }

#bo_v_atc { height:auto !important; border:1px #e1e1e1 solid; padding:30px 30px 55px 30px; margin:9px 0 0; background:#fff; }
#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;text-align:center;}
#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 { padding-bottom:50px;width:100%; margin:0 auto; line-height:27px;font-size:16px; font-family:'s-core-dream-regular'; word-break:break-all;overflow:hidden; }
#bo_v_con a { color:#000; font-weight:500px; text-decoration:underline; }
#bo_v_con img {max-width:100%;height:auto}


#bo_v_act { display:block; text-align:center; }
#bo_v_act button { display:inline-block; padding:15px 50px; font-size:19px; font-weight:bold; background:#273CA5; color:#fff; border:1px #273CA5 solid; border-radius:32px;transition:0.3s;}
#bo_v_act button:hover { background:#fff; color:#273CA5; border:1px #273CA5 solid; text-decoration:none; transition:0.3s;}
#bo_v_act .bo_v_act_etc { float:left; position:relative; width:203px; right:-6px;}
#bo_v_act .bo_v_act_etc img { float:left; }
#bo_v_act .bo_v_act_gng { float:left; position:relative; line-height:14px;}
#bo_v_act a .goodnum { color:#ff3061; font-size:0.93em;}
#bo_v_act a .nogoodnum { color:#2271c1; font-size:0.93em;}
#bo_v_act strong { }
#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}

@media only screen and (max-width:1024px){
	#bo_v_atc { height:auto !important; border:1px #e1e1e1 solid; padding:15px 10px 25px 10px; margin:0; background:#fff; }
	#bo_v_con { padding-bottom:25px;width:100%; margin:0 auto; line-height:1.5em;font-size:15px;word-break:break-all;overflow:hidden; }
}

#bo_v_coun { text-align:left; border:1px #e1e1e1 solid; margin:0 0 30px 0; padding:10px 0 10px 30px; background:#f8f8f8; }
#bo_v_coun li { display:inline-block;width:100%;padding:3px 0; font-size:1.1em;  }
#bo_v_coun .info_l { display:block; position:relative; float:left; width:100px; padding:1px 0; font-weight:bold; }
#bo_v_coun .info_r { display:block; position:relative; width:300px; padding:1px 0; text-align:left; }
#bo_v_coun_btn { float:right; position:relative; padding:30px 0; margin-top:-32px; /*float:right; text-align:right; margin-top:-6px;*/}

#bo_v_prenext { display:inline-block; width:100%; padding:0; margin:0 0 20px 0; font-size:16px; }
#bo_v_prenext .v_pre { padding:13px 0; border-bottom:1px #ddd solid; }
#bo_v_prenext .v_next { padding:13px 0; border-bottom:1px #ddd solid; }
#bo_v_prenext strong { font-weight:normal; padding:0 25px; margin:0 15px 0 0; border-right:1px #ddd solid; }

@media only screen and (max-width:1024px){
	#bo_v_prenext strong { padding:0 7px 0 0; margin:0 7px 0 0; }
}


#bo_v_share{ position:absolute;margin:0 0 20px;text-align:right;}
#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px; border:0; border-radius:2px;border:1px #d5d5d5 solid;background:#fff;}
#bo_v_share .btn:hover{background:#EEEEEE}
#bo_v_share .btn i{margin-right:5px;background:#000;color:#fff;text-align:center;width:30px;line-height:30px;vertical-align:top;}
#bo_v_share .btn_share{}
#bo_v_share .btn_share:hover{}

.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-50px;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}

/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;background:#fff;font-weight:bold;margin:40px 0 0;padding:0 0 10px 0;border-bottom:1px #ccc solid;}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1.1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;content:"";width:100%;height:2px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {float:left;margin-right:10px}
#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_vc article .cm_wrap {float:left;max-width:870px;width:90%}
#bo_vc header {position:relative;width:100%}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#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:bold}
.bo_vc_hdinfo {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:20px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}

.bo_vc_act {display:none;position:absolute;right:15px;top:53px;width:65px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 0;display:block}
.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}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
#wr_secret {}
.bo_vc_w_info {margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin-right:5px}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;margin-top:10px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit {height:50px;padding:0 30px;border-radius:50px;font-size:1.2em;color:#fff;background:#273CA5;transition:0.3s;}
.bo_vc_w .btn_submit:hover {background:#fff;color:#273CA5;border:1px #273CA5 solid;transition:0.3s;}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

#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 }

@media only screen and (max-width:1024px){
	#bo_vc { margin:10px 0 10px 0; padding:10px;border:1px solid #E5E8EC; }
	#bo_vc h2 { font-size:16px; }
	#bo_vc header { display:inline-block; width:100%; margin:10px 0 15px 0;  height:36px; font-size:16px; }
	#bo_vc .bo_vc_hdinfo { display:inline-block;  margin:0 15px 0 5px; color:#777; font-size:13px; }
	.cmt_contents { width:100%; font-size:15px; line-height:17px;margin-top:10px;}
	.bo_vc_act li { float:left; margin:15px 0 0 5px }
}