@import url('../../m/css/page_style.css');
@import url('../../m/css/bbs_style_mobile.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}


.select100 select{width:100%}
.input_style input[type=text], .input_style input[type=file], .input_style input[type=password]{border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; line-height:32px;}
.input_style select {padding:5px; border:1px solid #bdbdc0; line-height:24px; background: #fff url(../../mobile_img/sel_arr_2x.gif) 100% 55% no-repeat; background-size:28px}
.input_style2 select {padding:5px; border:1px solid #bdbdc0; line-height:18px; background: #fff url(../../mobile_img/sel_arr_2x.gif) 100% 55% no-repeat; background-size:18px}
.input_style textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}
.sth_img img{width:40px}

.div_cate{position:absolute; top:0; z-index:10005; width:100%; display:none; }
.div_cate_inner_left{width:80%; background:#fff;  float:left; overflow-y:auto; position:fixed; top:0; left:0; bottom:0; right:20%;}
.div_category_right{position:fixed; right:0; width:20%; height:100%; background-color:rgba(0,0,0,.70); height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}


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

.gnb a.sb:hover{color:inherit;}

/* 메인메뉴 */
.gnb{background:#fff; overflow:hidden; height:60px; zoom:1; position:relative;}
.gnb table{table-layout:fixed;}
.gnb table td{height:60px; text-align:center; font-weight:bold;}

.menu_slider {
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
}

.menu_slider_con{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.menu_slider_con::-webkit-scrollbar{
	display: none;
}
.menu_slider_con div {
	width:max-content;
	padding:0px 15px;
	height:60px;
	display:flex;
	gap:30px;
}
.menu_slider_con a {
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	letter-spacing:-0.75px;
	color:#1d1d1d;
	font-size:15px;
	font-weight:500;
}



/* 메인 rows 영역 */
.snap_inner{position:relative;}
.snap_slider{position: absolute;width:100%; height: 100%; -webkit-overflow-scrolling: touch;}
.snap_slider_con{overflow-x:scroll}
.snap_slider_con::-webkit-scrollbar{display:none}

/* 페이징정렬 */
.page table{margin:0 auto}

.align img, .align a{vertical-align:middle}

/* 메인페이지 버튼8종 */
@media screen and (max-width: 767px)
	{
		.btn_list{display:table; list-style:none; width:100%; margin:0; padding:0;}
		.btn_list li{display:inline-block; width:25%; text-align:center}
		.btn_list li .inner{padding:10px}
		.btn_list li .tit{letter-spacing:-1px; margin-top:5px; display:block; color:#333;}
		.btn_list li a img{width:100%}
	}

@media screen and (min-width: 768px)
	{
		.btn_list{list-style:none; width:100%; margin:0; padding:0; overflow:hidden;}
		.btn_list li{width:12.5%; float:left; }
		.btn_list li .inner{padding:10px}
		.btn_list li .tit{letter-spacing:-1px; margin-top:5px; display:block; color:#333;}
		.btn_list li a img{width:100%}
	}

.banner_img img{width:100%; max-width:100%; height:auto}
.main_title{position:relative; letter-spacing:-0.5px; padding:15px 15px;}
.sub_title{position:relative; letter-spacing:-0.5px; padding:15px 0 15px 10px}
.sub_title2{ border-bottom:1px solid #dcdfe5; padding:10px 15px 10px 25px; background:url('../../mobile_img/icon_title.gif') 10px 18px no-repeat; background-size:7px;}
.more{position:absolute; top:20px; right:15px; padding-right:15px; background:url('../../mobile_img/more_ico.png') right 3px no-repeat; background-size:5px}



.main_interior{margin-left:10px; padding-bottom:40px; float:left}
.main_interior .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.main_interior .info .wrap {padding:20px;}

#inquiry_rolling ul{width:100%}
#inquiry_rolling li:nth-of-type(2n+0){background:#fafafa !important}

/* 메인페이지 HOT정보 rows */
.main_hot{position:relative; margin-bottom:20px}
.main_hot .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.main_hot .info .wrap {padding:15px;}

/* 메인페이지 스페셜정보 rows */
.main_special{position:relative; margin-bottom:20px}
.main_special .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.main_special .info .wrap {padding:15px;}


/* 버튼들 */
.normal_btn{display:inline-block; text-align:center; padding: 10px 20px; ;border: 2px solid #9e9e9e;background: url('../../mobile_img/scrap_bg.gif') 0 bottom repeat; font-weight: bold;}
.gr_btn {padding:0 10px; background:linear-gradient(180deg, #ffffff,#f5f5f5); height:35px; border:1px solid #cacaca; line-height:35px;  border-radius:5px; }

/* 테마검색 */
.theme_search_cate{position:relative; display:inline-block;}
.theme_search_cate td:first-child span{padding:8px 35px 8px 25px; left:17px}
.theme_search_cate td:last-child span{padding:8px 25px 8px 35px; left:-17px}
.theme_search_cate span{position:relative; display:inline-block; border:2px solid #747474; border-radius:20px; background:#fff; z-index:99; left:0; padding:4px 10px;}
.theme_search_cate .selected{border:2px solid #747474; border-radius:20px; background:#999;  z-index:100; }
.theme_search_cate .selected a{color:#fff !important}

.theme_tab{padding:10px 15px; text-align:left; font-weight:bold; background:#cccccc; background:#fff; border:1px solid #ccc; border-bottom:0 none}
.select_area{padding:10px 15px; text-align:left; padding:10px 15px; border:1px solid #ccc; border-bottom:0 none; background:#eeeff2;}
.color_tab .theme_color{background:#fff !important}


.theme_check{line-height:200%}
.theme_check input[type='checkbox']{width:20px !important; height:20px !important; border-radius:5px; vertical-align:middle; border:1px solid #cccccc; border-radius:3px; margin-top:0 !important}
.theme_check input[type='checkbox'] + label{font-size:1.143em; line-height:1.143em; vertical-align:middle}
.theme_check table{width:100%; border-collapse: collapse;}

.select_area input[type=text], .select_area input[type=file], .select_area input[type=password]{border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; line-height:32px;}
.select_area select {width:100% !important; padding:5px; border:1px solid #bdbdc0; line-height:24px; background: #fff url(../../mobile_img/sel_arr_2x.gif) 100% 55% no-repeat; background-size:28px}
.select_area textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}

.cate_sch_btn{display:block; font-weight:bold; text-align:left; padding-left:10px; letter-spacing:-0.5px; position:relative; background:url('../../mobile_img/theme_arrow.png') 97% 10px no-repeat}
.menu_pick_color{height:27px !important; display:inline-block; border:1px solid #EEEFF2;  padding:2px; margin-bottom:2px}

.reset{border-radius:5px !important; display:block; font-weight:bold; height:40px; line-height:40px; background:#fff;}
.submit{border-radius:5px !important; display:block; font-weight:bold; height:40px; line-height:40px; background:#333; color:#fff}

.btn_big_stand{border-radius:5px !important; font-weight:bold; height:40px; line-height:40px; background:#9fa7b6; color:#fff; padding:0 10px; border:1px solid #8c93a2}
.btn_big_stand2{border-radius:5px !important;font-weight:bold; height:40px; line-height:40px; background:#f8f8f8; color:#333; padding:0 10px; border:1px solid #ccc}

/* row이미지 사이즈 */
.rowsimg{width:100%; height:auto}

/* 서브페이지 파트너 rows */
.output_sub_partner{position:relative; margin-bottom:15px}
.output_sub_partner .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_partner .info .wrap {padding:15px;}

/* 서브페이지 유료옵션 rows */
.sub_option_rows{width:240px; position:relative; margin-bottom:20px; margin-right:10px; }
.sub_option_rows .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.sub_option_rows .info .wrap {padding:15px;}

/* 서브페이지 시공사례 rows */
.output_sub_construction{position:relative; margin-bottom:20px}
.output_sub_construction .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_construction .info .wrap {padding:15px;}

/* 서브페이지 인테리어 rows */
.output_sub_interior{position:relative; margin-bottom:20px}
.output_sub_interior .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_interior .info .wrap {padding:15px;}

/* 서브페이지 인테리어2 rows */
.output_sub_interior2{position:relative; margin-bottom:20px}
.output_sub_interior2 .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_interior2 .info .wrap {padding:15px;}

/* 서브페이지 인테리어2 rows */
.output_sub_coupon{position:relative; margin-bottom:20px}
.output_sub_coupon .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_coupon .info .wrap {padding:15px;}

/* 서브페이지 오늘본정보 rows */
.output_sub_todayview{position:relative; margin-bottom:20px}
.output_sub_todayview .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_todayview .info .wrap {padding:15px;}

/* 상세페이지 */
.coupon{position:absolute; top:10px; right:10px}
.wideimg img{max-width:100%; height:auto !important;}
.img_counting{position:absolute; left:50%; bottom:20px; margin-left:-31px; background:url('../../mobile_img/count_bg.png') no-repeat; width:63px; height:35px; color:#eee; line-height:25px; font-weight:bold;  text-align:center; background-size:cover}

/* 상세페이지 탭 */
.tab_off_2{color:#333; font-size:1.1428em; line-height:1.1428em; height:45px; text-align:center; letter-spacing:-1px}
.tab_on_2{color:#db0000; font-size:1.1428em; line-height:1.1428em; height:45px; text-align:center; letter-spacing:-1px; border-bottom:2px solid #db0000}

/* 상세페이지 컨텐츠 표 */
.detail .info_chart .header{font-family:'맑은 고딕'; letter-spacing:-1px; color:#000; text-align:left; padding-bottom:15px}
.detail .info_chart .tit{width:60px; font-family:'맑은 고딕'; text-align:left;  color:#888888; letter-spacing:-0.5px; padding-left:9px; }
.detail .info_chart .tit2{width:99px; font-family:'맑은 고딕'; text-align:left;  color:#888888; letter-spacing:-0.5px; padding-left:9px;  line-height:180%}
.detail .info_chart .substance{font-family:'맑은 고딕'; text-align:left; letter-spacing:-1px; color:#333; line-height:180%}
.detail .info_chart .line{background:url('../../mobile_img/chart_line.gif') 0 12px repeat-x; height:25px}
.detail .info_chart .review_tit{
	display: flex;
	align-items: flex-end;
	gap:5px;
	padding-bottom:10px;
	font-weight:bold;
	letter-spacing:-0.5px;
	color:#000;
	border-bottom:0 none;
}
.detail .info_chart .review_tit img{margin-left:10px}
.detail .info_chart .review_tit span{
	letter-spacing:0;
	line-height: 0.8;
}
.review_list .reply_sort2{display:none!important;}

/* 상세페이지 시공사례 rows */
.output_detail_construction{position:relative; margin-bottom:20px}
.output_detail_construction .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_detail_construction .info .wrap {padding:15px;}

/* 리플인풋 */
.reply_input_style input[type=text], .reply_input_style input[type=file], .reply_input_style input[type=password]{background:#ffffff; padding-left:5px; line-height:32px;}
.reply_input_style select {width:100%; border:0 none; padding:5px; line-height:24px; background: #fff url(../../mobile_img/sel_arr_2x.gif) 100% 55% no-repeat; background-size:28px}
.reply_input_style textarea{background:#ffffff; padding:5px; border:0 none}

.agree_btn{background:#fff; padding:0 7px; line-height:27px; text-align:center; display:inline-block; border-radius:5px !important; border:1px solid #e3494b; font-weight:bold; color:#e3494b;}
.disagree_btn{background:#fff; padding:0 7px; line-height:27px; text-align:center; display:inline-block; border-radius:5px !important; border:1px solid #9d9d9d; font-weight:bold; color:#9d9d9d;}
.regist_btn{background:url('../../mobile_img/btn_bg_01.png') 0 bottom repeat-x; background-size:3px; padding:0 7px; line-height:27px; text-align:center; display:inline-block; border-radius:5px; border:1px solid #6f7e95; font-weight:bold; color:#6f7e95;}



/* 게시판,마이페이지 메뉴리스트 */
.menu_layer div { line-height:290%; border-top:1px solid #dcdfe5; color:#333333; padding-left:10px; background:url('../../mobile_img/icon_memu_right.gif') right 10px no-repeat; background-size:21px; cursor:pointer;}
.menu_layer_sub a { display:block; line-height:290%; border-top:1px solid #dcdfe5; color:#666666; padding-left:30px; background:url('../../mobile_img/icon_memu_right.gif') right 10px no-repeat; background-size:21px; cursor:pointer; }

/* 게시판 index more버튼 */
.more2{width:50px; height:18px; line-height:17px !important; color:#9b9b9b; text-align:center; cursor:pointer; background:#f5f6f9; border:1px solid #dcdfe5; border-radius:3px;}


/* 로그인창 */
.blind_m{visibility:hidden; overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}
.login_form{
	position:relative;
	margin:25px 0 0 0;
}
.login_form .id_pass_area{
	display:block;
	background:#fff;
	margin-top:5px;
}
.login_form .id_pass_area input{
	width:100%;
	display:inline;
}
.login_form .log_area{
	display:block;
	margin-top:5px;
}
.login_form .log_area button{
	width:100%;
	color:#fff;
	border-radius:5px;
}

.login_form .find_info{
	width:100%;
	display:table;
	table-layout:fixed;
	border-collapse: collapse;
	border-spacing:0;
	margin-top:25px;
}
.login_form .find_info a{
	position:relative;
	display:table-cell !important;
	padding:15px 0 !important;
	text-align:center !important;
	border:1px solid #ededed !important;
	float:none !important;
}
.input_chk{display:inline-block; margin:10px 0}
.input_chl label{line-height:1.5em; vertical-align:top}
.sns_log{position:relative; margin-bottom:10px; text-align:center}
.sns_log a{display:block; padding-bottom:5px; max-width:500px; margin:0 auto;}
.sns_log a img{width:100%}
.sns_log img{width:100%; max-width:500px; margin-bottom:5px}
.sns_log .join_btn{width: 100%;border-radius: 4px;color: #fff;font-weight: bold;font-size: 1.286em; line-height: 52px;border: 1px solid #626060; background: #727272 url('../../mobile_img/sch_arrow_2.png') 97% 18px no-repeat;background-size: 9px 14px; padding-bottom:0 !important}

/* 회원가입*/
.terms_area, .personal_area{ margin-top:20px;}
.terms_area h4{padding:11px 5px}
.terms{padding:10px; border:1px solid #999999; height:298px; overflow-y:scroll; background:#fff}
.terms_chk{padding:10px 0; text-align:right}
.chk_ok{height:20px; width:20px; vertical-align:middle}
.real_name .name_chk{width:100%; text-align:center; border:1px solid #9a251d; padding:15px 0; display:block; margin-right:2px; font-weight:bold; color:#3d4b65; background:-webkit-gradient(linear, left top, left bottom, from(#e6ecf2), to(#cbd4de));}
.btn_sns { display:inline-block; padding:0px 10px; height:30px; line-height:28px !important; color:#999999; text-align:center; cursor:pointer; background:#ffffff; border:1px solid #dcdfe5; border-radius:3px;}

.member_join{width:100%; position:relative; z-index:10}
.member_join .icon_nemo{color:#7B7A7A; padding:10px 5px 10px 13px; letter-spacing:-1px}
.member_join .ne_p{background:url('../../mobile_img/icon_nemo_02.gif') 17px 45px no-repeat !important;}
.member_join td, .member_join th{ }
.member_join td table td{border:none}
.member_join th{text-align:left; }
.member_join input[type="text"], .member_join input[type="password"]{
	border:1px solid #e7e7e7;
	width:100%;
	box-sizing:border-box;
	height:38px;
	line-height:38px;
	font-weight:bold;
	background:#f4f4f4;
	-webkit-border-radius:3px;
}
.member_join select {border:1px solid #e7e7e7; height:38px;line-height:38px;font-weight:bold;font-size:14px;padding-left:5px;background: #f4f4f4 url(../../mobile_img/sel_arr_2x.gif) 100% 50% no-repeat;-webkit-background-size: 20px 8px;-webkit-border-radius:3px;}
.member_join input[name="user_hphone"]{width:140px}
.member_join .ex_input{width:95%; line-height:1.7em; border:1px solid #c1c1c1}
.member_join .ex_text{width:95%; border:1px solid #c1c1c1; margin:10px 0}
.member_resi_btn a {width:100%; display:block}
.member_resi_btn a img{max-width:100%; float:none; clear:both}
.member_join input[type=file]{border:1px solid #e7e7e7; width:93%; height:38px; font-weight:bold;font-size:14px;padding-left:5px;background:#f4f4f4;margin:2px 0;-webkit-border-radius:3px;}
.member_join textarea{ width:100%; border:1px solid #e7e7e7; height:80px; font-weight:bold;font-size:14px;padding-left:5px;background:#f4f4f4;-webkit-border-radius:3px;}
.member_join input[type=checkbox], .member_join input[type=radio]{vertical-align:middle;margin:-4px 0 0;cursor:pointer;}
.member_join .phone_style input[type='text']{width:55px !important}
.member_join .phone_style select{width:55px !important}
.member_join .workarea select {
	width:47%;
	margin:3px;
	border:1px solid #e7e7e7;
	height:38px;
	font-weight:bold;
	font-size:14px;
	padding-left:5px;
	background: #f4f4f4 url(../../mobile_img/sel_arr_2x.gif) right 50% no-repeat;
	-webkit-background-size: 20px 8px;
	-webkit-border-radius:3px;
	margin-bottom:5px
	box-sizing:border-box;
}
.member_join .input_searchbox_email{width:80px !important}

/* 최신댓글리스트 */
.review_reply_area{}
.review_reply_info{}
.review_reply{}

.review_reply_area{border:1px solid #aaaaaa; margin-top:10px}
.review_reply_info{position:relative; background:#e6f7ff; padding:10px; overflow:hidden; border-bottom:1px dashed #b2b2b2}
.review_reply_info .thumb{ float:right; margin-left:10px; position:relative}
.review_reply_info dl{overflow:hidden; position:relative; text-align:left; vertical-align:top;}
.review_reply_info dl dd {color:#999999; letter-spacing:-0.5px; text-align:left; line-height:160%}
.review_reply_info dl dd span{color:#666}
.review_reply_info .trave{color:#47a5e1; font-weight:bold}
.review_reply_info .tit{color: #555555; position: relative; width: 100%; display:block; font-weight:bold; line-height:1.429em !important; font-family:sans-serif;}
.review_reply{padding:15px; background:#fff}
.review_reply .reply_inner{}
.review_reply .reply_inner p{line-height:140% !important; color:#666666}
.review_reply .writer_info{overflow:hidden; position:relative; zoom:1; margin-top:10px}
.review_reply .writer_info dt{float:left; clear:both; margin-right:5px; line-height:140% !important; color:#748cc2}
.review_reply .writer_info dd{overflow:hidden; line-height:140%; color:#666}

/* 랭킹아이콘 */
.rank_ico{display: inline-block; padding:0 10px; height:34px; line-height:34px; text-align: center; font-weight: bold;color: #fff;}

/* 마이페이지 */
.mapage_menu{width:100%; border-collapse: collapse; }
.mypage_menu .mymenu_tit{padding-left:10px; height:50px; line-height:50px; letter-spacing:-0.5px; background:#eeeff2; text-align:left; border:1px solid #c6c6c6; border-left:0 none; border-right:0 none;}
.mypage_menu .mymenu_sub{padding-left:20px; height:50px; line-height:50px; letter-spacing:-0.5px; background:#fff; text-align:left; border:1px solid #dedede; border-left:0 none; border-right:0 none;}
.mypage_menu td { line-height:290%; border-top:1px solid #dcdfe5; color:#333333; padding-left:10px; background:url('../../mobile_img/icon_memu_right.gif') right 12px no-repeat; background-size:21px; cursor:pointer;}

.jangbu_stats img{vertical-align:middle}

.detail_bar{background:url('../../mobile_img/bgpart_small_stand.gif') top; border-top:2px solid #565656; border-bottom:1px solid #dbdbdb; padding:10px;}
.detail_paid_info{width:100%; position:relative; z-index:10; }
.detail_paid_info .icon_nemo{background:url('../../mobile_img/icon_nemo.gif') 8px 15px no-repeat; color:#7B7A7A; padding:12px 0 12px 30px}
.detail_paid_info .icon_nemo_2{background:url('../../mobile_img/icon_nemo_02.gif') 10px 50% no-repeat; color:#7B7A7A; padding:10px; text-align:left; letter-spacing:-1.5px; vertical-align:middle; background:#f3f3f3; font-weight:normal}
.detail_paid_info .icon_nemo_3{background:url('../../mobile_img/icon_nemo.gif') 5px 22% no-repeat; color:#7B7A7A; padding:12px 5px 12px 23px; text-align:left; letter-spacing:-1px; vertical-align:top;}
.detail_paid_info .ne_p{background:url('../../mobile_img/icon_nemo_02.gif') 17px 45px no-repeat !important;}
.detail_paid_info td, .detail_memool_info th{border-bottom:1px solid #e5e5e5}
.detail_paid_info th{vertical-align:top; text-align:left; border-bottom:1px solid #e5e5e5; border-left:1px solid #666}
.detail_paid_info td{background:#f7f7f7; padding:10px;  border-right:1px solid #666}
.detail_paid_info .ex_input{width:95%; line-height:1.7em; border:1px solid #c1c1c1}
.detail_paid_info .ex_text{width:95%; border:1px solid #c1c1c1; margin:10px 0}
.detail_paid_info select{}


/* 문의하기 테이블 */
.inquiry_view_form{width:100%; table-layout:fixed; border-collapse:collapse;}
.inquiry_view_form .tit{width:70px; color:#888888; line-height:160%; padding:5px 0 5px 10px; text-align:left; font-weight:bold; }
.inquiry_view_form .substance{color:#333; line-height:160%; padding:5px 0 5px 10px; text-align:left; word-break:break-all}
.inquiry_view_form .inquiry_img img{display:block; max-width:100%; height:auto !important}
.inquiry_view_form .substance input[type=file]{width:99%; border:1px solid #bdbdc0; background:#fafafa; padding-left:5px; height:38px; line-height:37px; font-size:17px; font-family:'맑은 고딕'; letter-spacing:-0.5px; -webkit-border-radius:5px; border-radius: 5px;}

/* 메인,상세문의하기 */
.inquiry_form{border-collapse: collapse; width:100%; table-layout:fixed; border-top:1px solid #666666}
.inquiry_form .tit{width:90px; padding-left:10px; background:#f4faff; height:50px; 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]{width:99%; border:1px solid #bdbdc0; background:#fafafa; padding-left:5px; height:38px; line-height:37px; font-size:17px; font-family:'맑은 고딕'; letter-spacing:-0.5px; -webkit-border-radius:5px; border-radius: 5px;}
.inquiry_form .substance select {padding:0 5px; background:#fafafa; border:1px solid #bdbdc0; height:37px; line-height:37px; font-size:17px; font-family:'맑은 고딕'; letter-spacing:-0.5px; -webkit-border-radius:5px; border-radius: 5px; background: #f4f4f4; -webkit-border-radius:5px;}
.inquiry_form .substance textarea{border:1px solid #bdbdc0; background:#fafafa; padding:5px; width:99% !important; height:200px; font-size:17px; font-family:'맑은 고딕'; -webkit-border-radius:3px; border-radius: 5px;}
.inquiry_form .substance select[name='get_si'], .inquiry_form .substance select[name='get_gu']{width:48% !important}


/* 카테고리검색 rows */
.output_sub_price{position:relative; margin-bottom:20px}
.output_sub_price .info {position:absolute; bottom:2px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_price .info .wrap {padding:15px;}


/* 통합검색 스페셜정보 rows */
.output_allsearch_pay{position:relative; }
.output_allsearch_pay .info {position:absolute; bottom:3px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%; text-align:left; color:#92a1b0; }
.output_allsearch_pay .info .wrap {padding:15px;}

/* 통합검색 인테리어스타일 rows */
.output_allsearch_int{position:relative; }
.output_allsearch_int .info {position:absolute; bottom:3px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%; text-align:left; color:#92a1b0; }
.output_allsearch_int .info .wrap {padding:15px;}


/* 통합검색 포토스타일 rows */
.output_allsearch_bbs1{position:relative; }
.output_allsearch_bbs1 .info {position:absolute; bottom:3px; left:0px; background:url('../../mobile_img/bg_70p.png') 0 0 repeat; width:100%; max-width:800px;  text-align:left; color:#92a1b0; }
.output_allsearch_bbs1 .info .wrap {padding:15px;}





/* 리스트페이지 소팅 */

.list_sort  { display:inline-block; width:25%; text-align:center; border:1px solid #e9e9e9; border-left:none; border-top:none; margin:0px; height:40px; line-height:40px; box-sizing:border-box; letter-spacing:-1px;}

.list_sort select {
width: 100% !important;
padding: 5px;
border: 1px solid #bdbdc0;
background: #fff url('../../mobile_img/sel_arr_2x.gif') 100% 55% no-repeat;
background-size: 28px;
border:none;
margin-bottom:5px;
}


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

/* 모바일은 메세지가 밑으로 나오게*/
#nick_check_msg {display:block;}


/* 동영상 리스트 출력 */
.move_list_table table:first-child { width:100% !important; }
.move_thumb_img img { vertical-align:top; width:100% !important;}

/* 업체선택 셀렉트박스 */
.inq_upche_slct select{width:200px;}

/* 입찰 업체 버튼 이미지 */
.ipchal_btn_img{width:100px;}

.ad_button{
	font-size:0.571em;
	line-height:1;
	padding:2px 5px;
	border-radius:2px;
	border:1px solid #9d9d9d;
	color:#545454;
	vertical-align:middle;
	background:#fff;
}

.member_area{
	position:relative;
	padding:15px 10px 50px 10px;
	background:#f8f8f8
}
.member_area .member_area_inner  .title{
	position:relative;
	letter-spacing:-1.5px;
	color:#333333;
	text-align:center;
	font-weight:bold;
}
.member_area .member_area_inner .member_form{
	position:relative;
	margin:15px 0 10px 0;
}
.member_area .member_area_inner .member_form .id_pass_area{
	display:block;
	background:#fff;
	margin-top:5px;
}
.member_area .member_area_inner .member_form .id_pass_area input{
	width:100%;
	display:inline;
}
.member_area .member_area_inner .member_form .log_area{
	display:block;
	margin-top:5px;
}
.member_area .member_area_inner .member_form .log_area button{
	width:100%;
	color:#fff;
	border-radius:5px;
}
.member_area .member_area_inner .info_title{
	margin-top:30px;
	padding:20px;
	background:#fff;
	border:1px solid #eaeaea;
}
.member_area .member_area_inner .info_title p{
	line-height:1.4;
	font-size:0.929em;
	letter-spacing:-1px;
	color:#999999;
}

.real_name{
	border:1px solid #f2f2f2;
	margin-top:15px;
	background:#fff;
}
.real_article{
	overflow:hidden;
}
.real_article li{
	padding:20px;
	float:left;
	box-sizing: border-box;
}
.real_article li ul{
	width:100%;
}
.real_article li ul.fix_display{
	display:flex;
	justify-content:space-between;
}
.real_article li ul:after{
	content:'';
	display:block;
	clear:both;
	overflow:hidden;
}
.real_article li ul li{
	float:left;
	padding:0;
}
.real_article li ul li.fix_width{
	float:none;
	text-align:right;
	padding-left:20px;
	margin-left: auto;
	box-sizing: border-box;
}
.real_article .ipin_chk,
.real_article .cp_chk{
	float:left;
}
.real_article .ipin_chk dt,
.real_article .cp_chk dt{
	font-weight:500;
	line-height:1.4;
	font-size:0.929em;
	letter-spacing:-1px;
	margin-bottom:20px;
	color:#999
	text-align:left;
}
.real_article .ipin_chk .txt,
.real_article .cp_chk .txt{
	line-height:1.4;
	font-size:0.929em;
	letter-spacing:-1px;
	text-align:left;
	color:#999;
	font-weight:400;
	}
.real_article .ipin_chk .chk_btn,
.real_article .cp_chk .chk_btn{
	display:block;
	cursor:pointer;
}

/* 회원정보폼 */
/* 일반 */
.join_input_s {
	width:100% !important;
}
.join_input_s_01{
	width:60px !important;
}
.join_input_s_02{
	width:40px !important;
}
.join_input_s_03{
	width:40px !important;
}
.guide_txt {
	margin-left:10px;
	color:#999;
}

/* 이메일 */
.join_input_e_01 {
	width:30% !important;
}
.join_input_e_02 {
	width:30% !important;
}
.join_select_e {
	width:30% !important;
	margin-left:3px !important;
}
/* 연락처 */
.join_select_p {
	width:30% !important;
}
.join_input_p_01 {
	width:30% !important;
}
.join_input_p_02 {
	width:30% !important;
}
/* 주소 */
.join_input_a_01 {
	width:80px !important;
}
.join_input_a_02 {
	width:100% !important;
}
.join_input_a_03 {
	width:100% !important;
}

/* 도로명 */
.join_select_r_01 select {
	width:30% !important;
	margin-right:5px;
	margin-bottom:5px;
}
.join_input_r_01 input {
	width:100% !important;
}

/* 자기소개 (textarea) */
.join_textarea {
	width:100% !important;
	height:150px !important;
}

/* 회원정보수정 */
.m_w_100{
	width: 100% !important;
}
.happy_member_join_form .join_input_a_01{
	width:calc(100% - 131px) !important;
}
.happy_member_join_form .join_input_a_03{
	width:100%;
}
.happy_member_join_form .join_select_r_01{
	display:block;
}
.happy_member_join_form .join_select_r_01 select{
	width:100% !important;
	margin-bottom:5px;
}
.happy_member_join_form .join_input_r_01 input{
	width:calc(100% - 115px) !important;
}
.happy_member_join_form.workselect .basic .bunya {
	padding:5px 0 !important;
	display:block;
}
.happy_member_join_form.workselect .basic tr{
	border-bottom:0 !important
}
.happy_member_join_form.workselect .basic tr:hover{
	background:#fff;
}
.btn_m_join {
	width:100%;
	padding:9px 15px;
	border-radius:2px !important;
	margin:5px 0px 0px 0px !important;
	background:#444444 !important;
	border:1px solid #333333 !important;
	color:#FFFFFF !important;
}
.h_btn_st13 {
	padding:9px 15px;
	cursor:pointer;
	border-radius:2px !important;
	font-family:'맑은고딕';
	text-align:center;
	background-color: #ffffff !important;
	color:#333333 !important;
	vertical-align:middle !important;
	border:1px solid #dbdbdb !important;
	font-size:12px !important;
}

.img_preview {max-width:200px;}

/* 새로운 모달팝업 */
.happy_modal_popup_wrap {
	width:100%;
	height:100%;
	border: 1px solid #eaeaea;
	z-index: 110;
	border-radius:15px;
	overflow: hidden;
	background: #fff;
}

.happy_modal_popup_header {
	display: table;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #eaeaea;
}

.happy_modal_popup_title {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left:15px;
	font-weight:500;
}

.happy_modal_popup_close {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding-right:15px;
}

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

/* 상단을 제외한 컨텐츠 높이 */
.happy_modal_popup_contents_s {
overflow:auto;
padding:0 15px 0px 15px;
height: calc(100% - 50px);
}
.happy_modal_popup_btn {
	padding-top:21px;
	text-align:center;
}
.happy_modal_popup_sub_title {
	padding-bottom:15px;
	border-bottom:1px solid #333;
	margin-bottom:15px;
}
.happy_modal_popup_sub_title_text {
	color:#333;
	letter-spacing:-0.5px;
	vertical-align:middle;
	font-weight:500;
}

.jangbu_gap{
	padding:0 10px;
}

/* 마일리지 내역 버튼 */
.check_btn.no_icon_green{
	padding: 9px 10px !important;
	text-align: center;
	color: #5cb41b;
	border: 1px solid #5cb41b;
	background: none;
}
.check_btn.no_icon_green:hover{
	border:1px solid #48970e;
	color:#48970e;
}
.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:9px 10px !important;
	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:9px 10px !important;
	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:9px 10px !important;
	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:9px 10px !important;
	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:9px 10px !important;
	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:9px 10px !important;
	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:9px 10px !important;
	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:9px 10px !important;
	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:9px 10px !important;
	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:9px 10px !important;
	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:9px 10px !important;
	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;
}
/* 휴대폰 인증 동일한 번호 */
.happy_memeber_check_same{
	text-align:center;
	margin-top:105px;
	font-size:16px;
	color:#999;
}

/* 구분 선택 */
.gubun_reform_area{
	position:relative;
	display:flex;
	align-items: center;
}
.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:15px;
	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_avg_area{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.detail_reply_avg_area .avg_rows{
	position:relative;
	flex:0 1 calc((100% / 4) - 30px);
	padding:10px;
	text-align:center;
	word-break: break-all;
}
.detail_reply_avg_area .avg_rows:before{
	content:"";
	position:absolute;
	height:100%;
	top:0;
	left:0;
	border-left:1px solid #eaeaea;
}
.detail_reply_avg_area .avg_rows:first-child:before{
	display:none;
}

/* 쪽지 스타일 */
.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:15px 0;
}
.message_rows_style > .message_receive_rows:first-child{
	border-top:1px solid #eaeaea !important;
}
.message_receive_rows{
	position:relative;
	border:1px solid #eaeaea;
	border-top:none;
	background:#ffffff;
}
.message_receive_rows .del_btn{
	color:#999999 !important;
	position:absolute;
	top:8px;
	right:10px;
}
.message_contents .message_view_table th{
	text-align:left;
	width:60px;
	vertical-align:top;
	font-weight:500;
}
.message_contents .message_view_table td{
	padding:0 0 3px 10px;
	color:#888;
	word-break:break-all;
	vertical-align:top;
}
.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;
}

.message_tab.on a span{color:var(--main-color-10);}

/* 상세 스크랩 버튼 */
.detail_scrap {
	display:inline-block;
	color:#dee1e4;
	cursor:pointer;
	width:34px;
	height:34px;
	line-height:34px;
	border-radius:17px;
	background:#ffffff;
	text-align:center;
}

/* 상세 신고하기 버튼 */
.detail_icon_report_01 span{
	vertical-align:middle;
	margin-left:10px;
	display:inline-block;
	color:#dee1e4;
	cursor:pointer;
	width:34px;
	height:34px;
	line-height:34px;
	border-radius:17px;
	background:#ffffff;
	text-align:center;
}


/*마이페이지 리뷰작성*/
.modal_review_btn, .modal_review_dbtn{
	display:inline-block !important;
	text-align:center;
	box-sizing: border-box;
	letter-spacing:-1px;
	font-family:'맑은 고딕',Sans-serif !important;
	font-size:11px;
}
.modal_review_btn{
	border-radius:5px;
	width:70px !important;
	height:28px !important;
	line-height:26px !important;
	font-size:11px;
	font-weight:400;
	font-family:'맑은 고딕',Sans-serif !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{
	line-height: 26px;
	padding: 5px 15px;
	font-family:'맑은 고딕',Sans-serif !important;
	font-size:14px;
	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:20px}

.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!important;
	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;}
.happy_modal_popup_wrap.modal_review{
	width: 95vw!important;
	height:70vh!important;
	margin:0 auto;
}
.modal_review_gubun_wrap{margin-top:0}
.submit_review_btn{margin:0 auto!important;}
.happy_modal_popup_wrap.modal_review .happy_modal_popup_header{height:60px!important;}
.happy_modal_popup_wrap.modal_review .happy_modal_popup_title{ font-weight:bold!important;}

/* 구분 선택 */
.modal_review .gubun_reform_area{
	position:relative;
	display:flex;
	align-items: flex-start;
	flex-direction: column;
	gap:10px;
}
.modal_review .gubun_reform_area .inner_gubun{
	flex:1
}
.modal_review .gubun_reform_area .inner_gubun .gubun_reform{
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	gap:10px;
}
.modal_review .gubun_reform_area .inner_gubun .gubun_reform  span,
.modal_review .gubun_reform_area .inner_gubun .gubun_reform  span label{
	margin:0 !important;;
}
/*마이페이지 리뷰작성*/

.inquiry_report {padding:10px 0; text-align:center; border-bottom:1px solid #dedede; background:#eeeff2; text-align:left; padding-right:10px}
.inquiry_report a.btn{
	background-color:#f18503;
	color:#fff;
	font-size:14px;
	padding:12px 20px;
	border-radius:50px;
	font-weight:bold;
	line-height:1;
	width: max-content;

}


/* 상세페이지 상단 버튼 */
.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;
}



/* 문의하기검색 */
.happy_inquiry_search {
	padding:15px;
}
.happy_inquiry_search select {
	width:100% !important;
}

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

/* 견적현황 */
.happy_inquiry_report_match {
	display:inline-block;
	padding:4px 12px;
	border-radius:20px;
	font-size:13px;
	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:75px;
	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:12px;
	letter-spacing:-1px;
	padding:5px 0px;
	border-radius:3px;
}
.happy_inquiry_report_upche {
	display:inline-block;
	width:75px;
	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:12px;
	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 7px;
	font-size:12px;
	font-weight:bold;
	color:#0882cf !important;
	background:#fff;
}


/* 입찰내역 카테고리 현장사진 공사스케쥴 */
.happy_inquiry_list_icon span {
	display:inline-block;
	padding:5px 10px;
	border-radius:20px;
	font-weight:bold;
}
.happy_inquiry_list_icon i {
	vertical-align:top;
}
.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;
}


.rows_distance_info{
	position: absolute;
	top:5px;
	left:5px;
	display: inline-block;
	padding: 3px 5px;
	background: rgba(0, 0, 0, 0.3);
	text-align: center;
	color: #fff;
	font-size: 12px;
	z-index: 1;
	border-radius:5px;
}

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


/* 비교견적문의하기 */
/* 비교견적문의하기 공사위치 이메일폼 연락처폼 셀렉트 인풋길이*/
.happy_inquiry_form_write .inquiry_select_s {
	width:30% !important;
}
.happy_inquiry_form_write .inquiry_select_m {
	width:48% !important;
}
.happy_inquiry_form_write .inquiry_input_s {
	width:30% !important;
}
.happy_inquiry_form_write .inquiry_input_m {
	width:30% !important;
}
.happy_inquiry_form_write .inquiry_input_b {
	
}
/* 비교견적문의하기 이메일폼 연락처폼 구분 */
.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 .h_form .h-check input[type="checkbox"] + span::before {
	border: 1px solid #666;
}



.happy_inquiry_form_write .happy_inquiry_form_write_title {
	text-align:left;
	padding-bottom:5px;
	font-size:15px;
	letter-spacing:-1px;
	color:#000;
}
.happy_inquiry_form_write .happy_inquiry_form_write_info {
	text-align:left;
	padding-bottom:20px;
	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: inline-block;
	min-width: 100px;
	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;
	line-height:20px;
	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_search_stats {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}
.happy_inquiry_search_stats a {
	display: flex;
	padding: 10px 10px;
	gap: 10px;
	border-radius: 5px;
	border: 1px solid #E9E9E9;
	background: #FFF;
	color:#999;
	letter-spacing:-1px;
	cursor:pointer;
	text-align:center;
	width:23%;
}
.happy_inquiry_search_stats_on {
	border: 1px solid #FFBA00 !important;
	background: #FFBA00 !important;
	color:#fff !important;
}

/* 마이페이지 문의내역 없을때 */
.no_goods {
	text-align:center;
	letter-spacing:-1px;
	color:#999;
	padding:30px 0px;
	font-size:13px;
}








/* 마이페이지탭 */
.mypage_upsolist_tab {
	display:flex;
	flex-wrap: wrap;
	background:#fff;
	gap:1px;
}
.mypage_upsolist_tab a {
	flex: 0 0 calc(50% - 1px);
	color:#666;
	letter-spacing:-1px;
	text-align:center;
	padding:13px 0px;
	font-size:14px;
	letter-spacing:-0.25px;
	background:#f3f3f3;
	min-width:100px;
}
.mypage_upsolist_tab a:last-child {
	
}
.mypage_upsolist_tab .upsolist_on {
	color:#fff;
	background:#ffba00;
	font-weight:500 !important;
}




/* 문의하기 상세 댓글 시공사례 등록 */
.reply_product_list_reg {
	max-height: 210px;
	overflow-y: auto;
	display:flex;
	flex-direction: column;
	gap:10px;
	background:#fff;
}
.reply_product_list_reg .reply_product_list_reg_row {
	box-sizing: border-box;
	transition: background-color 0.4s ease;
	display:flex;
	gap:10px;
	align-items: center;
	width:100%;
	cursor:pointer;
}
.reply_product_list_reg .reply_product_list_reg_row.selected {
	background-color: #fff9ef;
}
.reply_product_list_reg .reply_product_list_reg_row.selected span {
	color: #f15544 !important;
}




/* 리뷰 소팅 */
.reply_sort_tab {
	display:flex;
	gap:4px;
}
.reply_sort_tab a {
	color:#999;
}
.reply_sort_tab a:hover {
	color:#999;
}
.reply_sort_tab a:not(:last-child)::after {
	content: "\00b7";
	margin-left: 4px;
	color: #999;
	font-weight:400 !important;
}




.happy_inquiry_no_goods{
	font-size:14px;
	font-family: 'Noto Sans KR' !important;
	font-weight:400 !important;
	color:#b5b5b5;
	padding:20px 0;
	text-align:left;
	width:100%;
	line-height:1.4;
}
.happy_inquiry_no_goods span {
	color:#666;
}


.happy_inquiry_no_bid {
	font-size:14px;
	font-family: 'Noto Sans KR' !important;
	font-weight:400 !important;
	color:#b5b5b5;
	padding:20px 0;
	text-align:center;
	width:100%;
	line-height:1.4;
}