@charset "utf-8";
.contact_us{width:100%}
.contact_us a,.contact_us a:hover{text-decoration:none}

/* Title */
.contactTitle{position:relative; padding-bottom:10px; *zoom:1}
.contactTitle:after{content:" "; clear:both; display:block}
.contactTitle h2.contactTitleText{position:relative; float:left; margin:0; padding:0; font-family:Verdana,"돋움"; font-size:20px; font-weight:bold; color:#3d3d3d}
.contactTitle a.admin_setup{position:relative; top:10px; float:right; margin-left:10px; padding-left:14px; background:url('../img/iconSetup.gif') no-repeat scroll 0 transparent; text-decoration:none; white-space:nowrap; font-size:12px; color:#666}
.contactTitle p.required{position:relative; top:10px; float:right; margin:0; padding:0; font-family:Arial,Helvetica,sans-serif,"돋움"; font-size:12px; font-weight:bold; color:#a4a4a4}

/* Terms */
#terms{width:100%; margin:10px 0; overflow:hidden; text-align:justify}
#terms .termsTitle{margin:0 0 10px 0; color:#3d3d3d; font-family:Arial,Helvetica,sans-serif,"돋움"; font-size:16px; font-weight:bold}
#termsContents p{margin:3px 0 3px 0; font-size:12px}
#agree_check{margin-top:20px; padding:7px; border:1px solid #e7e7e7; background:#f9f8f4; color:#666; font-family:Arial,Helvetica,sans-serif,"돋움"; font-size:12px; font-weight:bold}
#agree_check input{margin:0 4px 0 0}
#agree_check label{vertical-align:top; cursor:pointer}

/* Table */
#form_contact{margin:0; padding:0}
#contact_table{width:100%; border:0; border-top:2px solid #232323; border-bottom:1px solid #c2c2c2; border-spacing:0; margin:0; padding:0}
#contact_table th{width:150px; padding:14px 12px; background:#fafafa; border-bottom:1px solid #e4e4e4; text-align:left; font-family:Arial,Helvetica,sans-serif,"돋움"; font-size:14px; font-weight:bold; color:#3d3d3d}
#contact_table th em {margin-left: 2px;}
#contact_table td{padding:14px 12px; border-bottom:1px solid #e4e4e4; text-align:left}
#contact_table td ul{margin:0; padding:0; list-style:none; *zoom:1}
#contact_table td ul:after{content:" "; clear:both; display:block}
#contact_table td ul li{float:left; margin:0 8px 0 0; padding:0}
#contact_table td p{margin:4px 0 0 0; padding:0; font-family:Arial,Helvetica,sans-serif,"돋움"; font-size:12px; color:#a4a4a4 !important}

/* Input */
#contact_table td input.text,
#contact_table td input.date,
#contact_table td input.tel{position:relative; width:240px; margin:0; padding: 4px 6px; background:#fff; border:1px solid #eee; font-size:14px; color:#333; vertical-align:middle}
#contact_table td input.tel{width:48px; margin:0 4px 0 0}
#contact_table td input.radio,
#contact_table td input[type=checkbox]{width:13px; height:13px; margin:0 5px 0 0; padding:0; vertical-align:middle}
#contact_table td label{margin:0; vertical-align: middle; font-family:Arial,Helvetica,sans-serif,"돋움"; font-size:12px; color:#5c5c5c !important; cursor:pointer}
#contact_table td textarea{position:relative; width:700px; height:100px; margin:0; padding:4px 6px; background:#fff; border:1px solid #eee; font-size:14px; color:#333; vertical-align:top}
#contact_table td select{position:relative; width:256px !important; margin:0; padding: 4px 4px; background:#fff; border:1px solid #eee; color:#333; vertical-align:middle}
#contact_table .radio_wrapper {display: inline-block; vertical-align: middle;}
#contact_table .radio_wrapper + .radio_wrapper {margin-left: 20px;}

#contact_table td textarea:hover,
#contact_table td input.text:hover,
#contact_table td input.date:hover,
#contact_table td input.tel:hover,
#contact_table td select:hover{border-color:#10305c !important}

/* Option */
em.required_icon{color: #10305c; display:inline-block; font-style:normal;}
#contact_form .cameron_table td label{margin:0; vertical-align:middle; font-size:14px; cursor:pointer; color:#5c5c5c !important}
.cufon{margin-bottom:4px}

/* Button */
.send{margin-top:30px; text-align:right}
.contact_submit, .contact_confirm{letter-spacing:1px; background: #355e97; border:1px solid #10305c; border-radius:2px; font-family:Arial,Helvetica,sans-serif,"돋움"; font-size:14px; font-weight:bold; overflow:visible; color:#fff; cursor:pointer}
.contact_submit{margin:0; padding:10px 32px;}
.contact_confirm{display:block; margin:0 auto; padding:10px 20px 8px 20px;}
.contact_submit:hover, .contact_confirm:hover{background:#10305c}

/* Success */
#success_form {margin-top:20px}
.message p{margin:14px 0 !important}
#mail_content ul{margin:0; padding:0; list-style:none}
#mail_content li{margin:0 0 5px 0}
#mail_content li .mail_var_title{margin-right:5px; font-family:Arial,Helvetica,sans-serif,"돋움"; font-weight:bold}
#link_back_contact {margin-top:30px; text-align:center}



.contact_top{

width : 100%;





}

	.l_sp{
		

width:50%;

	position:relative;
	display:inline-block;
	float : left;
		margin: 0px 0px 32px 0px;

	  		}



	.r_sp{
		

width:50%;



	
	position:relative;
	display:inline-block;
	float : left;
	margin: 0px 0px 23px 0px;

	


	  
	  
	  
	  
	  		}

			.img_map{
			margin 0px auto;
			width:100%;
			height:320px;
				position:relative;
	display:block;
	float : left;

		background-image:url(/html2/aboutus/images/jojeek.png);
	background-repeat:no-repeat;

	background-size:1100px;
		text-align:center;
			
			}