#mail_wrap	{width:100%;margin:0 auto;padding:0px 0;}

@media all and (max-width:1024px){
	#mail_wrap	{width:100%;margin:0 auto;padding:0;}
}
@media all and (max-width:768px){
	#mail_wrap	{width:95%;}
}

/* 테이블 */
.mail_table	{
	border:0 none; border-collapse:collapse; margin:0;padding:0;
	}
.mail_title	{
	font-weight: 500;
    font-size: 1.8rem;
	height: 50px;
    color: #e60012;
	padding:50px 0 0;
    border-bottom: 3px solid #e60012;
}
.mail_kind	{
	width: 15%;
    height: 45px;
	padding:10px 30px 10px 30px;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: middle;
    font-weight: 500;
	text-align:center;
}

.mail_kind	p {margin:0;}
.mail_input	{
	border-bottom: 1px solid #e5e5e5;
	text-align:left;
	padding:10px 30px 10px 30px;
}

@media all and (max-width:768px){
	.mail_kind	{width: 20%;padding:5px;}
	.mail_input {padding:5px}
}
@media all and (max-width:420px){
	.mail_kind	{width: 25%;}
}
/* input */
.mail_table input {padding: 0 5px;    height: 43px;    line-height: 43px;    border: 1px solid #acacac;    outline: none;    vertical-align: middle;}
.mail_table input, .mail_table textarea, .mail_table select	{
	border:1px #BFBFBF solid;
	}
input[type=checkbox], input[type=radio], input[type=image] {
	border:0;
	}
.mail_submit	{
	text-align:center;
	padding:10px 0 10px 0;    margin: 0 auto;
	}
.mail_submit input[type="submit"]{
	padding: 8px 20px;
	background-color: #19464a;
	color:#fff;
	font-size: 16px;
	border: 1px solid #19464a;
}
/* 글자 */
.mail_help	{
	font-size:14px; color:#898989;
	font-weight:500;
	padding:5px 0 5px 0;
	text-align:right;
	}
.mail_star	{
	margin-left:5px;
	font-size:14px; color:red;
	}

/* 광고필터 */
.mail_checking	{
	padding:5px 10px 5px 10px;
	background:#FBFBFB;
	border-right:1px solid #EFEFEF;
	}
.mail_checking_help	{
	color:#ff3300;
	padding:5px 0 5px 15px;
	}

@media all and (max-width:768px){
	.mail_help	{display:block;text-align:left;font-size: 12px}
}

/* 동의 체크 */
.policyWrap {text-align:center;padding:30px 0;background:#fff;margin-bottom: 20px;}
.policyTitle {    font-size: 25px;    line-height: 25px;    font-weight: 500;}
.policyBox { background:#ffffff; height:200px; border:solid 1px #dddddd; overflow-y:scroll; padding:20px; margin:25px 0; color:#555; line-height:22px; font-family:"Dotum" ; font-size:12px;text-align:left; }

.policyWrap h2 {font-size: 18px;    margin: 0 0 10px; text-align:left;}
#guest_privacy {    font-size: 1.6rem;border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}


.agreeChkWrap{display:inline-block;position:relative;vertical-align:middle}
.agreeChkWrap label.agreeTxt {position:relative;padding-left:0;cursor:pointer;z-index:1;margin:0;}
.agreeChkWrap .check {position:absolute;width:20px;height:20px;top:0;left:0;cursor:pointer;background:#fff;z-index:0}
.agreeChkWrap .check:before{content:""}
.agreeChkWrap .check i.far {font-size:20px;line-height:20px;color:#cccccc;}
.agreeChkWrap .check i.fas {font-size:20px;line-height:20px;color:#0068FF;}
.agreeChkWrap input[type="checkbox"] {}
/*.agreeChkWrap input[type="checkbox"]:checked + span.check i {border:2px solid #0068FF;}*/


@media all and (max-width:640px){
	.policyWrap {padding:10px;}
	.policyWrap h2 {font-size:1.2em;}
	.policyTitle {    font-size: 15px;    line-height: 15px;}
	.policyBox { padding:10px; margin:8px 0;height:130px;}
	.mail_title	 {font-size: 15px;}
	.mail_title	{padding:0 0 0;}

}


.mailTit {clear:both;overflow:hidden;margin:20px 0 10px 0;}
.mailTit h4 {float:left;font-size:18px;}
.mailTit p {float:right; font-size:1.6rem;}
.mailFormWrap {border-top:3px solid #19464a;clear:both;overflow:hidden;}
.mailFormWrap div.inputForm {width:100%;display:table;}
.mailFormWrap div.inputForm .cell.label {width: 15%;padding-left: 10px;font-size:16px;}
.mailFormWrap div.inputForm .cell {display:table-cell;height:45px;padding:0;border-bottom:1px solid #e5e5e5;vertical-align:middle}

.mailFormWrap div.inputForm.half {width:50%;display:table;float:left;}
.mailFormWrap div.inputForm.half .cell.label {width: 30%;padding-left: 10px;font-size:16px;}


.inputTextMail {padding:0 5px;height:25px;line-height:25px;border:1px solid #ddd;outline:none;vertical-align:middle}
.inputTextMailFull {width: 100%;}
.textareaMail {overflow-y:scroll;font-size:14px;width:100%;height:150px;padding:5px 5px 0 5px;border:1px solid #ddd;box-sizing:border-box;-webkit-box-sizing:border-box;resize:none}

input#onSubmitMail {padding: 8px 20px;background-color: #19464a;color:#fff;font-size: 16px;border: 1px solid #19464a;}

@media all and (max-width:1024px){
	.mailFormWrap div.inputForm.half {width:100%;float:none;}
	.mailFormWrap div.inputForm .cell.label {width:30%;font-size: 12px;padding-left: 10px;}

	.mailFormWrap div.inputForm.half .cell.label {font-size:12px;padding-left: 10px;}

}

.mailSub {margin-bottom: 8.1rem;}
.mailSub:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.mailSub .sub {float:left; background:#f3f3f3; border-top:solid 1px #19464a; width: 31%; margin-right: 3.5%; padding: 3rem 4rem;}
.mailSub .sub:last-child {margin-right:0;}
.mailSub .sub .sub1 {}
.mailSub .sub .sub1:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.mailSub .sub .sub1 .left {float:left; font-size:2.3rem; color:#000; font-weight:bold; letter-spacing:-0.025rem;}
.mailSub .sub .sub1 .right {float:right; font-size:1.7rem; color:#000; letter-spacing:-0.025rem; padding-top: 0.8rem;}
.mailSub .sub .sub2 {font-size:1.7rem; color:#000; letter-spacing:-0.025rem; line-height:3.0rem; padding-top: 2.9rem;}

.chkBox[type=checkbox], .chkBox[type=radio] {display:none;}
label.input-label {
  display: inline-block;
  font-size: 16px;
  cursor: pointer; margin-right: 20px;
  }
label.input-label::before {
  display: inline-block;
  margin:0 5px 0 0px;
  font-family: FontAwesome;
  font-size: 20px;
  color: rgba(195, 13, 76,0.2);
  -webkit-transition: transform 0.2s ease-out, color 0.2s ease;
  -moz-transition: transform 0.2s ease-out, color 0.2s ease;
  -ms-transition: transform 0.2s ease-out, color 0.2s ease;
  -o-transition: transform 0.2s ease-out, color 0.2s ease;
  transition: transform 0.2s ease-out, color 0.2s ease;
  -webkit-transform: scale3d(0.8,0.8,1);
  -moz-transform: scale3d(0.8,0.8,1);
  -ms-transform: scale3d(0.8,0.8,1);
  -o-transform: scale3d(0.8,0.8,1);
  transform: scale3d(0.8,0.8,1);
}
label.input-label.chkBox::before {
  content: "\f0c8";
}
label.input-label.radio::before {
  content: "\f111";
}
input.chkBox + label.input-label:hover::before {
  -webkit-transform: scale3d(1,1,1);
  -moz-transform: scale3d(1,1,1);
  -ms-transform: scale3d(1,1,1);
  -o-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

input.chkBox + label.input-label:active::before {
  -webkit-transform: scale3d(1.5,1.5,1);
  -moz-transform: scale3d(1.5,1.5,1);
  -ms-transform: scale3d(1.5,1.5,1);
  -o-transform: scale3d(1.5,1.5,1);
  transform: scale3d(1.5,1.5,1);
}

input.chkBox:checked + label.input-label::before {
  display: inline-block;
  font-family: FontAwesome;
  color:#19464a;
  -webkit-transform: scale3d(1,1,1);
  -moz-transform: scale3d(1,1,1);
  -ms-transform: scale3d(1,1,1);
  -o-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}
input.chkBox:checked + label.input-label.chkBox::before {
    content:"\19464a";
}
input.chkBox:checked + label.input-label.radio::before {
    content:"\f058";
}

@media all and (max-width:1320px){
	.mailSub .sub .sub1 .left {float: none;}
	.mailSub .sub .sub1 .right {float: none; text-align: right;}
}
@media all and (max-width:890px){
	.mailSub {margin-bottom: 0rem;}
	.mailSub .sub {float: none; width: 100%; margin-right: 0%; margin-bottom: 2rem;}
}