.slides.whiteSlide.portfolioTop .panel.top {
	background: rgba(255,255,255);
	padding-bottom:10px;
}

.slides {
	background: rgb(255, 255, 255);
	transition: 0.15s;
	color: #666;
	fill: #fff;
	-ms-user-select: none;
	-webkit-font-smoothing: antialiased;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	text-rendering: optimizeSpeed;
	-webkit-transition: 0.15s;
}
.bodyWhite.slides {
	background: rgb(255, 255, 255);
}

.mainTopTxt{margin-top:-30px;}

@media screen and (max-width:1200px) {
	.mainTopTxt{margin-top:10px;}
}

@media screen and (max-width:640px) {
	.mainTopTxt{margin-top:20px;}
}

@media screen and (max-width:320px) {
}

.button {
	border: currentColor;
	transition: 0.25s;
	border-image: none;
	color: rgb(255, 255, 255);
	overflow: hidden;	
	font-size: 22px;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 20px;
	vertical-align: top;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
	box-shadow: inset 0px -100px 0px rgba(41,41,41,0);
	-ms-user-select: none !important;
	transform: translate3d(0px, 0px, 0px);
	-webkit-backface-visibility: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-transition: 0.25s;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-box-shadow: inset 0 -100px 0 rgba(41, 41, 41, 0);
	-webkit-appearance: none;
}

.whiteSlide.slide .white.button {
	box-shadow: inset 0px 0px 0px 1px rgba(41,41,41,0.2), inset 0px -100px 0px rgba(41,41,41,0);
	-webkit-box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2) inset, inset 0 -100px 0 rgba(41, 41, 41, 0);
}
.whiteSlide.slide .white.button:hover {
	box-shadow: inset 0px 0px 0px 1px rgba(41,41,41,0), inset 0px -100px 0px rgba(41,41,41,0.06), 0px 4px 6px 0px rgba(0,0,0,0.1), 0px 1px 10px 0px rgba(0,0,0,0.06), 0px 2px 4px -1px rgba(0,0,0,0.18);
	-webkit-box-shadow: 0 0 0 1px rgba(41, 41, 41, 0) inset, inset 0 -100px 0 rgba(41, 41, 41, 0.06), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.18);
}
.button:hover {
	transition: 0.25s !important;
	opacity: 1;
	box-shadow: inset 0px -100px 0px rgba(41,41,41,0.15), 0px 4px 6px 0px rgba(0,0,0,0.1), 0px 1px 10px 0px rgba(0,0,0,0.1), 0px 2px 4px -1px rgba(0,0,0,0.1);
	-webkit-transition: 0.25s;
	-webkit-box-shadow: inset 0 -100px 0 rgba(41, 41, 41, 0.15), 0 4px 6px 0 rgba(0, 0, 0, .1), 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .1);
}
.button:active {
	transition: -webkit-transform 0.25s, opacity 0.25s, position !important;
	top: 1px;
	box-shadow: inset 0px -100px 0px rgba(0,0,0,0.2), 0px 3px 6px 0px rgba(0,0,0,0.1), 0px 0px 10px 0px rgba(0,0,0,0.1), 0px 1px 4px -1px rgba(0,0,0,0.1);
	-webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s;
	-webkit-box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, .1), 0 0px 10px 0 rgba(0, 0, 0, .1), 0 1px 4px -1px rgba(0, 0, 0, .1);
}

.uppercase.button { padding-top: 15px; padding-bottom: 15px; font-size: 17px; font-weight: 700; }
.small.uppercase.button { padding-right: 20px; padding-left: 20px; font-size: 15px; }
.stroke.button { border: 2px solid currentColor; border-image: none; padding-top: 10px; padding-bottom: 10px; background-color: transparent !important; }
.uppercase.stroke.button { padding-top: 13px; padding-bottom: 13px; }
.whiteSlide.slide .stroke.button { background: none !important; color: rgb(48, 48, 48) !important; }
.stroke.button:hover {
	box-shadow: inset 0px -100px 0px rgba(41,41,41,0.05), 0px 4px 6px 0px rgba(0,0,0,0.1), 0px 1px 10px 0px rgba(0,0,0,0.1), 0px 2px 4px -1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 -100px 0 rgba(41, 41, 41, 0.05), 0 4px 6px 0 rgba(0, 0, 0, .1), 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .1);
}
.actionButton.button{ width: 30px; height: 30px; }

@media screen and (max-width:320px) {
	.uppercase.button { letter-spacing: 0.07em; }
	.uppercase { letter-spacing: 0.07em; }
}
.dots { font-size: 0px; }
.dot { padding: 8px; display: inline-block; }
.dot::after { background:rgb(255,255,255); border-radius:50%; transition:0.25s; width:6px; height:6px; display:inline-block; content:""; opacity:0.5; -webkit-transition:0.25s; }
.big.dots .dot::after { width: 14px; height: 14px; }
.whiteSlide.slide .dot::after { background: rgb(48, 48, 48); }
.dot:hover::after { opacity: 1; transform: scale(1.33333); -webkit-transform: scale(1.33333); }
.dot:active::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.selected.dot::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.tabs { border-radius: 4px; border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255); max-width: 260px; }
.tabs li { padding: 20px; border: 1px solid rgb(255, 255, 255); transition: 0.15s; border-image: none; letter-spacing: 3px; font-size: 15px; -webkit-transition: 0.15s; }
.tabs li:first-child { border-radius: 3px 3px 0px 0px; }
.tabs li:last-child { border-radius: 0px 0px 3px 3px; }
.tabs li.selected { background: rgb(255, 255, 255); color: rgb(48, 48, 48); }
.whiteSlide .tabs { border: 1px solid rgb(48, 48, 48); border-image: none; color: rgb(48, 48, 48); }
.whiteSlide .tabs li { border: 1px solid rgb(48, 48, 48); border-image: none; color: rgb(48, 48, 48); }
.whiteSlide .tabs li.selected { background: rgb(48, 48, 48); color: rgb(255, 255, 255); }
.links li { padding: 4px 0px; letter-spacing: 0px; font-size: 17px; }

form { font-size: 0px; margin-top: -5px; }

.nextSlide { cursor: pointer; }
.prevSlide { cursor: pointer; }
.nextSlide:hover { transition: 0.15s; -webkit-transition: 0.15s; }
.prevSlide:hover { transition: 0.15s; -webkit-transition: 0.15s; }
.nextSlide:active { opacity: 0.75; }
.prevSlide:active { opacity: 0.75; }
.firstSlide .prevSlide { opacity: 0.4; pointer-events: none; }
.lastSlide .nextSlide { opacity: 0.4; pointer-events: none; }
.lastSlide.firstSlide .prevSlide { opacity: 0; }
.lastSlide.firstSlide .nextSlide { opacity: 0; }
.firstSlide .bottom.panel .nextSlide svg { animation: animateArrow 4s infinite; -webkit-animation: animateArrow 4s infinite; }
.slide { background: rgb(48, 48, 48); width: 100%; height: 100%; color: #666; overflow: hidden; position: fixed; z-index: 10; }
.active.slide { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-backface-visibility: hidden; }
.mobile .slide { visibility: hidden; }
.mobile .active.slide { visibility: visible; }
.content { left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 100; -webkit-overflow-scrolling: touch; }
.scrollBar.content { -ms-overflow-y: auto; }
.windows .defaultScroll .content { overflow: auto; -ms-overflow-x: hidden; }
.mobile .content { overflow: auto; -ms-overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.fade .content { background: rgba(17, 19, 20, 0); outline: rgba(17, 19, 20, 0.6) solid 2px; }
.fade-1 .content { background: rgba(17, 19, 20, 0.1); outline: rgba(17, 19, 20, 0.1) solid 2px; }
.fade-2 .content { background: rgba(17, 19, 20, 0.2); outline: rgba(17, 19, 20, 0.2) solid 2px; }
.fade-3 .content { background: rgba(17, 19, 20, 0.3); outline: rgba(17, 19, 20, 0.3) solid 2px; }
.fade-4 .content { background: rgba(17, 19, 20, 0.4); outline: rgba(17, 19, 20, 0.4) solid 2px; }
.fade-5 .content { background: rgba(17, 19, 20, 0.5); outline: rgba(17, 19, 20, 0.5) solid 2px; }
.fade-6 .content { background: rgba(17, 19, 20, 0.6); outline: rgba(17, 19, 20, 0.6) solid 2px; }
.fade-7 .content { background: rgba(17, 19, 20, 0.7); outline: rgba(17, 19, 20, 0.7) solid 2px; }
.fade-8 .content { background: rgba(17, 19, 20, 0.8); outline: rgba(17, 19, 20, 0.8) solid 2px; }
.fade-9 .content { background: rgba(17, 19, 20, 0.9); outline: rgba(17, 19, 20, 0.9) solid 2px; }
.fade.whiteSlide .content { background: rgba(255, 255, 255, 0.6); }

.fade.whiteSlide_main .content { background: rgba(0, 0, 0, 0.8); }

body .whiteSlide.slide { background: white; color: rgb(48, 48, 48); }
.container { width: 100%; height: 100%; display: table; position: relative; table-layout: fixed; }
.wrap { text-align: center; vertical-align: middle; display: table-cell; cursor: default; }
:not(.noSpaces).wrap { padding: calc(2.56% + 60px) calc(8% + 15px); }
.spaceWrap { padding: calc(2.56% + 60px) calc(8% + 15px); }
.wrap * { -ms-user-select: text; -webkit-user-select: text; -moz-user-select: text; user-select: text; }

.slide .background { background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; backface-visibility: hidden; background-size: cover; -webkit-backface-visibility: hidden; }
.popup .background { background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; backface-visibility: hidden; background-size: cover; -webkit-backface-visibility: hidden; }
.grid { margin-right: -2%; margin-left: -2%; }
.fixedSpaces.grid { margin-right: -15px; margin-left: -15px; }
.noSpaces.grid { margin-right: 0px; margin-left: 0px; }
.grid + .grid { margin-top: 20px; }
.grid::after { clear: both; display: table; content: ""; }
.col-1-12 { max-width: 8.33%; }
.col-2-12 { max-width: 20%; }
.col-3-12 { max-width: 25%;}
.col-4-12 { max-width: 33.33%; }
.col-5-12 { max-width: 41.66%; }
.col-6-12 { max-width: 50%; }
.col-7-12 { max-width: 58.33%; }
.col-8-12 { max-width: 66.66%; }
.col-9-12 { max-width: 75%; }
.col-10-12 { max-width: 83.33%; }
.col-11-12 { max-width: 91.66%; }
.col-12-12 { max-width: 100%; }

@media screen and (max-width:767px) {
	.col-2-12 { max-width: 48%; margin:0 1%; }

	.later.grid > .fab-col-1-12 { max-width: 8.33% !important; }
	.later.grid > .fab-col-2-12 { max-width: 16.66% !important; }
	.later.grid > .fab-col-3-12 { max-width: 25% !important; }
	.later.grid > .fab-col-4-12 { max-width: 33.33% !important; }
	.later.grid > .fab-col-5-12 { max-width: 41.66% !important; }
	.later.grid > .fab-col-6-12 { max-width: 50% !important; }
	.later.grid > .fab-col-7-12 { max-width: 58.33% !important; }
	.later.grid > .fab-col-8-12 { max-width: 66.66% !important; }
	.later.grid > .fab-col-9-12 { max-width: 75% !important; }
	.later.grid > .fab-col-10-12 { max-width: 83.33% !important; }
	.later.grid > .fab-col-11-12 { max-width: 91.66% !important; }
	.later.grid > .fab-col-12-12 { max-width: 100% !important; }

	.later.grid > [class*='col-'] { width: 100% !important; max-width: 100% !important; }
	.later.grid > [class*='col-'] .mobileLeft { text-align: left; }
	.later.grid > [class*='col-'] .mobileRight { text-align: right; }
	/*[class*='fix-'] br{display:inherit !important;}*/
}

@media screen and (max-width:1023px) {
	:not(.later).grid > .fab-col-1-12 { max-width: 8.33% !important; }
	:not(.later).grid > .fab-col-2-12 { max-width: 16.66% !important; }
	:not(.later).grid > .fab-col-3-12 { max-width: 25% !important; }
	:not(.later).grid > .fab-col-4-12 { max-width: 33.33% !important; }
	:not(.later).grid > .fab-col-5-12 { max-width: 41.66% !important; }
	:not(.later).grid > .fab-col-6-12 { max-width: 50% !important; }
	:not(.later).grid > .fab-col-7-12 { max-width: 58.33% !important; }
	:not(.later).grid > .fab-col-8-12 { max-width: 66.66% !important; }
	:not(.later).grid > .fab-col-9-12 { max-width: 75% !important; }
	:not(.later).grid > .fab-col-10-12 { max-width: 83.33% !important; }
	:not(.later).grid > .fab-col-11-12 { max-width: 91.66% !important; }
	:not(.later).grid > .fab-col-12-12 { max-width: 100% !important; }

	.fix-12-12 .about .grid col-6-12.moWid50 { width: 50% !important; max-width: 50% !important; }
	.fix-16-12 .col-3-12{ width: 50% !important; max-width: 50% !important; }

	:not(.later).grid > [class*='col-'] { width: 100% !important; max-width: 100% !important; }
	:not(.later).grid > [class*='col-'] .mobileLeft { text-align: left; }
	:not(.later).grid > [class*='col-'] .mobileRight { text-align: right; }
	:not(.later).grid > [class*='col-'] .pad { padding: 10% 0px !important; border-radius: 0px; border: currentColor; transition: all !important; border-image: none; -webkit-transition: 0s; }
	:not(.later).grid > [class*='col-'] .pad:hover { background: inherit; color: inherit; }
	:not(.later).grid > [class*='col-'] .stroke.pad { background: inherit; color: inherit; }
	/*br{display:none;}*/
}
.grid [class*='col-'] { /**/padding-right: 2%; padding-left: 2%; float: left; display: block; }
.grid [class*='busi-'] { /**/padding-right: 2%; padding-left: 2%; display: block; }
.fixedSpaces.grid [class*='col-'] { padding-right: 20px; padding-left: 20px; }
.noSpaces.grid [class*='col-'] { padding-right: 0px; padding-left: 0px; }
.fix-1-12 { max-width: 70px !important; }
.fix-2-12 { max-width: 164px !important; }
.fix-3-12 { max-width: 258px !important; }
.fix-4-12 { max-width: 354px !important; }
.fix-5-12 { max-width: 448px !important; }
.fix-6-12 { max-width: 544px !important; }
.fix-7-12 { max-width: 640px !important; }
.fix-8-12 { max-width: 734px !important; }
.fix-9-12 { max-width: 828px !important; }
.fix-10-12 { max-width: 1200px !important; }
.fix-11-12 { max-width: 1018px !important; }
.fix-12-12 { max-width: 1200px !important; }
.fix-16-12 { max-width: 1200px !important; }
[class*='fix-'] { width: 100% !important; margin-right: auto !important; margin-left: auto !important; margin-bottom:30px !important; float: none; }
.toLeft { margin-right: auto !important; margin-left: 0px !important; }
[class*='fix-'].toLeft { margin-right: auto !important; margin-left: 0px !important; }
[class*='col-'].toLeft { margin-right: auto !important; margin-left: 0px !important; }
.toRight { margin-right: 0px !important; margin-left: auto !important; float: right; }
[class*='fix-'].toRight { margin-right: 0px !important; margin-left: auto !important; float: right; }
[class*='col-'].toRight { margin-right: 0px !important; margin-left: auto !important; float: right; }
.toCenter { margin-right: auto !important; margin-left: auto !important; }
[class*='col-'].toCenter { margin-right: auto !important; margin-left: auto !important; }

.whiteSlide.slide .fade { background: rgba(255, 255, 255, 0.6); }

.shadow { box-shadow: 0px 32px 44px 0px rgba(0,0,0,0.6); -webkit-box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.6); }
.shadow.empty.button:hover { box-shadow: 0px 32px 44px 0px rgba(0,0,0,0.6); -webkit-box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.6); }
.noShadow { box-shadow: none; -webkit-box-shadow: none; }

@media screen and (max-width:1400px) {
	.fix-16-12 .col-3-12{ width: 33.3% !important; max-width: 33.3% !important;}
}

.panel {
	padding: 1.2% 3.0%;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size: 22px;
	position: fixed;
	z-index: 200;
	pointer-events: none;
	-ms-user-select: none;
	transform: translate3d(0px, 0px, 0px);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-transform: translate3d(0, 0, 0);
}
.whiteSlide.slides .panel { color: rgb(48, 48, 48); }

.panel .logo{display:block; width:141px; height:53px; background:url(/images/logo.png) no-repeat; background-size:cover !important; margin-top:0px;}
.whiteSlide.slides .panel .logo{display:block; width:141px; height:53px; background:url(/images/logo.png) no-repeat;  margin-top:0px;}

.panel .moMenu{display:block; width:80px; height:80px; background:url(/images/ico_menu_white.png) no-repeat; }
.whiteSlide.slides .panel .moMenu{display:block; width:80px; height:80px; background:url(/images/ico_menu_black.png) no-repeat;}

.panel .scroll{display:block; width:24px; height:54px; background:url(/images/mouse.png) no-repeat; margin:0 auto;}
.whiteSlide.slides .panel .scroll{display:block; width:24px; height:54px; background:url(/images/mouse.png) no-repeat;}

.lastSlide.slides  .panel .scroll{display:block; width:24px; height:54px; background:url(/images/ico_top.png) no-repeat; margin:0 auto;}
.scrollNo.slides  .panel .scroll{display:none !important;}

.scrollNo.slides  .side.small{display:none !important;}


@media screen and (max-width:768px) {
	.panel { padding: 2% 4%  2% 2%; }
	.panel .scroll{display:none !important;}
	.whiteSlide.slides .panel .scroll{display:none !important;}
	.lastSlide.slides  .panel .scroll{display:none !important;}
	
	.panel .logo {width:175px !important; background-size:contain !important;}
	.mo_disno{display:none !important;}
	.bottom.panel {padding:2% 5%  2% !important;}
	.whiteSlide.slides .bottom.panel {padding:2% 5%  2% !important;}

	.panel.bottom {padding:0 !important;}
	.panel.bottom .copy{ height:80px; text-align:left !important; width:100% !important; padding-left:10px; line-height:20px;}
	.sections .copy {background:rgba(29, 30, 31, 0.7);}
	.sections .copy .txt_logo{margin-bottom:0 !important; color:#c1c1c1 !important;}
	.sections .copyright{margin-top:0 !important; color:#898989 !important;}
}
@media screen and (max-width:480px) {
	.sections .copy .txt_logo{font-size:12px !important;}
	.sections .copyright{font-size:10px !important;}
}
.large.panel { padding: 2.78% 5%; }
.small.panel { padding-top: 14px; padding-bottom: 14px; }
.top.panel { top: 0px; }
.bottom.panel { bottom: 0px; }
.top.panel { opacity: 0; transform: translate3d(0px, -100%, 0px); -webkit-transform: translate3d(0, -100%, 0); }
.bottom.panel { opacity: 0; transform: translate3d(0px, 100%, 0px); -webkit-transform: translate3d(0, 100%, 0); }
.page-loaded .panel { transition: transform 0.2s, opacity 0.2s, padding 0.2s; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, padding 0.2s; -webkit-transform: translate3d(0, 0, 0); }

.panel .hidden { display: none; }
.panel .hidden * { display: none; }

.scroll .top.hideOnScroll.panel { position: fixed; }
.scroll .bottom.hideOnScroll.panel { position: fixed; }

.hide.top.hideOnScroll.panel { opacity: 0; transform: translateY(-100%) !important; -webkit-transform: translateY(-100%); }
.hide.bottom.hideOnScroll.panel { opacity: 0; transform: translateY(100%) !important; -webkit-transform: translateY(100%); }

.panel .sections { width: 100%; font-size: 0px; display: table; }
.panel svg { width: 22px; height: 22px; fill: #fff; }

section .bar {text-align:center; padding-top:0px; width:100%;}

.sections > div { width: 33.33%; height: 50px; text-align: center; font-size: 22px; vertical-align: middle; display: table-cell; white-space: nowrap; }
.sections > div.auto { width: 0.1%; }
.sections > div * { pointer-events: all; }
.sections .left { text-align: left; }
.sections .right { text-align: right; }
.sections .center { text-align: center; }
.sections .menu { font-size: 0px; display: inline-block; white-space: nowrap; }
.sections .menu li { margin: 0px 10px; font-size: 18px; display: inline-block; }
.sections .flag { padding-right:14px; display: block; white-space: nowrap; }
.sections .flag li { margin: 0px 6px; font-size: 16px; display: inline-block; }
.sections .small.menu li { margin: 0px 4px; font-size: 18px; }
.sections .menu li a { font-weight:bold; padding: 4px 10px 5px; }
.sections .menu li a.ptxt{color:#3deedf; text-decoration:underline;}
.whiteSlide.slides .sections .menu li a.ptxt{color:#00e3d0; text-decoration:underline;}

.sections .uppercase.menu { font-weight: 600; }
.sections .uppercase.menu li { margin: 0px 20px; letter-spacing: 0.15em; font-size: 17px; }
.sections .small.uppercase.menu li { margin: 0px 10px; font-size: 14px; }
.sections .space.center { padding: 0px 20px; }
.sections .space.right { padding-left: 20px; }
.sections .space.left { padding-right: 20px; }
.sections .right ul.crop { padding-right: 0px; }

.sections .left ul.crop { padding-left: 0px; }
.sections .left ul.crop li:first-child { margin-left: 0px; }
.sections .right ul.crop li:last-child { margin-right: 0px; }
.sections .copy{ padding:0; font-size:12px; color:#222; }
.sections .copy span{ padding-left:10px; }
.sections .copyright{ font-size:10px; color:#333; margin-top:5px; }
.sections .copy .txt_logo{ font-size:12px; margin-bottom:10px; letter-spacing:-1px; }
.sections .copy li { font-size:12px; letter-spacing:-1px; }
.sections .copy .txt_logo strong{ font-size:12px; letter-spacing:-1px; }
.sections .btn li { margin: 10px 2px -40px; font-size: 12px; display: inline-block; }

@keyframes aniBtn {
  0% { bottom: 20px; }
  50% { bottom: 30px; }
  100% { bottom: 21px; }
}

.whiteSlide.slides .btn li a { background:#313234; color:#fff; }
.whiteSlide.slides .btn li a:hover{ color:#fff; background:#3deedf; color:#313234; opacity: 1; }

.panel .button { margin: 0px; color: rgb(48, 48, 48); /*padding-right: 20px; padding-left: 20px;*/ font-size: 20px; vertical-align: middle; display: inline-block; }
.panel .small.button { font-size: 18px; }
.panel .micro.button { padding: 12px 22px; font-size: 16px; }
.panel .nextSlide { top: 5px; width: 24px; height: 24px; position: relative; }
.panel .prevSlide {	top: 5px; width: 24px; height: 24px; position: relative; }
.panel .button + .button { margin-left: 10px; }
.uppercase.menuButton { font-size: 17px; }
.small.uppercase.menuButton { font-size: 14px; }
.whiteSlide.slides .panel .menuButton { background: rgb(48, 48, 48); color: rgb(255, 255, 255); }
.panel .stroke.menuButton.button { color: rgb(255, 255, 255); }
.whiteSlide.slides .panel .stroke.menuButton.button { color: rgb(48, 48, 48); }
.actionButton.button { width: 40px; height: 40px; line-height: 1; vertical-align: middle; display: inline-block; z-index: 999; cursor: pointer; }

.slides .slide { opacity: 1; }
.side { padding: 0 2%; transition: opacity 0.5s; top: 0px; height: 100%; right: 0px; bottom: 0px; position: fixed; z-index: 100; opacity: 0;
	pointer-events: none; transform: translate3d(0px, 0px, 0px); -webkit-transition: opacity 0.5s; -webkit-transform: translate3d(0, 0, 0); }
.large.side { padding: calc(5.56% + 50px) 5%; }
.page-loaded .side { opacity: 1; }
.left.side { left: 0px; right: inherit; }
.right.side { left: inherit; right: 0px; }
.navigation { height: 100%; display: table; }
.navigation ul { vertical-align: middle; display: table-cell; }
.navigation * { pointer-events: all; }
.navigation li { background: none; margin: 0px -9px; padding: 9px; display: block; position: relative; cursor: pointer; }


.navigation li::after {	transition: opacity 0.15s; width: 6px; height: 6px; border:4px solid #23adf5; display: block; content: ""; opacity: 0.3; 
	-webkit-transition: opacity 0.15s;
}
.navigation li:hover::after { opacity: 1; }
.medium .navigation li { margin: 0px -11px; padding: 7px 20px 7px 0; }
.medium .navigation li::after { border-radius: 2px; width: 18px; height: 18px; -webkit-border-radius: 5px; }
.small .navigation li { margin: 0px -3px; }
.small .navigation li::after { width: 6px; height: 6px; }
.navigation li[data-title]::before { background: rgba(40, 40, 40, 0.7); padding: 6px 14px 7px; border-radius: 50px; left: 0px; top: 1px; 
	color: rgb(255, 255, 255); letter-spacing: 0.01em; font-size: 15px; white-space: nowrap; visibility: hidden; position: absolute; 
	content: attr(data-title); box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1); transform: translateX(-100%); 
	-webkit-transform: translateX(-100%); -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.1);
}
.navigation li:hover::before { visibility: visible; }
.left .navigation li::before { left: inherit; right: 0px; transform: translateX(100%); -webkit-transform: translateX(100%); }
.bottom.panel .navigation li::before { left: 14px; top: -2px; transform: translateY(-100%) translateX(-50%); -webkit-transform: translateY(-100%) translateX(-50%); }
.side.compact { padding: 30px calc(2.5% - 8px); }
.side.compact .navigation li { background: rgb(255, 255, 255); margin: 0px; padding: 1px; border-radius: 0px; width: 15px; height: 7px; 
	opacity: 0.2; box-shadow: none; -webkit-box-shadow: none;
}
.side.compact .navigation li:hover { opacity: 1; }
.side.compact .navigation li.selected { opacity: 1; }
.whiteSlide .side.compact .navigation li { background: rgba(41, 41, 41, 1); }
.side.compact .navigation li::after { display: none; }
.side.compact .navigation li:first-child { border-radius: 10px 10px 0px 0px; }
.side.compact .navigation li:last-child { border-radius: 0px 0px 10px 10px; }
.side.compact .navigation li::after { display: none; }
.side.compact .navigation li::before { margin: 0px -12px; top: -10px; }
.stroke .navigation li::after { border: 2px solid rgb(255, 255, 255); background-color: transparent; }
.small.stroke .navigation li::after { border-width: 1px; }
.stroke .navigation li.selected::after { background: rgb(255, 255, 255); }
.square .navigation li::after { border-radius: 0px; }
.small.square .navigation li::after { border-radius: 0px; }
.diamond .navigation li::after { border-radius: 0px;transform: rotate(45deg) scale(0.72); -webkit-transform: rotate(45deg) scale(0.72); }
.medium.diamond .navigation li::after { transform: rotate(45deg) scale(0.88); -webkit-transform: rotate(45deg) scale(0.88); }
.small.diamond .navigation li::after { transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1); }
.stroke .navigation li:hover::after { background: rgb(255, 255, 255); }
.whiteSlide.slides .navigation li::after { border:3px solid #313234; }
.whiteSlide.slides .stroke .navigation li::after { background: none; border-color: rgb(48, 48, 48); }
.whiteSlide.slides .stroke .navigation li:hover::after { background: rgb(48, 48, 48); }
.whiteSlide.slides .stroke .navigation li.selected::after { background: rgb(48, 48, 48); border-color: rgb(48, 48, 48); }
.navigation li.selected::after { opacity: 1; width:18px; height:18px; background-color:#23adf5;}
.panel .side { padding: 0px; height: auto; display: inline; position: relative; }
.panel .navigation { display: inline; }
.panel .navigation ul { display: inline; }
.panel .navigation li { margin: -9px 0px; display: inline-block; }
.panel .small.side .navigation li { margin: 0px; }
.sideArrow { margin: 0px -9px; width: 31px; height: 72px; }
.sidebar { background: rgba(34, 34, 34, 1); transition: transform 0.5s, visibility; top: 0px; width: 320px; height: 100%; right: 0px; 
	color: rgb(255, 255, 255); position: fixed; z-index: 1000; -ms-overflow-y: auto; max-width: 90%; transform: translateX(100%); 
	-webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.5s, visibility 0s; -webkit-transform: translateX(100%);
}
.sidebarShown .visible.sidebar { opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); }

.sidebar .content { padding: 40px; position: relative; -ms-overflow-y: auto; }
.sidebar .wrap { padding: 0px; }
.sidebarShown .selected.slide .content { overflow: hidden; }
.left.sidebar { left: 0px; right: inherit; transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.top.sidebar { top: 0px; width: 100%; height: auto; max-width: 100%; transform: translateY(-100%); -webkit-transform: translateY(-100%); }
.bottom.sidebar { top: inherit; width: 100%; height: auto; bottom: 0px; max-width: 100%; transform: translateY(100%); 
	-webkit-transform: translateY(100%);
}
.sidebar .logo { padding: 0px; font-size: 0px; margin-bottom: 35px; }
.sidebar .close { padding: 14px; transition: 0.25s; top: 0px; right: 0px; font-size: 0px; position: absolute; z-index: 101; cursor: pointer; 
	opacity: 0.5; -webkit-transition: 0.25s; 
}
.sidebar:hover .close:hover { opacity: 1; }
.sidebar .close svg { width: 30px; height: 30px; fill: #fff; }
.sidebar .uppercase li a { text-transform: uppercase; letter-spacing: 0.15em; }
.sidebar ul { line-height: 2.21; font-size: 0px; margin-bottom: 25px; display: block; }
.sidebar a { color: rgb(255, 255, 255); display: inline-block; fill: #fff; }
.sidebar a:hover { opacity: 0.6; }
.sidebar .mainMenu li a { font-size: 24px; letter-spacing:-1px; position:relative; }
.sidebar .mainMenu li a:after{ content:""; position:absolute; bottom:0; left:0;  width:30px; height:1px; background:#424244; }
.sidebar .flag { margin-top:20px; padding-right:14px; display: block; white-space: nowrap; }
.sidebar .flag li { margin: 0px 6px; display: inline-block; }
.sidebar .flag li:first-child { margin-left:0; }
.sidebar .flag li img { width:25px; }
.sidebar .small.mainMenu li a { font-size: 15px; }
.sidebar .subMenu li { text-transform: none; letter-spacing: 0px; font-weight: 400; opacity: 0.7; }
.sidebar .subMenu li { font-size: 20px; }
.sidebar .small.subMenu li { font-size: 15px; }
.sidebar .social { margin-top: 40px; }
.sidebar .social li { margin-right: 20px; display: inline-block; }
.sidebar .social li:last-child { margin-right: 0px; }
.sidebar .social li a { padding: 0px; font-size: 0px; }
.sidebar .social li a svg { width: 24px; height: 24px; }
.small.sidebar ul { margin-bottom: 17px; }
.small.sidebar .content { padding: 30px; }
.small.sidebar .social { margin-top: 30px; }
.sidebar .small.social li { margin-right: 12px; }
.sidebar .small.social li a svg { width: 16px; height: 16px; }
.sidebar .large li a { font-size: 30px; }
.sidebar .light li a { font-weight: 100; }
.sidebar .medium.social li a svg { width: 18px; height: 18px; }
.sidebar .medium.social li { margin-right: 14px; }
.sidebarShown.page-loaded .selected.slide { opacity: 0.5 !important; pointer-events: none; transform: scale(0.95) !important; -webkit-transform: scale(0.95); }
.sidebarShown .top.panel { opacity: 0; }
.sidebarShown .bottom.panel {opacity: 0.5; transform: scale(0.95) translateY(-10%); -webkit-transform: scale(0.95) translateY(-10%); }
.sidebarShown.page-loaded .panel { transition: transform 0.5s, opacity 0.5s !important; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; }
.sidebarShown.page-loaded .selected.slide { transition: transform 0.5s, opacity 0.5s !important; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; }
.sidebarShown.page-loaded .selected.slide::after { transition: transform 0.5s, opacity 0.5s !important; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; }
.sidebar { transition: transform 0.5s, opacity 0.5s !important; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; }

[data-action='zoom'] { cursor: pointer; }
.zoom-img { position: relative; transition-property: all; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1) !important; 
	transition-delay: 0s; -webkit-transition: all 0.5s; -webkit-transition-timing-function: cubic-bezier(.2, 0, .3, 1);
}
.zoom-img-wrap { position: relative; transition-property: all; transition-duration: 0.5s; 
	transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1) !important; transition-delay: 0s; -webkit-transition: all 0.5s; 
	-webkit-transition-timing-function: cubic-bezier(.2, 0, .3, 1); 
}
img.zoom-img { cursor: pointer; }
.zoom-overlay { background: rgba(17, 17, 17, 1); transition: opacity 0.5s; left: -9999px; top: -9999px; right: -9999px; bottom: -9999px; 
	position: fixed; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s; 
}
.zoom-overlay-open .zoom-overlay { opacity: 0.9; }
.zoom-overlay-open .side { opacity: 0; transition-delay: 0s; -webkit-transition-delay: 0s; }
.zoom-overlay-open .panel { opacity: 0; transition-delay: 0s; -webkit-transition-delay: 0s; }
.zoom-overlay-open { cursor: default; }
.zoom-overlay-transitioning { cursor: default; }
.zoom-img-parent { position: relative; z-index: 1000; }
.slider { position: relative; }
.clickable.slider { cursor: pointer; }
.autoHeight.slider { transition: 0.5s; -webkit-transition: 0.5s; }
.slider > li { transition: opacity 0.35s; left: 0px; top: 0px; display: none; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s; }
.slider > li.selected { transition: opacity 0.35s; display: block; opacity: 1; pointer-events: all; -webkit-transition: opacity 0.35s; }
.controller li { cursor: pointer; }
.controller li.selected { cursor: default; pointer-events: none; }
.before.slide { transform: translate3d(0px, -50%, 0px); -webkit-transform: translate3d(0, -50%, 0); }
.slide { transform: translate3d(0px, 50%, 0px); -webkit-transform: translate3d(0, 50%, 0); will-change: transform; }
.after.slide { transform: translate3d(0px, 50%, 0px); -webkit-transform: translate3d(0, 50%, 0); will-change: transform; }
.before.slide { opacity: 0; }
.after.slide { opacity: 0; }
.selected.slide { z-index: 11; transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0, 0, 0); 
	-moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); }

.page-loaded .selected.slide { opacity: 1 !important; }
.horizontal .slide { transform: translate3d(-50%, 0px, 0px); -webkit-transform: translate3D(-50%, 0, 0); }
.horizontal .before.slide { transform: translate3d(-50%, 0px, 0px); -webkit-transform: translate3D(-50%, 0, 0); }
.horizontal .after.slide { transform: translate3d(50%, 0px, 0px); -webkit-transform: translate3D(50%, 0, 0); }
.film .before.slide { transform: translate3d(0px, -100%, 0px); -webkit-transform: translate3D(0, -100%, 0); }
.film .after.slide { transform: translate3d(0px, 100%, 0px); -webkit-transform: translate3D(0, 100%, 0); }
.horizontal.film .before.slide { transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3D(-100%, 0, 0); }
.horizontal.film .slide { transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3D(100%, 0, 0); }
.horizontal.film .after.slide { transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3D(100%, 0, 0); }
.zen .before.slide { transform: translateY(-100%) scale(0.8); -webkit-transform: translateY(-100%) scale(0.8); }
.zen .slide { transform: translateY(100%) scale(0.8); -webkit-transform: translateY(100%) scale(0.8); }
.zen .after.slide { transform: translateY(100%) scale(0.8); -webkit-transform: translateY(100%) scale(0.8); }
.horizontal.zen .before.slide { transform: translateX(-100%) scale(0.8); -webkit-transform: translateX(-100%) scale(0.8); }
.horizontal.zen .slide { transform: translateX(100%) scale(0.8); -webkit-transform: translateX(100%) scale(0.8); }
.horizontal.zen .after.slide { transform: translateX(100%) scale(0.8); -webkit-transform: translateX(100%) scale(0.8); }
.stack .slide { transform: translateY(100%); -webkit-transform: translateY(100%); -mstransform: translateY(100%); }
.stack .after.slide { transform: translateY(100%); -webkit-transform: translateY(100%); -mstransform: translateY(100%); }

.stack .selected.slide { z-index: 11 !important; }
.stack .active.after.slide { z-index: 11 !important; }
.stack .before.slide { transform: scale(0.9); -webkit-transform: scale(0.9); }
.horizontal.stack .slide { transform: translateX(100%); -webkit-transform: translateX(100%); }
.horizontal.stack .after.slide { transform: translateX(100%); -webkit-transform: translateX(100%); }
.horizontal.stack .before.slide { transform: scale(0.9); -webkit-transform: scale(0.9); }
.cards .slide { transform: translateY(10%); -webkit-transform: translateY(10%); }
.cards .after.slide { transform: translateY(10%); -webkit-transform: translateY(10%); }
.cards .after.slide { z-index: 8 !important; opacity: 0; }
.cards .selected.slide { z-index: 9 !important; }
.cards .before.slide { z-index: 7; transform: translateY(-100%); -webkit-transform: translateY(-100%); }
.cards .before.active.slide { z-index: 10 !important; }
.horizontal.cards .slide { transform: translateX(10%); -webkit-transform: translateX(10%); }
.horizontal.cards .after.slide { transform: translateX(10%); -webkit-transform: translateX(10%); }
.horizontal.cards .before.slide { transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.zoom .before.slide { transform: scale(1.4); -webkit-transform: scale(1.4); }
.zoom .slide { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); }
.zoom .after.slide { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); }
.plain .before.slide { transform: scale(1); -webkit-transform: scale(1); }
.plain .slide { transform: scale(1); -webkit-transform: scale(1); }
.plain .after.slide { transform: scale(1); -webkit-transform: scale(1); }
.plain .after.slide::after { background: rgb(17, 17, 17); opacity: 1; }
.plain .before.slide::after { background: rgb(17, 17, 17); opacity: 1; }
.page-loaded .fast .active.slide { transition: transform 0.6s, opacity 0.6s; -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; }
.page-loaded .fast .selected.slide { transition: transform 0.6s, opacity 0.6s; -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; }
.page-loaded .selected.slide { transition: transform 0.5s, opacity 0.5s; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; }
.page-loaded .active.slide { transition: transform 0.5s, opacity 0.5s; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; }
.page-loaded .slow .active.slide { transition: transform 1.4s, opacity 1.4s; -webkit-transition: -webkit-transform 1.4s, opacity 1.4s; }
.page-loaded .slow .selected.slide { transition: transform 1.4s, opacity 1.4s; -webkit-transition: -webkit-transform 1.4s, opacity 1.4s; }
.page-loaded .entry.selected.slide { transition: transform, opacity 1s; -webkit-transition: -webkit-transform 0s, opacity 1s; }
.page-loaded .entry.active.slide { transition: transform, opacity 1s; -webkit-transition: -webkit-transform 0s, opacity 1s; }
.fast.animated.slides .panel { transition: transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; 
	-webkit-transition: -webkit-transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
}
.animated.slides .panel {
	transition: transform 0.2s, opacity 0.2s, padding 0.2s, background 0.2s, border 0.2s, box-shadow 0.2s;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, padding 0.2s, background 0.2s, border 0.2s, box-shadow 0.2s;
}
.slow.animated.slides .panel {
	transition: transform 1s, opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
	-webkit-transition: -webkit-transform 1s, opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
}
.smooth .active {
	transition-timing-function: cubic-bezier(0.55, 0.05, 0.35, 0.95) !important;
	-webkit-transition-timing-function: cubic-bezier(.55, .05, .35, .95);
}
.smooth .selected {
	transition-timing-function: cubic-bezier(0.55, 0.05, 0.35, 0.95) !important;
	-webkit-transition-timing-function: cubic-bezier(.55, .05, .35, .95);
}
.smooth .panel {
	transition-timing-function: cubic-bezier(0.55, 0.05, 0.35, 0.95) !important;
	-webkit-transition-timing-function: cubic-bezier(.55, .05, .35, .95);
}
.smooth .sidebar {
	transition-timing-function: cubic-bezier(0.55, 0.05, 0.35, 0.95) !important;
	-webkit-transition-timing-function: cubic-bezier(.55, .05, .35, .95);
}
.bounce .active {
	transition-timing-function: cubic-bezier(0.4, 1.15, 0.35, 1) !important;
	-webkit-transition-timing-function: cubic-bezier(.40, 1.15, .35, 1);
}
.bounce .selected {
	transition-timing-function: cubic-bezier(0.4, 1.15, 0.35, 1) !important;
	-webkit-transition-timing-function: cubic-bezier(.40, 1.15, .35, 1);
}
.bounce .panel {
	transition-timing-function: cubic-bezier(0.4, 1.15, 0.35, 1) !important;
	-webkit-transition-timing-function: cubic-bezier(.40, 1.15, .35, 1);
}
.bounce .sidebar {
	transition-timing-function: cubic-bezier(0.4, 1.15, 0.35, 1) !important;
	-webkit-transition-timing-function: cubic-bezier(.40, 1.15, .35, 1);
}
.animated [class*='ae-'] { transform: translate3d(0px, 0px, 0px); -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.fast.animated .animate [class*='ae-']:not(.done) { transition-duration: 0.6s; -webkit-transition-duration: 0.6s; }
.animated .animate [class*='ae-']:not(.done) { transition-duration: 0.4s; -webkit-transition-duration: 0.4s; }
.slow.animated .animate [class*='ae-']:not(.done) { transition-duration: 1s; -webkit-transition-duration: 1s; }
.fast.animated .animate :not(.done).ae-1 { transition-delay: 10ms; -webkit-transition-delay: 10ms; }
.fast.animated .animate :not(.done).ae-2 { transition-delay: 140ms; -webkit-transition-delay: 140ms; }
.fast.animated .animate :not(.done).ae-3 { transition-delay: 270ms; -webkit-transition-delay: 270ms; }
.fast.animated .animate :not(.done).ae-4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.fast.animated .animate :not(.done).ae-5 { transition-delay: 530ms; -webkit-transition-delay: 530ms; }
.fast.animated .animate :not(.done).ae-6 { transition-delay: 660ms; -webkit-transition-delay: 660ms; }
.fast.animated .animate :not(.done).ae-7 { transition-delay: 790ms; -webkit-transition-delay: 790ms; }
.fast.animated .animate :not(.done).ae-8 { transition-delay: 920ms; -webkit-transition-delay: 920ms; }
.fast.animated .animate :not(.done).ae-9 { transition-delay: 1050ms; -webkit-transition-delay: 1050ms; }
.fast.animated .animate :not(.done).ae-10 { transition-delay: 1180ms; -webkit-transition-delay: 1180ms; }
.animated .animate :not(.done).ae-1 { transition-delay: 10ms; -webkit-transition-delay: 10ms; }
.animated .animate :not(.done).ae-2 { transition-delay: 160ms; -webkit-transition-delay: 160ms; }
.animated .animate :not(.done).ae-3 { transition-delay: 320ms; -webkit-transition-delay: 320ms; }
.animated .animate :not(.done).ae-4 { transition-delay: 480ms; -webkit-transition-delay: 480ms; }
.animated .animate :not(.done).ae-5 { transition-delay: 640ms; -webkit-transition-delay: 640ms; }
.animated .animate :not(.done).ae-6 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.animated .animate :not(.done).ae-7 { transition-delay: 960ms; -webkit-transition-delay: 960ms; }
.animated .animate :not(.done).ae-8 { transition-delay: 1120ms; -webkit-transition-delay: 1120ms; }
.animated .animate :not(.done).ae-9 { transition-delay: 1280ms; -webkit-transition-delay: 1280ms; }
.animated .animate :not(.done).ae-10 { transition-delay: 1440ms; -webkit-transition-delay: 1440ms; }
.slow.animated .animate :not(.done).ae-1 { transition-delay: 10ms; -webkit-transition-delay: 10ms; }
.slow.animated .animate :not(.done).ae-2 { transition-delay: 210ms; -webkit-transition-delay: 210ms; }
.slow.animated .animate :not(.done).ae-3 { transition-delay: 420ms; -webkit-transition-delay: 420ms; }
.slow.animated .animate :not(.done).ae-4 { transition-delay: 630ms; -webkit-transition-delay: 630ms; }
.slow.animated .animate :not(.done).ae-5 { transition-delay: 840ms; -webkit-transition-delay: 840ms; }
.slow.animated .animate :not(.done).ae-6 { transition-delay: 1050ms; -webkit-transition-delay: 1050ms; }
.slow.animated .animate :not(.done).ae-7 { transition-delay: 1260ms; -webkit-transition-delay: 1260ms; }
.slow.animated .animate :not(.done).ae-8 { transition-delay: 1470ms; -webkit-transition-delay: 1470ms; }
.slow.animated .animate :not(.done).ae-9 { transition-delay: 1680ms; -webkit-transition-delay: 1680ms; }
.slow.animated .animate :not(.done).ae-10 { transition-delay: 1890ms; -webkit-transition-delay: 1890ms; }
.animated [class*='ae-']:not(.done) { visibility: hidden; opacity: 0; transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0, 100px, 0); }
.animated .fromBottom [class*='ae-']:not(.done) { visibility: hidden; opacity: 0; transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0, 100px, 0); }
.fromBottom.animated [class*='ae-']:not(.done) { visibility: hidden; opacity: 0; transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0, 100px, 0); }
.animated.slides [class*='ae-']:not(.done).fromBottom { visibility: hidden; opacity: 0; transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0, 100px, 0); }
.animated .fromTop [class*='ae-']:not(.done) { transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0, -100px, 0); }
.fromTop.animated [class*='ae-']:not(.done) { transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0, -100px, 0); }
.animated.slides [class*='ae-']:not(.done).fromTop { transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0, -100px, 0); }
.animated .fromLeft [class*='ae-']:not(.done) { transform: translate3d(-50px, 0px, 0px); -webkit-transform: translate3d(-50px, 0, 0); }
.fromLeft.animated [class*='ae-']:not(.done) { transform: translate3d(-50px, 0px, 0px); -webkit-transform: translate3d(-50px, 0, 0); }
.animated.slides [class*='ae-']:not(.done).fromLeft { transform: translate3d(-50px, 0px, 0px); -webkit-transform: translate3d(-50px, 0, 0); }
.animated .fromRight [class*='ae-']:not(.done) { transform: translate3d(50px, 0px, 0px); -webkit-transform: translate3d(50px, 0, 0); }
.fromRight.animated [class*='ae-']:not(.done) { transform: translate3d(50px, 0px, 0px); -webkit-transform: translate3d(50px, 0, 0); }
.animated.slides [class*='ae-']:not(.done).fromRight { transform: translate3d(50px, 0px, 0px); -webkit-transform: translate3d(50px, 0, 0); }
.animated .fromCenter [class*='ae-']:not(.done) { transform: scale(0.8) translate3d(0px, 0px, 0px); -webkit-transform: scale(0.8) translate3d(0, 0, 0); }
.fromCenter.animated [class*='ae-']:not(.done) { transform: scale(0.8) translate3d(0px, 0px, 0px); -webkit-transform: scale(0.8) translate3d(0, 0, 0); }
.animated.slides [class*='ae-']:not(.done).fromCenter { transform: scale(0.8) translate3d(0px, 0px, 0px); -webkit-transform: scale(0.8) translate3d(0, 0, 0); }
.animated .fromAbove [class*='ae-']:not(.done) { transform: scale(1.2) translate3d(0px, 0px, 0px); -webkit-transform: scale(1.2) translate3d(0, 0, 0); }
.fromAbove.animated [class*='ae-']:not(.done) { transform: scale(1.2) translate3d(0px, 0px, 0px); -webkit-transform: scale(1.2) translate3d(0, 0, 0); }
.animated.slides [class*='ae-']:not(.done).fromAbove { transform: scale(1.2) translate3d(0px, 0px, 0px); -webkit-transform: scale(1.2) translate3d(0, 0, 0); }
.animated .fromBottomLeft [class*='ae-']:not(.done) { transform: translate3d(-100px, 100px, 0px); -webkit-transform: translate3d(-100px, 100px, 0); }
.fromBottomLeft.animated [class*='ae-']:not(.done) { transform: translate3d(-100px, 100px, 0px); -webkit-transform: translate3d(-100px, 100px, 0); }
.animated.slides [class*='ae-']:not(.done).fromBottomLeft { transform: translate3d(-100px, 100px, 0px); -webkit-transform: translate3d(-100px, 100px, 0); }
.animated .fromTopLeft [class*='ae-']:not(.done) { transform: translate3d(-100px, -100px, 0px); -webkit-transform: translate3d(-100px, -100px, 0); }
.fromTopLeft.animated [class*='ae-']:not(.done) { transform: translate3d(-100px, -100px, 0px); -webkit-transform: translate3d(-100px, -100px, 0); }
.animated.slides [class*='ae-']:not(.done).fromTopLeft { transform: translate3d(-100px, -100px, 0px); -webkit-transform: translate3d(-100px, -100px, 0); }
.animated .fromBottomRight [class*='ae-']:not(.done) { transform: translate3d(100px, 100px, 0px); -webkit-transform: translate3d(100px, 100px, 0); }
.fromBottomRight.animated [class*='ae-']:not(.done) { transform: translate3d(100px, 100px, 0px); -webkit-transform: translate3d(100px, 100px, 0); }
.animated.slides [class*='ae-']:not(.done).fromBottomRight { transform: translate3d(100px, 100px, 0px); -webkit-transform: translate3d(100px, 100px, 0); }
.animated .fromTopRight [class*='ae-']:not(.done) { transform: translate3d(100px, -100px, 0px); -webkit-transform: translate3d(100px, -100px, 0); }
.fromTopRight.animated [class*='ae-']:not(.done) { transform: translate3d(100px, -100px, 0px); -webkit-transform: translate3d(100px, -100px, 0); }
.animated.slides [class*='ae-']:not(.done).fromTopRight { transform: translate3d(100px, -100px, 0px); -webkit-transform: translate3d(100px, -100px, 0); }
.animated .fadeIn [class*='ae-']:not(.done) {  transform: scale(1) translate3d(0px, 0px, 0px); -webkit-transform: scale(1) translate3d(0, 0, 0); }
.fadeIn.animated [class*='ae-']:not(.done) { transform: scale(1) translate3d(0px, 0px, 0px); -webkit-transform: scale(1) translate3d(0, 0, 0); }
.animated.slides [class*='ae-']:not(.done).fadeIn { transform: scale(1) translate3d(0px, 0px, 0px); -webkit-transform: scale(1) translate3d(0, 0, 0); }
.animated.slides .active.animate [class*='ae-']:not(.done) { visibility: visible; filter: none; opacity: 1; transform: translate3d(0px, 0px, 0px); 
	-webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); 
	-o-transform: translate3d(0, 0, 0); -webkit-filter: none;
}
.animated.slides .kenBurns .background { z-index: 1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); }
.animated.slides .zoomout.kenBurns .background { z-index: 1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); }
/*
.animated.slides :not(.video).kenBurns .background {
	transition: transform 5s cubic-bezier(0.3, 0, 0.7, 1), opacity 1s;
	-webkit-transition: -webkit-transform 5s cubic-bezier(.3, 0, .7, 1), opacity 1s ease;
}
.animated.slides :not(.video).zoomout.kenBurns .background {
	transition: transform 5s cubic-bezier(0.3, 0, 0.7, 1), opacity 1s;
	-webkit-transition: -webkit-transform 5s cubic-bezier(.3, 0, .7, 1), opacity 1s ease;
}
*/
.animated :not(.video).kenBurns.active .background { opacity: 1; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.animated :not(.video).zoomout.kenBurns.active .background { opacity: 1; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.windows .animated.slides :not(.video).kenBurns.active .background { transform: scale(1.05) rotate(-0.02deg); }
.animated.slides :not(.video).zoomout.kenBurns .background { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05) rotate(-0.02deg); }
.windows .animated.slides :not(.video).zoomout.kenBurns .background { transform: scale(1.05) rotate(-0.02deg); }
.animated :not(.video).zoomout.kenBurns.active .background { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); }
.windows .animated.slides :not(.video).zoomout.kenBurns.active .background { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); }
.mobile .kenBurns .background { transition: all; transform: none; -webkit-transition: 0s; -webkit-transform: none; }
.mobile .zoomout.kenBurns .background { transition: all; transform: none; -webkit-transition: 0s; -webkit-transform: none; }
.animated.slides :not(.video).parallax .background { transition: transform-origin 1s, transform 1s; 
	transform: translate3d(0px, 0px, 0px) scale(1.15); -webkit-transition: -webkit-transform-origin 1s, -webkit-transform 1s; 
	-webkit-transform: translate3d(0, 0, 0) scale(1.15);
}
.fast.animated.slides :not(.video).parallax .background { transition: transform-origin 0.6s, transform 0.6s; -webkit-transition: -webkit-transform-origin .6s, -webkit-transform .6s; }
.slow.animated.slides :not(.video).parallax .background { transition: transform-origin 1.4s, transform 1.4s; -webkit-transition: -webkit-transform-origin 1.4s, -webkit-transform 1.4s; }
.animated.slides :not(.video).animate.parallax .background { transform-origin: center 50%; -webkit-transform-origin: center; }
.animated.slides :not(.video).parallax.after.slide .background { transform-origin: center top; -webkit-transform-origin: top center; }
.animated.slides :not(.video).parallax.before.slide .background { transform-origin: center bottom; -webkit-transform-origin: bottom center; }
.horizontal.animated.slides :not(.video).parallax.after.slide .background { transform-origin: left center; -webkit-transform-origin: left center; }
.horizontal.animated.slides :not(.video).parallax.before.slide .background { transform-origin: right center; -webkit-transform-origin: right center; }
.zoom.animated.slides :not(.video).parallax.after.slide .background { transform-origin: center 50%; transform: translate3d(0px, 0px, 0px) scale(1); 
	-webkit-transform: translate3d(0, 0, 0) scale(1); -webkit-transform-origin: center;
}
.zoom.animated.slides :not(.video).parallax.animate.slide .background { transform-origin: center 50%; transform: translate3d(0px, 0px, 0px) scale(1.1);
	-webkit-transform: translate3d(0, 0, 0) scale(1.1); -webkit-transform-origin: center;
}
.zoom.animated.slides :not(.video).parallax.before.slide .background { transform-origin: center 50%; transform: translate3d(0px, 0px, 0px) scale(1);
	-webkit-transform: translate3d(0, 0, 0) scale(1); -webkit-transform-origin: center;
}
.plain.animated.slides :not(.video).parallax.after.slide .background { transform-origin: center 50%; transform: translate3d(0px, 0px, 0px) scale(1);
	-webkit-transform: translate3d(0, 0, 0) scale(1); -webkit-transform-origin: center;
}
.plain.animated.slides :not(.video).parallax.animate.slide .background { transform-origin: center 50%; transform: translate3d(0px, 0px, 0px) scale(1);
	-webkit-transform: translate3d(0, 0, 0) scale(1); -webkit-transform-origin: center;
}
.plain.animated.slides :not(.video).parallax.before.slide .background { transform-origin: center 50%; transform: translate3d(0px, 0px, 0px) scale(1);
	-webkit-transform: translate3d(0, 0, 0) scale(1); -webkit-transform-origin: center;
}
.animated.slides :not(.video).scenic .background { animation: scenic 140s cubic-bezier(0.2, 0, 0.8, 1) infinite; -webkit-animation: scenic 140s cubic-bezier(.2, 0, .8, 1) infinite;
	-moz-animation: scenic 140s cubic-bezier(.2, 0, .8, 1) infinite; -o-animation: scenic 140s cubic-bezier(.2, 0, .8, 1) infinite;
}
.scroll { position: relative; -webkit-overflow-scrolling: touch; }
.mobile .simplifiedMobile { position: relative; -webkit-overflow-scrolling: touch; }
.scroll .content .mobile .simplifiedMobile .content { overflow: hidden; -webkit-overflow-scrolling: initial; }
.scroll .wrap { overflow: hidden; }
.scroll .slide { height: auto; position: relative !important; opacity: 1; }
.scroll .content { height: auto; position: relative !important; opacity: 1; }
.scroll .container { height: auto; position: relative !important; opacity: 1; }
.mobile .simplifiedMobile .slide { height: auto; position: relative !important; opacity: 1; }
.mobile .simplifiedMobile .content { height: auto; position: relative !important; opacity: 1; }
.mobile .simplifiedMobile .container { height: auto; position: relative !important; opacity: 1; }
.scroll .container { height: 100vh; }
.mobile .simplifiedMobile .container { height: 100vh; }
.scroll .autoHeight.slide .container { height: auto; }
.mobile .autoHeight.slide .simplifiedMobile .container { height: auto; }
.scroll .video.slide .background video { position: absolute !important; min-height: 100vh; }
.mobile .simplifiedMobile .slide .background { position: absolute !important; min-height: 100vh; }
.mobile .simplifiedMobile .video.slide .background video { position: absolute !important; min-height: 100vh; }
.scroll .slide { visibility: visible; transform: none !important; -webkit-transform: none; }
.scroll .after.slide { visibility: visible; transform: none !important; -webkit-transform: none; }
.scroll .before.slide { visibility: visible; transform: none !important; -webkit-transform: none; }
.mobile .simplifiedMobile .slide { visibility: visible; transform: none !important; -webkit-transform: none; }
.mobile .simplifiedMobile .after.slide { visibility: visible; transform: none !important; -webkit-transform: none; }
.mobile .simplifiedMobile .before.slide { visibility: visible; transform: none !important; -webkit-transform: none; }
.mobile .simplifiedMobile .slide { opacity: 1 !important; }
.mobile .simplifiedMobile .after.slide { opacity: 1 !important; }
.mobile .simplifiedMobile .before.slide { opacity: 1 !important; }
.sidebarShown.page-loaded .scroll .slide { opacity: 0.5 !important; pointer-events: none; transform: translate3d(0px, 0px, 0px) !important;
	-webkit-transform: translate3d(0, 0, 0);
}
.sidebarShown.mobile.page-loaded .simplifiedMobile .slide { opacity: 0.5 !important; pointer-events: none; 
	transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0, 0, 0);
}
.page-loaded .scroll .slide { transition: transform 0.5s, opacity 0.5s !important; -webkit-transition: transform 0.5s, opacity 0.5s; }
.page-loaded .scroll .panel { position: absolute; transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0, 0, 0); }
.mobile.page-loaded .simplifiedMobile .panel { position: absolute; transform: translate3d(0px, 0px, 0px) !important; 
	-webkit-transform: translate3d(0, 0, 0);
}
.mobile .simplifiedMobile .navigation { display: none; }
.mobile .simplifiedMobile [class*='ae-'] { visibility: visible !important; opacity: 1 !important; transform: none !important; -webkit-transform: none; }
.scroll .dropdown { top: 0px; position: absolute; }
:not(.firefox).mobile .scroll .dropdown { position: fixed; }
.popupShown { -ms-overflow-y: hidden !important; }
.popupShown body { -ms-overflow-y: hidden !important; }
.sidebarShown { -ms-overflow-y: hidden !important; }
.sidebarShown body { -ms-overflow-y: hidden !important; }
.scroll [data-action='zoom'] { cursor: auto; }
.scroll :not(.video).parallax .background { transition: none !important; transform: translate3d(0px, 0px, 0px) scale(1.25); 
	-webkit-transition: none; -webkit-transform: translate3d(0, 0, 0) scale(1.25);
}

@media screen and (max-width:768px) {
	.sidebar .mainMenu li a { font-size: 20px; }
}

/*about*/

.about_box { position: relative; background-color:#ffffff; padding:60px 0px;  margin:10px auto; width:100%; float:left;}
.about h2 { color:#FFFFFF; }
.about .grid .wid50 { width:46%; margin:0px auto; }
.about .grid .wid50 div { color:#666; font-size:16px; }
.about .grid .wid50 div.subject { text-align:center; font-size:26px; color:#FFFFFF; line-height:120%; letter-spacing:-1px; margin:20px 0;}
.about .grid .wid50 div.subject strong { color:rgba(252, 195, 8, 1); }

@media screen and (max-width:768px) {
	.about .grid .wid50 { width:75%; margin:0px auto; }
	.about .grid .wid50 div { font-size:15px; text-align:justify; }
	.about .grid .wid50 div.subject { font-size:18px; margin:20px 0; line-height:130%; }
	.col-3-12 { max-width: 25%; margin:10px;}

}

/* 조직도 */
@media screen and (max-width:768px) {
	.organization .margin-top-2 { margin-top:60px !important; }
}

/* 비즈니스 */
.business .grid ul { text-align:center; }
/*.business .grid li { display:inline-block; width:25.5%; }*/
.business .grid li { display:inline-block; width:25.5%; }
.business .grid dt { font-size:26px; line-height:120%; }

@media screen and (max-width:1150px) {
	/*.business .grid li { display:inline-block; width:24.5%; margin:2%; vertical-align:top; }*/
	.business .grid li { display:inline-block; width:28.0%; margin:2%; vertical-align:top; }
	.business .grid li img { width:100%; }
}

@media screen and (max-width:900px) {
	/*.business .grid li { display:inline-block; width:29.5%; margin:2%; vertical-align:top; }*/
	.business .grid li { display:inline-block; width:27.0%; margin:2%; vertical-align:top; }
	.business .grid li img { width:100%; }
}

@media screen and (max-width:768px) {
	.business { padding:0; }
	.business .margin-top-10 { margin-top:30px !important;}
	.business .padding-top-2 { padding-top:6px !important;}
	.business .grid li { display:inline-block; width:80%; margin:2% auto; vertical-align:top; }
	.business .grid li img {margin:0px auto; width:100%; }
	.business .grid li:first-child { margin-left:0;}
	.business .grid li:last-child { margin-right:0;}
	.business .grid dt { font-size:11px; letter-spacing:-1px; }
	.business p img { width:100%; }
}


/* 프로젝트 */
.project .grid dt { font-size:26px; line-height:120%; }

@media screen and (max-width:768px) {
	.project { padding:0; }
	.project .grid li { display:inline-block; width:50%; margin:0 0.5% 0px; vertical-align:top; }
	.project .grid dt { font-size:14px; }
}

/* 프로젝트 */
.grid-47 li { margin:0 0 10px !important; }
.grid-47 li div { padding:0px !important; margin:0 !important; }
.grid-47 li dl { overflow:hidden; padding:0px; margin:0; }
.grid-47 li dl dt { float:left; width:30%; }
.grid-47 li dl dd { width:100%; }

@media screen and (max-width:1010px) {
	.grid-47 li { margin:0 0 20px !important; }
	.grid-47 li dl dt { width:38%; padding:10px 0 20px; }
}

@media screen and (max-width:768px) {
	.grid-47 li { margin:0 0 40px !important; }
	.grid-47 li dl dt { width:100%; font-size:20px; margin-bottom:0px; padding:0 0 10px 0; }
	.grid-47 li dl dt img { width:40px; }
	.grid-47 li dl dd { padding:0; }
}



/* 맵 지도*/

.contact_share_l { float:left; width:49.5%; PADDING:0PX 5PX; }
.contact_share_r { float:right; width:49.5%; }
.agree_f { float:left; text-align:left; width:65%; }
.agree_t { float:right; text-align:right; width:35%; }

@media screen and (max-width:800px) {
	.contact_share_l { float:left; width:100%; PADDING:0PX 5PX; }
	.contact_share_r { float:left; width:100%; }
	.contact_share_r .contact_us_consulting { text-align:left;}
	.agree_f { float:left; text-align:left; width:100%; }
	.agree_t { float:right; text-align:right; width:100%; }
}
.contact_us_txt {  text-align:left; }
.contact_us_add { text-align:left; width:100%; padding:10px 0; }
.contact_us_consulting { font-weight: bold; text-align:right; font-size:18px; width:100%; padding:6px 0 12px 0; }


.policy_btn { display:inline-block; width:140px; margin-bottom:10px; padding:2px 0px 2px 0px; text-align:center; color:#808181;  font-size:12px; line-height:23px; border-radius: 3px; background-color:#ffffff;}
.old_btn { display:inline-block; width:140px; padding:2px 0px 2px 0px; text-align:left; color:#808181; font-size:12px; line-height:23px; border-radius: 3px; 
background:url('/images/icon_gohome_arrow.png') #ffffff no-repeat 95px center; }


@media screen and (max-width:640px) {
	.old_btn { width:140px; color:#000000 !important; margin-right:3px; border-radius: 3px;}
	.policy_btn { width:140px; color:#000000 !important; margin-right:3px; border-radius: 3px; margin-bottom:7px;}
	.contact_us_txt { float:left; width:100%; text-align:left; }
}

.blackBg{ background:#000; }
/* background:rgba(29, 30, 31, 0.7); */

@media screen and (max-width:2880px) {
	.new_title_box { width:100% !important; float:left; }
	.new_title { position: relative; font-size:16px; float:left; width:65px; } 
	.new_title a { color:#5c5b5b; }
	.new_title .active { color:rgba(51, 55, 58, 1); }
	.new_title_var { position: relative; padding:0px 10px; font-size:16px; float:left; }
	.new_view_title { float: left; width:100%; font-size:21px; text-align:left; font-weight: bold; margin-top:0px; border-top:2px solid #000; background: #f5f5f5; padding:10px 0 10px 20px;}
	.new_view_date { float: left; width:100%; font-size:16px; text-align:left; background: #f5f5f5;  padding:0 0 10px 20px;}
	.new_view_content { float: left; line-height:30px; text-align:left; font-size:16px; padding:10px 0px 0px 10px; }
}

@media screen and (max-width:640px) {
	.padding-top-2 { padding-top: 0px !important; }
	.padding-left-1	{ padding-left: 0px !important; }
	.new_title_box { width:100% !important; float:left; }
	.new_title { position: relative; font-size:14px; float:left; width:65px; } 
	.new_title a { color:#828282; }
	.new_title dt .active { color:#f39417; }
	.new_title_var { position: relative; padding:0px 10px; font-size:14px; float:left; }
	.new_view_date { float: left; font-size:12px; width:100% !important; text-align:left; }
	.new_view_title { float: left; font-size:13px; width:100% !important; text-align:left; }
	.new_view_content { float: left; font-size:12px; width:100% !important; padding:10px 0px 0px 0px; text-align:left; }
}

	#PW_Mode_N { display:block; }
	#PW_Mode_C { display:block; }
	#PM_Mode_N { display:none; }
	#PM_Mode_C { display:none; }

	.paging {float:left; width:100%; margin:10px 0 0; text-align:center; font-size:12px; }
	.paging strong {display:inline-block; width:25px; padding:5px; font-weight:bold; vertical-align:top; }
	
	.prv_p {float:left; text-align:right; width:23%;}
		.pre_ff { background-color:#313234; border-radius: 6px; margin-right:8px; line-height:31px; padding:7px 10px; text-align:center; }
		.pre_fl { background-color:#313234; border-radius: 6px; margin-right:8px; line-height:31px; padding:7px 10px; text-align:center; }

	.paging .numbering {float:left; width:53%; }
	.paging .numbering a{display:inline-block; margin-left:3px; width:10%; padding:5px; vertical-align:top; background-color:#ececec;}
	
	.nex_p {float:right; text-align:left; width:23%;}
		.nex_ff { background-color:#313234; border-radius: 6px; margin-left:8px; line-height:31px; padding:7px 15px; text-align:center; }
		.nex_fl { background-color:#313234; border-radius: 6px; margin-left:8px; line-height:31px; padding:7px 10px; text-align:center; }

	#prev { background-color: #73caf9; }
	#next { background-color: #73caf9; }
@media screen and (max-width:580px) {
	#PW_Mode_N { display:none; }
	#PW_Mode_C { display:none; }
	#PM_Mode_N { display:block; }
	#PM_Mode_C { display:block; }
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }


/*개인정보처리방침*/
.policy_box {padding:6px 10px; line-height:30px; background-color:rgba(255, 255, 255, 1);}
.policy_warp {width:50%; margin:10% 25%; height:80%; box-sizing:border-box; position:absolute; left:0; top:0;}
.policy_warp .box{width:100%; height:90%; border:1px solid #fff;  overflow-y:scroll; padding:20px; box-sizing:border-box; background:#fff !important;}
.policy_warp .box p{font-size:13px !important; color:#333;}
.policy_warp .box p > b{line-height:45px; }
.policy_warp .view{clear:both; position:relative; text-align:center; margin-bottom:50px;}
.policy_top{}
.policy_top .close{float:right; display:block; width:40px; height:40px; background:url(/images/ico_close.png) no-repeat; background-size:100%; cursor:pointer;}
.policy_top .title{font-size:24px; font-family: 'notokr-bold'; float:left;}

@media screen and (max-width:748px) {
.policy_warp{width:90%; margin:18% 5% 5% 5%;}
.policy_top .title{font-size:20px; padding-top:5px;}
}

/* POPUP */
.popup {
  position:fixed;
  top:0;
  right:0;
  width:100%;
  height:100%;
  color:#1e1e1e;
  z-index:1000;
  -webkit-transition:-webkit-transform 0.5s, opacity 0.5s;
  transition:transform 0.5s, opacity 0.5s;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  display:none;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.popup:not([class*="fade-"]){
  background:rgba(17, 17, 17, 0.4);
}

.popup .content {
  overflow-y: auto;
}

.popupShown .popup.visible {
  display:block;
  -webkit-animation:fadeIn 0.75s;
  animation:fadeIn 0.75s;
}

.popupShown .popup.visible:not(.animated) .popupContent {
   -webkit-animation:zoomOut 0.5s 0.25s backwards;
   animation:zoomOut 0.5s 0.25s backwards;
}

.popupShown .slow .popup.visible {
  -webkit-animation:fadeIn 1.25s;
  animation:fadeIn 1.25s;
}

  .popupShown .slow .popup.visible:not(.animated) .popupContent {
     -webkit-animation:zoomOut 1s 0.25s backwards;
     animation:zoomOut 1s 0.25s backwards;
  }

.popupShown .fast .popup.visible {
  -webkit-animation:fadeIn 0.5s;
  animation:fadeIn 0.5s;
}
  .popupShown .fast .popup.visible .popupContent {
     -webkit-animation:zoomOut 0.5s 0.25s backwards;
     animation:zoomOut 0.5s 0.25s backwards;
  }

.popup .wrap {
   padding:18px 58px;
}
.popup .wrap.spaces {
   padding:58px;
}

.popup.fullscreen .wrap {
   padding:0;
}

.popup.fullscreen .embedVideo {
   height:100%;
   padding-bottom:0;
}