/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/
* { position:relative; margin:0; padding:0; font-family: 'Noto Sans KR', 'Sans-serif'; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.wrapper { top:0; bottom:0; left:0; right:0; overflow:hidden; display:block; background:#FFF; }
.wrapper.indexPage { padding-top:0; }
.mainContainer { float:none; clear:both; width:100%; max-width:1440px; height:auto; margin:0 auto; padding:0 40px; text-align:center; display:table; }
.subBodyCon { float:none; clear:both; width:100%; max-width:1440px; height:auto; margin:0 auto; padding:80px 20px 50px; text-align:center; display:table; }
#contentBody { float:none; clear:both; width:100%; height:auto; padding-top:65px; display:table; }
#contentBody.mainIndex { padding-top:0; }
.contentsBox { float:left; clear:both; width:100%; height:auto; display:table; }
.pageLoca { width:100%; margin:0 0 30px !important; border-bottom:1px solid #CCC; display:table; }
.pageLoca > h2 { float:right; margin:10px 0; padding:0 15px; color:#666; font-size:18px; font-weight:400 !important; line-height:35px; display:inline-block; }
#InqueryBtn { position:fixed; bottom:15px; left:10px; width:auto; height:46px; margin:0; padding:0 20px; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:16px; font-weight:400; color:#FFF; line-height:46px; display:block; z-index:990; background:#c42d2d; border-radius:23px !important; box-shadow:2px 2px 5px rgba(0,0,0,0.3); }
.back-to-top { background:#c42d2d !important; }
.mainDevider { position:relative; clear:both; float:left; width:100%; height:1px; margin:0; padding:40px 0; text-align:center; display:block; background:#FFF; }
.mainDevider::before { content:""; position:relative; width:60%; max-width:800px; height:1px; display:inline-block; background:#777; }
.mainDevider::after { content:""; position:absolute; top:50%; left:50%; width:20px; height:20px; display:inline-block; background:#FFF; border:1px solid #777; z-index:+1; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); transform-origin: top left; }

@media (min-width:992px) {
	.mainContainer { padding:0 30px; }
	#InqueryBtn { display:block; }
	.mainDevider { padding:30px 0; }
	.mainDevider::after { width:15px; height:15px; margin-top:4px; }
}
@media (max-width:767px){ /* 모바일 스타일*/
	.mainContainer { padding:0 20px; }
	#contentBody { padding-top:65px; }
	.pageLoca { margin:0 0 20px !important; }
	.pageLoca > h2 { margin:5px 0; padding:0 10px; font-size:14px; line-height:25px; }
	#InqueryBtn { left:10px; right:auto; height:36px; padding:0 15px; font-size:13px; line-height:36px; border-radius:18px !important; }
}

/*---------- Header ----------*/
#header { position:fixed; top:0; left:0; clear:both; width:100%; height:auto; margin:0; padding:0; overflow:hidden; font-size:14px; display:block; background:#FFF; border:0; z-index:990; box-shadow:0 0px 0px rgba(0,0,0,0.0); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
#header.headerShadow { box-shadow:0 1px 3px rgba(0,0,0,0.2); }
#header .mainContainer { border:none; text-align:center; }
#header .header_logo { position:relative; float:left; width:auto; height:70px; margin:0 auto; padding:15px 20px; display:block; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
#header .header_logo img { position:relative; width:auto; height:100%; margin:0 auto; cursor:pointer; display:block; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
ul#header_nav2 { position:relative; float:right; width:auto; height:40px; margin:20px 0 0; padding:0 0; overflow-y:hidden; opacity:1; display:table; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out; -ms-transition:all .1s ease-in-out; transition:all .1s ease-in-out; }
ul#header_nav2 li { position:relative; float:left; width:auto; height:40px; margin:0; padding:10px; opacity:1; cursor:pointer; text-align:center; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:16px; line-height:20px; font-weight:400; color:#444; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
ul#header_nav2 li.active a { font-weight:inherit; color:inherit !important; }

@media (max-width:991px){
	
}
@media (max-width:767px){
	#header { height:110px; }
	#header .mainContainer { padding:0; }
	#header .header_logo { width:100%; height:70px; padding:10px; }
	ul#header_nav2 { float:none; width:100%; height:40px; margin:0 auto; padding:0 10px; background:#26568d; }
	ul#header_nav2 li { width:20%; height:40px; padding:0; font-size:13px; line-height:40px; color:#FFF !important; font-weight:400; }
	ul#header_nav2 li a { color:#FFF !important; }
	ul#header_nav2 li.log { display:none; }
	#header.menuHide { height:55px !important; }
	#header.menuHide .header_logo { height:55px; }
	#header.menuHide ul#header_nav2 { height:0; padding:0; opacity:0; }
	#header.menuHide ul#header_nav2 li { height:0; padding:0; opacity:0; }

	#header.headerShadow { }
}

/*---------- Footer 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { position:relative; clear:both; width:100%; height:200px; margin:0; padding:0; overflow:hidden; display:block; background:#F8F8F4; }
#footer .mainContainer { padding:20px 0 !important; text-align:center; }
#footer .footerInner { position:relative; clear:both; width:100%; height:120px; margin:0; padding:20px 0 0; display:block; }
#footer .footerInner .footLogo { position:relative; float:left; width:auto; height:100%; padding:10px; display:block; }
#footer .footerInner .footLogo img { position:relative; width:auto; height:100%; margin:0 auto; display:block; }
#footer .footerInner .footInfo { position:absolute; bottom:0; right:0; width:auto; height:auto; padding:10px 20px; text-align:right; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:14px; line-height:25px; color:#444; display:inline-block; }
#footer .footerInner .footInfo_m { position:relative; width:100%; height:auto; padding:10px 0; text-align:center; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:12px; line-height:20px; color:#444; display:none; }
#footer .footerInner .footInfo span { word-break: keep-all; white-space: nowrap; }
#footer .footerInner .footInfo span.info-divider { padding:0 5px; }
#footer .copyright { position:relative; clear:both; width:100%; height:50px; margin:0; padding:0; text-align:center; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:13px; color:#666; line-height:50px; display:inline-block; border-top:1px solid #AAA; }
#footer .copyright a { color:inherit; }
@media (max-width:991px){
	#footer { height:180px; }
	#footer .footerInner { height:140px; padding:40px 0 0; }
	#footer .footerInner .footLogo { position:relative; float:left; width:auto; height:100%; padding:10px 20px; display:block; }
	#footer .footerInner .footInfo { padding:10px 20px; font-size:13px; line-height:22px; color:#999; }
	#footer .copyright { height:40px; font-size:12px; line-height:40px; }
}
@media (max-width:767px){
	#footer, #footer .footerInner { height:auto; }
	#footer .footerInner .footLogo { width:100%; height:auto; padding:10px 20px; }
	#footer .footerInner .footLogo img { width:180px; height:auto; margin:0 auto; display:block; }
	#footer .footerInner .footInfo { display:none; }
	#footer .footerInner .footInfo_m { display:inline-block; }

}
/*---------- Footer 끝 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mfp-content { transform:scale(0.9); -webkit-transform:scale(0.9); -ms-transform:scale(0.9); }
.mfp-content .mfp-figure button.mfp-close { right:-40px; width:40px; line-height:40px; text-align:center; font-size:40px; color:#FFF; }
.mfp-content .caInner { padding:10px !important; background:#FFF !important; border-radius:5px !important; }
.mfp-content .caInner .mfp-imgBox { transform:translateY(-35px); -webkit-transform:translateY(-35px); -ms-transform:translateY(-35px); border-radius:3px !important; }
.mfp-content .caInner .mfp-bottom-bar { top:auto; bottom:0; height:80px !important; padding:10px 20px; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.mfp-content .caInner .mfp-bottom-bar .mfp-title { font-size:24px; padding:0 0 20px; line-height:30px; font-weight:500; color:#000; padding-right:0; }
.mfp-content .caInner .mfp-bottom-bar .mfp-group { position:absolute; bottom:0; left:0; width:auto; height:auto; width:100%; padding:5px 20px; font-size:15px; line-height:20px; color:#2948ab; border-top:1px dotted #BBB; display:table; }
.mfp-content .caInner .mfp-bottom-bar .mfp-counter { top:100%; padding:5px 10px; }
.mfp-wrap .mfp-container .mfp-arrow { display:none !important; }

/*---------- Main Layout ----------*/
#imgAlert { position:relative; clear:both; float:left; width:100%; height:auto; margin:0; padding:25px 15px; font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight:500; text-align:center; color:#FFF; line-height:1.6em; display:block; background:#2948ab; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -ms-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; }
#imgAlert span { font-size:0.85em; font-weight:300; word-break:keep-all; }
section.section { position:relative; clear:both; float:left; width:100%; height:auto; margin:0; padding:0; display:block; background:#FFF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -ms-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; }
.mainSectionTitle { width:100%; height:auto; margin-bottom:80px; line-height:1.7em; display:block; }
.mainSectionTitle h2 { width:100%; height:auto; margin-bottom:25px; padding:5px 0 25px; text-align:center; font-size:38px; font-weight:900; color:#000; letter-spacing:-0.05em; display:inline-block; }
.mainSectionTitle h2::after { content:""; position:absolute; bottom:0; left:50%; clear:both; width:160px; height:1px; margin-left:-80px; display:block; background:#000; }
.mainSectionTitle h4 { width:100%; height:auto; padding:5px 0; text-align:center; font-size:22px; font-weight:300; color:#888; display:inline-block; }
section#mp_company { background:#FFF; padding:100px 0 80px; }
section#mp_cubicle { background:#f1f4fe; padding:80px 0; }
section#pt_Set { background:#FFF; padding:80px 0; }
section#pt_setcubicle { background:#f1f4fe; padding:80px 0; }
section#mainInfo { background:#f1f4fe; padding:0; }

.sectionTitle { position:relative; clear:both; float:left; width:100%; height:150px; margin:50px 0; padding:0 15%; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.sectionTitle .sect01 { position:relative; top:50%; float:left; width:50%; height:auto; margin:0; padding:5px 20px; font-family: 'Noto Sans KR', sans-serif; text-align:center; display:block; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.sectionTitle .sect02 { position:relative; top:50%; float:left; width:50%; height:auto; margin:0; padding:5px 5px 5px 50px; font-family: 'Noto Sans KR', sans-serif; text-align:left; display:block; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); border-left:1px dotted #666; }
.sectionTitle h2 { position:relative; clear:both; width:100%; height:auto; margin:0; padding:0; font-family: 'Godo', 'Sans-serif'; font-size:36px; font-weight:600; color:#000; line-height:1.4em; display:inline-block; }
.sectionTitle h4 { position:relative; clear:both; width:100%; height:auto; margin:0; padding:0; font-size:20px; font-weight:300; color:#26568d; line-height:1.4em; display:inline-block; }
.sectionTitle p { position:relative; clear:both; width:100%; height:auto; margin:0; padding:30px 0; font-size:16px; font-weight:300; color:#444; line-height:2.2em; display:inline-block; }
.sectionTitle p a { position:relative; clear:both; width:auto; height:auto; margin:0; padding:0; font-size:12px; color:#000; display:block; }


#mainMovie { padding:90px 0 10px; background:#FFF; }
#mainMovie .screen { position:relative; clear:both; float:left; top:0; left:0; width:100%; height:auto; margin:0; padding:0; pointer-events: none; padding-top:56.25%; overflow:hidden; display:block; }
#mainMovie .screen iframe { position:absolute; top:50%; left:50%; width:100%; height:100%; display:block; border:none ; outline:none !important; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

#mainKeyview { width:100%; height:auto; padding:0; display:block; background:#FFF; }
#mainCompany { width:100%; height:auto; padding:80px 0; display:block; background:#FFF; }
#video360 { width:100%; height:auto; padding:80px 0; display:block; background:#F6F6F6; }
#mainStyle { width:100%; height:auto; padding:80px 0; display:block; background:#ebeae8; }
#mainCustomCenter { width:100%; height:auto; padding:0; display:block; background:#FFF; }
#mainSlogan { width:100%; height:540px; display:block; background:#FFF; }
#video360 .viewer360 { position:relative; clear:both; width:100%; height:auto; margin:0; padding:0; display:block; }
#video360 .viewer360:before { content: ""; display: block; padding-top:50%; /* 3:2 비율 */ }
#video360 .viewer360 iframe.momento  { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; display:block; z-index:11; border-radius:10px !important; }
#video360 .viewer360 .ja_mark  { position:absolute; bottom:4px; left:4px; width:140px; height:35px; margin:0; padding:0; display:block; background-image:url('../image/360_jamark.png'); background-size:cover; background-position:center; z-index:19; }
#video360 .viewer360 .ja_mark img { position:relative; clear:both; width:auto; height:100%; margin:0; padding:0; display:block; }

#portfolioSelector { position:relative; clear:both; float:left; width:100%; height:auto; margin:10px 0 0; padding:10px 0; text-align:center; display:block; background:#FFF; -webkit-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -ms-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; }
ul.portfolioSelectorBtn { position:relative; clear:both; width:auto; height:auto; margin:0 auto; padding: 0; text-align:center; display:inline-block; }
ul.portfolioSelectorBtn li { position:relative; float:left; width:auto; height:40px; margin:0 5px; padding:5px 30px; cursor:pointer; text-align:center; font-size:15px; line-height:30px; font-weight:400; color:#000; display:block; background:#FFF; border:1px solid #CCC; border-radius:20px !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
ul.portfolioSelectorBtn li.selected { color:#FFF !important; background:#15aab4; border-color:#15aab4; }
ul.portfolioSelectorBtn li a { color:#FFF !important; }

#scrollCubicle { width:100%; height:auto; padding:5px 0; overflow-x:hidden; display:block; background:#f1f4fe; }
#scrollCubicle .row { width:1000px; height:auto; padding:0; overflow-x:hidden; display:block; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; }
#scrollCubicle .row ul.scrollClist { position:relative; float:left; width:4000px; height:auto; padding:3px; display:table; }
#scrollCubicle .row ul.scrollClist li { position:relative; float:left; width:350px; height:auto; margin:0 3px; display:block; border-radius:5px !important; background-color:#f1f4fe; background-position:center; background-repeat:no-repeat; background-size:cover; }
#scrollCubicle .row ul.scrollClist li:before { content: ""; display: block; padding-top:60%; /* 3:2 비율 */ }
#scrollCubicle .row:nth-child(even) ul.scrollClist, #scrollCubicle .row:nth-child(even) ul.scrollClist li { float:right; }
#scrollCubicle .row:nth-child(3) ul.scrollClist { padding-left:185px }

/*---------- 모달 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inqueryForm { position:absolute; top:50%; left:50%; clear:both; width:80%; max-width:900px; height:auto; margin:0; padding:20px; display:block; background:#FFF; z-index:+1; box-shadow:3px 3px 5px rgba(0,0,0,0.3); transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }

@media (max-width:1152px){
	.mainSectionTitle h2 { font-size:36px; }
}
@media (max-width:991px){
	section#mp_company { padding:70px 0 50px; }
	section#mp_cubicle, section#pt_Set, section#pt_Set { padding:50px 0; }
	.sectionTitle { height:120px; margin:30px 0; padding:0; }
	.sectionTitle .sect01 { padding:5px; }
	.sectionTitle .sect02 { padding:5px 5px 5px 20px; }
	.sectionTitle h2 { font-size:26px; }
	.sectionTitle h4 { font-size:16px; }
	.sectionTitle p { padding:20px 0; font-size:12px; }
	.sectionTitle p a { font-size:11px; }
	
	#inqueryForm { max-height:80%; height:auto; overflow-Y:auto; }
	.mainSectionTitle { margin-bottom:60px; }
	.mainSectionTitle h2 { margin-bottom:20px; padding:5px 0 20px; font-size:32px; }
	.mainSectionTitle h2::after { width:120px; margin-left:-60px; }
	.mainSectionTitle h4 { font-size:18px; }
	
	#scrollCubicle .row { transform:translateX(15px); -webkit-transform:translateX(15px); -ms-transform:translateX(15px); }
	#scrollCubicle .row ul.scrollClist { width:2600px; padding:5px; }
	#scrollCubicle .row ul.scrollClist li { width:240px; margin:0 3px; border-radius:5px !important; }
	#scrollCubicle .row:nth-child(3) ul.scrollClist { padding-left:100px }

}
@media (max-width:767px){
	section#mp_company { padding:60px 0 40px; }
	section#mp_cubicle, section#pt_Set, section#pt_Set { padding:40px 0; }
	.sectionTitle { height:120px; margin:30px 0; padding:0; }
	.sectionTitle .sect01 { top:0; width:100%; height:auto; padding:5px 20px; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }
	.sectionTitle .sect02 { top:0; width:100%; height:auto; padding:0; text-align:center; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); border-left:0; }	
	
	#imgAlert { padding:15px 10px; font-size:12px; }
	.mainSectionTitle { margin-bottom:60px; }
	.mainSectionTitle h2 { margin-bottom:15px; padding:5px 0 15px; font-size:28px; }
	.mainSectionTitle h2::after { width:100px; margin-left:-50px; }
	.mainSectionTitle h4 { font-size:14px; }
	
	#scrollCubicle { padding:1px 0; }
	#scrollCubicle .row { transform:translateX(15px); -webkit-transform:translateX(15px); -ms-transform:translateX(15px); }
	#scrollCubicle .row ul.scrollClist { width:1500px; padding:1px; }
	#scrollCubicle .row ul.scrollClist li { width:120px; margin:0 1px; border-radius:3px !important; }
	#scrollCubicle .row:nth-child(3) ul.scrollClist { padding-left:100px }
}

/* waypoints 애니메이션 */
@media (min-width:992px){
    /* 위로 가는 애니메이션 */
    .waypoints-up {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(0,30px,0);-moz-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
    .w-active .waypoints-up {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 아래로 가는 애니메이션 */
    .waypoints-down {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0);-o-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    .w-active .waypoints-down {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 오른쪽으로 가는 애니메이션 */
    .waypoints-right {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(-30px,0,0);-moz-transform:translate3d(-30px,0,0);-o-transform:translate3d(-30px,0,0);-ms-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}
    .w-active .waypoints-right {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 왼쪽으로 가는 애니메이션 */
    .waypoints-left {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(30px,0,0);-moz-transform:translate3d(30px,0,0);-o-transform:translate3d(30px,0,0);-ms-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}
    .w-active .waypoints-left {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 가운데 출력 애니메이션 */
    .waypoints-center {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
    .w-active .waypoints-center {opacity:1}
    /* 딜레이 */
    .delay-01 {-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}
	.delay-02 {-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
	.delay-03 {-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
	.delay-04 {-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
	.delay-05 {-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}
	.delay-06 {-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;-ms-transition-delay:.6s;transition-delay:.6s}
	.delay-07 {-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-o-transition-delay:.7s;-ms-transition-delay:.7s;transition-delay:.7s}
	.delay-08 {-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;-ms-transition-delay:.8s;transition-delay:.8s}
	.delay-09 {-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;-ms-transition-delay:.9s;transition-delay:.9s}
    .delay-10 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}
    .delay-15 {-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s}
    .delay-20 {-webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;-ms-transition-delay:2s;transition-delay:2s}
    .delay-25 {-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-o-transition-delay:2.5s;-ms-transition-delay:2.5s;transition-delay:2.5s}
    .delay-30 {-webkit-transition-delay:3s;-moz-transition-delay:3s;-o-transition-delay:3s;-ms-transition-delay:3s;transition-delay:3s}
}