@import url('../css/page_style.css');
@import url('../css/bbs_style.css');

	 /* flex*/
	/* 세로 정열 */
	.flex_align_center{
		display: flex;
		align-items: center;
	}
	.flex_align_start{
		display: flex;
		align-items: flex-start;
	}
	.flex_align_stretch{
		display: flex;
		align-items: stretch;
	}

	/* 가로 정열 */
	.flex_justify_between{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.flex_justify_center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.flex_justify_end{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	/* column */
	.flex_column{
		display: flex;
		flex-direction: column;
	}
	/* gap */
	.gap5{gap:5px}
	.gap10{gap:10px}
	.gap12{gap:12px}
	.gap15{gap:15px}
	.gap20{gap:20px}
	.gap25{gap:25px}
	.gap30{gap:30px}
	.gap35{gap:35px}
	.gap40{gap:40px}
	.gap45{gap:45px}
	.gap50{gap:50px}

/* basic layout */
#wrap {width:100%; min-width:1200px; overflow:hidden}
#top {width:100%;}
#header {width:100%; height:151px}
#container {width:100%; overflow:hidden}
#footer {width:100%; background:#777777; clear:both}

.header_inner{width:1100px; margin:0 auto; position:relative}
.contents{width:1101px; margin:0 auto;}
.sb{display:block}
.s_ib{display:inline-block; _display:block; *display:block; *zoom:1}
.small_sth img{height:15px}
.align img, .align a{vertical-align:middle}
.ts-controls{display:none;}
/* 스크롤메뉴 */
.scroll_menu{top:207px}
.Fixed {position: fixed !important; top:105px !important;}

.letter_s { letter-spacing:-1px;}

/* 오늘본 상품없을시 텍스트 */
.today_no{
	font-size:11px;
	text-align:center;
	margin:10px 0;
	height:30px;
	display:block;
	padding:0 10px;
}
.today_img{
	display:none;
}

/* 이미지 외각 라인만들기 */
.img_line img{padding:5px; border:1px solid #dcdcdc}

/* 메인메뉴 칸가르기 */
.gnb table {}
.gnb table td{text-align:center; width:auto}

/* 더보기 버튼*/
.more{padding-right:15px; background:url('../img/more_ico_01.gif') right 5px no-repeat}

/* 페이징정렬*/
.page  { text-align:center; }
.page div { font-family:'맑은 고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important; }
.page span {display:inline-block;}


.ranking_table table{width:100%}
.member_img img{border-radius:100%}

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

.roll_area{}
.roll_area table{border-collapse:collapse;}
.roll_area .col{border:1px solid #e4e4e4}

/*크롬과 익스플로러 이미지 1px차이 때문*/
@media screen and (-webkit-min-device-pixel-ratio: 0)
{.onepx{margin-bottom:1px}}

@media screen and (-webkit-min-device-pixel-ratio: 0){.kkk{padding-top:0px}}
.kkk{padding-top:3px}

@media screen and (-webkit-min-device-pixel-ratio: 0){.kkk{padding-top:0px}}
.kkkk{padding-top:3px}

.bbs_float_area table{width:0%}
.bbs_float_area table td .rows_float{margin-left:15px; float:left}
.bbs_float_area table td:first-child .rows_float{margin-left:0}

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

.input_style input[type=text],.input_style input[type=file],.input_style input[type=password]{
border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px;}

.input_style select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px;}
.input_style_inquiry select {font-weight:bold; padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; font-size:14px; font-family:'돋움'; background:#f0f6ff; border:1px solid #cccccc}


.input_style textarea{
border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}


/*폰트 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_23 { font-size:23px; }
.font_24 { font-size:24px; }
.font_25 { font-size:25px; }

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



/* noto font */
.noto100 {font-family: 'Noto Sans KR' !important; font-weight:100 !important;}
.noto100 a{font-family: 'Noto Sans KR' !important; font-weight:100 !important;}
.noto100 a:hover{font-family: 'Noto Sans KR' !important; font-weight:100 !important;}

.noto400 {font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.noto400 a{font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.noto400 a:hover{font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.noto500{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.noto500 a{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.noto500 a:hover{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}

.noto600{font-family: 'Noto Sans KR' !important; font-weight:600 !important;}
.noto600 a{font-family: 'Noto Sans KR' !important; font-weight:600 !important;}
.noto600 a:hover{font-family: 'Noto Sans KR' !important; font-weight:600 !important;}

.noto700{font-family: 'Noto Sans KR' !important; font-weight:700 !important;}
.noto700 a{font-family: 'Noto Sans KR' !important; font-weight:700 !important;}
.noto700 a:hover{font-family: 'Noto Sans KR' !important; font-weight:700 !important;}

.noto900{font-family: 'Noto Sans KR' !important; font-weight:900 !important;}
.noto900 a{font-family: 'Noto Sans KR' !important; font-weight:900 !important;}
.noto900 a:hover{font-family: 'Noto Sans KR' !important; font-weight:900 !important;}

/*폰트 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-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;
}

/* 미니홈이 없는 아이콘을 흑백으로 처리하기 위함 */
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 */
}

/* 전체보기메뉴 */
.allview_layer{width:100%; border-collapse: collapse;}
.allview_layer .cell{width:259px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; vertical-align:top}
.allview_layer .cell_col{background:#fafafa; border:1px solid #dcdcdc; border-bottom:0 none !important; padding:30px 0 30px 30px}
.allview_layer .cell_inner{}
.allview_layer .cell_inner table{table-layout:fixed}
.allview_layer .cell_inner td{font-size:15px; font-weight:bold; height:30px; font-family:'맑은 고딕'; letter-spacing:-1px;vertical-align: top;}
.allview_layer .cell_inner td a{color:#000}
.allview_layer .sub_cell_inner{margin-top:10px}
.allview_layer .sub_cell_inner table{width:100%; table-layout:fixed}
.allview_layer .sub_cell_inner td{font-size:14px; font-weight:normal; height:26px; font-family:'맑은 고딕'; letter-spacing:-1px;}
.allview_layer .sub_cell_inner td a{color:#666666}

/* 검색창 */
.div_cate{position:fixed; top:0; z-index:10005; width:100%; display:none; background:url('../img/search_bg.png') right top  repeat}
.div_cate_inner{width:1100px; margin:130px auto 0 auto}
.modal_close {position:absolute; right:36px;top:-50px; cursor:pointer}
.sharp{font-size:23px; font-family:'맑은 고딕'; font-weight:bold; color:#fff; letter-spacing:-0.5px; margin-right:7px}
.sharp a{color:#fff}

/* rows 카운트*/
.count_area{position:absolute; z-index:1000; top:10px; right:10px}
.count_area .count_bg01{width:4px; height:23px; background:url('../img/rows_ico_bg_01.png') 0 0 no-repeat}
.count_area .count_bg02{font-family:verdana; height:23px; line-height:23px; padding:0 8px 0 5px; text-align:center; overflow:hidden; background:url('../img/rows_ico_bg_03.png') right 0 repeat-x; color:#fff}
.count_area .count_bg03{width:4px; height:23px; background:url('../img/rows_ico_bg_02.png') 0 0 no-repeat}
.count_area .count_bg04{font-family:verdana; height:23px; line-height:23px; padding:0 5px 0 8px; text-align:center; overflow:hidden; background:url('../img/rows_ico_bg_03.png') left 0 repeat-x; color:#fff}

/* 메인 슬라이드 */

.maintheme{
	width:1100px;
	height:360px;
	position:absolute;
	margin-left:-550px;
	text-align: center;
	z-index:9998;
	top:70px;
	left:50%;
	font-family:'Noto Sans KR';
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap:40px
}

.maintheme h2{
	font-size:46px;
	color:#fff;
	font-family:'Noto Sans KR'!important;
	font-weight:500!important;
	letter-spacing:-0.05em;
	text-align:center;
	line-height:1.2;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
.maintheme p{
	font-size:18px;
	letter-spacing:-0.02em;
	color:#fff!important;
	font-family:'Noto Sans KR'!important;
	font-weight:400!important;
	line-height:1;
	text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
.maintheme .btn{
	background-color:#4297c5;
	color:#fff;
	font-family:'Noto Sans KR'!important;
	font-weight:600!important;
	line-height:1;
	font-size:18px;
	padding:17px 70px;
	width: max-content;
	margin:10px auto
}
.maintheme .btn:hover{
	background-color:#355c94 !important;
}



/* 메인 탭메뉴 */
.main_tab_off, .main_tab_on{text-align:center; display:inline-block; *display:inline; *zoom:1;}
.main_tab_off .in_tap1, .main_tab_on .in_tap1{font-family:'맑은 고딕'; text-align:center; display:inline-block; *display:inline; *zoom:1; font-size:14px; letter-spacing:-1px; font-weight:bold; height:33px; line-height:33px; padding-left:15px}
.main_tab_on .in_tap1 a{color:#fff; background:none}
.main_tab_off .in_tap1 a{color:#888888; background:none}
.main_tab_on .in_tap1{background:url('../img/category_tab_bg_03.png') left 0 repeat-x;}
.main_tab_on .in_tap2{background:url('../img/category_tab_bg_04.png') left 0 repeat-x; position:relative; z-index:1000}

/* best 시공사례 rows디자인 */
.area_1 td:first-child .output_main_best_area{margin-left:0 !important; margin-bottom:20px;}
.output_main_best_area {width:350px; float:left; margin-left:25px; position:relative; }
.output_main_best_area .on{display:none;}
.output_main_best_area .scrap_btn a{font-family:'맑은 고딕'; font-weight:bold; background:#999999; color:#dee1e4; font-size:14px; width:155px; height:45px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.output_main_best_area:hover .on {display:flex;}
.output_main_best_area:hover .scrap_on {bottom:70px !important;}
.output_main_best_area:hover .shadow {position:absolute; bottom:1px; display:block; height:100px; background:url('../img/bg_70p.png') repeat; width:100%; }

/* 서브옵션 rows디자인 */
.sub_option_rows{position:relative;}
.sub_option_rows .title{position:absolute; bottom:20px; left:20px; right:20px; z-index:2; letter-spacing:-1px; text-align:left}
.sub_option_rows .shadow {position:absolute; bottom:1px; display:block; height:100px; background:url('../img/bg_70p.png') repeat; width:100%; }

/*
.area_1 td:first-child .output_main_best_area{margin-left:0 !important}
.output_main_best_area{width:352px; height:343px; position:relative; float:left; margin-left:22px; }
.output_main_best_area:hover .output_main_best{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_main_best { width:352px; position:relative; clear:both; overflow:hidden; margin-bottom:20px;}
.output_main_best .thumb{position:relative; height:230px; overflow:hidden; }
.output_main_best:hover {}
.output_main_best:hover .info {bottom:0px;}
.output_main_best .info {position:absolute; bottom:-56px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_main_best .info .wrap {padding:8px 12px;}
*/

.best_construction .thumb{position:relative}
.best_construction .inner_hidden{display:none}
.best_construction .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}
.best_construction .thumb:hover .count_area{display:none}

.best_partner .thumb{position:relative}
.best_partner .inner_hidden{display:none}
.best_partner .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}
.best_partner .thumb:hover .count_area{display:none}


/* 추천 인테리어 rows디자인 */
.area_2 td:first-child .output_main_pick_02:first-child{margin-left:0}
.output_main_pick_01 {width:540px; position:relative; text-align:left;}
.output_main_pick_01 .thumb{}
.output_main_pick_01 .shadow {position:absolute; bottom:0; display:block; height:100px; background:url('../img/bg_70p.png') repeat; width:100%;}

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

.output_main_pick_02 {width:260px; position:relative; clear:both; overflow:hidden; margin-left:20px; margin-bottom:20px; text-align:left;}
.output_main_pick_02 .thumb{position:relative; height:260px; overflow:hidden; }
.output_main_pick_02 .on{display:none;}
.output_main_pick_02 .scrap_btn a{font-family:'맑은 고딕'; font-weight:bold; background:#999999; color:#dee1e4; font-size:14px;  background:#999999; width:120px; height:35px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.output_main_pick_02:hover .on{display:flex;}
.output_main_pick_02 .title{height:21px; overflow:hidden; letter-spacing:-1px; font-weight:bold; position:absolute; bottom:10px; left:10px; z-index:1; color:#fff;}
.output_main_pick_02:hover .title{bottom:55px !important;}
.output_main_pick_02 .shadow {position:absolute; bottom:0; display:block; height:100px; background:url('../img/bg_70p.png') repeat; width:100%;}


/* 인테리어 시공리뷰  */
.area_3 td:first-child .output_main_review_area{margin-left:0 !important}
.output_main_review_area{width:260px; position:relative; float:left; margin-left:20px; }
.output_main_review_area .btbg{display:none}
.output_main_review_area:hover .btbg{position:absolute; width:100%; bottom:-27px; display:block}
.output_main_review_area:hover .btbg .bg{width:100%; display:block; height:27px; bottom:0; background:url('../img/rows_btbg.png') 50% bottom no-repeat}
.output_main_review_area:hover .info_bottom{background:#555555}
.output_main_review_area:hover .info_bottom .title a{color:#fff}
.output_main_review_area:hover .info_bottom .comment a{color:#b9b9ba}
.output_main_review_area:hover .info_bottom .point{border-bottom:1px solid #666}
.output_main_review_area:hover .info_bottom .point .txt, .output_main_review_area:hover .info_bottom .point .num{color:#fff}
.output_main_review_area:hover .info_bottom .user_date{color:#a8a8a9}
.output_main_review {width:260px; position:relative; clear:both; }
.output_main_review .thumb{position:relative; height:210px; overflow:hidden; }
.output_main_review:hover {}
.output_main_review:hover .info {bottom:0px;}
.output_main_review .info {position:absolute; bottom:-53px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_main_review .info .wrap {padding:12px;}
.output_main_review .info_bottom{padding:15px 20px 25px 20px; background:#fafafa}
.output_main_review .info_bottom .title{letter-spacing:-0.5px; text-align:left}
.output_main_review .info_bottom .title a{color:#000000}
.output_main_review .info_bottom .comment{letter-spacing:-0.5px; height:40px}
.output_main_review .info_bottom .comment a{color:#888888}
.output_main_review .info_bottom .point{padding-bottom:10px; border-bottom:1px solid #eaeaea }
.output_main_review .info_bottom .point .txt{vertical-align:middle; letter-spacing:-0.5px; color:#000}
.output_main_review .info_bottom .point .num{vertical-align:middle; letter-spacing:0.2px; color:#666666}
.output_main_review .info_bottom .user_date{color:#888888}
.output_main_review .shadow {position:absolute; bottom:0; display:block; height:100px; width:100%;}

.reply_thumbs{letter-spacing:-0.5px; color:#777}
.reply_thumbs i{color:#777}


/* 하단 게시판 오버 */
.main_tab2 {overflow:hidden; position:absolute; top:-3px; right:3px; font-size:0; color:#dcdcdc}
.main_tab_line2 {font-size:11px; font-weight:normal; color:#dcdcdc;}
.main_tab_off2 a{font-family:'맑은 고딕'; color:#666; height:25px; line-height:25px; border:1px solid #F3F5F9; background:#F3F5F9; padding:0 13px; display:inline-block; text-align:center; cursor:pointer; letter-spacing:-0.5px; font-size:14px; font-weight:bold}
.main_tab_on2 a{font-family:'맑은 고딕'; color:#333333; height:25px; line-height:25px; border:1px solid #999999; background:#fff; padding:0 13px; display:inline-block; text-align:center; cursor:pointer; letter-spacing:-0.5px; font-size:14px; font-weight:bold}
.main_bbs_lastest{margin-top:20px}

.main_tab_off3 a{font-family:'맑은 고딕'; color:#666; border:1px solid #c9c9c9; background:#fff; padding:10px 20px; border-radius:5px; display:inline-block; text-align:center; cursor:pointer; letter-spacing:-0.5px; font-size:14px; font-weight:bold}
.main_tab_on3 a{font-family:'맑은 고딕'; color:#fff; border:1px solid var( --main-color ); background:var( --main-color ); padding:10px 20px; border-radius:5px; display:inline-block; text-align:center; cursor:pointer; letter-spacing:-0.5px; font-size:14px; font-weight:bold}

/* 미니홈 수정, 기본페이지 타이틀 부분 */
.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}


/*도로명주소 선택란을위한 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;}

/* 시공사례 찜하기 버튼 */
.detail_scrap_01{ position:absolute; right:0; bottom:30px; display:inline-block; width:107px; height:51px; line-height:51px; text-align:center; border:1px solid #e9e9e9; letter-spacing:-1px; color:#dee1e4; cursor:pointer;}

/* 스타일제안 찜하기 버튼 */
.btn_etc{position:absolute; right:0; bottom:30px}
.detail_scrap_02 {display:inline-block; width:117px; height:58px; line-height:58px; text-align:center; border:1px solid #e9e9e9; letter-spacing:-1px; color:#dee1e4; background:#ffffff; cursor:pointer; }

/* 파트너 찜하기 버튼 */
.detail_scrap_03 { letter-spacing:-1px; color:#dee1e4; cursor:pointer; }

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

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


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


/* 현재위치 */
.locate{color:#d1d1d1 !important; padding:30px 0 13px 23px; background:url('../img/home_ico.gif') 0 36px no-repeat; font-family: 'Noto Sans KR' !important; font-size: 15px;}
.locate a{position: relative;
    color: #a6b1ad !important;
    font-size: 15px;
    letter-spacing: -1px;
    vertical-align: middle;
}
.locate span,
.locate2 span{
	vertical-align:middle;
	font-family: 'Noto Sans KR' !important;
	font-size:15px;
	color:#a6b1ad !important;
}
.locate .home,
.locate2 .home{
	display:none;
}
.locate2{
	color:#a6b1ad !important;
	padding:0 0 13px 23px;
	background:url('../img/home_ico.gif') 0 4px no-repeat;
	display: flex;
	align-items: center;
	font-family: 'Noto Sans KR' !important;
	font-size:15px;
}
.locate2 a{
	color:#a6b1ad !important;
}

/* 서브리스트 */
.theme_search_cate table{width:100%; border-collapse: collapse; }
.theme_search_cate .tab_col{border:1px solid #dcdcdc; border-bottom:0 none; text-align:center; letter-spacing:-1px; font-weight:bold; height:50px; background:#717171}
.theme_search_cate .tab2{border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center; letter-spacing:-1px; font-weight:bold; height:50px; background:#717171}
.theme_search_cate .tab_col a{height:50px; line-height:50px; display:block; color:#fff}
.theme_search_cate .selected{background:#fff !important; }
.theme_search_cate .selected a{color:#000 !important;}
.theme_search_cate .group_name, .theme_list_02 .group_name {font-size:15px; letter-spacing:-0.5px; font-weight:bold; height:38px; line-height:38px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#f3f5f9}


/* 서브리스트  new_tab*/
.cate_round_tab .tab_col .category{
	border:1px solid #dddddd;
	text-align:center;
	background:#fff;
	border-radius:30px;
	margin-left:10px;
	padding:9px 0 8px;
	color:#666;
	letter-spacing:-1px;
	font-weight:bold;
	cursor : pointer;
	box-sizing: border-box;
	line-height:1;
}
.cate_round_tab .tab_col .category.selected{background:var( --main-color ) !important;  !important; border:1px solid var( --main-color ) !important; ;cursor : pointer;}
.cate_round_tab .tab_col .category.selected{color:#fff !important;}

/*타입*/
.theme_list table{}
.theme_list .group_name span{padding-left:40px; background: url('../img/type_ico.png') 10px 1px no-repeat; height:17px}
.theme_list .group_name_inner{border:1px solid #dcdcdc; padding:10px 20px; line-height:24px; letter-spacing:-1px; background:#fff; overflow:hidden}
.theme_list .group_sub{font-size:14px; letter-spacing:-1px;}
.theme_list select{width:100%; padding:5px; border:1px solid #ccc; height:28px; line-height:28px; font-family:'굴림'; font-weight:bold}


/*지역*/
.theme_list_02 {width:100%; border-collapse: collapse;}

.theme_list_02 .group_name span{padding-left:40px; background: url('../img/type_ico.png') 10px 1px no-repeat; height:17px}
.theme_list_02 .group_sub select{width:100%; padding:5px; border:1px solid #ccc; height:28px; line-height:28px; font-family:'굴림'; font-weight:bold}

/*예산 가격*/
.theme_list_03 table{width:100%; border-collapse: collapse;}
.theme_list_03 .group_name span{padding-left:40px; background: url('../img/price_ico.png') 18px 4px no-repeat;}
.theme_list_03 .group_sub{font-size:14px; letter-spacing:-1px}

/*평형*/
.theme_list_04 table{width:100%; border-collapse: collapse;}
.theme_list_04 .group_name span{padding-left:40px; background: url('../img/pyung_ico.png') 18px 4px no-repeat;}
.theme_list_04 .group_sub{font-size:14px; letter-spacing:-1px}

/* 확장 */
.theme_list_05 table{width:100%; border-collapse: collapse;}
.theme_list_05 .group_name span{padding-left:40px; background: url('../img/extend_ico.png') 18px 4px no-repeat;}
.theme_list_05 .group_sub{font-size:14px; letter-spacing:-1px}

/* 창호 */
.theme_list_06 table{width:100%; border-collapse: collapse;}
.theme_list_06 .group_name span{padding-left:40px; background: url('../img/window_ico.png') 18px 3px no-repeat;}
.theme_list_06 .group_sub{font-size:14px; letter-spacing:-1px}

/* 스타일 */
.theme_list_07 table{width:100%; border-collapse: collapse;}
.theme_list_07 .group_name span{padding-left:40px; background: url('../img/style_ico.png') 15px 4px no-repeat;}
.theme_list_07 .group_sub{font-size:14px; letter-spacing:-1px}

/* 컬러 */
.theme_list_08 table{width:100%; border-collapse: collapse;}
.theme_list_08 .group_name span{padding-left:40px; background: url('../img/color_ico.png') 18px 0 no-repeat;}
.theme_list_08 .group_sub{font-size:14px; letter-spacing:-1px}

/* 색상선택 */
.menu_pick_color{border:1px solid #fff; margin-bottom:3px;}


.partner #touchSlider { width:100%; height:230px; margin:0 auto; position:relative; overflow:hidden;  }
.partner #touchSlider ul { width:100%; height:230px; position:absolute; top:0; left:0; overflow:hidden; }
.partner #touchSlider ul li { width:100%; height:230px; float:left;}

.construction #touchSlider { width:100%; height:525px; margin:0 auto; position:relative; overflow:hidden;  }
.construction #touchSlider ul { width:100%; height:525px; position:absolute; top:0; left:0; overflow:hidden; }
.construction #touchSlider ul li { width:100%; height:525px; float:left;}

.interior #touchSlider { width:100%; height:310px; margin:0 auto; position:relative; overflow:hidden;  }
.interior #touchSlider ul { width:100%; height:310px; position:absolute; top:0; left:0; overflow:hidden; }
.interior #touchSlider ul li { width:100%; height:310px; float:left;}

.touchSlider_btn_area {overflow:hidden; }
.touchSlider_btn_area button {display:block; width:26px; height:26px; background:#cccccc ; }
.touchSlider_btn_area button.btn_prev {display:inline-block; margin-right:10px; }
.touchSlider_btn_area button.btn_next {display:inline-block; margin-left:10px; }
.touchSlider_btn_area .btn_page { display:inline-block; width:15px; height:15px; margin:0 3px; text-indent:-9999px; background:url('../img/page_off.png') 0 0 no-repeat; outline:none}
.touchSlider_btn_area .btn_page.on {background:url('../img/page_on.png') 0 0 no-repeat}


/* 파트너 리스트 디자인 */
.sub_list_partner	{padding:28px 0 28px 10px; background:#fff; border-bottom:1px solid #eaeaea; position:relative}
.sub_list_partner .on{display:none;}
.sub_list_partner:hover .on{display:flex;}
.sub_list_partner .thumb{position:relative}
.sub_list_partner .btn{background:#f3f5f9}
.sub_list_partner .bg{padding:10px 20px; background:#fafafa; letter-spacing:-0.5px; color:#333}
.sub_list_partner .info{display:none}
.sub_list_partner:hover{background:#fafafa}
.sub_list_partner:hover .sth_ico{display:none}
.sub_list_partner:hover .bg{background:#fff}
.sub_list_partner:hover .btn{background:#fff}
.sub_list_partner:hover .info{display:block; width:100%; height:60px; position:absolute; bottom:0px; left:0px; background:url('../img/bg_70p.png') repeat; text-align:left; color:#92a1b0;}
.sub_list_partner .scrap_btn a{font-family:'맑은 고딕'; font-weight:bold;  font-size:14px; color:#dee1e4; background:#999999; width:160px; height:45px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer;}

/* 파트너스2 리스트 디자인 */
.area_1 td:first-child .output_sub_partner_area{margin-left:0px !important}
.output_sub_partner_area {width:400px; height:570px; position:relative; float:left; margin-left:20px; margin-bottom:20px;}
.output_sub_partner_area .on{display:none;}
.output_sub_partner_area .thumb{width:400px; height:400px;}
.output_sub_partner_area:hover {background:#fafafa;}
.output_sub_partner_area:hover .on{display:flex;}
.output_sub_partner_area:hover .option_icon{display:none;}
.output_sub_partner_area:hover .info{display:block; position:absolute; bottom:0px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%; height:100px;}
.output_sub_partner_area .count{position:absolute; top:10px; right:10px; z-index:1; display:block; background:url('../img/rows_ico_bg_03.png'); color:#FFFFFF; padding:3px 8px 5px 8px; border-radius:5px;}
.output_sub_partner_area .option_icon{position:absolute; bottom:10px; left:10px; z-index:1;}
.output_sub_partner_area .scrap_btn a{font-family:'맑은 고딕'; font-weight:bold;  font-size:14px; color:#dee1e4; background:#999999; width:180px; height:40px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.output_sub_partner_area .info {display:none;}

/*
.output_sub_partner_area{width:390px; height:530px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_partner_area:hover .output_sub_partner{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_partner { width:390px; position:absolute;top:-10px; left:-10px; padding:10px; background:#fff }
.output_sub_partner .thumb{position:relative; height:390px; overflow:hidden; }
.output_sub_partner .sth_ico{position:absolute; bottom:10px; left:10px; z-index:1000}
.output_sub_partner:hover {}
.output_sub_partner:hover .info {bottom:0px;}
.output_sub_partner:hover .sth_ico{display:none}
.output_sub_partner .info {position:absolute; bottom:-68px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_partner .info .wrap {padding:10px 12px 20px 12px;}
*/



/* 시공사례 리스트 디자인 */
.area_1 td:first-child .output_sub_cont_area{margin-left:0px !important}
.output_sub_cont_area {width:260px; height:430px; position:relative; float:left; margin-left:20px; margin-bottom:20px;}
.output_sub_cont_area .on{display:none;}
.output_sub_cont_area .thumb{width:260px; height:260px;}
.output_sub_cont_area:hover {background:#fafafa;}
.output_sub_cont_area:hover .on{display:flex;}
.output_sub_cont_area:hover .option_icon{display:none;}
.output_sub_cont_area .count{position:absolute; top:10px; right:10px; z-index:1; display:block; background:url('../img/rows_ico_bg_03.png'); color:#FFFFFF; padding:3px 8px 5px 8px; border-radius:5px;}
.output_sub_cont_area .option_icon{position:absolute; bottom:10px; left:10px; z-index:1;}
.output_sub_cont_area .scrap_btn a{font-family:'맑은 고딕'; font-weight:bold;  font-size:14px; color:#dee1e4;  background:#999999; width:110px; height:40px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }
/*
.output_sub_cont_area{width:253px; height:427px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_cont_area:hover .output_sub_cont{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_cont { width:253px; position:absolute;top:-10px; left:-10px; padding:10px; background:#fff }
.output_sub_cont .thumb{position:relative; height:253px; overflow:hidden; }
.output_sub_cont .sth_ico{position:absolute; bottom:10px; left:10px; z-index:1000}
.output_sub_cont:hover {}
.output_sub_cont:hover .info {bottom:0px;}
.output_sub_cont:hover .sth_ico{display:none}
.output_sub_cont .info {position:absolute; bottom:-58px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_cont .info .wrap  {padding:10px 12px }
*/

/* 시공사례 리스트 디자인2 */
.area_1 td:first-child .output_sub_cont_area2{margin-left:0px !important}
.output_sub_cont_area2 {width:400px; height:570px; position:relative; float:left; margin-left:20px; margin-bottom:20px;}
.output_sub_cont_area2 .on{display:none;}
.output_sub_cont_area2 .thumb{width:400px; height:400px;}
.output_sub_cont_area2:hover {background:#fafafa;}
.output_sub_cont_area2:hover .on{display:flex;}
.output_sub_cont_area2:hover .option_icon{display:none;}
.output_sub_cont_area2 .count{position:absolute; top:10px; right:10px; z-index:1; display:block; background:url('../img/rows_ico_bg_03.png'); color:#FFFFFF; padding:3px 8px 5px 8px; border-radius:5px;}
.output_sub_cont_area2 .option_icon{position:absolute; bottom:10px; left:10px; z-index:1;}
.output_sub_cont_area2 .scrap_btn a{font-family:'맑은 고딕'; font-weight:bold;  font-size:14px; color:#dee1e4; background:#999999; width:180px; height:40px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }

/*
.output_sub_cont_area2{width:390px; height:557px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_cont_area2:hover .output_sub_cont2{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_cont2 { width:390px; position:absolute;top:-10px; left:-10px; padding:10px; background:#fff }
.output_sub_cont2 .thumb{position:relative; height:390px; overflow:hidden; }
.output_sub_cont2:hover {}
.output_sub_cont2:hover .info {bottom:0px;}
.output_sub_cont2:hover .sth_ico{display:none}
.output_sub_cont2 .info {position:absolute; bottom:-68px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_cont2 .info .wrap {padding:10px 12px 20px 12px;}
*/

/* 인테리어 리스트 디자인 */
.area_1 td:first-child .output_sub_inte_area{margin-left:5px !important}
.output_sub_inte_area{width:390px; height:270px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_inte_area:hover .output_sub_inte{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_inte { width:390px; position:relative; clear:both; overflow:hidden; margin-bottom:20px;}
.output_sub_inte .thumb{position:relative; height:270px; overflow:hidden; }
.output_sub_inte:hover {}
.output_sub_inte:hover .info {bottom:0px;}
.output_sub_inte .info {position:absolute; bottom:-68px; left:0px; background:url('../img/bg_80p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_inte .info .wrap {padding:20px;}

.output_sub_interior{width:380px; float:left; padding-left:20px; padding-top:20px}
.output_sub_interior .info {position:absolute; bottom:0; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_interior .info .wrap {padding:20px;}
.output_sub_interior .thumb{position:relative}
.output_sub_interior .inner_hidden{display:none}
.output_sub_interior .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}
.output_sub_interior .thumb:hover .count_area{display:none}
.output_sub_interior .thumb:hover .info{display:none}


/* 인테리어 리스트 디자인2 */
.area_1 td:first-child .output_sub_inte_area2{margin-left:0px !important}
.output_sub_inte_area2 {width:260px; height:400px; position:relative; float:left; margin-left:20px; margin-bottom:20px;}
.output_sub_inte_area2 .on{display:none;}
.output_sub_inte_area2 .thumb{width:260px; height:260px;}
.output_sub_inte_area2:hover {background:#fafafa;}
.output_sub_inte_area2:hover .on{display:flex;}
.output_sub_inte_area2:hover .option_icon{display:none;}
.output_sub_inte_area2 .count{position:absolute; top:10px; right:10px; z-index:1; display:block; background:url('../img/rows_ico_bg_03.png'); color:#FFFFFF; padding:3px 8px 5px 8px; border-radius:5px;}
.output_sub_inte_area2 .option_icon{position:absolute; bottom:10px; left:10px; z-index:1;}
.output_sub_inte_area2 .scrap_btn a{font-family:'맑은 고딕'; font-weight:bold;  font-size:14px; color:#dee1e4; background:#999999; width:110px; height:40px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }

/*
.area_1 td:first-child .output_sub_inte_area2{margin-left:5px !important}
.output_sub_inte_area2{width:253px; height:400px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_inte_area2:hover .output_sub_inte2{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_inte2 { width:253px; position:absolute;top:-10px; left:-10px; padding:10px; background:#fff }
.output_sub_inte2 .thumb{position:relative; height:253px; overflow:hidden; }
.output_sub_inte2 .sth_ico{position:absolute; bottom:10px; left:10px; z-index:1000}
.output_sub_inte2:hover {}
.output_sub_inte2:hover .info {bottom:0px;}
.output_sub_inte2:hover .sth_ico{display:none}
.output_sub_inte2 .info {position:absolute; bottom:-58px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_inte2 .info .wrap  {padding:10px 12px }
*/

/* 인테리어 리스트 디자인3 */
.area_1 td:first-child .output_sub_inte_area3{margin-left:0px !important}
.output_sub_inte_area3 {width:400px; height:540px; position:relative; float:left; margin-left:20px; margin-bottom:20px;}
.output_sub_inte_area3 .on{display:none;}
.output_sub_inte_area3 .thumb{width:400px; height:400px;}
.output_sub_inte_area3:hover {background:#fafafa;}
.output_sub_inte_area3:hover .on{display:flex;}
.output_sub_inte_area3:hover .option_icon{display:none;}
.output_sub_inte_area3 .count{position:absolute; top:10px; right:10px; z-index:1; display:block; background:url('../img/rows_ico_bg_03.png'); color:#FFFFFF; padding:3px 8px 5px 8px; border-radius:5px;}
.output_sub_inte_area3 .option_icon{position:absolute; bottom:10px; left:10px; z-index:1;}
.output_sub_inte_area3 .scrap_btn a{font-family:'맑은 고딕'; font-weight:bold;  font-size:14px; color:#dee1e4; background:#999999; width:180px; height:40px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }

/*
.output_sub_inte_area3{width:390px; height:530px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_inte_area3:hover .output_sub_inte3{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_inte3 { width:390px; position:absolute;top:-10px; left:-10px; padding:10px; background:#fff }
.output_sub_inte3 .thumb{position:relative; height:390px; overflow:hidden; }
.output_sub_inte3:hover {}
.output_sub_inte3:hover .info {bottom:0px;}
.output_sub_inte3:hover .sth_ico{display:none}
.output_sub_inte3 .info {position:absolute; bottom:-68px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_inte3 .info .wrap {padding:10px 12px 20px 12px;}
*/

/* 파트너상세 미리보기 이미지 썸네일 간격 및 정렬 */
.partner_thumb table{width:0% !important}
.partner_thumb td:first-child{padding-left:0}
.partner_thumb td{text-align:left !important; padding-left:10px}

/* 시공사례 미리보기 이미지 썸네일 간격 및 정렬 */
.construct_thumb table{width:0% !important}
.construct_thumb tr:first-child td{padding-top:0}
.construct_thumb td{text-align:left !important; padding-left:20px; padding-top:20px; vertical-align:top}

/* 인테리어스타일 미리보기 이미지 썸네일 간격 및 정렬 */
.style_thumb{padding-top:28px}
.style_thumb table{width:0% !important}
.style_thumb td:first-child{padding-left:0}
.style_thumb td{text-align:left !important; padding-left:23px}

/* 상세 시공사례 리스트 디자인 */
.detail_area_1 td:first-child .output_detail_cont_area{}
.output_detail_cont_area{width:240px; height:414px; position:relative; margin-bottom:20px}
.output_detail_cont_area:hover .output_detail_cont{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_detail_cont { width:240px; position:relative; clear:both; overflow:hidden; margin-bottom:20px;}
.output_detail_cont .thumb{position:relative; height:240px; overflow:hidden; }
.output_detail_cont:hover {}
.output_detail_cont:hover .info {bottom:0px;}
.output_detail_cont .info {position:absolute; bottom:-50px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_detail_cont .info .wrap {padding:15px;}

/* 시공사례 상세페이지 시공사례 리스트 디자인 */
.detail_area_2 td:first-child .output_detail_cont2{margin-left:0}
.output_detail_cont2{position:relative; float:left; margin-left:10px; overflow:hidden; z-index:100}
.output_detail_cont2 .mask{display:none}
.output_detail_cont2:hover .mask{display:block; width:100%; height:100%; position:absolute; background:url('../img/bg_50p_plus.png') 0 0 no-repeat;}

/* 상세페이지 탭 */
.detail_tabb{width:100%; border-collapse: collapse; table-layout:fixed}
.detail_tabb td{
	background:#fafafa;
	border:1px solid #c6c6c6;
	border-bottom:2px solid #333;
	height:57px;
	text-align:center;
	}
.detail_tabb td a{
	color:#333;
	line-height:54px;
	letter-spacing:-0.5px;
	font-weight:bold;
	cursor : pointer;
}
.detail_tabb .active{ background:#fafafa}
.detail_tabb td:hover{background:#f6f3ec}
.detail_tabb td:hover a{color:#000}
.area_fixed{margin-top:54px}


/* 상세페이지 컨텐츠 표 */
.detail .info_chart .header{font-family:'맑은 고딕'; font-size:21px; letter-spacing:-1px; color:#000; text-align:left; padding-bottom:15px; font-weight:bold}
.detail .info_chart .tit{width:99px; font-family:'맑은 고딕'; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding-left:9px; background:url('../img/chart_ico_01.gif')  left 10px no-repeat;vertical-align:top;}
.detail .info_chart .tit2{width:99px; font-family:'맑은 고딕'; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding-left:9px; background:url('../img/chart_ico_01.gif')  left 10px no-repeat;vertical-align:top;}
.detail .info_chart .substance{font-family:'맑은 고딕'; text-align:left; line-height:24px; letter-spacing:-1px; color:#666;vertical-align:middle;}
.detail .info_chart .line{background:url('../img/chart_line.gif') 0 12px repeat-x; height:25px}

/* 등록페이지 폼차트 */
.add_form .info_chart{width:100%; border-collapse: collapse; border:1px solid #dcdfe5}

.add_form .info_chart .header{font-size:21px; letter-spacing:-1px; color:#000; text-align:left; padding-bottom:15px}
.add_form .info_chart .tit{width:125px; vertical-align:top;  border:1px solid #dfe2e7; border-right:0 none; border-left:0 none;  font-size:12px; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding:15px 0 15px 20px; background:#f4faff}
.add_form .info_chart .tit2{font-size:15px; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding-left:9px; background:url('../img/chart_ico_01.gif') 0 12px no-repeat}
.add_form .info_chart .substance{border:1px solid #dfe2e7; border-right:0 none; border-left:0 none; text-align:left; padding:10px}
.add_form .info_chart .line{background:url('../img/chart_line.gif') 0 12px repeat-x; height:25px}
.add_form .info_chart .hphone{}
.add_form .info_chart .input_phone{width:40px; padding-left:10px}


.add_form .theme_chart{width:100%; border-top:1px solid #dcdfe5; table-layout:fixed}
.add_form .theme_chart .theme_tit{width:125px; color:#000; vertical-align:top;  font-size:12px; text-align:left; line-height:24px;  padding:10px 0 10px 20px; background:#f4faff}
.add_form .theme_chart .theme{text-align:left; padding:7px 10px; }

.add_form .theme_chart .theme .theme_color_circle { vertical-align:middle;}


/* 상세페이지 프린트 컨텐츠 표 */
.print_form .info_chart .header{font-size:21px; letter-spacing:-1px; color:#000; text-align:left; padding-bottom:15px}
.print_form .info_chart .tit{width:70px;  vertical-align: top; font-size:15px; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding-left:9px; background:url('../img/chart_ico_01.gif') 0 12px no-repeat}
.print_form .info_chart .tit2{font-size:15px; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding-left:9px; background:url('../img/chart_ico_01.gif') 0 12px no-repeat}
.print_form .info_chart .substance{font-size:15px; padding-left:20px; text-align:left; line-height:24px; letter-spacing:-1px; color:#666}
.print_form .info_chart .line{background:url('../img/chart_line.gif') 0 12px repeat-x; height:25px}
.print_form .info_chart .form_locate{font-size:15px; font-family:'맑은 고딕'}

/* 댓글 인풋 */
.reply_input input[type="text"], .reply_input input[type="password"]{color:#333; font-size:14px; letter-spacing:-0.5px; height:28px; line-height:27px; border:0 none;width:100%;outline: none !important;}
.reply_input textarea{color:#000; font-size:15px; letter-spacing:-0.5px; width:100%; height:130px; resize:none; border:0 none}


/* 업체등록시 업체선택 라인삭제 */
.upche_list tr:first-child td .dot_line{background:none !important}

/* 마이페이지*/
.mypage_ico img{width:38px}
.mypage_area .zzim_list{float:left; margin-left:20px; margin-top:20px}
.mypage_area td:first-child .zzim_list{margin-left:0}
.mypage_main_title{
	height:40px;
	letter-spacing:-1px;
	font-weight:bold;
	color:#333;
}
.happy_inquiry_list_rows table{}
.happy_inquiry_list_rows .info_row{
	border-bottom:1px solid #eaeaea;
	padding:15px 0;
}

.happy_inquiry_list_rows .btn_row{
	border-bottom:1px solid #eaeaea;
	width:120px;
	border-left:1px solid #eaeaea;
	text-align:center;
	background:#fafafa;
}
.happy_inquiry_list_rows .thum_nail{
	width:120px;
	height:120px;
	text-align:left;
	padding-right:15px;
	background:url('{{스킨폴더명}}/img/background_no.png') 0 0 no-repeat"
}


/*마이페이지 리뷰작성*/
.modal_review_btn, .modal_review_dbtn{
	display:inline-block !important;
	text-align:center;
	box-sizing: border-box;
	letter-spacing:-1px;
}
.modal_review_btn{
	border-radius:5px;
	width:80px !important;
	height:34px !important;
	line-height:33px !important;
	font-size:14px;
	font-weight:400;
	font-family: 'Noto Sans KR' !important;
	margin-top:3px;
}
.modal_review_btn.write, .modal_review_btn.write a{
	color:var( --main-color ) !important;
	background-color:#fff;
	border:1px solid var( --main-color ) !important;
}
.modal_review_btn.mod, .modal_review_btn.mod a{
	color:#999;
	background-color:#fff;
	border:1px solid #e9e9e9;
}


.modal_review_dbtn{
	width:147px!important;
	height:42px!important;
	line-height:40px!important;
	font-size:12.5px;
	margin-left:5px;
	border-radius:3px;
	font-weight:bold;
}
.modal_review_dbtn.write, .modal_review_dbtn.write a{
	color:#fff;
	background-color:var( --main-color ) !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.modal_review_dbtn.mod, .modal_review_dbtn.mod a{
	color:#fff;
	background-color:var( --main-color ) !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.modal_review_gubun_wrap{margin-top:0px}

.modal_review_gubun_wrap .input_style select,
.modal_reply_input input[type="text"],
.modal_reply_input input[type="password"],
.modal_reply_input textarea{
	background: #f3f5f9;
	color:#444!important;
	font-size:14px!important;
	font-family:'맑은 고딕',Sans-serif !important;
	letter-spacing:-0.5px;
	outline: none !important;
	box-sizing: border-box;
	border:1px solid #d8d8d8!important;
}
.modal_review_gubun_wrap select{width:120px;height:30px;padding-left:5px!important;}
.modal_reply_input input[type="text"], .modal_reply_input input[type="password"]{
	letter-spacing:-0.5px;
	height:30px;
	width:100%;
	padding:0px 10px;
	line-height:30px!important;
}
.modal_reply_input textarea{
	padding:15px 10px;
	width:100%;
	height:150px;
	resize:none;
	line-height:1.4!important;
}
.modal_reply_input input::placeholder, .modal_reply_input textarea::placeholder {
	font-size:14px;
	color:#999;
}

.submit_review_btn{
	width: fit-content;
	text-align:center;
	margin:30px auto 0;
	position:relative;
}
.submit_review_btn input{
	display:block!important;
	width:234px;
	height:50px;
	background-color:var( --main-color ) !important;
	color:#333;
	cursor:pointer;
	border-radius:3px;
	border:solid 1px rgba(0,0,0,.1);
	font-size:15px;
	font-family:'맑은 고딕',Sans-serif !important;
	letter-spacing:-1px;
	font-weight:bold;
	padding-left:20px;
}
.submit_review_btn .icon{
	position:absolute;
	top:14px;
	left:73px;
	color:#333;
}
.modify_review_btn{
	width: fit-content;
	position:relative;
}
.modify_review_btn input{
	display:block!important;
	width:145px;
	height:47px;
	background-color:var( --main-color ) !important;
	color:#333;
	cursor:pointer;
	border-radius:3px;
	border:solid 1px rgba(0,0,0,.1);
	font-size:15px;
	font-family:'맑은 고딕',Sans-serif !important;
	letter-spacing:-1px;
	padding-left:20px;
	box-sizing: border-box;
}
.modify_review_btn input:hover, .submit_review_btn input:hover{
	color:#000;
	background-color:#ffaf00!important;
	transition: 0.4s ease-in-out;
	border:solid 1px rgba(0,0,0,.3);
}
.modify_review_btn .icon{
	position:absolute;
	top:14px;
	left:31px;
	color:#333;
}
.del_review_btn {width: fit-content;}
.del_review_btn svg{fill:#666!important;}
.del_review_btn a{font-size:15px!important;}
.modal_review_gubun_wrap .input_style select{line-height: 1.2!important;}
/*마이페이지 리뷰작성*/



/* 문의하기 테이블 */
.inquiry_view_form{width:100%; table-layout:fixed; border-collapse:collapse;}
.inquiry_view_form .tit{width:105px; color:#333; padding:15px; vertical-align:top; text-align:left; background:#f9f9f9; font-weight:bold; border-bottom:1px solid #eaeaea}
.inquiry_view_form .substance{padding:10px 15px; vertical-align:top; line-height:22px; text-align:left; border-bottom:1px solid #eaeaea; word-break:break-all;}


/* 미니홈 테이블 */
.minihome_view_form{width:100%; border-collapse:collapse;}
.minihome_view_form .tit{width:105px; color:#333; padding:0 15px; height:55px; text-align:left; background:#f9f9f9; font-weight:bold; border-bottom:1px solid #eaeaea}
.minihome_view_form .substance{padding:10px 15px; line-height:22px; text-align:left; border-bottom:1px solid #eaeaea}

/* 회원가입,수정 디자인 및 인풋스타일 */
.resister .title, .resister .substence{border:1px solid #dedee0}
.resister .title{color: #6b6b6b;width: 130px; height:46px; padding-left: 10px;background: #f9f9f9; text-align:left; font-weight:normal}
.resister .substence{padding:8px; background:#fff}
.resister .substence input[type=text], .resister .substence input[type=file], .resister .substence input[type=password]{border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px; box-sizing:border-box;}
.resister .substence select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; box-sizing:border-box;}
.resister .substence.width_fix select{width:150px; margin-top:10px;}
.resister .substence textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px; width:93%; box-sizing:border-box;}
.resister .substence label{vertical-align:middle}
.resister .substence .basic{width:100%; table-layout:fixed}
.resister .substence .basic tr{
	border-bottom:0 none !important;
}
.resister .substence .basic .bunya{height:21px}
.resister .substence .basic .bunya label{vertical-align:middle}
.resister .guide_txt{font-size:12px; letter-spacing:-1px;}
.resister .substence .h_form .h-check input[type="checkbox"],
.resister .substence .h_form .h-radio input[type="radio"]{
	position:relative;
	opacity: 1 !important;
	z-index:0 !important;
}
.resister .substence .h_form .h-radio input[type="radio"] + span::before,
.resister .substence .h_form .h-check input[type="checkbox"] + span::before{
	display:none !important;
}
.resister .substence .h_form .h-radio input[type="radio"]:checked + span::before,
.resister .substence .h_form .h-check input[type="checkbox"]:checked + span::before{
	display:none !important;
}



/* 실명인증 */
.real_name{border:1px solid #b8b8b8; padding:30px; background:#e7edf3; border-top:3px solid #000; margin-top:30px;}
.real_article{overflow:hidden}
.real_article .fw{width:100% !important}
.real_article .fwfix{width:665px !important}
.real_article .real_tit{width:100px; font-size:14px; letter-spacing:-1px; color:#000; font-weight:bold; font-family:'돋움'}
.real_article li{float:left}
.real_article li ul{width:100%}
.real_article li ul li{width:335px; float:left;}
.real_article .ipin_chk, .real_article .cp_chk{margin:0 35px}
.real_article .ipin_chk dt, .real_article .cp_chk dt{margin-bottom:15px; text-align:left}
.real_article .ipin_chk .txt, .real_article .cp_chk .txt{font-family:'돋움'; font-size:11px; letter-spacing:-1px; line-height:18px; color:#6f7e95; margin-bottom:20px; text-align:left}
.real_article .ipin_chk .chk_btn, .real_article .cp_chk .chk_btn{display:block; cursor:pointer; }

.ranking_sel select{width:100%; padding: 10px;}
.admin_tool span{display:inline-block; vertical-align:middle; margin:0 0 3px 3px}

/* 외부 html 파일 검색창 */
.search_form_sub{width:100%; border-collapse:collapse; table-layout:fixed}
.search_form_sub .tit{width:125px; height:49px; text-align:left; padding-left:10px; font-weight:bold; color:#333; border:1px solid #ededed; border-left:0 none !important; background:#fbfbfd}
.search_form_sub .substance{padding:10px; border:1px solid #ededed; border-right:0 none !important;}
.search_form_sub .group_tab{width:100%; table-layout:fixed; border-collapse: collapse;}
.search_form_sub .group_name{height:38px; text-align:center; font-weight:bold; border:1px solid #e7e7e7}
.search_form_sub .inner_td td{line-height:22px; }
.search_form_sub .inner_td .group_sub{font-family:'굴림' !important}

/* 파트너 리스트 디자인2 */
.sub_list_partner2{padding:28px 0 28px 10px; background:#fff; border-bottom:1px solid #eaeaea}
.sub_list_partner2 .thumb{position:relative}
.sub_list_partner2 .btn{background:#f3f5f9}
.sub_list_partner2 .bg{padding:10px 20px; background:#fafafa; letter-spacing:-0.5px; color:#333}
.sub_list_partner2 .info{display:none}
.sub_list_partner2:hover{background:#fafafa}
.sub_list_partner2:hover .bg{background:#fff}
.sub_list_partner2:hover .btn{background:#fff}
.sub_list_partner2:hover .info{display:block; width:100%; position:absolute; bottom:0px; left:0px; background:url('../img/bg_70p.png') repeat; text-align:left; color:#92a1b0;}

/* 쿠폰리스트 영역 */
.product_list_area td:first-child .product_list {margin-left:0}
.product_list{float:left; margin-bottom:50px; margin-left:16px}
.product_list_area td{text-align:left !important}
.product_list .thumb{position:relative}

/* 물방울지도 카테고리 */
.categorylist table{border-collapse: collapse;}
.categorylist .tab_col{border:1px solid #b6b6b6; background:#FDFDFD }


.inquiry_form{border-collapse: collapse; width:100%}
.inquiry_form .tit{width:180px; padding-left:20px; background:#f4faff; height:70px; letter-spacing:-1px; text-align:left; border-bottom:1px solid #eaeaea;}
.inquiry_form .substance{background:#fff; padding:15px; border-bottom:1px solid #eaeaea}
.inquiry_form .substance input[type=text], .inquiry_form .substance input[type=file], .inquiry_form .substance input[type=password]{
border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:38px; line-height:37px; font-size:17px; font-family:'맑은 고딕'; letter-spacing:-0.5px}
.inquiry_form .substance select {padding:5px; border:1px solid #bdbdc0; height:37px; line-height:37px; font-size:17px; font-family:'맑은 고딕'; letter-spacing:-0.5px}
.inquiry_form .substance textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px; font-size:17px; font-family:'맑은 고딕';}


/* 통합검색 */
.stab_off{background:url('../img/all_search_tabbg.gif') left 0 repeat; text-align:center; cursor:pointer; border:1px solid #515151; letter-spacing:-1px; }
.stab_off a{display:block; height:48px; line-height:48px; color:#fff}
.stab_on{background:#fff;  height:48px;  text-align:center; cursor:pointer; border:1px solid #515151; border-bottom:1px solid #fff; letter-spacing:-1px; font-weight:bold}
.stab_on a{display:block; height:48px; line-height:48px; color:#333}

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

/* 스페셜정보 검색결과 rows */
.all_search_list .pay_spec .inner_hidden{display:none}
.all_search_list .pay_spec .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}


/* 시공사례 검색결과 rows */
.all_search_list td:first-child .all_search_rows5{margin-left:0 !important;}
.all_search_list .all_search_rows5{float:left; margin-left:15px; margin-bottom:20px}
.all_search_list .all_search_rows5{}
.all_search_list .all_search_rows5:hover {}
.all_search_list .all_search_rows5:hover .info {bottom:0px;}
.all_search_list .all_search_rows5 .info {position:absolute; bottom:-47px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.all_search_list .all_search_rows5 .info .wrap {padding:10px 12px;}

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


.img_tab img {}
.box_un {border-bottom:1px solid #dbdbdb; padding:90px 0 50px 0;}
.btn_tab_top {background:#3e434d; color:#FFFFFF; padding:10px 20px; border-radius:5px; }


/* 서브페이지 동영상 리스트 출력부분에 사용됨*/
.rows_margin .row_margin_left { margin-left:20px; }
.rows_margin table tr td:first-child .row_margin_left { margin-left:0px !important; }


/* sns 회원가입 약관동의 부분*/
.join_td_01 { height:70px; padding-left:20px; color:#333333; letter-spacing:-1px;}
.join_td_02 { border-left:1px solid #e7e7e7; width:130px; text-align:center; }
.join_td_03 { border-left:1px solid #e7e7e7; width:130px; text-align:center; color:#000000;}
.join_box { display:none; border-top:1px solid #e7e7e7; background:#fafafa; padding:30px; }
.join_box_01 { overflow-y:scroll; height:300px; padding:10px; border:1px solid #d7d7d7; background-color:#fdfdfd; color:#7e7e7e; line-height:160%; }


/* 상세 sns 이미지 */
.detail_sns_img img { width:32px; display:inline-block;}

/* main 견적문의 카운트 */
.main_count_inquiry_table td{width:150px; text-align:center; vertical-align:top; border-right:1px solid #aaaaaa;}
.main_count_inquiry_table .count_number{font-size:30px; letter-spacing:-1px; color:#333; font-weight:bold;}
.main_count_inquiry_table .count_text{font-size:14px; letter-spacing:-1px; color:#333; line-height:1.6;}

/* 비슷한 스타일의 시공사례 */
.similar_product_list_area td{}

/* 견적문의 상세보기 셀렉트 */
.input_style_inquiry01 select {padding:5px; border:1px solid #bdbdc0; width:200px; height:35px; line-height:24px; font-size:12px; font-family:'돋움'; background:#f0f6ff; border:1px solid #cccccc}

/* 파일첨부 인풋박스 패딩제거 */
.inquiry_form .substance input[type=file], .resister .substence input[type=file]{
	padding-left:0 !important;
}

/* 오늘본 정보 */
.all_today_area td:first-child .product_list {margin-left:0}
.all_today_area .product_list{float:left; margin-bottom:50px; margin-left:20px}
.all_today_area td{text-align:left !important}
.all_today_area .product_list .thumb{position:relative}


/* 이메일 */
.join_input_e_01{
	width:150px !important;
}
.join_input_e_02 {
	width:150px !important;
}
.join_select_e {
	width:150px !important;
	margin-left:3px !important;
}
/* 일반 */
.join_input_s{
	width:150px !important;
}
.join_input_s_01{
	width:60px !important;
}
.join_input_s_02{
	width:40px !important;
}
.join_input_s_03{
	width:40px !important;
}
.check_txt span{
	margin-left:10px;
}
.guide_txt,
.guide_txt2{
	margin-left:10px;
	color:#999;
}

/* 이메일 */
.join_input_e_01{
	width:150px !important;
}
.join_input_e_02 {
	width:150px !important;
}
.join_select_e {
	width:150px !important;
	margin-left:3px !important;
}

/* 연락처 */
.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:150px !important;
}
.join_input_a_02 {
	width:450px !important;
}
.join_input_a_03 {
	width:450px !important;
}

/* 도로명 */
.join_select_r_01 select {
	width:110px !important;
	margin-right:3px;
}
.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:150px !important;
}

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

.member_allcheck{
	padding:32px;
	border:1px solid #eaeaea;
	background:#fafafa;
	overflow:hidden;
	margin-bottom:20px;
}
.member_allcheck .txt{
	font-size:15px;
	letter-spacing:-1px;
	color:#4e4e4e;
}
/* 모달팝업 */
.happy_modal_popup_wrap {
	width:100%;
	height:100%;
	border: 1px solid #e9e9e9;
	z-index: 110;
	border-radius: 7px;
	overflow: hidden;
	padding: 25px;
	background: #fff;
}
.happy_modal_popup_wrap.nopadding{
	padding:0;
}
.happy_modal_popup_header {
	display: table;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #eaeaea;
}

.happy_modal_popup_title {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	font-weight:bold;
	color:#333;
	letter-spacing:-1px;
}

.happy_modal_popup_close {
	display: table-cell;
	vertical-align: top;
	text-align: right;
}

.happy_modal_popup_close span:hover {
	color:#333 !important;
}

/* 하단에 버튼 항상출력 상하단을 제외한 컨텐츠 높이 */
.happy_modal_popup_contents {
	overflow-y:auto;
	overflow-x:hidden;
	height: calc(100% - 130px);
}

/* 상단을 제외한 컨텐츠 높이 */
.happy_modal_popup_contents_s {
	overflow:auto;
	height: calc(100% - 40px);
}

.happy_modal_popup_btn {
	padding-top:33px;
	text-align:center;
}
.happy_modal_popup_sub_title {
	padding-bottom:15px;
}
.happy_modal_popup_sub_title_icon {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-top:3px;
	border:3px solid #f43142;
}
.happy_modal_popup_sub_title_text {
	padding-left:5px;
	color:#333;
	letter-spacing:-0.5px;
	vertical-align:middle;
}
/* 휴대폰 인증 동일한 번호 */
.happy_memeber_check_same{
	text-align:center;
	margin-top:105px;
	font-size:16px;
	color:#999;
	font-family:'맑은고딕';
}

/* 회원가입 인증버튼 */
.resister .h_btn_st2 {
	background:#acb8c9 !important;;
	display: inline-block;
	box-sizing: border-box;
	padding: 8px 20px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	border-radius: 0.2em;
	background-color: transparent;
	color: #fff;
	border: 1px solid #e5e5e5;
	position: relative;
	font-size: 12px!important;
	vertical-align:middle;
}
.messege_count{
	color:#ccc !important;
	font-weight:bold;
}
.nego_font{
	font-size:15px !important;
}
.point_pay_chart{
	width:100%;
	table-layout:fixed;
}
.point_pay_chart .nego_font.block_won{
	width:180px;
	text-align:right;
}
.point_pay_chart .nego_font.block_pay{
	width:180px;
	text-align:center;
}
.point_pay_chart .nego_font.block_comma{
	width:180px;
	text-align:right;
}
.point_pay_chart .nego_font.block_effect{
	width:100px;
	text-align:center;
}

.no_effect .check_btn.no_icon_green:hover,
.no_effect .check_btn.no_icon_green:active,
.no_effect .check_btn.no_icon_green:focus{
	color:#5cb41b !important;
	border:1px solid #5cb41b !important;
	background:none !important;
}
.check_btn.no_icon_green2{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#fff;
	border:1px solid #37b9d1;
	background:#37b9d1;
}
.check_btn.no_icon_green2:hover,{
	border:1px solid #2fa4ba;
	background:#2fa4ba;
	color:#fff;
}
.no_effect .check_btn.no_icon_green2:hover,
.no_effect .check_btn.no_icon_green2:active,
.no_effect .check_btn.no_icon_green2:focus{
	color:#fff !important;
	border:1px solid #37b9d1 !important;
	background:#37b9d1 !important;
}
.check_btn.no_icon_green3{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#28c1cc;
	border:1px solid #a3d7da;
	background:#fff;
}
.check_btn.no_icon_green3:hover{
	border:1px solid #1eacb6;
	background:#fff;
	color:#29a1a9;
}
.no_effect .check_btn.no_icon_green3:hover,
.no_effect .check_btn.no_icon_green3:active,
.no_effect .check_btn.no_icon_green3:focus{
	color:#28c1cc !important;
	border:1px solid #a3d7da !important;
	background:#fff !important;
}
.check_btn.no_icon_green4{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#41af36;
	border:1px solid #8dcf86;
	background:#fff;
}
.check_btn.no_icon_green4:hover{
	border:1px solid #8cb987;
	background:#fff;
	color:#36a12c;
}
.no_effect .check_btn.no_icon_green4:hover,
.no_effect .check_btn.no_icon_green4:active,
.no_effect .check_btn.no_icon_green4:focus{
	color:#41af36 !important;
	border:1px solid #8dcf86 !important;
	background:#fff !important;
}
.check_btn.no_icon_red{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#fff;
	border:1px solid #df6368;
	background:#db5157;
}
.check_btn.no_icon_red:hover{
	background:#c94c52;
	border:1px solid #ae4045;
	color:#fff
}
.no_effect .check_btn.no_icon_red:hover,
.no_effect .check_btn.no_icon_red:active,
.no_effect .check_btn.no_icon_red:focus{
	color:#fff !important;
	border:1px solid #df6368 !important;
	background:#db5157 !important;
}
.check_btn.no_icon_red2{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#df6368;
	border:1px solid #df6368;
	background:#fff;
}
.check_btn.no_icon_red2:hover{
	background:#fff;
	color:#d65c61;
	border:1px solid #d65c61;
}
.no_effect .check_btn.no_icon_red2:hover,
.no_effect .check_btn.no_icon_red2:active,
.no_effect .check_btn.no_icon_red2:focus{
	color:#df6368 !important;
	border:1px solid #df6368 !important;
	background:#fff !important;
}
.check_btn.no_icon_gray{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#919191;
	border:1px solid #d3d3d3;
	background:#f9f9f9;
}
.check_btn.no_icon_gray:hover{
	background:#eaeaea;
	color:#6e6e6e;
	border:1px solid #cfcfcf;
}
.no_effect .check_btn.no_icon_gray:hover,
.no_effect .check_btn.no_icon_gray:active,
.no_effect .check_btn.no_icon_gray:focus{
	color:#919191;
	border:1px solid #d3d3d3;
	background:#f9f9f9;
}
.check_btn.no_icon_gray2{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#919191;
	border:1px solid #d3d3d3;
	background:#fff;
}
.check_btn.no_icon_gray2:hover{
	background:#fff;
	color:#6e6e6e;
	border:1px solid #cfcfcf;
}
.no_effect .check_btn.no_icon_gray2:hover,
.no_effect .check_btn.no_icon_gray2:active,
.no_effect .check_btn.no_icon_gray2:focus{
	color:#919191;
	border:1px solid #d3d3d3;
	background:#fff;
}
.check_btn.no_icon_gray3{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#fff;
	border:1px solid #9b9b9b;
	background:#b1b1b1;
}
.check_btn.no_icon_gray3:hover{
	background:#979696;
	color:#fff;
	border:1px solid #878686;
}
.no_effect .check_btn.no_icon_gray3:hover,
.no_effect .check_btn.no_icon_gray3:active,
.no_effect .check_btn.no_icon_gray3:focus{
	color:#fff;
	border:1px solid #9b9b9b;
	background:#b1b1b1;
}
.check_btn.no_icon_gray4{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#b8b8b8;
	border:1px solid #dddddd;
	background:#fff;
}
.check_btn.no_icon_gray4:hover{
	background:#fff;
	color:#aeacac;
	border:1px solid #cbcbcb;
}
.no_effect .check_btn.no_icon_gray4:hover,
.no_effect .check_btn.no_icon_gray4:active,
.no_effect .check_btn.no_icon_gray4:focus{
	color:#b8b8b8;
	border:1px solid #dddddd;
	background:#fff;
}
.check_btn.no_icon_blue{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#5679ea;
	border:1px solid #5679ea;
	background:#fff;
}
.check_btn.no_icon_blue:hover{
	color:#4c6edd;
	border:1px solid #4c6edd;
	background:#fff;
}
.no_effect .check_btn.no_icon_blue:hover,
.no_effect .check_btn.no_icon_blue:active,
.no_effect .check_btn.no_icon_blue:focus{
	color:#5679ea;
	border:1px solid #5679ea;
	background:#fff;
}
.check_btn.no_icon_purple{
	padding:5px 10px !important;
	font-size:12px;
	text-align:center;
	color:#8876f6;
	border:1px solid #b8adfa;
	background:#fff;
}
.check_btn.no_icon_purple:hover{
	color:#7867e1;
	border:1px solid #b0a6ef;
	background:#fff;
}
.no_effect .check_btn.no_icon_purple:hover,
.no_effect .check_btn.no_icon_purple:active,
.no_effect .check_btn.no_icon_purple:focus{
	color:#8876f6;
	border:1px solid #b8adfa;
	background:#fff;
}

/*결제버튼*/
#bform_payment .btn_wrap{
	margin:30px auto;
	text-align:center;
}
#bform_payment .btn_wrap div a{
	background-color:#4e3f35;
	border-radius:5px;
	padding:10px 25px;
	display:inline-block !important;
	margin:3px;
}

#bform_payment .btn_wrap div a{
	background-color:#4e3f35;
	border-radius:5px;
	padding:0 20px;
	display:inline-block !important;
	margin:2px;
	height:40px;
	line-height:40px;
}
#bform_payment .btn_wrap div a:nth-child(2) {
	background-color:#ed4d29 !important;
}
#bform_payment .btn_wrap div a:nth-child(1), #bform_payment .btn_wrap div a:nth-child(4) {
	background-color:#f37320 !important;
}
#bform_payment .btn_wrap div a:nth-child(6) {
	background-color:#666 !important;
}

#bform_payment .btn_wrap div a{
	font-family: 'Noto Sans KR' !important;
	font-weight:300 !important;
	letter-spacing:-0.05em;
	font-size:13px;
	color:#fff;
	vertical-align: middle;
}
#bform_payment .btn_wrap div a span{
	color:#fff;
	vertical-align: middle;
}
/* 상품없을때 게시글없을때 */
.no_goods{
	font-size:14px;
	font-family: 'Noto Sans KR' !important;
	font-weight:400 !important;
	color:#c5c5c5;
	margin-top:50px;
	padding:50px 0;
	text-align:center;
	background:url('../img/no_good_img.png') center 0 no-repeat
}
.gradient{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	z-index:1;
	}

	/* 상세페이지 옵션 스크롤*/
.option_view_scroll::-webkit-scrollbar,
.option_view_scroll *::-webkit-scrollbar{
	 width: 10px;
	 position:absolute;
	 right:10px;
}

.option_view_scroll::-webkit-scrollbar-thumb,
.option_view_scroll *::-webkit-scrollbar-thumb{
   height: 25%;
	background: rgba(194,194,194,.6);
	background-clip: padding-box;
	border-radius: 10px;
	border: 3px solid transparent;
}

.option_view_scroll::-webkit-scrollbar-track,
.option_view_scroll *::-webkit-scrollbar-track{
	background: rgba(249,249,249,.2);
}
/* 구분 선택 */
.gubun_reform_area{
	position:relative;
	display:flex;
	align-items: center;
	margin-top:10px
}
.gubun_reform_area .inner_gubun{
	flex:1
}
.gubun_reform_area .inner_gubun .gubun_reform{
	display:flex;
	flex-wrap:wrap;
	width: calc(100% - 90px);
	gap:10px;
}
.gubun_reform_area .inner_gubun .gubun_reform  span,
.gubun_reform_area .inner_gubun .gubun_reform  span label{
	margin:0 !important;;
}
/* 상세페이지 평가디자인*/
.detail_reply_area{
	margin-top:50px;
	margin-bottom:15px;
}
.detail_reply_area .inner_reply{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.detail_reply_area .inner_reply span.detail_reply_gubun{
	cursor:pointer;
	font-weight:bold;
	display:flex;
}
.detail_reply_area .inner_reply span.detail_reply_gubun:before{
	content:"|";
	font-size:14px;
	display:inline-block;
	padding-right:10px;
	color:#eaeaea;
	position:relative;
	top:1px;
	font-weight:normal;
}
.detail_reply_area .inner_reply span.detail_reply_gubun:first-child:before{
	display:none;
}
.flexslider{
	position:relative;
}

/* 쿠폰 디자인 */
.common_flex{
	display:flex;
}
/* 팝업스타일 */
.popup_big_title{
	font-size:24px;
	letter-spacing:-1px;
	background:#f6f7f8;
	color:#333333;
	padding:15px 20px;
	border-bottom:1px solid #eaeaea;
	font-weight:500;
}
.popup_content_box{
	padding:10px;
}
.popup_table{
	display:table;
	width:100%;
}
.popup_table .popup_table_title{
	display:table-cell;
	width:25%;
	background:#fafafa;
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed;
	padding:15px;
	letter-spacing:-1px;
	vertical-align:top;
}
.popup_table .popup_table_content{
	display:table-cell;
	width:75%;
	padding:15px;
	border-bottom:1px solid #ededed;
	letter-spacing:-1px;
}
.common_type_inquiry_main{
	position:relative;
	padding:25px 0;
	border-top:1px solid #eaeaea;
}
.common_type_inquiry_main .thumb{
	width:160px;
	position:relative;
	float:left;
	margin-right:20px;
	border-radius: 5px;
	overflow: hidden;
}
.common_type_inquiry_main .thumb .title{
	position: absolute;
	text-align:center;
	font-size:16px;
	letter-spacing:-1px;
	font-weight:500;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 1;
	color:#fff;
}
.common_type_inquiry_main .substance{
	overflow:hidden;
	*zoom:1;
	padding-right:190px;
}
.common_type_inquiry_main .substance .title{
	height:24px;
	overflow:hidden;
	margin-bottom:3px;
	line-height:1.1;
}
.common_type_inquiry_main .substance .etc{
	position:absolute;
	width:130px;
	top:25px;
	right:0;
	bottom:25px;
	text-align:right;
}
.btn_zipcode,
.default_button{
	display:inline-block;
	height:30px;
	line-height:30px;
	background:#acb8c9;
	color:#fff !important;
	padding:0 10px;
	border-radius:3px;
	cursor:pointer;
}
.default_button svg{
	display:none;
}
.default_font{
	font-size:12px !important;
}
.default_clear{
	clear:both;
}

/* 쪽지 스타일 */
.message_title_box{
	display:table;
	width:100%;
	height:65px;
	border-bottom:1px solid #eaeaea;
}
.message_title_box .message_title_text{
	display:table-cell;
	vertical-align:middle;
	padding:15px;
	font-weight:500;
}
.message_title_box .message_title_text .uk-icon{
	vertical-align:middle;
	margin-top:-3px;
}
.message_title_box .message_title_close{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	padding:15px;
	width:60px;
}
.message_title_box .message_title_close a{
	color:#666 !important;
}
.message_contents .message_tab.on{
	background:#fff !important;
}
.message_contents .message_tab.on a {
	color:#333333 !important;
}
.message_contents .message_tab{
	background:#f5f5f5;
}
.message_contents .message_tab a {
	display:block;
	color:#767676;
	line-height:1.4;
	text-align:center;
	padding:12px 0;
	font-size:14px;
}
.message_rows{
	margin-top:10px;
	border:1px solid #eaeaea;
	box-sizing:border-box;
	background:#fff;
	height:451px;
}

.message_rows_style {
	box-sizing:border-box;
}

.message_receive_rows{
	border-bottom:1px solid #eaeaea;
	box-sizing:border-box;
}
.message_receive_rows .del_btn{
	color:#999999 !important;
}
.message_contents .message_view_table th{
	text-align:left;
	width:60px;
	vertical-align:top;
	font-weight:500;
	font-size:14px;
}
.message_contents .message_view_table td{
	padding:0 0 3px 10px;
	color:#888;
	word-break:break-all;
	vertical-align:top;
	font-size:14px;
}
.message_th_title tr{
	display: table-row;
	vertical-align: inherit;
}
.message_th_title th{
	font-size:14px;
	color:#000;
	font-weight: 400;
	letter-spacing: -1px;
	padding: 16px 0;
}
.message_group_bubble{
	max-width:100%;
	display:inline-block;
	padding:8px 10px;
	border-radius:5px;
	position:relative;
}
.message_group_bubble.right_me{
	text-align:left;
	background:#fbf9dd;
	border:1px solid #ece8b3;
}
.message_group_bubble.right_me:before{
	content:"";
	display:block;
	position:absolute;
	border-top:0px solid transparent;
	border-left:10px solid #ece8b3;
	border-right:10px solid transparent;
	border-bottom:10px solid transparent;
	top:10px;
	right:-20px;
}
.message_group_bubble.right_me:after{
	content:"";
	display:block;
	position:absolute;
	border-top:0px solid transparent;
	border-left:10px solid #fbf9dd;
	border-right:10px solid transparent;
	border-bottom:10px solid transparent;
	top:11px;
	right:-18px;
}
.message_group_bubble.left_other{
	text-align:left;
	background:#fff;
	border:1px solid #dcdcdc;
}
.message_group_bubble.left_other:before{
	content:"";
	display:block;
	position:absolute;
	border-top:0px solid transparent;
	border-left:10px solid transparent;
	border-right:10px solid #dcdcdc;
	border-bottom:10px solid transparent;
	top:10px;
	left:-20px;
}
.message_group_bubble.left_other:after{
	content:"";
	display:block;
	position:absolute;
	border-top:0px solid transparent;
	border-left:10px solid transparent;
	border-right:10px solid #fff;
	border-bottom:10px solid transparent;
	top:11px;
	left:-18px;
}

.ellipsis_line_1{word-break: break-all;}



/* h_form 기본 */
.h_form table > tr:hover,
.h_form table tbody tr:hover {
	background:#fff;
	}

.h_form table > tr:not(:first-child), .h_form table > :not(:first-child) > tr, .h_form table > :first-child > tr:not(:first-child) {
	border-bottom:none;
	}

.h_form input[type="text"], .h_form input[type="password"], .h_form select, .h_form textarea {
	font-family:'Noto Sans KR';
	}

.h_form button:hover, .h_form a:hover, .h_form input[type="button"]:hover, .h_form button:focus, .h_form a:focus, .h_form input[type="button"]:focus {
	border-color:#b2b2b2;
	}

.h_form .h_btn_st1 {
	border-radius:4px;
	}

/* 설문조사 */
.poll_inner{
	padding:30px 15px;
}
.poll_area table{
	width:100%;
	table-layout:fixed;
}
.poll_area tr td{
	vertical-align:top;
}
.poll_area tr:first-child td .poll_main_section{
	margin-top:0 !important;
}

.poll_main_section{
	padding:27px;
	border-radius:10px;
	border:1px solid #eaeaea;
	margin:30px 15px 0px 15px;
	min-height:305px;
}
.poll_main_section .poll_contents .redsm{
	display:inline-block;
	margin-top:80px;
}
.poll_tit{
	padding-left:40px;
}
.poll_tit svg{
	position:absolute;
	left:0;
	top:2px;
}
.poll_result_area{
	margin-top:10px;
}
.poll_result_area .poll_result_title{
	font-size:15px;
	letter-spacing:-1px;
}
.poll_result_area .poll_result_graph_box{
	margin-top:3px;
	background:#eaeaea;
	height:20px;
	border-radius:5px;
	overflow:hidden;
	position:relative;
}
.poll_result_area .poll_result_graph_box .poll_result_percent{
	 position:absolute;
	 top:0;
	 left:0;
	 height:20px;
	 z-index:1;
}
.poll_result_area .poll_result_graph_box .poll_result_vote{
	position:absolute;
	right:10px;
	top:0px;
	z-index:2;
	font-size:13px;
}
.poll_main_section.rows_hover_effect_bg{
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}
.poll_main_section.rows_hover_effect_bg:hover{
	background:#fafafa;
	box-shadow:0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 20px rgba(0,0,0, .1);
	-webkit-box-shadow:0 0 20px rgba(0,0,0, .1);
}

/* 결제하기 결제수단 */
.cart_order_pay_wrap {
	background:#fff;
	display:flex;
	display:-webkit-flex;
	display:-ms-flexbox;
	margin:0 -5px;
	justify-content:center;
}
.cart_order_pay_wrap .pay_rows {
	width:100%;
	position:relative;
	margin:0 5px;
	text-align:center;
	box-sizing:border-box;
	max-width:25%;
}

.cart_order_pay_wrap .pay_rows a.pay_method {
	padding:29px 0 31px;
	border:2px solid #e9e9e9;
	color:#7b7b7b;
	border-radius:10px;
	text-align:center;
	display:block;
	cursor:pointer;
}

.cart_order_pay_wrap .pay_rows a.pay_method .pay_text{
	margin-top:15px;
	color:inherit;
	font-size:14px;
}

.cart_order_pay_wrap .pay_rows a.pay_method.pay_point{
	border:2px solid #f4f4f4;
	color:#999999;
}

.cart_order_pay_wrap .pay_rows a.pay_method:hover{
	border:2px solid var( --main-color-10 ) !important;
	color:var( --main-color-10 ) !important;
}

.cart_order_pay_wrap .pay_rows.naver_st a.pay_method:active,
.cart_order_pay_wrap .pay_rows.naver_st a.pay_method:visited,
.cart_order_pay_wrap .pay_rows.naver_st a.pay_method:hover{
	border:2px solid #1dc800 !important;
	color:#1dc800 !important;
}

.cart_order_pay_wrap .pay_rows.kakaopay_st a.pay_method:active,
.cart_order_pay_wrap .pay_rows.kakaopay_st a.pay_method:visited,
.cart_order_pay_wrap .pay_rows.kakaopay_st a.pay_method:hover{
	border:2px solid #f2cd01 !important;
	color:#f2cd01 !important;
}


/* 결제하기 결제수단 포인트 */
.cart_order_pay_wrap_point {
	display:grid;
	border-collapse:collapse;
	width:80%;
	margin:0 auto;
	grid-template-columns:auto;
	border:1px solid #e9e9e9;
}
.cart_order_pay_wrap_point .pay_rows {
	width:100%;
	position:relative;
	text-align:center;
	display:inline-grid;
	border-bottom:1px solid #e9e9e9;
	height:71px;
}

.cart_order_pay_wrap_point .pay_rows:last-child{
	border-bottom:none;
}

.cart_order_pay_wrap_point .pay_rows .pay_method {
	margin:0 !important;
	padding:0 0 0 22px;
	box-sizing:border-box;
	color:#7b7b7b;
	text-align:center;
	display:flex;
	align-items:center;
	gap:12px;
	cursor:pointer;
}

.cart_order_pay_wrap_point .pay_rows a.pay_method .pay_text{
	color:inherit;
	font-weight:400 !important;
	font-size:17px
}

.cart_order_pay_wrap_point .pay_rows a.pay_method.pay_point{
	color:#999999;
}

.cart_order_pay_wrap_point .pay_rows a.pay_method:active::after,
.cart_order_pay_wrap_point .pay_rows a.pay_method:visited::after,
.cart_order_pay_wrap_point .pay_rows a.pay_method:hover::after {
	content:'';
	position:absolute;
	top:-1px;
	left:-1px;
	right:-1px;
	bottom:-1px;
	border:1px solid var( --main-color-10 ) !important;
}

.cart_order_pay_wrap_point .pay_rows a.pay_method:active::after,
.cart_order_pay_wrap_point .pay_rows a.pay_method:visited::after,
.cart_order_pay_wrap_point .pay_rows a.pay_method:hover {
	color:var( --main-color-10 ) !important;
}

.cart_order_pay_wrap_point .pay_rows.naver_st a.pay_method:active::after,
.cart_order_pay_wrap_point .pay_rows.naver_st a.pay_method:visited::after,
.cart_order_pay_wrap_point .pay_rows.naver_st a.pay_method:hover::after{
	content:'';
	position:absolute;
	top:-1px;
	left:-1px;
	right:-1px;
	bottom:-1px;
	border:1px solid #1dc800 !important;
}

.cart_order_pay_wrap_point .pay_rows.naver_st a.pay_method:active,
.cart_order_pay_wrap_point .pay_rows.naver_st a.pay_method:visited,
.cart_order_pay_wrap_point .pay_rows.naver_st a.pay_method:hover{
	color:#1dc800 !important;
}

.cart_order_pay_wrap_point .pay_rows.kakaopay_st a.pay_method:active::after,
.cart_order_pay_wrap_point .pay_rows.kakaopay_st a.pay_method:visited::after,
.cart_order_pay_wrap_point .pay_rows.kakaopay_st a.pay_method:hover::after{
	content:'';
	position:absolute;
	top:-1px;
	left:-1px;
	right:-1px;
	bottom:-1px;
	border:1px solid #f2cd01 !important;
}

.cart_order_pay_wrap_point .pay_rows.kakaopay_st a.pay_method:active,
.cart_order_pay_wrap_point .pay_rows.kakaopay_st a.pay_method:visited,
.cart_order_pay_wrap_point .pay_rows.kakaopay_st a.pay_method:hover{
	color:#f2cd01 !important;
}
/*메인 실시간 견적현황*/
.inquiry_list_rolling {display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: center; gap:5px}
.inquiry_list_rolling .ellipsis{
	text-align:left;
	letter-spacing:-0.5px;
	display:inline-block;
	max-width:calc(100% -42px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.gnb_top_menu{
	position:relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap:20px;
}

.gnb_top_menu a{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap:3px;
	color:#777;
	font-size:13px;
	text-align:center;
	letter-spacing:-0.5px;
	font-family:'맑은 고딕',Sans-serif !important;
	letter-spacing:-0.5px;
}
.gnb_top_menu a span{width:26px; height:26px;}
.gnb_top_menu a svg{fill:#777;width:26px; height:26px;}
.gnb_top_menu a:hover{color:#000}
.gnb_top_menu a.login:hover svg{fill:#f18503;}
.gnb_top_menu a.cs:hover svg, .gnb_top_menu a.my:hover svg{fill:#d84d0c;}
.gnb_top_menu a.map:hover svg{fill:#0883cf;}
.gnb_top_menu a.book:hover svg{fill:#00538f}
.gnb_top_menu a.map, .gnb_top_menu a.my.upche{letter-spacing:-1.5px}


/*통합검색탭*/
.allsearch_inner .inner{
	width:100%;
	position:relative;
	margin:0 auto;
	background:#fcfcfc;
	border-bottom:1px solid #dcdfe6;
}
.allsearch_inner .inner table td a {
	display: block;
	padding: 0 28px;
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 3px solid #fcfcfc;
	color: #1d1d1d;
	letter-spacing: -0.5px;
}





/* 상세페이지 상단 버튼 */
.detail_btn_icon {
	margin-left:10px;
	color:#999;
	cursor:pointer;
}

/* 상세페이지 공유하기 레이어 */
.share_layer_detail{
	position: absolute;
	top: 30px;
	right: 0px;
	min-width:100px;
	background: #ffffff;
	padding: 25px 35px;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #d3d3d3;
	z-index: 2;
	transition: all 0.3s ease;
	animation: fadeIn 0.3s;
}
.share_layer_detail:before {
	border-top: 0px solid transparent;
	border-left: 12px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 12px solid #d3d3d3;
	content: "";
	position: absolute;
	top: -12px;
	right: 9px;
}
.share_layer_detail:after {
	border-top: 0px solid transparent;
	border-left: 10px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 10px solid #ffffff;
	content: "";
	position: absolute;
	top: -10px;
	right: 10px;
}
.share_layer_detail_inner{
	display:flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.share_layer_detail_inner img {
	width:30px;
}
.share_layer_detail_inner a {
	color:#000;
	width:30px;
}
.share_layer_detail_title{
	position: relative;
	color:#333333;
	text-align: center;
	padding-bottom: 20px;
}
.share_layer_detail_close{
	position:absolute;
	top:10px;
	right:10px;
	cursor: pointer;
	color:#333333;
}



/* 마이페이지 좌측 */
.mypage_left_box {
	background:#fff;
	box-sizing:border-box;
}
.mypage_left_box .member_photo img {
	width:90px !important;
	height:90px !important;
	border-radius:100%;
	overflow:hidden;
}
.member_info_area {
	border-top:1px solid #e5e5e5;
	margin-top:20px;
	padding-top:10px;
}
.member_info_area .text{
	justify-content:space-between;
	letter-spacing:-0.75px;
	padding-top:5px;
}
.member_info_area .row_center_align {
	display:flex;
	align-items:center;
}
.member_info_area .text i, .member_info_area .text a, .member_info_area .text span{
color:#999 !important;
}
.member_info_area .text i {
	width:20px
}
.member_info_area .text .messege_count {
	color:#999 !important;
}


/* 마이페이지 메뉴 */
.mypage_bold {
	font-size:18px;
	font-weight:500;
}

.mypage_count {
	position:absolute;
	top:19px;
	right:26px;
	font-size:12px;
	padding:2px 8px;
	display:inline-block;
	color:#fff;
	border-radius:11px;
	letter-spacing:0;
}

.mypage_left_menu_main{
	position:relative;
}

.mypage_left_menu_main .mypage_left_menu_sub{
	display:none;
	position:absolute;
	top:0;
	left:200px;
	padding-left:10px;
	width:200px;
	z-index:999;
}

.mypage_left_menu_main:hover,
.mypage_left_menu_sub_link:hover{
	background:#fafafa;
}

.common_mypage_radius {
	overflow:hidden;
}

.mypage_left_menu_main:hover .mypage_left_menu_sub {
	display:block;
}

.mypage_common_box {
	background:#fff;
	margin-bottom:30px;
}

.mypage_left_menu_main .mypage_left_menu_main_link{
	display:block;
	position:relative;
	padding:16px 0 16px 22px;
	border-top:1px solid #e5e5e5;
	font-size:16px;
	letter-spacing:-1px;
	color:#000;
}

.mypage_left_menu_main:first-child .mypage_left_menu_main_link,
.mypage_left_menu_main .mypage_left_menu_sub .mypage_left_menu_sub_link:first-child{
	border-top:none;
}
.mypage_left_menu_main .mypage_left_menu_main_link .uk-icon{
	color:#c2c2c2;
	position:absolute;
	top:20px;
	right:20px;
}
.mypage_left_menu_main .mypage_left_menu_sub .mypage_left_menu_sub_link{
	display:block;
	position:relative;
	padding:16px 22px;
	border-top:1px solid #e5e5e5;
	font-size:16px;
	letter-spacing:-1px;
	color:#000 !important;
	font-family:'Noto Sans KR';
}

.mypage_left_menu_main .mypage_left_menu_sub .mypage_common_box {
	border:1px solid #e5e5e5;
	z-index:999;
}

.mypage_left_menu_main .mypage_left_menu_sub .mypage_left_menu_sub_link .count_text{
	position:absolute;
	top:17px;
	right:25px;
	font-size:16px;
	color:#999;
}



/* 문의하기검색 */
.happy_inquiry_search {
	margin:10px 0px;
	background:#ffffff;
	border-radius:10px;
	padding:15px;
}
.happy_inquiry_search select {
	width:120px !important;
}

/* 문의하기구분아이콘 */
.choosing_compare {
	color:#f15644;
	letter-spacing:-1px;
}
.choosing_normal {
	color:#333;
	letter-spacing:-1px;
}





/* 견적현황 */
.happy_inquiry_report_match {
	display:inline-block;
	padding:4px 12px;
	border-radius:20px;
	font-size:14px;
	letter-spacing:-1px;
	background:#fff;
	color:#aeaeae;
	border:1px solid #eeeeee;
}
highlight1 .happy_inquiry_report_match {
	color:#f15644;
	border:1px solid #f15644;
}
highlight2 .happy_inquiry_report_match {
	color:#f15644;
	border:1px solid #f15644;
}
.happy_inquiry_report_choose {
	display:inline-block;
	width:85px;
	text-align:center;
	color:rgba(241,86,68,1.0);
	background:rgba(241,86,68,0.1);
	border:1px solid rgba(241,86,68,0.5);
	font-size:13px;
	letter-spacing:-1px;
	padding:5px 0px;
	border-radius:3px;
}
.happy_inquiry_report_upche {
	display:inline-block;
	width:85px;
	text-align:center;
	color:rgba(68,130,246,1.0);
	background:rgba(68,130,246,0.1);
	border:1px solid rgba(68,130,246,0.5);
	font-size:13px;
	letter-spacing:-1px;
	padding:5px 0px;
	border-radius:3px;
}
.highlite3 {
	background:#fefaf5 !important;
}
.highlite3:hover {
	background:#fefaf5 !important;
}
.highlite4 {
	background:#f6faff !important;      
}

/* 견적현황상세*/
/* 정보보기 권한이 없습니다 */
.happy_inquiry_view_no {
	color:#999;
}
.happy_inquiry_view_no:before {
	content: '';
	display:inline-block;
	width:20px !important;
	height:20px !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='M480-308q8.5 0 14.25-5.75T500-328q0-8.5-5.75-14.25T480-348q-8.5 0-14.25 5.75T460-328q0 8.5 5.75 14.25T480-308Zm-14-124h28v-240h-28v240Zm14.17 300q-72.17 0-135.73-27.39-63.56-27.39-110.57-74.35-47.02-46.96-74.44-110.43Q132-407.65 132-479.83q0-72.17 27.39-135.73 27.39-63.56 74.35-110.57 46.96-47.02 110.43-74.44Q407.65-828 479.83-828q72.17 0 135.73 27.39 63.56 27.39 110.57 74.35 47.02 46.96 74.44 110.43Q828-552.35 828-480.17q0 72.17-27.39 135.73-27.39 63.56-74.35 110.57-46.96 47.02-110.43 74.44Q552.35-132 480.17-132Zm-.17-28q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat left center;
	background-size: cover;
	vertical-align:middle;
}
/* 비밀번호 확인 시 열람 및 선정이 가능합니다 */
.happy_inquiry_view_pass {
	color:#999;
}
.happy_inquiry_view_pass:before {
	content: '';
	display:inline-block;
	width:20px !important;
	height:20px !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='M480-308q8.5 0 14.25-5.75T500-328q0-8.5-5.75-14.25T480-348q-8.5 0-14.25 5.75T460-328q0 8.5 5.75 14.25T480-308Zm-14-124h28v-240h-28v240Zm14.17 300q-72.17 0-135.73-27.39-63.56-27.39-110.57-74.35-47.02-46.96-74.44-110.43Q132-407.65 132-479.83q0-72.17 27.39-135.73 27.39-63.56 74.35-110.57 46.96-47.02 110.43-74.44Q407.65-828 479.83-828q72.17 0 135.73 27.39 63.56 27.39 110.57 74.35 47.02 46.96 74.44 110.43Q828-552.35 828-480.17q0 72.17-27.39 135.73-27.39 63.56-74.35 110.57-46.96 47.02-110.43 74.44Q552.35-132 480.17-132Zm-.17-28q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat left center;
	background-size: cover;
	vertical-align:middle;
}
/* 로그인 시 열람 가능합니다 */
.happy_inquiry_view_login {
	color:#999;
}
.happy_inquiry_view_login:before {
	content: '';
	display:inline-block;
	width:20px !important;
	height:20px !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='M480-308q8.5 0 14.25-5.75T500-328q0-8.5-5.75-14.25T480-348q-8.5 0-14.25 5.75T460-328q0 8.5 5.75 14.25T480-308Zm-14-124h28v-240h-28v240Zm14.17 300q-72.17 0-135.73-27.39-63.56-27.39-110.57-74.35-47.02-46.96-74.44-110.43Q132-407.65 132-479.83q0-72.17 27.39-135.73 27.39-63.56 74.35-110.57 46.96-47.02 110.43-74.44Q407.65-828 479.83-828q72.17 0 135.73 27.39 63.56 27.39 110.57 74.35 47.02 46.96 74.44 110.43Q828-552.35 828-480.17q0 72.17-27.39 135.73-27.39 63.56-74.35 110.57-46.96 47.02-110.43 74.44Q552.35-132 480.17-132Zm-.17-28q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat left center;
	background-size: cover;
	vertical-align:middle;
}


.happy_inquiry_ipchal_btn a {
	display:inline-block;
	border:1px solid #0882cf;
	border-radius:3px;
	padding:5px 10px;
	font-size:12px;
	font-weight:bold;
	color:#0882cf !important;
	background:#fff;
}


/* 내가 받은 문의내역 카테고리 현장사진 공사스케쥴 */
.happy_inquiry_list_icon span {
	display:inline-block;
	padding:3px 10px;
	border-radius:20px;
	font-weight:bold;
}
.happy_inquiry_list_icon i {
	vertical-align:top;
	margin-top:4px;
}
.happy_inquiry_list_icon_cate {
	border:1px solid #f2baab;
	color:#d47a4f;
	background:#ffede8;
}
.happy_inquiry_list_icon_image {
	border:1px solid #93dbc6;
	color:#30b08b;
	background:#ebfff9;
}
.happy_inquiry_list_icon_calendar {
	border:1px solid #abe3f2;
	color:#4fa9ca;
	background:#e8faff;
}

/* 상세페이지 문의하기 버튼 */
.detail_inquiry_btn a, .detail_inquiry_btn button {
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:24px;
}

/* 비교견적문의하기 */
.happy_inquiry_wrap {
	display:flex;
	justify-content: space-between;
}
.happy_inquiry_left {
	background:#fff;
	width: 870px;
	padding: 60px 80px;
	box-sizing:border-box;
}
.happy_inquiry_right {
	width:200px;
	height:max-content;
	position:sticky;
	top:100px;
	z-index:999;
}
.happy_inquiry_right_step li {
	font-family: 'Noto Sans KR' !important;
	font-size:14px;
	color:#000;
	font-weight:500;
	letter-spacing: -1px;
	margin-bottom:10px;
}
.happy_inquiry_right_step li span {
	display:inline-block;
	width:20px;
	height:20px;
	line-height:19px;
	border-radius:11px;
	background:#FF6A0D;
	color:#fff;
	text-align:center;
	font-size:11px;
	margin-right:5px;
}

/* 비교견적문의하기 공사위치 이메일폼 연락처폼 셀렉트 인풋길이*/
.happy_inquiry_form_write .inquiry_select_s {
	width:100px !important;
}
.happy_inquiry_form_write .inquiry_select_m {
	width:163px !important;
}
.happy_inquiry_form_write .inquiry_input_s {
	width:100px !important;
}
.happy_inquiry_form_write .inquiry_input_m {
	width:205px !important;
}
.happy_inquiry_form_write .inquiry_input_b {
	width:330px !important;
}
/* 비교견적문의하기 이메일폼 연락처폼 구분 */
.happy_inquiry_form_write .inquiry_mail_gubun {
	padding:0px 5px;
}
.happy_inquiry_form_write .inquiry_mail_gubun {
	padding:0px 5px;
}
/* 디자인상 보더색상 변경*/
.happy_inquiry_form_write .h_form input, .happy_inquiry_form_write .h_form select, .happy_inquiry_form_write .h_form textarea {
	border:1px solid #666;
}
.happy_inquiry_form_write .h_form a {
	border:1px solid #666;
}



.happy_inquiry_form_write .happy_inquiry_form_write_rows {
	display:flex;
	align-items: center;
	margin-bottom:30px;
}
.happy_inquiry_form_write .happy_inquiry_form_write_title {
	width:120px;
	text-align:left;
	font-size:15px;
	letter-spacing:-1px;
	color:#000;
}
.happy_inquiry_form_write .happy_inquiry_form_write_info {
	width:calc(100% - 120px);
	text-align:left;
	font-size:16px;
	letter-spacing:-1px;
	color:#333;
}

.happy_inquiry_form_write .happy_inquiry_form_write_info .h-radio input[type="radio"] + span::before {
	display:none !important;
}
.happy_inquiry_form_write .happy_inquiry_form_write_info .h-radio {
	display:inline-block;
	margin:0px 5px 5px 0px !important;
}
.happy_inquiry_form_write .happy_inquiry_form_write_info .h-radio span {
	display: block;
	min-width: 90px;
	padding:12px 10px;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	border-radius: 3px;
	border: 1px solid #666;
	font-size: 14px;
	color: #666;
	font-weight: 400;
	letter-spacing: -1px;
}
.happy_inquiry_form_write .happy_inquiry_form_write_info .h-radio input[type="radio"]:checked + span {
	border: 1px solid #FF6A0D !important;
	background: #FF6A0D !important;
	color:#fff !important;
}
.happy_inquiry_form_write .happy_inquiry_form_write_info .happy_inquiry_form_write_info_terms * {
	font-family: 'Noto Sans KR' !important;
	font-size:14px;
	color:#666;
}
.happy_inquiry_form_write .h_form input[type="text"]:focus, .h_form input[type="password"]:focus, .h_form select:focus, .h_form textarea:focus { 
	border-color: #FF6A0D;
}
.happy_inquiry_form_write .h_form .h-radio input[type="radio"]:checked + span::before {
	background-color: #FF6A0D;
}
.happy_inquiry_form_write .h_form .h-check input[type="checkbox"]:checked + span::before {
	background-color: #FF6A0D;
}
.happy_inquiry_form_write .h_form .h_btn_st1 {
	background-color: #37649a;
}




/* 마이페이지 문의내역 입찰내역 검색 */
.happy_inquiry_search_stats {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 4px;
}
.happy_inquiry_search_stats a {
	display: flex;
	padding: 5px 9px;
	gap: 10px;
	border-radius: 5px;
	border: 1px solid #E9E9E9;
	background: #FFF;
	color:#999;
	letter-spacing:-1px;
	cursor:pointer;
}
.happy_inquiry_search_stats_on {
	border: 1px solid #FFBA00 !important;
	background: #FFBA00 !important;
	color:#fff !important;
}