@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 50em) {
	
	body{
		
	}	
	
.webshow{
	display:none;	
}

.mobileshow{
	display:block;	
}
	
.scroll_menu{
	height:300px;
	overflow:auto;
}	

.area_content{
	width:90%;
	margin-left: auto; margin-right: auto;
	max-width:1000px;
	min-height:200px;
	border:0px #000 solid;
	padding-top:1em;
	text-align:left;
	padding-bottom:1em;
}


.mobile_foot{
	 
	background-color:#494949;
	  color:#b4b4b4;
	 height:auto; width:100%; padding-bottom:30px;	
}

.mobile_foot .box{ 
	display:inline-block; vertical-align:top;
	border-right:1px #CCC solid;
}

.home_stock{
	display:inline-block; vertical-align:top;
	width:90%; 
     left: 0; right: 0;
     margin-left: auto; margin-right: auto;
	max-width:none;
	min-height:295px;
	  color:#ffffff;
	border:1px #cccccc solid;
	 border-radius: 10px;
	 
	 
	 margin-top:1em; 
	/*-moz-box-shadow: 3px 3px 4px #c8c3c3; 	
    -webkit-box-shadow: 3px 3px 4px #c8c3c3; 	
    box-shadow: 3px 3px 4px #c8c3c3;*/
}
    
    .home_R{
	display:inline-block; vertical-align:top;
	width:90%; text-align: left;
        margin-left: auto; margin-right: auto;
	max-width:1000px;
}


.home_box{
    
	display:inline-block; vertical-align:top;
	width:46%;
	max-width:none;
	min-height:134px;
	border:1px #cccccc solid;
	 border-radius: 10px;
	 margin-left: 1.5%; margin-right: 1.5%;
	 margin-top:1em;
	 text-align:left;
	/*-moz-box-shadow: 3px 3px 4px #c8c3c3; 	
    -webkit-box-shadow: 3px 3px 4px #c8c3c3; 	
    box-shadow: 3px 3px 4px #c8c3c3;*/
}





.history_boxL{
	display:inline-block; vertical-align:top;	
	width:100%;
	max-width:540px;
	background-color:#89c437;
	margin-top:0px;
	text-align:left;
	border:0px #000 solid;
}


.history_boxL .area{
	  
	max-width:340px;
	padding-top:20px; padding-left:20px;
	color:#FFF;
	font-size:14px;
}

.history_boxR{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:455px;
	margin-top:20px;
	border:0px #000 solid;
	min-height:10px;
}



.history_boxL2{
	display:inline-block; vertical-align:top;	
	width:100%;
	max-width:372px;
	margin-top:0px;
}



.history_boxR2{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:626px;
	margin-top:0px;
	text-align:left;
}

.history_boxR2 .area{
	  
	padding-top:10px; padding-left:20px; padding-bottom:10px;
	color:#5d4d46;
	font-size:14px;
}

.history_box3{
	background-color:#c1c1c1;	
	padding-top:20px; padding-bottom:20px;
	padding-left:20px; padding-right:20px;
	color:#FFF;
	font-size:16px; text-align:left;
}



.history_boxL4{
	display:inline-block; vertical-align:top;	
	width:100%;
	max-width:550px;
	min-height:0px;
	margin-top:0px;
	text-align:left;
}


.history_boxL4 .area{
	  
	max-width:510px;
	padding-top:10px; padding-left:20px; padding-right:20px;
	color:#5d4d46;
	font-size:14px;
}

.history_boxL4 .line{
	margin-top:10px; background-color:#89c437; height:5px;
}


.history_boxR4{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:448px;
	min-height:302px;
	margin-top:0px;
	background:#5a4a42;
}

.history_boxR4 .area{
	  
	max-width:310px;
	padding-top:20px; padding-left:0px;
	color:#ffffff;
	font-size:14px;
	padding-bottom:21px;
}

.history_boxR4 .area .line{
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px #776b65 solid;
}


.board_boxR{
	display:inline-block; vertical-align:top;
	width:90%; max-width:625px;	
	
}	

.board_boxR .margin{
	margin-left:0px;
}

	
.board_boxR .area{
	padding-top:20px;
	 
	color:#5a4a42;
	font-size:12px;
	padding-bottom:20px;
	text-align:left;
	border:0px #000 solid;
	
}


.committee{
	font-size:11px;
	text-align:left;
	padding-left:10px; padding-right:10px;
}

.business_struc_content{
	 
	margin-top:10px;
	border-right:0px #d7d6d6 solid;
	padding-bottom:30px;
	font-size:12px;
}

.business_struc_content2{
	 
	margin-top:10px;
	border-right:0px #d7d6d6 solid;
	padding-bottom:30px;
	font-size:12px;
	min-height:0px;
}

.msg_title{
	display:inline-block;
	 
	color:#58585a; font-size:20px; line-height:120%;
	padding-right:0px; padding-bottom:5px;
	border-bottom:1px #83c129 solid;
	border-right:0px #83c129 solid;
	margin-bottom:0px; margin-top:40px;
}

.msg_title br{
	display:none;
}

.msg_box1{
	margin:0; padding:0;
	display:inline-block; vertical-align:top;
	width:90%; max-width:none;	
	margin-top:20px;
	text-align:left;
	 
	color:#5a4a42; font-size:14px; line-height:120%;
	padding-left:0%; padding-right:0%;
	border:0px #F00 solid;
}
	
			
.msg_boxR{
	margin:0;
	display:inline-block; vertical-align:top;
	width:90%; max-width:none;	
	margin-top:20px;
	text-align:left;
	 
	color:#5a4a42; font-size:14px; line-height:120%;
	padding-left:5%; padding-right:5%;
	border:0px #F00 solid;
}


.msg_box2{
	margin:0;
	display:inline-block; vertical-align:top;
	width:90%; max-width:none;	
	margin-top:20px;
	text-align:left;
	 
	color:#5a4a42; font-size:14px; line-height:120%;
	padding-left:0%; padding-right:0%;
	border:0px #F00 solid;
	margin-left:0px;
}	


.msg_boxfoot{
	background-color:#837872;
	width:100%;	
	margin-top:20px;
	border:0px #F00 solid;
}

.msg_boxfoot .area{
	text-align:left;
	 
	padding-left:20px; padding-right:20px;
	padding-top:30px; padding-bottom:30px;
	color:#ffffff; font-size:12px;
}


.meet_title{
	 
	font-size:16px; line-height:120%;
}



.meet_area{
	padding:2%; width:96%; font-size:14px; line-height:120%; text-align:left;	
}




.meet_box1{
	display:inline-block; vertical-align:top;
	width:100%; max-width:340px;	
	padding-top:20px;
	text-align:left;
}

.meet_box1 .area{
	width:90%; max-width:330px;	
	 
	color:#5a4a42; font-size:14px; line-height:120%;
	padding-left:5%; padding-right:5%;
}


.meet_box2{
	display:inline-block; vertical-align:top;
	width:90%; max-width:319px;
	padding-left:5%; padding-right:5%;	
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
	 
	color:#5a4a42; font-size:14px; line-height:120%;
	margin-left:0px;
	background-color:#d1d0d0;
	border-bottom:8px #90c744 solid;
	min-height:0px;
}


.meet_box2 .area{
	padding-left:10px; padding-right:10px;
	 
	color:#5a4a42; font-size:14px; line-height:120%;
}


.meet_boxfoot{
	background-color:#837872;
	width:100%;	
	margin-top:20px;
}

.meet_boxfoot .area{
	text-align:left;
	 
	padding-left:20px; padding-right:20px;
	padding-top:30px; padding-bottom:30px;
	color:#ffffff; font-size:12px;
}

.meet_line{
	margin-top:20px;
border-bottom:8px #90c744 solid;	
}



.business_property_area{
	display:inline-block; vertical-align:top;
	width:100%; max-width:286px;	
	margin-top:30px;
	margin-left:0px;
}

.business_property_area2{
	display:inline-block; vertical-align:top;
	width:100%; max-width:286px;	
	margin-top:30px;
	margin-left:0px;
}



.business_property_sale{
	display:inline-block; vertical-align:top;
	width:100%; max-width:196px;	
	margin-top:30px;
	margin-left:0px;
}

.business_property_sale2{
	display:inline-block; vertical-align:top;
	width:100%; max-width:196px;	
	margin-top:30px;
	margin-left:0px;
}

.business_saleL{
	display:inline-block; vertical-align:top;
	width:100%; max-width:445px;
	margin-left:0px;
}

.business_saleR{
	display:inline-block; vertical-align:top;
	width:100%; max-width:445px; margin-left:0px;
}



.other_box1 .area{
	padding:10px;
	text-align:left;
	 
	color:#ffffff; 
	max-width:270px;
}

.other_box2{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:673px;
}




.vididend_left{
	width:100%; max-width:none;
	  
	margin-top:20px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	background-color:#d1d0d0;
	height:auto;
	min-height:200px;
}

.vididend_left .area{ 
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	
	border:0px #000 solid;
}

.vididend_right{
	margin-left:0px;
	width:100%; max-width:734px;
	  
	margin-top:20px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#5a4a42;
	border-bottom:10px #8dc63f solid;
	height:auto;
	border:0px #000 solid;
}

.vididend_right .area{ 
	padding-left:0px;
	padding-right:0px;
}





.corporate_area1{
	margin-top:30px;
	background-color:#a4a4a4;
}

.corporate_area1 .boxL{
	width:100%;
	max-width:502px;
	color:#eeeeee;
}

.corporate_area1 .boxL .area{
	padding:40px;
}

.corporate_area1 .boxL .download{
	max-width:246px;
	padding-top:40px;
	padding-bottom:10px;
	border-bottom:0px #ffffff solid;
}

.corporate_area1 .boxR{
	width:100%;
	max-width:462px;
	color:#eeeeee;
}




.corporate_area2{
	background-color:#ffffff;
}

.corporate_area2 .boxL{
	width:100%;
	max-width:502px;
	color:#eeeeee;
}



.corporate_area2 .boxR{
	width:100%;
	max-width:462px;
}

.corporate_area2 .boxR .area{
	padding-left:0px;
	padding-top:50px;
}

.corporate_area2 .boxR .download{
	max-width:246px;
	padding-left:40px;
	padding-top:50px;
	padding-bottom:0px;
}




.corporate_area3{
	background-color:#d2d2d2;
}

.corporate_area3 .boxL{
	width:100%;
	max-width:502px;
	color:#5a4a42;
}

.corporate_area3 .boxL .area{
	padding-left:0px;
	padding-top:50px;
}

.corporate_area3 .boxL .download{
	max-width:246px;
	padding-left:40px;
	padding-top:40px;
	padding-bottom:10px;
	border-bottom:0px #ffffff solid;
}


.corporate_area3 .boxR{
	width:100%;
	max-width:498px;
}



.financial_md{
	margin-top:30px;
	display:inline-block; vertical-align:top;
	width:100%; max-width:482px;
	border:0px #000 solid;
	
}

.financial_md .boxL{
	display:inline-block; vertical-align:top;
	width:42%; min-height:270px;
	background-color:#5a4a42; font-size:30px;
	color:#FFF; padding-top:10px;
	text-align:center;
}



.financial_md .boxR{
	display:inline-block; vertical-align:top;
	width:56%; 
	margin-left:15px; padding-top:0px;
}

.financial_md .boxR .download{
	padding-top:12px;
	padding-bottom:7px;
	border-bottom:2px #94c94c solid;
	
}

.financial_md .boxR .text{
	padding-left:10px; padding-top:4px; font-style:italic;
	font-size:14px; line-height:120%;
	
}

.financial_md_margin{
	margin-left:35px;
}



.download_box{
	display:inline-block; vertical-align:top;
	min-height:100px;
	padding-bottom:20px;
	border-bottom:1px #5a4a42 solid;	
	margin-top:20px;
	font-size:18px;
	margin-left:0px;
}

.download_area{
	background-color:#d1d0d0;
	padding:20px;
	margin-top:30px;	
}


.download_area .box_content{
	display:inline-block; vertical-align:top;
	width:100%;
	text-align:left;
	border-bottom:1px #5b4a43 solid;
	padding-bottom:10px;
	font-size:18px;
	margin-top:20px;
	margin-left:0px;
}


.download_table{
	font-size:12px;	
}

.download_table td{
	border-bottom:1px #5a4a42 solid;
}


.download_input{
	border:0px;
	background:#FFF;
	width:100px;
	height:30px;	
}




.career_L{
	display:inline-block; vertical-align:top;
	width:100%;
	max-width:280px;
}

.career_L .tabcareer{
	width:230px; height:54px;
	background-color:#5a4a42;
	color:#FFF;
	vertical-align:middle;
	display: table-cell;
	padding-left:20px;
	border-top:1px  #4a3d37 solid;
	border-bottom:1px #4a3d37 solid;
}

.career_L .tabcareer_active , .tabcareer:hover{
	width:230px; height:54px;
	background-color:#cfcfcf;
	color:#5a4a42;
	vertical-align:middle;
	display: table-cell; border:0px #000 solid;
	padding-left:20px;
	border-top:1px  #4a3d37 cfcfcf;
	border-bottom:1px #4a3d37 solid;
}

.career_R{
	display:inline-block; vertical-align:top;	
	width:100%; max-width:720px;
	background-color:#cfcfcf;
}

.career_R .area{
	padding-left:20px; padding-top:20px; padding-bottom:30px;
	padding-right:20px; 
}


.input_career{
	width:100%;
	max-width:120px;
	background:#FFF;
	height:30px;
	border:0px;	
	resize:none;
	border:1px #CCC solid;
}

.input_career_error{
	width:100%;
	max-width:120px;
	background:#666666;
	color:#FFF;
	height:30px;
	border:0px;	
	resize:none;
	border:1px #CCC solid;
}


.career_tab{
	background-color:#5a4a42;
	color:#ffffff;
	display:inline-block; vertical-align:top;
	width:100%; height:43px;	
}

.career_tab .area{
	font-size:20px; padding-left:20px;
	vertical-align:middle;
	 display: table-cell;
	 height:43px;	
}


	

.complaint_tab{
	  
	margin-top:0px;
	text-align:left;
	font-size:22px;
	color:#fff;
	width:94%;
	padding:3%;
	height:auto;
	padding-top:15px; padding-bottom:15px;
	position:relative;
	background:url(../img/complaint/overlay.png);
}

.complaint_tab br{
	display:none;
}

.complaint_left{
	display:inline-block; vertical-align:top;
	width:100%; 
	  
	margin-top:20px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#5a4a42;
}

.complaint_left .area{ 
	padding:20px;
}

.complaint_right{
	display:inline-block; vertical-align:top;
	width:100%;
	  
	margin-top:20px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	background:#c2c2c2;
}

.complaint_right .area{ 
	padding:3%;
}


.complaint_right br{ 
	display:none;
}


.complaint_icon{
	float:left; padding-left:3%;
	margin-top:0px;
}

.complaint_icon img{
	width:60px; 
}



.complaint_back{
	float:right; padding-right:3%;
	padding-top:0px; margin-top:20px;
}

.complaint_bg{
	background:url(../img/complaint/bg_complaint.png) top center no-repeat;
	width:100%; min-height:465px;
	color:#7d7d7d; padding-top:30px;
}

.complaint_box{
	width:80%; max-width:394px;
	height:30px; color:#525252;	
	display:block; vertical-align:middle;
	border:2px #74ba25 solid;
	padding-top:10px; margin-top:20px;
	background:#ebebeb;
}

.complaint_step{
	padding-left:0%; padding-right:0%;
	padding-top:20px; padding-bottom:40px;	
}

.label{
	float:left; width:100%;
	margin-top:20px;
}

.label_L{
	float:left; width:25%;
	padding-right:5%; text-align:right;
	padding-top:5px;
}

.label_R{
	float:left; width:65%;
}

.label_L2{
	float:left; width:12.5%;
	padding-right:2.5%; text-align:right;
	padding-top:5px;
}


.label_R2{
	float:left; width:80%;
}

.complaint_detail{
	margin-left:0%; margin-right:0%;
	padding-top:20px; padding-bottom:40px;
	border:0px #000000 solid;	
}


.label_detail{
	margin-top:20px;
}

.label_detailL{
	float:left; width:33%;
	padding-right:2%; text-align:right;
	padding-top:5px;
}

.label_detailR{
	float:left; width:60%;
}
	

	
	

.bg_award{
	background:#cdc6be; padding-bottom: 20px;
	padding-top: 0px; text-align: center; margin-top: 30px;
}

.award_box1 ,.award_box2 ,.award_box3 ,.award_box4{
	display: inline-block; vertical-align: top; 
	width: 100%; margin: 0; margin-top: 20px;
}


.zinc_box1 ,.zinc_box2 ,.zinc_box3 ,.zinc_box4 {
	 max-width:none;
}
	
.zinc_box1 .area ,.zinc_box2 .area ,.zinc_box3 .area ,.zinc_box4 .area{
	padding: 20px;  max-width:none;
}


		.sustainbox2{
		padding: 20px; width: 100%;
	}	
	
	 
.sustainbox3{
	margin: 20px; width: 100%;
}
	
	
	
}




@media screen and (max-width: 40em) {
 
    .home_box  {
	 
	width:100%;
	max-width:none;
	  
}


.sustainbox{
	background: #e6e6e5; padding: 20px; margin-top: 50px;
	 
}
	


.sustainbox .padding{
	 width: 100%;   text-align: left;
}

.sustainbox .boxL{
	display: inline-block;vertical-align: top; width: 100%;  border: 0px #000 solid;
	margin-top: 30px;
}

 

.sustainbox .boxR{
	margin-top: 30px;
	display: inline-block; vertical-align: top; width: 100%; margin-left: 0%;
}
	
	

	
	.desktopbr br{
	display: inherit;
}
	
	.mobilebr br{
		display: none;
	}
	
}