르비앙페 메인

도움말

새로고침

홀딩도어 시뮬레이션
한겹칼라특주
한겹칼라특주
한겹베이직
한겹베이직
투명베이직
투명베이직
투명특주
투명특주

암막콤비
친환경 항균콤비
프리미엄콤비
무지콤비

홀딩도어
비교하기
시공갤러리
통합관리자
초기화면
입력초기화
새로고침
로그아웃

PRODUCT INFO

작동방식

색상믹스

믹스안함
믹스1(A+B)
믹스2(AA+BB)
믹스3(A+B+C)

담긴상품

확인

비교하기

<section id="size_form_area" style="width:100%;height:100%;left:0px;top:0px;position:fixed;z-index:999999;background:#EDF0F5;">
	<div style="height:40px;line-height:40px;padding:0px 0px 0px 20px;background:#5D9CEC;color:#fff;font-size:18px;font-weight:bold;">
		<div class="fl" style=""><div style="line-height:40px;font-size:14px;"><i class="fa fa-bullhorn" aria-hidden="true"></i> 설치하사려는 장소의 사이즈를 입력해 주세요</div></div>
		<a class="fr" style="display:block;" onclick="$('#size_form_area').remove();"><i style="cursor:pointer;width:40px;text-align:center;height:40px;line-height:40px;font-size:20px;background:#2A6197;" class="fa fa-times"></i></a>
	</div>
	<div style="width:calc(100% - 0px);height:calc(100% - 40px);">
		<div class="cba" style="width:100%;height:100%;position:relative;">
			<div class="fl" style="width:calc(100% - 462px);height:100%;">
				<div style="width:100%;height:100%;overflow-x:hidden;overflow-y:auto;" id="window_list_wrap">
					<ul id="window_list" class="cba">
					</ul>
				</div>
			</div>
			<div class="fr" style="width:450px;height:calc(100% - 6px);border:6px solid #5D9CEC;border-top:0px;">
				
				<div style="padding:10px;width:calc(100% - 20px);height:calc(100% - 20px);position:relative;">
				 
				<style>
				#input_area { width:100%;height:25px;padding:0px 10px;border:1px solid #ccc;font-size:14px;-webkit-box-sizing: border-box;box-sizing: border-box; }
				#input_area:focus { border:1px solid red; }
				#input_area_prefix { width:100%;height:25px;padding:0px 10px;border:1px solid #ccc;font-size:14px;-webkit-box-sizing: border-box;box-sizing: border-box; }
				#input_area_prefix:focus { border:1px solid red; }

.user_form_tbl select { width:100%;height:23px !important;line-height:23px !important;vertical-align:middle;display:inline-block;font-size:12px !important;background:#fff; }
				.user_form_tbl select { width:100%;height:23px !important;line-height:23px !important;vertical-align:middle;display:inline-block;font-size:12px !important;background:#fff; }
				.bt_check_submit { height:30px;background:#eee;color:#000;font-size:15px;border-radius:0px; border:0px; }
				.bt_check_submit:hover { background:#eee; }
				.bt_check_submit:hover , .bt_check_submit:focus { background:#eee; }

.window_size_wrapper div { font-size:13px !important; }
				.window_size_wrapper label { font-size:13px !important; }
				.window_size_wrapper button { font-size:13px !important; }
				.window_size_wrapper input[type=radio] { width:20px !important;height:20px !important; }
				.window_size_wrapper { overflow-x:hidden;overflow-y:auto; }

.label_txt { border-bottom:0px solid #000;height:25px;text-align:center;line-height:25px;font-size:14px; background:#DCE6EF;color:#333; font-weight:normal; }
				.size_txt_wrap { border-radius:0px; }
				.window_size_wrapper label { font-size:12px !important; }
				.size_txt_wrap { border:1px solid #7C8FC6; }

.user_form_tbl select { width:100%;height:23px !important;line-height:23px !important;vertical-align:middle;display:inline-block;font-size:12px !important;background:#fff; }

.window_list > li.blind_area_group_name { width:100% !important;position:relative;min-height:25px !important;height:25px !important;line-height:25px;font-size:13px;padding:0px 0px;background:transparent;border:0px;float:none;clear:both;display:block;font-weight:bold;color:#000;margin-bottom:5px !important; }
				.window_list > li.blind_area_group_name > div { position:absolute;left:-10px;top:-10px;height:10px;width:calc(100% + 15px);background:#EDF0F5; }
				.window_list.txt_type > li.blind_area_group_name { border-top:10px solid #EDF0F5 !important;position:relative;margin-left:-10px !important;width:calc(100% - 0px) !important;margin-top:0px !important;padding:5px 5px 5px 10px !important;  }
				
				
		 
				.bt_s2_area_conf_area > div > button { display:inline-block; }
				.bt_s2_area_conf_area > div > button:nth-child(2) { display:none; }

.bt_check_submit {
					height: 30px !important;
					line-height: 30px !important;
					border: 1px solid #ccc;
				}
				</style>

var prefix = $("#input_area_prefix").val();
					prefix = prefix ? prefix : "";
					var param = "";
					$("#input_size_area .cal_area_name").each(function ()	{
						param += "&area_names[]=" + $(this).val();
					});

$.post("/ajax_proc/compare.prc.php","mode=load_area_code&prefix=" + prefix + "&area_name=" + area_name + param,function (html)	{
						$("#input_area_select").html(html).show();
						$("#mod_input_area_select").html(html).show();
						$("#mod_input_area").hide();
						$("#input_area").hide();
			 
					});
				};
				var fn_load_area_code_select = function (area_name)	{
 
					switch (area_name)	{
						case "empty":
							$("#input_area").val('');
							$("#mod_input_area").val('');
						break;
						case "admin":
							
							$("#input_area").val('').show();
							$("#input_area_select").hide();

$("#mod_input_area").val('').show();
							$("#mod_input_area_select").hide();

break;
						default :
							$("#input_area").val(area_name);
							$("#mod_input_area").val(area_name);
						break;
					}
				}
				</script>
				<div style="background:#fff;padding:10px;">
					<div style="font-size:13px;margin-bottom:0px;font-weight:bold;color:#000;">위치정보</div>
					<table class="user_form_tbl">
						<colgroup>
						<col width="90" />
						<col width="*" />
						<col width="70" />
						</colgroup>
						<tr>
							<td class="td1 center">설치위치</td>
							<td><input type="text" name="" id="input_area_prefix" class="input_area" pad_left="220" placeholder="설치 위치 입력1"/></td>
							<td rowspan="2">
								<button class="bt_check_submit" onclick="fn_check_area_submit();" style="width:100%;height:90px;line-height:90px;">확 인</button>
							</td>
						</tr>
						<tr>
							<td class="td1 center">상세위치</td>
							<td>
								<select name="" id="input_area_select" style="width:calc(100% - 2px);padding:0px 10px;height:38px;border:0px;font-size:24px;background:#fff;" onchange="fn_load_area_code_select(this.value);">
								</select>
								<input type="text" name="" id="input_area" class="input_area" pad_left="220" placeholder="설치 위치 입력2" style="display:none;"/>
								<script>
								$(function ()	{
									fn_load_area_code();
								});
								</script>
							</td>
						</tr>
					</table>
				</div>

</td>
						</tr>
						<tr>
							<td class="td1 center">추가부속</td>
							<td>
								<div class="option_area option_area2"></div>
							</td>
						</tr>
					</table>
				</div>

.bt_s2_area button { height:60px;line-height:60px;font-size:15px;background:#5D9CEC;color:#fff; margin-right:2%; font-size:14px;border:0px; display:inline-block;cursor:pointer;  border-radius:0px;}
				.bt_s2_area button:hover { background:#07399C;color:#fff; }
				.option_area select { width:100% !important; }
			 
				.bt_s2_area_conf_area > div {  
					width: calc(25% - 15px);
					background: #fff;
					padding: 10px 5px 10px 10px;
					float: left;
				}

.bt_s2_area_conf_area > div button {
					width: 100%;
					height: 60px !important;
					line-height: 60px !immportant;
					background: #eee !important;
					color: #000;
				}
				</style>
		
				<div style="position:absolute;bottom:10px;left:10px;width:calc(100% - 20px);background:#fff;height:80px;" class="cba bt_s2_area bt_s2_area_conf_area">
 
					<div class="">
						<button style="" onclick="fn_size_remove_all();"><i class="fa fa-check-square-o" aria-hidden="true"></i>  선택 삭제</button>
					</div>

</div>

</div>
		</div>
	</div>
</section>