@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Verdana,Arial;
	color:#f0f9e6;
	width:100%;
	background:#080808;
	letter-spacing:-1px;
	overflow-x:hidden;
}
.clear {
	clear:both;
	font-size:1em;
}
p {
	margin:0;
	padding:0;
	font-size:18px;
	text-align:left;
	line-height:26px;
	color:#f0f9e6;
}
h1, h2, h3 {
	margin:0;
	padding:0;
}
ul, ol, li {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
a {
	text-decoration:none;
	color:#f0f9e6;
	font-size:14px;
}
div {
	margin:0;
	padding:0;
}
.header {
	width:1600px;
	margin:0 auto;
	background:url(../images/index/gnb_bg.png) 0 0 repeat-x;
	height:80px;
	position:fixed;
	z-index:999;
	top:0;
	left:50%;
	margin-left:-800px;
}
.header .zemi_logo {
	float:left;
	width:175px;
	height:80px;
}
.header .zemi_logo h1 {
	line-height:1em;
	margin:24px 0 0 30px;
}

.header .zemi_logo h1 a {
	display:block;
	height:27px;
	text-indent:-9999px;
	outline:none;
	background-image:url(../images/index/gnb/gamezemi_logo.png);
	background-repeat:no-repeat;
}

/*
.header .zemi_logo_KR h1 a {
	background-image:url(../images/index/gnb/gamezemi_logo.png);
}
*/

.header nav {
	float:left;
	width:1200px;
	height:80px;
	margin:0;
	padding:0;
}
.header nav .main_nav_mobile {
	display:none
}
.header nav .m_main_nav {
	display:none;
}
.header nav ul.main_nav {
	margin:0;
	background:url(../images/index/gnb_bg.png) 0 0 repeat-x;
	line-height:1em;
	list-style-type:none;
	font-size:0;
	position:relative;
}
.header nav ul.main_nav li {
	display:inline-block;
	margin:0 0 0 60px;
	padding:0;
	text-transform:uppercase;
	font-size:19px;
	line-height:1em;
	letter-spacing:0.05em;
	opacity:0.6;
	height:100%;
	line-height:78px;
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-ms-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.header nav ul.main_nav li:hover {
	opacity:1;
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-ms-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.header nav ul.main_nav li a {
	display:block;
	color:#A1A1A1;
	text-decoration:none;
	outline:none;
	white-space:nowrap;
	-webkit-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
	-moz-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
	-ms-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
	-o-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
	transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
}
.header nav .language {
	display:block;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
	appearance:normal;
	-moz-appearance:normal;
	-webkit-appearance:normal;
	box-shadow:none;
	text-indent:-9999em;
	cursor:pointer;
	position:absolute;
	right:44px;
	top:50%;
	margin-top:-16px;
	opacity:0.3;
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-ms-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
	width:32px;
	height:33px;
	background-image:url(../images/index/languageIcon.png);
	background-repeat:no-repeat;
	z-index:10;
}
.header nav .language:hover {
	opacity:1;
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-ms-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.header nav ul.language_nav {
	float:right;
	margin-right:-225px;
}
.header nav ul.language_nav li {
	background:#080808;
	opacity:0.3;
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-ms-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.header nav ul.language_nav li:hover {
	opacity:1;
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-ms-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.header nav ul.language_nav li a {
	display:block;
	text-align:center;
	line-height:30px;
	width:116px;
	height:32px;
}
.front_page {
	width:100%;
	overflow-x:hidden;
}
.front_page .con_title {
	font-size:100px;
	line-height:10px;
	text-transform:uppercase;
	font-weight:bold
}
.front_page .visible {
	width:100%;
	background:url(../images/index/subheader_img.jpg) center top no-repeat;
	min-height:900px;
	position:relative;
	overflow:hidden;
}

/*
.front_page .visible .visible_logo a img {
	border:0 none;
}

.front_page .visible .visibleImg {
	position:absolute;
	text-indent:-99999px
}

.front_page .visible .dragon {
	width:2180px;
	height:949px;
	margin-left:-1200px;
	margin-top:7%;
	left:50%;
	background:url(../images/index/dragon.png) 0 0 no-repeat;
	background-size:100%;
	z-index:1;
}

.front_page .visible .stone1 {
	width:493px;
	height:457px;
	margin-left:26%;
	margin-top:-3%;
	background:url(../images/index/stone1.png) 0 0 no-repeat;
}
.front_page .visible .stone2 {
	width:737px;
	height:287px;
	margin-left:86%;
	margin-top:-8%;
	background:url(../images/index/stone2.png) 0 0 no-repeat;
}
.front_page .visible .stone3 {
	width:275px;
	height:213px;
	margin-left:75%;
	margin-top:35%;
	background:url(../images/index/stone3.png) 0 0 no-repeat;
}
.front_page .visible .stone4 {
	width:960px;
	height:551px;
	margin-left:0%;
	margin-top:25%;
	background:url(../images/index/stone4.png) 0 0 no-repeat;
}

.front_page .visible .visible_logo {
	width:400px;
	height:295px;
	margin-left:-190px;
	margin-top:70px;
	top:0;
	left:50%;
	position:absolute;
	z-index:2;
}
.front_page .visible .visible_logo a {
	width:100%;
	height:100%;
	display:block;
}
.front_page .visible .visible_logo a img {
	width:100%;
	height:100%;
	border:0 none;
}

.front_page .visible .m_visible_txt .txt_event {
	display:none;
}
*/

.m_event {
	display:none;
}

/*
.event {
	display:block;
}
*/

.front_page .visible .m_visible_txt .txt_event_kr {
	font-family: 'Nanum Gothic', sans-serif;
	font-weight:bold;
	line-height:43px;
	color: #FFFFFF;
    font-size: 33px;
}
.front_page .visible .m_visible_txt .txt_event_kr span{
	color:#019030;
    font-size: 43px;
}
.front_page .visible .m_visible_txt .txt_event_prereg_kr {
	font-family: 'Nanum Gothic', sans-serif;
	font-weight:bold;
	line-height:22px;
	color: #FFFFFF;
    font-size: 18px;
}
.front_page .content {
}

.facebook_comment
{
	background:#FFFFFF;
}

/*
.event {
	background:#080808;
}
*/
.event .prereg{
	width:100%;
	min-height:300px;
/*	
	background:#000;
*/	

	padding:0px 70px;
	
	box-sizing:border-box;
	position:relative;
	clear:both;
	
	/*
	background:url(../images/bg_maincontent.jpg) top repeat-x #191d2b;
	*/
}

/*
.event .prereg .prereg_text
{
	width:1600px;
	margin:0 auto;
	position:relative;
}
*/

.event { 
	position:absolute;	
	left:50%;
	
	margin-top: 793px;	
/*	color:#8190c2; 	
	width:100%;	
*/
}

.event .clear { clear:both; font-size:1em;}
.event p { text-align:center; font-size:1.125em; font-weight:bold; text-align:left; text-shadow:0 0 5px #000; line-height:1.6; }
.event img { max-width: 100%; height: auto; }
.event img.icon { vertical-align:middle;}
.event p span { color:#3aaaf8;}
.event p span.odin { color:#65ceff;}
.event p span.card { color:#dcb61c;}
.event h1 { color:#f5f5f5; text-shadow:1px 1px 8px #000; font-size:5.000em; margin-bottom:30px; }
.event h1 span { margin-left:15px; font-size:0.9em; color:#545e81; background-clip:}
.event h2 { font-weight:bold; font-size:1.2em; color:#959595;}
.event .prereg .input_box01 { text-align:left; margin-top:20px;}
.event .prereg .h3_event{ font-size:1.1em; }
.event .prereg .h3_event span{ color:#cad5f7; }
.event .prereg .input_box01 select { font-size:1.8em; color:#353535; border-radius:10px; padding:10px; border:2px solid #000; background:#FC0;box-shadow:inset 0 0 8px #333;}


/* PC Google Button	*/
.event .google button {
	margin-top: -10px;	
	margin-left: 200px;
	
	width:175px; 
	height:54px; 	
		
	border:0px solid #000;
	
	visibility: hidden;
	
	background:url(../images/index/google-play-badge.png) center top no-repeat;	
	cursor:pointer;* 
}

.event .prereg input.input01 { 	
	margin-left:-150px;
	
	font-size:2.2em; 
	color:#353535; 
	border-radius:10px; 
	background:#96c8ff; 
	padding:10px;
	border:2px solid #000; 
	box-shadow:inset 0 0 8px #333;
}

.event .prereg input.input02 { 
	margin-top: 37px;
	margin-left:-429px;

	width:35px; 
	height:35px; 
	vertical-align:middle;
}



/*
.event .prereg .input_box01 button { color:#e5e5e5; font-size:1.500em; border-radius:10px; padding:14px; background:#ab0b23; border:2px solid #000; vertical-align:3px; text-shadow:1px 1px 3px #000; cursor:pointer; }
*/

.event .prereg .input_box01 button {
	margin-top: 43px;	
	margin-left:-280px;
	
	width:415px; 
	height:114px; 	
	
	
	border:0px solid #000;
	
	/*
	color:#e5e5e5; 
	font-size:1.100em; 
	border-radius:10px; 
	padding:7px; 
	background:#ab0b23; 
	border:2px solid #000; 
	vertical-align:3px; 
	text-shadow:1px 1px 3px #000; 
	*/
	background:url(../images/index/btn_event01.PNG) center top no-repeat;	
	cursor:pointer;* 
}

/*
.event .prereg .input_box01 button:hover { background:#e30023; box-shadow:inset 0 0 8px #9b0018;}
.event .prereg .input_box01 button.btn_kt { color:#3c3c3c; font-size:1.200em; background:#ffeb00; text-shadow:none; }
.event .prereg .input_box01 button.btn_kt img { vertical-align:middle;}
.event .prereg .input_box01 button.btn_kt:hover { background:#fffa3a; box-shadow:none;}
*/

/*
.event .prereg .input_box02 {
	padding-left:40px; margin-top:20px; background:url(../images/min_bg_textbox.png) repeat; padding:20px; border:3px solid #6eac2b;}
*/

.event .prereg .input_box02 {
	margin-top:6px; 
	margin-left:-430px;	
	
	width:730px;
	height:83px;
	
	background-color: #000000;
		
	border:3px solid #6eac2b;
}

.event .prereg .input_box02 p { text-align:center; color:#9cb040;}

/*
.event .prereg .input_box03 { padding-left:40px; margin-top:20px; background:url(../images/min_bg_textbox.png) repeat; padding:20px; border:3px solid #bb2b2b;}
*/

.event .prereg .input_box03 { 
	margin-top:6px; 
	margin-left:-430px;	
	
	width:730px;
	height:83px; 
		
	background-color: #000000;

	border:3px solid #bb2b2b;
}

.event .prereg .input_box03 p { 
	margin-top:10px;
	text-align:center; color:#eeb210;
}


.event .prereg .input_box03 button { font-weight:bold; color:#e5e5e5; font-size:0.95em; border-radius:5px; padding:5px 10px; background:#922222; border:2px solid #000; text-shadow:1px 1px 3px #000; cursor:pointer; vertical-align:0px; margin-left:10px;}
.event .prereg .input_box03 button:hover { background:#bb2b2b;}

.event .prereg .input_box04 {
	margin-top:6px; 
	margin-left:-430px;	
	
	width:730px;
	height:83px; 
		
	background-color: #000000;
	
	border:3px solid #2b80bb;
}



.event .prereg .input_box04 p { text-align:center; color:#959595;}

.event .prereg .input_box02 p img,
.event .prereg .input_box03 p img,
.event .prereg .input_box04 p img { vertical-align:middle;}



/* m even */
.m_event {
	position:absolute;	
	left:50%;
	
	margin-top: 662px;
	
	text-transform: uppercase;
	font-weight: bold;
	
	width:100%;
}

.m_event .clear { clear:both; font-size:1em;}

.m_event p { font-size:1.125em; font-weight:bold; text-align:left; text-shadow:0 0 5px #000; line-height:1.6; }

.m_event h1, h2 { margin:20px 0; padding:0;}
.m_event img { max-width: 100%; height: auto; }
.m_event img.icon { vertical-align:middle;}
.m_event p span { color:#3aaaf8;}
.m_event p span.odin { color:#65ceff;}
.m_event p span.card { color:#dcb61c;}
.m_event h1 { color:#f5f5f5; text-shadow:1px 1px 8px #000; font-size:2.000em; margin-bottom:30px; }
.m_event h1 span { margin-left:15px; font-size:0.9em; color:#545e81; background-clip:}
.m_event h2 { font-weight:bold; font-size:1.2em; color:#959595;}

/*
.m_event .prereg .input_box01 select { font-size:1.8em; color:#353535; border-radius:10px; padding:10px; border:2px solid #000; background:#FC0;box-shadow:inset 0 0 8px #333;}
.m_event .prereg input.m_input01 { width:60%; font-size:1.95em; color:#353535; border-radius:10px; background:#96c8ff; padding:10px; border:2px solid #000; box-shadow:inset 0 0 8px #333;}
*/
/* Mobile Google Button	*/
.m_event .google button {
	position:absolute;	
	margin-top: -73px;	
	margin-left: 3px;
	
	width:175px; 
	height:54px; 	
		
	border:0px solid #000;
	
	visibility: hidden;
	
	background:url(../images/index/google-play-badge.png) center top no-repeat;	
	cursor:pointer;* 
}



.m_event .prereg input.m_input01 { 
	margin-left:-50px;
	
	width:200px; 
	font-size:1.95em; 
	color:#353535; 
	border-radius:10px; 
	background:#96c8ff; 
	padding:10px; 
	border:2px solid #000; 
	box-shadow:inset 0 0 8px #333;
}

/*
.m_event .prereg .m_input_box01 button { color:#e5e5e5; font-size:1.100em; border-radius:10px; padding:7px; background:#ab0b23; border:2px solid #000; vertical-align:3px; text-shadow:1px 1px 3px #000; cursor:pointer; }
*/
.m_event .prereg .m_input_box01 button { 
	margin-top: 32px;	
	margin-left:-175px;
	
	width:348px; 
	height:94px; 	
	
	
	border:0px solid #000;
	
	/*
	color:#e5e5e5; 
	font-size:1.100em; 
	border-radius:10px; 
	padding:7px; 
	background:#ab0b23; 
	border:2px solid #000; 
	vertical-align:3px; 
	text-shadow:1px 1px 3px #000; 
	*/
	background:url(../images/index/btn_event01.PNG) center top no-repeat;	
	cursor:pointer;* 
}

/*
.m_event .prereg .m_input_box01 button:hover { background:#e30023; box-shadow:inset 0 0 8px #9b0018;}

.m_event .prereg .m_input_box01 button.btn_kt { color:#3c3c3c; font-size:1.200em; background:#ffeb00; text-shadow:none; }
.m_event .prereg .m_input_box01 button.btn_kt img { vertical-align:middle;}
.m_event .prereg .m_input_box01 button.btn_kt:hover { background:#fffa3a; box-shadow:none;}
*/

.m_event .prereg input.m_input02 { 
	margin-top: 17px;
	margin-left:-160px;

	width:30px; 
	height:30px; 
	vertical-align:middle;
}

.m_event .prereg .m_input_box02 { 
	margin-top:-3px; 
	margin-left:-265px;	
	
	width:540px;
	height:61px; 
	
	background-color: #000000;
		
	border:3px solid #6eac2b;
}
.m_event .prereg .m_input_box02 p { text-align:center; color:#9cb040;}

.m_event .prereg .m_input_box03 { 
	margin-top:-3px; 
	margin-left:-265px;	
	
	width:540px;
	height:61px; 
		
	background-color: #000000;

	border:3px solid #bb2b2b;
}

.m_event .prereg .m_input_box03 p { 
	margin-top:7px;
	text-align:center; font-size:1.2em;color:#eeb210;
}

.m_event .prereg .m_input_box03 button { font-weight:bold; color:#e5e5e5; font-size:0.95em; border-radius:5px; padding:5px 10px; background:#922222; border:2px solid #000; text-shadow:1px 1px 3px #000; cursor:pointer; vertical-align:0px; margin-left:10px;}
.m_event .prereg .m_input_box03 button:hover { background:#bb2b2b;}


.m_event .prereg .m_input_box04 { 
	margin-top:-3px; 
	margin-left:-265px;	
	
	width:540px;
	height:61px; 
		
	background-color: #000000;
	
	border:3px solid #2b80bb;
}

.m_event .prereg .m_input_box04 p { text-align:center; color:#959595;}

.m_event .prereg .m_input_box02 p img,
.m_event .prereg .m_input_box03 p img,
.m_event .prereg .m_input_box04 p img { vertical-align:middle;}



.front_page .visible p.txt_caution {
	text-align: center;
	margin-top: 840px;
	font-size: 19px;
	line-height: 1.2em;
	color: #fff;
	position: relative;
 	z-index: 10;
}
.front_page .M_downBtn{
	display:none;
}
.front_page .content {
	background:#080808;
}
.front_page p {
	font-size:14px;
	line-height:24px;
	letter-spacing:-0.8px;
	line-height:1.5em;
}

/* main event */
.front_page .main_event .event01 {
	width:100%;
	height:1350px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	clear:both;
	background:url(../images/index/event01.jpg) center top no-repeat;
}

.front_page .main_event .event02 {
	width:100%;
	height:1240px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	clear:both;
	background:url(../images/index/event02.jpg) center top no-repeat;
}

.front_page .main_event .event02 button{	
	position:absolute;	
	left:50%;
	
	margin-top: 985px;	
	margin-left: -279px;		
	
	width:554px;
	height:84px;
	border:0px;	
	
	background:url(../images/index/btn_cafe01.JPG) center top no-repeat;		
}	

.front_page .main_event .event03 {
	width:100%;
	height:1171px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	clear:both;
	background:url(../images/index/event03.jpg) center top no-repeat;
}

.front_page .main_event .event03 button{	
	position:absolute;	
	left:50%;
	
	margin-top: 1040px;	
	margin-left: -280px;		
	
	width:554px;
	height:84px;		
	border:0px;
			
	background:url(../images/index/btn_cafe01.JPG) center top no-repeat;		
}


.front_page .main_event .event04 {
	width:100%;
	height:1500px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	clear:both;
	background:url(../images/index/event04.jpg) center top no-repeat;
}

.front_page .main_event .event04 button{	
	position:absolute;	
	left:50%;
	
	margin-top: 1200px;	
	margin-left: -281px;		
	
	width:554px;
	height:85px;
	
	border:0px;
	
	background:url(../images/index/btn_cafe02.JPG) center top no-repeat;		
}


.front_page .content .main_about {
	width:100%;
	height:900px;
	background:#000;
	padding:100px 70px;
	box-sizing:border-box;
	position:relative;
	clear:both;
	background:url(../images/index/about_bg.jpg) center top no-repeat;
}

.front_page .content .main_about .about_text {
	width:1600px;
	margin:0 auto;
	position:relative;
}
.front_page .content .main_about .about_text .con_title {
	font-size:110px;
	line-height:110px;
}
.front_page .content .main_about .about_text .con_title span{
	color:#019030;
}
.front_page .content .main_about .about_text div{
	float:left;
	margin-right:10px;
	margin-top:30px;
	position:relative;
	z-index:10;
}
.front_page .content .main_about .about_text .con_p {
	font-size:18px;
	line-height:30px;
	margin-top:20px;
	width:590px;
}
.front_page .content .main_about .about_text .con_p_kr {
	font-family: 'Nanum Gothic', sans-serif;
	font-weight:bold;
}
.front_page .content .main_about .about_text .con_p_GER {
	width:920px;
}
.front_page .content .main_about .about_text .con_p_SPA {
	width:655px;
}
.front_page .content .main_about .about_text div a {
	width:100%;
	height:100%;
	display:block;
}
.front_page .content .main_about .about_text div a img {
	margin-bottom:-20px;
	border:0 none;
}
.front_page .main_feature {
	width:100%;
	min-height:875px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	clear:both;
}
.front_page .content .main_feature .fea_00 {
	background:url(../images/index/feature_01_img.jpg) left top no-repeat;
}
.front_page .content .main_feature .fea_01 {
	background:url(../images/index/feature_02_img.jpg) left top no-repeat;
}
.front_page .content .main_feature .fea_02 {
	background:url(../images/index/feature_03_img.jpg) left top no-repeat;
}
.front_page .content .main_feature .fea_03 {
	background:url(../images/index/feature_04_img.jpg) left top no-repeat;
}
.front_page .content .main_feature .fea_04 {
	background:url(../images/index/feature_05_img.jpg) left top no-repeat;
}
.front_page .content .main_feature .fea_05 {
	background:url(../images/index/feature_06_img.jpg) left top no-repeat;
}
.front_page .content .main_feature .fea_06 {
	background:url(../images/index/feature_07_img.jpg) left top no-repeat;
}
.front_page .content .main_feature .fea_text {
	width:100%;
	height:100%;
	margin:0 auto;
}
.front_page ol.feature_control {
	width:1600px;
	margin:0 auto;
	position:relative;
	top:100px;
	z-index:99;
	margin-top:-16px;
}
.front_page ol.feature_control li {
	width:10px;
	float:left;
	height:10px;
	border-radius:10px;
	border:3px solid #f0f9e6;
	background:#080808;
	text-indent:-9999px;
	cursor:pointer;
	margin-right:30px;
}
.front_page ol.feature_control li.flex_active {
	background:#f0f9e6;
	border:3px solid #080808;
	cursor:default;
}
.front_page .main_feature ul.fea_slides {
	width:100%;
	height:875px;
}
.front_page .main_feature ul.fea_slides li {
	width:100%;
	height:100%;
	overflow:hidden;
}
.front_page .main_feature ul.fea_slides li.fea_li_odd p {
	color:#f0f9e6;
}
.front_page .main_feature ul.fea_slides li.fea_li_even p {
	color:#080808;
}
.front_page .main_feature ul.fea_slides li.fea_li_even p:last-child {
	text-shadow:0 0 0 #080808;
}

.front_page .main_feature_kr ul.fea_slides .con_fea_text p:last-child{
	font-family: 'Nanum Gothic', sans-serif;
	font-weight:bold;
}
.front_page .main_feature ul.fea_slides .con_fea {
	width:1600px;
	height:100%;
	margin:0 auto;
}
.front_page .main_feature ul.fea_slides .con_fea_text {
	margin-top:400px;
	float:right;
}
.front_page .main_feature ul.fea_slides .con_fea_text p {
	font-size:22px;
	line-height:30px;
	text-align:right;
	float:right;
	clear:both;
	padding-left:10px;
	padding-right:10px;
}
.front_page .main_feature ul.fea_slides .con_fea_text p:last-child {
	margin-top:10px;
	width:600px;
}
.front_page .main_feature ul.fea_slides .con_fea_text_GER p:last-child {
	width:700px;
}
.front_page .main_feature ul.fea_slides .con_fea_text p.fea_title {
	font-size:110px;
	line-height:110px;
	text-transform:uppercase;
	font-weight:bold;
	display:inline-block;
	float:right;
}
.front_page .main_feature ul.fea_slides .con_fea_text p.fea_title span {
	color:#019030;
}
.front_page .main_teaser {
	width:100%;
	background:#030703;
	position:relative;
	height:auto;
	margin-top:55px;	
	clear:both;
}

.front_page .main_teaser .teasrue_text {
	position:absolute;
	top:10%;
	left:50%;
	
	margin-left:-200px;
	margin-top:0px;
	z-index:10;
}

.front_page .main_teaser .teasrue_text .teasrue_logo{		
	margin-left:-30px;
	
	width:600px; height:330px;
	
	//background:url(../images/index/logo_travia.png) no-repeat;
	background-size:100%;
}

.front_page .main_teaser .teasrue_text .con_title {
	text-align:center;
	font-size:50px;		
}

.front_page .main_teaser .teasrue_text .teaser_btn {
	width:330px;
	height:130px;
	margin:0 auto;
	
	margin-top:100px;
}
.front_page .main_teaser .teasrue_text div.teaser_btn div {
	float:left;
	width:130px;
	height:130px;
	cursor:pointer;
}
.front_page .main_teaser .teasrue_text div.teaser_btn a {
	width:100%;
	height:100%;
	text-transform:uppercase;
	line-height:130px;
	text-align:center;
	display:block;
	color:#080808;
	font-weight:bold;
	font-size:22px;
	border-radius:130px;
}
.front_page .main_teaser div a {
	position:relative;
	overflow:hidden;
	text-transform:uppercase;
}
.front_page .main_teaser div a span {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	color:#F0F9E6;
	background:#019030;
	border-radius:130px;
}
.front_page .main_teaser div a span:first-child {
	text-indent:-999px;
	top:0px;
	border:8px solid #019030;
	box-sizing:border-box;
}
.front_page .main_teaser div a span:last-child {
	top:-130px;
}
.front_page .main_teaser .com_share_btn {
	margin-right:70px;
}
.front_page .main_teaser .com_share_btn a span:first-child {
	background:url(../images/index/com_share_ic.png) 25px 30px no-repeat;
	background-size:52%;
}
.front_page .main_teaser .com_full_btn a span:first-child {
	background:url(../images/index/com_full_ic.png) 29px 30px no-repeat;
	background-size:52%;
}

/* 기본 스타일 */
.front_page .main_teaser .teaser_video {
	width: 100%;
	opacity: 1;
	height: auto;
	background: url(../images/index/movie/movie_back3.jpg) center center no-repeat;
	background-size: 100% auto;
	margin-top: -140px;
	margin-bottom: -150px;
}

/* 💻 해상도 1920x823 전용 스타일 */
@media (min-width: 1919px) and (max-width: 1921px) and (min-height: 822px) and (max-height: 824px) {
	.front_page .main_teaser .teaser_video {
		width: 100vw;
		height: 823px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
}



.front_page .main_teaser .movie_back {
	display:none;
}


.front_page .main_teaser .share_con {
	width:400px;
	height:40px;
	margin-top:50px;
	left:50%;
	margin-left:-200px;
	position:absolute;
	text-align:center;
	background:rgba(84,84,84,0.5);
	padding:10px;
	border-radius:30px;
	display:none;
	padding:15px 20px;
}
.front_page .main_teaser .share_con:after {
	bottom:100%;
	left:23%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-bottom-color:rgba(84,84,84,0.5);
	border-width:10px;
	margin-left:-10px;
}
.front_page .main_teaser .teasrue_text div.share_con a {
	width:40px;
	height:40px;
	float:left;
	border-radius:40px;
	margin-left:5px;
	margin-right:5px;
	opacity:0.7;
}
.front_page .main_teaser .teasrue_text div.share_con a:hover {
	margin-top:-2px;
	opacity:1;
}
.front_page .main_teaser .teasrue_text div.share_con a img {
	width:110%;
	height:110%;
	box-sizing:border-box;
	margin-top:-2px;
	margin-left:-2px;
}
.front_page .main_community {
	width:100%;
	height:250px;
	background:#080808;
	clear:both;
}
.front_page .main_community > div {
	float:left;
}
.front_page .main_community p {
	color:#080808;
	letter-spacing:-0.8px;
}
.front_page .main_community .com_text {
	width:100%;
	float:left;
}
.front_page .main_community .com_title {
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	color:#f0f9e6;
}
.front_page .main_community .com_p {
	margin-top:15px;
	color:#f0f9e6;
	line-height:20px;
	margin-bottom:10px;
}
.front_page .main_community .community_forum {
	width:50%;
	height:100%;
	padding:100px 0 0 160px;
	box-sizing:border-box;
	background:url(../images/index/com_bg.jpg) 0 0 no-repeat;
}
.front_page .main_community .com_p_kr {
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: bold;
}
.front_page .main_community .follow_btn {
	width:50%;
	height:100%;
}
.front_page .main_community .follow_btn div.f_btn_facebook {
	width:25%;
	height:100%;
	float:left;
	background:url(../images/index/com_bg.jpg) 0 0 no-repeat;
	-webkit-background:rgba(61,90,152,0.7);
	-moz-background:rgba(61,90,152,0.7);
	-o-background:rgba(61,90,152,0.7);
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	-o-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
}
.front_page .main_community .follow_btn div.f_btn_google {
	width:25%;
	height:100%;
	float:left;
	background:rgba(85,101,251,1);
	-webkit-background:rgba(85,101,251,1);
	-moz-background:rgba(85,101,251,1);
	-o-background:rgba(85,101,251,1);
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	-o-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
}
.front_page .main_community .follow_btn div.f_btn_twitter {
	width:25%;
	height:100%;
	float:left;
	background:rgba(61,90,152,0.7);
	-webkit-background:rgba(61,90,152,0.7);
	-moz-background:rgba(61,90,152,0.7);
	-o-background:rgba(61,90,152,0.7);
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	-o-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
}
.front_page .main_community .follow_btn div.f_btn_youtube {
	width:25%;
	height:100%;
	float:left;
	background:rgba(48,48,48,0.7);
	-webkit-background:rgba(48,48,48,0.7);
	-moz-background:rgba(48,48,48,0.7);
	-o-background:rgba(48,48,48,0.7);
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	-o-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
}
.front_page .main_community a {
	text-indent:-9999px;
	width:100%;
	height:100%;
	display:block;
}
.front_page .main_community div.follow_btn a {
	position:relative;
	overflow:hidden;
}
.front_page .main_community div.follow_btn a span {
	-webkit-background-size:65% auto;
	-moz-background-size:65% auto;
	-o-background-size:65% auto;
	background-size:65% auto;
	width:100%;
	height:100%;
	position:absolute;
	display:block;
}
.front_page .main_community div.follow_btn a span:last-child {
	top:-250px;
}
.front_page .main_community .f_btn_facebook a span:first-child {
	background:url(../images/index/c_facebook.png) 50% 52% no-repeat;
	-webkit-background-size:65% auto;
	-moz-background-size:65% auto;
	-o-background-size:65% auto;
	background-size:65% auto;
}
.front_page .main_community .f_btn_facebook a span:last-child {
	background:url(../images/index/cm_facebook.png) 50% 52% no-repeat;
}
.front_page .main_community .f_btn_google a span:first-child {
	background:url(../images/index/c_discord.png) 50% 52% no-repeat;
	-webkit-background-size:65% auto;
	-moz-background-size:65% auto;
	-o-background-size:65% auto;
	background-size:65% auto;
}
.front_page .main_community .f_btn_google a span:last-child {
	background:url(../images/index/cm_discord.png) 50% 52% no-repeat;
}
.front_page .main_community .f_btn_twitter a span:first-child {
	background:url(../images/index/c_facebook.png) 50% 52% no-repeat;
	-webkit-background-size:65% auto;
	-moz-background-size:65% auto;
	-o-background-size:65% auto;
	background-size:65% auto;
}
.front_page .main_community .f_btn_twitter a span:last-child {
	background:url(../images/index/cm_facebook.png) 50% 52% no-repeat;
}
.front_page .main_community .f_btn_youtube a span:first-child {
	background:url(../images/index/c_youtube.png) 50% 52% no-repeat;
	-webkit-background-size:65% auto;
	-moz-background-size:65% auto;
	-o-background-size:65% auto;
	background-size:65% auto;
}
.front_page .main_community .f_btn_youtube a span:last-child {
	background:url(../images/index/cm_youtube.png) 50% 52% no-repeat;
}
footer {
	width:100%;
	background:#080808;
	height:100px;
	clear:both;
	
}
footer p {
	font-size:11px;
	display:block;
	text-align:center;
	line-height:100px;
	color:#666;
	letter-spacing:-0.8px;
	text-transform:uppercase;
}

/*youtube popup*/
.video_con {
	margin-top:55px;
	
	width:100%;
	height:100%;
	cursor:pointer;
	position:fixed;
	z-index:999;
	top:0;
	left:0;

	display:none;
}

.video_con video {
	width:100%;
	height:auto;
}

.movie_view_button a.movie_icon_yt {
	width:100px;
	height:40px;
	position:absolute;
	top:40px;
	left:100px;
	z-index:2;
	overflow:hidden;
}

.movie_view_button a.movie_icon_ex {
	width:32px;
	height:40px;
	position:absolute;
	background:url(../images/index/movie_icon_ex.png) 0 0 no-repeat;
	top:40px;
	right:100px;
	z-index:2;
	overflow:hidden;
}

.movie_view_button a.movie_icon_yt span {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:-999px;
}

.movie_view_button a.movie_icon_ex span {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:-999px;
}
.movie_view_button a span:first-child {
	background:url(../images/index/c_youtube.png) center top no-repeat;
	background-size:100%
}
.movie_view_button a span:last-child {
	background:url(../images/index/cm_youtube.png) center top no-repeat;
	position:absolute;
	top:-40px;
}



/***************************   1680px *****************************************/
@media screen and (max-width:1680px) {
	
/*	
	.header {
		width:1200px;
		height:78px;
		margin-left:-600px;
	}

	.header .zemi_logo h1 a {
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		-o-background-size:100% auto;
		background-size:100% auto;
	}

	.header nav {
		width:1024px;
	}
	.header nav ul.language_nav {
		margin-right:-1px;
	}
	.front_page .content .main_about .about_text {
		width:1200px;
	}
	
	.event .prereg .prereg_text {
		width:1200px;
	}
	
	.front_page .main_feature {
		min-height:600px;
	}
	.front_page ol.feature_control {
		width:1200px;
	}
	.front_page .main_feature ul.fea_slides li {
	}
	.front_page .main_feature ul.fea_slides .con_fea {
		width:1200px;
	}
*/
}


/******************************* 1280px ********************************************/

@media screen and (max-width:1280px) {
	.header {
		width:1024px;
		margin-left:-512px;
		height:59px;
	}
	.header .zemi_logo {
		width:171px;
		height:59px;
		margin-top:1px;
		margin-left:5px;
	}
	.header .zemi_logo h1 {
		margin:14px;
	}
	.header nav {
		width:768px;
		height:59px;
	}
	.header nav ul.main_nav li {
		margin-left:40px;
		line-height: 59px;
	}
	.header nav ul.language_nav {
		margin-right:-80px;
	}
	.header nav ul.main_nav{
		height: 59px;
	}
	.front_page .visible .dragon{
		margin-left:-1700px;
		margin-top:12%;
	}
	.front_page .visible .stone4 {
		display:none;
	}
	.front_page .content .main_about .about_text {
		width:1024px;
	}
	.event .prereg .prereg_text {
		width:1024px;
	}
	
	
	.front_page .main_teaser .teasrue_text {
		margin-top:-50px;
	}
	
	.front_page .main_teaser .teasrue_text .teaser_btn {
		margin-top:70px;
	}
	.front_page .content .main_feature .fea_text {
		left:32%;
	}
	.front_page ol.feature_control {
		width:1024px;
	}
	.front_page .main_feature ul.fea_slides .con_fea {
		width:1024px;
	}
	.front_page .main_community .community_forum {
		padding:100px 10px 0 63px;
	}

}


/******************************* 1023px ********************************************/

@media screen and (max-width:1023px) {
	.header {
		width:768px;
		margin-left:-384px;
	}
	.header .zemi_logo h1 {
		margin:13px;
	}
	.header nav {
		width:512px;
	}
	.header nav ul.main_nav li {
		margin-left:23px;
	}
	.header nav ul.main_nav li a {
		font-size:12px;
	}
	.header nav ul.language_nav {
		margin-right:-80px;
	}
	
	/*
	.front_page .visible .visible_logo img {
		width:350px;
	}
	*/
	
		
	.front_page .main_teaser .teasrue_text {
		margin-top:0px;	
		margin-left:-180px;
	}
	
	.front_page .main_teaser .teasrue_text .teasrue_logo{		
		margin-left:0px;
		
		width:420px; height:231px;
	}	
	
	.front_page .main_teaser .teasrue_text .con_title {
		text-align:center;
		font-size:40px;		
	}	
	
		
	
	.front_page .main_teaser .share_con {
		margin-top:-40px;
	}
	.front_page .main_teaser .share_con:after {
		left:34%
	}
	.front_page .main_teaser .share_con {
		width:320px;
		height:28px;
		margin-left:-175px
	}
	.front_page .main_teaser .teasrue_text div.share_con a {
		width:30px;
		height:30px;
	}	
		
	.front_page .main_teaser .teasrue_text div.teaser_btn {
		margin-top:30px;
		margin-left:87px;
	}
	.front_page .main_teaser .teasrue_text div.teaser_btn div {
		width:70px;
		height:70px;
	}
	
	
	.front_page .main_teaser .com_share_btn {	
		margin-right:40px;
		margin-left:30px;
	}
	.front_page .main_teaser .com_share_btn a {
		background-position:9px 12px;
	}
	.front_page .main_teaser .com_full_btn a {
		background-position:12px 12px;
	}
	
	.front_page .main_teaser .teasrue_text .con_title {
		text-align:center;
		font-size:25px;		
	}
	
	.front_page .main_teaser .com_share_btn a span:first-child {
		background:url(../images/index/com_share_ic.png) 13px 15px no-repeat;
		background-size:50%;
	}
	.front_page .main_teaser div a span:last-child {
		line-height:70px;
		font-size:15px;
	}
	.front_page .main_teaser div a span:first-child {
		border:6px solid #019030;
	}
	.front_page .main_teaser .com_full_btn a span:first-child {
		background:url(../images/index/com_full_ic.png) 14px 14px no-repeat;
		background-size:50%;
	}



	
			
			
				
	
	.front_page .content .main_about {
		padding:140px 28px;
		background-position-x:70%;
	}
	.front_page .content .main_about .about_text {
		width:768px;
	}
	.event .prereg .prereg_text {
		width:768px;
	}
	.front_page .content .main_about .about_text .con_title {
		font-size:90px;
		line-height:90px;
	}
	.event h1 { 
		font-size:3.500em;
	}
	.front_page .content .main_about .about_text .con_p_GER {
		width:740px;
	}
	.front_page .main_feature ul.fea_slides .con_fea {
		width:768px;
	}
	.front_page ol.feature_control {
		width:768px;
	}
	.front_page .content .main_feature .fea_00 {
		background:url(../images/index/feature_01_img.jpg) 35% 0 no-repeat;
	}
	.front_page .content .main_feature .fea_01 {
		background:url(../images/index/feature_02_img.jpg) 35% 0 no-repeat;
	}
	.front_page .content .main_feature .fea_02 {
		background:url(../images/index/feature_03_img.jpg) 35% 0 no-repeat;
	}
	.front_page .content .main_feature .fea_03 {
		background:url(../images/index/feature_04_img.jpg) 35% 0 no-repeat;
	}
	.front_page .content .main_feature .fea_04 {
		background:url(../images/index/feature_05_img.jpg) 35% 0 no-repeat;
	}
	.front_page .content .main_feature .fea_05 {
		background:url(../images/index/feature_06_img.jpg) 35% 0 no-repeat;
	}
	.front_page .content .main_feature .fea_06 {
		background:url(../images/index/feature_07_img.jpg) 35% 0 no-repeat;
	}
	.front_page .main_feature ul.fea_slides .con_fea_text p.fea_title {
		font-size:85px;
		line-height:85px;
	}

	
	.front_page .main_community div.follow_btn a {
		position:static;
	}
	.front_page .main_community .f_btn_facebook a {
		background:url(../images/index/cm_facebook.png) 50% 52% no-repeat;
	}
	.front_page .main_community .f_btn_google a {
		background:url(../images/index/cm_google.png) 50% 52% no-repeat;
	}
	.front_page .main_community .f_btn_twitter a {
		background:url(../images/index/cm_naver.png) 50% 52% no-repeat;
	}
	.front_page .main_community .f_btn_youtube a {
		background:url(../images/index/cm_youtube.png) 50% 52% no-repeat;
	}
	.front_page .main_community div.follow_btn div.f_btn_facebook a {
		-webkit-background-size:26% auto;
		-moz-background-size:26% auto;
		-o-background-size:26% auto;
		background-size:26% auto;
	}
	.front_page .main_community div.follow_btn a {
		-webkit-background-size:40% auto;
		-moz-background-size:40% auto;
		-o-background-size:40% auto;
		background-size:40% auto;
	}
	.front_page .main_community div.follow_btn a span {
		display:none;
	}
}


/******************************* 767px ********************************************/
@media screen and (max-width:767px) {
	.header {
		position:fixed;
		width:100%;
		float:none;
		padding:0;
		top:0;
		left:0;
		height:auto;
		margin-left:0;
		overflow:visible;
		max-height:50px;
		-webkit-transition:all 0.35s cubic-bezier(0.645,0.045,0.355,1);
		-moz-transition:all 0.35s cubic-bezier(0.645,0.045,0.355,1);
		-ms-transition:all 0.35s cubic-bezier(0.645,0.045,0.355,1);
		-o-transition:all 0.35s cubic-bezier(0.645,0.045,0.355,1);
		transition:all 0.35s cubic-bezier(0.645,0.045,0.355,1);
	}
	.header .zemi_logo {
		width:155px;
		margin:-11px 0 0 -10px;
		position:absolute;
		z-index:9;
	}
	.header .zemi_logo h1 {
		background-size:30px auto;
		background-position:13px;
		height:24px;
		position:relative;
		z-index:100;
		padding:13px;		
	}
	.header .zemi_logo h1 a {
		margin:0px;
		background-size:100%;
	}
	.header nav {
		position:absolute;
		width:100%;
		float:none;
		padding:0;
		top:0;
		right:0;
		height:auto;
		max-height:50px;
		background:#080808;
		margin:0;
	}
	.header nav .m_main_nav {
		display:block;
		background:transparent;
		padding:0;
		margin:0;
		border:none;
		appearance:normal;
		-moz-appearance:normal;
		-webkit-appearance:normal;
		box-shadow:none;
		text-indent:-9999em;
		cursor:pointer;
		position:absolute;
		right:20px;
		top:50%;
		margin-top:-14px;
		opacity:0.3;
		-webkit-transition:opacity 0.3s ease-in-out;
		-moz-transition:opacity 0.3s ease-in-out;
		-ms-transition:opacity 0.3s ease-in-out;
		transition:opacity 0.3s ease-in-out;
		width:32px;
		height:33px;
		background-image:url(../images/index/m_nav_menu_ic.png);
		background-repeat:no-repeat;
	}
	.header nav .language {
		right:20px;
	}
	.header nav .m_main_nav:hover {
		opacity:1;
		-webkit-transition:opacity 0.3s ease-in-out;
		-moz-transition:opacity 0.3s ease-in-out;
		-ms-transition:opacity 0.3s ease-in-out;
		transition:opacity 0.3s ease-in-out;
	}
	.header nav ul.main_nav {
		display:none;
	}
	.header nav ul.main_nav_mobile {
		margin-top:50px;
		background:#080808;
		width:100%;
		height:100%;
		display:block;
		top:0px;
		right:0;
		-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
		-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
		-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
		-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
		transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
	}
	.header nav ul.main_nav_mobile li {
		display:block;
		margin-left:0 !important;
		margin-right:16px;
		text-align:right;
		z-index:8;
		cursor:pointer;
		line-height: 40px;
	}
	.header nav ul.main_nav_mobile li a {
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition:none;
		transition:none;
		-webkit-transition:none !important;
		-moz-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		transition:none !important;
		width:100%;
		height:100%;
		display:inline-block;
	}
	.header nav ul.language_nav {
		margin-top:50px;
		margin-right:0;
		background:#080808;
		width:100%;
		display:block;
		top:0px;
		right:0;
		-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
		-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
		-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
		-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
		transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
		line-height:1em;
		list-style-type:none;
		font-size:0;
		position:relative;
	}
	.header nav ul.language_nav li {
		padding:5px 0 5px 0;
		margin-left:0 !important;
		margin-right:16px;
		text-align:right;
		z-index:8;
		cursor:pointer;
		text-transform:uppercase;
		line-height:1em;
		letter-spacing:0.05em;
		opacity:0.6;
		-webkit-transition:opacity 0.3s ease-in-out;
		-moz-transition:opacity 0.3s ease-in-out;
		-ms-transition:opacity 0.3s ease-in-out;
		transition:opacity 0.3s ease-in-out;
	}
	.header nav ul.language_nav li a {
		font-size:12px;
		transition:none !important;
		width:auto;
		display:inline-block;
		color:#A1A1A1;
		text-decoration:none;
		outline:none;
		white-space:nowrap;
		width:100%;
		height:100%;
		text-align:right;
	}
	.front_page .visible {
		background:url(../images/index/subheader_1280_img2.jpg) center top no-repeat;
		height:550px;
		min-height:0;
	}
	/*
	.front_page .visible_kr {
		background:url(../images/index/subheader_1280_img2_kr.jpg) center top no-repeat;

	}
	*/
	/*
	.front_page .visible div.visibleImg {
		display:none;
	}
	
	.front_page .visible .visible_logo {
		display:none;
	}
	.front_page .visible .visible_logo img {
		margin-left:0;
	}
	*/
	.front_page .visible .m_visible_txt .txt_event{
		display:block;
	}
	.m_event{
		display:block;
	}
	.event{
		display:none;
	}
	.front_page .visible .m_visible_txt {
		margin-top: 285px;
		margin-bottom:30px;
 		text-transform: uppercase;
 		font-weight: bold;
	}
	.front_page .visible .m_visible_txt p {
		text-align: center;
  		font-size: 32px;
  		line-height: 1em;
	}
	.front_page .visible .m_visible_txt p span.txt_date{
		font-size: 18px;
	}
	.front_page .visible .m_visible_txt p span.txt_last{
		color: #ffd817;
		font-size: 66px;
	  	line-height: 1em;
		font-style: italic;
	}

	.front_page .visible .m_visible_txt p span.txt_last_FRA,
	.front_page .visible .m_visible_txt p span.txt_last_GER,
	.front_page .visible .m_visible_txt p span.txt_last_SPA{
		font-size: 38px;
	}
	.front_page .visible p.txt_caution {
		text-align: center;
		padding-top: 130px;
		font-size: 12px;
		line-height: 1.2em;
		color: #fff;
		width: 70%;
		margin: 0 auto;
		text-shadow: rgb(0, 0, 0) 0 0 5px;
	}
	.front_page .M_downBtn{
	display:block;
	width:290px;
	height:45px;
	margin: 0 auto;
	margin-top:10px;
	}
	.front_page .M_downBtn>div{
		float:left;
	}
	.front_page .visible .M_downBtn div:first-child {
		width:152px;
		height:45px;
		margin-right: 9px;
	}
	.front_page .visible .M_downBtn div:last-child {
		width:129px;
		height:45px;
	}
	/*아이폰 나오기 전
	.front_page .visible .M_downBtn div.down_button_kr {
		margin: 0 auto;
  		float: none;
	}*/
	.front_page .visible .M_downBtn div a{
		width:100%;
		height:100%;
		display:block;
	}
	.front_page .visible .M_downBtn div a img {
		width:100%;
		height:100%;
	}
 	.front_page .content .main_about .about_text div.down_button{
 		display:none;
 	}
  	.front_page .content .main_about {
		background:url(../images/index/m_about_bg.jpg) center center no-repeat;
		height:600px;
		padding:30px 28px;
	}
	.front_page .content .main_about .about_text {
		width: 80%;
		float: left;
		position: absolute;
		bottom: 30px;
	}
	.front_page .content .main_about .about_text div a img {
		width:100%;
		height:100%
	}
	.front_page .content .main_about .about_text .con_title {
		font-size:48px;
		line-height:48px;
		letter-spacing:-2px;
	}
	.front_page .content .main_about .about_text .con_title_GER {
		font-size:36px;
		line-height:40px;
		margin-top:-20px;
	}
	.front_page .content .main_about .about_text .con_title_SPA {
		margin-top:-20px;
	}
	.front_page .content .main_about .about_text .con_p {
		width:100%;
		margin-top:10px;
		font-size:15px;
		line-height:1.5em;
		letter-spacing:-1.2px;
	}
	.front_page ol.feature_control {
		width:100%;
		left:50%;
		top:50px;
		margin-left:-141px;
	}
	.front_page .content .main_feature {
		height:600px;
	}
	.front_page .content .main_feature li {
		width:100%
	}
	.front_page .main_feature ul.fea_slides .con_fea {
		width:100%;
		padding:0 40px 0 40px;
		box-sizing:border-box;
		margin-top:-5%;
	}
	.front_page .content .main_feature .fea_slides li {
		background-size:100%;
	}
	.front_page .content .main_feature .fea_00 {
		background:url(../images/index/m_feature_01_img.jpg) center top no-repeat;
	}
	.front_page .content .main_feature .fea_01 {
		background:url(../images/index/m_feature_02_img.jpg) center top no-repeat;
	}
	.front_page .content .main_feature .fea_02 {
		background:url(../images/index/m_feature_03_img.jpg) center top no-repeat;
	}
	.front_page .content .main_feature .fea_03 {
		background:url(../images/index/m_feature_04_img.jpg) center top no-repeat;
	}
	.front_page .content .main_feature .fea_04 {
		background:url(../images/index/m_feature_05_img.jpg) center top no-repeat;
	}
	.front_page .content .main_feature .fea_05 {
		background:url(../images/index/m_feature_06_img.jpg) center top no-repeat;
	}
	.front_page .content .main_feature .fea_06 {
		background:url(../images/index/m_feature_07_img.jpg) center top no-repeat;
	}
	.front_page .main_feature ul.fea_slides .con_fea_text {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	}
	.front_page .main_feature ul.fea_slides {
		height:100%;
	}
	.front_page .main_feature ul.fea_slides .con_fea_text {
		padding-left:15px;
		padding-right:15px;
	}
	.front_page .main_feature ul.fea_slides .con_fea_text p {
		text-align:center;
		float:none;
	}
	.front_page .main_feature ul.fea_slides .con_fea_text p.fea_title {
		width:100%;
		font-size:2.8em;
		line-height:1em;
		letter-spacing:-2px;
		display:block;
		float:none;
	}
	.front_page .main_feature ul.fea_slides .con_fea_text_GER>p.fea_title,
	.front_page .main_feature ul.fea_slides .con_fea_text_SPA>p.fea_title,
	.front_page .main_feature ul.fea_slides .con_fea_text_FRA>p.fea_title {
		font-size:2em;
	}
	.front_page .main_feature ul.fea_slides .con_fea_text p:last-child {
		font-size:14px;
		letter-spacing:-1px;
		line-height:1.5em;
		width:100%;
	}
	.front_page .main_feature_kr ul.fea_slides .con_fea_text p:last-child {
		font-size:16px;
	}
	.front_page .main_feature ul.fea_slides .con_fea_text_GER p:last-child {
		letter-spacing:-0.5px;
	}
	
	/*
	.front_page .main_teaser {
		height:100%;
	}
	*/
	
	.front_page .main_teaser .teasrue_text div.teaser_btn {
		margin-top:30px;
		margin-left:87px;
	}
	.front_page .main_teaser .teasrue_text div.teaser_btn div {
		width:70px;
		height:70px;
	}
		
	.front_page .main_teaser .teasrue_text {
		margin-top :-20px;		
		margin-left:-210px;
	}
	
	.front_page .main_teaser .teasrue_text .teasrue_logo{		
		margin-left:60px;
		
		width:300px; height:165px;
	}			
	
	.front_page .main_teaser .com_share_btn {	
		margin-right:40px;
		margin-left:30px;
	}
	.front_page .main_teaser .com_share_btn a {
		background-position:9px 12px;
	}
	.front_page .main_teaser .com_full_btn a {
		background-position:12px 12px;
	}
	
	.front_page .main_teaser .teasrue_text .con_title {
		text-align:center;
		font-size:25px;		
	}
	
		
	.front_page .main_teaser .com_share_btn a span:first-child {
		background:url(../images/index/com_share_ic.png) 13px 15px no-repeat;
		background-size:50%;
	}
	.front_page .main_teaser div a span:last-child {
		line-height:70px;
		font-size:15px;
	}
	.front_page .main_teaser div a span:first-child {
		border:6px solid #019030;
	}
	.front_page .main_teaser .com_full_btn a span:first-child {
		background:url(../images/index/com_full_ic.png) 14px 14px no-repeat;
		background-size:50%;
	}
		
	
	/* main event */
	.front_page .main_event .event01 {
		width:100%;
		height:960px;
		position:relative;
		overflow:hidden;
		box-sizing:border-box;
		clear:both;
		background:url(../images/index/m_event01.jpg) center top no-repeat;
	}
	
	.front_page .main_event .event02 {
		width:100%;
		height:940px;
		position:relative;
		overflow:hidden;
		box-sizing:border-box;
		clear:both;
		background:url(../images/index/m_event02.jpg) center top no-repeat;
	}

	.front_page .main_event .event02 button{	
		position:absolute;	
		left:50%;
		
		margin-top: 792px;	
		margin-left: -180px;		
		
		width:358px;
		height:84px;
		border:0px;	
		
		background:url(../images/index/btn_cafe01.JPG) center top no-repeat;		
	}	
	
	.front_page .main_event .event03 {
		position:relative;
		
		width:100%;
		height:1400px;

		overflow:hidden;
		box-sizing:border-box;
		clear:both;
		background:url(../images/index/m_event03.jpg) center top no-repeat;
	}
	
	.front_page .main_event .event03 button{	
		position:absolute;	
		left:50%;
		
		margin-top: 1251px;	
		margin-left: -180px;		
		
		width:358px;
		height:84px;
		border:0px;	
				
		background:url(../images/index/btn_cafe01.JPG) center top no-repeat;		
	}
	
	.front_page .main_event .event04 {
		width:100%;
		height:1100px;
		position:relative;
		overflow:hidden;
		box-sizing:border-box;
		clear:both;
		background:url(../images/index/m_event04.jpg) center top no-repeat;
	}		
	
	.front_page .main_event .event04 button{	
		position:absolute;	
		left:50%;
		
		margin-top: 953px;	
		margin-left: -180px;		
		
		width:358px;
		height:84px;
		border:0px;	
		
		background:url(../images/index/btn_cafe02.JPG) center top no-repeat;		
	}
	
	.front_page .main_community {
		height:180px;
		overflow:hidden;
	}
	.front_page .main_community .follow_btn div.f_btn_facebook, .front_page .main_community .follow_btn div.f_btn_google, .front_page .main_community .follow_btn div.f_btn_twitter, .front_page .main_community .follow_btn div.f_btn_youtube {
		width:50%;
		height:50%;
	}
	.front_page .main_community .com_title {
		font-size:18px;
	}
	.front_page .main_community .com_title_GER {
		font-size:22px;
		margin-top:-6px;
	}
	.front_page .main_community .com_p {
		font-size: 13px;
  		line-height: 1.5em;
	}
	.front_page .main_community .community_forum {
		padding:45px 28px 0 28px;
	}
	.front_page .main_community div.follow_btn div.f_btn_facebook a {
		-webkit-background-size:26% auto;
		-moz-background-size:26% auto;
		-o-background-size:26% auto;
		background-size:26% auto;
	}
	.front_page .main_community div.follow_btn a {
		-webkit-background-size:40% auto;
		-moz-background-size:40% auto;
		-o-background-size:40% auto;
		background-size:40% auto;
	}
	
	.front_page .main_teaser .share_con {
		margin-top:-40px;
	}
	.front_page .main_teaser .share_con:after {
		left:34%
	}
	.front_page .main_teaser .share_con {
		width:320px;
		height:28px;
		margin-left:-175px
	}
	.front_page .main_teaser .teasrue_text div.share_con a {
		width:30px;
		height:30px;
	}
	
	.movie_view_button a.movie_icon_yt {
		top :10px;
		left:15px;
	}
	.movie_view_button a.movie_icon_ex {
		top :10px;
		right:15px;
	}
	.footer_SPA p {
		font-size:10px;
		letter-spacing:-0.5px;
	}
}


/******************************* 480px ********************************************/
@media screen and (max-width:480px) {

	.front_page .main_teaser .teasrue_text {	
		margin-top:40px;
	}

	.front_page .main_teaser .teasrue_text .teasrue_logo{
		display:none;
	}	
	
	.movie_view_button a.movie_icon_yt {
		top : 5px;
	}
	.movie_view_button a.movie_icon_ex {
		top : 5px;
	}
		
	.front_page .main_feature {
		width:100%;
		min-height:750px;
		position:relative;
		overflow:hidden;
		box-sizing:border-box;
		clear:both;
	}
	
	.front_page .main_teaser .teaser_video {
		display:none;		
	}
	
	.front_page .main_teaser .movie_back {
		display:block;

		width:100%;		
		opacity:1;
		height:auto;
		background:url(../images/index/movie/movie_back.jpg) center center no-repeat;
		background-size:100%;
		margin-bottom:-3px;		
	}	
	


.image-container {
  position: relative;
  display: inline-block;
  width: 300px;
}

.image-container img {
  width: 100%;
  border-radius: 8px;
}

.download-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: white;
  background: rgba(0,0,0,0.5);
  padding: 12px;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
  text-decoration: none;
}

.image-container:hover .download-icon {
  opacity: 1;
}


	
	
}