@charset "utf-8";
@import url("common.css");
/*2022 - 2 - 15   디맥스 Hboard */

/*------------------------------------
	board common
------------------------------------*/
#H_bo_list {position: relative;}

/*상단 gnb*/
#H_bo_list #bo_btn_top {width:100%; position: relative; margin: 2rem 0 0; }

/*버튼영역*/ 
.bo_gnb_area ul {width:100%; display:flex; justify-content: flex-end}
.bo_gnb_area ul li {}
.H-btn {display:flex; font-size: 1.6rem; min-width:9rem; min-height:5rem; margin:0 .2rem; align-items: center; justify-content: center; transition:background .3s; border:0; }
.Hbt_co1 {background:#666; color:var(--sub-color1);} /*컬러셋1*/
.Hbt_co2 {background:var(--sub-color1); border:1px solid #d1d1d1; color:var(--sub-color4);} /*컬러셋2*/
.Hbt_co3 {background:var(--main-color1); color:var(--sub-color1);} /*컬러셋3*/


/****************************** 768 ******************************/
@media screen and (max-width: 768px) {
	/*버튼영역*/
	.bo_gnb_area ul{display:flex; justify-content: center; flex-wrap: wrap;}
	.bo_gnb_area ul li {margin-bottom:.5rem;}
	.H-btn {font-size: 1em; width: 3rem; margin: 0 0.1rem; height: auto; min-width:8rem; min-height:4.5rem; line-height: 1;}
}


/*------------------------------------
	board list
------------------------------------*/
#H_bo_list .max_H_board {width:100%; }
#H_bo_list .max_H_board .list_area {width:100%;position: relative;}
#H_bo_list .max_H_board .list_area .list_box {display:flex;  width: 100%;   align-items: center;border-bottom:1px solid #c9c9c9;}
#H_bo_list .max_H_board .list_area .empty_box {width:100%; text-align: center; padding:4em 0;border-bottom:1px solid #c9c9c9;}
#H_bo_list .max_H_board .list_area .empty_box i {display: block; font-size: 1.5rem; margin-bottom:0.5rem;}
#H_bo_list .max_H_board .list_area .list_cont{text-align: center; color:#555; font-size: 0.95em; padding:4rem 0;vertical-align: middle;}
#H_bo_list .max_H_board .list_area .bo_suj {text-align:left; width: 100%; }
#H_bo_list .max_H_board .list_area .bo_notice {background:#fafafa !important;}
#H_bo_list .max_H_board .list_area .bo_notice a {}
#H_bo_list .max_H_board .list_area .bo_notice .notice_icon {display:inline-block;font-size: 1.25rem; line-height:25px;border-radius:5px;font-weight:500;color:#2ac8c7}

#H_bo_list .max_H_board .bo_chk{width:5%;text-align: center;}
#H_bo_list .max_H_board .bo_num {width:7%; font-weight: bold; color:#ddd;}
#H_bo_list .max_H_board .bo_name { display: inline-block; padding-right:10px; margin-right:7px; font-size: .9em; position: relative;}
#H_bo_list .max_H_board .bo_name::before {position: absolute; content:''; width:2px; height: 2px; background: #333;right:0; top:50%;transform:translate(0%, -50%);}	
#H_bo_list .max_H_board .bo_suj {font-weight: 200;}
#H_bo_list .max_H_board .bo_ans {width:10%;}
#H_bo_list .max_H_board .bo_date {display: inline-block; font-size: .9rem;}
#H_bo_list .max_H_board .bo_another {width:10%}
#H_bo_list .bo_tit {display:block; color:#666; font-size: 2.4rem; line-height: 1.6; font-weight:500; margin-bottom:1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#H_bo_list .bo_tit .sch_word {background:#666;padding: 2px 5px; }
#H_bo_list .info {display:flex; align-items: center; font-size:.9em;}
#H_bo_list .info div {position:relative; margin:0 1.5rem 0 0;  padding: 0 1.5rem 0 0; font-weight:500; letter-spacing:0; color:#acacac; padding: 0 1.5rem 0 0;}
#H_bo_list .info div:before {position:absolute; top:50%; right:0; transform:translateY(-50%); content:''; width:.1rem; height:60%; background: #acacac;}
#H_bo_list .info div:nth-of-type(4):before {display:none;}
#H_bo_list .info .bo_day {color:#cf0000; font-weight:600;}

/* 리스트 제목 아이콘 */
#H_bo_list .bo_tit .title_icon {margin-right:2px}
#H_bo_list .bo_tit .fa-heart {color:#ff0000}
#H_bo_list .bo_tit .fa-lock {display:inline-block;margin-right:5px; line-height:25px;width:25px;height:25px; font-size:0.9em !important;color:#ae875e;text-align:center;border-radius:100%;border:1px solid #cabcad;vertical-align:middle}
#H_bo_list .bo_tit .new_icon {display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; font-size: 0.8rem; color: var(--sub-color1); background: #ffac44;
 text-align: center; border-radius: 2px; margin-left: 2px; font-weight: bold; vertical-align: 0.8rem;}
 
/*분류카테고리*/
#Hb_cate {width:100%; margin:0 0 5rem 0; text-align: center;}
#Hb_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#Hb_cate li {display:inline-block; margin-left:-.1rem;}
#Hb_cate a {display:block; line-height:28px; min-width:15rem; padding:1.5rem 2rem; color:#000; border:1px solid #ddd; transition:background .3s;}
#Hb_cate a:focus, #Hb_cate a:hover, #Hb_cate a:active {text-decoration:none; background: var(--main-color1); color:var(--sub-color1);}
#Hb_cate #bo_cate_on {z-index:2; color:var(--sub-color1); background: var(--main-color1); font-weight:500;}
#H_bo_list .bo_cate_link {display:inline-block; color:var(--main-color1); font-weight:normal !important; line-height:13px; font-size:0.8em; } /* 글제목줄 분류스타일 */

#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}

/*검색박스*/
#H_bo_list .board_top {padding:2rem; background: #eaeaea; display:flex; justify-content: space-between;align-items: center; margin-bottom:1rem; }

/*총페이지*/
.list_total {color:var(--sub-color2); letter-spacing:0;}
.list_total em {font-weight: bold; color:var(--main-color1); font-style:normal;}

/*검색*/
.bo_sch_wrap {display:block;position:relative;text-align:center;  margin-left: auto;}
.bo_sch {position:relative; display: flex; border-radius:5rem; overflow:hidden; background: var(--sub-color1);}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px 0;display:block; margin:0 auto;}
.bo_sch select {border:0; width:29%; height:50px; padding:10px 15px; vertical-align: top; font-size:.8em; color:#222;}
.bo_sch .sch_bar {display:inline-block; clear:both; width:70%;}
.bo_sch .sch_input {width:100%; height:50px; border:0; padding:10px 15px; background-color:var(--sub-color1); font-size:.8em;}
.bo_sch .sch_btn {color:#000; padding:0 1.5rem; background:var(--sub-color1); border:0; vertical-align: top; line-height:1;}
.bo_sch .sch_btn span {margin-left:10px;}

/* 페이징 */
.pg_wrap {clear:both;float:inherit;display:block; position: relative;text-align: center; margin:30px 0;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_current {display:inline-block;height:40px; width:40px; color:#fff; line-height:40px; vertical-align:middle;background:#551bb6; border:0; border-radius:100%;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#551bb6; background:#fff; border:1px solid #ddd; font-size:1.083em;height:40px; width:40px; line-height:40px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:100%; }
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd; margin-right:10px;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd; margin-left:10px;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

/****************************** 1255 ******************************/
@media screen and (max-width: 1255px) {
	#H_bo_list {padding:0 5%;}

	/*총페이지*/
	#H_bo_list .list_total {font-size: 1em;}
	#H_bo_list .info{font-size:1em;}

	/*검색*/
	#H_bo_list .bo_sch_wrap .bo_sch select {font-size:1em;}
	#H_bo_list .bo_sch_wrap .bo_sch .sch_input {font-size:1em;}
	#H_bo_list .bo_sch_wrap .bo_sch .sch_btn {padding:0 2rem;}

}
/****************************** 768 ******************************/
@media screen and (max-width: 768px) {
 	#H_bo_list .max_H_board  {border-top:0;}
	#H_bo_list .max_H_board .top_area {display: none;}
	#H_bo_list .max_H_board .list_area { display: block;}
	#H_bo_list .max_H_board .list_area .list_box{display: block; margin:0%; padding:2rem 0rem; width:100%;}
	#H_bo_list .max_H_board .list_area .list_cont{display: block; width: 100%; border:0; padding:0 !important; margin-bottom: .5rem; text-align:left; }
	#H_bo_list .max_H_board .bo_chk{width:10%; display: inline-block;}
	#H_bo_list .max_H_board .bo_num {width:10%; display: none !important;}
	#H_bo_list .max_H_board .bo_suj {width:100%;font-weight: 200; }
	#H_bo_list .bo_tit {font-size:1.3em; margin-bottom:.5rem;}
	#H_bo_list .bo_name, #H_bo_list .bo_date {font-size:1.3em !important;}
	#H_bo_list .info{flex-wrap: wrap;}
	#H_bo_list .info div {margin:0 1rem .5rem 0; padding:0 1rem 0 0;}

	/*검색박스*/
	#H_bo_list .board_top {display: flex; width: 100%; flex-direction: column-reverse; align-items: flex-start; background: 0; padding:0;}

	/*총페이지*/
	#H_bo_list .list_total {display:block; padding:1.5rem 2rem; width:100%; margin:3rem 0 1.5rem 0; text-align:left; background: #eaeaea;}

	/*검색*/
	#H_bo_list .bo_sch_wrap {width:80%; margin:0 auto;}
	#H_bo_list .bo_sch_wrap .bo_sch select {background-color: #eaeaea;}
	#H_bo_list .bo_sch_wrap .bo_sch .sch_input {background: #eaeaea;}
	#H_bo_list .bo_sch_wrap .bo_sch .sch_btn {background-color: #eaeaea; font-size:1.5em; padding:0 2rem;}

	
}


/*------------------------------------
	board view
------------------------------------*/
/* 게시판 읽기 */
#H_bo_view {position: relative;}
#H_bo_view > header {border-top:1px solid #000;  border-bottom:1px solid #ddd;}
#Hview_top {position: relative;	  text-align: center; padding:2rem 0; }
#Hview_top .bo_v_cate {display:block; line-height:1.3; color:var(--main-color1); margin-bottom:1rem; font-size: 1.6rem; font-weight:400;}
#Hview_top .bo_v_tit {width: 100%; display:inline-block; font-size:2.6rem; font-weight:500; text-align: center; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:var(--sub-color1);font-weight:bold;line-height:2.2em}
#Hview_info {border-top:1px dashed #ddd; color:#888; text-align: center; font-size: .9rem;}
#Hview_info:after {display:block;visibility:hidden;clear:both;content:""} 
#Hview_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#Hview_info .profile_info {margin:15px 0;display:inline-block;float:left; width:100%; text-align: center;}
#Hview_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:18px; width:100%;}
#Hview_info strong {position: relative; display:inline-block; margin:0 1.5rem 0 0; padding:0 1.5rem 0 0; font-weight:normal; font-size:1.6rem; letter-spacing:0;}
#Hview_info strong:nth-of-type(5):before {display:none;}
#Hview_info strong:before {position:absolute; top:50%; right:0; transform:translateY(-50%); content:''; width:.1rem; height:60%; background: #acacac;}
#Hview_info strong.bo_day {color:#cf0000; font-weight:600; letter-spacing:0;}
#Hview_info .sv_member, #Hview_info .sv_guest, #Hview_info .member, #Hview_info .guest {font-weight:500}
#Hview_info .profile_img {display:none}
#Hview_info .if_date {margin:0;}

/*본문출력*/
#bo_v_con {margin:2rem 0;line-height:150%;}

/*이미지첨부파일 출력*/
#bo_v_img {width:100%;display: inline-block; overflow:hidden;zoom:1 ;text-align: center;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image { width: 100%; }
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}
#Hview_data {border-top:1px solid #ddd;}

/*첨부파일출력*/
#bo_v_file {min-height:5rem;}
#bo_v_file h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li a{width: 100%; display:flex; align-items: center; font-size:.9em; padding:1rem 2rem; position:relative; border:1px solid #eee; margin:.5rem 0;}
#bo_v_file li i {float:left; color:#ddd; margin-right:20px}
#bo_v_file li strong {margin-right:1rem;}
#bo_v_file a {float:left; display:block; text-decoration:none; word-wrap:break-word; color:#333}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {color:var(--main-color1); background: #F5F6FA;}
#bo_v_file img {float:left; margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#ccc; font-size:0.92em; margin-left: auto;}
#bo_v_file li:hover {color:var(--main-color1);}
#bo_v_file li:hover i {color:var(--main-color1);}
#bo_v_file li:hover .bo_v_file_cnt {color:var(--main-color1);}

/*링크출력*/
#bo_v_link:after {content:''; display:block; clear:both;}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {width:100%; height:auto;}
#bo_v_link li a {width: 100%; display:block; padding:15px; position:relative; border:1px solid #eee; margin:.5rem 0; font-size:1.6rem;}
#bo_v_link li i {float:left;color:#ddd;font-size:2rem;margin-right:20px}
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#333}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline; color:var(--main-color1);}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em; margin-left: auto;}
#bo_v_link li:hover {color:var(--main-color1);}
#bo_v_link li:hover i {color:var(--main-color1);}
#bo_v_link li:hover .bo_v_link_cnt {color:var(--main-color1);}

/*하단 이전글 다음글*/
.Hview_nb {position:relative;display: inline-block; width: 100%; margin:20px 0;border-top:1px solid #f1f1f1; clear:both;text-align:left}
.Hview_nb:after {display:block;visibility:hidden;clear:both;content:""}
.Hview_nb li {padding:2rem 0; width:100%; float:left; border-bottom:1px solid #f1f1f1;  font-size:1.8rem;}
.Hview_nb li:hover {background:#F5F6FA}
.Hview_nb li a {display: flex; width: 100%; color:#aaa;}
.Hview_nb li.btn_prv a{text-align:left; }
.Hview_nb li.btn_prv i {font-size:1rem; color:#000; margin:0.5rem 1rem 1rem; vertical-align:middle;}
.Hview_nb li.btn_prv .nb_tit {display:inline-block; padding-right:20px;color:#000}
.Hview_nb li.btn_next a{text-align: left;}
.Hview_nb li.btn_next i {font-size:1rem; color:#000; margin:0.5rem 1rem 1rem; vertical-align:middle;}
.Hview_nb li.btn_next .nb_tit {display:inline-block; padding-right:20px;color:#000}

/*버튼영역 */
#Hview_btn {position: relative; margin:2rem 0;} 

/****************************** 1255 ******************************/
@media screen and (max-width: 1255px) {
	/* 게시판 읽기 */
	#H_bo_view {padding:0 5%;}

}
/****************************** 768 ******************************/
@media screen and (max-width: 768px) {
	/* 게시판 읽기 */
	#Hview_top {padding:1.2rem 5%;}
	#Hview_top .bo_v_tit {font-size: 2rem; }
	#Hview_info .profile_info {margin:1.2rem 0;}
	#Hview_info .profile_info .profile_info_ct {font-size: 1em; padding:0;}
	#Hview_info strong {font-size:1.4rem; margin:0 1rem .5rem 0; padding:0 1rem 0 0;}

	/*하단 이전글 다음글*/
	.Hview_nb li {padding:1rem 0; font-size: 1em;}

	/*첨부파일출력*/
	#bo_v_file li i {font-size: 1.5rem;}
	#bo_v_file li strong {font-size: .9em;}
	#bo_v_link li i {font-size: 1.5rem;}
	#bo_v_link li strong {font-size: .9em;}
 
}


/*=======================* 댓글 *==========================*/
/*댓글 리스트*/
#Hview_coment {background:#F5F6FA; position: relative; padding:2rem ;}
#Hview_coment .title { position: absolute;top:0; left:0; width:5rem; height:5rem; line-height:5rem; display: block; background:#571AB7;color:var(--sub-color1); text-align: center;}
#Hview_coment h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#Hview_coment article {margin-left:5rem; position:relative;}
#Hview_coment article:after {display:block;visibility:hidden;clear:both;content:""}
#Hview_coment article .cm_wrap {float:left;width:100%; position: relative; background: var(--sub-color1); margin: .5rem 0; padding: 1.5rem; border-radius:.5rem;}
#Hview_coment article .cm_wrap header {margin-bottom:10px;}
#Hview_coment article .cm_gnb {position: absolute; right:0; top:0;margin: 1.5rem;}
#Hview_coment article .cm_gnb li {float:left; display: block;}
#Hview_coment article .cm_gnb li a {background:var(--sub-color1); font-size:0.75rem; display: inline-block; border:1px solid #ddd; margin:0 3px; padding:5px 10px;}
#Hview_coment article .cm_gnb li a:hover {background:#2ac8c7; border:1px solid currentColor; color:var(--sub-color1);}

#Hview_coment .member, #Hview_coment .Hview_coment, #Hview_coment .sv_member, #Hview_coment .sv_guest {font-weight:500}
.bo_vc_hdinfo {color:#777}
#Hview_coment h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#Hview_coment .cmt_contents {line-height:1.8em;padding:0 0 20px}
#Hview_coment p a {text-decoration:underline}
#Hview_coment p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#Hview_coment #bo_vc_winfo {float:left}
#Hview_coment .bo_vl_opt {position:absolute;top:0;right:0}

#Hview_coment_w {position:relative;margin:10px 0;display:block; margin-top:2rem; padding-top:2rem; border-top:1px solid #ddd;}
#Hview_coment_w:after {display:block;visibility:hidden;clear:both;content:""}
#Hview_coment_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#Hview_coment_w #char_cnt {display:block;margin:0 0 5px}
#Hview_coment_w textarea {border:1px solid #ccc;background:var(--sub-color1);color:#000;vertical-align:middle;padding:5px;width:100%;height:100px;}
#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:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
.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}

.etc_info_table {width:100%;border-top:2px solid #b28850;}
.etc_info_table tr {border-bottom:1px solid #ddd;}
.etc_info_table tr th {background:#f5f5f5; padding:15px 20px;text-align:left;	}
.etc_info_table tr td {padding:15px;}


/****************************** 768 ******************************/
@media screen and (max-width: 768px) {
	#Hview_coment {padding:1rem 1.5rem;}
	#Hview_coment .title {display: none ;}
	#Hview_coment article {margin-left:0 ;}
	#Hview_coment article .cm_wrap {padding:1rem;}
	#Hview_coment article .cm_gnb {top:auto; bottom:0; margin:1rem;}
}


/*------------------------------------
	board write 
------------------------------------*/
/*글쓰기*/
#Hwrite {font-size:1.8rem;}

/*폼 사이즈*/
#Hwrite .frm_input {border-radius:0;}
#Hwrite .full_input {font-size:1em;}
#Hwrite .half_input {}
#Hwrite .tel_input {width:13%; text-align: center;}

/* 셀렉트 */
#Hwrite .bo_w_select {font-size:1em;}
#Hwrite .bo_w_select select {border:1px solid #ddd; padding:.5rem 2rem .5rem 1rem; font-size:1em; color:#222;}
#Hwrite input[type="file"] {font-size:1.5rem;}

#Hwrite .Hwrite_list {border-top:1px solid #000; }
#Hwrite .Hwrite_list > ul {}
#Hwrite .Hwrite_list > ul > li {border-bottom:1px solid #ddd;display: table;width:100%;}
#Hwrite .Hwrite_list > ul > li .w_subj {display: table-cell; width:20%; font-weight:500; background: var(--sub-color6); padding:2rem 3rem; position: relative;}
#Hwrite .Hwrite_list > ul > li .w_subj span {display: block; position: absolute; top: 50%; transform: translate(0%, -50%); -ms-transform: translate(0%, -50%);}
#Hwrite .Hwrite_list > ul > li .w_subj span em.req {position: absolute; margin-left: 1rem; width: .6rem; height: .6rem; background: var(--main-color1); border-radius: .6rem;}
#Hwrite .Hwrite_list > ul > li .w_content {display: table-cell; width:80%; padding:2rem;}
#Hwrite .Hwrite_list > ul > li .w_content textarea {border:1px solid #ddd;}
#Hwrite .w_content .tel_box {display: inline; margin-right:10px;}
#Hwrite .w_content .tel_hypen {margin:0 5px;display: inline-block;}
#Hwrite .w_content  em.regi_txt {display: block;width: 100%; margin-top:10px;font-size: 0.9em;}
.red {color:#b20000;}

/*버튼영역 */
#Hwrite_btn {width:100%; position: relative; margin:2rem 0; border-top:1px solid #ddd; padding:2rem 0;}
#Hwrite .bo_gnb_area {display: block; text-align: center;}

#Hwrite .btn_cke_sc {display: none;}
#Hwrite .bo_v_option {display: inline-block;margin-bottom:5px;}
#Hwrite .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#Hwrite .bo_v_option li label {vertical-align:baseline; margin-right:20px;}
#Hwrite .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}

#Hwrite .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#Hwrite .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}


/****************************** 1255 ******************************/
@media screen and (max-width: 1255px) {
	#Hwrite {padding:0 5%;}
}
/****************************** 1023 ******************************/
@media screen and (max-width: 1023px) {
	#Hwrite {font-size:1.6rem;}
}
/****************************** 768 ******************************/
@media screen and (max-width: 768px) {
	/*글쓰기*/
	#Hwrite {font-size:1em;}

	/*폼 사이즈*/
	#Hwrite .frm_input {border-radius:0;}
	#Hwrite .full_input {}
	#Hwrite .half_input {width:100%;}
	#Hwrite .tel_input {width:25%;}

	/* 셀렉트 */
	#Hwrite .bo_w_select select {font-size:1em;}
	#Hwrite .Hwrite_agree {width:100%; margin:0 auto 2rem;}

	#Hwrite .Hwrite_list {width:100%; margin:0 auto 2rem;}
	#Hwrite .Hwrite_list > ul > li {display: block;}
	#Hwrite .Hwrite_list > ul > li .w_subj {display: block;width: 100%; padding: 1rem;background: var(--sub-color1);}
	#Hwrite .Hwrite_list > ul > li .w_subj span {position: relative; transform:none; font-size:1.1em;}
	#Hwrite .Hwrite_list > ul > li .w_content {width:100%; display: block;padding: 0 1rem .8rem;}

 
}