@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: url('../images/top_bg.gif')}
#header > ul {width: 1000px;margin:0 auto;padding: 0;}
#header > ul >li {float: right;width: 77%;}
#header > ul >li:first-child {float: left;width: 22%;}

#header ul li h1 {margin: 21px 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: 84%;padding: 0;float: left;}
#header li div button {display: block;text-align: center;width: 100%;margin: 0;padding: 19px;background: #58648d;border: none;letter-spacing: -1px;color: #dad2c8;font-size: 18px;line-height: 20px;font-weight: 400;font-family: 'Noto Sans KR', sans-serif;cursor: pointer;height: 85px;}

#header li div ul {overflow: hidden;width: 100%; padding:0; margin-top: 4px;}
#header li div ul li {float: left;padding: 2px 0;height: 39px;width:  100%;}
#header li div ul li span{
  width: 3%;
  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 #c4cade;background: #41444c;color: #c4cade;-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.phone {}
#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: 35px;}
	#header ul li h1 {float: none;margin: 10px 0 0 0;}
	#header > ul >li {width: 100%;}
	#header li div{margin: 6px 0;border: 0;overflow:  hidden;width: 20%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-right: 15px;}
	#header li div ul li{height: 29px;}
	#header li div:first-child{/* margin-right:  5px; */width: 80%;padding: 0 5px 0 15px;}
	#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: 25%;}
	#header li div ul li input[type='text'], #header li div ul li input[type='tel'] {font-size: 13px;/* max-width: 24%; */height: auto;padding: 3px;text-align:  center;border-width: 1px;width: 21%;}
	#header li div ul li input[type='tel'] {}
	#header li div p {font-size: 12px;padding: 0 0 0 4px;letter-spacing: 0px;line-height:  22px;}
	#header li div button {padding: 10px 0;height: auto;font-size: 16px;}
	#header li div button span {display: none;}

}

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