@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 #ae875e; color:#ae875e;} /*컬러셋1*/
.Hbt_co2 {background:#ae875e; color:#fff;} /*컬러셋2*/
.Hbt_co3 {background:#333; 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:#f2840b}
.ans_off { background: #473a2e;}

/*========================*리스트*=========================*/

#max_board {position: relative;  padding:12rem 0; }
#max_board button {font-family: inherit;cursor:pointer}



.cate_wrap {position: relative; border-bottom:1px solid #ddd;}
.cate_wrap ul.cate_area {display:flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.cate_wrap ul.cate_area li a{position: relative; display: block; font-size: 1.1em; transition: all 0.2s linear;  font-weight: 600; color:#888; padding: 1.5rem 2.5rem; cursor: pointer;  }
.cate_wrap ul.cate_area li a:hover { border-color:var(--main-color1); color:var(--main-color1);}
.cate_wrap ul.cate_area li a#bo_cate_on { color:var(--main-color1); font-weight: bold;}
.cate_wrap ul.cate_area li a#bo_cate_on::before {content:''; width: 100%; height: 3px; background: var(--main-color1); position: absolute; bottom:0; left:0;z-index:2;}

.top_wrap {margin:0;}
.top_wrap .title_area {text-align: center;font-size: 2.5em;font-weight: bolder;}
.top_wrap .nav_area {display:flex;align-items: center; justify-content: space-between; flex-wrap:wrap; padding:10px 0;}
.top_wrap .nav_area .total_box {margin-right:1rem;}
.top_wrap .nav_area .nav_left {display:flex; align-items: center; }
.top_wrap .nav_area .nav_right {display:flex; align-items: center; }

.btn_area {margin-top: 2rem;}
.btn_box {}
.btn_box ul {display:flex;align-items: center; justify-content: flex-end; flex-wrap: wrap;}
.btn_box ul li {}
.allchk_area { margin-right:2rem;}

.max_btn {display: flex; justify-content: center; align-items: center; width: 15rem; height: 6rem; font-size: .9em; margin:0 .2rem;transition: all 0.2s linear;}
.max_btn:hover {box-shadow:0px 3px 4px 1px #00000030;}
.max_btn_big{ width: 20rem; border: 0;padding:2rem 1.25rem; text-align: center; display: inline-block; line-height:1; font-size: .9em; margin:0 .2rem;transition: all 0.2s linear;}
.max_btn_big:hover {box-shadow:0px 3px 4px 1px #00000030;}
.btn_ty1 {background: #000; color:#fff; }
.btn_ty2 {background: var(--main-color1); color:#fff; border:1px solid var(--main-color1);}
.btn_ty3 {background: #fff;border:1px solid #ccc;}
.modify_btn {border:1px solid #ccc;font-size: .8em; padding:0.5rem 1rem; }

@media screen and (max-width: 1024px) {
	.max_btn {width: 10rem; height: 5rem;}
	.max_btn_big {width: 15rem; }
}
@media screen and (max-width: 568px) { 
	.top_wrap .nav_area {padding:0;}
	.top_wrap .nav_area .nav_left {margin:0 0 1.5rem 0;}
	.top_wrap .nav_area .nav_right {margin-left:auto;}
	
	.max_btn {width:8rem; height: 4rem;}
	
}


#max_board_wrap #H_bo_list{padding:12rem 0;}
#H_bo_list {}
#H_bo_list .max_H_board {width:100%; }
#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; background:#fafafa;text-align:center; font-size: 1em;font-weight:500; padding:20px 0;border-bottom:1px solid #ddd;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:#222; font-weight:500 ;    line-height: 160%;} 
#H_bo_list .bo_tit .sch_word {background:#222; padding: 2px 5px; }

#H_bo_list .lets_boty_gall { }
#H_bo_list .lets_boty_gall #gall_allchk {margin-bottom:15px;}


 
#max_H_gall {width:100%; overflow: hidden; margin:30px 0; display:flex; flex-wrap:wrap; gap:2rem; justify-content: space-between}
#max_H_gall > li {width:calc(50% - 2rem); position: relative; display: inline-block;  }
#max_H_gall > li.empty_list {width:100%;}

#max_H_gall .gall_box {width:100%;}
#max_H_gall .gall_chk {position: absolute;left:0; top:0; z-index:1;}
#max_H_gall .gall_con { }
#max_H_gall .gall_con .gall_img {}
#max_H_gall .gall_con .gall_img  span {display:flex; justify-content: center; align-items: center;  }
#max_H_gall .gall_con .gall_img a {display:flex;}
.bna_thum {width:50%;position: relative;  overflow: hidden;	}
.bna_thum > img {text-align: center; margin:0 auto;display: block;width:100%; height:auto; box-shadow: 0px 8px 11px rgb(0 0 0 / 24%);}
.bna_thum > span {position: absolute;right:0;bottom:0; font-size: 1.4rem; letter-spacing:0; }
.before > span  {background: #000;color:#fff;padding:.6rem 2rem;}
.after > span  {background: var(--main-color2);color:#fff;padding:.6rem 2rem;}

#max_H_gall .gall_text_href {padding:1.5rem 0; overflow:hidden; border-top:1px solid #ddd; margin-top:3rem;}

@media screen and (max-width: 1560px) {
	#max_board_wrap #H_bo_list {padding:10rem 5%; }
	#max_H_gall .gall_con .gall_img {height:auto !important; max-height:auto !important;}
} 
@media screen and (max-width: 1200px) { 
	#max_board_wrap #H_bo_list {padding:6rem 5%; }
} 
@media screen and (max-width: 768px) { 
	#max_H_gall {gap:0; margin:0;}
	#max_H_gall > li {width:calc(50% - 1rem);  }
	#max_H_gall .gall_text_href {margin-top:0;}
 
} 




/* 리스트 제목 아이콘 */
#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: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:2.5rem 0 4rem 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 li:first-child {display:none;}
#Hb_cate a {display:block;line-height:28px; padding: 1.3rem  2rem;  color:#555; font-size: 1.1em;}
#Hb_cate a:focus, #Hb_cate a:hover, #Hb_cate a:active {text-decoration:none;color:var(--main-color1)}
#Hb_cate #bo_cate_on {z-index:2;color:var(--main-color1); ;font-weight:500;border-bottom:3px solid var(--main-color1);}
#H_bo_list .bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#fff;color:var(--main-color1);
font-weight:normal !important;line-height:13px;padding:.8rem 1rem;font-size:.85em;border: 1px solid #cec8bf; border-radius:.2rem;} /* 글제목줄 분류스타일 */

#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) {
	/*분류카테고리*/
	#Hb_cate {}
	#Hb_cate a {line-height:1.3; font-size: 1.2em;}

	#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%; }
	#max_H_gall .gall_img {height: auto !important;;}
	#max_H_gall .gall_con {}
	#max_H_gall .gall_con::before {height:170px;}
	#max_H_gall .gall_text_href {border:none;}
	.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;}
}
@media screen and (max-width: 584px) {
	#max_H_gall > li {width:100%; margin:0 0 5% 0;}
	#max_H_gall .gall_con::before {display: none;}
	#max_H_gall .gall_con {padding:0; border-bottom:1px solid #ddd;}
	.before > span {font-size:0.8em; right:0;}
	.after > span {font-size:0.8em; right:0;} 
	#Hb_cate {}
	#Hb_cate ul {width:100%; display:flex; flex-wrap:wrap; justify-content: center;}
	#Hb_cate li {width:50%;}
	#Hb_cate li a {padding:1.2rem 0; font-size:1.1em; white-space: nowrap;}
}






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

/* 게시판 읽기 */
#Hview_top {position: relative;	 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-color1); margin-bottom:10px;font-size: 1em; font-weight: 500;}
#Hview_top .bo_v_tit {display:block;font-size:1.5em;margin:5px 0 0;word-break:break-all; font-weight: 500; font-family: 'Pretendard';}
#Hview_top .btn_prv {position: absolute;left: 0;top:50%;transform:translate(0%, -50%); color:#777;}
#Hview_top .btn_prv i {color:#996B48;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:#996B48;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; background:#f5f5f5; padding: 40px; text-align: center;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {margin: 0 20px; height:500px; position: relative;}
#bo_v_img img {max-width:100%;height:auto}

#bo_v_img a:nth-child(1)::before{content:'BEFORE'; position: absolute;width:100%;padding:10px 0; background:#000;color:#fff; text-align: center;}
#bo_v_img a:nth-child(2)::before{content:'AFTER'; position: absolute;width:100%;padding:10px 0; background:var(--main-color2);color:#fff; text-align: center;}
#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;}

@media screen and (max-width: 768px) {
#H_bo_view {width:90% !important; margin:0 5%;}
#Hview_top .bo_v_cate {font-size: .9em;}
#Hview_top {padding:20px 0;}
#bo_v_img {padding:20px;}
#bo_v_img a:nth-child(1)::before, #bo_v_img a:nth-child(2)::before {font-size:0.9em;top:0;}
#bo_v_img a.view_image {display: inline-block;height: auto;	margin:0; padding-top:34px; margin-bottom:10px;}
#bo_v_con {font-size:0.9em;text-align: center;}
#Hview_btn .bo_gnb_area ul li {width:100px;}
}




.write_wrap {position: relative; overflow:hidden;	}
.write_wrap .write_area {}
.write_wrap .write_area > ul {display:flex; flex-wrap: wrap; margin:0 -3rem;}
.write_wrap .write_area > ul > li {margin:2rem 0;padding:0 3rem;}
.write_wrap .write_area .w_50 {width: calc(50% - 6rem); }
.write_wrap .write_area .w_100 {width: 100%;}
.write_wrap .write_area > ul > li .w_tit {margin-bottom: 1rem;}
.write_wrap .write_area > ul > li .w_tit.conti { display:flex; align-items: center;}
.write_wrap .write_area > ul > li .w_tit.conti #bf_thumb {display: block;margin-left:1rem;}
.write_wrap .write_area > ul > li .w_tit.conti2 { display:flex; align-items: center;justify-content: space-between;}
.write_wrap .write_area > ul > li .w_tit span {font-weight: bold;}
.write_wrap .write_area  > ul  > li > .w_box {}
.write_wrap .write_area  > ul  > li > .w_box input {width: 100%;}
.write_wrap .write_area  > ul >  li > .w_box > ul {display:flex; flex-wrap: nowrap; margin:0 -2rem; }
.write_wrap .write_area  > ul >  li >  .w_box > ul > li{width: 50%; margin: 0 2rem;}
.write_wrap .write_area  > ul >  li >  .w_box > ul > li .file_wr  { padding:1rem 0;border-bottom:2px solid #000;}

.write_wrap .write_area ul li .w_box .w_link { display: block;margin: 1rem 0;}
.write_wrap .write_area ul li .w_box .cke_sc {display: none;	}
.write_wrap .write_area ul li .w_box textarea {border:2px solid #000; width: auto; font:inherit;}
.write_wrap .write_area ul li .w_box {width: 100%;}
.w_option {display:flex;}
.w_option li{margin-left:2rem;}
.w_option label span {display: none;}

.max_select select{position: relative; width: 100%; border:none; border-bottom:2px solid #000;}
.max_select select::-ms-expand {display:none;}
.max_select select:focus {border-bottom:0;}

.submit_area {position: relative; }
.submit_area ul{display:flex; align-items: center; justify-content: center;}
.submit_area ul li{margin:0 .5rem;}




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


#Hview_coment {background:#f3f1ef; position: relative; padding:30px 0;}
#Hview_coment .title { position: absolute;top:0; left:0; width:80px; height:80px; line-height:80px; display: block; background:#b28850;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;}

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


/* View New */
.view_wrap {position: relative; padding:12rem 0;}
.view_wrap .title_area {margin-bottom:5rem;text-align: center; padding:5rem 0;border-bottom:1px dashed #aaa;}
.view_wrap .title_area .cate_box {display: inline-block;font-size:1em; color:var(--main-color1); font-weight: bold; padding-bottom:2rem; 	}
.view_wrap .title_area .tit_box {display: block;font-weight: bold;font-size: 1.5em;}
.view_wrap .title_area .date_box {margin-top: 5rem;font-size: .9em; color:#888;}
.view_wrap .content_area {}
.view_wrap .content_area .cont_box { margin:0 auto;	}
.view_wrap .content_area .cont_box img {width: auto;}
.view_wrap .content_area .cont_box iframe.video_player {width: 100%; height:67rem;border:0;margin-bottom: 2rem;}
.view_wrap .content_area #v_link {}

.view_wrap .nav_area {border-top:1px solid #aaa;margin-top: 5rem;}
.view_wrap .nav_area .nav_box {position: relative; margin: 2rem 0; min-height: 7rem;}
.view_wrap .nav_area .nav_box .arrow_box {display:flex;justify-content: space-between; }
.view_wrap .nav_area .nav_box .arrow_box a{width: 100%; display:flex; flex-direction: column;} 
.view_wrap .nav_area .nav_box .arrow_box a .arrow_tag { display:flex;  align-items: center;}
.view_wrap .nav_area .nav_box .arrow_box a .arrow_tag i {width: 4rem; height: 2rem; background-repeat: no-repeat; background-position:center; background-size:contain;}
.view_wrap .nav_area .nav_box .arrow_box a .arrow_tag span {font-size: 1.5em;	}
.view_wrap .nav_area .nav_box .arrow_box a p {width: 50%; color:#777; margin-top: 1rem;}

.view_wrap .nav_area .nav_box .arrow_box a.arrow_prev {align-items: flex-start;}
.view_wrap .nav_area .nav_box .arrow_box a.arrow_prev .arrow_tag {}
.view_wrap .nav_area .nav_box .arrow_box a.arrow_prev .arrow_tag i {background-image:url(./img/arrow-left.svg);}
.view_wrap .nav_area .nav_box .arrow_box a.arrow_prev .arrow_tag span{ margin-left:2rem;}
.view_wrap .nav_area .nav_box .arrow_box a.arrow_prev p  {  margin-left:6rem;}
.view_wrap .nav_area .nav_box .arrow_box a.arrow_next {align-items: flex-end;}
.view_wrap .nav_area .nav_box .arrow_box a.arrow_next .arrow_tag {flex-direction: row-reverse;}
.view_wrap .nav_area .nav_box .arrow_box a.arrow_next .arrow_tag i {background-image:url(./img/arrow-right.svg);}
.view_wrap .nav_area .nav_box .arrow_box a.arrow_next .arrow_tag span {margin-right:2rem;}
.view_wrap .nav_area .nav_box .arrow_box a.arrow_next p  {  margin-right:6rem;text-align:right;}
.view_wrap .nav_area .nav_box .retrun_box a{position: absolute; transition: all 0.2s linear; left:50%; top:50%; transform:translate(-50%, -50%); width: 7rem; height: 7rem; border:1px solid #000; }
.view_wrap .nav_area .nav_box .retrun_box a:hover {background: #000; }
.view_wrap .nav_area .nav_box .retrun_box a:hover i  {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(258deg) brightness(104%) contrast(101%);}
.view_wrap .nav_area .nav_box .retrun_box i {position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); display: block; width: 3rem; height: 3rem; background:url(./img/icon_list.svg) no-repeat center }
.view_wrap .nav_area .nav_list {display: flex; align-items: center; justify-content: center;padding:1rem 0; }
.view_wrap .nav_area .nav_list ul {display:flex; flex-wrap: wrap;}



/*=======================* 글쓰기 *==========================*/
/*글쓰기*/
#Hwrite {padding:12rem 0;}

/*폼 사이즈*/
#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.2em; font-weight: 500; padding-top:25px; position: relative;}
#Hwrite .Hwrite_agree h2::before {position: absolute; content:''; top:0; left:0; width:20px; height:2px; background:#b28850 ;transform: rotate( -45deg );}
#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;}


#Hwrite .Hwrite_list {}
#Hwrite .Hwrite_list > ul { display: block; border-top:1px solid #222; }
#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%; background: #f4f4f4; padding:20px 30px;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: 10px; width: 7px; height: 7px; background: #b20000; border-radius: 3px;}
#Hwrite .Hwrite_list > ul > li .w_content {display: table-cell; width:80%; 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;}
#Hwrite .w_content .cap {display:inline-block;line-height:150%; margin:10px; color:#b20000;}
.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  {display: inline-block;}
#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 .submit_area {margin:5rem 0;}

/* 
#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:90%; margin:0 auto 20px;}
#Hwrite .Hwrite_list {width:90%; margin:0 auto 20px;}
#Hwrite .Hwrite_list ul li {display: block;}
#Hwrite .Hwrite_list ul li .w_subj {display: block;width: 100%; padding: 20px;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 20px 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;}



}