/* Common Color */
@color_link					: #333333;
@color_link_hover			: #FF0000;
@color_line					: #B2BABE;

/* Body */
@color_body_bg				: #FFFFFF;
@color_body_font			: #888;


/* Color */
@color_black				: #131313;
@color_white				: #FFFFFF;
@color_brightgrey			: #f6f6f6;
@color_lightgrey			: #EEE;
@color_grey					: #CDC9C9;
@color_darkgrey				: #616161;
@color_orange				: #FF5722;
@color_gold					: #FCBF33;

@color_red					: #F44336;
@color_yellow				: #FFEB3B;
@color_green				: #4CAF50;
@color_blue					: #025379;

@color_olive				: #32CD32;
@color_teal					: #008080;
@color_violet				: #EE82EE;
@color_purple				: #B413EC;
@color_pink					: #FF1493;
@color_brown				: #A52A2A;


@menu_txt_color				: #434343;
@menu_txt_color_hover		: #025379;
@menu_txt_background		: #2196F3;

/* Screen Size */
@screen_mobile_max			: 699px;
@screen_tablet_min			: 700px;
@screen_tablet_max			: 999px;
@screen_computer_min		: 1000px;
@screen_computer_max		: 1280px;



/* Heig ht */
@header_height				: 740px;
@header_height_mobile		: 80px;
@copyright_height			: 133px;
@container_height			: 400px;

/* Width */
@doc_max_width				: 1000px;
@doc_menu_width				: 210px;


.transition(@transition) {
	-webkit-transition: @transition;
	-moz-transition: @transition;
	-o-transition: @transition;
	transition: @transition;
}








*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

body ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}
body ::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1);
    border-radius: 0;
}
body.is-mobile ::-webkit-scrollbar {
	-webkit-appearance:none;
	width:0px;
}
body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: rgba(0,0,0,.25);
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}


html {

}

html,body {
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
}
body {
	color: @color_body_font;
	background-color: #F0F2F4;

	font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic';
	font-size: 18px;
	font-weight: 300;
	line-height: 1.8rem;
}

* {
}


a {
	text-decoration : none;
	color: @color_link;

	&:hover, &:active {
		text-decoration : none;
		color: @color_link_hover;
	}
	&:visited {
		text-decoration : none;
	}
}

p {
	margin: 1rem 0;
	text-align: justify;
}

i, em {
	font-style: inherit;
}

hr {
    border: 0;
    border-top: 1px solid @color_lightgrey;
    border-bottom: 0px solid  @color_lightgrey;
	margin: 1rem 0;
 	&.dotted {
		border-style: dotted;
	}
 	&.double {
		border-bottom-width: 1px;
		height: 3px;
	}
	&.black {border-color: @color_black!important;}
	&.white {border-color: @color_white!important;}
	&.grey {border-color: @color_grey!important;}
	&.lightgrey {border-color: @color_lightgrey!important;}
	&.darkgrey {border-color: @color_darkgrey!important;}
	&.orange {border-color: @color_orange!important;}
	&.red {border-color: @color_red!important;}
	&.yellow {border-color: @color_yellow!important;}
	&.green {border-color: @color_green!important;}
	&.blue {border-color: @color_blue!important;}
	&.gold {border-color: @color_gold!important;}
	&.purple {border-color: @color_purple!important;}

	&.border-2px {
		border-width: 2px;
	}
	&.border-3px {
		border-width: 3px;
	}
}

div.hr, h1.hr, h2.hr, h3.hr, h4.hr, h5.hr, h6.hr {
	display: block;
	position:relative;
	> label {
		background: white;
		position: relative;
		padding: 0.3rem 1rem;
		z-index: 2;
	}
	> hr {
		position: absolute;
		top: 50%;
		width: 100%;
		z-index:0;
		margin: 0;
	}
}

h1,h2,h3,h4,h5,h6 {
	margin: 0.5rem 0;
	padding: 0;
	line-height: 120%;
	font-weight: 500;
}

h1 {
	font-size: 3rem;
}
h2 { font-size: 2.5rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.3rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1rem; }


dl {
	list-style-type: none;
}
dl, dt, dd {
    padding: 0px;
    margin: 0px;
}
ol, ul {
	padding-left: 1rem;
}

img {
	&.round {
		border-radius: 25px;
		border: 1px solid @color_lightgrey;
		padding: 2px;
	}
}

@media (max-width:@screen_mobile_max){
	h1 { font-size: 28px; }
	h2 { font-size: 25px; }
	h3 { font-size: 23px; }
	h4 { font-size: 21px; }
	h5 { font-size: 13px; }
	h6 { font-size: 12px; }
}

.site-header {
	position: relative;
	height: 740px;
	background: black;

	.header-menu-box {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		-webkit-animation: top-menu-slide-in 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
		animation: top-menu-slide-in 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
		
		.header-menu-top {
			height: 40px;
			line-height: 40px;
			text-align: right;
			background: rgba(0,0,0,0.5);

			dl {
				height: inherit;
				font-size: 0;

				dt {
					font-size: 1rem;
					color: @color_white;
					display:inline-block;zoom:1;*display:inline;_display:inline;

					&:not(:last-child):after {
						display:inline-block;zoom:1;*display:inline;_display:inline;
						content: "";
						height: 10px;
						margin: 0 10px 0 10px;
						border-right: 1px solid #828d95;
					}
				}
			}

		}

		.header-menu-main {
			position: relative;
			height: 80px;
			line-height: 80px;
			background-color: @color_white;
			overflow: hidden;
			border-bottom: 1px solid #CDC9C9;

			.site-home {
				display: inline-block;
				font-size: 2.5rem;
				font-weight: 700;
				letter-spacing: -2px;
			}

			.site-menu {
				position: absolute;
				top: 15px;
				right: 0;
				text-align: right;
				font-size:1.1rem;
				line-height: unset;

				a {
					padding: 1rem 2rem;
					line-height: 1rem;
					display:inline-block;zoom:1;*display:inline;_display:inline;


					span {
						display: block;

						&.lang-eng {
						
						}
						
						&.lang-kor {
							color: @color_darkgrey;
							margin-top: 0.2rem;
							font-size: 0.8rem;
							opacity: 0;
						}
					}
					
					&:last-child {
						padding-right: 0;
					}

					&:hover {
						.lang-kor {
						-webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
						animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
						}
					}

				}

			}
		}

		@media (max-width:@screen_tablet_max){
			.header-menu-main {

				.site-home {
					margin-left: 1rem;
				}

				.site-menu {
					right: 1rem;

					a {
						font-size:2rem;
					}

				}
			}
		}

	
		.header-menu-sub-out {
			position: relative;
			display: none;
			-webkit-animation: fade-in-fwd 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
			animation: fade-in-fwd 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;

			.header-menu-sub-in {
				position: absolute;
				top: 0;
				right: 0;
				min-width: 155px;
				border-top: 4px solid @color_red;
				background: @color_white;

				a {
					display: block;
					text-align: right;
					border-bottom: solid 1px @color_lightgrey;
					padding: 0.7rem 2rem 0.7rem 1.5rem;
					font-weight: 400;

					&:last-child {
						border-bottom: unset;
					}
				}

			}
			&#menu_7 {
				.header-menu-sub-in {
					right: 510px;
				}
			}
			&#menu_9 {
				.header-menu-sub-in {
					right: 0;
				}
			}
			&#menu_10 {
				.header-menu-sub-in {
					right: 130px;
				}
			}

			&#menu_8 {
				background-color: @color_white;

				.header-menu-sub-in-box {
					width: 100%;
					display: -webkit-inline-box;
					display: -ms-inline-flexbox;
					-webkit-box-orient: horizontal;
					-webkit-box-direction: normal;
					-ms-flex-direction: row;
					flex-direction: row;
					-webkit-box-align: stretch;
					-ms-flex-align: stretch;
					align-items: stretch;
					margin: 0;
					box-shadow: none;


					dl.item {
						position: relative;
						-webkit-box-flex: 1;
						-ms-flex: 1 0 auto;
						flex: 1 0 auto;
						-ms-flex-wrap: nowrap;
						flex-wrap: nowrap;
						-webkit-box-orient: horizontal;
						-webkit-box-direction: normal;
						-ms-flex-direction: row;
						flex-direction: row;
						vertical-align: middle;
						-webkit-box-align: center;
						-ms-flex-align: center;
						align-items: center;
						-webkit-box-pack: center;
						-ms-flex-pack: center;
						justify-content: center;
						margin: 1rem;
						padding: 1rem 1.5rem;
						text-decoration: none;
						background-color: transparent;
						color: @color_black;
						border-left: 1px solid @color_grey;

						&:last-child {
							margin-right: 0;
							border-right: 1px solid @color_grey;
						}
						
						dt, dd {
							display: block;
						}

						dt {
							text-align: center;
							
							&.title {
								font-size: 1.2rem;
								font-weight: 400;
								color: @color_darkgrey;
								line-height: 2.5rem;
							}

							img {
								height: 80px;
							}
						
						}

						dd {
							text-align: center;
							line-height: 1.7rem;
							
							border-bottom: 0px dotted #9e9e9e;
							&:last-child {
								border-bottom: 0px;
							}
						}
					}
				
				}
			}
		}
	}


	.header-slider-box {
		width: 100%;
		height: 100%;

		.slider-main {
		
			.inner {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				color: @color_white;

				background: rgba(0,0,0,0.7);
				
				.title {
					text-align: center;
					padding: 0.5rem;
					font-size: 1.5rem;
				
				}
				.subtitle {
					text-align: justify;
					padding: 0.5rem 3rem;
				}

			}
		}

	}

	.header-menu-sub {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;


		.sub-menu-box {
			width: 100%;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-box-align: stretch;
			-ms-flex-align: stretch;
			align-items: stretch;
			margin: 0;
			box-shadow: none;
			line-height: 1.1rem;
			cursor: pointer;

			.item {
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				-ms-flex: 1 0 auto;
				flex: 1 0 auto;
				-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-ms-flex-direction: row;
				flex-direction: row;
				vertical-align: middle;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				margin: 0;
				margin-right: 1px;
				padding: 1rem 1.5rem;
				font-weight: 400;
				font-size: 1.1rem;
				text-decoration: none;
				background-color: rgba(0,0,0,0.2);
				color: @color_white;

				&:last-child {
					margin-right: 0;
				}

				&:hover {
					background-color: rgba(0,0,0,0.5);
					color: @color_white;
				}
				&.active {
					background-color: rgba(0,0,0,0.8);
					color: @color_white;
				}

			}
			@media (max-width:@screen_tablet_max){
				display: block;

				.item {
					margin-right: 0;
					margin-top: 1px;
				}
			}

			&.line {
				.item {
					padding: 0.7rem 1rem;
					background-color: initial;
					border-bottom: 2px solid @color_grey;

					&:hover {
						background-color: initial;
						color: @color_orange;
						border-color: @color_orange;
					}
					&.active {
						background-color: initial;
						color: @color_orange;
						border-color: @color_orange;
					}
				}
			}

			&.big {
				.item {
					padding: 1.2rem 2rem;
				}
			}
			&.small {
				.item {
					padding: 0.5rem 0.8rem;
					font-size: 1rem;
					font-weight: normal;
				}
			}
			&.tiny {
				.item {
					padding: 0.2rem 0.3rem;
					font-size: 0.7rem;
					font-weight: normal;
				}
			}
		}
	}

	@media (max-width:@screen_tablet_max){
		height: 330px;

		.header-menu-box {
			.header-menu-main {
				-webkit-animation: top-menu-slide-out 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
				animation: top-menu-slide-out 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
			}
			.header-menu-sub-out {
				margin-top: -40px;
			}
		}
		.header-slider-box {
			.slider-main {
				.swiper-content {
					display: none;
				}
				.inner {
					.title {
					}
					.subtitle {
						display: none;
					}
				}
			}
		}
		.header-menu-sub {
			z-index:0;
		}
	}
}

.site-width-limit {
	position: relative;
	max-width: @doc_max_width;
	margin:0 auto;
	height: inherit;
}

.site-container, .cke_editable {
	padding-top: 2rem;
	padding-bottom: 15rem;
	background-color: white;

	.site-content-box {
		padding-top: 1rem;
		padding-bottom: 1rem;

		background-repeat:no-repeat;
		background-size:cover;
		background-position: center;

		background-attachment: fixed;

		.site-content {
			max-width: @doc_max_width;
			margin: 0 auto;

			@media (max-width:@screen_tablet_max){
				padding: 1rem;
			}


			img {
				max-width:100% !important;
			}

			.page-title {
				font-size: 2.5rem;
				color: @color_darkgrey;
				padding: 1rem 0;
				text-align: center;
				letter-spacing: 0.3rem;
				font-weight: 400;
			}
		}
	}
}

.bg-type-grey {
	background-blend-mode: luminosity;
	background-color: gray;
}
.bg-type-dark {
	background-blend-mode: overlay;		
	background-color: hsla(0,3%,25%,1);
}
.bg-type-silver {
	background-blend-mode: overlay;
	background-color: silver;
}

.site-footer {
	background-color: #26313B;
	padding: 1rem 0;
	color: @color_lightgrey;

	.site-copyright {
		max-width: @doc_max_width;
		margin: 0 auto;
	}

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
	.site-mobile-menu-box {
		display: none;

		position: fixed;
		top: @header_height_mobile;
		z-index: 999;
		width: 100%;
		height:calc(~"100% - "@header_height_mobile);
		height:-moz-calc(~"100% - "@header_height_mobile);
		height:-webkit-calc(~"100% - "@header_height_mobile);
		height:-o-calc(~"100% - "@header_height_mobile);
		background: rgba(255,255,255,1);
		color: @color_darkgrey;
		overflow-y: auto;
	}

	/* 데스크톱 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	@media (min-width:@screen_computer_min){
		overflow-x: inherit !important;
		overflow-y: inherit !important;

		&.float-menu {
			.site-header {
				.header-menu-box {
					.header-menu-main {
						-webkit-animation: top-menu-slide-out 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
						animation: top-menu-slide-out 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
					}
					.header-menu-sub-out {
						margin-top: -40px;
					}
				}
			}
		}
		.site-mobile-menu-box {
			display: none !important;
		}

	}
	/* 모바일 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	@media (max-width:@screen_tablet_max){

		&.menu-open {
			overflow-x:hidden;
			overflow-y:hidden;

			.site-mobile-menu-box {
				display: block;

				.mobile-menu-list {
					margin: 1rem 0;
				
				
					.mobile-menu-title {
						padding: 1rem 2rem;
						font-size: 1.5rem;
					}

					a {
						display: block;
						padding: 1rem 3rem;

						color: @color_darkgrey;

						&:hover {
							background-color: @color_brightgrey;
						}

						&:not(:last-child) {
							border-bottom: 1px solid @color_lightgrey;
						}
					}
				
				}
			}
		}
	}


	&.page-sub {
		.site-header {
			height: 300px;

			.header-slider-box {

			}
		}
	}
}


dl.sitemap-box {
	background-color: @color_white;

	dt {
		display: block;
		font-size: 1.6rem;
		font-weight: 700;
		padding: 0.7rem 2rem 0.7rem 0.5rem;
		text-align: center;
	}

	dd {
		a {
			display: block;
			border-bottom: solid 1px @color_lightgrey;
			padding: 0.7rem 2rem 0.7rem 0.5rem;
			font-weight: 500;

			&:last-child {
				border-bottom: unset;
			}
		}
	}

}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.main-grid-box {
	position: relative;
	width: 100%;
	height: 759px;
	> div {
		position: absolute;
		overflow: hidden;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:50% 50%;

		background-blend-mode: luminosity;
		background-color: black;
		.transition(all 1s ease-in-out);

		&:hover {
			background-color: transparent;
			.transition(all 0.5s ease-in-out);
		}
	}
	.main-grid-top {
		width: 745px;
		height: 240px;
		top: 0;
		left: 0;
	}
	.main-grid-right {
		width: 235px;
		height: 500px;
		top: 0;
		left: 765px;
	}
	.main-grid-left {
		width: 235px;
		height: 500px;
		top: 260px;
		left: 0;
	}
	.main-grid-center {
		width: 490px;
		height: 240px;
		top: 260px;
		left: 255px;
	}
	.main-grid-bottom {
		width: 745px;
		height: 240px;
		top: 520px;
		left: 255px;
	}
}

@media (max-width:@screen_computer_min) {
	.main-grid-box {
		> div {
			position: relative;
			width: 100% !important;
			height: unset !important;
			top: unset !important;
			left: unset !important;
			margin-bottom: 1.5rem;

		}
	}
}

.hideme {
	opacity: 0;
}
.showme {
	-webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-fwd 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

	&.top {
		-webkit-animation: fade-in-top 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
		animation: fade-in-top 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	}
	&.right {
		-webkit-animation: fade-in-right 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
		animation: fade-in-right 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	}
	&.bottom {
		-webkit-animation: fade-in-bottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
		animation: fade-in-bottom 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	}
	&.left {
		-webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
		animation: fade-in-left 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	}
}


/**
 * ----------------------------------------
 * animation top-menu-slide-in, top-menu-slide-out
 * ----------------------------------------
 */

@keyframes top-menu-slide-in {
  0% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
			-webkit-box-shadow: 0 0 20px 0px rgba(0,0,0,0.38);
			box-shadow: 0 0 10px 0px rgba(0,0,0,0.38);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
			-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes top-menu-slide-out {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
			-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
			-webkit-box-shadow: 0 0 20px 0px rgba(0,0,0,0.38);
			box-shadow: 0 0 10px 0px rgba(0,0,0,0.38);
  }
}
/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */

@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.swiper-slide {

	&.swiper-slide-active {
			-webkit-animation: slide-swiper-slide-active 5.5s ease-out both;
			animation: slide-swiper-slide-active 5.5s ease-out both;
	}
}



@-webkit-keyframes slide-swiper-slide-active {
	0% {
	-webkit-transform: scale(1) translate(0, 0);
			transform: scale(1) translate(0, 0);
	-webkit-transform-origin: 84% 50%;
			transform-origin: 84% 50%;
	}
	100% {
	-webkit-transform: scale(1.1) translateX(20px);
			transform: scale(1.1) translateX(20px);
	-webkit-transform-origin: right;
			transform-origin: right;
	}
}

@keyframes slide-swiper-slide-active {
	0% {
	-webkit-transform: scale(1) translate(0, 0);
			transform: scale(1) translate(0, 0);
	-webkit-transform-origin: 84% 50%;
			transform-origin: 84% 50%;
	}
	100% {
	-webkit-transform: scale(1.1) translateX(20px);
			transform: scale(1.1) translateX(20px);
	-webkit-transform-origin: right;
			transform-origin: right;
	}
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




@media (max-width:@screen_mobile_max) {
}
@media (min-width:@screen_tablet_min) and (max-width:@screen_tablet_max){
}