@charset "utf-8";
/****한페이지******/
html, body{height:100%;}
.mainWrap{overflow:hidden;position:relative; /*min-width:980px;*/height:100%;min-height:768px; }
.sectionWrap{position:absolute;left:0;top:0;height:100%;}
.section{position:relative;height:100%;}
.section .con{position:absolute;left:0;text-align:center;width:100%;top:50%;margin-top:-325px;}
@media screen and (max-width: 1000px) { 
	.mainWrap,.section {width:100% !important;}
	
}

/*div {height:1000px;width:100%;display:table;}*/
.section{position:relative;height:907px; overflow: hidden;}
.mainStep{position:fixed;right:60px;top:50%;margin-top:-72px;z-index:19}
.mainStep.small{right:10px;}
.mainStep li{margin-top:10px;}
.mainStep li:first-child{margin-top:0px;}
.mainStep li a{overflow:hidden;display:block;width:15px;height:15px;border:2px solid #ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent:-999px;}
.mainStep li a:hover,
.mainStep li a:focus,
.mainStep li.on a{background:#848484;}
.mainStep.gray li a{border:2px solid #646660;}
.mainStep.gray li a:hover,
.mainStep.gray li a:focus,
.mainStep.gray li.on a{background:#646660;}
@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.display_none {display:none;  }
.fade-out-box {
  display: inline-block;
  background: yellow;
  padding: 10px;
  animation: fadeOut 3s;
  -moz-animation: fadeOut 3s; /* Firefox */
  -webkit-animation: fadeOut 3s; /* Safari and Chrome */
  -o-animation: fadeOut 3s; /* Opera */
  animation-fill-mode: forwards;
}

/****한페이지*****/