@charset "utf-8";
@import url("common.css");
/*2022 - 2 - 15   디맥스 Hboard (gallery) */
.col-gn-0, .col-gn-1{width:100%}
.col-gn-2{width:50%}
.col-gn-3{width:33.33333333%}
.col-gn-4{width:25%}
.col-gn-5{width:20%}
.col-gn-6{width:16.66666667%}
.col-gn-7{width:14.28571428%}
.col-gn-8{width:12.5%}
.col-gn-9{width:11.11111111%}
.col-gn-10{width:10%}
@media (max-width: 768px) {
   .col-gn-1, .col-gn-2, .col-gn-3, .col-gn-4, .col-gn-5, .col-gn-6, .col-gn-7, .col-gn-8, .col-xs-9, .col-xs-10
    {width:33.33%}
}
@media (max-width: 640px) {
   .col-gn-1, .col-gn-2, .col-gn-3, .col-gn-4, .col-gn-5, .col-gn-6, .col-gn-7, .col-gn-8, .col-xs-9, .col-xs-10
    {width:50%}
}
@media (max-width: 425px) {
   .col-gn-1, .col-gn-2, .col-gn-3, .col-gn-4, .col-gn-5, .col-gn-6, .col-gn-7, .col-gn-8, .col-xs-9, .col-xs-10
    {width:100%}
}


/*------------------------------------
	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 {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 top slider
------------------------------------*/
/* 이달의 신간 */
h3.f30 {font-weight:600; margin:0 0 2rem 0;} 
#H_new_list .book_swiper {position:relative; overflow:hidden;}
#H_new_list .book_swiper .swiper-slide {text-align:center;}
#H_new_list .book_swiper .swiper-slide .thumb {position:relative; max-width:19rem; height:28rem; border:1px solid #ddd; overflow:hidden; border-radius:0 2rem 0 0;}
#H_new_list .book_swiper .swiper-slide .thumb:before {position: absolute; left: .6rem; width: 0.4rem; height: 100%; content: ''; 
background: linear-gradient(to right, #000, transparent); opacity: .15;}
#H_new_list .book_swiper .swiper-slide img {width:100%; height:100%; object-fit:cover;}
#H_new_list .book_swiper .swiper-slide .tit {font-size:1.8rem; line-height:1.4; color:var(--sub-color3); font-weight:500; margin:2.5rem 0 1rem 0;
display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;  overflow:hidden;  text-overflow:ellipsis;}
#H_new_list .book_swiper .swiper-slide .name {font-size:1.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 대영 베스트10 */
#H_best_list {margin:6rem 0;}
#H_best_list .best_swiper {overflow:hidden;}
#H_best_list .best_swiper .swiper-slide {display:flex; align-items: center; margin:0 0 2.5rem 0;}
#H_best_list .best_swiper .swiper-slide .thumb {position:relative; width:11.6rem; height:16.8rem; border:1px solid #ddd; overflow:hidden; border-radius:0 2rem 0 0;}
/*#H_best_list .best_swiper .swiper-slide .thumb:before {position: absolute; left: 0.5rem; width: 0.3rem; height: 100%; content: ''; background: linear-gradient(to right, #000, transparent); opacity: .1;}*/
#H_best_list .best_swiper .swiper-slide .thumb img {width:100%; height:100%; object-fit:cover;}
#H_best_list .best_swiper .swiper-slide .rank {min-width:10%; margin:0 1.5rem; text-align:center; font-weight:500;}
#H_best_list .best_swiper .swiper-slide .info {max-width:calc(100% - 20rem)}
#H_best_list .best_swiper .swiper-slide .info .tit {font-size:1.8rem; color:var(--sub-color3); font-weight:500; margin:0 0 .2rem 0;
display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;  overflow:hidden;  text-overflow:ellipsis;}
#H_best_list .best_swiper .swiper-slide .info .name {font-size:1.4rem;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

/* swiper 버튼 공통 */
.book_wp,
.best_wp{position:relative;}
.btn {width:100%; position:absolute; top:35%; z-index:1;}
.next_btn,
.prev_btn {position:absolute; width:4rem; height:4rem;  background-color: #fff; background-repeat: no-repeat; background-position: 55% 45%; border-radius:5rem; border:1px solid #efefef; cursor:pointer;
-webkit-background-size: 1rem; background-size: 1rem; box-shadow:.2rem .5rem 1rem rgba(0,0,0,0.1)}
.prev_btn {background-image: url(img/ico_arr_prev.png); left:-2rem;}
.next_btn {background-image: url(img/ico_arr_next.png); right:-2rem;}


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

	/* 이달의 신간 */ 
	#H_new_list .book_swiper .swiper-slide .thumb {position:relative; height:auto; }
	#H_new_list .book_swiper .swiper-slide .thumb:before {z-index:1; top:0;} 
	#H_new_list .book_swiper .swiper-slide .tit {font-size:1.6rem; margin:2rem 0 0.5rem 0;}
	#H_new_list .book_swiper .swiper-slide .name {font-size:1.3rem;}

	/* 대영 베스트10 */
	#H_best_list {margin:4rem 0;} 
	#H_best_list .best_swiper .swiper-slide .rank {min-width:5%; margin:0 1.5rem;} 
	#H_best_list .best_swiper .swiper-slide .info .name {font-size:1.3rem;}


}
/****************************** 1023 ******************************/
@media screen and (max-width: 1023px) { 

	/* 대영 베스트10 */
	#H_best_list {margin:2rem 0;} 
	#H_best_list .best_swiper .swiper-slide .thumb {width:10rem; height:14.6rem;}
	#H_best_list .best_swiper .swiper-slide .info {max-width:calc(100% - 14rem)}
	#H_best_list .best_swiper .swiper-slide .info .tit {font-size:1.6rem;}

}
/****************************** 768 ******************************/
@media screen and (max-width: 768px) {
	/* 이달의 신간 */ 
	#H_new_list .book_swiper .swiper-slide .tit {font-size:1.5rem;}

	/* 대영 베스트10 */
	#H_best_list {margin:4rem 0;} 
	#H_best_list .best_swiper .swiper-slide .rank {min-width:5%; margin:0 1.5rem;} 
	#H_best_list .best_swiper .swiper-slide .info .tit {font-size:1.5rem;} 

	/* swiper 버튼 공통 */
	.next_btn, .prev_btn {width:3.5rem; height:3.5rem; background-size:.8rem;}
	.prev_btn {left:-1rem;}
	.next_btn {right:-1rem;}
}





/*------------------------------------
	board list
------------------------------------*/
#H_bo_list .max_H_gallery {width:104%; display: flex; flex-wrap:wrap; /*border-bottom:1px solid #ddd;*/ padding:2rem 0; margin:0 0 0 -3%}
#H_bo_list .max_H_gallery .gall_li {position:relative; margin:3rem 0 3rem 3%;} 
#H_bo_list .max_H_gallery .gall_li.empty_list {width:100%; text-align: center; padding:6rem 0 !important;}
#H_bo_list .max_H_gallery .gall_li.empty_list i {display: block; font-size: 1.5rem; margin-bottom:0.5rem;}
#H_bo_list .max_H_gallery .gall_box {position: relative;}
#H_bo_list .max_H_gallery .gall_box .gall_chk {position: absolute; z-index:2;}
#H_bo_list .max_H_gallery .gall_box .gall_con {display:flex; flex-direction: column}
#H_bo_list .max_H_gallery .gall_box .gall_con .gall_img {position:relative; max-width:19rem; height:28rem; width:100%; border:1px solid #ddd; border-radius:0 2rem 0 0; overflow:hidden; text-align: center; overflow: hidden;} 
#H_bo_list .max_H_gallery .gall_box .gall_con .gall_img:before {position: absolute; left: 0.6rem; width: 0.4rem; height: 100%; content: ''; background: linear-gradient(to right, #000, transparent); opacity: .1; z-index:1;}
#H_bo_list .max_H_gallery .gall_box .gall_con .gall_img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: 0.3s; transition: 0.3s;}
#H_bo_list .max_H_gallery .gall_box .gall_con .gall_img .no_image {position: relative; display: inline-block; width: 100%; background: #efefef; color:#949dbf; -webkit-transition: 0.3s;  transition: 0.3s;}
#H_bo_list .max_H_gallery .gall_box .gall_con .gall_img .no_image span {position: absolute; display: inline-block;left:50%; top:50%;transform:translate(-50%, -50%); font-weight: bold; font-size:0;
width:10rem; height:4rem; background:  url(/theme/dy/image/common/logo_c.svg)no-repeat 50% 50% /10rem; opacity:.3;}
#H_bo_list .max_H_gallery .gall_box .gall_con .gall_img .no_image span i {display: block; font-size: 1.5rem; margin-bottom:0.5rem;}

#H_bo_list .max_H_gallery .gall_box .gall_text_href {padding:2rem 0 0 0;}
#H_bo_list .max_H_gallery .gall_box .gall_text_href .bo_cate_link {margin-bottom:1rem; display:inline-block; color:var(--main-color1); font-weight:normal !important; line-height:13px; font-size:0.8em; }
#H_bo_list .max_H_gallery .gall_box .gall_text_href .bo_cate_link .is_notice {color:var(--sub-color4); display:inline-block;}
#H_bo_list .max_H_gallery .gall_box .gall_text_href .bo_tit {display:block; color:var(--sub-color2); font-size: 1em; font-weight:500; margin-bottom:.5rem;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#H_bo_list .max_H_gallery .gall_li:hover .gall_box .gall_text_href .bo_tit {color:var(--main-color1);}
#H_bo_list .max_H_gallery .gall_box .gall_text_href .bo_cnt {color:#777;font-weight: 200; font-size: 0.9em; line-height:1.6; font-weight:400;
margin-top:2.5rem; height:5em; display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; }
#H_bo_list .max_H_gallery .gall_box .gall_text_href .gall_name {display:block; font-size:1.4rem; color:var(--sub-color4); 
max-width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 

/* 분야 검색란 */
#H_bo_list .board_top {background:#f6f6f6; margin:4rem 0 8rem 0; padding:4rem 7rem; border-top:.3rem solid var(--main-color1);}

/*분류카테고리*/
#Hb_cate {display:flex; align-items: center; width:100%; margin:0 0 2rem 0;}
#Hb_cate .tit {width:10rem; color:var(--sub-color2); font-weight:500;}
#Hb_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#Hb_cate li {display:inline-block; margin:0 .4rem;}
#Hb_cate a {display:block; line-height:1.4;  padding:1rem 1.6rem; color:#808080; background: #dcdcdc; transition:background .3s; font-size:1.6rem; }
#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;}

/*검색*/
#Hb_sch {display:flex; align-items: center;}
#Hb_sch .tit {width:10rem; color:var(--sub-color2); font-weight:500;}
.bo_sch_wrap {position:relative; display:block; width:calc(100% - 10rem);}
.bo_sch {position:relative;display: flex; border-bottom:2px solid #000;}
.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; font-size:.8em; color:#222;}
.bo_sch .sch_bar {display:inline-block; clear:both; width:80%;}
.bo_sch .sch_input {width:100%; height:50px; border:0; padding:10px 15px; background:0; font-size:.8em;}
.bo_sch .sch_btn {color:#000;padding:0 1rem;background:0;border:0; vertical-align: top;}
.bo_sch .sch_btn span {margin-left:10px;}

/* 리스트 제목 아이콘 */
#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:.5rem;}

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

/*총페이지*/
.list_total {font-size:1.6rem; color:#666; letter-spacing:0;}
.list_total em {font-weight: bold; color:var(--main-color1);}
 

/****************************** 1255 ******************************/
@media screen and (max-width: 1255px) {
	/*========================*갤러리 리스트*=========================*/
	#H_bo_list .max_H_gallery { }
	#H_bo_list .max_H_gallery .gall_li {width:22%;}
	#H_bo_list .max_H_gallery .gall_box .gall_con .gall_img {width:100%; height:auto !important; margin:0 auto;} 

	/* 분야 검색란 */
	#H_bo_list .board_top {margin:3rem 0 6rem 0; padding:3rem 4rem; }

	/*분류카테고리*/
	#Hb_cate .tit {width:8rem;}
	#Hb_cate a {padding:1rem 1.6rem; font-size:1.5rem;}

	/*검색*/
	#Hb_sch .tit {width:8rem;}
	.bo_sch h3 {padding:1.5rem;}
	.bo_sch select {height:4.5rem; padding:1rem 1rem; font-size:1em;}
	.bo_sch .sch_input {height:4.5rem; font-size:1em;}
 
}

/****************************** 768 ******************************/
@media screen and (max-width: 768px) { 
	/*========================*갤러리 리스트*=========================*/
	#H_bo_list .max_H_gallery {width:105%; margin:0 0 0 -5%; border-top:0;}
	#H_bo_list .max_H_gallery .gall_li {width:45%; margin:1rem 0 3rem 5%;}
	#H_bo_list .max_H_gallery .gall_box .gall_con .gall_img {width:100%; margin:0 auto;} 

	#H_bo_list .max_H_gallery .gall_box .gall_text_href {padding:1.5rem 0 0 0;}
	#H_bo_list .max_H_gallery .gall_box .gall_text_href .bo_tit {font-size:1.5rem;}
	#H_bo_list .max_H_gallery .gall_box .gall_text_href .gall_name {font-size:1.3rem;}

	/* 분야 검색란 */
	#H_bo_list .board_top {display: inline-block;width: 100%; margin:0rem 0 3rem 0; padding:2rem 2rem; }
	.bo_sch_wrap {width:calc(100% - 4rem);}

	/*분류카테고리*/
	#Hb_cate {margin:0 0 .6rem 0;}
	#Hb_cate .tit {width:4rem;}
	#Hb_cate li {margin: 0.2rem;}
	#Hb_cate a {padding:.8rem 1.2rem; font-size:1.4rem;}

	/*검색*/
	#Hb_sch { }
	#Hb_sch .tit {width:4rem;}
	.bo_sch h3 {padding:1.5rem;}
	.bo_sch select {min-width: 7rem; height:4rem; padding:1rem 1rem; font-size:1.4rem;}
	.bo_sch .sch_input {height:4rem; font-size:1.4rem;}
	.bo_sch .sch_btn {font-size:1.6rem;}

	/*총페이지*/
	.list_total {display:inline-block;}

}





/*------------------------------------
	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 {display:inline-block; margin:0 1rem 0 0; font-weight:normal; font-size:1.6rem;}
#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 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; padding:1rem;position:relative;border:1px solid #eee; margin:.5rem 0;}
#bo_v_file li i {float:left;color:#ddd;font-size:2rem;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:#2ac8c7; 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:#2ac8c7}
#bo_v_file li:hover i {color:#2ac8c7}
#bo_v_file li:hover .bo_v_file_cnt {color:#2ac8c7}

/*링크출력*/
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link li a {width: 100%; display:flex; align-items: center;  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 {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;}


/****************************** 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; 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;}
#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 .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;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;}
	
}