@charset "utf-8";

.red {color:#cf0000;}
.green {color:#008149;}
h2 {margin:0% 1%; font-size:25px;}
h2 p {font-size:40px;}
h2 em {font-style:normal; font-weight:normal}
.subtxt {margin:0 2% 3%; color:#505050; font-size:17px;}
.subtxt2 {margin:0 2% 3%; color:#505050; font-size:17px; text-align:center;}
.date {margin:0 1% 3%; border-bottom:1px solid #ddd; padding-bottom:10px;}
.date:after {content:''; display:block; clear:both;}
.date em {display:block; float:left; font-style:normal; font-size:13px; color:#999; margin-top:10px;}
.date .abc {float:right; display:block; width:69px;}

.cont {margin:10px 10px 20px; font-size:17px; color:#505050;}
.mgt {position:relative; z-index:-1; margin-top:-100px;}
.cont2 {font-size:25px;}
.15 {font-size:30px;}

.form-preset {border:15px solid #e1375f; border-top:0;}
.form-preset table>tbody>tr>th {text-align:center;}
.btnac {text-align:center;}
.btnac a {display:inline-block; margin:25px 0; width:70%;}
.rdo label {display:inline-block; font-size:12px; margin:0 5px 3px 0;}

.formArea {border:20px solid #206cb6; border-top:0; text-align:center;}
.formArea:after {content:''; display:block; clear:both;}
.formArea ul {padding-top:30px; text-align:left;}
.formArea ul li {margin-bottom:5px;}
.formArea ul li b {display:inline-block; width:20%; text-align:center;}
.formArea .btna {display:inline-block; width:35%; margin:20px 0;}
.formArea .form-control {padding:6px;}

#view-app { max-width: 800px;   margin: 0 auto; }
#footLayer {position:fixed; bottom:0; left:50%; width:680px; margin-left:-340px;}
#footLayer .formCont {position:absolute; bottom:20px; left:10px;}
#footLayer .formCont p {display:inline-block;}
#footLayer .formCont input[type=text] {display:inline-block; padding:3px; border:0; width:100%; height:27px; border-radius:5px; vertical-align:middle;}
#footLayer .formCont .w2 input[type=text] {width:30%;}
#footLayer .formCont .w2 select {display:inline-block; width:28%; padding:5px; border:0; height:27px;vertical-align:middle;}
#footLayer .formCont .w1 {width:14%;}
#footLayer .formCont .w2 {width:44%;}
#footLayer .formCont .w3 {display:inline-block; width:22%; vertical-align:bottom;}

.contLayer {position:relative;}
.contLayer .layerTxt {position:absolute; top:69%; left:2%; width:96%; text-align:center;}
.contLayer .layerTxt .btnL {display:inline-block; width:40%;}
.contLayer .layerTxt .contL {display:none; text-align:left; position:absolute; top:90px; right:0px; padding:20px 160px 20px 20px; background:#fff url(../img/layer_bg.png) right bottom no-repeat;}
.contLayer .layerTxt .contL em {display:inline-block; font-style:normal; background:#fffd7f;}

.consultBox .cont p.m_event {display:none;}


/* form */
.form-box {
	float:left;
	width:100%;
    margin:0 auto;
}
.form-top-title {font-size: 16px; font-weight: 800; background: url('../img/arrow.jpg')no-repeat left center; background-size: 16px; text-indent: 20px; margin-bottom: 10px;}
.form-box:after {clear:both;}
.form-title {
	display:block; position:relative; float:left;
	width:100%; width:100%; padding:0;
	color:#FFF; text-align:center;
}
.form-title img {width:100%;}
.form-title h4 {margin-top:0; margin-bottom:10px; font-size:32px; font-weight:800;}
.form-title span {
	display:inline-block;
	width:100%; margin-bottom:0px;
	font-size:20px; font-weight:400; line-height:1;
}
.form-title span em {font-weight:700;}
.form-title p{
	display:inline-block;
	margin-bottom:0; margin-bottom:10px;
	font-size:18px; line-height:1;
}

.form-box-inner {float:left; width:100%; margin:0 auto;}

.form-box-tb-out {
    overflow:hidden;
    border-top:2px solid #000000;
}
.form-box-tb {width:100%; margin:0 auto; color:#444;}
.form-box-tb th {
    width: 80px;
    max-width: 100px;
    padding: 4px 6px;
    font-weight: 500;
    text-align: left;
    font-size: 14px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background: #f7f7f7;
}
.form-box-tb th .fa {margin-right: 4px; font-size: 16px; vertical-align: middle;}
.form-box-tb td {padding: 4px 6px;border-bottom: 1px solid #ccc;}

.form-box-tb input[type="text"], textarea, select {
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    background: none;
    height: 42px;
}

.form-box-tb input[type="tel"], textarea, select {
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    background: none;
    height: 42px;
}


.form-box-tb select {padding-left: 3px;}
.form-box-tb input[type="text"]:focus,
.form-box-tb input[type="tel"]:focus,
.form-box-tb select:focus {
	border-style:solid; border-color:#66afe9; outline:0;
	transition:border-color ease-in-out .15s;
}
.form-box-tb textarea:focus {
	border-width:1px; border-style:solid; border-color:#66afe9; outline:0;
}
.form-box-tb input[name="name"] {width:100%;}

.form-box-tb select[name="tel1"],
.form-box-tb input[name="tel2"],
.form-box-tb input[name="tel3"] {
	float:left;
	width:calc(100% / 3 - 3px); height:42px; margin-right:4px; overflow:hidden;
    padding-left: 3px; padding-right: 3px;text-align: center;
	border-width:1px; border-style:solid; border-color: #eaeaea;background:none;
}
.form-box-tb input[name="tel3"] {margin-right:0;}
.f-icon {margin-right:10px; vertical-align:middle;}

textarea.form-info {
	width:100%; min-height:86px; margin:0px;vertical-align: middle;
	border:1px solid #eaeaea;
	font-size:14px; line-height:1.4;
	resize:none;
}
textarea.form-info.blue-box {border-color:#d5d5d5;}
textarea.form-info.blue-box:focus {
border-width:1px; border-style:solid; border-color:#66afe9; outline:0;
transition:border-color ease-in-out .15s;
}
textarea.form-data {
	width:100%; min-height:86px;
	border-width:1px; border-style:solid; border-color:#eaeaea;
	font-size:14px; line-height:1.4;
	resize:none;
}
.select-box {
    border-width: 1px;
}
span.checkbox-span {
    margin-bottom:0px!important;display: inline-block;
}
.form-info-agree span {
    font-weight: 800;
    margin-left: 7px;display: inline-block;
}
.txt-center {
    display: inline-block;
    text-align: center;
}
.form-agree-box {margin-bottom: 10px;}
textarea.form-data:focus {border-color:#66afe9;}
p.form-info-agree {padding:5px 0;text-align: center;}
/*
p.form-info-agree label {margin-left:5px; color:#333; font-size:12px; cursor:pointer;}
p.form-info-agree strong {color:#333; font-size:13px;}
p.form-info-agree input[type="radio"] {vertical-align:middle; cursor:pointer;}
*/
td.copyright {text-align:right;}
td.copyright span.c-txt {color:#333;}

.submit-btn {
	display:block;
	width:100%; height:50px; margin:0 auto; margin-top:5px; margin-bottom: 10px; background:#970707;
	color:#fff!important; font-weight:800; text-align:center; line-height:50px; font-size: 18px;
}

.width100 {float:left; width:100%;}
.img100 {max-width:100%;}
.red-txt {
    color: red;

    line-height: 1.2;
    padding: 10px 0;
}
form p {
    font-weight: 800;
    text-align: center;
}


@media screen and (max-width:414px) {
h2 {margin:3% 5%; font-size:20px;}
h2 p {font-size:28px;}
.subtxt {margin:0 3% 3%;}
.cont {font-size:17px; line-height:24px;}
#view-app {padding-bottom:50px;}
#footLayer {left:0; width:100%; margin-left:0;}
#footLayer .formCont {bottom:8px;}
#footLayer .formCont .w3 {padding-top:8px; width:22%;}

.contLayer .layerTxt .contL {top:49px; padding:20px; background-size:150px;}
.contLayer .layerTxt .contL .mpd {display:block; padding-right:80px;}
}


input[type="text"], input[type="password"], input[type="tel"] {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid #eee;
    background: 0;
    border-radius: 0;
}
input {
    padding: 0 10px;
    letter-spacing: -1px;
}
input, select, label, select {
    padding: 0 0;
    font-family: 'Noto Sans R', 'dotum', sans-serif;
    font-size: 14px;
}
select {
    border: 0;
    padding: 8px 23px 8px 10px;
    color: #333;
    height: 35px;
    line-height: 15px;
    box-sizing: border-box;
    background: #fff url(/images/select.png) no-repeat 93% 14px;
    background-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.consultBox {max-width: 800px; /* margin: 10% auto; */ margin: auto; text-align: center; min-height: auto; }
.consultBox .cont {width: 100%; height: auto; background: #000000; margin: 0 auto; border-radius: 30px; padding-top:6%; padding-bottom:10%;}
.consultBox .cont p {margin-bottom:20px;}
.consultBox .cont b {margin-bottom: 40px; display: block;}
.consultBox .cont b img {width: 50%; margin: 0 auto;}
.consultBox .cont li {margin-bottom:1.5%;}
.consultBox .cont li:after {display:block; content:''; clear:both;}
.consultBox .cont li span {float:left; display:block; color:#fff; font-size:18px; width:15%; padding:4px 10px;}
.consultBox .cont li div {float:left; width:85%;}
.consultBox input {background:#ffffff; border:0; padding:11.5px 10px;} 
.consultBox select {line-height: normal; background: #ffffff; -webkit-appearance: menulist; align-items: center; white-space: pre; width: 100%; border: 0; padding: 11.5px 10px; height: auto;}
.consultBox .input-group {width: 33% !important; margin-right: 1%;}
.consultBox .input-group:last-child {width: 32% !important; margin-right: 0;}

.consultBox a img {width: 80%; margin: 0 auto;}

@media (max-width:860px) {
.consultBox .cont p.pc_event {display:none;}
.consultBox .cont p.m_event {display:block;}
.consultBox .cont {padding:5%;}
.consultBox {padding:20px; margin:auto;}
.consultBox .cont b {display:none;}
}

@media (max-width: 700px) { 
/* .consultBox {padding: 0 20px; margin: 5% auto;} */
.consultBox .cont li span {float: none; width: 100%; text-align: left; font-size: 15px; padding: 4px 0;}
.consultBox .cont li div {float:none; width:100%;}
.consultBox .input-group {float: left !important;}
.consultBox a img {width: 80%;}
}