@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(html5_reset.css);
	body, div, ol, p, img {margin:0; padding:0}
	li {list-style: none;}
	body {width: 100%;min-width: 980px;font-family: 'Noto Sans KR', sans-serif;}
	.wrap {overflow: hidden;position:  relative;}
	#header {background: #4a4a4a;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;}
	#header > ul {width: 920px;margin:0 auto;padding: 0;}
	#header > ul >li {float: right;width: 69.5%;}
	#header > ul >li:first-child {float: left;width: 30%;}

	#header ul li h1 {margin: 21px 0;float: left;}
	#header li div {float: left; margin: 18px 0; float: right; border-left: 1px solid #676767;}
	#header li div:first-child {width: 80%;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 #e4dcd1;background: #4a4a4a;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.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;}
	..mobile {display: none;}

	.section {max-width:  1920px;margin: 126px auto 0;/* margin: 0; */}
	.section > img {left: 50%;margin-left: -960px; position: relative; display: ;}
	img.mobile {
    display: none !important;
}

	.section > div {position:relative}



  .step13 {background: #2e3951;padding: 100px 0 70px;text-align: center;}
  .step13 img {position: initial;margin:0;display: inline-block;}
  .step13 > div {width: 50%;float: left;position: relative;margin: 50px 0;height: 415px;}
  .step13 > div > img {position: absolute;right: 0;}
  .step13 #map{border:1px solid #d3d3d3;width:50%;height: 415px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background: url(images/step13_map2.jpg);float:  right;}
  .step13 #map .name {width:150px;text-align:center;padding:6px 0; color:#444; line-height: 1.1}
  .step13 ul {margin:50px auto 0; overflow: hidden;}
  .step13 ul li {display: inline-block;}
  .foot {background: #444444;color: #fff;line-height: 1.4em;text-align: center;padding: 30px 0;}
  .foot > span {margin:0 15px;}
  .foot p {display: inline-block;background: #e4dcd1;padding: 5px 20px 7px;border-radius:  100px;margin-top:  10px;color: #2e3951;font-weight: 500;line-height: 1em;}
.foot p a {
    color:  #2e3951;
    text-decoration:  none;
}


/* mobie 767 */
@media screen and (max-width:425px){
	body {min-width: 100%;width: 100%;}
	input {height: 15px;}
	.section{margin-top:  138px;}
	.section > img, .pc {display:none ;}
	img.mobile {position: static; max-width: 100%; margin:0; display: block !important;}
		#header.f_nav {
    margin-top: -60px;
}
	#header > ul {width: 100%;}
	#header > ul >li:first-child {width: 100%; text-align: center;}
	#header > ul >li:first-child img {height: 50px; }
	#header ul li h1 {float: none;margin: 10px 0 5px 0;}
	#header > ul >li {width: 100%;}
	#header li div{margin: 6px 0;border: 0;overflow:  hidden;/* margin-right: 10px; */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 {}
	#header li div ul li span.text {font-size: 13px;min-width: 48px;padding: 0 10px 0 0;height:  24px;vertical-align: sub;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;/* margin-right: 10px; */height: auto;font-size: 16px;}
	#header li div button span {display: none;}
	.step13 {padding:30px 0}
	.step13 img.pc {display: none;}
	.step13 img.mobile {display: block;}
	.step13 > div {width: 100%;height: auto;margin: 20px 0 0 0;}
	.step13 > div img {width: 100%;position:  relative;}
	.step13 #map {height: 200px;width: 100%;margin-top:  0;margin-bottom:  30px;}
	.step13 ul {margin-top: 20px;}
	.step13 ul li img {height: 39px;}
	.foot {font-size: 10px;padding: 10px;}
	.foot > span {display: block;}
	.foot br {display: none;}
	.foot p {display: block; margin: 10px 50px 0 50px}
}

@media screen and (max-width:384px){
#header li div p {letter-spacing: -1px;}
.step13 ul li img {height: 32px;}
}


@media screen and (max-width:320px){
	#header li div p {font-size: 11px;letter-spacing: -2px;}
	.step13 ul li img {height: 28px;}
}