@charset "utf-8";
/**
 ** www.ksodesign.com
 *********************************************/

/* Extra Var Table */
#kso_contact { position: relative;width:93%; padding:0; margin:0 auto; font:12px Tahoma, dotum; }
#kso_contact .complete_box { margin:0 auto; padding:30px 0;}
#kso_contact .contact_titletext { margin:7px 0 15px 0; padding-left:25px; background:url('../img/bullet_ex.gif') 16px 6px no-repeat; }
#kso_contact .complete_box .message { padding:10px 30px; border:0 !important;}
#kso_contact .contact_title h1{margin:0 0 10px 0; padding: 0;}
#kso_contact .contact_title h1 img{ display:block;}
#kso_contact .editor .contact_text { font:12px gulim; margin:0; padding:0 0 10px 0;}3
#kso_contact .contact_bottomtext { text-align:center; margin-top:10px;}
#kso_contact .btn_submit {text-align:center;margin: 0; *height:29px; *margin-top:9px;}
#kso_contact .radio {display: inline-block;}

#kso_contact .extraVarsList{ width:100%; border:0;}
#kso_contact .extraVarsList caption{ text-align:right;}
#kso_contact .extraVarsList em{ font-style:normal; font-weight:normal; vertical-align:middle;}
#kso_contact .extraVarsList th,
#kso_contact .extraVarsList td{ border:0; padding:3px 0; text-align:left; vertical-align:middle;}
#kso_contact .extraVarsList th{padding-right: 5px;white-space:nowrap; vertical-align:middle; }
#kso_contact .extraVarsList td{ width:100%;}
#kso_contact .extraVarsList td p{ clear:both; display:block; *display:block; margin:10px 0 5px;}
#kso_contact .extraVarsList td *{ vertical-align:middle;margin-bottom: 0;}
#kso_contact .extraVarsList td li{ display:inline; margin-right:10px;}
#kso_contact .extraVarsList td .inputText{ padding:3px 4px; font-size:12px; width:96%; display:block;}
#kso_contact .extraVarsList td .inputNum{ padding:3px 4px; font-size:12px; width:50px; border:1px solid;}
#kso_contact .extraVarsList td .inputCheck{ width:13px; height:13px; margin-right:5px;}
#kso_contact .extraVarsList td select {padding: 3px 5px;font-size:13px;    border: 1px solid #ccc;}
#kso_contact .extraVarsList td textarea{ padding:3px 4px; font-size:12px; width:99%; display:block;border-color: #ccc;overflow:auto;}
#kso_contact .extraVarsList tr td input,
#kso_contact .extraVarsList tr td select {
	width: 99%;
    border-radius: .25em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}    
#kso_contact .extraVarsList td .addr_search_extra_vars9 { }

#kso_contact .extraVarsList tr td input,
#kso_contact .extraVarsList tr td textarea{ font-size:12px; color:#666; vertical-align:middle;}
#kso_contact .extraVarsList tr td .text { padding:4px 0 4px 4px;}
#kso_contact .extraVarsList tr td .email_address { padding:4px 10px 3px 4px; margin-right:10px;width:265px;}
#kso_contact .extraVarsList tr td .homepage { padding:4px 10px 3px 3px; margin-right:10px;width:100%;}
#kso_contact .extraVarsList tr td .tel {padding:4px 3px 3px 3px; margin-right:0;width:32%;}
#kso_contact .extraVarsList tr td .textarea { border:1px solid; padding:3px; margin-right:10px; width:90%; height:80px; }
#kso_contact .extraVarsList tr td ul { margin:0; padding:0; list-style:none; }
#kso_contact .extraVarsList tr td ul li { float:left; display:inline-block; margin-right:10px; margin-bottom:0px; }
#kso_contact .extraVarsList tr td ul li input { margin-right:5px; vertical-align:middle;}
#kso_contact .extraVarsList tr td .date { padding:4px 10px 3px 4px; margin-right:4px;width:72px;}
#kso_contact .extraVarsList tr td .address { padding:2px 10px 3px 4px; margin:0 10px 5px 0;width:265px;}

#kso_contact .editor { padding:12px 10px 6px 12px; border-bottom:1px solid;}

#kso_contact .editor .fileUploader .file_attach_info {display:none;}
#kso_contact .editor .xpress-editor .fileUploader .fileListArea select { height:23px;}
#kso_contact .editor span.button button {display:inline;}
#kso_contact .editor .xpress-editor .fileUploader .preview { display:none; }
#kso_contact .editor .fileUploader .fileUploadControl { }
.xpress-editor *{text-decoration:none !important;}

/* button */

a.button span { height:20px; }

span.button *,
a.button *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}
span.button *[type=submit][disabled=disabled],
span.button *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}

a.button span, 
span.button button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}

.btn_submit {
    padding: 8px 8px;
    width: 100%;
    color: #fff;
	background-color: #ae874e;
	border: 0;
	cursor: pointer;
}


/* The Overlay (background) */
.overlay {
	display: none;
	position: fixed; 
	left: 0;top: 0;  
	height: 100%;
	width: 100%;  
	z-index: 1; 
	background-color: rgba(255,255,255, 0.99);
	overflow-x: hidden;
	transition: 0.5s; 
}
.overlay-content {
	position: relative;
	padding: 3rem 2rem;
	width: 100%; 
	line-height: 1.6;
    color: #fff;    
}
.overlay-content h1,
.overlay-content h2,
.overlay-content h3,
.overlay-content h4,
.overlay-content h5 {color: #333;}
.overlay-content h1 {font-size: 32px;}
.overlay-content,
.overlay-content p {color: #666;}
.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block; 
	transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}
.overlay .closebtn {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 60px;
    color: #333;
    z-index: 5;
}

@media screen and (min-width: 1200px) {
	.overlay {
		left: 50%;top: 5rem;bottom: 3rem;
		max-width: 1200px;
		height: auto;
		background-color: #f8f8f8;
	    transform: translateX(-50%);
	}
}
@media screen and (max-height: 576px) {
	.overlay-content {padding: 1rem 1rem;}
    .overlay a {font-size: 20px}
    .overlay .closebtn {
	    font-size: 40px;
	    top: 15px;
	    right: 35px;
    }
}