@charset "utf-8";

body,html { min-height:100% }
#wrap { min-height:calc(100vh - 305px); }
@media screen and (max-width:1008px){
	#wrap { min-height:100%; }
}


/* header */
header { position:fixed; width:100%; z-index:999; height:90px; transition:all 0.3s ease-in-out; }
header h1 { position:absolute; text-align:left; padding:30px 0 0 50px; width:213px; height:32px; z-index:999;  }
header h1 a { display:inline-block; overflow:hidden; text-indent:-9999em; width:100%; height:100%; background:url(/img/common/img_logo_b.png) center center no-repeat; transition:all 0.3s ease-in-out; }
header.ov h1 {  }
header.ov h1 a { background-image:url(/img/common/img_logo_b.png); }
header.slide2 h1 a,
header.slide3 h1 a { background-image:url(/img/common/img_logo.png); }
header.ov.slide2 h1 a,
header.ov.slide3 h1 a { background-image:url(/img/common/img_logo_b.png); }

.fp-viewing-Services header h1 a,
.fp-viewing-Research header h1 a,
.fp-viewing-Last header h1 a { background-image:url(/img/common/img_logo.png); }
.fp-viewing-Services header.ov h1 a,
.fp-viewing-Research header.ov h1 a,
.fp-viewing-Last header.ov  h1 a { background-image:url(/img/common/img_logo_b.png); }

header.nav { background-color:rgba(255,255,255,1); }
/*header.nav { background-color:rgba(255,255,255,0.7); }*/
header.nav.ov { background-color:rgba(255,255,255,0.0); }
header.nav h1 a { background-image:url(/img/common/img_logo.png); }
header.nav.ov h1 a { background-image:url(/img/common/img_logo_b.png); }

@media screen and (max-width:1440px){
	header h1 { padding:30px 0 0 40px; }
}
@media screen and (max-width:1280px){
	header.slide2 h1 a,
	header.slide3 h1 a { background-image:url(/img/common/img_logo.png); }
	header.ov.slide2 h1 a,
	header.ov.slide3 h1 a { background-image:url(/img/common/img_logo_b.png); }
}
@media screen and (max-width:1024px){
	header h1 { padding:30px 0 0 20px; }
}



header #navi { position:relative; z-index:2; }
header #navi #gnb { position:relative; margin:0 auto; text-align:center; }
header #navi #gnb > ul { position:relative; display:inline-block; margin:0 auto; }
header #navi #gnb > ul > li { position:relative; display:inline-block; margin:0 -2px; vertical-align:top; padding:36px 65px 0 65px; height:31px; transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > a { font-weight:400; font-size:17px; color:#fff; line-height:15px; padding:0 0 40px 0; display:block; transition:all 0.1s ease-in-out; }
header.slide2 #navi #gnb > ul > li > a,
header.slide3 #navi #gnb > ul > li > a { color:#333; }
header.ov.slide2 #navi #gnb > ul > li > a,
header.ov.slide3 #navi #gnb > ul > li > a { color:#fff; }
header #navi #gnb > ul > li > .subDepth { display:none; position:absolute; left:50%; padding:0; transform:translateX(-50%); top:80px; min-width:100%; width:100%; text-align:center; z-index:3; }
header #navi.over #gnb > ul > li > .subDepth { display:block; }
header #navi #gnb > ul > li > .subDepth li { margin:12px 0 0 0; opacity:0; }
header #navi #gnb > ul > li > .subDepth li:first-child { margin:0; }
header #navi #gnb > ul > li > .subDepth li a { position:relative; display:block; font-size:15px; line-height:13px; letter-spacing:-0.03em; font-weight:300; line-height:130%; color:rgba(255,255,255,0.7);  }
header #navi #gnb > ul > li > .subDepth li a:hover { color:#fff; font-weight:400; }
header #navi #gnb > ul > li > .subDepth li { animation:gnbSub 0.5s 0.3s; animation-fill-mode:forwards; }
/*
header #navi #gnb > ul > li:nth-child(1) { position:absolute; right:145px;}
header #navi #gnb > ul > li:nth-child(6) { margin-left:170px; }
*/

header .gnb_bg { height:0; position:absolute; top:0; left:0; width:100%; background-color:rgba(0,0,0,0.8);  transition:all 0.3s ease-in-out; }
header .gnb_bg.on { height:360px; }

.fp-viewing-Services header #navi #gnb > ul > li > a,
.fp-viewing-Research header #navi #gnb > ul > li > a,
.fp-viewing-Company header #navi #gnb > ul > li > a,
.fp-viewing-Careers header #navi #gnb > ul > li > a,
.fp-viewing-Footer header #navi #gnb > ul > li > a { color:#333; }
.fp-viewing-Services header.ov #navi #gnb > ul > li > a,
.fp-viewing-Research header.ov #navi #gnb > ul > li > a,
.fp-viewing-Company header.ov #navi #gnb > ul > li > a,
.fp-viewing-Careers header.ov #navi #gnb > ul > li > a,
.fp-viewing-Footer header.ov #navi #gnb > ul > li > a,
.fp-viewing-Result header #navi #gnb > ul > li > a { color:#fff; }

header.nav #navi #gnb > ul > li > a { color:#333; }
header.nav.ov #navi #gnb > ul > li > a { color:#fff; }

@keyframes gnbSub {
	0% { transform:translateY(30px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}
@media screen and (max-width:1700px){
	header #navi #gnb > ul > li { padding:36px 50px 0 50px; }
	/*
	header #navi #gnb > ul > li:nth-child(1) { right:120px;}
	header #navi #gnb > ul > li:nth-child(6) { margin-left:140px; }
	*/
}

@media screen and (max-width:1440px){
	header #navi #gnb > ul { margin-left:100px;}
	header #navi #gnb > ul > li { padding:36px 40px 0 40px; }
	/*
	header #navi #gnb > ul > li:nth-child(1) { right:90px;}
	header #navi #gnb > ul > li:nth-child(6) { margin-left:110px; }
	*/
}
@media screen and (max-width:1280px){
	header.slide2 #navi #gnb > ul > li > a,
	header.slide3 #navi #gnb > ul > li > a { color:#333; }
	header.ov.slide2 #navi #gnb > ul > li > a,
	header.ov.slide3 #navi #gnb > ul > li > a { color:#fff; }
	header #navi #gnb > ul > li { padding:36px 35px 0 35px; }
	/*
	header #navi #gnb > ul > li:nth-child(1) { right:85px;}
	header #navi #gnb > ul > li:nth-child(6) { margin-left:105px; }
	*/
	header .gnb_bg.on { height:310px; }
}
@media screen and (max-width:1200px){
	header #navi #gnb > ul > li { padding:36px 30px 0 30px; }
	header #navi #gnb > ul > li > a { font-size:15px; }
	header #navi #gnb > ul > li > .subDepth { top:70px; }
	header #navi #gnb > ul > li > .subDepth li { margin:15px 0 0 0; }
	header #navi #gnb > ul > li > .subDepth li a { font-size:13px;  }
}
@media screen and (max-width:1024px){
	header #navi { display:none; }
}


.allBox { position:absolute; right:50px; top:35px; z-index:7; }
.allBox.on { z-index:55565;  top:60px;}
.allmenu { width:30px; height:30px; }
.allmenu a { position:absolute;display:block; width:30px; height:30px; top:50%; left:50%; margin:-10px 0 0 -18px; }
.allmenu span { width:14px; height:2px; background-color:#fff; display:block; float:right; transition:all 0.3s ease-in-out;}
.allmenu span:before { content:""; display:block; width:30px; height:2px; background-color:#fff; position:absolute; left:0; top:7px; transition:all 0.3s ease-in-out; }
.allmenu span:after { content:""; display:block; width:30px; height:2px; background-color:#fff; position:absolute; left:0; top:14px; transition:all 0.3s ease-in-out; }
.allmenu.active span { height:0; width:0; }
.allmenu.active span:before{ transform: translateY(3.5px) rotate(-45deg); background-color:#808080 !important; }
.allmenu.active span:after{ transform: translateY(-3.5px) rotate(45deg); background-color:#808080 !important; }
header.slide2 .allmenu span,
header.slide2 .allmenu span:before,
header.slide2 .allmenu span:after,
header.slide3 .allmenu span,
header.slide3 .allmenu span:before,
header.slide3 .allmenu span:after  { background-color:#333; }
header.ov.slide2 .allmenu span,
header.ov.slide2 .allmenu span:before,
header.ov.slide2 .allmenu span:after,
header.ov.slide3 .allmenu span,
header.ov.slide3 .allmenu span:before,
header.ov.slide3 .allmenu span:after { background-color:#fff; }

header.nav .allmenu span,
header.nav .allmenu span:before,
header.nav .allmenu span:after { background-color:#333; }
header.nav.ov .allmenu span,
header.nav.ov .allmenu span:before,
header.nav.ov .allmenu span:after { background-color:#fff; }

.fp-viewing-Services header .allmenu span,
.fp-viewing-Services header .allmenu span:before,
.fp-viewing-Services header .allmenu span:after,
.fp-viewing-Research header .allmenu span,
.fp-viewing-Research header .allmenu span:before,
.fp-viewing-Research header .allmenu span:after,
.fp-viewing-Company header .allmenu span,
.fp-viewing-Company header .allmenu span:before,
.fp-viewing-Company header .allmenu span:after,
.fp-viewing-Careers header .allmenu span,
.fp-viewing-Careers header .allmenu span:before,
.fp-viewing-Careers header .allmenu span:after,
.fp-viewing-Footer header .allmenu span,
.fp-viewing-Footer header .allmenu span:before,
.fp-viewing-Footer header .allmenu span:after { background-color:#333; }
.fp-viewing-Services header.ov .allmenu span,
.fp-viewing-Services header.ov .allmenu span:before,
.fp-viewing-Services header.ov .allmenu span:after,
.fp-viewing-Research header.ov .allmenu span,
.fp-viewing-Research header.ov .allmenu span:before,
.fp-viewing-Research header.ov .allmenu span:after,
.fp-viewing-Company header.ov .allmenu span,
.fp-viewing-Company header.ov .allmenu span:before,
.fp-viewing-Company header.ov .allmenu span:after,
.fp-viewing-Careers header.ov .allmenu span,
.fp-viewing-Careers header.ov .allmenu span:before,
.fp-viewing-Careers header.ov .allmenu span:after,
.fp-viewing-Footer header.ov .allmenu span,
.fp-viewing-Footer header.ov .allmenu span:before,
.fp-viewing-Footer header.ov .allmenu span:after,
.fp-viewing-Result header .allmenu span,
.fp-viewing-Result header .allmenu span:before,
.fp-viewing-Result header .allmenu span:after { background-color:#fff; }

@media screen and (max-width:1440px){
	.allBox { right:40px; }
}
@media screen and (max-width:1280px){
	header.slide2 .allmenu span,
	header.slide2 .allmenu span:before,
	header.slide2 .allmenu span:after,
	header.slide3 .allmenu span,
	header.slide3 .allmenu span:before,
	header.slide3 .allmenu span:after { background-color:#333; }
	header.ov.slide2 .allmenu span,
	header.ov.slide2 .allmenu span:before,
	header.ov.slide2 .allmenu span:after,
	header.ov.slide3 .allmenu span,
	header.ov.slide3 .allmenu span:before,
	header.ov.slide3 .allmenu span:after { background-color:#fff; }
}
@media screen and (max-width:1024px){
	.allBox { right:20px; }
	.allBox.on { top:30px;}
	header.nav .allmenu span,
	header.nav .allmenu span:before,
	header.nav .allmenu span:after { background-color:#333; }
	header.nav.ov .allmenu span,
	header.nav.ov .allmenu span:before,
	header.nav.ov .allmenu span:after { background-color:#fff; }
}




#allmenuBox { position:fixed; left:0; top:0; bottom:0; right:0; width:100vw; height:100vh; z-index:-22; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out; }
#allmenuBox.on { z-index:55555; opacity:1; visibility:visible; transition:all 0.3s ease-in-out; }
#allmenuBox .menuBox { position:absolute; top:0; left:0; width:100vw; height:100vh; background-color:#fff }
#allmenuBox .menuBox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
#allmenuBox .menuBox .box { position:relative; float:left; width:50vw; height:100%; }
#allmenuBox.on .mLogo { position:absolute; top:70px; left:50%; width:187px; height:28px; transform:translateX(calc(-50% - 0.5px)); z-index:999; background:url(/img/common/img_a_logo.png) center center no-repeat; }
#allmenuBox .bg.on { position:absolute; top:0; left:0; width:380px; height:100vh; z-index:99; background:url(/img/common/bg_allmenu.jpg) center center no-repeat; }
#allmenuBox .bg:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; right:0; background-color:#fff; z-index:2; }
#allmenuBox .bg.on:before{ width:0; transition:width 0.5s; }
#allmenuBox #gnb { position:absolute; left:480px; padding-right:50px; width:calc(100% - 530px); top:50%; transform:translateY(-50%); background:none }
#allmenuBox #gnb li { position:relative; }
#allmenuBox #gnb > ul { opacity:0; }
#allmenuBox.on #gnb > ul { animation:gnbSub 0.5s 0.3s; animation-fill-mode:forwards; }
#allmenuBox #gnb > ul > li {  padding:40px 0; border-top:1px solid #eaeaea; }
#allmenuBox #gnb > ul > li:first-child { border-top:none; }
#allmenuBox #gnb > ul > li > a { position:relative; color:#222670; font-weight:700; font-size:24px; line-height:22px; transition:all 0.5s 0.0s ease-in-out; display:inline-block; background-color:#fff; z-index:3}
#allmenuBox #gnb > ul > li > .subDepth { position:relative; visibility:visible; display:block; padding:0 0 0 185px; margin:-20px 0 -10px -42px; }
#allmenuBox #gnb > ul > li > .subDepth li { position:relative; margin:0 0 10px 42px; display:inline-block; vertical-align:top; font-size:17px; line-height:16px; color:#666; letter-spacing:-0.01em; font-weight:400; transition:all 0.5s 0.0s ease-in-out; opacity:0; animation:gnbSub 0.5s 0.3s; animation-fill-mode:forwards;}
#allmenuBox #gnb > ul > li > .subDepth li a { color:#666; }
#allmenuBox #gnb > ul > li > .subDepth li br { display:none; }
@media screen and (max-width:1720px){
	#allmenuBox .bg.on { width:320px; }
	#allmenuBox #gnb { left:400px; padding-right:40px; width:calc(100% - 440px); }
	#allmenuBox #gnb > ul > li {  padding:35px 0; }
	#allmenuBox #gnb > ul > li > a { font-size:20px; line-height:20px; }
	#allmenuBox #gnb > ul > li > .subDepth { padding:0 0 0 155px; margin:-20px 0 -10px -40px; }
	#allmenuBox #gnb > ul > li > .subDepth li { margin:0 0 10px 40px; font-size:16px; line-height:15px; }
}
@media screen and (max-width:1280px){
	#allmenuBox .bg.on { width:250px; }
	#allmenuBox #gnb { left:320px; padding-right:30px; width:calc(100% - 350px); }
	#allmenuBox #gnb > ul > li {  padding:32px 0; }
	#allmenuBox #gnb > ul > li > a { font-size:18px; line-height:18px; }
	#allmenuBox #gnb > ul > li > .subDepth { padding:0 0 0 135px; margin:-18px 0 -10px -35px; }
	#allmenuBox #gnb > ul > li > .subDepth li { margin:0 0 10px 35px; font-size:15px; line-height:14px; }
}
@media screen and (max-width:1024px){
	#allmenuBox.on .mLogo { top:30px; }
	#allmenuBox #gnb { left:300px; }
	#allmenuBox #gnb > ul > li {  padding:25px 0; }
	#allmenuBox #gnb > ul > li > a { font-size:18px; line-height:18px; }
	#allmenuBox #gnb > ul > li > .subDepth { padding:30px 0 0 0; margin:0 0 -15px 0; display:none; }
	#allmenuBox #gnb > ul > li > .subDepth li { margin:0 0 15px 0; width:calc(33.33% - 4px); font-size:15px; line-height:14px; }
}
@media screen and (max-width:640px){
	#allmenuBox.on .mLogo { top:30px; }
	#allmenuBox .bg.on { display:none; }
	#allmenuBox #gnb { left:0; top:110px; transform:translateY(0); padding:0 30px; width:calc(100% - 60px); }
	#allmenuBox #gnb > ul > li { padding:0; margin:0; }
	#allmenuBox #gnb > ul > li > a { display:block; padding:25px 0; margin:0; }
	#allmenuBox #gnb > ul > li > .subDepth { padding:5px 0 10px 0; margin:0; }
	#allmenuBox #gnb > ul > li > .subDepth li { width:calc(50% - 4px); margin:0 0 5px 0;  }
	#allmenuBox #gnb > ul > li > .subDepth li > a { display:block; padding:10px 0; }
}

.language { position:absolute; right:112px; top:37px; z-index:99; }
.language a { position:relative; color:#fff; font-size:16px; padding:0 0 0 25px; transition:all 0.3s ease-in-out; }
.language a:before { content:''; display:block; width:17px; height:17px; position:absolute; top:50%; left:0; transform:translateY(calc(-50% - 0.5px)); background:url(/img/common/icon_lang.png) center center no-repeat; transition:all 0.3s ease-in-out; }
header.slide2 .language a { color:#555; }
header.slide2 .language a:before { background:url(/img/common/icon_lang_on.png) center center no-repeat; }
header.ov.slide2 .language a { color:#fff; }
header.ov.slide2 .language a:before { background:url(/img/common/icon_lang.png) center center no-repeat; }
.fp-viewing-Services header .language a,
.fp-viewing-Research header .language a,
.fp-viewing-Company header .language a,
.fp-viewing-Careers header .language a,
.fp-viewing-Footer header .language a { color:#555; }
.fp-viewing-Services header.ov .language a,
.fp-viewing-Research header.ov .language a,
.fp-viewing-Company header.ov .language a,
.fp-viewing-Careers header.ov .language a,
.fp-viewing-Footer header.ov .language a,
.fp-viewing-Result header .language a { color:#fff; }
.fp-viewing-Services header .language a:before,
.fp-viewing-Research header .language a:before,
.fp-viewing-Company header .language a:before,
.fp-viewing-Careers header .language a:before,
.fp-viewing-Footer header .language a:before { background:url(/img/common/icon_lang_on.png) center center no-repeat; }
.fp-viewing-Services header.ov .language a:before,
.fp-viewing-Research header.ov .language a:before,
.fp-viewing-Company header.ov .language a:before,
.fp-viewing-Careers header.ov .language a:before,
.fp-viewing-Footer header.ov .language a:before,
.fp-viewing-Result header .language a:before { background:url(/img/common/icon_lang.png) center center no-repeat; }

header.nav .language a { color:#555; }
header.nav .language a:before { background:url(/img/common/icon_lang_on.png) center center no-repeat; }
header.ov.nav .language a { color:#fff; }
header.ov.nav .language a:before { background:url(/img/common/icon_lang.png) center center no-repeat; }

@media screen and (max-width:1440px){
	.language { right:102px; }
}
@media screen and (max-width:1280px){
	header.slide2 .language a { color:#555; }
	header.slide2 .language a:before { background:url(/img/common/icon_lang_on.png) center center no-repeat; }
	header.ov.slide2 .language a { color:#fff; }
	header.ov.slide2 .language a:before { background:url(/img/common/icon_lang.png) center center no-repeat; }
}
@media screen and (max-width:1024px){
	.language { right:82px; }
}
@media screen and (max-width:860px){
	.language { right:65px; top:42px; }
	.language a { font-size:11px; padding:10px 0 0 11px; letter-spacing:-0.02em; }
	.language a:before, 
	header.ov.nav .language a:before,
	header.ov.slide2 .language a:before { background:url(/img/common/icon_lang_m.png) center center no-repeat !important; }
	header.slide2 .language a:before,
	header.nav .language a:before { background:url(/img/common/icon_lang_on_m.png) center center no-repeat !important; }
}
@media screen and (max-width:640px){
}


#btn_top  { position:fixed; right:50px; bottom:30px; z-index:666; }
.mainBody .btn_scroll { opacity:0 !important; cursor:pointer; position:absolute; right:50px; bottom:30px; z-index:-99; width:80px; height:80px; background-color:rgba(0,0,0,0.3); border-radius:100%;}
.mainBody .active .btn_scroll { opacity:1 !important; z-index:99;  animation:ani_5 0.5s 0.3s; animation-fill-mode:both; }
.mainBody .main5 .btn_scroll {  display:none !important; }
.mainBody .btn_scroll.section5  { position:fixed; z-index:99; opacity:1 !important; }
#btn_top .down_scroll,
footer #btn_top .down_scroll,
footer.s_off #btn_top .down_scroll,
.main1 .btn_scroll .down_scroll,
.main2 .btn_scroll .down_scroll
.main3 .btn_scroll .down_scroll
.main4 .btn_scroll .down_scroll
.main5 .btn_scroll .down_scroll
.main6 .btn_scroll .down_scroll { opacity:1; visibility:visible; z-index:99; width:80px; height:80px; display:block; background-color:rgba(0,0,0,0.3); border-radius:100%; }
.down_scroll span { animation:top_scroll 1.5s 0.3s linear 9999 normal forwards;  transform:translateY(-6px);  position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.8); font-weight:400; font-size:13px; } 
.down_scroll span:after {content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); width:17px; height:17px; background:url(/img/common/down_scroll.png) center top no-repeat } 
#btn_top .top { opacity:0; z-index:-100; visibility:hidden; display:block; width:0; height:0; background-color:rgba(0,0,0,0.3); border-radius:100%; }
#btn_top .top:hover {  background-color:rgba(23,46,130,0.8);  }
#btn_top.active { bottom:335px; position:absolute; }
.mainBody .main7 #btn_top .down_scroll,
footer.on #btn_top .down_scroll { opacity:0; z-index:-100; visibility:hidden; width:0; height:0; }
footer.on #btn_top .top { cursor:pointer; opacity:1; z-index:99; visibility:visible; width:80px; height:80px; }
#btn_top .top span { position:relative; width:100%; height:100%; display:flex; align-items:center; padding:7px 0 0 0; justify-content:center; color:rgba(255,255,255,0.8); font-weight:400; font-size:13px; } 
#btn_top .top span:after,
.mainBody .main7 .btn_top span:after {content:""; display:block; position:absolute; left:50%; top:20px; transform:translateX(-50%); width:18px; height:11px; background:url(/img/common/btn_top.png) center top no-repeat } 
.mainBody .btn_top { animation:ani_5 0.5s 0.3s; animation-fill-mode:both; opacity:0; }
.mainBody .main7.active .btn_top { position:absolute; right:50px; bottom:335px; cursor:pointer; width:80px; height:80px; display:flex; align-items:center; padding:7px 0 0 0; justify-content:center; color:rgba(255,255,255,0.8); font-weight:400; font-size:13px; background-color:rgba(0,0,0,0.3); border-radius:100%; box-sizing:border-box; }
.mainBody .main7.active .btn_top:hover {  background-color:rgba(23,46,130,0.8);  }

@media screen and (max-width:860px){
	#btn_top,
	.mainBody #btn_top,
	.mainBody .btn_scroll { display:none; }
}
@media screen and (max-width:640px){
	#btn_top,
	.mainBody.fp-viewing-Main #btn_top { right:20px; bottom:20px; }
	#btn_top .top { width:60px; height:60px; }
	#btn_top .top span { padding:5px 0 0 0; font-size:12px; } 
	#btn_top .top span:after { top:15px; }
}

.common_banner { background-color:#222; }
.common_banner ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.common_banner li { float:left; width:12.5%; }
.common_banner li a { width:100%; height:115px; display:table; }
.common_banner li a span { width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; }

footer { position:relative; padding:0 50px; background-color:#222; z-index:88; height:190px; }
footer .f_infobox { border-top:1px solid #393939; padding:50px 0 0 0; z-index:888; position:relative; }
footer .f_infobox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
footer .f_infobox .l_info { float:left; }
footer .f_infobox .l_info > ul > li { display:inline-block; margin:0 0 0 26px; }
footer .f_infobox .l_info > ul > li:first-child { margin:0; }
footer .f_infobox .l_info > ul > li a { font-size:15px; line-height:13px; color:#999; letter-spacing:-0.01em; font-weight:300; }

footer .f_infobox .l_info ul li.btn_family { position:absolute; right:0; top:40px; }
footer .f_infobox .l_info ul li.btn_family > a { position:relative; display:inline-block; text-align:left; font-size:13px; line-height:11px; color:#aaa; font-weight:300; width:220px; padding:16px 0 16px 20px; border:1px solid rgba(204,204,204,0.2); box-sizing:border-box; }
footer .f_infobox .l_info ul li.btn_family > a:after {content:""; display:block; width:11px; height:11px; position:absolute; top:50%; right:20px; margin-top:-6px; background:url(/img/common/icon_p.png) center center no-repeat; transition:all 0.5s 0.0s ease-in-out; }
footer .f_infobox .l_info ul li.btn_family.on > a { color:#fff; width:220px; border:1px solid #223b8f; background-color:#223b8f; }
footer .f_infobox .l_info ul li.btn_family.on > a:after { background:url(/img/common/icon_m.png) center center no-repeat }
footer .f_infobox .l_info ul li.btn_family .sbox { position:absolute; right:0; bottom:0; display:none; text-align:left; width:220px; box-sizing:border-box; padding:0 0 45px 0; }
footer .f_infobox .l_info ul li.btn_family .sbox ul { background-color:#fff; padding:23px 25px 24px 19px; border:1px solid #eee; border-bottom:none; }
footer .f_infobox .l_info ul li.btn_family .sbox li { position:relative; margin:27px 0 0 0; }
footer .f_infobox .l_info ul li.btn_family .sbox li:hover:after {content:""; display:block; width:7px; height:11px; position:absolute; top:50%; right:0; margin-top:-6px; background:url(/img/common/icon_arr.png) center center no-repeat; transition:all 0.5s 0.0s ease-in-out; }
footer .f_infobox .l_info ul li.btn_family .sbox li:first-child { margin:0; }
footer .f_infobox .l_info ul li.btn_family .sbox li a { font-size:14px; color:#aaa; transition:all 0.3s ease-in-out; }
footer .f_infobox .l_info ul li.btn_family .sbox li a:hover { color:#333; }

footer .f_infobox .l_info .fbox { margin:45px 0 0 0; }
footer .f_infobox .l_info .fbox p { font-size:15px; line-height:13px; color:#ccc; letter-spacing:-0.01em; font-weight:300; }
footer .f_infobox .l_info .fbox p strong { display:inline-block; margin:0 16px 0 0; font-weight:400; }
footer .f_infobox .l_info .fbox p span.bar { position:relative; width:40px; display:inline-block; vertical-align:middle; }
footer .f_infobox .l_info .fbox p span.bar:after {content:""; display:block; width:1px; height:15px; position:absolute; top:0; left:50%; margin-top:-8px; background-color:#444; }
footer .f_infobox .l_info .copyright { margin:12px 0 0 0; font-size:15px; line-height:13px; color:#999; letter-spacing:-0.01em; font-weight:400; }
footer .f_infobox .r_info { float:right; text-align:right; padding:20px 0 0 0; }
footer .f_infobox .r_info .btn_family { position:relative; }
footer .f_infobox .r_info .btn_family > a { position:relative; display:inline-block; text-align:left; font-size:13px; line-height:11px; color:#ccc; font-weight:300; width:200px; padding:16px 0 16px 20px; border:1px solid rgba(204,204,204,0.2); box-sizing:border-box; }
footer .f_infobox .r_info .btn_family > a:after {content:""; display:block; width:11px; height:11px; position:absolute; top:50%; right:20px; margin-top:-6px; background:url(/img/common/icon_p.png) center center no-repeat; transition:all 0.5s 0.0s ease-in-out; }
footer .f_infobox .r_info .btn_family.on > a { color:#fff; width:220px; border:1px solid #223b8f; background-color:#223b8f; }
footer .f_infobox .r_info .btn_family.on > a:after { background:url(/img/common/icon_m.png) center center no-repeat }
footer .f_infobox .r_info .btn_family .sbox { position:absolute; right:0; bottom:0; display:none; text-align:left; width:220px; box-sizing:border-box; padding:0 0 45px 0; }
footer .f_infobox .r_info .btn_family .sbox ul { background-color:#fff; padding:23px 25px 24px 19px; border:1px solid #eee; border-bottom:none; }
footer .f_infobox .r_info .btn_family .sbox li { position:relative; margin:27px 0 0 0; }
footer .f_infobox .r_info .btn_family .sbox li:hover:after {content:""; display:block; width:7px; height:11px; position:absolute; top:50%; right:0; margin-top:-6px; background:url(/img/common/icon_arr.png) center center no-repeat; transition:all 0.5s 0.0s ease-in-out; }
footer .f_infobox .r_info .btn_family .sbox li:first-child { margin:0; }
footer .f_infobox .r_info .btn_family .sbox li a { font-size:14px; color:#ccc; transition:all 0.3s ease-in-out; }
footer .f_infobox .r_info .btn_family .sbox li a:hover { color:#333; }
footer .f_infobox .r_info .flogo { margin:35px 0 0 0;  }

@media screen and (max-width:1440px){
	footer { padding:0 40px; }
	footer .f_infobox .l_info ul li.btn_family { right:0; }
}
@media screen and (max-width:1024px){
	footer { padding:0 40px 0 40px; height:auto; }
	footer .f_infobox {  padding:50px 0 35px 0; }
}
@media screen and (max-width:860px){
	footer { padding:0 20px 0 20px; }
	footer .f_infobox .l_info { width:100%; }
	footer .f_infobox .l_info .fbox { text-align:center; }
	footer .f_infobox .l_info .copyright { text-align:center; margin:20px 0 0 0;}
	footer .f_infobox .r_info { float:right; text-align:center; width:100%; }
	footer .f_infobox .r_info .btn_family { position:absolute; top:35px; right:0; }
	footer .f_infobox .l_info ul li.btn_family { right:20px; }
}
@media screen and (max-width:640px){
	footer .f_infobox .l_info > ul { text-align:center; }
	footer .f_infobox .l_info > ul > li { margin:0 0 0 15px; }
	footer .f_infobox .l_info > ul > li a { color:#ccc; }
	footer .f_infobox .l_info ul li.btn_family { position:relative; right:0; top:0; margin:0 0 0 15px; }
	footer .f_infobox .l_info ul li.btn_family > a { position:relative; display:inline-block; text-align:left;font-size:15px; line-height:13px; color:#ccc; letter-spacing:-0.01em; font-weight:300; padding:0; padding-right:40px; width:auto; border:none; box-sizing:border-box; }
	footer .f_infobox .l_info ul li.btn_family.on > a { width:auto; background:none; border:none; }
	footer .f_infobox .l_info ul li.btn_family > a:after {content:""; display:block; width:11px; height:11px; position:absolute; top:50%; right:20px; margin-top:-6px; background:url(/img/common/icon_p_m.png) center center no-repeat; transition:all 0.5s 0.0s ease-in-out; }
	footer .f_infobox .l_info ul li.btn_family.on > a:after { background:url(/img/common/icon_m_m.png) center center no-repeat }
	footer .f_infobox .l_info ul li.btn_family .sbox { width:180px; padding:0 0 25px 0; }
	footer .f_infobox .l_info ul li.btn_family .sbox ul { padding:20px 15px 20px 10px; }
	footer .f_infobox .l_info ul li.btn_family .sbox li { margin:20px 0 0 0; }
	footer .f_infobox .l_info ul li.btn_family .sbox li a { font-size:13px; }
	
	footer .f_infobox .l_info .fbox p span.bar { width:0; display:block; height:10px; vertical-align:middle; }
	footer .f_infobox .l_info .fbox p span.bar:after { display:none; }
	footer .f_infobox .r_info .btn_family { top:40px; }
	footer .f_infobox .r_info .btn_family > a { width:150px; padding:12px 0 12px 10px; }
	footer .f_infobox .r_info .btn_family.on > a { width:180px; }
	footer .f_infobox .r_info .btn_family .sbox { width:180px; padding:0 0 37px 0; }
	footer .f_infobox .r_info .btn_family .sbox ul { padding:20px 15px 20px 10px; }
	footer .f_infobox .r_info .btn_family .sbox li { margin:20px 0 0 0; }
	footer .f_infobox .r_info .btn_family .sbox li a { font-size:13px; }
}


.quickMenu { opacity:0; position:fixed; right:0; top:50%; margin-top:-161px; z-index:333; }
.quickMenu .box { position:absolute; top:0; right:0; width:55px; height:322px; float:left; background-color:#231f20; transition:all 0.3s ease-in-out; }
.quickMenu .box .tit { opacity:1; position:relative; width:55px; height:322px; z-index:2; }
.quickMenu .box .tit span {  position:absolute; left:50%; bottom:80px; font-size:16px; color:#ccc; letter-spacing:0.1em; transform:translateX(calc(-50% + 0.5px)) rotate(-90deg); white-space:nowrap; }
.quickMenu .box .btn { position:absolute; right:0; top:0; width:55px; height:60px; z-index:3; background-color:#231f20; transition:all 0.3s ease-in-out; }
.quickMenu .box .btn:after { content:""; display:block; width:11px; height:9px; position:absolute; top:50%; left:50%; margin:-4.5px 0 0 -5.5px; background:url(/img/common/icon_btn_q.png) center center no-repeat; transform:rotate(0deg); transition:all 0.2s ease-in-out; }
.quickMenu .box.active .btn { right:90px; height:55px; }
.quickMenu .box.active .btn:after { transform:rotate(180deg); }
.quickMenu .box.active .tit { opacity:0; z-index:-2; }
.quickMenu .menu { position:relative; opacity:0; width:0; padding:7px 0; float:left; background-color:#231f20; transition:all 0.3s ease-in-out; }
.quickMenu.on .menu { opacity:1; width:90px; }
.quickMenu .menu li { opacity:0; position:relative; width:100%; display:block; }
.quickMenu .menu li:after { content:""; display:block; width:60px; height:1px; background-color:#373334; position:absolute; left:50%; top:0; transform:translateX(-50%); }
.quickMenu .menu li:first-child:after { display:none; }
.quickMenu .menu li > a { display:table; width:100%; }
.quickMenu .menu li > a > span { display:table-cell; width:100%; height:74px; vertical-align:middle; text-align:center; }
.quickMenu .menu li:nth-child(3) > a > span { height:86px; }
.quickMenu .menu li > a > span strong { display:block; color:#ccc; font-size:13px; font-weight:300; margin:6px 0 0 0; line-height:14px; }

.quickMenu { animation:ani_2 0.3s 0.3s; animation-fill-mode:both; }
.quickMenu.on .menu li:nth-child(1) { animation:ani_2 0.3s 0.3s; animation-fill-mode:both; }
.quickMenu.on .menu li:nth-child(2) { animation:ani_2 0.3s 0.5s; animation-fill-mode:both; }
.quickMenu.on .menu li:nth-child(3) { animation:ani_2 0.3s 0.7s; animation-fill-mode:both; }
.quickMenu.on .menu li:nth-child(4) { animation:ani_2 0.3s 0.9s; animation-fill-mode:both; }

@media screen and (max-width:1024px){
	.quickMenu { top:auto;  bottom:0; width:100%; height:auto; margin-top:0; z-index:3333333;  }
	.quickMenu .box { display:none; }
	.quickMenu .menu { opacity:1; width:100%; }
	.quickMenu .menu:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
	.quickMenu.on .menu { width:100%; }
	.quickMenu .menu li { opacity:1; float:left; width:25%; padding:0 0; height:70px; vertical-align:top !important; }
	.quickMenu .menu li:nth-child(3) > a > span { height:70px;}
	.quickMenu .menu li:after { width:1px; height:40px; top:50%; left:0; transform:translate(0, -50%);}
}



/* keyframes animation */
@keyframes scroll {
	0% { transform:translateX(3px);}
	50% { transform:translateX(-3px);}
	100% { transform:translateX(3px);}
}


@keyframes vsImg {
	0% { -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
@keyframes scaleY_bar {
	0% { -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); opacity:0; }
	100% { -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); opacity:1; }
}

@keyframes ani_1 {
	0% { -webkit-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); opacity: 0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1;}
}

@keyframes ani_2 {
	0% { -webkit-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px); opacity: 0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1;}
}

@keyframes ani_3 {
	0% { -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); opacity: 0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1;}
}

@keyframes ani_3_1 {
	0% { -webkit-transform:translate(-50%, 50px); -ms-transform:translate(-50%, 50px); transform:translate(-50%, 50px); opacity: 0;}
	100% { -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity: 1;}
}

@keyframes ani_4 {
	0% { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity: 0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1;}
}
@keyframes ani_5 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes ani_h0 {
	0% {height: 0;}
	100% {height: 0;}
}
@keyframes ani_h {
	0% {height: 0;}
	100% {height: 100%;}
}


@keyframes ani_over {
	0% {opacity: 0;}
	95% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes line_over {
	0% {  opacity:0; }
	80% {  opacity:0.3; }
	99% {  opacity:0.3; }
	100% {  opacity:0; }
}

@keyframes txt_big {
	0% {  opacity:0; }
	40% { opacity:0; }
	100% {  opacity:1; }
}
@-webkit-keyframes txt_big {
	0% {  opacity:0; }
	40% { opacity:0; }
	100% {  opacity:1; }
}

@keyframes vsImg {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}
@-webkit-keyframes vsImg {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}


@keyframes txt_op {
	0% { opacity:0; }
	100% {opacity:1; }
}
@-webkit-keyframes txt_op {
	0% { opacity:0; }
	100% { opacity:1; }
}

@keyframes img_b {
	0% { transform:scale(1.2); opacity:0; }
	100% { transform:scale(1); opacity:1; }
}
@-webkit-keyframes img_b {
	0% { transform:scale(1.2); opacity:0; }
	100% { transform:scale(1); opacity:1; }
}

@keyframes top_scroll {
	0% { transform:translateY(-6px);}
	50% { transform:translateY(6px);}
	100% { transform:translateY(-6px);}
}

@-webkit-keyframes top_scroll {
	0% { transform:translateY(-6px);}
	50% { transform:translateY(6px);}
	100% { transform:translateY(-6px);}
}



/* privacy */
.privacy { color:#777; overflow:hidden; box-sizing:border-box; font-size:18px; font-weight:300; line-height:180%; word-break:break-all; }
.privacy h3 { font-size:20px; font-weight:bold; color:#333; margin-top:30px; }
.privacy h3:first-child { margin-top:0; }
.privacy .bodyCont { margin:30px 0 0 0; }
.privacy .bodyCont p { margin:20px 0 20px 0; }
.privacy .bodyCont p span { display:block; padding:15px 10px 0 15px; }
.privacy table { border:none; border-top:2px solid #f47320;  }
.privacy td, .privacy th { border:none; text-align:center; padding:12px 5px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;  }
.privacy td:first-child, 
.privacy th:first-child { border-left:none; }
@media screen and (max-width:1440px){
	.privacy { padding:0 20px; }
}
@media screen and (max-width:1024px){
	.privacy { font-size:16px; }
	.privacy h3 { font-size:18px; margin-top:20px; }
	.privacy .bodyCont { margin:20px 0 0 0; }
	.privacy .bodyCont p { margin:15px 0 15px 0; }
	.privacy .bodyCont p span { padding:10px 8px 0 15px; }
}
@media screen and (max-width:640px){
	.privacy { font-size:15px; }
	.privacy h3 { font-size:16px; margin-top:15px; }
	.privacy .bodyCont { margin:15px 0 0 0; }
	.privacy .bodyCont p { margin:15px 0 15px 0; }
	.privacy .bodyCont p span { padding:8px 8px 0 12px; }
	.sTxt table td { padding-left:10px; }
}

/* slick-slider ΗΚΌφ css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}