@media screen and (max-width: 1280px){
	.bannerType1 .viewport > #good1 > .recentBox {
		width: 32.3%;
	}
	.portfolioStamp .box_cont {
		width: 100%;
	}
	.portfolioStamp .box_cont .inner .close {
		position: absolute;
		right: 20px;
		top: 20px;
	}
}

@media screen and (max-width: 1100px){
	#slider_t1 ul.lst_slide > li {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	#slider_t1 ul.lst_slide > li.n1 {
		left: 0;
		margin-left: 0;
	}
	#slider_t1 ul.lst_slide > li.n2 {
		left: 0;
		margin-left: 0;
	}
	#slider_t1 ul.lst_slide > li.n3 {
		left: 0;
		margin-left: 0;
	}

	#slider_t1 ul.lst_slide > li .cont {
		width: 100%;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -120px;
	}
	
	#slider_t1 ul.lst_slide > li .cont .lst {
		display: block !important;
		font-size: 12px;
		line-height: 16px;
		padding-bottom: 40px;
	}
	

	#spot_main .down a .after {
		position: absolute;
		left: 50%;
		bottom: 60px;
		width: 56px;
		height: 46px;
		margin-left: -28px;
		background: url(../img/main/bg_scroll.png) no-repeat 0 0;
		display: block;
	}
	
	.portfolioStamp .box_cont .inner .close {
		right: 10px;
		top: 10px;
	}


	.company_bg p.bgp01 {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 70px;
		opacity: 0.8;
		animation: animation01 2s ease 0.3s infinite alternate;
	}
	.company_bg p.bgp02,.company_bg p.bgp03 {position: absolute; top: 0px; right: 0px; width:300px; opacity: 0.2;}
	.company_bg p.bgp04,.company_bg p.bgp05 {position: absolute; top: 622px; right:310px; width: 200px; opacity: 0.2;}



	.service_bg p.bgp01 {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 70px;
		opacity: 0.8;
		animation: animation01 2s ease 0.3s infinite alternate;
	}
	.service_bg p.bgp02,.service_bg p.bgp03 {position: absolute; top: 0px; right: 0px; width:230px; opacity: 0.5;}
	.service_bg p.bgp04,.service_bg p.bgp05 {position: absolute; top: 740px; right:478px; width: 200px; opacity: 0.5;}
}


@media screen and (max-width: 1024px){
	img {
		max-width: 100%;
	}
}


@media screen and (max-width: 991px){
	#map2 {
		margin-top: 30px;
	}

	.history_new > dl {
		margin-top: 2%;
		width: 49%;
	}
}


@media screen and (max-width:768px) {
	.another_add{
		display: inline-block;
		word-break:break-all;
	}
	.hidden_bar{
		display: none;
	}

	.alertable{
		position: fixed;
		top: 60px !important;
		right: 20px !important;
		left: 20px !important;
		width: auto !important;
		margin: 0 !important;
	}
   
	.bannerType1 .viewport > #good1 > .recentBox {
		width: 49%;
	}
	
	.tab_type ul li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		background: url(../img/main/bg_tab_line.gif) 0 2px no-repeat;
		padding-left: 13px;
		margin-left: 9px;
		background-position: left;
		line-height: 32px;
	}

	.latcon{
		margin: 20px 0px;
	}

	.latcon h1.lat_title{
		font-size: 18px;
		letter-spacing: -1px;
	}
	.latcon div.line{
		border-top: 2px solid #000000; 
		width: 38px;
		margin-top: 10px;
	}

	.latcon div.lat_con{
		font-size: 16px;
		letter-spacing: -1px;
		line-height: 32px;
	}

	#footer .footer_container{
		padding: 0px 15px;
	}
	
	.sub_footer{
		/*margin-top: 80px;*/
		border-top: 1px solid #dcdcdc;
	}
	
	.iq_top_title > h1 {font-size: 22px;}

	#main-bx{
		height: 180px;
	}
	
	.bannerType1 .viewport > #good1 > .recentBox.btn_more div.btn_more_txt{
		height: 91px;
	}
	.bannerType1 .viewport > #good1 > .recentBox.btn_more div.btn_more_txt2{
		height: 100px;
	}

}


@media screen and (max-width:640px) {
	.history_new > dl {
		width: 100%;
		padding: 3%;
		margin-left: 0;
	}

	.service_pc_tab{display: none;}
	.navi_dp1_list{display: block;}
	.service_mobile_tab{display: block; margin-bottom: 15px; padding-left: 15px;}
	.service_mobile_tab ul li{margin-top: 10px;}
	.m_margin50{margin-top: 15px;}

	.service_mobile_tab ul li.on a, .service_mobile_tab ul li:hover a {
		color: #53c2db;
		text-decoration: none;
		border-bottom: 2px solid #53c2db;
	}
	
	.service_mobile_tab ul li a {
		font-size: 15px;
		color: #333333;
		
	}
	.plat_contact{margin-top: 30px;}
	.plat_contact > div > .detail{font-size: 12px;}
	.bdsr_link_a{width: 100%;}
	.bdsr_link_b{width: 100%;}
	.contab1{margin: 0px 0px;}

	.m_page_img{margin-top: 40px;}
	.m_margin120{margin-top: 35px}
	.m_margin100{margin-top: 40px}
	.m_margin_1_50{margin-top: 25px;}
	.m_margin_2_50{margin-top: 0px;}
	.m_margin20{margin-top: 20px;}
	.m_margin80{margin-top: 30px;}


}