@charset "utf-8";
/*2021 - 3 - 29   디맥스 Hboard */

/*Hboard 게시판 목록*/
#H_bo_list {position: relative;}

/*==================================================*/
/*상단 gnb*/
#H_bo_list #bo_btn_top {width:100%; position: relative;margin: 0 0 20px; }

/*버튼영역 */
#H_bo_list #bo_btn_top .bo_gnb_area {float:right;}
#H_bo_list #bo_btn_top .bo_gnb_area ul li {float:left;}
.H-btn { margin:0 2px; width:100px; height:50px; line-height: 50px; text-align: center; display: block; }
.Hbt_co1 {background:#fff; border:1px solid var(--main-color); color:var(--main-color);} /*컬러셋1*/
.Hbt_co2 {background:var(--main-color); color:#fff;} /*컬러셋2*/
.Hbt_co3 {background:var(--main-color);; color:#fff;} /*컬러셋3*/

/*기간별검색*/
#H_bo_list #bo_btn_top .period_area {float:left; width:50%;}
#H_bo_list #bo_btn_top .period_area ul li{float:left;}


.state {width:80px;display: inline-block; color:#fff; padding:7px 0; border-radius:3px; font-size:0.9em;}
.ans_on { background:var(--main-color);}
.ans_off { background: var(--sub-color3);}

/*========================*리스트*=========================*/
#H_bo_list .max_H_board {width:100%; border-top:2px solid var(--main-color); }
#H_bo_list .max_H_board .top_area {display:table;width:100%;}
#H_bo_list .max_H_board .top_area .top_box{display:table-cell; text-align:center; font-size: 1em;font-weight:500; padding:20px 0;border-bottom:1px solid var(--main-color);;vertical-align: middle;}
#H_bo_list .max_H_board .list_area {display:table;width:100%;position: relative;}
#H_bo_list .max_H_board .list_area .list_box {display:table-row}
#H_bo_list .max_H_board .list_area .empty_box {width:100%; text-align: center; padding:4em 0;}
#H_bo_list .max_H_board .list_area .list_cont{display:table-cell; text-align: center;color:#555; font-size: 0.95em;border-bottom:1px solid #ddd; padding:15px 0;vertical-align: middle;}
#H_bo_list .max_H_board .list_area .bo_suj {text-align:left;}
#H_bo_list .max_H_board .list_area .bo_notice {background:#fafafa !important;}
#H_bo_list .max_H_board .list_area .bo_notice a {font-weight:bold}
#H_bo_list .max_H_board .list_area .bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:500;color:#ffac44}

#H_bo_list .max_H_board .bo_chk{width:5%;	}
#H_bo_list .max_H_board .bo_num {width:5%;}
#H_bo_list .max_H_board .bo_name {width:10%; }
#H_bo_list .max_H_board .bo_suj {font-weight: 200; }
#H_bo_list .max_H_board .bo_ans {width:8%; }
#H_bo_list .max_H_board .bo_date {width:8%; }
#H_bo_list .max_H_board .bo_another {width:10%}
#H_bo_list .bo_tit {display:block;color:#654829;font-weight:500}
#H_bo_list .bo_tit .sch_word {background:#654829;padding: 2px 5px; }






/* 리스트 제목 아이콘 */
#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:var(--main-color);text-align:center;border-radius:100%;border:1px solid var(--sub-color3);;vertical-align:middle}
#H_bo_list .bo_tit .new_icon {display:inline-block;width:16px; height:16px; line-height:16px;font-size:0.75em;color:#fff;background:#ffac44;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:text-top}
/*
#H_bo_list .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
#H_bo_list .bo_tit .fa-caret-right {color:#bbb}
#H_bo_list .bo_tit .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}
#H_bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}
*/

/*분류카테고리*/
#Hb_cate {width:100%; margin:25px 0; text-align: center;}
#Hb_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#Hb_cate li {display:inline-block;padding:2px}
#Hb_cate a {display:block;line-height:28px;padding:5px 20px;  color:var(--sub-color4);}
#Hb_cate a:focus, #Hb_cate a:hover, #Hb_cate a:active {text-decoration:none;color:var(--sub-color3);}
#Hb_cate #bo_cate_on {z-index:2;color:var(--main-color);;font-weight:500;border-bottom:3px solid var(--main-color);;}
#H_bo_list .bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#fff;color:var(--main-color);font-weight:normal !important;line-height:13px;padding:5px 8px;font-size:0.8em;border: 1px solid var(--sub-color3);} /* 글제목줄 분류스타일 */

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

/*검색*/
.bo_sch_wrap {display:block;position:relative;background:#f7f7f7;text-align:center; padding: 15px 0 10px;}
.bo_sch {position:relative;display: inline-block; width:75%;}
.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:20%;height:50px; padding:10px 15px; vertical-align: top; border:1px solid #ddd;}
.bo_sch .sch_bar {display:inline-block;clear:both;width:50%;}
.bo_sch .sch_input {width:100%;height:50px; border:1px solid #ddd; padding:10px 15px;background-color:#fff;float:left; }
.bo_sch .sch_btn {height:50px;color:#fff;background:#333;border:0;width:100px;font-size:15px;   vertical-align: top;}
.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:#ae875e; border:0; border-radius:100%;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#ae875e; background:#fff; border:1px solid #ae875e; 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 #ae875e; 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 #ae875e}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ae875e; 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 #ae875e}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}




/* ================================================ */

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

}


@media screen and (max-width: 768px) {
#H_bo_list #bo_btn_top .period_area {width:100%;    float: inherit;    text-align: center;display: none;	}
#H_bo_list #bo_btn_top .period_area ul {display: inline-block;}

#H_bo_list #bo_btn_top .bo_gnb_area {width:100%; float: inherit;    text-align: center;}
#H_bo_list #bo_btn_top .bo_gnb_area ul {display: inline-block;}

.H-btn {width:90%; margin:0 5%; font-size: 0.9em;}
.btn_point {width:200px;margin:0 auto; display: block;}
#H_bo_list #bo_btn_top .bo_gnb_area ul li {width:25%}
#H_bo_list #bo_btn_top .bo_gnb_area ul li:last-child{width:100%;margin:10px 0;}

.state {text-align: center; width: 100%;}
#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  .list_box{display: block;border:1px solid #ddd;margin:5%; padding:15px;width:90%;box-shadow: 0px 2px 7px rgba(0,0,0,0.15);}
#H_bo_list .max_H_board .list_area .list_cont{display: block;border:0;padding:5px !important; text-align:left; }
#H_bo_list .max_H_board .bo_chk{width:5%;	}
#H_bo_list .max_H_board .bo_num {width:5%; display: none !important;}
#H_bo_list .max_H_board .bo_name {width:100%; }
#H_bo_list .max_H_board .bo_suj {width:100%;font-weight: 200; }
#H_bo_list .max_H_board .bo_ans {width:100%; }
#H_bo_list .max_H_board .bo_date {width:100%; }
#H_bo_list .max_H_board .bo_another {width:100%;}
.bo_sch {width:100%;}
.bo_sch .sch_btn {width:50px;}
.bo_sch .sch_btn span {display: none;}
.bo_sch select {padding:5px;}
.bo_sch .sch_input {padding:5px;}
}







/*=======================*글읽기*==========================*/

/* 게시판 읽기 */
#Hview_top {position: relative;	border-top:3px solid var(--main-color); border-bottom:1px solid #ddd;  text-align: center; padding:30px 0; margin-bottom:20px;}
#Hview_top .bo_v_cate {display:inline-block;line-height:20px;color:var(--main-color);margin-bottom:10px;font-size: 1.2em;}
#Hview_top .bo_v_tit {display:block;font-size:2.2em;margin:5px 0 0;word-break:break-all}
#Hview_top .btn_prv {position: absolute;left: 0;top:50%;transform:translate(0%, -50%); color:#777;}
#Hview_top .btn_prv i {color:var(--main-color);margin-right:5px;}
#Hview_top .btn_next {position: absolute;right: 0;top:50%;transform:translate(0%, -50%);color:#777;}
#Hview_top .btn_next i {color:var(--main-color);margin-left:5px;}
#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}
#Hview_info {margin-bottom:10px;background:#eee;color:#666; text-align: center;}
#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 {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#Hview_info .sv_member,
#Hview_info .sv_guest,
#Hview_info .member,
#Hview_info .guest {font-weight:bold}
#Hview_info .profile_img {display:none}
#Hview_info .sv_member {color:#000}
#Hview_info .if_date {margin:0;color:#888}

/*이미지출력*/
#bo_v_img {width:100%;overflow:hidden;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 {margin-bottom:20px;max-width:100%;height:auto}
#Hview_data {border-top:1px solid #ddd;}

/*파일출력*/
#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 {padding:15px;position:relative;border-bottom:1px solid #dfdfdf;}
#bo_v_file li i {float:left;color:#ddd;font-size:2.35em;margin-right:20px}
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#b99c76}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#ccc;font-size:0.92em}
#bo_v_file li:hover {color:#b99c76}
#bo_v_file li:hover i {color:#b99c76}
#bo_v_file li:hover .bo_v_file_cnt {color:#b99c76}

/*링크출력*/
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link li {padding:15px;position:relative;border-bottom:1px solid #dfdfdf;}
#bo_v_link li i {float:left;color:#ddd;font-size:2.35em;margin-right:20px}
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#b99c76}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_link li:hover {color:#b99c76}
#bo_v_link li:hover i {color:#b99c76}
#bo_v_link li:hover .bo_v_link_cnt {color:#b99c76}

/*하단 이전글 다음글*/
.Hview_nb {position:relative;margin:20px 0;border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;clear:both;text-align:left}
.Hview_nb:after {display:block;visibility:hidden;clear:both;content:""}
.Hview_nb li {padding:20px 0; width:50%; float:left;border-left:1px solid #f1f1f1;}
.Hview_nb li:hover {background:#f6f6f6}
.Hview_nb li:last-child {border-right:1px solid #f1f1f1}
.Hview_nb li.btn_prv a{display: block;text-align:left;margin-left:20px;}
.Hview_nb li.btn_prv i {font-size:13px;color:#b99c76}
.Hview_nb li.btn_prv .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.Hview_nb li.btn_next a{display: block;text-align: right;margin-left:20px;}
.Hview_nb li.btn_next i {font-size:13px;color:#b99c76}
.Hview_nb li.btn_next .nb_tit {display:inline-block;padding-left:20px;color:#b3b3b3}
.Hview_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}

/*버튼영역 */
#Hview_btn {width:100%; position: relative;margin:20px 0; border-top:1px solid #ddd; padding:20px 0;}
#Hview_btn .bo_gnb_area {display: block; text-align: center;}
#Hview_btn .bo_gnb_area ul {display: inline-block;}
#Hview_btn .bo_gnb_area ul li {float:left; margin-bottom:10px;}

@media screen and (max-width: 768px) {
#H_bo_view {width:90% !important; margin:0 5%;}
#Hview_btn .bo_gnb_area ul {width:100%;}
#Hview_btn .bo_gnb_area ul li {width:20%;}
}


/*=======================* 댓글 *==========================*/


#Hview_coment {background:var(--sub-color2); position: relative; padding:30px 0;}
#Hview_coment .title { position: absolute;top:0; left:0; width:80px; height:80px; line-height:80px; display: block; background:var(--main-color);color:#fff; text-align: center;}
#Hview_coment h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#Hview_coment article {margin-left:110px; position:relative;border-bottom:1px solid #f0f0f0}
#Hview_coment article:after {display:block;visibility:hidden;clear:both;content:""}
#Hview_coment article .cm_wrap {float:left;width:95%; position: relative;}
#Hview_coment article .cm_wrap header {margin-bottom:10px;}
#Hview_coment article .cm_gnb {position: absolute; right:0; top:0;}
#Hview_coment article .cm_gnb li {float:left; display: block;}
#Hview_coment article .cm_gnb li a {background:#fff; font-size:0.75em; border:1px solid #ddd; margin:0 3px; padding:5px 10px;}
#Hview_coment article .cm_gnb li a:hover {background:#b28850; color:#fff;}

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

#bo_v_con {margin:50px 0;line-height: 150%; }

.etc_info_table {width:100%}
.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;}


/*=======================* 글쓰기 *==========================*/
/*글쓰기*/
#Hwrite {}

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


/*개인정보처리방침*/
#Hwrite .Hwrite_agree {width:100%; margin-bottom:50px;}
#Hwrite .Hwrite_agree h2 { font-size:1.5em; font-weight: 500; padding-top:25px; position: relative;}
#Hwrite .Hwrite_agree .agree_box{ border:1px solid #eee; margin-top:20px;}
#Hwrite .Hwrite_agree .agree_box .agree_cont { padding:30px;min-height:150px; height:150px; overflow-y:scroll;}
#Hwrite .Hwrite_agree .agree_box .agree_chk { padding:20px; text-align: right; background:#fafafa;}


 ._agree {}
 ._agree h3 {margin-bottom:20px; font-size: 1.2em; font-weight: 600;}
 ._agree dl {padding-top:20px ; }
 ._agree dt {font-weight:500; margin-bottom:10px;font-size:1em; }
 ._agree dd { font-weight: 300; line-height:150%; margin-bottom:30px;font-size:0.95em;color:#333;}
 ._agree dd ul {margin:5px 0;}
 ._agree dd ul li {padding-left:15px; font-size: 0.9em;color:#777;}




#Hwrite .Hwrite_list {border-top:2px solid var(--main-color); }
#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:15%; padding:20px 30px;position: relative;}
#Hwrite .Hwrite_list ul li .w_subj span {display: block;  font-weight: 600;  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: 10px; width: 7px; height: 7px; background: #b20000; border-radius: 3px;}
#Hwrite .Hwrite_list ul li .w_content {display: table-cell; width:85%; padding:20px;}

#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:20px 0; border-top:1px solid #ddd; padding:20px 0;}
#Hwrite .bo_gnb_area {display: block; text-align: center;}
#Hwrite .bo_gnb_area ul {display: inline-block;}
#Hwrite .bo_gnb_area ul li {float:left;}





#Hwrite .btn_cke_sc {display: none;}
#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}
#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:""}
/* 
#Hwrite #wr_password, #Hwrite #wr_homepage {margin-left:1%}
#Hwrite .wr_content.smarteditor2 iframe {background:#fff}
#Hwrite .bo_w_tit {position:relative}
#Hwrite .bo_w_tit .frm_input {padding-right:120px}
#Hwrite .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
#Hwrite .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#Hwrite .bo_w_link .frm_input {padding-left:50px}
#Hwrite .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#Hwrite .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#Hwrite .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#Hwrite .bo_w_flie .frm_input {margin:10px 0 0}
#Hwrite .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#Hwrite .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#Hwrite .btn_submit {padding:0 20px;font-size:1.167em}
#Hwrite .btn_cancel {border-radius:3px;font-size:1.167em} */



@media screen and (max-width: 768px) {
#Hwrite .Hwrite_agree {width:100%; }
#Hwrite .Hwrite_list {width:100%; }
#Hwrite .Hwrite_list ul li {display: block;}
#Hwrite .Hwrite_list ul li .w_subj {display: block;width: 100%; padding: 20px 0;background: #fff;}
#Hwrite .Hwrite_list ul li .w_subj span {position: relative; transform:none;}
#Hwrite .Hwrite_list ul li .w_content {width:100%; display: block;padding: 0 0 15px;}
#Hwrite .half_input {width:100%;}
#Hwrite .tel_input {width:25%;}
#Hwrite .bo_gnb_area ul {width:90%;}
#Hwrite .bo_gnb_area ul li {width:50%;}
#Hview_top .bo_v_tit {font-size:1.3em;}
.etc_info_table tr th {font-size:0.9em;}
.etc_info_table tr td {font-size:0.9em;}
#Hview_coment .title {width:50px; height:50px;line-height:50px;}
#Hview_coment article {margin-left:70px;}
#Hview_coment .cmt_contents p{display: block;word-break: normal;}

#Hwrite .Hwrite_agree .agree_box .agree_cont {padding:20px;}

}