*{margin:0;padding:0;}
html,body,#outer_wrapper {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	-webkit-font-smoothing:antialiased;
	-webkit-tap-highlight-color:rgba(255,255,255,0);
	-webkit-tap-highlight-color:transparent
}
html {
	background-color:black
}
body {
	-ms-touch-action:none
}
a{text-decoration:none;}
@media screen and (orientation:landscape) {
	.ios7.ipad body {
		position:fixed;
		margin-top:0px
	}
}
body.js,.js #outer_wrapper {
	overflow:hidden
}
a {
	cursor:pointer
}
.hidden {
	position:absolute;
	top:-1000em;
	left:-1000em;
	line-height:0;
	height:0;
	font-size:0;
	color:transparent;
	border:0 none
}
#ivwPix {
	position:absolute;
	top:0;
	right:0;
	width:0;
	height:0
}
@-moz-keyframes spin {
	0% {
		-moz-transform:rotate(0deg)
	}
	100% {
		-moz-transform:rotate(359deg)
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(359deg)
	}
}
@-o-keyframes spin {
	0% {
		-o-transform:rotate(0deg)
	}
	100% {
		-o-transform:rotate(359deg)
	}
}
@-ms-keyframes spin {
	0% {
		-ms-transform:rotate(0deg)
	}
	100% {
		-ms-transform:rotate(359deg)
	}
}
@keyframes spin {
	0% {
		transform:rotate(0deg)
	}
	100% {
		transform:rotate(359deg)
	}
}
@-webkit-keyframes blink {
	0% {
		opacity:1
	}
	50% {
		opacity:0.3
	}
	100% {
		opacity:1
	}
}
@-moz-keyframes blink {
	0% {
		opacity:1
	}
	50% {
		opacity:0.3
	}
	100% {
		opacity:1
	}
}
@-o-keyframes blink {
	0% {
		opacity:1
	}
	50% {
		opacity:0.3
	}
	100% {
		opacity:1
	}
}
@keyframes blink {
	0% {
		opacity:1
	}
	50% {
		opacity:0.3
	}
	100% {
		opacity:1
	}
}
@-webkit-keyframes bounce {
	0% {
		-webkit-transform:translateY(0)
	}
	10% {
		-webkit-transform:translateY(-30px)
	}
	100% {
		-webkit-transform:translateY(0)
	}
}
@-moz-keyframes bounce {
	0% {
		-moz-transform:translateY(0)
	}
	10% {
		-moz-transform:translateY(-30px)
	}
	100% {
		-moz-transform:translateY(0)
	}
}
@-o-keyframes bounce {
	0% {
		-o-transform:translateY(0)
	}
	10% {
		-o-transform:translateY(-30px)
	}
	100% {
		-o-transform:translateY(0)
	}
}
@keyframes bounce {
	0% {
		transform:translateY(0)
	}
	10% {
		transform:translateY(-30px)
	}
	100% {
		transform:translateY(0)
	}
}
@-webkit-keyframes fade_in {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-moz-keyframes fade_in {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-o-keyframes fade_in {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@keyframes fade_in {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-webkit-keyframes fade_out {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@-moz-keyframes fade_out {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@-o-keyframes fade_out {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@keyframes fade_out {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@-webkit-keyframes scroll-in-forwards {
	from {
		-webkit-transform:translateY(100%)
	}
	to {
		-webkit-transform:translateY(0)
	}
}
@-moz-keyframes scroll-in-forwards {
	from {
		-moz-transform:translateY(100%)
	}
	to {
		-moz-transform:translateY(0)
	}
}
@-o-keyframes scroll-in-forwards {
	from {
		-o-transform:translateY(100%)
	}
	to {
		-o-transform:translateY(0)
	}
}
@keyframes scroll-in-forwards {
	from {
		transform:translateY(100%)
	}
	to {
		transform:translateY(0)
	}
}
@-webkit-keyframes scroll-in-backwards {
	from {
		-webkit-transform:translateY(-100%)
	}
	to {
		-webkit-transform:translateY(0)
	}
}
@-moz-keyframes scroll-in-backwards {
	from {
		-moz-transform:translateY(-100%)
	}
	to {
		-moz-transform:translateY(0)
	}
}
@-o-keyframes scroll-in-backwards {
	from {
		-o-transform:translateY(-100%)
	}
	to {
		-o-transform:translateY(0)
	}
}
@keyframes scroll-in-backwards {
	from {
		transform:translateY(-100%)
	}
	to {
		transform:translateY(0)
	}
}
@-webkit-keyframes scroll-out-forwards {
	from {
		-webkit-transform:translateY(0)
	}
	to {
		-webkit-transform:translateY(-100%)
	}
}
@-moz-keyframes scroll-out-forwards {
	from {
		-moz-transform:translateY(0)
	}
	to {
		-moz-transform:translateY(-100%)
	}
}
@-o-keyframes scroll-out-forwards {
	from {
		-o-transform:translateY(0)
	}
	to {
		-o-transform:translateY(-100%)
	}
}
@keyframes scroll-out-forwards {
	from {
		transform:translateY(0)
	}
	to {
		transform:translateY(-100%)
	}
}
@-webkit-keyframes scroll-out-backwards {
	from {
		-webkit-transform:translateY(0)
	}
	to {
		-webkit-transform:translateY(100%)
	}
}
@-moz-keyframes scroll-out-backwards {
	from {
		-moz-transform:translateY(0)
	}
	to {
		-moz-transform:translateY(100%)
	}
}
@-o-keyframes scroll-out-backwards {
	from {
		-o-transform:translateY(0)
	}
	to {
		-o-transform:translateY(100%)
	}
}
@keyframes scroll-out-backwards {
	from {
		transform:translateY(0)
	}
	to {
		transform:translateY(100%)
	}
}

.entry {
	height:100%;
	width:100%;
	z-index:0
}
.entry .chapter_title {
	display:none
}
.entry .indicator {
	position:absolute;
	bottom:2%;
	width:300px;
	max-width:70%;
	height:40px;
	z-index:5;
	color:transparent;
	pointer-events:none;
	background-color:transparent;
	opacity:0;
	text-transform:uppercase;
	padding-left:40px;
	font-family: "Noto Sans KR", 돋움, dotum,Arial,Helvetica,sans-serif;
	padding-top:6px;
	-webkit-transition:opacity 1s ease;
	-moz-transition:opacity 1s ease;
	transition:opacity 1s ease
}
@media screen and (max-width:700px) {
	.entry .indicator {
		bottom:-11px
	}
}
.entry .indicator.visible {
	opacity:1;
	-webkit-transition:opacity 0.5s ease 0.5s;
	-moz-transition:opacity 0.5s ease 0.5s;
	transition:opacity 0.5s ease 0.5s
}
.entry .indicator.hidden {
	opacity:0;
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
	top:auto
}
.entry .indicator.faded {
	opacity:0;
	-webkit-transition:opacity 2s ease;
	-moz-transition:opacity 2s ease;
	transition:opacity 2s ease
}
.entry .indicator.animate {
	-webkit-animation:bounce 0.5s ease;
	-moz-animation:bounce 0.5s ease;
	animation:bounce 0.5s ease
}
.entry .indicator:before {
	background-size:100% auto;
	background-position:top left;
	background-repeat:no-repeat;
	content:"";
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute
}
.entry .scroll_indicator {
	left:8%;
	cursor:pointer;
	visibility:hidden
}
.entry .scroll_indicator:before {
	background-image:url(../icon/scroll_down_indicator.png)
}
.entry .scroll_indicator.invert:before {
	background-image:url(../icon/scroll_down_indicator_invert.png)
}
.entry .scroll_indicator.visible {
	pointer-events:all;
	visibility:visible
}
.bigScreen .entry .scroll_indicator {
	opacity:0;
	visibility:0;
	pointer-events:none;
	z-index:0
}
.has_mobile_platform .hidden_text_indicator {
	left:8%
}
.has_mobile_platform .hidden_text_indicator:before {
	background-image:url(../icon/touch_indicator.png)
}
.has_mobile_platform .hidden_text_indicator.invert:before {
	background-image:url(../icon/touch_indicator_invert.png)
}
.page .background_image {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover
}
.js .page .background_image {
	-webkit-backface-visibility:hidden
}
@media screen and (max-width:768px) and (orientation:portrait) {
	.js .page .internal_links_page .scroller>div,.page .internal_links_page .scroller>div {
		padding:15% 8% 5% 8%
	}
}
@media screen and (max-width:768px) and (orientation:portrait) {
	.js .page:first-child .internal_links_page .scroller>div,.js .page:first-child .content_and_background.internal_links_page>.page_header,.page:first-child .internal_links_page .scroller>div,.js .page:first-child .content_and_background.internal_links_page>.page_header {
		padding:110px 8% 5% 8%
	}
}
.js .page .internal_links_page .scroller>div {
	padding:15% 14% 5% 8%;
	width:100%
}
.internal_links_page nav {
	position:relative;
	max-width:1011px;
	pointer-events:all;
	font-size:0
}
.internal_links_page nav ul {
	padding:0;
	top:0;
	left:0;
	width:100%;
	margin:0 0 30px 0
}
.internal_links_page nav li {
	display:inline-block;
	list-style:none;
	width:19%;
	max-width:192px;
	max-height:108px;
	padding:0 1% 1% 0;
	margin:0 0px 5px 0
}
@media screen and (max-width:700px) {
	.internal_links_page nav li {
		width:48%;
		max-width:350px;
		max-height:250px;
		padding:0 2% 1% 0;
		margin:0 0px 6px 0
	}
}
.internal_links_page nav li.empty {
	padding:0 1% 0 0
}
@media screen and (max-width:700px) {
	.internal_links_page nav li.empty {
		display:none
	}
}
.internal_links_page nav .title {
	display:none
}
.internal_links_page nav .title_hover .title {
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	color:white;
	text-transform:uppercase;
	text-align:center;
	line-height:1.2em;
	letter-spacing:0.05em;
	font-size:0.8em;
	opacity:0;
	z-index:1;
	-webkit-transform:translate3d(0,-50%,0);
	-moz-transform:translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	-o-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
	-webkit-transition:opacity 500ms;
	-moz-transition:opacity 500ms;
	transition:opacity 500ms
}
.internal_links_page nav .title_hover:hover .title {
	opacity:1
}
.internal_links_page nav .title_hover:hover .placeholder:after,.internal_links_page nav .title_hover:hover .thumbnail:after {
	opacity:0.8
}
.internal_links_page nav .title_hover .placeholder:after,.internal_links_page nav .title_hover .thumbnail:after {
	opacity:0;
	background-color:black;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	content:"";
	-webkit-transition:opacity 500ms;
	-moz-transition:opacity 500ms;
	transition:opacity 500ms
}
.internal_links_page nav .placeholder,.internal_links_page nav .thumbnail {
	display:block;
	width:100%;
	padding-top:58%;
	background-position:center;
	background-size:cover;
	position:relative;
	font-size:16px;
	background-repeat:no-repeat
}
.internal_links_page nav .placeholder div,.internal_links_page nav .thumbnail div {
	position:absolute;
	top:0;
	width:100%;
	height:100%
}
.internal_links_page nav[data-layout="hero_top_left"] li:first-child,.internal_links_page nav[data-layout="hero_top_right"] li:first-child {
	max-width:394px;
	max-height:226px;
	width:39%
}
@media screen and (max-width:700px) {
	.internal_links_page nav[data-layout="hero_top_left"] li:first-child,.internal_links_page nav[data-layout="hero_top_right"] li:first-child {
		width:98%;
		max-width:700px;
		max-height:600px;
		float:none;
		margin-bottom:6px
	}
}
.internal_links_page nav[data-layout="hero_top_left"] li:first-child .placeholder,.internal_links_page nav[data-layout="hero_top_right"] li:first-child .placeholder,.internal_links_page nav[data-layout="hero_top_left"] li:first-child .thumbnail,.internal_links_page nav[data-layout="hero_top_right"] li:first-child .thumbnail {
	padding-top:60%
}
.internal_links_page nav[data-layout="hero_top_left"] li:first-child .title,.internal_links_page nav[data-layout="hero_top_right"] li:first-child .title {
	font-size:1em;
	line-height:1.4em
}
.internal_links_page nav[data-layout="hero_top_left"] li.empty:first-child,.internal_links_page nav[data-layout="hero_top_right"] li.empty:first-child {
	padding-top:22.815%
}
@media screen and (max-width:700px) {
	.internal_links_page nav[data-layout="hero_top_left"] li.empty:first-child,.internal_links_page nav[data-layout="hero_top_right"] li.empty:first-child {
		padding-top:0
	}
}
.internal_links_page nav[data-layout="hero_top_left"] li:first-child {
	float:left
}
@media screen and (max-width:700px) {
	.internal_links_page nav[data-layout="hero_top_left"] li:first-child {
		float:none
	}
}
.internal_links_page nav[data-layout="hero_top_right"] li:first-child {
	float:right
}
.internal_links_page nav[data-layout="hero_top_right"] li:first-child a {
	padding-top:60.1%
}
@media screen and (max-width:700px) {
	.internal_links_page nav[data-layout="hero_top_right"] li:first-child {
		float:none
	}
}
.internal_links_page nav[data-layout="hero_top_left"] li[data-reference-key="23"],.internal_links_page nav[data-layout="hero_top_left"] li[data-reference-key="24"],.internal_links_page nav[data-layout="hero_top_left"] li[data-reference-key="25"],.internal_links_page nav[data-layout="hero_top_right"] li[data-reference-key="23"],.internal_links_page nav[data-layout="hero_top_right"] li[data-reference-key="24"],.internal_links_page nav[data-layout="hero_top_right"] li[data-reference-key="25"] {
	display:none
}
.invert .internal_links_page nav .thumbnail:after,.invert .internal_links_page nav .placeholder:after {
	background-color:white
}
.invert .internal_links_page nav .title {
	color:black
}
.audio .type_pictogram {
	background-image:url(../icon/audio_pictogram_small.png)
}
.audio_loop .type_pictogram {
	background-image:url(../icon/audio_loop_pictogram_small.png)
}
.background_image .type_pictogram {
	background-image:url(../icon/background_image_pictogram_small.png)
}
.internal_links .type_pictogram {
	background-image:url(../icon/internal_links_pictogram_small.png)
}
.print_image,.print_only {
	display:none
}
.page {
	position:relative;
	width:100%;
	min-height:100%
}
.page>* {
	position:absolute;
	z-index:1
}
.page .content_and_background {
	width:100%;
	min-height:100%;
	position:initial
}
.page .shadow {
	background:-moz-linear-gradient(left,#000 0%,rgba(0,0,0,0) 100%);
	background:-webkit-gradient(linear,left top,right top,color-stop(0%,#000),color-stop(100%,rgba(0,0,0,0)));
	background:-webkit-linear-gradient(left,#000 0%,rgba(0,0,0,0) 100%);
	background:-o-linear-gradient(left,#000 0%,rgba(0,0,0,0) 100%);
	background:-ms-linear-gradient(left,#000 0%,rgba(0,0,0,0) 100%);
	background:linear,to right,#000 0%,rgba(0,0,0,0) 100%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000',endColorstr='#00000000',GradientType=1 );
	pointer-events:none
}
@media screen and (max-width:900px) {
	.page .shadow {
        background:rgba(0,0,0,0.8);
		/*background:url(data:image/svg+xml;
		base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background:-moz-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%);
		background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0.8)),color-stop(66%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0)));
		background:-webkit-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%);
		background:-o-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%);
		background:-ms-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%);
		background:linear,to right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000',endColorstr='#00000000',GradientType=1 )*/
	}
}
.page.invert {
	color:#000;
	background-color:#fff
}
.page.invert .shadow {
	background:-moz-linear-gradient(left,#fff 0%,rgba(255,255,255,0) 100%);
	background:-webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(100%,rgba(255,255,255,0)));
	background:-webkit-linear-gradient(left,#fff 0%,rgba(255,255,255,0) 100%);
	background:-o-linear-gradient(left,#fff 0%,rgba(255,255,255,0) 100%);
	background:-ms-linear-gradient(left,#fff 0%,rgba(255,255,255,0) 100%);
	background:linear,to right,#fff 0%,rgba(255,255,255,0) 100%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#00FFFFFF',GradientType=1 )
}
@media screen and (max-width:900px) {
	.page.invert .shadow {
		background:url(data:image/svg+xml;
		base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 66%,rgba(255,255,255,0) 100%);
		background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.8)),color-stop(66%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));
		background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 66%,rgba(255,255,255,0) 100%);
		background:-o-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 66%,rgba(255,255,255,0) 100%);
		background:-ms-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 66%,rgba(255,255,255,0) 100%);
		background:linear,to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 66%,rgba(255,255,255,0) 100%;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#00FFFFFF',GradientType=1 )
	}
}
.page.text_position_right .shadow {
	background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,#000 100%);
	background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,#000));
	background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,#000 100%);
	background:-o-linear-gradient(left,rgba(0,0,0,0) 0%,#000 100%);
	background:-ms-linear-gradient(left,rgba(0,0,0,0) 0%,#000 100%);
	background:linear,to right,rgba(0,0,0,0) 0%,#000 100%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#FF000000',GradientType=1 )
}
@media screen and (max-width:768px) and (orientation:portrait) {
	.page.text_position_right .shadow {
		background:url(data:image/svg+xml;
		base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 33%,rgba(0,0,0,0.8) 100%);
		background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0)),color-stop(33%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.8)));
		background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 33%,rgba(0,0,0,0.8) 100%);
		background:-o-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 33%,rgba(0,0,0,0.8) 100%);
		background:-ms-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 33%,rgba(0,0,0,0.8) 100%);
		background:linear,to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 33%,rgba(0,0,0,0.8) 100%;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#FF000000',GradientType=1 )
	}
}
@media screen and (max-width:700px) {
	.page.text_position_right .shadow {
		background:url(data:image/svg+xml;
		base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background:-moz-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%);
		background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0.8)),color-stop(66%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0)));
		background:-webkit-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%);
		background:-o-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%);
		background:-ms-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%);
		background:linear,to right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000',endColorstr='#00000000',GradientType=1 )
	}
}
.page.invert.text_position_right {
	color:#000;
	background-color:#fff
}
.page.invert.text_position_right .shadow {
	background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 100%);
	background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#fff));
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 100%);
	background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 100%);
	background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 100%);
	background:linear,to right,rgba(255,255,255,0) 0%,#fff 100%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF',endColorstr='#FFFFFFFF',GradientType=1 )
}
@media screen and (max-width:768px) and (orientation:portrait) {
	.page.invert.text_position_right .shadow {
		background:url(data:image/svg+xml;
		base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 33%,rgba(255,255,255,0.8) 100%);
		background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(33%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0.8)));
		background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 33%,rgba(255,255,255,0.8) 100%);
		background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 33%,rgba(255,255,255,0.8) 100%);
		background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 33%,rgba(255,255,255,0.8) 100%);
		background:linear,to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 33%,rgba(255,255,255,0.8) 100%;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF',endColorstr='#FFFFFFFF',GradientType=1 )
	}
}
@media screen and (max-width:700px) {
	.page.invert.text_position_right .shadow {
		background:url(data:image/svg+xml;
		base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 66%,rgba(255,255,255,0) 100%);
		background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.8)),color-stop(66%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));
		background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 66%,rgba(255,255,255,0) 100%);
		background:-o-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 66%,rgba(255,255,255,0) 100%);
		background:-ms-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 66%,rgba(255,255,255,0) 100%);
		background:linear,to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 66%,rgba(255,255,255,0) 100%;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#00FFFFFF',GradientType=1 )
	}
}
.page .content {
	width:100%;
	position:relative
}
.page .backgroundArea {
	width:100%;
	height:100%
}
.page .scroller>div,.page .content_and_background>.page_header {
	padding:200px 0 5% 8%;
	pointer-events:none;
	width:75%
}
@media screen and (max-width:900px) {
	.page .scroller>div,.page .content_and_background>.page_header {
		padding:85px 12% 5% 8%;
		width:100%
	}
}
.page .content_and_background>.page_header {
	position:relative
}
.page .videoPage .scroller>div,.page .audioPage .scroller>div {
	padding:0px 0 5% 8%
}
.page.hide_title h2 {
	display:block
}

.page h2 .title {
	max-width:540px;
	width:100%
}
.page h2 .title img{
	max-width:90%;
	}
.js .page:first-child h2 .title {
	max-width: 540px;
}
.page .shadow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0
}
.js .page {
	height:100%
}
.js .page .content_and_background {
	height:100%;
	position:absolute
}
.js .page .scroller>div {
	pointer-events:none;
	padding:5% 10%;
	width:100%
}

/* 강풀용 패딩값 추가 150316*/
.js .page .scroller>div.spc_main {
	pointer-events:none;
	padding:4% 14% 5% 10%;
}

@media screen and (max-width:900px) {
	.js .page .scroller>div {
		padding:10% 8%;
		width:100%
	}
}
@media screen and (max-width:900px) and (orientation:landscape) {
	.js .page .scroller>div {
		padding:7% 12% 5% 8%
	}
}
.js .page .close_button {
	text-indent:-4000px;
	cursor:pointer;
	display:block;
	background-position:-45px 0;
	background-repeat:no-repeat;
	width:45px;
	height:45px;
	position:absolute;
	top:20px;
	right:100px;
	z-index:10;
	background-size:200% auto;
	background-image:url(../icon/close_sprite_shadow.png)
}
.js .page .close_button:hover {
	background-position:0 0
}
@media screen and (max-width:700px) {
	.js .page .close_button {
		right:10px
	}
}
@media screen and (max-width:768px) and (orientation:portrait) {
	.js .page .close_button {
		right:10px
	}
}
.js .page .close_button:before {
	content:" ";
	position:absolute;
	top:10px;
	right:48px;
	width:100px;
	height:30px;
	background-image:url(../icon/close_text.png)
}
.js .page.invert .close_button:before {
	background-image:url(../icon/close_text_invert.png)
}
@media screen and (max-width:700px) {
	.contentText {
		margin-bottom:40px
	}
}
.slideshow {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0
}
.slideshow .blackLayer,.slideshow .backgroundArea {
	-webkit-backface-visibility:hidden;
	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	transition:opacity 1s linear;
	position:relative
}
.slideshow .content_and_background {
	-webkit-backface-visibility:hidden
}
.slideshow .page {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	overflow:hidden
}
.slideshow .page .background_image {
	background-attachment:scroll
}
.slideshow section.active {
	display:block;
	-webkit-backface-visibility:hidden
}
.slideshow section.active .backgroundArea {
	opacity:1
}
.slideshow section.scroll .content_and_background {
	z-index:4
}
.slideshow .content {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-backface-visibility:hidden;
	z-index:1;
	overflow:hidden;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	transition:0.5s ease
}
.slideshow .content.hidden {
	opacity:0;
	pointer-events:0
}
.slideshow .scroller {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.slideshow .scroller>div {
	position:absolute;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	min-height:100%;
	z-index:1;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-o-text-size-adjust:none;
	text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-touch-callout:none
}
.slideshow .animate-in-forwards {
	display:block
}
.slideshow .animate-in-forwards .content,.slideshow .animate-in-forwards .content_and_background {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-timing-function:ease;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-iteration-count:1
}
.slideshow .animate-in-backwards {
	display:block
}
.slideshow .animate-in-backwards .content,.slideshow .animate-in-backwards .content_and_background {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-timing-function:ease;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-iteration-count:1
}
.slideshow .animate-out-forwards {
	display:block
}
.slideshow .animate-out-forwards .content,.slideshow .animate-out-forwards .content_and_background {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-timing-function:ease;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-iteration-count:1
}
.slideshow .animate-out-backwards {
	display:block
}
.slideshow .animate-out-backwards .content,.slideshow .animate-out-backwards .content_and_background {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-timing-function:ease;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-iteration-count:1
}
.slideshow section.scroll .blackLayer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:1;
	display:none;
	background-color:black
}
.slideshow section.scroll.invert .blackLayer {
	background-color:white
}
.slideshow section.scroll .content_and_background {
	-webkit-transition:1s ease;
	-moz-transition:1s ease;
	transition:1s ease
}
.slideshow section.scroll.active div.content_and_background {
	-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)
}
.slideshow section.scroll.active .blackLayer {
	opacity:1
}
.slideshow section.scroll.animate-in-forwards .content_and_background {
	-webkit-transform:translate3d(0,100%,0);
	-moz-transform:translate3d(0,100%,0);
	-ms-transform:translate3d(0,100%,0);
	-o-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
.slideshow section.scroll.animate-in-forwards .blackLayer {
	opacity:0
}
.slideshow section.scroll.animate-out-forwards .content_and_background {
	-webkit-transform:translate3d(0,-100%,0);
	-moz-transform:translate3d(0,-100%,0);
	-ms-transform:translate3d(0,-100%,0);
	-o-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0)
}
.slideshow section.scroll.animate-out-forwards .content_and_background .backgroundArea {
	opacity:1
}
.slideshow section.scroll.animate-out-forwards .blackLayer {
	opacity:1
}
.slideshow section.scroll.animate-in-backwards .content_and_background {
	-webkit-transform:translate3d(0,-100%,0);
	-moz-transform:translate3d(0,-100%,0);
	-ms-transform:translate3d(0,-100%,0);
	-o-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0)
}
.slideshow section.scroll.animate-in-backwards .blackLayer {
	opacity:1
}
.slideshow section.scroll.animate-out-backwards .content_and_background {
	-webkit-transform:translate3d(0,100%,0);
	-moz-transform:translate3d(0,100%,0);
	-ms-transform:translate3d(0,100%,0);
	-o-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
.slideshow section.scroll.animate-out-backwards .blackLayer {
	opacity:0
}
.slideshow section.fade .blackLayer {
	display:none
}
.slideshow section.fade .backgroundArea {
	background-color:black;
	-webkit-backface-visibility:hidden
}
.slideshow section.fade.invert .backgroundArea {
	background-color:white
}
.slideshow section.fade.active.animate-in-forwards .backgroundArea {
	opacity:1
}
.slideshow section.fade.animate-in-forwards .backgroundArea {
	opacity:0
}
.slideshow section.fade.animate-out-forwards .backgroundArea {
	opacity:1
}
.slideshow section.fade.animate-in-backwards .backgroundArea {
	opacity:1
}
.slideshow section.fade.animate-out-backwards .backgroundArea {
	opacity:0
}
.slideshow section.fade .content {
	-webkit-transition:1s ease;
	-moz-transition:1s ease;
	transition:1s ease;
	-webkit-backface-visibility:hidden
}
.slideshow section.fade.active div.content {
	-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)
}
.slideshow section.fade.animate-in-forwards .content {
	-webkit-transform:translate3d(0,100%,0);
	-moz-transform:translate3d(0,100%,0);
	-ms-transform:translate3d(0,100%,0);
	-o-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
.slideshow section.fade.animate-out-forwards .content {
	-webkit-transform:translate3d(0,-100%,0);
	-moz-transform:translate3d(0,-100%,0);
	-ms-transform:translate3d(0,-100%,0);
	-o-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0)
}
.slideshow section.fade.animate-in-backwards .content {
	-webkit-transform:translate3d(0,-100%,0);
	-moz-transform:translate3d(0,-100%,0);
	-ms-transform:translate3d(0,-100%,0);
	-o-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0)
}
.slideshow section.fade.animate-out-backwards .content {
	-webkit-transform:translate3d(0,100%,0);
	-moz-transform:translate3d(0,100%,0);
	-ms-transform:translate3d(0,100%,0);
	-o-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
.hint {
	position:absolute;
	top:-1000em;
	left:-1000em;
	line-height:0;
	height:0;
	font-size:0;
	color:transparent;
	border:0 none
}
.has_no_mobile_platform .navigation .navigation_menu_box a:hover {
	-webkit-mask-image:none
}
.navigation .navigation_share_box {
	width:210px
}
.has_no_mobile_platform .navigation.js a.scroll_indicator.top:hover {
	background-position:-13px -115px
}
body.has_mobile_platform .navigation.js a.scroll_indicator.top.pressed,body.has_no_mobile_platform .navigation.js a.scroll_indicator.top.pressed {
	background-position:-13px -64px
}
.has_no_mobile_platform .navigation.js a.scroll_indicator.bottom:hover {
	background-position:-161px -115px
}
body.has_mobile_platform .navigation.js a.scroll_indicator.bottom.pressed,body.has_no_mobile_platform .navigation.js a.scroll_indicator.bottom.pressed {
	background-position:-161px -64px
}
.overview {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	visibility:hidden;
	width:100%;
	height:100%;
	overflow:hidden;
	font-family: "Apple SD Gothic Neo", "MalgunGothic", "Malgun Gothic", 돋움, dotum,Arial,Helvetica,sans-serif;
	position:absolute;
	top:0;
	left:0;
	-webkit-transition:visibility 0.5s;
	-moz-transition:visibility 0.5s;
	transition:visibility 0.5s
}
.overview.active {
	visibility:visible
}
.overview:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color:black;
	opacity:0;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	transition:0.5s ease
}
.overview.active:after {
	opacity:0.4
}
.overview.active .content {
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}
.overview .scroll_indicator {
	position:absolute;
	bottom:0;
	z-index:1
}
.overview .scroll_indicator.left {
	left:10px
}
.overview .scroll_indicator.right {
	right:0
}
.overview .scroll_indicator:active {
	outline:none
}
.overview .content {
	position:absolute;
	top:0;
	bottom:0;
	left:8%;
	right:120px;
	height:535px;
	color:#fff;
	overflow:hidden;
	z-index:2;
	margin:auto;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	transition:0.5s ease;
	-webkit-transform:translate(200%,0);
	-moz-transform:translate(200%,0);
	-ms-transform:translate(200%,0);
	-o-transform:translate(200%,0);
	transform:translate(200%,0)
}
.overview .content h2 {
	margin-left:10px;
	margin-bottom:0;
	font-size:2.0em;
	margin-top:0
}
.overview .content .close {
	position:absolute;
	right:0;
	top:20px
}
.overview .content .scroller {
	overflow:hidden;
	height:465px;
	position:relative
}
.overview .content .ov_chapter {
	position:relative;
	float:left;
	width:265px;
	height:395px;
	margin-top:25px;
	margin-right:10px;
	background-image:url(../icon/chapter_bg.png);
	background-repeat:repeat-y
}
.overview .content .ov_chapter:before,.overview .content .ov_chapter:after {
	content:" ";
	position:absolute;
	width:265px;
	height:10px
}
.overview .content .ov_chapter:before {
	top:-10px;
	left:0;
	background-image:url(../icon/chapter_top.png)
}
.overview .content .ov_chapter:after {
	bottom:-10px;
	left:0;
	background-image:url(../icon/chapter_bottom.png)
}
.overview .content .ov_chapter .heading-4 {
	display:block;
	font-weight:bold;
	margin:10px 17px;
	margin-top:0;
	height:20px;
	font-size:1.1em;
	margin-bottom:21px
}
.overview .content .ov_chapter .heading-5 {
	display:block;
	margin:5px 17px;
	height:20px;
	font-size:1em;
	text-transform:uppercase;
	font-weight:normal
}
.overview .content .ov_chapter .ov_page {
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-perspective:700px;
	-moz-perspective:700px;
	perspective:700px;
	-webkit-perspective-origin:left 50%;
	-moz-perspective-origin:left 50%;
	perspective-origin:left 50%;
	display:block;
	width:230px;
	height:72px;
	position:relative;
	margin-left:15px;
	margin-bottom:5px;
	border:1px solid #505050;
	color:#fff
}
.overview .content .ov_chapter .ov_page.active {
	cursor:default;
	border-color:#ddd
}
.overview .content .ov_chapter .ov_page:active {
	outline:none
}
.overview .content .ov_chapter .ov_page img {
	width:230px;
	height:72px;
	position:absolute;
	top:0;
	left:0;
	opacity:0.8;
	border:none
}
.overview .content .ov_chapter .ov_page:hover img,.overview .content .ov_chapter .ov_page.touched img {
	opacity:1
}
.overview .content .ov_chapter .ov_page .pictogram {
	-webkit-transition:background-position 350ms;
	-moz-transition:background-position 350ms;
	transition:background-position 350ms;
	width:230px;
	height:72px;
	position:absolute;
	top:0;
	left:0;
	background-position:0
}
.overview .content .ov_chapter .ov_page:last-of-type {
	margin-bottom:0
}
.overview .content .ov_chapter .ov_page:hover {
	opacity:1
}
.overview .content .ov_chapter .ov_page:hover .ov_page_description {
	opacity:1;
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	transform:rotateY(0deg);
	-webkit-transition:-webkit-transform 400ms,opacity 100ms;
	-moz-transition:-moz-transform 400ms,opacity 100ms;
	transition:transform 400ms,opacity 100ms
}
.overview .content .ov_chapter .ov_page:hover .pictogram {
	-webkit-transition:background-position 250ms;
	-moz-transition:background-position 250ms;
	transition:background-position 250ms;
	background-position:79px
}
.has_touch_support .overview .content .ov_chapter .ov_page {
	opacity:1
}
.has_touch_support .overview .content .ov_chapter .ov_page .ov_page_description {
	opacity:0.8;
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	transform:rotateY(0deg)
}
.has_touch_support .overview .content .ov_chapter .ov_page .pictogram {
	-webkit-transition:background-position 250ms;
	-moz-transition:background-position 250ms;
	transition:background-position 250ms;
	background-position:79px
}
.overview .content .ov_chapter .ov_page_description {
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	padding:5px;
	width:149px;
	height:62px;
	background-color:rgba(0,131,186,0.75);
	border-right:1px solid rgba(75,75,75,0.25);
	overflow:hidden;
	opacity:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transform:rotateY(-90deg);
	-moz-transform:rotateY(-90deg);
	-ms-transform:rotateY(-90deg);
	-o-transform:rotateY(-90deg);
	transform:rotateY(-90deg);
	-webkit-transition:-webkit-transform 400ms,opacity 100ms 300ms;
	-moz-transition:-moz-transform 400ms,opacity 100ms 300ms;
	transition:transform 400ms,opacity 100ms 300ms
}
.overview .content .ov_chapter .ov_page_description p {
	margin:0;
	font-size:14px
}
.overview .content .ov_chapter:first-of-type:before {
	background-image:url(../icon/chapter_start.png)
}
.overview .content .ov_chapter:last-of-type:after {
	background-image:url(../icon/chapter_end.png)
}
.header .non_js_notice {
	position:absolute;
	top:0;
	left:25%;
	right:25%;
	z-index:10;
	text-align:center;
	line-height:25px;
	font-weight:bold;
	background-color:#fff;
	color:#444
}
a:focus {
	outline:3px solid #c1c1c1;
	text-decoration:none
}
input:focus {
	outline:3px solid #065195
}
.controls .add_info_box {
	width:87%;
	margin:1em 5% 1.5em 8%;
	position:relative;
	z-index:2;
	font-size:0.8em;
	color:white
}
.controls .add_info_box p {
	margin:0 3% 15px 3%;
	width:94%
}
.controls .add_info_box h3 {
	margin:15px 3%;
	width:94%
}
.controls .add_info_box.empty {
	display:none
}
.controls .add_info_box:before {
	content:"";
	position:absolute;
	left:-3px;
	top:0;
	width:100%;
	height:100%;
	background-color:#272727;
	border:3px solid #272727;
	z-index:-1;
	opacity:0.95;
	border-radius:4px
}
.js .vjs-control {
	pointer-events:all
}
.js .controls {
	position:absolute;
	bottom:10%;
	left:50%;
	z-index:2
}
@media screen and (max-width:700px) {
	.js .controls {
		left:5%
	}
}
.js .controls .control_bar_text {
	position:absolute;
	left:80px;
	top:20px;
	color:#ddd
}
@media screen and (max-width:700px) {
	.js .controls .control_bar_text {
		display:none
	}
}
.text_position_right.page .tlogo{
	position:fixed;
	left:50%;
	top:0;
	transform:translateX(-50%);
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
}
.text_position_right.page .contentText>* {
	margin-left:auto;
	font-size:18px;
	line-height:34px;
	color:#fff;
}
.text_position_right .internal_links_page nav {
	margin-left:auto
}
.text_position_right .page_header {
	max-width:1000px;
	margin:0 auto;
	width:90%
}
.text_position_right .page_header h1, .text_position_right .page_header h2{margin:0;}
.text_position_right .page_header h2{margin-top:68px;}
.text_position_right .page_header img{display:block;margin:0 auto;max-width:100%;font-size:0;line-height:0;}
.text_position_right .page_header p{margin:64px 0 114px;font-size:20px;line-height:30px;color:#c0c0c0;opacity:0.5;text-align:center;}
@media screen and (max-width:900px) {
	.text_position_right .page_header {
		width:100%
	}
	.text_position_right.page .tlogo img{
		max-width:280px
	}
	.slideshow .content .contentWrapper_1200{
		padding-top:100px;
	}
}
.slideshow .content .contentWrapper,.shadow {
	-webkit-transition:0.8s ease;
	-moz-transition:0.8s ease;
	-ms-transition:0.8s ease;
	transition:0.8s ease
}
.slideshow .content .contentWrapper{
	max-width:1000px;
	margin:0 auto;
	width:90%
}
@media screen and (max-width:900px) {
	.slideshow .content .contentWrapper{
		width:100%
	}
}
.slideshow .content .contentWrapper_1200{
	max-width:1200px;
	padding-top:5%;
}

.js .text_hidden_only {
	visibility:hidden
}
.hideText .shadow {
	opacity:0 !important;
	-webkit-transition:0.8s ease !important;
	-moz-transition:0.8s ease !important;
	-ms-transition:0.8s ease !important;
	transition:0.8s ease !important;
	visibility:hidden
}
.hideText .slideshow .content .contentWrapper {
	-webkit-transform:translate3d(-200%,0,0);
	-moz-transform:translate3d(-200%,0,0);
	-ms-transform:translate3d(-200%,0,0);
	-o-transform:translate3d(-200%,0,0);
	transform:translate3d(-200%,0,0)
}
.hideText .entry .scroll_indicator {
	left:-100%
}
.hideText .hide_content_with_text .content {
	visibility:hidden;
	opacity:0;
	pointer-events:none
}
.hideText .text_hidden_only {
	visibility:visible
}
.before_after .type_pictogram {
	background-image:url(../icon/before_after_pictogram_small.png)
}
.before_after {
	pointer-events:all
}
.before_after .before_image,.before_after .after_image {
	width:auto
}
.before_after .before_wrapper {
	border-right:2px solid gray
}
.before_after .before_wrapper:before {
	position:absolute;
	display:block;
	width:39px;
	height:39px;
	top:-25px;
	background:url(../icon/draghandle.png) no-repeat;
	z-index:2;
	background-repeat:no-repeat;
	background-size:65%;
	background-position:center bottom;
	content:"";
	right:-21px
}
.before_after .dragwrapper {
	position:absolute;
	z-index:1;
	width:39px;
	margin:0;
	cursor:col-resize;
	top:0;
	height:100%;
	margin-left:-19px;
	visibility:hidden
}
.before_after .ba_indicator {
	position:absolute;
	display:block;
	width:7px;
	height:15px
}
.before_after .ba_indicator.ba_left_indicator {
	background:url(../icon/lt-small.png) no-repeat
}
.before_after .ba_indicator.ba_right_indicator {
	background:url(../icon/rt-small.png) no-repeat
}
.page .beforeAfterPage .videoWrapper {
	height:100%
}
.page .beforeAfterPage .shadow {
	z-index:1
}
.hideText .beforeAfterPage .before_wrapper {
	border-right:2px solid white;
	overflow:visible !important
}
.hideText div.before_after .dragwrapper {
	visibility:visible;
	z-index:2
}
.js .beforeAfterPage .contentText {
	margin-bottom:200px
}
@media screen and (max-width:700px) {
	.js .beforeAfterPage .contentText {
		margin-bottom:100px
	}
}
.text_position_right .chart_page .iframeWrapper.widescreened {
	right:auto;
	left:8%;
	width:42%
}
@media screen and (min-width:1430px) {
	.chart_page h2 {
		max-width:500px
	}
}
.panorama .type_pictogram {
	background-image:url(../icon/panorama_pictogram_small.png)
}
.js .panorama_page {
	overflow:hidden
}
.js .panorama_page .contentText {
	margin-bottom:200px
}
@media screen and (max-width:700px) {
	.js .panorama_page .contentText {
		margin-bottom:100px
	}
}


.contL{
	float:left;
}
.contR{
	float:right;
}
.cont_img{width:600px;opacity: 0; -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); -webkit-transition: all 0.6s; transition: all 0.6s;  -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.active .cont_img { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 1s; transition: all 1s;  -webkit-transition-delay: 1s; transition-delay: 1s; }
.cont_img02{width:491px;}
.cont_img img{
	display:block;
	max-width:100%;
	margin:0 auto;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

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

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
.clear{clear:both;}
.text_position_right.page .cont_txt{width:550px;}
.text_position_right.page .cont_txt02{width:659px;}
.text_position_right.page .cont_txt_flno, .text_position_right.page .cont_img_flno{width:100%;}
.cont_txt{opacity: 0; -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); -webkit-transition: all 1s; transition: all 1s;  -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.active .cont_txt { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 2s; transition: all 2s;  -webkit-transition-delay: 2s; transition-delay: 2s; }


.text_position_right.page .cont_txt .contentText>* {
	font-size:16px;
	line-height:28px;
}
.text_position_right.page .cont_txt .contentText em{
	font-style:normal;
	font-size:50px;
}

.text_position_right.page .content_copy{
	text-align:center;
	padding-top:100px;
}
.text_position_right.page .content_copy .txt01{
	font-size:28px;
	line-height:32px;
	margin-bottom:48px;
}
.text_position_right.page .content_copy .copyright01{margin:0 auto 95px;padding-bottom:100px;max-width:1000px;border-bottom:1px solid #9a9a9a;}
.text_position_right.page .content_copy .copyright01 span{
	padding:6px 12px 7px;
	font-size:18px;
	line-height:32px;
	border-radius:15px;
	background:#ff4a4c;
}
.text_position_right.page .content_copy .author{
	font-size:24px;
	line-height:32px;
}
.text_position_right.page .content_copy .copyright02{
	margin-top:40px;
	font-size:18px;
	line-height:32px;
	opacity:0.5;
}

.page_header h1{opacity: 0; -webkit-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); -webkit-transition: all 0.6s; transition: all 0.6s;  -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.active .page_header h1{opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 1s; transition: all 1s;  -webkit-transition-delay: 1s; transition-delay: 1s; }
.page_header h2{opacity: 0; -webkit-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); -webkit-transition: all 0.6s; transition: all 0.6s;  -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.active .page_header h2{opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 2s; transition: all 2s;  -webkit-transition-delay:2s; transition-delay: 2s; }
.page_header p{opacity: 0; -webkit-transform: translateY(300px); -ms-transform: translateY(300px); transform: translateY(300px); -webkit-transition: all 0.6s; transition: all 0.6s;  -webkit-transition-delay: 3s; transition-delay: 0.6s; }
.active .page_header p{opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 3s; transition: all 3s;  -webkit-transition-delay: 3s; transition-delay: 3s; }
.page_header .icon{opacity: 0; -webkit-transform: translateY(300px); -ms-transform: translateY(300px); transform: translateY(300px); -webkit-transition: all 0.6s; transition: all 0.6s;  -webkit-transition-delay: 3s; transition-delay: 0.6s; }
.active .page_header .icon{opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 4s; transition: all 4s;  -webkit-transition-delay: 4s; transition-delay: 4s; }

.otherNews{position:fixed;right:50px;top:22px;width:330px;z-index:9999;}
.otherNews dt{padding:2px 0;font-size:16px;line-height:30px;color:#fff;text-align:center;cursor:pointer;border-bottom:1px solid #a5a5a5;}
.otherNews dt img{margin-left:20px;}
.otherNews dt img.ic_on{display:none;}
.otherNews dt.on img.ic_off{display:none;}
.otherNews dt.on img.ic_on{display:inline;}
.otherNews dd{display:none;padding:17px 20px 9px;background:#070707;opacity:0.9;}
.otherNews dd li{list-style:none;padding-left:7px;font-weight:bold;font-size:15px;height:28px;opacity:0.8;letter-spacing:0.05em;text-align:left;background:url('images/icon_other_dot.png') no-repeat 0 11px;}
.otherNews dd li a{color:#cacaca;}
.otherNews dd li a:hover{color:#eacf40;}

.link{position:fixed;top:25px;right:400px;z-index:99999;}
.link a{display:inline-block;padding:0 20px;font-size:16px;line-height:32px;color:#fff;cursor:pointer;background:#0077c6;border-radius:15px;}
.link img{margin-left:10px;margin-top:-2px;vertical-align:middle;}
@media screen and (max-width:900px) {
	.contL, contR, .cont_img, .text_position_right.page .cont_txt{
		width:100% !important;
		float:none !important;
	}
	.text_position_right.page .cont_txt{
		margin-top:50px;
	}
	
	.text_position_right.page .content_copy .author{
		font-size:16px;
	}
	.link{position:fixed;right:50%;top:auto;transform: translateX(50%);bottom:60px;}
	.text_position_right.page .content_copy .copyright01 span{
		font-size:12px;
	}
	.otherNews{position:fixed;right:0%;top:auto;bottom:0px;width:100%;background:#000;}
	.otherNews dt{padding:10px 0;}
	.otherNews dd li{background-position:0 7px;}
}