/*
	responsive design CSS 15.05.19
*/


/*---- web ----*/
#jq-wrapper {display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
#footer .tel,.mo_foot,#main_visual .mo_vis {display:none;}
#toolbarnav, #navmenu,#acdnmenu,#showmenu {display:none;}


/*--- media query ---*/
@media screen and (max-width:1280px){
	.main_apex {background-size:cover;}

}


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


}


/*pad*/
@media screen and (max-width:800px){	
	#header,#header .widht_1000  {width:100%;} 
	.widht_1000,.main_apex .text_vis {width:92%;} 

	#header h1,#header .gnbNew {float:left; width:100%; text-align:center;}
	#header .gnbNew > ul > li {width:20%;}

	.main_apex {background:#f7f7f7 url('../img/vis_bg_800.jpg') no-repeat top left;}

	.main_apex .text_vis .text {font-size:130%;}

	.subimg1 {background:url('../img/sub1_img800.jpg') no-repeat 0 -90px;}
	.subimg2 {background:url('../img/sub2_img800.jpg') no-repeat 0 -90px;}
	.subimg3 {background:url('../img/sub3_img800.jpg') no-repeat 0 -90px;}
	.subimg4 {background:url('../img/sub4_img800.jpg') no-repeat 0 -90px;}
	.subimg5 {background:url('../img/sub5_img800.jpg') no-repeat 0 -90px;}
	.sub_tit h2 {font-size:180%; padding:10% 0 2%;}

	.cont_float .left_menu ul li a {font-size:80%;}

}


/*mobile landscape */
@media screen and (max-width:600px){
	#header .gnbNew {display:none;}

	/*¸ð¹ÙÀÏ ¸Þ´º*/
	#showmenu {display:block; margin-left:100%; position:absolute; top:15px; left:8px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width:27px; padding:3%; background:#ec1c24; }
	#acdnmenu {display:block; }
	#acdnmenu .mm_home  {background:#ec1c24; padding:4% 5%;}
	#acdnmenu .mm_home a {font-size:120%; color:#fff; display:block; font-weight:bold;}
	#acdnmenu ul.acdnTop {display:block; }
	#acdnmenu ul li {text-align:left; border-bottom:1px solid #000; border-top:1px solid #333;}
	#acdnmenu ul li:first-child {border-top:none;}
	#acdnmenu ul.acdnTop li.on ul.depthTwo {display:block;}
	#acdnmenu ul.acdnTop .acdnHeading {display:block; font-family:'NanumSquareR'; font-size:1em; padding:10px 0 0 24px; cursor:pointer; color:#000; background:url('../img/ico_menu_off.png') 90% center no-repeat; }
	#acdnmenu ul.acdnTop .acdnHeading:hover {color:#ec1c24 /*ED6C6C*/;}
	#acdnmenu ul.acdnTop .acdnCurrent {background:url('../img/ico_menu_on.png') 90% center no-repeat;}
	#acdnmenu ul {display:none;}
	#acdnmenu ul li {border:0; color:#666;}
	#acdnmenu ul li:hover {color:#000;}
	#acdnmenu ul li:first-child {padding-top:5px;}
	#acdnmenu ul li:last-child {padding-bottom:5px;}
	#acdnmenu ul li a {display:block; padding:7px 25px; }
	#acdnmenu ul li a:hover {color:#ED6C6C;}
	#menu {margin:0; position:fixed; background-color:#fff; height:100%; width:246px; color:#bbb; top:0; z-index:10000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity:1;}
	.left {left:-246px;}
	.show {left:0;}

	.main_apex .text_vis .text,.main_apex .text_vis .vis_ul li {font-size:110%;} 
	.main_apex .text_vis .vis_ul li {padding-left:3%;}

	.subimg1 {background:url('../img/sub1_img800.jpg') no-repeat -200px -90px;}
	.subimg2 {background:url('../img/sub2_img800.jpg') no-repeat -200px -90px;}
	.subimg3 {background:url('../img/sub3_img800.jpg') no-repeat -200px -90px;}
	.subimg4 {background:url('../img/sub4_img800.jpg') no-repeat -200px -90px;}
	.subimg5 {background:url('../img/sub5_img800.jpg') no-repeat -200px -90px;}
	.sub_tit h2 {font-size:180%; padding:10% 0 2%; color:#666;}

	.int {padding:2.5% 3%;}

	.cont_float .left_menu {display:none;}
	.cont_float .right_cont {width:100%; padding-left:0;}

	.pro_txt_box dl dt {padding-left:4%;}
	.pro_txt_box dl dd  {word-break:keep-all;}
	.pro_txt_box dl dd .block {display:inline; padding-left:0;}


}

/*mobile portrait*/
@media screen and (max-width:480px){
	#showmenu {top:8px;}
	.com_cs .com_apex {width:100%;}
	.com_cs .apex_img,#footer .ad {display:none;}
	
	.subimg1 {background:url('../img/sub1_img800.jpg') no-repeat -280px -131px;}
	.subimg2 {background:url('../img/sub2_img800.jpg') no-repeat -280px -131px;}
	.subimg3 {background:url('../img/sub3_img800.jpg') no-repeat -280px -131px;}
	.subimg4 {background:url('../img/sub4_img800.jpg') no-repeat -280px -131px;}
	.subimg5 {background:url('../img/sub5_img800.jpg') no-repeat -280px -131px;}
	.sub_tit h2 {font-size:130%;}

	.main_apex {background-size:contain; padding:4% 0;} 
	
	.main_apex .text_vis .vis_logo {width:30%;}
	.main_apex .text_vis .text span {display:inline;}
	.main_apex .text_vis .text .mo_span {display:block;}

	.certi ul li {width:46%; height:340px;}

	.contact .loc_ul li .ico {width:8%;}
	
	.sub_h3 {font-size:130%;}
	.pro_txt_box dl dt {padding-left:5.5%;}
	.pro_txt_box dl dd {padding-left:0;}
	.por_img li {width:48%; margin-bottom:2%;}

	#map {height:250px !important;}
	#footer {padding:1.5% 0;}
	#footer .tel {display:block; width:95%; margin:0 auto; padding:0.5em; background:#101010; text-align:center; font-size:1.2em; color:#fff; margin-top:2%;}
	#footer .tel:hover, #footer .tel:active {background:#515151;}

}

@media screen and (max-width:360px){
	.main_apex .text_vis .vis_ul li {padding-left:5%;}
	.main_apex {background-size:cover; background-position:-106px 0;}

	.subimg1 {background:url('../img/sub1_img800.jpg') no-repeat 0 -131px;}
	.subimg2 {background:url('../img/sub2_img800.jpg') no-repeat 0 -131px;}
	.subimg3 {background:url('../img/sub3_img800.jpg') no-repeat 0 -131px;}
	.subimg4 {background:url('../img/sub4_img800.jpg') no-repeat 0 -131px;}
	.subimg5 {background:url('../img/sub5_img800.jpg') no-repeat 0 -131px;}

	.certi ul li {height:300px;}
	
}