/*기본 레이아웃----------------------------------------------------------------------*/

#wrap { width:100%; /* min-width:1000px; */ overflow:hidden; margin:auto;}
#header{ width:1000px; margin:0 auto; }
#contents {max-width:1150px; margin:105px auto; } 
#contents_bd {max-width:1150px; margin:0px auto; } 
#footer { width:1000px; margin:0 auto; }

/*기본 레이아웃------------------------------------------------------------------------*/

/*일반 style----------------------------------------------------------------------------*/

.page table{margin:0 auto}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.clear{clear:both;}
.main_top { background:url('/img/bg_top.gif') repeat-x; width:100%; }
.main_menu_bg {height:45px; width:100%; }
.top_search_bg { background:url('/img/bg_top_search.gif') repeat-x; height:51px; width:100%; }
.text_line { color:#b8b8b8; font-size:11px; }
.tab_off{color:#ff0000; font-size:14px; letter-spacing:-1px; font-family:'맑은 고딕'}
.tab_on{color:#fff; font-size:14px; letter-spacing:-1px; font-family:'맑은 고딕' }
.main_top_btn{width:95px; height:40px; line-height:40px; display:block; text-align:center; letter-spacing:-0.5px; background:url('../img/top_btn_bg.png') 0 0 no-repeat}
/* 채널이 없는 아이콘을 흑백으로 처리하기 위함 */
img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.now_map_n { width:100%; text-align:right;  padding-bottom:10px; }
.sub_search_text { color:#2d3340; width:125px; background:#fbfbfd; border-bottom:1px solid #ebedf0; border-right:1px solid #f6f6f9; font-weight:bold; letter-spacing:-1px; padding-left:10px; }
.sub_search_text_0 { color:#2d3340;  width:125px; background:#fbfbfd; border-right:1px solid #f6f6f9;  font-weight:bold;  letter-spacing:-1px; padding-left:10px;}
.sub_search_select { padding:10px; border-bottom:1px solid #ededed; }
.sub_search_select_0 { padding:10px; }
.letter_s { letter-spacing:-1px; }

.select_st_01 select { border:1px solid #ababab; padding:3px 3px 3px 3px; height:25px; line-height:19px; font-family:tahoma,'굴림','돋움',NanumGothic,'맑은고딕',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; }
.select_st_02 select { border:1px solid #ababab; padding:4px 4px 4px 4px; height:27px; line-height:21px; font-family:tahoma,'굴림','돋움',NanumGothic,'맑은고딕',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; }
.guide_txt { color:#888; font-size:11px; letter-spacing:-1px; }

.input_reply { border:1px solid #bebec1; background:#fff; padding-left:3px; height:28px; line-height:28px; }
.input_default { border:1px solid #bebec1; background:#fff; padding-left:3px; height:26px; line-height:26px; }
.input_style_join { border:1px solid #dbdbdb; background:#f6f6f6; padding-left:3px; height:26px; line-height:26px; }
.input_style_text { border:1px solid #dbdbdb; background:#f6f6f6; padding-left:3px; height:80px; width:95%; }
.select_n select { padding:5px 5px 4px 5px; border:1px solid #bebec1; height:28px; line-height:22px;}
.rank_select select { width:205px; padding:4px; border:1px solid #696969; }
.input_searchbox { border:1px solid #bebec1; background:#fff; padding-left:3px; height:26px; line-height:26px; }
.bd_deal_b { border-right:1px solid  #d4cc7d; border-bottom:1px solid #d4cc7d; }
.bd_deal_e { border-bottom:1px solid #d4cc7d; }
.gothic_c { font-family:맑은 고딕; }
.complex_flex{
	float:left;
	margin-right:8px;
}

/* 기본형2 */
.btn_small_stand{
padding:5px 8px 3px 8px !important;
border:1px solid #cbcbcb !important;
border-bottom:1px solid #acacac !important;
text-align:center !important;
vertical-align: middle !important;
background:url('../img/bg_gray_01.gif') bottom !important;
cursor:pointer !important;
color:#777777 !important;
font-weight:normal !important;
font-family:'돋움' !important;
font-size:11px !important;
letter-spacing:-1px !important;
display:initial;
}
.btn_small_stand:hover{
padding:5px 8px 3px 8px !important;
border:1px solid #cbcbcb !important;
border-bottom:1px solid #acacac !important;
text-align:center !important;
vertical-align: middle !important;
background:url('../img/bg_gray_01.gif') bottom !important;
cursor:pointer !important;
color:#777777 !important;
font-weight:normal !important;
font-family:'돋움' !important;
font-size:11px !important;
letter-spacing:-1px !important;
display:initial !important;
}
/* 기본형2End */


/*카테고리폼디자인*/
.category_form_1 { width:19%; color:#525252; letter-spacing:-1px; padding-left:10px;  line-height:160%; border-bottom: 1px solid #e7e7e7; background:#fafafa}
.category_form_2 { color:#8c8d8f; background:#fff; width:31%; padding:13px 0 13px 10px;  line-height:160%; border-bottom: 1px solid #e7e7e7;}

.category_form_3 { width:19%; color:#525252; background:#fafafa; letter-spacing:-1px; line-height:160%;  padding-left:10px; border-bottom: 1px solid #e7e7e7;}
.category_form_4 { color:#8c8d8f; background:#fff; width:31%; padding:13px 0 13px 10px;  line-height:160%; border-bottom: 1px solid #e7e7e7;}

.category_form_6 { color:#8c8d8f; background:#fff; padding:13px 0 13px 10px;  line-height:160%; border-bottom: 1px solid #e7e7e7;}
.category_form_7 { color:#8c8d8f; background:#fff; padding:13px 0 13px 10px; line-height:160%; border-bottom: 1px solid #e7e7e7;}

/* 카테고리폼*/
.category_form_5 { width:110px; color:#525252; background:#fafafa; letter-spacing:-1px; line-height:160%;  padding-left:10px; border-bottom: 1px solid #e7e7e7;}
.category_form_8 { width:110px; color:#525252; background:#fafafa; letter-spacing:-1px; border-bottom:1px solid #e7e7e7; padding-left:10px; line-height:160%;}

.category_form_9 { width:20%; color:#525252; background:#fafafa; letter-spacing:-1px; line-height:160%; padding-left:10px; border-bottom: 1px solid #e7e7e7;}



/*일반 style----------------------------------------------------------------------------*/

.input_phone {width:100px; border:1px solid #bebec1; background:#f6f6f6; padding-left:3px; height:26px; line-height:26px;}

/* input style--------------------------------------------------------------------------*/

.input_style input[type=text]{
border:1px solid #dbdbdb; background:#f6f6f6; padding-left:3px; height:21px; line-height:21px; }

.input_style input[type=file]{
border:1px solid #dbdbdb; background:#f6f6f6; padding-left:3px; height:21px; line-height:21px;  }

.input_style input[type=password]{
border:1px solid #dbdbdb; background:#f6f6f6; padding-left:3px; height:21px; line-height:21px;  }

.input_style textarea{
border:1px solid #dbdbdb; background:#f6f6f6; padding-left:3px; height:21px; line-height:21px; }

/* input style--------------------------------------------------------------------------*/



/* 정보등록페이지 input style--------------------------------------------------------------------------*/

.input_add input[type=text]{
border:1px solid #bebec1; background:#f3f3f3; padding-left:3px; height:26px; line-height:26px; }

.input_add input[type=file]{
border:1px solid #bebec1; background:#f3f3f3; padding-left:3px; height:26px; line-height:26px;  }

.input_add input[type=password]{
border:1px solid #bebec1; background:#f3f3f3; padding-left:3px; height:26px; line-height:26px;  }

.input_add textarea{
border:1px solid #bebec1; background:#f3f3f3; padding-left:3px; height:26px; line-height:26px; }

/* 정보등록페이지 input style--------------------------------------------------------------------------*/

/* 폰트크기에 따른 체크박스 위치조정 */
.h_form .h-check.check_margin_font15 input[type="checkbox"] + span::before {
	margin-top:4px;
}
.h_form .h-check.check_margin_font16 input[type="checkbox"] + span::before {
	margin-top:4px;
}
.h_form .h-check.check_margin_font17 input[type="checkbox"] + span::before {
	margin-top:6px;
}
.h_form .h-check.check_margin_font20 input[type="checkbox"] + span::before {
	margin-top:7px;
}
.h_form .h-check.check_margin_font14 input[type="checkbox"] + span::before {
	margin-top:3px;
}
.h_form .h-check.check_margin_font12 input[type="checkbox"] + span::before {
	margin-top:0;
}


.h_form .h-radio.radio_margin_font16 input[type="radio"] + span::before {
	margin-top:4px;
}
.h_form .h-radio.radio_margin_font20 input[type="radio"] + span::before {
	margin-top:7px !important;
}
.h_form .h-radio.radio_margin_font14 input[type="radio"] + span::before {
	margin-top:3px;
}
.h_form .h-radio.radio_margin_font15 input[type="radio"] + span::before {
	margin-top:4px;
}
.h_form .h-radio.radio_margin_font20_2 input[type="radio"] + span::before {
	margin-top:-1px !important;
}
.h_form .h-radio.radio_margin_font14_2 input[type="radio"] + span::before {
	margin-top:2px !important;
}
.h_form .h-radio.radio_margin_font12 input[type="radio"] + span::before {
	margin-top:0px !important;
}
/* 폰트크기에 따른 체크박스 위치조정 */


/*폰트 style-----------------------------------------------------------------------------*/

.font_11 { font-size:11px; letter-spacing:-1px; }
.font_12 { font-size:12px; }
.font_13 { font-size:13px; }
.font_14 { font-size:14px; }
.font_15 { font-size:15px; }
.font_16 { font-size:16px; }
.font_17 { font-size:17px; }
.font_18 { font-size:18px; }
.font_19 { font-size:19px; }
.font_20 { font-size:20px; }
.font_21 { font-size:21px; }
.font_22 { font-size:22px; }

.font_dotum{font-family:'돋움',Dotum,'맑은 고딕','굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:Tahoma,'돋움',Dotum,'맑은 고딕','굴림',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'굴림',Gulim,'돋움',Dotum,'맑은 고딕',tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_malgun{font-family:'맑은 고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}

/*폰트 style------------------------------------------------------------------------------*/

/* 채널 수정, 기본페이지 타이틀 부분 */
.mini_tit {position:absolute; top:20px; right:0px}
.mini_tit_01{padding:0 0 0 17px;  line-height:35px; height:35px; float:left; font-size:11px; background:url('../img/mini_tit_bg_01.gif') left 0 repeat-x;}
.mini_tit_02{width:16px; line-height:20px; height:35px; float:left; background:url('../img/mini_tit_bg_02.gif') 0 0 repeat-x;}
.mini_tit span{display:inline-block; *zoom:1; _display:inline}

/* 메인 지역*/
.selectBox { border-left:1px solid #e6e6e6; background-color:#ffffff; cursor:pointer; border-top:1px solid #e6e6e6; text-align:center; }
.selectBox a {color:#000; font-family:'굴림'; text-align:center;}
.selectBox a:hover { color:#000; }
.noSelectBox { border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background-color:#f6f6f6; cursor:pointer; text-align:center;}
.noSelectBox a { color:#989898;  font-family:'굴림'; text-align:center;}

/*도로명주소 선택란을위한 CSS*/
#road_address_select table {width:98%;}
#road_address_select table td {padding:5px; line-height:none;}
#road_address_select table td a {color:#666;}
#road_address_select table td a:hover {color:#333;}

div.addText {display:none;}

/* 상세 스크롤 기본위치 선점 - js 소스 영향을 주기위한 소스 */
.scrollfixed {position:fixed; top:0px;}

.detail_tab {display:block; border-right:1px solid #cccccc; width:150px; height:32px; padding-top:15px; text-align:center;}
.end {border:none !important;}
.detail_today {display:inline-block; width:90px;background:url('../img/title_detail_today.gif') left no-repeat; border-right:1px solid #cccccc; text-align:right; padding-right:15px; margin-right:10px;}
.detail_total {display:inline-block; width:90px;background:url('../img/title_detail_total.gif') left no-repeat; text-align:right;}



/* 리터칭*/
.sb{display:block}
.s_ib{display:inline-block; _display:block; *display:block; *zoom:1}
.count_area_top{position:absolute; z-index:1000; top:0px; right:0}
.count_area{position:absolute; z-index:1000; bottom:0px; right:0}
.count_area .count_bg01, .count_area_top .count_bg01{font-family:tahoma; font-size:11px; font-weight:bold; height:24px; line-height:24px; padding:0 8px 0 5px; text-align:center; overflow:hidden; background:url('../img/rows_ico_bg_01.png') right 0 repeat; color:#fff}


.output_main_ingi_01 {width:470px; position:relative; clear:both; overflow:hidden;}
.output_main_ingi_01 .thumb{position:relative; height:258px; overflow:hidden; }
.output_main_ingi_01:hover {}
.output_main_ingi_01:hover .info {bottom:0px;}
.output_main_ingi_01:hover .info .wrap .title{padding:8px 0 8px 0}
.output_main_ingi_01 .info {position:absolute; bottom:-85px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_main_ingi_01 .info .wrap {padding:25px 30px}
.output_main_ingi_01 .info .wrap .title{padding:8px 0 20px 0}

.output_main_pre_01 {width:470px; position:relative; clear:both; overflow:hidden;}
.output_main_pre_01 .thumb{position:relative; height:258px; overflow:hidden; }
.output_main_pre_01:hover {}
.output_main_pre_01:hover .info {bottom:0px;}
.output_main_pre_01:hover .info .wrap .title{padding:8px 0 8px 0}
.output_main_pre_01 .info {position:absolute; bottom:-85px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_main_pre_01 .info .wrap {padding:25px 30px}
.output_main_pre_01 .info .wrap .title{padding:8px 0 20px 0}


.output_main_pick_01 {width:258px; position:relative; clear:both; overflow:hidden;}
.output_main_pick_01 .thumb{position:relative; height:258px; overflow:hidden; }
.output_main_pick_01:hover {}
.output_main_pick_01:hover .info {bottom:0px;}
.output_main_pick_01:hover .info .wrap .title{padding:8px 0 8px 0}
.output_main_pick_01 .info {position:absolute; bottom:-103px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_main_pick_01 .info .wrap {padding:25px}
.output_main_pick_01 .info .wrap .title{padding:8px 0 20px 0}

.output_main_new_01{width:258px; position:relative; clear:both; overflow:hidden;}
.output_main_new_01 .thumb{position:relative; height:258px; overflow:hidden; }
.output_main_new_01:hover {}
.output_main_new_01:hover .info {bottom:0px;}
.output_main_new_01:hover .info .wrap .title{padding:8px 0 8px 0}
.output_main_new_01 .info {position:absolute; bottom:-103px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_main_new_01 .info .wrap {padding:25px}
.output_main_new_01 .info .wrap .title{padding:8px 0 20px 0}

/* 스크롤메뉴 */
.scroll_menu{top:232px}
.Fixed {position: fixed !important; top:200px !important;}

/* 메인페이지 rows디자인 정렬*/
.margin_top_none table tr:first-child td div {margin-top:0 !important}
.margin_left_none table td:first-child  div {margin-left:0 !important}
.ico_align_bottom a{vertical-align:bottom}


/* 서브 리터칭 */
.now_site, .now_map{ max-width:100%; text-align:right; padding:10px 0; margin-bottom:20px; color:#999999;}
.now_site a, .now_map a{color:#999999 !important;}

#nowconnect_cnt{color:#5783b7;}

.cate_menu_info{margin-top:8px;}

.output_sub_car_01 {width:320px; position:relative; clear:both; overflow:hidden;}
.output_sub_car_01 .thumb{position:relative; height:210px; overflow:hidden; }
.output_sub_car_01:hover {}
.output_sub_car_01:hover .info {top:0px; padding-top:25px;}
.output_sub_car_01:hover .info .wrap .title{padding:8px 0 8px 0}
.output_sub_car_01 .info {position:absolute; bottom:-95px; left:0px; background:url('../img/bg_black_60.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_car_01 .info .wrap {padding:17px 30px;}
.output_sub_car_01 .info .wrap .title{padding:8px 0 20px 0}

.output_sub_bd_01 {width:340px; position:relative; clear:both; overflow:hidden;}
.output_sub_bd_01 .thumb{position:relative; height:296px; overflow:hidden; }
.output_sub_bd_01:hover{}
.output_sub_bd_01:hover .info {top:140px; padding:7px 0;}
.output_sub_bd_01:hover .info .wrap .title{padding:0}
.output_sub_bd_01 .info {position:absolute; bottom:-80px; left:0px; background:url('../img/bg_black_60.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_bd_01 .info .wrap {padding:18px 30px;}
.output_sub_bd_01 .info .wrap .title{padding:0px 0 30px 0}


/* 서브 여백 없애기 */
.news_margin_rows table tr td .news_margin_11{margin-left:11px;}
.news_margin_rows table tr td:first-child  .news_margin_11{margin-left:0 !important;}

.news_margin_rows_30 table tr td .news_margin_30{margin-left:30px;}
.news_margin_rows_30 table tr td:first-child  .news_margin_30{margin-left:0 !important;}

.car_margin_rows_20 table tr td .car_margin_20{margin-left:20px;}
.car_margin_rows_20 table tr td:first-child  .car_margin_20{margin-left:0 !important;}

.bd_margin_rows_20 table tr td .bd_margin_20{margin-left:20px;}
.bd_margin_rows_20 table tr td:first-child  .bd_margin_20{margin-left:0 !important;}

.bd_margin_rows_22 table tr td .bd_margin_22{margin-left:22px;}
.bd_margin_rows_22 table tr td:first-child  .bd_margin_22{margin-left:0 !important;}

/*서브 카테고리 메뉴*/
.cate_border .cate_td{border-bottom:1px solid #e9e9e9;}
.cate_border .cate_default{border:1px solid #e9e9e9; border-bottom:none;}
.cate_border .cate_line a{line-height:34px !important;}

.cate_border2 .cate_default table{border-collapse:collapse;}
.cate_border2 .cate_default .cate_td{ border:1px solid #e9e9e9;}


.all_search_list td:first-child .all_search_rows{margin-left:0 !important;}
.all_search_list .all_search_rows{float:left; margin-left:10px; margin-bottom:20px}

.all_search_list td:first-child .all_saerch_rows2{margin-left:0 !important;}
.all_search_list .all_saerch_rows2{float:left; margin-left:10px;}

.all_search_list td:first-child .all_saerch_rows4{margin-left:0 !important;}
.all_search_list .all_saerch_rows4{float:left; margin-left:15px;}

.all_search_list .all_search_rows3{}
.all_search_list .all_search_rows3 table tr:first-child td div{border-top:0 none !important}

.all_search_list td:first-child .all_search_rows6{margin-left:0 !important;}
.all_search_list .all_search_rows6{float:left; margin-left:10px; margin-bottom:10px}
.all_search_list .all_search_rows6 .inner_hidden{display:none}
.all_search_list .all_search_rows6 .thumb:hover .info{display:none}
.all_search_list .all_search_rows6 .thumb:hover .inner_hidden{display:block; position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:url('../img/title_bg_02.png') 0 0 repeat; cursor:pointer}

/* 통합검색 스크롤 기본위치 선점 - js 소스 영향을 주기위한 소스 */
.all_sch_scrollfixed {width:230px; position:fixed !important; top:170px; z-index:9999}

/* 고객센터 탭메뉴 */
.selectBox_com { border-left:1px solid #e6e6e6;  font-size:16px;background-color:#F37720 ; letter-spacing:-1px;cursor:pointer;border-top:1px solid #e6e6e6; line-height:45px; }
.selectBox_com a { color:#ffffff;  line-height:45px; font-size:16px; cursor:pointer; letter-spacing:-1px;  }
.selectBox_com a:hover { color:#ffffff; line-height:45px;font-size:16px; cursor:pointer; letter-spacing:-1px; }
.selectBox_com:hover { background:#F37720; color:#ffffff; line-height:45px;font-size:16px; cursor:pointer; letter-spacing:-1px; }
.noSelectBox_com { border-left:1px solid #e6e6e6;  font-size:16px; letter-spacing:-1px; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background-color:#ffffff; cursor:pointer; line-height:45px; }
.noSelectBox_com a { color:#989898; line-height:45px; font-size:16px; cursor:pointer; letter-spacing:-1px;}

.SelectBox_sub_b { border-left:1px solid #e6e6e6; background-color:#f37720 ; cursor:pointer; border-top:1px solid #e6e6e6; line-height:45px; font-size:16px; font-family:tahoma,'맑은 고딕',NanumGothic,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; letter-spacing:-1px;  }
.SelectBox_sub_b a { color:#ffffff; }
.SelectBox_sub_b a:hover { color:#ffffff; }
.noSelectBox_sub_b { border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background-color:#ffffff;cursor:pointer; line-height:45px; font-size:16px; font-family:tahoma,'맑은 고딕',NanumGothic,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; letter-spacing:-1px;}
.noSelectBox_sub_b a { color:#989898;}
.noSelectBox_sub_b a:hover { color:#989898; }

.main_cate table{border-collapse: collapse;}
.main_cate .cate_td{border-left:1px solid #ebebeb; border-right:1px solid #ebebeb}
.sub_cate a{line-height:30px !important; font-size:14px !important; font-family:'맑은 고딕' !important; letter-spacing:-1px !important; color:#666 !important}
.main_cate_btn{border-collapse: collapse;}
.main_cate_btn td{text-align:left; padding-left:30px; height:49px; border-bottom:1px solid #ebebeb }
.main_cate_btn td a{display:block; line-height:49px}

/* rows 투명영역 */
.alpha_layer4 {position:absolute; top:0; z-index:100; bottom:0; left:0;  background-color:#000000;width:100%;height:45px; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7;}


/* 서브rows 아이콘 */
.sub_rows_icon img {margin-left:10px; vertical-align:middle !important;}

/* 서브 등록폼 */
.detail_add_tit{font-size:12px;}


/* 서브 메뉴 */
.detail_menu_price{margin:5px 0; width:390px;display:inline-block;}


/* 이미지오버시 줌인 */
.animate{overflow:hidden}
.animate img{display: block;transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition: transform .2s cubic-bezier(.165,.84,.44,1);transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1); image-rendering: -webkit-optimize-contrast;}
.animate:hover img{transition-duration: .3s;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

/* 마이페이지 - 채널팝업 */
.mini_pop{border-bottom:1px solid #dedede;}
.mini_pop_b{font-weight:bold}

.detail_img_size{width:715px}

.cate_sub_srch{font-size:11px; font-family:돋움; letter-spacing:-1px;color:#606060;}

/*도로명주소 선택란을위한 CSS*/
#road_address_select table {width:98%;}
#road_address_select table th{padding:8px 5px;font-family: 'Noto Sans KR' !important; font-weight:400 !important}
#road_address_select table td {padding:5px; line-height:none;}
#road_address_select table td a {border:none;padding:5px 0;color:#777;font-size:13px}
#road_address_select table td a:hover {color:#333;box-shadow:none}


/*통합검색 로우즈에 채널 아이콘 색상 반전*/
.img_color_invert img { filter: invert(100%); }

/**************************와이드맵***********************************/

/* 와이드맵 - 탑메뉴 */
.map_top_menu { 
	padding:0px;
	margin:0px;
	position:relative;
	height:100%;
	}

.map_top_menu li{
	display:inline-block;
	list-style:none;
	padding:0 20px;
	margin:0px;
	height:100%;
	}

.map_top_menu li a{
	/*height:calc(100% - 30px);*/
	display:inline-block;
	color:#000;
	letter-spacing:-0.5px;
	margin-top:30px;
	}

.map_top_menu_icon {
	display:inline-block;
	color:#fff;
	font-size:13px;
	background:#f37720;
	border-radius: 0px 0px 3px 3px;
	padding:0px 12px;
	height:22px;
	line-height:20px;
}

/* 와이드맵 - 카테고리 선택 */
.nomal_fake_select{
	position:relative;
	width: 100%;
	border: 0 none;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	transition: 0.2s ease-in-out;
	transition-property: color, background-color, border;
	border-radius: 0.3em;
	height: 40px;
	vertical-align: middle;
	display: inline-block;
	line-height:38px;
}


/* 와이드맵 - 상단메뉴 미디어쿼리 */

/* 상단메인메뉴부분 */
@media all and (max-width:1310px){
	.wid1310_dp_none {display:none;}
}

/* 우측메뉴부분 */
@media all and (max-width:1630px){
	.wid1630_dp_none {display:none;}
}
/* 우측메뉴부분 */
@media all and (max-width:1630){
	.wid1630_wrap {width:40px;}
}
/* 우측메뉴부분 */
@media all and (min-width:1631px) and (max-width:3000px){
	.wid1630_wrap {width:450px;}
}


/* 와이드맵 로우즈 평점이미지 */
.happy_map_rows_star img { width:84px; height:auto; }

/* 등록,수정 테마탭메뉴 */
.detail_group_tabmenu{
	border-bottom:0 none;
	box-sizing: border-box;
}
.detail_group_tabmenu ul{
	width:100%;
	padding:0;
	display:block;
	font-size:0;
}

.detail_group_tabmenu ul li{
	width:20%;
	padding:10px 0;
	box-sizing: border-box;
	display:inline-block;
	list-style:none;
	position:relative;
	margin:0;
	background:#f8f8f8;
	cursor:pointer;
}
.detail_group_tabmenu ul li:after{
	content:"";
	display:table-cell;
	border:1px solid rgb(228, 228, 228);
	position:absolute;
	top:-1px;
	right:-1px;
	bottom:0;
	left:0;
}
.detail_group_tabmenu ul:after{
	content:"";
	display:table;
	clear:both;
	overflow:hidden;
}


/* 회원정보수정 */
/* 이메일 */
.join_input_e_01{ 
	width:140px !important;
}
.join_input_e_02 {
	width:140px !important;
}
.join_select_e {
	width:140px !important; 
	margin-left:5px !important;
}
/* 일반 */
.join_input_s{
	width:150px !important;
}
.check_txt span{
	margin-left:10px;
}
.guide_txt,
.guide_txt2{
	margin-left:10px; 
	color:#999;
}

/* 연락처 */
.join_select_p {
	width:70px !important;
}
.join_input_p_01 {
	width:100px !important;
}
.join_input_p_02 {
	width:100px !important;
}

/* 주소 */
.join_input_a_01 {
	width:120px !important;
}
.join_input_a_02 {
	width:250px !important;
}
.join_input_a_03 {
	width:150px !important; 
	margin-left:5px !important;
}

/* 도로명 */
.join_select_r_01 select {
	width:110px !important; 
	margin-right:5px;
}
.join_select_r_01 #road_guinquiry_form select,
.join_select_r_01 #road_addrinquiry_form select{
	margin-right:3px;
}
.join_input_r_01 input {
	width:140px !important;
}

.btn_m_join { 
	display:inline-block;
	padding:12px 15px !important;
	cursor:pointer;
	border-radius:2px !important;
	font-family:'맑은고딕';
	text-align:center;
	background-color: #8d8e98 !important;
	border:1px solid #8d8e98 !important;
	color:#FFFFFF !important;
	vertical-align:middle;
	font-size:12px;
	margin-left:3px;
}
.h_btn_st13 {
	padding:12px 15px !important;
	cursor:pointer;
	border-radius:2px !important;
	font-family:'맑은고딕';
	text-align:center;
	background-color: #f4f4f4 !important;
	color:#333333;
	vertical-align:middle;
	border:1px solid #dbdbdb !important;
	font-size:12px;
	margin-left:3px;
}
/* 자기소개 (textarea) */
.join_textarea {
	width:100% !important; 
	height:150px !important;
	box-sizing:border-box;
}
.img_preview {max-width:200px;}

/* 폰트크기에 따른 체크박스 위치조정 */
.h_form .h-check.check_margin_font15 input[type="checkbox"] + span::before {
	margin-top:4px;
}
.h_form .h-check.check_margin_font16 input[type="checkbox"] + span::before {
	margin-top:4px;
}
.h_form .h-check.check_margin_font17 input[type="checkbox"] + span::before {
	margin-top:6px;
}
.h_form .h-check.check_margin_font20 input[type="checkbox"] + span::before {
	margin-top:7px;
}
.h_form .h-check.check_margin_font14 input[type="checkbox"] + span::before {
	margin-top:3px;
}

.h_form .h-radio.radio_margin_font16 input[type="radio"] + span::before {
	margin-top:4px;
}
.h_form .h-radio.radio_margin_font20 input[type="radio"] + span::before {
	margin-top:7px !important;
}
.h_form .h-radio.radio_margin_font14 input[type="radio"] + span::before {
	margin-top:3px;
}
.h_form .h-radio.radio_margin_font15 input[type="radio"] + span::before {
	margin-top:4px;
}
.h_form .h-radio.radio_margin_font20_2 input[type="radio"] + span::before {
	margin-top:-1px !important;
}
.h_form .h-radio.radio_margin_font11 input[type="radio"] + span::before {
	margin-top:-4px;
}
/* 폰트크기에 따른 체크박스 위치조정 */

.empty_bbs,
.no_goods{
	display:block;
	padding:30px 0 !important;
	text-align:center;
}

/* 20221012 이미지 비율조정 장민주 */

.img-ratio5 {
	width: 100%; 
	aspect-ratio: 5/5; 
	object-fit: cover; 
	object-position: center;
}

.img-ratio16 {
	width: 100%; 
	aspect-ratio: 16/9; 
	object-fit: cover; 
	object-position: center;
}

/* 20221013 화면작을때 메뉴펼치기 버튼 장민주  */

button[aria-label="Toggle navigation"] {
	min-width:150px;
}

/* 20221017 사이드 quick 메뉴 width 조절 장민주 */

#quick table {
	min-width: 180px;
}

/* 20221027 공지사항 / 문의사항 테이블 반응형 css 장민주  */

 /* common */
 .res_tbl_wrap {
    position: relative; 
    margin: 0px auto; 
    width: 100%; 
    max-width: 1200px; 
    border-top: 2px solid #121212;
}
.res_tbl_wrap table {
    display: table; 
    width: 100%; 
    border-collapse: collapse; 
    border-spacing: 0;
}
.res_tbl_wrap table thead tr th {
    border-bottom: 1px solid #121212;
}
.res_tbl_wrap table thead tr th,
.res_tbl_wrap table tbody tr td {
    text-align: left;
    padding: 0.8125vw 1.25vw;
    font-size: 14px;
    /* font-size: 1.3vw; */
    /* line-height: 1.375vw;  */
}
.res_tbl_wrap table tbody tr td {
    border-bottom: 1px solid #efefef;
}

/* desktop only */
@media screen and (min-width: 991px) {
    .res_tbl_wrap table thead tr th,
    .res_tbl_wrap table tbody tr td {
        padding: 12px 20px;
        font-size: 14px;
        line-height: 22px;
    }
}

/* mobile only */
@media screen and (max-width: 680px) {
    .res_tbl_wrap table col {
        width: 100% !important;
    }
    .res_tbl_wrap table thead {
        display: none;
    }
    .res_tbl_wrap table tbody tr {
        border-bottom: 1px solid #efefef;
    }
    .res_tbl_wrap table tbody tr td {
        width: 100%;
        display: flex;
        margin-bottom: 2px;
        padding: 5px;
        border-bottom: none;
        font-size: 14px;
        line-height: 18px;
    }
    .res_tbl_wrap table tbody tr td:first-child, 
    .res_tbl_wrap table tbody tr th:first-child {
        padding-top: 16px;
    }
    .res_tbl_wrap table tbody tr td:last-child, 
    .res_tbl_wrap table tbody tr th:last-child {
        padding-bottom: 15px;
    }
    .res_tbl_wrap table tbody tr td:before {
        display: inline-block;
        margin-right: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        font-weight: 700;
        content: attr(data-label);
    }
}

a {color: #000;}

.font-bold {font-weight: 700;}

.btn.btn-primary.sml {padding: 5px 15px; border-radius: 0.4rem; border: none;}
.btn.btn-primary.ssml {padding: 5px 5px; border-radius: 0.4rem; border: none;}

.btn.btn-primary.blue {padding: 10px 25px; border-radius: 0.4rem; background-color: #183b56 !important; border: none;}
.btn.btn-primary.blue_sub {background: #183b56 !important; color: #fff; border-color: #183b56!important; border: none;}

.btn.btn-primary.sml.blue {padding: 5px 15px; border-radius: 0.4rem; background-color: #183b56 !important; border: none;}
.btn.btn-primary.ssml.blue {padding: 5px 5px; border-radius: 0.4rem; background-color: #183b56 !important; border: none;}

.btn.btn-primary.sml.orange {padding: 5px 15px; border-radius: 0.4rem; background-color: #F37720 !important; border: none;}
.btn.btn-primary.ssml.orange {padding: 5px 5px; border-radius: 0.4rem; background-color: #F37720  !important; border: none;}

.btn.btn-primary.outline {border-radius: 0.4rem;background-color: #fff !important;border: 2px solid #ee574c!important;color: #ee574c; padding: 10px !important;}

.btn.btn-primary.outline.blue {border-radius: 0.4rem;background-color: #fff !important;border: 2px solid #183b56!important;color: #183b56; padding: 10px !important;}

.btn.btn-primary.outline.gray {border-radius: 0.4rem;background-color: #fff !important;border: 2px solid #545454!important;color: #545454; padding: 10px !important;}

/* 상세페이지 이미지 오른쪽 랭킹 사이드메뉴 있을때 */
@media screen and (min-width: 1271px) {
	.col-lg-12 p img {max-width: 1100px; height: auto;}
}

/* 상세페이지 이미지 오른쪽 랭킹 사이드메뉴 없을때 */
@media screen and (max-width: 1270px) {
	.col-lg-12 p img {width: 100%; aspect-ratio: 5/5;object-fit: cover;object-position: center;}
}

/* 로그인박스 display 조절 */
@media screen and (max-width: 991px) {
	#login_box1 {display:none !important;}
	#login_box2 {display:block !important;}
	/* gnb에 화면 줄였을때 카테고리별 메인링크에 대한 css 20221128 장민주 추가 */
	.mainLink {display:block;}
}

@media screen and (min-width: 992px) {
	/* gnb에 화면 늘렸을때 카테고리별 메인링크에 대한 css 20221128 장민주 추가 */
	.mainLink {display:none;}
}

/* gnb 상단 style */
.gnb_top {padding-top:15px; display: flex; justify-content: space-evenly; align-items: center}

.flex-active-slide img {border-radius: 0.4rem;}

/* 댓글에서 닉네임클릭시 메뉴 안보이게 처리 20221201  */
div[id^=board_view_] {
    display: none;
}

.custom-ellipsis-title {    text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; /* -webkin-line-clamp 는 원하는 라인수를 뜻함 */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 45px;}
.custom-ellipsis-text {    text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; /* -webkin-line-clamp 는 원하는 라인수를 뜻함 */ -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 25px; width:80%;}

.hiddenTd {display:none;}

@media (max-width: 992px) {
	.navbar-collapse {
	    
	    top: 75px !important;
	    
	}
}

#image_preview_main img {border-radius: 0.4rem;}

.paddingA a {margin-right: 10px;}

/* 채널 하단 카피라이트 스타일 추가 */
.copyright-img {width: 1000px; height: 200px; aspect-ratio: 16 / 9; object-fit: contain;}

.mini_copyright .copyright-img {width: 100%; height: 200px; aspect-ratio: 16 / 9; object-fit: contain;}

/* 네비게이션 마지막 버튼 색 입히기 */
.breadcrumb-item a:nth-last-child(1) {color:#ee574c !important}

.blog-4.bg-light .tab-content {background-color: #fff;}

/* 상세보기에 표있을경우 테두리처리 */
	#detail table tbody td {border-color: #000; border-style: solid; border-width: 1px;}
	#detail table thead th {border-color: #000; border-style: solid; border-width: 1px;}