@charset "utf-8";
div {padding:0;margin:0}
.contact_us{overflow:hidden;width:100%; margin-top:30px;}
.contactTitle{overflow:hidden;margin:20px 0 30px;padding:0 0 8px;border-bottom:1px solid #e1e1e1;zoom:1}
.contactTitle h2{float:left;margin:0 0 0 1.5%;padding:0;color:#1e2831;}
.contactTitle a{float:right;padding-left:14px;background:url('../img/iconSetup.gif') no-repeat scroll 0 transparent;color:#666;text-decoration:none;white-space:nowrap}

/*
#terms {border-bottom:1px solid #e5e5e5;}
#terms .termsTitle,.termsTitle{color:#444;display:inline-block;vertical-align:top;}
#terms .termsTitle h3{
	margin:0;display:inline-block;width:120px;
	background:url(../img/square.png) no-repeat left 10px center;padding-left:20px;
	word-break:keep-all;box-sizing:border-box;
}
#terms .termsTitle h3 img {margin:0 0 1% 0.2%}
#terms .termsTitle h3 span {color:#e5e5e5}
#terms em {font-style:normal;padding-right:10px;}
#terms{width:100%;margin-bottom:30px;text-align:justify;padding:10px 10px 0;}
#terms-main p{margin-bottom:6px;}
#terms-main {background:#f3f3f3;padding:2% 1%;display:inline-block;width:84%;}
#agree_check{padding-bottom:0.5%;color:#666;}
#agree_check>p {margin-left:17%}
#agree_check input{margin:2px 9px 0;display:inline-block;}
#agree_check span{padding-left:8px;vertical-align:top}
*/
.formTitle{height:17px;margin:0 0 15px;padding:0 0 8px 24px;border-bottom:1px solid #e6e6e6;background:url(../img/icon2.gif) no-repeat 0 0;color:#333;}
.formTitle p{margin:0}
.formTitle p img{padding-left:6px;vertical-align:middle}




/*이메일 폼 본문*/
.contact_us div,
.contact_us dl,
.contact_us dt,
.contact_us span,
.contact_us dd,
.contact_us option,
.contact_us ul,.contact_us li,fieldset,label, textarea {padding:0;margin:0;box-sizing:border-box}
.contact_us .message {padding:0 1em;margin:1em 0;}
li {list-style:none}


/*
#formComponents {border-bottom:0px solid #e5e5e5}
#formComponents ul {border-bottom:1px solid #e5e5e5;width:100%;float:left;}

#formComponents ul {border-bottom:1px solid #e5e5e5;width:100%;float:left;}
#formComponents>ul {padding:10px;box-sizing:border-box;}
#formComponents .email,
#formComponents .responsibility,
#formComponents .company,
#formComponents .phone {width:50%;}
#formComponents .email .title,
#formComponents .responsibility .title,
#formComponents .company .title,
#formComponents .phone .title {line-height:30px;}
#formComponents .area {width:45%;}
#formComponents .area_1 {width:45%;}
#formComponents .area_1 .title {display:none;}
#formComponents .area .select{width:100%;}
#formComponents .area_1 .select {width:100%;}

.mandatory_field {padding:0px 0;border-top:0px solid #e5e5e5}

#formComponents li {margin-top:0;float:left;}
#formComponents li span {color:#e5e5e5;}
#formComponents .title {width:30%;background:url(../img/square.png) no-repeat 10px center;padding-left:30px;line-height:35px;}



#formComponents .extra_message {vertical-align:top; width:100%;}
#formComponents .extra_message .title {vertical-align:top;}
#formComponents li p {margin-left:5px;display:inline-block;}
#formComponents li ul{overflow:hidden;zoom:1;border:0;}
#formComponents li ul li{margin:0 10px 0 0;}
#formComponents li ul li img {margin-left:5px;vertical-align:bottom}
select[name="Subject"] {width:600px}
.contact_us .email li:last-child,
.contact_us .text fieldset div {
    
}
*/



ul.email,
ul.company,
ul.responsibility,
ul.phone,
ul.area,
ul.area_1 {width:50%; float:left; display: inline-block; border-bottom:1px solid #e5e5e5;}

ul.email li,
ul.company li,
ul.responsibility li,
ul.phone li,
ul.area li,
ul.area_1 li {width:65%; float:left; display: inline-block; line-height:56px;}

ul.email li.title,
ul.company li.title,
ul.responsibility li.title,
ul.phone li.title,
ul.area li.title,
ul.area_1 li.title {width:35%; float:left; display: inline-block; line-height:56px; text-align:center;}

ul.mandatory_field,
ul.door,
ul.purpose,
ul.confirm,
ul.interphone,
ul.number,
ul.extra_message,
ul.terms{width:100%; float:left; display: inline-block; border-bottom:1px solid #e5e5e5;}

ul.mandatory_field li,
ul.number li,
ul.extra_message li,
ul.terms li{width:82.5%; float:left; display: inline-block; line-height:56px; }
ul.door li,
ul.purpose li,
ul.confirm li,
ul.interphone li{float:left; display: inline-block; line-height:56px; margin-right:15px;}
ul.number li p {margin-left:5px;display:inline-block; display:none}

ul.mandatory_field li.title,
ul.door li.title,
ul.purpose li.title,
ul.confirm li.title,
ul.interphone li.title,
ul.number li.title,
ul.extra_message li.title,
ul.terms li.title {width:17.5%; float:left; display: inline-block; line-height:56px; text-align:center;}


#terms-main p{margin-bottom:6px;}
#terms-main {background:#f3f3f3;width:100%;}
#agree_check{color:#666;}
#agree_check>p {margin-left:17%}
#agree_check input{margin:2px 9px 0;display:inline-block;}
#agree_check span{padding-left:8px;vertical-align:top}


/*
ul li{float:left; line-height:56px;}
ul li.title{width:25%; line-height:56px; text-align:center;}

ul.text li{width:70%; line-height:56px; vertical-align:middle;}
ul.text li.title{width:20%; line-height:56px; vertical-align:middle;}
*/


ul.text li input.text{width:100%; line-height:30px; margin:0; background:#fff; border:1px solid #ccc; box-sizing:border-box;}
select{width:100%; padding:4px 10px; border:1px solid #ccc; box-sizing:border-box;}
textarea{width:100%; margin-top:10px;}





input[type="image"] {margin-right:1%}

.guide {margin:10px 70px 50px;color:#a4a4a4;text-align:center;line-height:24px;}

/*물음표 안내문 시작*/
.purpose .radi_purpose li div{position:absolute;border:1px solid #ccc;width:280px;padding:10px;background:#fff;bottom:847px;color:#a4a4a4;word-break:keep-all;}

#formComponents .purpose .radi_purpose li div span {color:#4092b7;}

.purpose .radi_purpose li div:after,
.purpose .radi_purpose li div:before {
	top: 100%;left: 85px;position: absolute;pointer-events: none;
	border: solid transparent;content: " ";height: 0;width: 0;
}
.purpose .radi_purpose .purpose_1 div:after,
.purpose .radi_purpose .purpose_1 div:before{left:85px;}
.purpose .radi_purpose .purpose_2 div:after,
.purpose .radi_purpose .purpose_2 div:before,
.purpose .radi_purpose .purpose_5 div:after,
.purpose .radi_purpose .purpose_5 div:before{left:143px;}
.purpose .radi_purpose li div:after {
	border-top-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
.purpose .radi_purpose li div:before {
	border-top-color: #ccc;
	border-width: 9px;
	margin-left: -9px;
}
.purpose .radi_purpose li div {display:none;}

.purpose .radi_purpose .purpose_3 div,
.purpose .radi_purpose .purpose_4 div {width:295px;}
.purpose .radi_purpose .purpose_2 div,
.purpose .radi_purpose .purpose_5 div {width:360px;}
.purpose .radi_purpose .radili img:hover+div{display:block;}
/*물음표 안내문 끝*/

#formComponents li ul li input{*vertical-align:middle;vertical-align:middle;margin:0 5px;background:oragne;}
#formComponents li ul li label{color:#62676a;vertical-align:middle;cursor:pointer;background:oragne;}
.send{text-align:center;margin-bottom:8%}
/*전송 성공 폼*/
#mail_content {padding:5px 0 3px 0;}
#mail_content li{list-style:none;border-bottom:1px solid #ccc;display:inline-block;width:50%;padding:1% 0}
#mail_content li:nth-child(1),#mail_content li:nth-child(2) {border-top:2px solid #ccc;}
#mail_content li:nth-child(7) {border:0}
#mail_content li:nth-child(8) {width:100%;border-top:1px solid #ccc;}
#mail_content li:nth-child(8) span {margin-left:15%;width:79%}
#mail_content li:last-child {display:none;border:0;}
#mail_content li .mail_var_title{position:absolute;margin-top:0.6%;width:10%}
#mail_content li .mail_var_title em {margin:0 10%;}
#mail_content li span {display:inline-block;margin-left:30%;border:1px solid #ccc;padding:1%;width:60%;}
#formComponents textarea{width:805px; height: 80px; border:1px solid #ccc;}
.comment_textarea textarea{width:100%; height: 152px !important; }
fieldset {border:0;margin:0;padding:0;}
fieldset p {margin:0;padding:0}
#success_form {margin-top:20px;}
#link_back_contact a{color:black}





/*미디어쿼리*/
@media screen and (max-width:980px){
	#formComponents .text fieldset,
	#formComponents .textarea fieldset,
	#formComponents li select{border-color:#ccc;}
	#formComponents li select {padding-right:20px;}
	#formComponents .area {width:50%;}
	#formComponents .area_1 {width:50%;}
	#formComponents li ul li img {display:none;}
	}
@media screen and (max-width:820px){
	#formComponents .email,
	#formComponents .responsibility,
	#formComponents .company,
	#formComponents .phone,
	#formComponents .area,
	#formComponents .area_1,
	#formComponents .area li,
	#formComponents .area select,
	#formComponents .area_1 li,
	#formComponents .area_1 select,
	#terms-main,
	.mandatory_field li,
	.mandatory_field select,
	#formComponents textarea,
	.extra_message li,
	.extra_message textarea {width:100%;}
	#formComponents .area select,
	#terms-main,
	.mandatory_field li,
	.mandatory_field select,
	#formComponents textarea,
	.extra_message li,
	.extra_message textarea {margin-top:5px;}
	#formComponents .area {border-bottom:0;padding-bottom:0;max-width:inherit;}
    #formComponents .area_1 {padding:5px 10px 10px;max-width:inherit;}
	#agree_check>p {margin-left:0;}
	.guide {margin:10px 15px 50px;}
}
@media screen and (max-width:360px){
	#formComponents .title {line-height:13px;}
	input[type="image"] {margin-right:0;max-width:100%;}
	.send img {max-width:100%;}
    .contact_us .email li:last-child,
    .contact_us .text fieldset div,
	#formComponents li,
	#formComponents li input.text {width:100%;box-sizing:border-box;}
	#formComponents .title {margin-bottom:5px;}
	#formComponents .purpose li,
	#formComponents .interphone li,
	#formComponents .confirm li {width:auto;margin-top:0;}
    #formComponents li p {display:none;}
	
}