@charset "utf-8";
@charset "utf-8";
/*@font-face{
	font-family:"폰트명";
	src:url(../font/FBL0TM.eot), url(../font/FBL0TM.woff);
}*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic', serif; */
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); /*font-family: 'Nanum Barun Gothic', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Comfortaa);/*font-family: 'Comfortaa', cursive;*/
@import url(https://fonts.googleapis.com/css?family=Archivo+Black); /*font-family: 'Archivo Black', sans-serif;*/






/* Backgrounds will cover all the section
* --------------------------------------- */
#fullpage #section0,
#fullpage #section1,
#fullpage #section2,
#fullpage #section3,
#fullpage #section4,
#fullpage #section5,
#fullpage #section6,
#fullpage #section7,
#fullpage #section8,
#fullpage #slide1,
#fullpage #slide2,
#fullpage #slide3,
#fullpage #slide4,
#fullpage #slide5,
#fullpage #slide6,
#fullpage #slide7,
#fullpage #slide8,
#fullpage #slide9,
#fullpage #slide10,
#fullpage #slide11,
#fullpage #slide12{
	background-size: cover;
	background-attachment: fixed;
}

/* Defining each sectino background and styles
* --------------------------------------- */
#fullpage #section0{
	background-image: url(../img/index/1.jpg);
	padding: 0 0 0 0;
}
#fullpage .section h1 {
	position:relative;
	top:45%;
	z-index:999;
	display:inline-block;
	font-family: 'Comfortaa', cursive;
	font-size:5em;
	font-weight:noarmal;
	color:#fff;
	text-shadow:1px 1px 5px #333;
	padding:0px;
	padding-bottom:30px;
	letter-spacing:10px;
}
#fullpage #section0 h1 {
	opacity:0.3;
}
#fullpage #section1 h1 {
	opacity:0.3;
}
#fullpage #section2 h1 {
	opacity:0.3;
}
#fullpage #section0 h1:nth-child(2){
	padding-right:10px;
}
#fullpage #section2{
	background-image: url(../img/index/2.jpg);
	padding: 0 0 0 0;
}
#fullpage #section3{
	background-image: url(../img/index/3.jpg);
	padding: 8% 0 0 0;
}
#fullpage #section3 h1{
	opacity:0.5;
}
#fullpage #section4{
	background-image: url(../img/index/4.jpg);
	padding: 6% 0 0 0;
}
#section4 h1 {
	margin-left:1100px;
	margin-top:300px;
}
#fullpage #section5{
	background-image: url(../img/index/5.jpg);
	padding: 6% 0 0 0;
}
#fullpage #section6{
	background-image: url(../img/index/6.jpg);
	padding: 6% 0 0 0;
}
#fullpage #section7{
	background-image: url(../img/index/7.jpg);
	padding: 6% 0 0 0;
}
#fullpage #section8{
	background-image: url(../img/index/8.jpg);
	padding: 6% 0 0 0;
}
#section5 h1 {
	margin-left:930px;
	margin-top:260px;
}

/*Adding background for the slides
* --------------------------------------- */
#fullpage #slide1{
	background-image: url(../img/index/2.jpg);
	padding:0 0 0 0;
}
#fullpage #slide2{
	background-image: url(../img/index/3.jpg);
	padding: 0 0 0 0;
}
#fullpage #slide3{
	background-image: url(../img/index/4.jpg);
	padding: 0 0 0 0;
}
#fullpage #slide4{
	background-image: url(../img/index/5.jpg);
	padding: 0 0 0 0;
}
#fullpage #slide5{
	background-image: url(../img/index/6.jpg);
	padding: 0 0 0 0;
}
#fullpage #slide6{
	background-image: url(../img/index/7.jpg);
	padding: 0 0 0 0;
}
#fullpage #slide7{
	background-image: url(../img/index/8.jpg);
	padding: 0 0 0 0;
}
#fullpage #slide8{
	background-image: url(../img/index/9.jpg);
	padding: 0 0 0 0;
}
#fullpage #slide9{
	background-image: url(../img/index/10.jpg);
	padding: 0 0 0 0;
}
#fullpage #slide10{
	background-image: url(../img/index/11.jpg);
	padding: 0 0 0 0;
}
#fullpage #slide11{
	background-image: url(../img/index/12.jpg);
	padding: 0 0 0 0;
}
#fullpage #slide12{
	background-image: url(../img/index/13.jpg);
	padding: 0 0 0 0;
}


#section6 .cont_article1 {
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:8% 0 0 0;
	font-family: 'Nanum Barun Gothic', sans-serif;
}
#section6 .cont_article1 ul {
	width:48%;
	height:300px;
	background:#ccc;
	margin:10px;
	padding:0;
	float:left;
}
#section6 .cont_article1 ul li:nth-child(1) {
	width:100%;
	height:250px;
	background:#333;
}
#section6 .cont_article1 ul li:nth-child(2) {
	width:100%;
	height:50px;
	background:#666;
	color:#fff;
	font-size:15px;
	text-align:center;
	line-height:50px;
}
#fullpage #myVideo{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height:100%;
	background-size:100% 100%;
 	background-color: black; /* in case the video doesn't fit the whole page*/
  	background-image: /* our video */;
  	background-position: center center;
  	background-size: contain;
   	object-fit: cover; /*cover video background */
   	z-index:3;
}
#fullpage #myVideo video {
	width:100%;
	min-width:1600px;
}
/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
#fullpage #section6 .layer{
	position: absolute;
	z-index: 4;
	width: 100%;
	left: 0;
	top: 43%;
}

#fullpage .fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 40%;
    cursor: pointer;
    width:180px;
	height:180px;
	text-align:center;
	line-height:180px;
    /*border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
}
#fullpage .fp-controlArrow span {
	display:inline-block;
	width:100%;
	height:100%;
}
#fullpage .fp-controlArrow.fp-prev {	
	left:0px;
	transition:all 0.5s ease-out;
}
#fullpage .ic_noover{	
	top:0; left:0;
}
#fullpage .ic_over{	
	top:0px; left:0;
	display:none;
	opacity:0;
}
#fullpage .fp-controlArrow.fp-next {
	right:0px;
	transition:all 0.5s ease-out;
}
#fullpage .fp-controlArrow:hover{
	/*transform:scale(1.2,1.2);*/
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	transition:all 0.5s ease-out;
}
#fullpage .fp-controlArrow:hover .ic_over {
	display:block;
	opacity:1;
	-webkit-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	transition:all 0.9s ease-out;
}
#fullpage .fp-controlArrow:hover .ic_noover {
	display:none;
	opacity:0;
	transition:all 0.7s ease-out;
}




#scroll_page{
	position:fixed;
	width:45px;
	height:60px;
	bottom:60px;
	margin-left:49%;
	z-index:200;
}
#mtxt {
	position:fixed;
	bottom:10px;
	right:-820px;
	width:528px;
	height:155px;
	z-index:200;
	opacity:0;
}