@charset "UTF-8";
body, div, ol, p, img {margin:0; padding:0}
li {list-style: none;}
body {
 font-family: 'Nanum Barun Gothic', 나눔고딕, 돋움, Helvetica Neue, Helvetica, Arial, sans-serif;
 font-size:1em;
 color:#fff;
 font-weight: 100;
 background-color:#fff;
 padding:0px;
 margin:0px;
 }

#header {overflow: hidden;color: #e2e2e2;width: 100%;position: fixed;z-index: 2;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;background: rgba(0, 0, 0, .8);}
#header > ul {width: 1000px;margin:0 auto;padding: 0;}
#header > ul >li {float: right;width: 70%;}
#header > ul >li:first-child {float: left;width: 22%;}

#header ul li h1 {margin: 26px 0;float: left;}
#header ul li h1 img {margin-top: 5px;}
#header li div {float: left; margin: 18px 0; float: right; border-left: 1px solid #676767;}
#header li div:first-child {width: 82%;padding: 0;float: left;}
#header li div button {display: block;text-align: center;width: 100%;margin: 0;padding: 16px 37px;background: #7184af;border: none;letter-spacing: -1px;color: #ffffff;font-size: 24px;line-height: 25px;font-weight: 400;font-family: 'Noto Sans KR', sans-serif;cursor: pointer;/* height: 81px; */}

#header li div ul {overflow: hidden;width: 100%; padding:0; margin-top: 4px;}
#header li div ul li {float: left;padding: 2px 0 0;height: 39px;width:  100%;}
#header li div ul li span{
  width: 4%;
  display: inline-block;
  text-align:  center;
}
#header li div ul li span.text {font-size: 20px;padding: 0 8px 0 20px;display: inline-block;color: #a8a8a8;letter-spacing: 1px;vertical-align: text-top;min-width: 90px;text-align:  justify;letter-spacing: -2px;height: 34px;width: 22%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#header li div ul li span.text:after {content: "";  display: inline-block;  width: 100%;}
#header li div ul li input[type='text'], #header li div ul li input[type='tel']{height: 34px;font-size: 15px;padding: 0 0 0 10px;padding-left: 10px;border: 2px solid #e4dcd1;background: #4c4c4c;color: #e4dcd1;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 23%;}
#header li div ul li ::-webkit-input-placeholder { /* Chrome */
  color:  #8e8a86;
}
#header li div ul li :-ms-input-placeholder { /* IE 10+ */
  color:  #8e8a86;
}
#header li div ul li ::-moz-placeholder { /* Firefox 19+ */
  color:  #8e8a86;
  opacity: 1;
}
#header li div ul li :-moz-placeholder { /* Firefox 4 - 18 */
  color:  #8e8a86;
  opacity: 1;
}
#header li div ul li input[name='name'] {width: 150px;}
#header li div ul li input[type='tel'] {
        width: 23%;
}
#header li div p {font-size: 14px;line-height: 30px;padding: 0 15px;color: #a8a8a8;display:  inline-block;}
#header li div p input[type='checkbox'] {	height: 20px;border-radius: 5px; vertical-align: middle;}



@media screen and (max-width:767px){
  body {min-width: 100%;width: 100%;}
	input {height: 15px;}
	img.mobile {position: static; max-width: 100%; margin:0; display: block !important;}
	#header.f_nav {margin-top: -60px;}
  .wrap > .header ul {width: 100%;margin: 0 auto;}
	#header > ul {width: 100%;}
	#header > ul >li:first-child {width: 100%; text-align: center;}
	#header > ul >li:first-child img {height: 30px;line-height: 0;margin-top: 0;}
	#header ul li h1 {margin: 10px 0 0 15px;line-height: 0;margin-bottom: 8px;}
	#header > ul >li {width: 100%;}
	#header li div{margin: 0px 0;border: 0;overflow:  hidden;width: 22%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-right: 15px;}
	#header li div ul li{height: 34px;}
	#header li div:first-child{width: 78%;padding: 0 5px 0 15px;margin-bottom: 6px;}
	#header li div ul{margin-top:0;}
	#header li div ul li span.text {font-size: 13px;min-width: 48px;padding: 0 10px 0 0;height:  24px;vertical-align: -webkit-baseline-middle;width: 22%;letter-spacing: -3px;}
	#header li div ul li input[type='text'], #header li div ul li input[type='tel'] {font-size: 19px;height: auto;padding: 3px;text-align:  center;border-width: 1px;width: 77%;}
	#header li div ul li input[type='tel'] {
        width: 23%;
}
	#header li div p {font-size: 12px;padding: 0 0 0 4px;letter-spacing: 0px;}
	#header li div button {padding: 11px 0;height: auto;font-size: 22px;line-height: 22px;}
	#header li div button span {display: none;}
  .agree {position: absolute;right: 15px;top: 10px;}

}

@media screen and (max-width:384px){
#header li div p {letter-spacing: -1px;}
}