@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {
 font-family: 'Nanum Barun Gothic', 'Noto Sans KR', 나눔고딕, 돋움, Helvetica Neue, Helvetica, Arial, sans-serif;
 font-size:1em;
 /* color:#fff; */
 font-weight: 100;
 background-color:#fff;
 padding:0px;
 margin:0px;
 }
html, body {width:100%;/* line-height:0; */}

div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px; }
li{list-style:none;float:left;}
input, select, textarea {   font-family: 'Noto Sans KR', 나눔고딕, 돋움, Helvetica Neue, Helvetica, Arial, sans-serif;
padding:0 5px;vertical-align:middle;color:#666666;border: none;margin: 0;height: 22px;}

img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
}
button {border: 0;background: none; padding: 0; cursor: pointer;}
caption,.hide{overflow:hidden; visibility:hidden; height:0; line-height:0; z-index:-1; display:none;}

a {text-decoration:none;cursor:pointer; color:#fff;}
a:link, a:visited {text-decoration:none; color:#fff;}
nav a:hover, nav a:focus, nav a:active {text-decoration:none; color:#f29700; }
img {}

body {width:100%; min-width: 1160px; padding:0; margin:0 auto;}

.wrap {width: 100%; overflow: hidden; min-width: 1200px; }
.wrap > .header {background:rgba(0, 0, 0, .7);color: #fff;padding: 24px 0 20px;line-height: 1em;overflow: hidden; z-index: 100;left: 0;right: 0; position: absolute;
 /* position: fixed; */
}
.wrap > .header .top {width: 1160px;margin: 0 auto;margin-bottom: 15px;}
.wrap > .header .top > p {float: right;font-size:  24px;line-height: 34px;}
.wrap > .header .top > p a span {color: #7dc1db;font-size:  36px;margin-left:  15px;font-weight: 500;vertical-align: bottom;}

.wrap > .header nav {width: 100%;border-top: 1px solid #2d2e33;}
.wrap > .header nav ul {width: 1180px;margin: 0 auto;text-align:  center;/* border: 1px solid; */}
.wrap > .header nav ul li{font-weight: 400;float: inherit;display:  inline-block;}



.wrap > .header ul li a {margin-top: 20px;display: inline-block;font-size:  16px;border-left: 1px solid #737373;padding-left: 24px;padding-right: 25px;}
.wrap > .header nav ul li:first-child a {border-left:0;padding-left: 0;}
.wrap > .header nav ul li:last-child a {padding-right:0}


.section {width:100%; overflow: hidden; position: relative;}
.section > * {position: absolute;}
.step0 {background: url('../images/main_bg.jpg') no-repeat center top;height:  948px;}
.step0 > div { left:50%;}
.step0 > h2 {margin-top: 350px;left: 50%;margin-left: -550px;}

.step1 {background: url('../images/step1_bg.jpg') no-repeat center top;height:  942px;}
.step1 > h2 {margin-top: 150px;left: 50%;margin-left: -338px;}
.step1 > h3 {margin-top: 315px;left: 50%;margin-left: -233px;}
.step1 > p {margin-top: 692px;left: 50%;margin-left: 80px;}

.step2 {background: url('../images/step2_bg.jpg') no-repeat center top;height:  949px;}
.step2 > h2 {margin-top: 129px;left: 50%;margin-left: -260px;}
.step2 > h3 {margin-top: 280px;left: 50%;margin-left: -550px;}
.step2 > p {margin-top: 580px;left: 50%;margin-left: -550px;}

.step3 {background: url('../images/step3_bg.jpg') no-repeat center top;height:  942px;}
.step3 > h2 {margin-top: 240px;left: 50%;margin-left: -220px;}
.step3 > h3 {margin-top: 386px;left: 50%;margin-left: -286px;}
.step3 > p {margin-top: 667px;left: 50%;margin-left: -481px;}

.step4 {background: url('../images/step4_bg.jpg') no-repeat center top;height: 1075px;}
.step4 > h2 {margin-top: 136px;left: 50%;margin-left: -349px;}
.step4 > h3 {margin-top: 269px;left: 50%;margin-left: -350px;}
/* .step4 > h5 {top: 150px;left: 50%;margin-left: -960px;} */
.step4 > p {margin-top: 454px;left: 50%;margin-left: -244px;}
.step4 > div {margin-top: 730px;left: 50%;margin-left: -428px;}


.step5 {background: url('../images/step5_bg.jpg') no-repeat center top;height:  950px;}
.step5 > h2 {margin-top: 170px;left: 50%;margin-left: -315px;}
.step5 > h3 {margin-top: 278px;left: 50%;margin-left: -257px;}
.step5 > p {margin-top: 517px;left: 50%;margin-left: -408px;}
.step5 > div {margin-top: 616px;left: 50%;margin-left: -301px;}



.step6 {background: url('../images/step6_bg.jpg') no-repeat center top;height:  925px;}
.step6 > h2 {margin-top: 179px;left: 50%;margin-left: -449px;}
.step6 > h3 {margin-top: 286px;left: 50%;margin-left: -533px;}
.step6 > div {margin-top: 455px;left: 50%;margin-left: -533px;}

.step7 {background: url('../images/step7_bg.jpg') no-repeat center top;height:  950px;}
.step7 > h2 {margin-top: 171px;left: 50%;margin-left: -396px;}
.step7 > h3 {margin-top: 273px;left: 50%;margin-left: -246px;}
.step7 > div {margin-top: 454px;left: 50%;margin-left: -551px;}


.step8 {background: url('../images/step8_bg.jpg') no-repeat center top;height: 1279px;}
.step8 > h2 {margin-top: 162px;left: 50%;margin-left: -520px;}
.step8 > h3 {margin-top: 363px;left: 50%;margin-left: -520px;}
.step8 > div {margin-top: 543px;left: 50%;margin-left: -554px;}


.step9 {background: url('../images/step9_bg.jpg') no-repeat center top;height:  950px;}
.step9 > h2 {margin-top: 167px;left: 50%;margin-left: -242px;}
.step9 > h3 {margin-top: 270px;left: 50%;margin-left: -206px;}
.step9 > div {margin-top: 440px;left: 50%;margin-left: -555px;}


.step10 {background: url('../images/step10_bg.jpg') no-repeat center top;height: 916px;}
.step10 > h2 {margin-top: 146px;left: 50%;margin-left: -179px;}
.step10 > h3 {margin-top: 250px;left: 50%;margin-left: -351px;}
.step10 > p {margin-top: 326px;left: 50%;margin-left: -450px;}
.step10 > div {margin-top: 779px;left: 50%;margin-left: -286px;}

.step11 {background: url('../images/step11_bg.jpg') no-repeat center top;height: 916px;}
.step11 > h2 {margin-top: 146px;left: 50%;margin-left: -306px;}
.step11 > h3 {margin-top: 250px;left: 50%;margin-left: -363px;}
/* .step11 > p {margin-top: 326px;left: 50%;margin-left: -450px;}
.step11 > div {margin-top: 779px;left: 50%;margin-left: -286px;} */

.step11 #map{border:1px solid #d3d3d3;height: 425px;width: 100%;max-width: 1100px;margin:50px auto;margin-top: 250px;background: url(../images/map.jpg);position:  relative;}
.step11 #map .name {width:150px;text-align:center;padding:6px 0; color:#444; line-height: 1.1}
.step11 ul {max-width: 1160px;margin:50px auto 0;overflow: hidden;position:  relative;}

.step > img {left: 50%;margin-left: -960px;position: relative;}

.step > ul {width:1200px; position:absolute; z-index:10; left:50%; margin-left:-600px; top:240px }
.step > ul > li {width: 50%; float: left; }

.foot {background: #1d1f22;color: #fff;line-height: 1.4em;text-align: center;padding: 30px 0;}
.foot > span {margin:0 15px;}


.fix_icon {position: absolute; right: -1px;t;top: 200px;z-index: 100;}
.fix_icon li {display:  block;float:  none;padding:  10px;background: rgba(0, 0, 0, 0.50);text-align:  center;font-size:  12px;color:  #fff;}
.fix_icon li i {font-size: 37px;margin-bottom: 6px;}


.fix_icon li:hover {background: #897b64;cursor:  pointer; }

.fix_icon li:first-child {border-bottom: 1px solid #525252;}
.fix_icon li:first-child:hover {background: #7595a3; }



/* Popup box BEGIN */
.dim{
    background: rgba(0,0,0,.5);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:100;
}
.agree_wrap {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    height: 346px;
    width: 346px;
    position: absolute;
    margin-left:  -173px;
    margin-top: 100px;
    top: 50%;
    z-index: 1002;
    border: 10px solid #897b64;
    padding: 20px;
    left: 0;
    font-size: 16px;
    line-height: 1.4;
    color:  #666;
    left: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight:300;
    display: none;
    }
.verM {cursor: pointer;color: #f29700;}
.agreeClose {float: right; color: #fff; cursor: pointer;}
.agree_wrap h4 {margin-bottom:10px;text-align: left;font-size:1.6em;color: #fff;background: #897b64;margin: -24px -20px 25px;padding-left:  15px;line-height: 2;}

.agree_wrap h5 {font-size:19px; margin-top:12px}
.popup_wrap{
    background-color: #fff;
    /* box-shadow: 10px 10px 60px #555; */
    height: 346px;
    width: 346px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url('../images/popup_bg.png');
    z-index: 1001;
    position:  absolute;
    top: 50%;
    left: 50%;
    border-radius: 500px;
    margin-left:  -173px;
    margin-top: 100px;
    display: none;
}
.popupClose {
    background-color: #fff;
    border: 4px solid #897b64;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: 31px;
    right: 31px;
    font-size: 40px;
    line-height: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
    color:  #897b64;
}
.popupClose i {
    letter-spacing:  13px;
}
.popup_wrap form {margin-top:150px;text-align:  center;padding: 0 42px;}
.popup_wrap p {margin-bottom:10px;text-align: left;}

.popup_wrap label {min-width: 69px;display:inline-block;}

input[type="text"],input[type="tel"], input[type="password"], textarea {padding: 5px 5px;border:1px solid #d3d3d3;color: #888;height: 18px;font-family: 'Spoqa Han Sans', "Spoqa Han Sans", "spoqahansans", "Apple SD Gothic Neo", "Nanum Barun Gothic", "Nanum Gothic", sans-serif;font-size : 16px;vertical-align: top;vertical-align:  middle;}
input[type="tel"] {width: 40px;}
.popup_wrap input[type="submit"] {font-size:1.5em;height: auto;background: #564d3e;color:  #fff;padding:  0 15px;border-radius:  4px;cursor:  pointer;}
input[type="text"] {width: 180px;}
/**
 * Simple keyframes animation for the chevron on the first slide
 */
@keyframes chevronAnimation {
	0% {
		transform: translate(0,0) scale(1.0,1.0);
	}
	50% {
		transform: translate(0,5px) scale(0.8,0.8);
	}
	100% {
		transform: translate(0,0) scale(1.0,1.0);
	}
}

@font-face {
  font-family: 'icomoon';
  src:  url('font/icomoon.eot?pefbzp');
  src:  url('font/icomoon.eot?pefbzp#iefix') format('embedded-opentype'),
    url('font/icomoon.ttf?pefbzp') format('truetype'),
    url('font/icomoon.woff?pefbzp') format('woff'),
    url('font/icomoon.svg?pefbzp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  line-height: 1em;
  margin-left: .2em;



    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}



.icon-check_box:before {
  content: "\e834";
}
.icon-check_box_outline_blank:before {
  content: "\e835";
}
.icon-ok-circled2:before {
  content: "\e800";
}
.icon-record-outline:before {
  content: "\e801";
}
.icon-record:before {
  content: "\e802";
}
.icon-mobile:before {
  content: "\e803";
}
.icon-mobile-1:before {
  content: "\e804";
}
.icon-quote-left:before {
  content: "\e805";
}
.icon-quote-right:before {
  content: "\e806";
}
.icon-quote-left-alt:before {
  content: "\e807";
}
.icon-down-open-big:before {
  content: "\e808";
}
.icon-up-open-big:before {
  content: "\e809";
}
.icon-right-open-big:before {
  content: "\e80a";
}
.icon-left-open-big:before {
  content: "\e80b";
}
.icon-clock:before {
  content: "\e80c";
}
.icon-mobile-3:before {
  content: "\e80d";
}
.icon-cog:before {
  content: "\e80e";
}
.icon-pencil:before {
  content: "\e80f";
}
.icon-lock-open:before {
  content: "\e810";
}
.icon-lock:before {
  content: "\e811";
}
.icon-home:before {
  content: "\e812";
}
.icon-quote-right-alt:before {
  content: "\e813";
}
.icon-location-inv:before {
  content: "\e814";
}
.icon-cancel:before {
  content: "\e815";
}
.icon-check-empty:before {
  content: "\e816";
}
.icon-check:before {
  content: "\e817";
}
.icon-naver_cafe_icon:before {
  content: "\e818";
}
.icon-disqus:before {
  content: "\e819";
}
.icon-youtube:before {
  content: "\e81a";
}
.icon-facebook:before {
  content: "\e81b";
}
.icon-bus:before {
  content: "\e81c";
}
.icon-belowground-rail:before {
  content: "\e81d";
}
.icon-basic-mouse:before {
  content: "\e81e";
}
.icon-teeth_icon:before {
  content: "\e81f";
}
.icon-phone:before {
  content: "\e820";
}
.icon-up-open-mini:before {
  content: "\e821";
}
.icon-down-open-mini:before {
  content: "\e822";
}
.icon-asset-3:before {
  content: "\e823";
}
.icon-menu-1:before {
  content: "\e824";
}
.icon-instar_icon:before {
  content: "\e825";
}
.icon-daum_logo:before {
  content: "\e826";
}
.icon-kakao_plus:before {
  content: "\e827";
}
.icon-tel:before {
  content: "\e828";
}
.icon-phone-1:before {
  content: "\e829";
}
.icon-subway:before {
  content: "\e82a";
}
.icon-phone3:before {
  content: "\e82b";
}
.icon-map:before {
  content: "\e82c";
}
.icon-cousel:before {
  content: "\e82d";
}
.icon-time:before {
  content: "\e832";
}
.icon-kakao:before {
  content: "\e833";
}
.icon-menu:before {
  content: "\f008";
}
.icon-lock-open-alt:before {
  content: "\f075";
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-instagram:before {
  content: "\f31e";
}
.icon-naver_blog:before {
  content: "\e900";
}