@media only screen and (max-width:1199px) {
	.siteInside	{width:100%;}
	#header #topContent{width:calc(100% - 218px);}
	#header #bottomContent{ width:100%}
	.newsArea .groupBtn a{	font-size:14px;	padding:0 10px;	}
	#bannerArea, #banner2Area{	width:100%;	}
}

@media only screen and (max-width:959px) {
	
	.col33m.fullCol{width:33.3%;}
	.col50m.fullCol{width:50%;}
	.col66m.fullCol{width:66.6%;}
	.col100m.fullCol{width:100%;}
	
	.col33m.realCol{width:calc(33.3% - 30px);}
	.col50m.realCol{width:calc(50% - 30px);}
	.col66m.realCol{width:calc(66.6% - 30px);}
	.col100m.realCol{width:calc(100% - 30px);}
	
	.homeAdvertisementArea.col100.realCol{	width:50%;margin:0 auto;}
	#nav, #globalSearch, #bottomContent, #headerBottom{	display:none;}
	.nav_open_btn{	display:block;}
	#header	{position:fixed;z-index:999;}
	#header .siteInside, #logo{	height:58px;}
	#logo img{	margin-left:0;	}
	#main{	padding-top:80px;}
	.sitemapLink{display:none;}
	.footerLink	{text-align:center;	}
	
	.docSearchArea{ top:60px;}
	
	.contentAD #ad1 { margin-bottom:20px}
	
	.stockChart{ margin-top:20px}
    
    .webcastPage#main{padding-top: 58px}
    .webcastHighligh{grid-template-columns:repeat(1,1fr);padding: 10px 0}
}

@media only screen and (max-width:767px) {
	.col33s.fullCol{width:33.3%;}
	.col50s.fullCol{width:50%;}
	.col66s.fullCol{width:66.6%;}
	.col100s.fullCol{width:100%;}
	
	.col33s.realCol{width:calc(33.3% - 30px);}
	.col50s.realCol{width:calc(50% - 30px);}
	.col66s.realCol{width:calc(66.6% - 30px);}
	.col100s.realCol{width:calc(100% - 30px);}
	
	.realCol .sw20{width:20%;}
	.realCol .sw25{width:25%;}
	.realCol .sw33{width:33.3%;}
	.realCol .sw50{width:50%;}
	.realCol .sw66{width:66.6%;}
	.realCol .sw75{width:75%;}
	.realCol .sw100{width:100%;}
	
	#presentationArea .comName, #webcastArea .comName, #reportArea .comName	{margin:12px 0 30px;}
	#bannerArea	{/*display:none;*/}
	#bannerArea	#bannerFrame{ width:358px; height:50px; overflow:hidden}
	#bannerArea	#bannerFrame iframe{ transform:scale(0.5); transform-origin:top left;}
	#highlightArea .top{height:220px;}
	#highlightArea .top span{padding:6px 15px;position:absolute;font-size:14px;font-weight:300;line-height:20px;}
	#highlightArea .top span h1	{font-size:16px;line-height:20px;}
	.contentAD #ad1 {/*display:none;*/}
	.contentAD #ad1 #bannerFrame{width:358px; height:50px; overflow:hidden}
	.contentAD #ad1 #bannerFrame iframe{ transform:scale(0.5); transform-origin:top left;}
	
	.searchItem .searchCom, .searchItem .searchStock{ display:block}
	.searchItem .searchComLink {font-size:16px;}
	.searchItem .searchLogo {float:none; display:none}
	.searchItem .stockText{ padding-left:0}
	
	.stockItem {height:auto;}
	.webcastBox{height:auto;}
	.webcastHighligh .minBoxArea{ display: none}
    .webcastHighligh .maxBox .highlighOverbox{padding: 10px; background-color: rgba(0,50,50,0.8); font-size: 16px;  line-height:24px}
    .webcastHighligh .maxBox .highlighOverbox .highlightTitle{font-size: 12px;}
	
	.cookies .cookies-content {text-align: center;}
	.cookies .cookies-inline {display: block}
	.cookies .cookies-inline p { margin-bottom: 20px; margin-right: 0;}
	
}

@media only screen and (max-width:520px) {
	.companyInfoArea{font-size:14px; font-weight:bold}
	.stockTable td {font-size: 12px; }
    .stockTable .price {font-size: 24px;  }
}

@media only screen and (max-width:400px) {
	#banner2Area {display:none;	}
	
	
}