/*웹뷰*/

.panel,.con03_m,.panel_icon{display:none;}



@media screen and (max-width:768px){
	body{min-width:auto;}
	.inner{width:auto;}
	#container{padding-top:60px;}
	
	#header_wrap{padding:0;}
	#header{padding:15px 0;}
	#header h1{padding-left:20px;}
	#header h1 img{width:120px;}
	.panel{display:block; position:absolute; top:50%; margin-top:-8px; right:20px; white-space:nowrap;}
	.panel a{display:block;}
	.open_nav span,.open_nav:before,.open_nav:after{content:""; display:block; width:30px; height:2px; background:#333;}
	.open_nav span{margin:5px 0; text-indent:-9999px;}
	.nav_bg{position:fixed; z-index:10; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
	.nav_menu{position:fixed; z-index:100; width:0; height:100%; top:0; right:0; background:#111; line-height:60px; overflow:hidden; text-align:center;}
	.nav_menu ul{padding:50px; font-size:25px;}
	.nav_menu a{color:#fff;}
	.gnb{display:none;}

	.nav_menu .panel_icon{display:inline-block; width:118px; padding:0; text-align:center;}
	.panel_icon li{float:left; margin:0 20px;}
	.panel_icon li:first-child img{width:18px;}
	.panel_icon img{width:20px;}

	/*intro*/
	.intro_img{width:80%; height:auto; top:50%; left:50%; right:auto; bottom:auto;transform:translate(-50%,-50%)}
	.intro_img img{width:100%}
	.intro h2{font-size:30px; height:auto; top:50%; bottom:auto; left:auto; right:5%; text-align:right;}
	.intro_more{top:auto; bottom:20%; right:-30%; transition:none;}
	.intro_more:hover{top:auto;}

	/*main*/
	.main_banner{padding:0 5%; box-sizing:border-box; overflow:hidden;}
	.main_text{font-size:25px; line-height:30px; padding-top:30%; padding-bottom:45%; width:60%;}
	.main_img{position:absolute; width:60%; right:5%; padding-top:10%; z-index:-1;}
	.main_img img{width:100%;}
	.alphabet{display:none;}
	.maincon01{margin:20% 0; height:auto;}
	.con01_img img{width:100%;}
	.con01_text{width:80%; font-size:20px; line-height:25px; height:auto; padding:5%;}
	.con02_img,.con02_img .slick-list{width:100%; height:auto; padding-top:0}
	.con02_img .slick-list{width: 100%;}
	.con02_img_thumbnail{position: relative; padding-top: 1.8%; /* 1:1 ratio */ overflow: hidden;}
	.con02_img_center{position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
	.con02_img img{position:absolute; top:0; left:0; bottom:0; width:auto !important; max-width:100%; height:auto; min-height:auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	.con02_img .slider_btn{display:none !important;}
	.maincon02{background:none;}
	.con02_right{width:100%; margin-right:0;}
	.con02_right h2{font-size:30px; line-height:30px; padding-left:5%;}
	.con02_right_img img{width:100%; height:auto;}
	.con02_right p{font-size:12px;  padding-left:5%;}
	
	.maincon03{margin:15% 0;}
	.maincon03 li{width:49%;}
	.maincon03 li:nth-child(3n){margin-right:2%}
	.maincon03 li:nth-child(2n){margin-right:0}
	.con03_hover{display:none;}
	.con03_m{display:block; font-size:13px; text-align:center; padding:10px 0; border-top:5px solid rgb(159,6,0); font-family: GothamPro;}
	.con03_m h3{font-weight:600; margin-bottom:10px;}

	
	/*회사소개*/
	.sub_main{height:auto; padding:30% 0;}
	.sub_main .company_main_txt span{display:block;}
	.company_main_txt{width:80%; margin-left:0; left:50%; transform:translate(-50%, 0); padding:5%; box-sizing:border-box; bottom:-30%;}
	.company_main_txt h2{font-size:20px;}
	.company_main_txt p{font-size:15px; margin-top:3%;}

	.company_con01{padding:30% 0 20% 5%;}
	.company_con01_txt01{font-size:18px;}
	.comapny_con01_img{width:40%; bottom:0; right:5%; transform:translateY(110%);}
	.comapny_con01_img img{width:100%;}
	.txt_bold{margin-top:5%;}
	.company .company_con01_txt01 span{display:block;}

	.company_con02{margin-top:50%;}
	.company_con02_list{display:flex;}
	.company_con02_list li{position:relative; overflow:hidden;}
	.company_con02_list li img{position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
	.company_con02_txt h3{margin-bottom:5%; font-size:25px;}
	.company_con02_txt{font-size:12px; padding:3%;}
	.company_con02_txt.list02{padding:3%;}
	.company span{display:inline;}

	.company_con03 h2{font-size:35px; line-height:40px; margin-bottom:5%;}
	.company_con03{font-size:13px; padding:0 5%; margin:20% 0;}
	.company_con03 p{margin-top:10%;}


	/*제품소개*/
	.gallery{padding-top:30%;}
	.gallery_cate{border-top:1px solid #ddd; margin-bottom:0;}
	.gallery_cate li{width:33.33%; height:auto; padding:2% 0; margin-right:0; margin-bottom:0; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; font-size:12px; letter-spacing:-1px;}
	.gallery_cate li:nth-child(3n){border-right:0}
	.gallery_cate .on{border-bottom:1px solid #ddd; background:#f9f9f9;}
	.gallery_cate a{display:block;}

	.gallery_sub_cate{border-bottom:1px solid #ddd; border-top:0; padding:0; background:#fff;}
	.gallery_sub_cate li{width:25%; font-size:11px; border:0; border-bottom:3px solid #fff;}
	.gallery_sub_cate li.on{background:inherit; border-bottom:2px solid #000;}
	
	.gallery_list{padding:4%; margin-top:0;}
	.gallery_list li{width:48%; margin-right:4%;}
	.gallery_list li:nth-child(2n){margin-right:0;}

	.img_thum{position:relative; padding-top:60%;}
	.img_center{position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
	.gallery_list li img{position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

	/*견적문의*/
	.contact{padding:30% 5% 0;}
	.m_tb_title{width:20%;}
	input[type="text"],input[type="password"],textarea,input[type="number"],select{padding:5% 3%;}
	#email1,#email2{width:45% !important;}
	#email3{width:95% !important; margin-left:0 !important; margin-top:3%;}
	select{width:30% !important;}
	textarea{height:250px !important;}

	/*고객센터*/
	.news{margin-top:30%;}
	.news dt{text-indent:0; text-align:center;}
	.paging{margin-top:15%;}


	/*모달팝업*/
	.gallery_modal{width:80%; height:580px;}
	.modal_main_img img{width:100%; height:auto;}
	.modal_info{position:static; margin-left:5%}
	.news_detail_title h2,.news_detail_con{padding:5%;}

	/*footer*/
	#footer{font-size:14px; margin-top:10%; padding:10% 0; padding-left:5%; box-sizing:border-box;}

	/*페이징*/
	.paging .paging_prev, .paging .paging_next{margin:0;}
}