르비앙페 메인

도움말

새로고침

비교하기

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

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

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>