@charset "utf-8";
/*
 * File       : layout.css
 * Author     : STUDIO-JT (NICO)
 * Guideline  : JTstyle.1.1.1
 * Guideline  : http://codex.studio-jt.co.kr/?p=746
 *
 * Dependency :
 *
 *
 * SUMMARY:
 * 1) GLOBAL
 * 2) LOADING PAGE
 * 3) HEADER
 * 4) FOOTER
 */



/* **************************************** *
 * GLOBAL
 * **************************************** */
body { overflow-x: hidden !important; height: 100%; }
/*
body.home{ overflow: hidden; }
body.home.loaded{ overflow: inherit; }
*/
#overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: opacity 300ms 0ms, -webkit-transform 0ms 300ms; transition: opacity 300ms 0ms, -webkit-transform 0ms 300ms; transition: opacity 300ms 0ms, transform 0ms 300ms; transition: opacity 300ms 0ms, transform 0ms 300ms, -webkit-transform 0ms 300ms; background: #000; opacity: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); z-index: 5; }
body.no_scroll{overflow: hidden;}


/* **************************************** *
 * LOADING PAGE
 * **************************************** */
.loading_screen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999; }
.loading_screen_inner { width: 760px; height: 370px; text-align: center; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; position: absolute; background: #e7e7e7 url(../assets/images/layout/noise.gif) repeat center center; display: table; border: 60px #2c99e4 solid; }
.loading_screen_inner p { color: #f97290; font-size: 26px; line-height: 36px; letter-spacing: -0.05em; font-weight: bold; vertical-align: middle; display: table-cell; -webkit-transition: 500ms; transition: 500ms; max-width: 760px; }
.footer_sns_connect li { float: left; width: 16.66%; position: relative; overflow: hidden;}


/* **************************************** *
 * HEADER
 * **************************************** */
#header { height: 90px; background: #fff; background: rgba(255, 255, 255, 1); position: relative; width: 100%; z-index: 240; top: 0; left: 0;/*transition: 800ms;*/ border-bottom: 1px solid #e6e6e6;/* box-shadow: 0 1px 1px rgba(0,0,0,.1); */ }
.header_inner { position: relative; }
div#global_container {/* overflow: hidden; */ }
div#global_container { margin: auto; height: 100%; }
.header_wrap { margin: auto; height: 100%; }

/* FIXED HEADER */
.admin-bar #header { top: 32px; }
#header { position: fixed }

/* LOGO*/
#logo { position: absolute; top: 0px; left: 60px;/*transition: 800ms;*/ }
#logo a { position: relative; display: block; width: 134px; height: 32px; }
#logo a span { text-indent: -9999px; overflow: hidden; font-size: 1px; display: inline-block }
.logo_img,
.logo_txt { position: absolute; }
.logo_img { left: 0; top: 0; height: auto; width: 66px; -webkit-transition: 500ms; transition: 500ms; }
.logo_txt { top: 23px; left: 58px; -webkit-transition: 500ms; transition: 500ms }
#logo img { width: 120px; display: block; }
.home #logo svg path { fill: #fff; }
#logo svg path { -webkit-transition: fill 500ms; transition: fill 500ms }

/* MENU */
.menu_container { display: none; position: absolute; left: 50%; top: 30px; z-index: 850; width: 545px; margin-left: -262px; }
ul#menu > li > a:hover,
ul#menu > li.current > a { color: #1a2273; }
ul#menu > li > a:before,
ul#menu > li:first-child > a:before,
ul#menu > li,
ul#menu > li > a { float: left; display: block; }
ul#menu > li > ul { display: none; position: absolute; top: 59px; width: 200px; z-index: 255; left: 50%; margin-left: -100px; box-shadow: 5px 4px 12px -4px rgba(0,0,0,0.16); }
ul#menu li:hover > ul { display: block; }
ul#menu > li > a { padding: 15px 20px; position: relative; }
ul#menu li { position: relative }
ul#menu > li > ul a { background: #fff; display: block; padding: 17px 5px 17px 25px; font-size: 14px; font-weight: 400; clear: both; border-top: 1px solid #edebe4; text-align: left; }
ul#menu > li > ul a:hover { background: #DC372B; color: #fff; }
ul#menu > li > ul > li > ul a { padding-left: 40px; position: relative; background: #fafafa; }
ul#menu > li > ul > li > ul a:hover { background: #fafafa; color: #66af3f; }
ul#menu > li > ul > li > ul a:before { content: ""; display: block; position: absolute; top: 50%; left: 24px; background: #67af3f; width: 5px; height: 1px; }
ul#menu > li > ul > li:first-child > a { border-top: none; }
ul#menu .has3depth a { position: relative; }
ul#menu .has3depth a:after { content: ""; display: block; position: absolute; top: 45%; right: 10%; background-image: url(images/sub/mini_icons_sprites.png); background-repeat: no-repeat; }
ul#menu .has3depth > a:after { width: 7px; height: 4px; background-position: -10px -64px; }
ul#menu .has3depth:hover > a { border-top: 1px solid transparent; background-color: #66af3f; color: #fff; }
ul#menu .has3depth:hover > a:after { background-position: -10px -88px; }
ul#menu .has3depth li a { border-top: 1px solid #eee; }
ul#menu .has3depth li a:after { width: 5px; height: 7px; background-position: -10px -10px; }
ul#menu .has3depth li a:hover:after { background-position: -10px -37px; }
ul#menu .has3depth li:first-child a { border-top: 1px solid #fff; }
ul#menu > li.page_item.page-item-15 a { padding-right: 40px; background: url('../assets/images/layout/icon-exit.svg') no-repeat right center; }

/* LANG */
.lang_menu { position: absolute; top: 20px; right: 60px; z-index: 21; }
.lang_menu a { font-size: 14px; font-weight: 700; color: #fff; padding-left: 13px; position: relative; opacity: 0.6; -webkit-transition: opacity 300ms; transition: opacity 300ms; }
.lang_menu a:hover { opacity: 1; }
.lang_menu a.active { opacity: 1; }
.lang_menu:before { content: ""; position: absolute; left: 53px; top: 5px; height: 11px; width: 2px; background-color: #fff; opacity: 0.3; }

/* RWD ITEM */
#small_menu_close { display: none; }

/* HOME HEADER COLOR */
ul#menu a { color: #FFFFFF; }
a.header_lang { border: 2px solid #FFFFFF; color: #fff; }
ul#menu > li > a:hover,
ul#menu > li.current > a { color: #D9E8FF; }
#header { background: transparent; border-bottom: none }
a.header_lang:hover { box-shadow: inset 0 0 0 3px #fff; }
.header_inner { height: 60px; background: #2c99e4; width: 100%; }
.frame { background: #2c99e4; position: fixed; z-index: 20; -webkit-transition: background 300ms; transition: background 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.frame.frame_left,
.frame.frame_right { top: 0; bottom: 0; width: 60px; }
.frame.frame_left { left: 0; }
.frame.frame_right { right: 0; }
.frame.frame_top { top: 0; left: 0; right: 0; height: 60px; }
.frame.frame_bottom { bottom: 0; left: 0; right: 0; height: 60px; }
.frame_clone.frame_top { top: calc(-50% + 60px); height: 50%; }
.frame_clone.frame_bottom { bottom: calc(-50% + 60px); height: 50%; }
.page .body_container {/* padding-top: 0; */ }
#logo { top: 0px; }
a.header_lang { color: #DC372B; }
a.header_lang:before { background: transparent; }
.menu_container { position: fixed; top: 0; left: 0;/* bottom: 0; */ z-index: 555; width: 320px; background: #414141;/* margin-left: 0; *//* -webkit-transform: translateX(-100%); *//* transform: translateX(-100%); */ }
ul#menu > li { display: block; float: none; clear: both; width: 100%; padding: 0; }
.home ul#menu > li > a,
ul#menu > li > a { line-height: 40px; position: relative; text-align: left;/* color: #1b2272; *//* border-bottom: 1px solid #1b2272; */ padding-left: 25px; font-weight: bold; font-size: 40px; }
ul#menu li:hover > a,
ul#menu a:hover,
ul#menu li.active > a { color: #ADABA5; }
ul#menu > li:hover > a:after { display: none; }
ul#menu > li > ul,
ul#menu > li:hover > ul { position: inherit; display: none; margin: 0; left: 0; box-shadow: none; top: 0; width: 100%; clear: both; background: #676663; }
ul#menu > li > ul a { background: none; border: none; color: #eee; padding-left: 45px; font-size: 15px; }
ul#menu > li > ul > li:first-child > a,
ul#menu > li > ul > li:first-child > a:hover { border-top: none; }
ul#menu > li > ul a:hover { background: #7D7D7A; }
#menu > li:last-child > ul { left: 0; }
ul#menu { height: 100%; position: absolute; width: 100%; overflow: auto; padding-left: 35px }
header#header { height: 60px; -webkit-transition: background 300ms; transition: background 300ms }
body.header_scroll #header { background: #fff; }
#small_menu_btn { cursor: pointer; width: 40px; height: 40px; position: absolute; top: 50%; left: 5%; margin-top: -20px; }
#small_menu_btn_inner span { top: 55px; }
#small_menu_btn_inner:before { top: 68px; }
#small_menu_btn_inner:after { top: 81px; }
#small_menu_overlay { z-index: 444; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.85); display: none; }
#small_menu_close { border-radius: 2px; display: block; cursor: pointer; z-index: 450; position: fixed; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #333 url(../images/menu_close_btn.png) no-repeat center center; background-size: 12px auto; color: #fff; font-size: 24px; left: -30px; top: 20px; }
a.header_lang,
.home a.header_lang { position: absolute; z-index: 999; border-color: #1b2272; color: #1b2272; right: 0; top: -200px; opacity: 0; -webkit-transition: 300ms opacity 300ms; transition: 300ms opacity 300ms; }
.open_menu a.header_lang { top: 15px; opacity: 1; }
.open_menu a.header_lang,
.home.fp-viewing-2 a.header_lang { right: 15px; }
#small_menu_btn_inner span,
 #small_menu_btn_inner:before,
 #small_menu_btn_inner:after,
 body.header_scroll #small_menu_btn_inner span,
 body.header_scroll #small_menu_btn_inner:before,
 body.header_scroll #small_menu_btn_inner:after { border-radius: 0px; content: ""; width: 37px; height: 2px; left: 50%; position: absolute; margin-left: -20px; }
#small_menu_btn_inner span,
 #small_menu_btn_inner:before,
 #small_menu_btn_inner:after { background: #fff; -webkit-transition: 300ms; transition: 300ms; }
#small_menu_btn_inner span,
 #small_menu_btn_inner:after { -webkit-transition: 500ms; transition: 500ms; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55); }
#small_menu_btn_inner:before { -webkit-transition-delay: 200ms; transition-delay: 200ms }
.open_menu #small_menu_btn_inner:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); }
.open_menu #small_menu_btn_inner span { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center }
.open_menu #small_menu_btn_inner:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center }
.open_menu #small_menu_btn_inner { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }
#small_menu_btn_inner { -webkit-transition: 500ms; transition: 500ms; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); position: absolute; top: 0; left: 58px; }
#small_menu_btn { cursor: pointer; width: 115px; height: 115px; position: fixed; top: 50%; left: 60px; margin-top: -57px;/* left: auto; */ z-index: 3; background: #f97290; }
#small_menu_overlay { z-index: 10; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.9); display: none; }
#small_menu_close { border-radius: 0; display: block; cursor: pointer; z-index: 450; position: fixed; width: 60px; height: 60px; line-height: 30px; text-align: center; background: #FFF url(../images/close-dark.svg) no-repeat center center; background-size: 15px auto; color: #fff; font-size: 24px; right: -60px; left: auto; top: 0; }
.menu_container { position: fixed; top: 50%;/* right: 0; */ left: 50%;/* bottom: 60px; */ z-index: 11; background: transparent;/* margin-left: 0; *//* -webkit-transform: translateX(100%); *//* transform: translateX(100%); */ border: none; width: 600px; height: 540px; margin-top: -270px; }
ul#menu { height: 100%; position: absolute; width: 100%; overflow: auto;/* padding-right: 35px; */ padding-left: 0;/* margin-top: 10%; *//* border-top: 1px solid #2A314E; */ }
ul#menu > li:first-child > ul { left: 0; }
ul#menu > li > ul,
ul#menu > li:hover > ul { background: #3b3736; }
ul#menu > li.current > ul { display: block; }
ul#menu > li > a:before { display: none }
ul#menu > li > ul a:before { content: ''; position: absolute; width: 4px; height: 4px; top: 50%; left: 25px; background: #DD372B; display: block; }
ul#menu > li > ul a { border-bottom: 1px solid #4f4b4a; color: #cacaca; }
ul#menu li > a { background-position: 230px center; background-repeat: no-repeat }
ul#menu li.active > a,
ul#menu > li.current > a,
ul#menu > li.current_page_item > a,
ul#menu > li.current_page_item > a:hover,
.home ul#menu > li.current_page_item > a:hover { color: #f97290; -webkit-transition: 300ms background; transition: 300ms background; background-size: 12px; }
ul#menu li:hover > a,
ul#menu a:hover,
.home ul#menu > li > a:hover,
ul#menu > li.project_submenu_hover > a {/* background-color:#f5f5f5; */ color: #f97290; }
ul#menu > li > ul a:hover,
ul#menu > li > ul a.current { background: #615A58; }
ul#menu > li > ul a.current { color: #fff }
#small_menu_btn b { color: #fff; font-size: 13px; text-align: center; display: block; padding-top: 30px; }
p.header_slogan { font-size: 16px; text-align: center; line-height: 66px; font-weight: bold; color: #fff; letter-spacing: 0.205em; }
#project_submenu { position: absolute; right: -10px; top: 83px; display: none; }
.project_submenu_item { opacity: 1; }
.project_submenu_item a { margin-bottom: 12px; display: block; padding-bottom: 0px; border-bottom: 2px solid #fff; color: #fff; font-weight: 700; font-size: 23px; -webkit-transition: 300ms; transition: 300ms; }
.project_submenu_item a:hover { color: #f97290; border-color: #f97290; }
.minimize #small_menu_btn { width: 60px; height: 60px; -webkit-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px); margin-top: -30px; background: rgba(249, 114, 144, 0); }
.minimize #small_menu_btn b { padding-top: 10px; font-size: 10px; opacity: 0; }
.minimize #small_menu_btn_inner { left: 31px; top: -11px; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); }
.minimize.open_menu #small_menu_btn_inner { left: 34px; }
#small_menu_btn,
#small_menu_btn b { -webkit-transition: 500ms; transition: 500ms; }
#small_menu_btn_inner:before { -webkit-transition-delay: 0ms; transition-delay: 0ms; }

.lang_menu.js_mobile_lang_menu {display: none;}



/* **************************************** *
 * FOOTER
 * **************************************** */
#footer { background: #182548; clear: both; float: left; width: 100%; position: fixed; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); z-index: 6; }
/* WITH section news*/
/*
.fp-viewing-4 #footer,
.fp-viewing-5 #footer{transition:500ms;}
.fp-viewing-5 #footer {transform: translateY(0%);}
.fp-viewing-5 #overlay{transition:opacity 300ms 0ms , transform 0ms 0ms; opacity:0.8;transform:translateX(0%)}
*/

/* WITHOUT section news */
/*
.fp-viewing-3 #footer,
.fp-viewing-4 #footer{transition:500ms;}
.fp-viewing-4 #footer {transform: translateY(0%);}
.fp-viewing-4 #overlay{transition:opacity 300ms 0ms , transform 0ms 0ms; opacity:0.8;transform:translateX(0%)}
*/

/* WITHOUT section about */
.fp-viewing-2 #footer,
.fp-viewing-3 #footer { -webkit-transition: 500ms; transition: 500ms; }
.fp-viewing-3 #footer { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.fp-viewing-3 #overlay { -webkit-transition: opacity 300ms 0ms, -webkit-transform 0ms 0ms; transition: opacity 300ms 0ms, -webkit-transform 0ms 0ms; transition: opacity 300ms 0ms, transform 0ms 0ms; transition: opacity 300ms 0ms, transform 0ms 0ms, -webkit-transform 0ms 0ms; opacity: 0.8; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) }
.footer_inner { max-width: 1400px; margin: auto; position: relative; clear: both; }
.footer_inner li,
.footer_inner a,
.footer_inner span { color: #ffffff; font-size: 13px; }
.footer_menu { font-size: 13px; }
.footer_menu_main,
.footer_menu_policy { display: block; clear: both; }
.footer_menu_policy a,
.footer_menu_service a { background-color: transparent; border: 1px solid #4f5571; }
.footer_menu li,
.footer_menu a { display: inline-block; }
.footer_address span { display: block; }
.footer_banner { position: absolute; top: 30px; right: 0; }
.copyright { margin: 2px 0 150px; clear: both; width: 100%; padding: 0; text-align: center; font-size: 13px; font-weight: bold; }
.address br,
.copyright br { display: none; }
.copyright span { font-size: 13px; color: #9295a1; display: block; letter-spacing: 0.05em; }
.footer_inner.wrap nav { float: right; margin-top: 7px; }
.footer_contact { padding-bottom: 8px; }
.section_bottom_placeholder { height: 100px }

/* SUBPAGE FOOTER */
.subpage_footer ul.footer_sns_connect { display: none; }
.subpage_footer#footer { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); position: inherit; }

/* FAMILY */
#family_site { width: 175px; font-size: 13px; position: relative; position: absolute; right: 0; top: 68px; }
#family_site a { color: #777; display: block; padding: 8px 20px; letter-spacing: 0.05em; margin-bottom: 4px; background: #FFFFFF; background-position: 90% center; background-position: calc(100% - 20px) 50%; border-width: 1px 0 0 0; -webkit-transition: background-color 300ms; transition: background-color 300ms; border-radius: 5px; }
#family_site > a { color: #fff; border: none; display: block; position: relative; background: #2a2a2a; border-radius: 5px; }
#family_site > a:before { position: absolute; content: ""; display: block; z-index: 2; border: transparent 4px solid; border-top-color: #8e9098; top: 15px; right: 20px; }
#family_site.open > a:before { border-top-color: transparent; border-bottom-color: #8e9098; top: 12px; }
#family_site nav { position: absolute; bottom: 40px; width: 100%; display: none; border-width: 0px 1px; box-sizing: inherit; }
#family_site nav p { background: #fff; color: #777; text-align: center; padding: 4px 20px; margin-bottom: 4px; border-radius: 5px; }
#family_site nav a:hover { color: #1B2272; background-color: #f3f3f3; }

/* FOOTER SNS BANNER */
.footer_sns_connect li img { width: 100%; display: block; }
ul.footer_sns_connect { padding: 0 59px; }
.footer_sns_connect figcaption { position: absolute; top: 50%; padding: 0 30px; color: #fff; font-size: 18px; font-weight: bold; margin-top: -15px; opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: 300ms; transition: 300ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; }
ul.footer_sns_connect figure:before { display: block; content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: 300ms; transition: 300ms }
ul.footer_sns_connect figure:after { display: block; content: ""; position: absolute; bottom: 20px; right: 20px; width: 31px; height: 31px; background: no-repeat center center; }
ul.footer_sns_connect li.footer_youtube figure:before { background: rgba(232,29,13,0.9); }
ul.footer_sns_connect li.footer_facebook figure:before { background: rgba(59,89,152,0.9); }
ul.footer_sns_connect li.footer_instagram figure:before { background: rgba(249,114,144,0.9); }
ul.footer_sns_connect li.footer_youtube figure:after { background-image: url(../assets/images/layout/icon-youtube.svg); }
ul.footer_sns_connect li.footer_facebook figure:after { background-image: url(../assets/images/layout/icon-fb.svg); }
ul.footer_sns_connect li.footer_instagram figure:after { background-image: url(../assets/images/layout/icon-insta.svg); }
ul.footer_sns_connect a:hover figure:before { opacity: 1 }
.footer_sns_connect a:hover figcaption { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -webkit-transition-delay: 100ms; transition-delay: 100ms; }

/* FOOTER SNS PAGES LINKS */
nav.footer_sns_pages { text-align: center; color: beige; }
nav.footer_sns_pages { clear: both; text-align: center; font-size: 0; color: #fff; width: 570px; margin: auto; margin-bottom: 10px; float: left; width: 100%; }
footer#footer .footer_sns_pages a { font-size: 26px; font-weight: bold; color: #fff; border-bottom: 1px solid #fff; display: inline-block; text-align: center; padding-left: 20px; position: relative; padding-bottom: 2px; line-height: 1; }
footer#footer .footer_sns_pages a:before { content: ""; width: 4px; height: 4px; position: absolute; top: 50%; left: 8px; margin-top: -2px; background: #fff; border-radius: 100px; }
footer#footer .footer_sns_pages a:first-child:before { display: none }
footer#footer .footer_sns_pages a:first-child { padding-left: 0; }

/* COMPANY INFO */
.footer_company_info span { text-align: left; display: inline-block; vertical-align: middle; line-height: 20px; font-size: 13px; font-weight: bold; letter-spacing: 0.05em; word-spacing: -1px; }
.footer_company_info span b { color: #a4a6ad }
.footer_company_info { clear: both; text-align: center; padding-top: 65px; }
p.footer_address { clear: both; }

/* GO TOP */
a.go_top { height: 137px; width: 85px; position: absolute; bottom: 0; right: 100px; overflow: hidden; background: url('../assets/images/layout/footer-red.png') no-repeat center 20px; z-index: 20; font-size: 15px; text-align: center; color: #fff; display: block; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 800ms; transition: 800ms; letter-spacing: -0.05em; font-weight: bold; -webkit-transition-timing-function: cubic-bezier(0.045, 1.130, 0.705, 1.155); transition-timing-function: cubic-bezier(0.045, 1.130, 0.705, 1.155); }
a.go_top:hover { -webkit-transform: translateY(-36px); -ms-transform: translateY(-36px); transform: translateY(-36px); }
a#scroll_down,
.open_menu.fp-viewing-0 a#scroll_down,
.open_menu.fp-viewing-0-0 a#scroll_down { -webkit-transition: opacity 500ms, -webkit-transform 500ms; transition: opacity 500ms, -webkit-transform 500ms; transition: opacity 500ms, transform 500ms; transition: opacity 500ms, transform 500ms, -webkit-transform 500ms; height: 0; visibility: hidden; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); opacity: 0; position: absolute; bottom: 20px; overflow: hidden; left: 50%; width: 130px; height: 80px; font-size: 11px; letter-spacing: 0.3em; text-align: center; color: #fff; z-index: 20; margin-left: -65px; }
a#scroll_down b { display: block; color: #fff; opacity: 0.5; font-weight: 700; font-size: 12px; margin-top: 8px; -webkit-transition: opacity 300ms; transition: opacity 300ms; }
a#scroll_down:hover b { opacity: 1; }
.fp-viewing-0 a#scroll_down,
.fp-viewing-0-0 a#scroll_down { display: block; opacity: 1; height: auto; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); letter-spacing: 1px; padding-top: 20px; margin-bottom: 78px; }