@charset "utf-8";

/* MOBILE 모드 폼양식 CSS */

#dp_form_mob_area { position:relative; margin:0px; padding:0px; overflow:hidden; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


		#dp_form_mob_list { margin-bottom:20px; }
				#dp_form_mob_list ul li { overflow:hidden; position:relative; clear:both; border-bottom:1px solid #DDD; }
				#dp_form_mob_list ul li:first-child { border-top:1px solid #DDD; }
				#dp_form_mob_list ul li.no_data { padding:20px 0px 20px 0px; text-align:center;  }
				#dp_form_mob_list ul li span.no { float:left; display:inline-block; width:48px; height:60px; line-height:60px; border-right:1px solid #DDD; background:#FAFAFA; color:#989898; font-size:10px; text-align:center; }
				#dp_form_mob_list ul li span.name_and { position:absolute; top:0px; left:49px; right:0px; bottom:0px; display:inline-block; padding:8px; }
				#dp_form_mob_list ul li span.nick { display:inline-block; height:22px; line-height:22px; color:#000; font-size:14px; font-weight:bold; background:URL('../img/null.png'); }
				#dp_form_mob_list ul li span.date { display:block; height:22px; line-height:22px; font-size:11px; color:#666; }
				#dp_form_mob_list ul li span.date > img { margin-left:10px; }
				#dp_form_mob_list ul li span.state { position:absolute; top:19px; right:8px;display:inline-block; width:100px; height:20px; }
				#dp_form_mob_list ul li span.state_1 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; text-align:center; border-radius:2px; border:1px solid #AED0DC; background:#C0E7F6; }
				#dp_form_mob_list ul li span.state_2 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; text-align:center; border-radius:2px; border:1px solid #E7BFB3; background:#FFD5C5; }
				#dp_form_mob_list ul li span.state_3 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; text-align:center; border-radius:2px; border:1px solid #BCB9CC; background:#D0CDE2; }
				#dp_form_mob_list ul li span.state_4 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; text-align:center; border-radius:2px; border:1px solid #D4D8BD; background:#EBF0D2; }

		#dp_form_mob_list_bottom { clear:both; position:relative; padding: 0px 10px 0px 10px; overflow:hidden;  }
				#dp_form_mob_list_bottom_paging { margin-bottom:10px; text-align:center; }
				#dp_form_mob_list_bottom_write { margin-bottom:10px; }
				#dp_form_mob_list_bottom_search { position:relative; margin-bottom:20px; border:1px solid #DADADA; background:#F1F1F1; padding:9px; }
				#dp_form_mob_list_bottom_search_form { position:relative; }
				#dp_form_mob_list_bottom_search_form span.s_k { display:block; margin-right:40px; }
				#dp_form_mob_list_bottom_search_form span.s_b { position:absolute; top:0px; right:0px; width:39px; height:30px; }
				#dp_form_mob_list_bottom_search_form button.but_search { border:0px; width:39px; height:30px; background:URL('../img/but_search.png');}
				#dp_form_mob_list_bottom_search_keyword { width:100%; height:28px; line-height:28px; border:1px solid #DADADA; background:#FFF; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


		#dp_form_mob_write { margin:10px; }
				#dp_form_mob_write_agree { margin-bottom:20px; }
				#dp_form_mob_write_agree div.agree_title { font-size:15px; text-align:center; padding:10px; font-weight:bold; }
				#dp_form_mob_write_agree div.agree_group { margin-bottom:10px; }
				#dp_form_mob_write_agree div.agree_group span.title_box_1 { display:block; border:1px solid #DDD; height:34px; line-height:36px; background:URL('../img/button_bg1.png') right bottom no-repeat #FFF; color:#000; font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; cursor:pointer; }
				#dp_form_mob_write_agree div.agree_group span.title_box_2 { display:block; border:1px solid #DDD; height:34px; line-height:36px; background:URL('../img/button_bg2.png') right bottom no-repeat #FFF; color:#000; font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; cursor:pointer; }
				#dp_form_mob_write_agree div.agree_group span.title_box_in { display:inline-block; margin-left:20px; height:34px; line-height:34px; }
				#dp_form_mob_write_agree div.agree_group div.agree_content { border:1px solid #D4D4D4; background:#F5F5F5; color:#666666; height:150px; overflow:auto; padding:10px; } 
				#dp_form_mob_write_agree div.agree_check { border:1px solid #2383B3; background:#289CCB; color:#FFF; font-weight:bold; padding:17px; text-align:center; vertical-align:middle; }

				#dp_form_mob_write input[type=text] { width:100%; height:34px; line-height:34px; border:1px solid #D4D4D4; background:#F5F5F5; font-size:16px; margin-bottom:4px;  }
				#dp_form_mob_write input[type=password] { width:100%; height:34px; line-height:34px; border:1px solid #D4D4D4; background:#F5F5F5; font-size:16px; margin-bottom:4px; }
				#dp_form_mob_write textarea { width:100%; height:120px; border:1px solid #D4D4D4; background:#F5F5F5; font-size:16px; margin-bottom:4px; }
				#dp_form_mob_write select { width:100%; height:34px; font-size:16px; margin-bottom:4px; }
				#dp_form_mob_write span.clear { display:block; clear:both; position:relative; }
				#dp_form_mob_write span.area_l { position:absolute; display:inline-block; left:0px; top:0px; right:2px; bottom:0px; height:36px; margin-bottom:4px; }
				#dp_form_mob_write span.area_l2 { position:absolute; display:inline-block; left:0px; top:0px; right:0px; bottom:0px; height:36px; margin-bottom:4px; }
				#dp_form_mob_write span.area_l3 { position:absolute; display:inline-block; left:0px; top:0px; right:0px; bottom:0px; height:36px; margin-bottom:4px; background:#F5F5F5; padding:6px 10px 6px 10px; color:#999; }
				#dp_form_mob_write span.area_l4 { display:block; overflow:hidden; width:100%; margin-bottom:4px; background:#F5F5F5; padding:6px 10px 6px 10px; color:#999; }
				#dp_form_mob_write span.area_l5 { display:block; margin-right:2px; }
				#dp_form_mob_write span.area_l6	{ position:absolute; display:inline-block; left:0px; top:0px; right:2px; height:36px; bottom:0px; margin-bottom:4px; }
				#dp_form_mob_write span.area_l7 { position:relative; display:inline-block; width:100%; min-height:24px; margin-bottom:4px; background:#F5F5F5; padding:6px 10px; color:#999; }
				#dp_form_mob_write span.area_r { float:right; width:0px; height:36px; margin-bottom:4px; }
				#dp_form_mob_write span.area_r2 { float:right; width:0px; height:36px; margin-bottom:4px; }
				#dp_form_mob_write span.title_box { float:left; display:block; border:1px solid #DDD; width:100%; height:34px; line-height:34px; background:URL('../img/button_bg2.png') right bottom no-repeat #FFF; color:#9A9A9A; text-align:left; }
				#dp_form_mob_write span.title_box_in { display:inline-block; margin-left:10px; height:34px; line-height:34px; }
				#dp_form_mob_write span.explanation { color:#FB5710; }
				#dp_form_mob_write span.button2ea1 { float:left; display:inline-block; width:49%; }
				#dp_form_mob_write span.button2ea2 { float:right; display:inline-block; width:49%; }
				#dp_form_mob_write span.date1 { display:block; margin-right:186px; margin-bottom:4px; }
				#dp_form_mob_write span.date2 { position:absolute; right:92px; top:0px; display:block; width:90px; height:40px; }
				#dp_form_mob_write span.date3 { position:absolute; right:0px; top:0px; display:block; width:90px; height:40px; }
				#dp_form_mob_write span.hidden_calendar { position:relative; display:inline-block; margin:0px; padding:0px; width:0px; height:0px; vertical-align:top; }
				#dp_form_mob_write div.clear_tel { clear:both; overflow:hidden; background:URL('../img/tel_line.png') left top repeat-x; }
				#dp_form_mob_write div.clear2 { clear:both; position:relative; overflow:hidden; }
				#dp_form_mob_write input.css_tel1 { ime-mode:disabled; width:30%; background:#F5F5F5; float:left; }
				#dp_form_mob_write input.css_tel2 { ime-mode:disabled; width:30%; background:#F5F5F5; position:absolute; left:35%; }
				#dp_form_mob_write input.css_tel3 { ime-mode:disabled; width:30%; background:#F5F5F5; float:right; }
				#dp_form_mob_write input.css_addr1 { float:left; background:URL('../img/input_bg_addr1.png') left top no-repeat #F5F5F5; }
				#dp_form_mob_write input.css_addr2 { float:left; background:URL('../img/input_bg_addr2.png') left top no-repeat #F5F5F5; }
				#dp_form_mob_write input.css_addr3 { float:left; background:URL('../img/input_bg_addr3.png') left top no-repeat #F5F5F5; }
				#dp_form_mob_write input.date { width:97%; }
				#dp_form_mob_write button.css_check { float:left; width:100%; height:36px; border:1px solid #D4D4D4; background:URL('../img/button_bg3.png'); color:#289CCB; font-weight:bold; }
				#dp_form_mob_write div.item { position:relative; overflow:hidden; margin-top:20px; margin-bottom:20px; }
				#dp_form_mob_write div.bottom_area { margin:0px 0px 10px 0px; text-align:center; overflow:hidden; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


		#dp_form_mob_view { margin:10px; }
				#dp_form_mob_view_no_auth { padding:25px 10px; background:#333; color:#FFF; font-weight:bold; text-align:center; }
				#dp_form_mob_view_no_auth span.msg { color:#289ECC; }
				#dp_form_mob_view_no_auth input.comment_input_pwd { border:1px solid #E5E5E5; width:100px; height:25px; line-height:25px; padding-left:70px; background:#FFF URL('../../img/input_text_pwd.gif') left center no-repeat; }
				#dp_form_mob_view_no_auth > div { margin-top:20px; }
				#dp_form_mob_view div.bottom_area { margin:10px 0px 20px 0px; text-align:center; overflow:hidden; }
				#dp_form_mob_view div.bottom_area > button { margin-bottom:4px; }
				#dp_form_mob_view span.button2ea1 { float:left; display:inline-block; width:49%; margin-bottom:4px; }
				#dp_form_mob_view span.button2ea2 { float:right; display:inline-block; width:49%; margin-bottom:4px; }

				#dp_form_mob_view div.item { position:relative; overflow:hidden; margin-top:20px; margin-bottom:20px; }
				#dp_form_mob_view div.item2 { position:relative; overflow:hidden; margin-bottom:20px; }
				#dp_form_mob_view div.item3 { position:relative; overflow:hidden; margin-bottom:10px; font-size:16px; font-weight:bold; }
				#dp_form_mob_view div.admin_func { background:#FFF1DD; border:1px dotted #F90; padding:10px; margin-bottom:50px; }
				#dp_form_mob_view span.clear { display:block; clear:both; position:relative; }
				#dp_form_mob_view span.area_l { position:absolute; display:inline-block; left:0px; top:0px; right:2px; bottom:0px; height:36px; margin-bottom:4px; }
				#dp_form_mob_view span.area_l2 { display:block; margin-bottom:4px; background:#F5F5F5; padding:6px 10px 6px 10px; color:#999; }
				#dp_form_mob_view span.area_l3 { display:block; margin-bottom:4px; background:#F5F5F5; padding:6px 10px 6px 10px; color:#F00; }
				#dp_form_mob_view span.area_l4{ position:absolute; display:inline-block; left:0px; top:0px; right:0px; bottom:0px; height:36px; margin-bottom:4px; }
				#dp_form_mob_view span.area_l5 { display:block; margin-right:2px; }
				#dp_form_mob_view span.area_r { float:right; width:0px; height:36px; margin-bottom:4px; }
				#dp_form_mob_view span.title_box { float:left; display:block; border:1px solid #DDD; width:100%; height:34px; line-height:34px; background:URL('../img/button_bg2.png') right bottom no-repeat #FFF; color:#9A9A9A; text-align:left; }
				#dp_form_mob_view span.title_box_in { display:inline-block; margin-left:10px; height:34px; line-height:34px; }
				#dp_form_mob_view select { width:100%; height:34px; font-size:16px; margin-bottom:4px; }
				#dp_form_mob_view textarea { width:100%; height:80px; border:1px solid #D4D4D4; background:#F5F5F5; font-size:16px; margin-bottom:4px; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


		#dp_form_mob_del {  }
				#dp_form_mob_del_no_auth { padding:50px; border:1px solid #CCC; text-align:center; margin-bottom:20px; }
				#dp_form_mob_del_buttom { margin:20px 0px 20px 0px; border-top:1px solid #CCC; padding-top:20px; text-align:right; }
				#dp_form_mob_del #dp_form_mob_del_no_auth input.comment_input_pwd { border:1px solid #E5E5E5; height:25px; line-height:25px; padding-left:70px; background:#FFF URL('../../img/input_text_pwd.gif') left center no-repeat; }