@charset "utf-8";

@font-face{font-family:'S-CoreDream-3Light';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');font-weight:normal;font-style:normal;}

/* body 공통 속성 */
html,body{margin:0;padding:0}
div,p,form,fieldset,ul,ol,li,dl,dt,dd,img,input,textarea{margin:0;padding:0}
input{}
#mobile input{border:1px solid #ccc;background:#eee;border-radius:5px}
#mobile input#kakao{border:none;background:transparent;border-radius:0}
div,table,th,td{}
ul,ol,li{list-style:none}
img,input,textarea,select{}
button{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;font-size:12px}
caption,legend {}
address{font-style:normal}
a:link,a:visited,a:active,a:hover{text-decoration:none !important}
hr{display:none}
/*a,img,input{outline:none;selector-dummy:expression(this.hideFocus=true)}*/
::-moz-selection{background-color:#ccc;color:#303030}
::selection{background-color:#ccc;color:#303030}
html{overflow-y:scroll}
*{-webkit-text-size-adjust:none} /* 아이폰 세로모드 폰트 확대막기 */
*{text-shadow:none !important}

.blind {position:absolute; left:0; top:-9999px; width:0; height:0; margin:0; padding:0; font-size:0; text-indent:-9999px; overflow:hidden;}
.clear {*zoom:1;}
.clear:after {display:block; clear:both; content:"";}
.lft {float:left;}
.rgt {float:right;}

body,html{height:100%;}
#pc{width:100%;min-width:1190px;}
#ie6{display:none}
.pc_width{width:1190px;min-width:1190px;margin:0 auto}
.blind {position:absolute; left:0; top:-9999px; width:0; height:0; margin:0; padding:0; font-size:0; text-indent:-9999px; overflow:hidden;}
.clear {*zoom:1;}
.clear:after {display:block; clear:both; content:"";}
.lft {float:left;}
.rgt {float:right;}
.xe_content{font-family:'S-CoreDream-3Light','Noto Sans KR','Nanum Gothic','나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,sans-serif}


.xe-widget-wrapper {
	float: none !important;
}
/* Extra Var Table */
#xet_contact { 
	background: #fff;margin-bottom:50px;
	font-family:'S-CoreDream-3Light';
}
#xet_contact .complete_box { margin:50px auto; padding:60px; border: 1px solid #111; }
#xet_contact .complete_box .message { padding:10px 30px; border:0 !important;}

#xet_contact .submit-wrp {
	text-align: center;
	margin-top: 20px;
}
#xet_contact .submit { 
	font-family:'S-CoreDream-3Light';
	font-size: 18px;
	-webkit-appearance: none;
	border-radius: 3px;
	cursor: pointer;
	padding: 10px 50px;
	background: #101010; 
	border: 0;
	color: #fff;
	margin-top:20px;
}
#xet_contact a {
	color: #555;
}

#xet_contact .extraVarsList .extra_table {
	font-family:'S-CoreDream-3Light';
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #ddd;
	background: #fff;
}

#xet_contact .extraVarsList .extra_table tr  {
	border-bottom: 1px solid #ddd;
}
#xet_contact .extraVarsList .extra_table th,
#xet_contact .extraVarsList .extra_table td {
	position: relative;
	padding: 10px;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
}
#xet_contact .extraVarsList .extra_table th {
	position: relative;
	font-size: 16px;
	letter-spacing:-1px;
	width: 10%;
	padding-left:2%;
	background-color: #fafafa;
	text-align:left;
	color:#303030;
	font-weight:normal;
}

#xet_contact .extraVarsList .extra_table th em {
	font-style: normal; 
	color: #f00;
}
#xet_contact .extraVarsList .extra_table th span.point {
	padding: 5px 15px;
	color: #fff;
	border-radius: 30px;
	background: #ff4545;
	display: inline-block;
}
#xet_contact .extraVarsList .extra_table td {
	width: 35%;
}
#xet_contact .extraVarsList input[type="text"],
#xet_contact .extraVarsList input[type="password"],
#xet_contact .extraVarsList input[type="datetime"],
#xet_contact .extraVarsList input[type="datetime-local"],
#xet_contact .extraVarsList input[type="date"],
#xet_contact .extraVarsList input[type="month"],
#xet_contact .extraVarsList input[type="time"],
#xet_contact .extraVarsList input[type="week"],
#xet_contact .extraVarsList input[type="number"],
#xet_contact .extraVarsList input[type="email"],
#xet_contact .extraVarsList input[type="url"],
#xet_contact .extraVarsList input[type="search"],
#xet_contact .extraVarsList input[type="tel"],
#xet_contact .extraVarsList input[type="color"],
#xet_contact .extraVarsList textarea {
    font-size: 14px;
    font-weight: 300;
    font-family: 'S-CoreDream-3Light','Noto Sans KR','맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,sans-serif;
	position:relative; 
	margin:0;
	padding: 0 10px;
	box-sizing: border-box;
	width:80%;
	height: 33px;
	vertical-align: middle;
	border:1px solid #c1c1c1; 
	color: #303030; 
	background: #fff; 
	border-radius:0;
	transition: all 0.3s ease-out;
}
#xet_contact .extraVarsList input[name="extra_vars5"],#xet_contact .extraVarsList input[name="extra_vars9"]{width:100px;}

.xefu-container{width:80%;}
.krzip-detailAddress-wrap label{display:block;line-height:30px;}
#xet_contact ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#xet_contact ul:after {
	content: "";display: block;clear: both
}
#xet_contact ul> li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
#xet_contact .extraVarsList input.tel {
	width: 80px;
}
#xet_contact .extraVarsList input.date,
#xet_contact .extraVarsList input#birthday {
	width: 50%;
}
#xet_contact .extraVarsList .btn.dateRemover {
	height: 40px !important;
	line-height: 40px !important;
}
#xet_contact .extraVarsList input[type="tel"] {
	width: 60px !important;
}
#xet_contact .extraVarsList input[type="file"] {
	display:block;
}
#xet_contact .extraVarsList textarea { 
	padding: 10px;
	height: 200px; 
}
#xet_contact .extraVarsList input:focus,
#xet_contact .extraVarsList textarea:focus { 
	background: #fff; 
	color: #111;
}
#xet_contact .extraVarsList input[type="checkbox"],
#xet_contact .extraVarsList input[type="radio"]{
	margin: 0 5px 0 0;
	padding: 0;
	width: 14px;
	height: 14px;
	vertical-align: baseline;
}

#xet_contact .extraVarsList input[disabled],
#xet_contact .extraVarsList textarea[disabled],
#xet_contact .extraVarsList select[disabled] {
	cursor: not-allowed;
	text-shadow:1px 1px 0 #fff;
	color: #999;
}
#xet_contact .extraVarsList input[disabled],
#xet_contact .extraVarsList textarea[disabled],
#xet_contact .extraVarsList input[readonly],
#xet_contact .extraVarsList textarea[readonly]{
	background: #eee !important; 
	box-shadow:none;
}
#xet_contact .extraVarsList input[type="radio"][readonly],
#xet_contact .extraVarsList input[type="checkbox"][readonly]{
	background-color: transparent;
}
#xet_contact .extraVarsList label[for="agree"]{
	display:inline-block;
	margin-top:20px;
}
#xet_contact .extraVarsList p {
	font-size: 15px;
	line-height:1.7em;
	padding: 5px 0;
	color: #494949;
}


#xet_contact .editor > div:first-child {
	visibility:hidden;
	width:80%;
	height:1px !important
}
#xet_contact .editor .xefu-dropzone-message {
	display: block !important;
	margin: 0 !important;
}
#xet_contact .editor .upload_info {
	margin: 0 !important;
	padding: 0 !important;
}
#xet_contact .editor .xefu-btn.xefu-act-link-selected {
	display: none !important
}

/* 주소 */
#xet_contact .krzip-postcode-wrap input[disabled] {
	width: 100px;
}
#xet_contact .krzip-postcode-wrap label {
	display: none;
}
#xet_contact .krzip-address-wrap {
	margin-top: 5px;
}
#xet_contact .krzip-address-wrap label {
	display: none;
}

/* 동의 */
#xet_contact .agree-wrp {
	margin: 0 auto 60px;
	background-color: #ececec;
}
#xet_contact .agree-wrp h5 {
	font-size: 18px;
	padding: 30px 50px 0;
}
#xet_contact .agree-wrp .agree {
	padding: 20px;
	font-size:15px;
}
#xet_contact .agree-wrp .agree-text {
	margin-bottom: 10px;
	padding: 30px;
	height: 200px;
	overflow-y: scroll;
	background: #fff;
}


/* button */
#xet_contact .btn {
	height: 33px !important;
	text-shadow: none;
	box-shadow: none;
	border: 0;
	background: #222;
	color: #fff;
}
#xet_contact .btn_kakao {
	display:inline-block;
	background:#fff107;
	padding:8px 10px 8px 10px;
	margin-top:10px;
	color:#2c1010;
	overflow:hidden;
}
#xet_contact .btn_kakao i {
	font-size:20px;
	vertical-align:middle;
	margin-right:5px;
}


@media only screen and (max-width:500px) {
#xet_contact .extraVarsList .extra_table th {
font-size: 13px;
}
}