﻿@media only screen and (min-width : 721px) and (max-width : 1080px) {


/*=================== BANNER ===================*/

.banner{height: 370px; 	
	margin-top: -50px;
	}

.banner_ani{width: 1080px;
	height: 600px;
	margin-left: -540px;
	margin-top: -300px;
	}

.banner_img{width: 1280px;
	height: 480px;
	margin-left: -640px;
	margin-top: -240px;
	}

.banner_map{ margin-top: 10px; margin-bottom: 10px;}
	
#map{width:96%; border-radius: 20px 20px 20px 20px;}

/*=================== TOP ===================*/

.top{width: 680px;  height:48px;}

.bi {width: 100px; margin-left: 20px;}

.bi img{width: 100px;}


/*=================== MEMU ===================*/

.menu{margin-right: 20px;}

.menu a, .menu label {height:48px;  font-size:12.5px;}

.toggle_btbox a{height : 14px; padding:6px; font-size:11px;}

#toggle_button:checked + #toggle_contents {margin-left: 399px; margin-top: 47px;}



/*=================== LANGUAGE_TOGGLE ===================*/

.toggle_lanbox a{height : 14px; padding:6px; font-size:11px;}

#toggle_language:checked + #toggle_languages {margin-left: 571px; margin-top: 47px; width: 89px;}



/*=================== BANNER_TXT ===================*/

.banner_txt1{height: 40px; 
	margin-top: 120px;
	font-size : 32px;
	}

.banner_txt2{height: 190px; 
	margin-top: 130px;
	font-size : 28px;
	}

/*=================== COMPANY_TXT ===================*/

.company_txt1{height: 24px; 
	margin-top: 30px;
	font-size : 24px;
	}

.company_txt2{height: 16px; 
	margin-top: 6px;
	font-size : 16px;
	}

.company_txt3{width: 620px;
	height: 60px; 
	line-height:1.7;
	margin-top: 20px;
	}

.company_txt5{height: 24px; 
	margin-top: 34px;
	font-size : 24px;
	}


.company_vision{width: 672px; height: 148px; }

.company_vision li{	padding: 0 24px 0 24px;}

.company_circle{width: 120px;
	height: 120px;
	font-size: 14.5px;
	}

/*=================== COMPANY_DETAIL ===================*/
.company_detail{width: 680px;
	height:360px;
	margin-top:50px;
	}

.company_detail li{width: 360px; margin-top:15px;}

.detail_image{width:320px; 
	height:320px; 
	margin-top:15px;}

.detail_image img{width:300px;}

.company_txt4{width: 360px;
	margin-bottom: 20px;
	font-size : 12px;
	}

/*=================== GAME_TXT ===================*/
.game_txt1{height: 24px; 
	margin-top: 30px;
	font-size : 24px;
	}

.game_txt{width: 680px;
	height:226px;
	margin-top:40px;
	}
.game_txt img{width:160px;}

.game_txt_image {width:330px; height:170px; }

.game_txt_image img{width:316px;}

.game_txt2{
	width: 350px;
	height:131px;
	font-size : 12.5px;
	line-height:1.6;
	}

.game_txt3{width: 350px; letter-spacing: 12px;	}


/*=================== SPLIT_LINE  ===================*/

.split_line{height:1.5px;}

.split_line2{width: 680px;  margin-top: 50px;}

.split_line3{height:1.5px; margin-top: 734px; }

/*===================  GAME SHORTCUT ===================*/

.list_main{width: 680px; 
	height:390px;
	margin-top: 50px;
	}

.list_main_bg1{width: 680px; 
	height:300px;
	background-position-y: -17px;
	background-size: 680px;
	}

.list_main_bg2{width: 680px; 
	height:300px;
	background-position-y: -10px;
	background-size: 680px;
	}

.more{margin-top: 64px;
	margin-left: 618px;
	width: 50px; 
	height:16px;
	font-size:13px;
	}

.sub{ margin-top: 10px; font-size:18px;}
.txt{ margin-top: 8px; font-size:13px;}

/*=================== GAME_MOV ===================*/

.game_mov {width: 680px; 
	height: 390px; 
	margin: 0 auto;
	margin-top: 50px;
	border: 1px solid #c3c3c3; 
	background-color: #ededed;
	}
.mov_frame{width: 693px; height: 390px; }

/*=================== GAME_SCREENSHOT ===================*/

.game_sc{width:680px;
	margin-top: 30px;
	font-size : 17px;
	line-height:3;
	letter-spacing:19px;
	margin-bottom: -10px;
}

.game_sc img {width : 210px;}

/*===================FOLLOWS ===================*/

.game_follow{width:680px;
	height:30px;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size : 17px;
}

.game_follow span {float:left; width:180px; padding: 0 0 10px 0;}

.game_follow_detail {padding: 0 68px 0 0; font-size : 14px;}

/*===================CI_DETAIL ===================*/

.ci_detail{width: 100%; 
	height:660px;
	margin-top: 50px;
	font-size: 12.5px;
	}

.ci_detail ul {width: 680px; margin: 0 auto; padding: 50px 0 50px 0;}

.ci_detail img{float:left; width: 330px; padding: 0 10px 10px 0;}

.ci_detail li img{width:155px;}

.detail_txt_1{font-size:13.5px;
	margin-top:18px;
	}

.detail_txt_2{font-size:12px;
	margin-top:12px;
	margin-bottom:20px;
	line-height:1.6;
	}

.detail_color{width:226px; font-size:11px; }

.detail_color li {width:46px;}


.circle_red {width:60px; height:60px;}
.circle_white {width:60px; height:60px;}
.circle_black {width:60px; height:60px;}


/*===================CONTACT ===================*/

.contact{height:110px;
	margin-top: 65px;
	font-size: 12px;
	}

.contact ul{width:700px; margin-top: -14px;}

.contact_sub{padding : 12px 0 12px 0; font-size: 15px; }

.contact_txt{padding: 2px 30px 0px 5px;}

.icon{width:38px;
	height:38px;
	border-radius: 50%;
	}

.icon img{width:22px;}


.contact2{	height:110px;
	top: 788px;
	font-size: 12px;
	}

.contact2 ul{width:700px; }

/*===================FORM MAIL ===================*/

.mail{height:600px;
	top: 520px;
	font-size: 18px;
	line-height:2;
	}

.mail ul{width: 700px; margin: 0 auto;}

.mail span{font-size: 14px;}

.mail_category{width:170px;}

.form_line{width : 680px; padding: 6px 0;}

.form{width: 500px;
	height: 32px;
	padding: 4px 10px 4px 10px ;
	}
.text {width: 470px; padding: 2px 15px 2px 15px;  height: 30px;}

.detail{height: 200px;}

.adds {width: 500px;}

.adds_text{width:85%; }

.form_confirm{width : 680px; margin-top:50px;}

.send_btn{ width : 248px;
	font-size:15px;
	}


/*=================== BOTTOM ===================*/

.bottom ul{width:700px;}

.bottom_ci{width:180px;
	margin-top:40px;
	margin-bottom:40px;
	}

.bottom_ci img{width:140px;}


.bottom_ci_en{width:180px;
	margin-top:13px;
	margin-bottom:5px;
	}

.bottom_ci_en img{width:140px;}

.bottom_menu{font-size: 14px; padding:8px 0 8px 0;}

.bottom li{width:550px; font-size: 11.5px; line-height: 1.6; }

.btm_btn a {font-size: 11.5px;}

.bottom2{height:130px; top:898px;}

/*=================== LAYER_POPUP ===================*/

.white_content img{width:100%; padding-bottom:5px; }


/*=================== TERMS ===================*/

.terms{ width: 640px; 
	margin-top: 50px;
	margin-bottom: 80px;
	padding: 25px 10px ;
	font-size: 12.5px;
	line-height:2.4;
	}

.terms li{	font-size: 16px;
	height: 80px;
	}

}