@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
/*
body{
	font-family: arial,helvetica;
	color: #333;
	color: rgba(0,0,0,0.5);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 6em;
}
p{
	font-size: 2em;
}
*/
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
	border:1px solid #00ff00;
}
.section{
	text-align:center;
}
#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
            border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}
.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}
#download{
	margin: 10px 0 0 0;
	padding: 15px 10px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
#download a{
	text-decoration:none;
	color:#fff;
}
#download:hover{
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #2F96B4;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-ms-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}



/* Demos Menu
 * --------------------------------------- */
 #demosMenu{
	position:fixed;
	bottom: 10px;
	right:10px;
	z-index: 999;
 }


#sec1_dek { display:block; position:relative; margin:0 auto; }
#section1 {background:url(/images/main/section/section1_bg.jpg) no-repeat; background-size:cover; background-attachment: fixed;}
#section1 .dek1 {border:0px solid #00ff00; font-size:20px; color:#fff; font-weight:400; text-align:left; padding:0; margin:0;
	display:block; 	
	line-height:1.2; 
	font-family: 'Roboto Condensed', Helvetica, Helvetica Neue, Arial, sans-serif, NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움; }
#section1 .dek2 {font-size:65px; color:#fff; font-weight:900; text-align:left; display:block; line-height:1.1; margin:0 0 20px 0; font-family: 'Roboto Condensed', Helvetica, Helvetica Neue, Arial, sans-serif, NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움; }
#section1 .dek3 {border-bottom:3px solid #3d5cc9; width:60px; display:block;  margin:0 0 15px 0;}
#section1 .dek4 {font-size:23px; color:#fff; font-weight:400; text-align:left; line-height:1.3; padding:0; margin:10px 0 300px 0; font-family:NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움;  display:block; }

#section1 .dek1 { left: 0%;    position:relative;  opacity:0; transition: all 900ms ease;  }
#section1 .dek2 { left: -10%; position:relative;  opacity:0; transition: all 900ms ease;}
#section1 .dek3 { left: -20%; position:relative;  opacity:0; transition: all 900ms ease;}
#section1 .dek4 { left: -30%; position:relative;  opacity:0; transition: all 900ms ease; }
#section1 .showpd1 { top:96%;  left: 10%; height:378px;  position:absolute;  transition: all 600ms ease; z-index:10; opacity:0;}
#section1 .showpd2 { top:99%;  left: 30%; height:378px;  position:absolute;  transition: all 600ms ease; z-index:10; opacity:0;}
#section1 .showpd3 { top:102%; left: 53%; height:378px;  position:absolute;  transition: all 600ms ease; z-index:10; opacity:0;}
#section1 .showpd4 { top:105%; left: 71%; height:378px;  position:absolute;  transition: all 600ms ease; z-index:10; opacity:0;}

body.fp-viewing-firstPage #section1 .dek1{ left: 19%; opacity:1;}
body.fp-viewing-firstPage #section1 .dek2{ left: 19%; opacity:1;}
body.fp-viewing-firstPage #section1 .dek3{ left: 19%; opacity:1;}
body.fp-viewing-firstPage #section1 .dek4{ left: 19%; opacity:1;}

body.fp-viewing-firstPage #section1 .showpd1{ top:110%; left: 17%; opacity:1;}
body.fp-viewing-firstPage #section1 .showpd2{ top:110%; left: 33%; opacity:1;}
body.fp-viewing-firstPage #section1 .showpd3{ top:110%; left: 51%; opacity:1;}
body.fp-viewing-firstPage #section1 .showpd4{ top:90%;  left: 65%; opacity:1;}


/*
#section2 img{
		left: 130%;
		position:relative;
    transition: all 600ms ease;
}
#section2 p{
	opacity: 0;
  transition: all 600ms ease;
}
*/

#section2 .sec2_left {top:0; left: -1000%; position:absolute; display:inline-block; opacity:0; transition: all 600ms ease; }
#section2 .sec2_right {bottom:-40%; right: -100%; position:absolute; display:inline-block; opacity:0; transition: all 600ms ease; }
body.fp-viewing-secondPage #section2 .sec2_left{ top:0%; left: 0%; opacity:0.5;}
body.fp-viewing-secondPage #section2 .sec2_right{ bottom:-40%; right: -0%;  opacity:0.5;}

.sec2_showroom {width:100%; max-width:1200px; border:0px solid #ff00ff; display:inline-block; position:relative; padding:0; margin:0 auto;}
.sec2_showroom .pdbox {width:258px; height:auto; display:inline-block; position:relative; margin:0 1% 20px 1%;}
.sec2_showroom  ul.sec2txt {right:-100%; width:100%; display:block; position:relative; margin:0 10px 40px 0; text-align:right; opacity:0; transition: all 600ms ease;}
.sec2_showroom  ul.sec2txt li {color:#fff; text-align:right; line-height:1; font-family: 'Roboto Condensed', Helvetica, Helvetica Neue, Arial, sans-serif, NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움;}
.sec2_showroom  ul.sec2txt li.big {font-size:52px; font-weight:700; }
.sec2_showroom  ul.sec2txt li.line {padding:0; margin:10px 0 10px 0; text-align:right; display:block; }
.sec2_showroom  ul.sec2txt li.line span {position:absolute; right:4px; display:block; width:60px; border-bottom:3px solid #5eb885; padding:0; margin:10px 0 10px 0;}
.sec2_showroom  ul.sec2txt li.small {margin:35px 0 0 0; font-size:40px; font-weight:300; font-family: Helvetica, Helvetica Neue, Arial, sans-serif, NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움;}
.sec2_showroom .pdbox div.pdimg {width:258px; height:258px; display:inline-block; position:relative; text-align:center; overflow:hidden; /*background-color:rgba(15,117,51,0.8);*/ 
	background:#fff; 
	border-radius:50%; 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	}
.sec2_showroom .pdbox div.pdimg img {/*width:100%; max-width:400px;*/ width:258px; vertical-align:middle; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transition: transform .5s ease; }

.sec2_showroom .pdbox a:link, 
.sec2_showroom .pdbox a:active,
.sec2_showroom .pdbox a:visited,
.sec2_showroom .pdbox a:hover {border-radius:50%; overflow:hidden;}

.sec2_showroom .pdbox a:hover div.pdimg img {transform: scale(1.3); }

.sec2_showroom .pdbox div.arrow {width:60px; height:60px; position:absolute; top:230px; left:0; right:0; margin:0 auto; padding:0; z-index:10; background-color:rgba(4,38,16,0.8); border-radius:50%;}
.sec2_showroom .pdbox div.arrow img {width:100%; max-width:31px; vertical-align:middle; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.sec2_showroom .pdbox div.pdname {width:98%; margin:35px 1% 20px 0; line-height:1.5; font-size:16px; font-weight:400; color:#fff; display:inline-block; position:relative; text-align:center; }


body.fp-viewing-secondPage #section2 .sec2_showroom ul.sec2txt {top:0; right:50px;  opacity:1;}



#section3 .intro{ 
	left: -130%;
	position:relative;
  transition: all 600ms ease;
}

#section3 .sec3_QuickBox {width:100%; max-width:1200px; border:0px solid #ff00ff; display:inline-block; position:relative; padding:0; margin:100px auto 0 auto;}
#section3 .sec3_QuickBox .boxarea {width:354px; height:auto; display:inline-block; position:relative; margin:0 1% 0 1%; padding:200px 0 0 0;}
#section3 .sec3_QuickBox .area1 .bg {width:100%; max-width:354px; height:400px; position:absolute; top:0; left:0; background:url(/images/main/section/section3_man1.jpg) no-repeat left top; background-size:cover; z-index:1;}
#section3 .sec3_QuickBox .area2 .bg {width:100%; max-width:354px; height:400px; position:absolute; top:0; left:0; background:url(/images/main/section/section3_man3.jpg) no-repeat left -120px; background-size:cover; z-index:1;}
#section3 .sec3_QuickBox .area3 .bg {width:100%; max-width:354px; height:400px; position:absolute; top:0; left:0; background:url(/images/main/section/section3_man2.jpg) no-repeat left -115px; background-size:cover; z-index:1;}
#section3 .sec3_QuickBox .boxarea.area1 ul.overlayer li {background:#7483d1;}
#section3 .sec3_QuickBox .boxarea.area2 ul.overlayer li {background:#ffffff;}
#section3 .sec3_QuickBox .boxarea.area3 ul.overlayer li {background:#2e3459;}
#section3 .sec3_QuickBox .boxarea ul.overlayer {width:100%; display:block; position:relative; margin:0 0 0 0; z-index:2;}
#section3 .sec3_QuickBox .boxarea ul.overlayer li {width:100%; margin:0 auto; padding:0; line-height:1; color:#fff; text-align:left;}
#section3 .sec3_QuickBox .boxarea.area2 ul.overlayer li {color:#2d3459;}
#section3 .sec3_QuickBox .boxarea ul.overlayer li span{display:block;}
#section3 .sec3_QuickBox .boxarea ul.overlayer li.headimg {background:none; width:100%; padding:0;}
#section3 .sec3_QuickBox .boxarea ul.overlayer li.num     span{padding:0 0 0 38px; font-size:107px; font-weight:900; display:block;}
#section3 .sec3_QuickBox .boxarea ul.overlayer li.t_big   span{padding:20px 40px 0 44px; font-size:22px; font-weight:700; }
#section3 .sec3_QuickBox .boxarea ul.overlayer li.t_sub1  span{padding:5px 40px 0 44px; font-size:20px; font-weight:400; font-family:NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움;}
#section3 .sec3_QuickBox .boxarea ul.overlayer li.t_sub2  span{padding:30px 40px 30px 44px; font-size:20px; font-weight:300; opacity:0.8;  font-family:NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움;}

#section3 .sec3_QuickBox .area1 {left: -10%; position:relative; transition: all 600ms ease; opacity:0;}
body.fp-viewing-3rdPage #section3 .area1 {left: 0%; opacity:1;}
#section3 .sec3_QuickBox .area2 {position:relative; transition: all 600ms ease; opacity:0;}
body.fp-viewing-3rdPage #section3 .area2 {left: 0%; opacity:1;}
#section3 .sec3_QuickBox .area3 {right: -10%; position:relative; transition: all 600ms ease; opacity:0;}
body.fp-viewing-3rdPage #section3 .area3 {right: 0%; opacity:1;}


#section4 {background:url(/images/main/section/section4_bg.jpg) no-repeat 50% 50%; background-size:cover; }
#section4 * {font-family:NotoSanskr, nsr, '나눔고딕', 'Nanum Gothic', '나눔바른고딕', '돋움' !important;}
#section4 .board_area {text-align:left; width:100%; max-width:1400px; border:0px solid #ff00ff; display:inline-block; vertical-align:top; position:relative; padding:0; margin:0 auto; 	overflow:hidden;	}
#section4 .board_area .newsBox {width:552px; height:418px; background:#fff; padding:0; margin:0 20px 0 0; display:inline-block; position:relative; overflow:hidden;}
#section4 .board_area .newsBox h1 {font-size:20px; color:#214485; font-weight:500; width:80%; margin:30px 10%; padding:0;}
#section4 .board_area .newsBox a {width:80%; margin:0 10%; padding:0; display:block; cursor:pointer;}
#section4 .board_area .newsBox a.txt_tit {font-size:30px; color:#214485; font-weight:400; line-height:1.5; padding:0 0 25px 0; }
#section4 .board_area .newsBox a.txt_con {font-size:17px; color:#686869; font-weight:300; line-height:1.5; padding:0 0 15px 0; }
#section4 .board_area .newsBox a.btn_more {width:20px; height:20px; position:absolute; top:20px; right:10%; font-size:30px; color:#bfbfbf; margin:0; padding:0; display:block; text-align:right; font-weight:400; z-index:10;}
#section4 .board_area .newsBox a:link,
#section4 .board_area .newsBox a:visited,
#section4 .board_area .newsBox a:active {}
#section4 .board_area .newsBox a:hover {color:#316d1d;}
#section4 .board_area .newsBox span.txtdate {font-size:14px; color:#686869; font-weight:300; line-height:1; width:80%; margin:0 10%; display:block;}

#section4 .board_area .dataBox {width:460px; height:418px; background:#68a596; padding:0; margin:0 20px 0 0;  vertical-align:top; display:inline-block; position:relative; overflow:hidden;}
#section4 .board_area .dataBox h1 {font-size:20px; color:#fff; font-weight:500; width:80%; margin:30px 10%; padding:0;}
#section4 .board_area .dataBox a {width:80%; margin:0 10%; padding:0; display:block; cursor:pointer;}
#section4 .board_area .dataBox a.txt_tit {font-size:18px; color:#e3f5f1; font-weight:400; line-height:1.3; padding:3px 0 15px 0; }
#section4 .board_area .dataBox a.btn_more {width:20px; height:20px; position:absolute; top:20px; right:10%; font-size:30px; color:#bfbfbf; margin:0; padding:0; display:block; text-align:right; font-weight:400; z-index:10;}
#section4 .board_area .dataBox a:link,
#section4 .board_area .dataBox a:visited,
#section4 .board_area .dataBox a:active {}
#section4 .board_area .dataBox a:hover {color:#fff;}

#section4 .board_area .goBox   {width:300px; height:418px; padding:0; margin:0; display:inline-block; position:relative; overflow:hidden; vertical-align:top;}
#section4 .board_area .goBox .consult {width:306px; height:190px; background:#3483b8; margin:0 0 30px 0; display:inline-block; }
#section4 .board_area .goBox .consult h1 {font-size:23px; font-weight:700; color:#fff; margin:30px 8% 0 8%; padding:0 0 20px 0;  display:block;}
#section4 .board_area .goBox .consult img {width:100%; max-width:110px; position:absolute; right:8%; top:40px; transition: transform .5s ease;}
#section4 .board_area .goBox .consult a:hover img {transform: scale(1.1);}
#section4 .board_area .goBox .consult span {font-size:17px; color:#dce2e7; margin:0 8%; padding:0; width:38%; text-align:justify; display:block;}
#section4 .board_area .goBox .consult a:hover span {color:#fff;}

#section4 .board_area .goBox .helpinfo {width:306px; height:190px; background:#328396; margin:0 0 0 0; display:inline-block; }
#section4 .board_area .goBox .helpinfo h1 {font-size:23px; font-weight:700; color:#fff; margin:30px 8% 0 8%; padding:0 0 20px 0;  display:block;}
#section4 .board_area .goBox .helpinfo table {display:table; border-collapse:collapse; width:84%; margin:0 8%; color:#fff;}
#section4 .board_area .goBox .helpinfo table td {color:#fff; font-size:17px; font-weight:300; padding:4px; line-height:1.2; font-family: 'Roboto', Helvetica, Helvetica Neue, Arial, sans-serif, NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움; }

#section4 .board_area {bottom: 0%; position:relative; transition: all 600ms ease; opacity:0.5;}
body.fp-viewing-4thpage #section4 .board_area {bottom:0%; opacity:1;}



#section5 {/*background:#131618;*/ background:#fff; padding-top:10px;}
#section5 .copyArea {text-align:left; width:100%; max-width:1300px; 
	display: grid;
  /*grid-template-columns: repeat(3, 1fr);*/
  grid-template-columns: 40% 20% 20% 20%;
  grid-row-gap: 0px; 
  grid-column-gap: 0px;
	vertical-align:top; position:relative; 
	padding:0; 
	margin:70px auto; 
	overflow:hidden;}
#section5 .copyArea .container_A {width:100%; max-width:700px; overflow:hidden; border:0px solid #00ff00;}
#section5 .copyArea .container_B {width:100%; max-width:200px; overflow:hidden; border:0px solid #00ff00;}
#section5 .copyArea .container_C {width:100%; max-width:200px; overflow:hidden; border:0px solid #00ff00;}
#section5 .copyArea .container_D {width:100%; max-width:200px; overflow:hidden; border:0px solid #00ff00;}

#section5 .copyArea div {color:#888888; font-size:14px; font-weight:400; font-family:NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움;}
#section5 .copyArea a {color:#888888;} 
#section5 .copyArea a:link, 
#section5 .copyArea a:visited, 
#section5 .copyArea a:active {color:#888888; font-family:NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움;} 
#section5 .copyArea a:hover {color:#000; font-family:NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움;}
#section5 .copyArea .container_A div {padding-bottom:10px;}
#section5 .copyArea .container_A .add {font-size:14px; width:100%; max-width:540px; padding-bottom:20px; display:inline-block; overflow:hidden; }
#section5 .copyArea .container_A .number {color:#bbbbbb; font-size:14px; width:100%; max-width:540px; display:inline-block; overflow:hidden; font-family: 'Roboto', Helvetica, Helvetica Neue, Arial; }
#section5 .copyArea .container_A .number span {color:#fff; font-weight:400; display:inline-block; padding:0 10px 0 0;}
#section5 .copyArea .container_B span {width:100%; display:block; margin:0 0 8px 0; padding:0;}
#section5 .copyArea .container_D a.filedown {display:block; padding:10px 10px 10px 10px; margin:0; border:1px solid #3b4168; background:#2e3459; border-radius:10px; cursor:pointer;}
#section5 .copyArea .container_D a.filedown img {padding:5px 6px 0 0; display:inline-block; border:0; opacity:0.7;}
#section5 .copyArea .container_D a.filedown div {font-size:14px; display:inline-block; padding:0; margin:0;}
#section5 .copyArea .container_D a.filedown div span {font-size:11px; padding-left:2px; font-family: 'Roboto', Helvetica, Helvetica Neue, Arial;}
#section5 .copyArea .container_D a.filedown:hover div {color:#fff;}
#section5 .copyArea .container_D a.filedown:hover img {opacity:1;}

#section5 .copyArea .container_COPY {
	grid-column-start: 1;
	grid-column-end: 5;
	margin:30px 0;
	}
#section5 .copyArea .container_COPY span {color:#bbbbbb; font-weight:700;}
#section5 .copyArea h1 {font-size:18px; font-weight:700; color:#fff; padding:0 0 25px 0; font-family: 'Roboto', Helvetica, Helvetica Neue, Arial, sans-serif, NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 나눔바른고딕, 돋움; }



/*
* Here we fire the animation for section 3.
* As the fp-viewing class in the body changes on each section and slide.
*/
body.fp-viewing-3rdPage #section3 .intro {left: 0%;}