@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
    font-family: "Nanum Gothic", sans-serif;
    color:white;
}
div {
	line-height:150%;
	text-align:center;
	font-size:16px;
}
.unsight {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.ab {position:absolute;}
.re {position:relative;}
.fix {position:fixed;}
.hover {cursor:pointer;}
img {vertical-align: middle}
.unsight {
	opacity: 0.;
	-moz-opacity: 0.;
	-khtml-opacity: 0.;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.hvc {
    left:50%;
    top:50%;
}
.hcvb {
    left:50%;
    bottom:0;
}
.htvt {
  left:0;
  top:0;
}
.hcvl {
  left:0;
  top:50%;
}
.hcvr {
  right:0;
  top:50%;
}
.hrvt {
  right:0;
  top:0;
}
.hlvt {
  top:0; left:0;
}
#header {
	position: fixed;
    height: 87px;
    display: block;
    width: 100%;
    background: white;
    z-index: 9;
    text-align: center;
    color: #f2f2f2;
}
#s_0101 {
	background: url(../images/01_bg1.png) no-repeat center center;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#s_0102 {
	background: url(../images/01_bg2.png) no-repeat center center;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#s_0201 {
	background: url(../images/02_bg1.png) no-repeat center center;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#s_0202 {
	background: url(../images/02_bg2.png) no-repeat center center;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#s_0301 {
	background: url(../images/03_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#s_0401 {
	background: url(../images/04_map_img.jpg) no-repeat 30% bottom;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.scroll_down {
	bottom:2%;z-index:1
}
.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next {
    background-size: cover;
}
.fp-controlArrow.fp-prev {
    border-color: transparent;
    width: 54px;
    height: 104px;
    padding: 0;
    border: 0;
    background-image: url("../images/left_btn.png");
    left: 0;
}
.fp-controlArrow.fp-next {
    border-color: transparent;
    width: 55px;
    height: 106px;
    padding: 0;
    border: 0;
    background-image: url("../images/right_btn.png");
    -webkit-background-size: 100% 100%;
 	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;

    right: 0;
}
.fp-controlArrow.fp-prev {
    margin-top: -57px;margin-left:60px;
}
.fp-controlArrow.fp-next {
    margin-top: -57px;margin-right:60px;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#fp-nav ul li a span, #fp-nav ul li:hover a span, .fp-slidesNav ul li a span, .fp-slidesNav ul li:hover a span {
    height: 12px;
    width: 12px;
    border: 0;
    background: white;
    margin: -8px 0 0 -8px;
}
.fp-slidesNav ul li a span {
    top: -320%;
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    background: #1c58aa;
    margin: -8px 0 0 -8px;
}
#fp-nav ul li {
    margin: 20px 7px;
}