@charset "utf-8";

.red {color:#cf0000;}
.green {color:#008149;}

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;  background: #000000; 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;}


.submit-btn {
	display:block;
	width:100%; height:55px; margin:0 auto; margin-top:15px; margin-bottom: 10px; background:#b80f0b;
	color:#ffffff!important; font-weight:800; text-align:center; line-height:55px; font-size: 22px;
}


.formQqestion {
	width: 100%;
}
.formQqestion td {
	padding: 5px 0px; width: 25%;
}
.formQqestion th {
	padding: 5px 0px; text-align: left;
}
.formQqestion input[type=checkbox] {
	display: none;
}
.formQqestion input[type=radio] {
	display: none;
}
.formQqestion input ~ label {
	background: rgb(255, 255, 255); padding: 3px 0px; width: 90%; text-align: center; color: rgb(102, 102, 102); display: inline-block; box-sizing: border-box; padding:11.5px 10px;
}
.formQqestion input:checked + label {
	background: rgb(255, 43, 43); color: rgb(255, 255, 255); padding:11.5px 10px;
}
.formTable input[type=text] {
	width: 90%; height: 35px; padding-left: 10px;
}
.formTable input[type=tel] {
	width: 90%; height: 35px; padding-left: 10px;
}
.formTable select {
	width: 90%; height: 35px; padding-left: 10px;
}
.formTable textarea {
	padding: 7px; border-radius: 10px; border: 2px solid rgb(238, 238, 238); border-image: none; width: 80%; height: 70px; box-sizing: border-box;
}
.formTable .phone {
	font-size: 0px;
}
.formTable input.tel {
	width: 30%; font-size: 14px;
}
.formTable select.tel {
	width: 30%; font-size: 14px;
}



@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:3%; padding-bottom:12%;}
.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: 60%; 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%;}
}