/*
.main_slide_title { font-family: 'Pretendard'; font-weight:400 !important; }
.main_slide_sub_title { font-family: 'Pretendard'; font-weight:300 !important; }
*/

a { text-decoration:none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }

/* pagination */
a.bbsPage:link { padding:3px 10px; border:0; color:#999; background-color:#f6f6f6; text-decoration:none; border-radius: 20px }
a.bbsPage:visited { padding:3px 10px; border:0; color:#999; background-color:#f6f6f6; text-decoration:none; border-radius:20px }
a.bbsPage:hover { padding:3px 10px; background-color:#333; color:#fff; text-decoration:none;  border-radius:20px }
a.bbsPage:active { padding:3px 10px; border:0; color:#999; background-color:#f6f6f6; text-decoration:none;  border-radius:20px }

a.bbsPageSel:link { padding:3px 10px; background-color:#333; color:#fff; text-decoration:none;  border-radius: 20px }
a.bbsPageSel:visited { padding:3px 10px; background-color:#333; color:#fff; text-decoration:none;  border-radius:20px }
a.bbsPageSel:hover { padding:3px 10px; background-color:#333; color:#fff; text-decoration:none;  border-radius:20px }
a.bbsPageSel:active { padding:3px 10px; background-color:#333; color:#fff; text-decoration:none;  border-radius:20px }

a.bbsPageArr:link { text-decoration:none; color:#333;  border-radius:20px}
a.bbsPageArr:visited { text-decoration:none; color:#333;  border-radius:20px }
a.bbsPageArr:hover { text-decoration:none; color:#333;  border-radius:20px }
a.bbsPageArr:active { text-decoration:none; color:#333;  border-radius:20px }

.page_nation { margin:20px 0; width:100%; text-align:center; }





/***** Hielo css 수정 *****/
.content { font-size: 0.85em; }
.wrapper.style2 table tbody tr:nth-child(2n + 1) { background-color: rgba(0, 0, 0, 0.02); }
.wrapper.style2 table tbody tr { border-color: rgba(0, 0, 0, 0.1); }
.wrapper.style2 table tbody tr:hover { background-color: #f8f8f8; }
.wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea { height:2.25rem; font-size:0.8rem; background-color:rgba(0, 0, 0, 0.035) !important; }
.wrapper.style2 .button { height:2.25rem; font-size:0.8rem; line-height:2.4rem; }
.wrapper.style3 { background-size:100%; background-attachment:initial; }


/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
	.table-wrapper > table { width:460px; }

	.table-wrapper table>colgroup>col:nth-child(1) { width:12%; }

	.table-wrapper table>colgroup>col:nth-child(2) { display:none; }
	.table-wrapper table>thead>tr>th:nth-child(2) { display:none; }
	.table-wrapper table>tbody>tr>td:nth-child(2) { display:none; }

	.table-wrapper table>colgroup>col:nth-child(4) { display:none; }
	.table-wrapper table>thead>tr>th:nth-child(4) { display:none; }
	.table-wrapper table>tbody>tr>td:nth-child(4) { display:none; }
}





/* 갤러리 리스트 */
.best_area_box { display:flex; flex-flow:wrap; width:100%; margin:0 auto; }
.best_area_box>div { position:relative; flex-grow:1; max-width:285px; width:calc(25% - 20px); margin-top:40px; margin-right:20px; }
.best_area_box>div>a { display:block; }
.best_item .best_item_pic { position:relative; height:190px; border:1px solid #fdfdfd; overflow:hidden; line-height:0; border-radius:3px; text-align:center; }
.best_item .best_item_pic>img { width:100%; transform:scale(1); -webkit-transform:scale(1);/*크롬,사파리*/ -moz-transform:scale(1);/*파이어폭스*/ -ms-transform:scale(1);/*IE*/ -o-transform:scale(1);/*오페라*/ transition:transform 0.3s; }
.best_item:hover .best_item_pic>img { transform:scale(1.2); -webkit-transform:scale(1.2);/*크롬,사파리*/ -moz-transform:scale(1.2);/*파이어폭스*/ -ms-transform:scale(1.2);/*IE*/ -o-transform:scale(1.2);/*오페라*/ transition:transform 0.3s; }
.best_item .best_info_area { padding-top:20px; }
.best_item .best_info_area * { font-size:14px; font-weight:400; }
.best_item .prd-name { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:36px; line-height:1.3em; margin-bottom:5px; white-space:normal; text-align:center; overflow:hidden; }

@media all and (min-width:901px){
	/* item 4개씩 */
	.best_area_box>div:nth-child(4n) {margin-right:0;}
	.best_area_box>div:nth-child(-n+4) {margin-top:0;}
}

@media all and (min-width:601px) and (max-width:900px) {
	/* item 3개씩 */
	.best_area_box>div {width:calc(33.333% - 20px);}
	.best_area_box>div:nth-child(3n) {margin-right:0;}
	.best_area_box>div:nth-child(-n+3) {margin-top:0;}
}

@media all and (max-width:600px) {
	/* item 2개씩 */
	.best_area_box>div {width:calc(50% - 20px);}
	.best_area_box>div:nth-child(2n) {margin-right:0;}
	.best_area_box>div:nth-child(-n+2) {margin-top:0;}

	.best_tab>li {font-size:20px;}
}

@media all and (max-width:479px) {
	.best_area_box>div { margin-right:0; max-width:100%; width:100%; } /* item 1개씩*/
}

@media all and (max-width:414px) {
	.best_area_box>div { margin-right:0; max-width:100%; width:100%; } /* item 1개씩*/
}

@media all and (max-width:360px) {
	.best_area_box>div { margin-right:0; max-width:100%; width:100%; } /* item 1개씩*/
}





/*---------- 블로그 상세페이지 ----------*/
.blog_content_title_area { margin-bottom:4.3rem; }
.blog_img_area { width:100%; }
.blog_img_area > img { max-width:1000px; }
.blog_content_btn_area { margin:3rem 0; text-align:center; }
.btn_img_del { z-index:1; position:absolute; padding:3px 10px; background-color:rgba(0, 0, 0, 0.5); color:#fff; cursor:pointer; }
.blog_img_box { border-radius:8px; overflow:hidden; }

.blog_mg_10 { margin:10px; }
.blog_mg_20 { margin:20px; }
.blog_mg_30 { margin:30px; }
.blog_mg_40 { margin:40px; }
.blog_mg_50 { margin:50px; }
.blog_mg_60 { margin:60px; }
.blog_mg_70 { margin:70px; }
.blog_mg_80 { margin:80px; }
.blog_mgt_10 { margin-top:10px; }
.blog_mgt_20 { margin-top:20px; }
.blog_mgt_30 { margin-top:30px; }
.blog_mgt_40 { margin-top:40px; }
.blog_mgt_50 { margin-top:50px; }
.blog_mgt_60 { margin-top:60px; }
.blog_mgt_70 { margin-top:70px; }
.blog_mgt_80 { margin-top:80px; }
.blog_mgr_10 { margin-right:10px; }
.blog_mgr_20 { margin-right:20px; }
.blog_mgr_30 { margin-right:30px; }
.blog_mgr_40 { margin-right:40px; }
.blog_mgr_50 { margin-right:50px; }
.blog_mgr_60 { margin-right:60px; }
.blog_mgr_70 { margin-right:70px; }
.blog_mgr_80 { margin-right:80px; }
.blog_mgb_10 { margin-bottom:10px; }
.blog_mgb_20 { margin-bottom:20px; }
.blog_mgb_30 { margin-bottom:30px; }
.blog_mgb_40 { margin-bottom:40px; }
.blog_mgb_50 { margin-bottom:50px; }
.blog_mgb_60 { margin-bottom:60px; }
.blog_mgb_70 { margin-bottom:70px; }
.blog_mgb_80 { margin-bottom:80px; }
.blog_mgl_10 { margin-bottom:10px; }
.blog_mgl_20 { margin-bottom:20px; }
.blog_mgl_30 { margin-bottom:30px; }
.blog_mgl_40 { margin-bottom:40px; }
.blog_mgl_50 { margin-bottom:50px; }
.blog_mgl_60 { margin-bottom:60px; }
.blog_mgl_70 { margin-bottom:70px; }
.blog_mgl_80 { margin-bottom:80px; }

@media all and (max-width:479px) {
	.blog_img_area > img { max-width:100%; }
}





/*---------- right gnb ----------*/
.bhh_gnb_title { margin-bottom:10px; padding:5px; color:#fff; font-weight:800; background-color: #333; border-radius:30px; }
.bhh_gnb_title::before { display:inline-block; content:""; margin:0 6px 0 8px; width:16px; height:22px; background-image:url("/resource/images/icon_box.png"); background-size:100%; background-repeat: no-repeat; background-position:left 5px; opacity:0.5; }

.bhh_gnb { margin-left:-10px; color:#666; list-style:none; }
.bhh_gnb > li { padding:8px; border-bottom:1px solid #eee; color:#888; font-size:0.85em; cursor:pointer; }
.bhh_gnb > li:hover { background-color:#d2d2d2; color:#fff; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }

/*
.bhh_gnb a:link, .bhh_gnb a:visited, .bhh_gnb a:active { color:#999; }
.bhh_gnb a:hover { color:#fff; }
*/

.btn-color-red { background-color:#ff3300 !important; }