/****************************************************************************************************************
1400px
*****************************************************************************************************************/
@media screen and (max-width: 1400px){
	.inner,.mainVis .visTxt,#mainCont .about .txtbox{ width:90%; }

	footer address p span{ padding:0 10px; }
}

/****************************************************************************************************************
1200px
*****************************************************************************************************************/
@media screen and (max-width: 1200px){
	.sinner{ width:90%; }
	header nav{ display:none; }
	
	#mainCont .business .art-in{ padding-left:0 !important; width:90%; margin:0 auto; }
	#mainCont .business .art-in > *{ float:none; }
	#mainCont .business .art-in .tab-box,
	#mainCont .business .art-in .img-box{ width:100%; }
	#mainCont .business .art-in .img-box{ margin-top:30px; }
	.business .s-tab .slick-slide li{ text-align:center; }
	.business .s-img .slick-slide{ margin:0; }
	.business .s-img .slick-slide .item-img img{ width:100%; }
	#mainCont .business .art-in .img-box .slick-slide,
	.business .swiper-slide .item-wrap{ width:100%; max-width:100%; }
	#mainCont .business .art-in .img-box .item-wrap .item-img{ height:auto; }
	#mainCont .business .art-in .img-box .item-wrap .item-img img{ height:auto; width:100%; }
	.business .swiper-slide .item-wrap .item-img img{ width:100%; }
	#mainCont .project .slide_ul li .item .item_img img{ width:100%; height:350px; }
	#mainCont .contact .contact_type .contact_name{ padding:5% 7%; width:auto; }
	#mainCont .about .txtbox > *{ float:none; width:100%; }
	#mainCont .about .txtbox .right_txt{ padding:0; margin-top:30px; }
	
	.greeting .ceotxt .slogan{ margin-bottom:65px; }
	.greeting .ceotxt .s_slogan:before, .greeting .ceotxt .s_slogan:after{ position:static; }
	.greeting .ceotxt .s_slogan:before{ margin:0 auto 10px; }
	.greeting .ceotxt .s_slogan:after{ margin:10px auto 0; }

	.history .hisList li:nth-child(even) dl dd > *,
	.history .hisList li:nth-child(odd) dl dd > *{ float:none; display:block; }

	.location .map-info > p{ float:none; margin-bottom:30px; }

	.psb .psb_top .psb_slide .slick-slide img{ width:80%; }
	.psb .psb_top .item_info{ padding:30px 0 0 5%; }

	.prd .prd_list .list .item .img{ width:440px; }
	.prd .prd_list .list .item .info{ width:calc(100% - 440px); }
	.prd .prd_list.view .list .item .img{ width:500px; }
	.prd .prd_list.view .list .item .info{ width:calc(100% -  500px); padding:0 0 0 5%;}
	
	.gall_list .list ul li:nth-child(4n+1),.gall_list .list ul li:nth-child(4n){ margin:0 10px 20px; }
	.gall_list .list ul li:nth-child(3n+1){ margin-left:0; }
	.gall_list .list ul li:nth-child(3n){ margin-right:0; }
	.gall_list .list ul li{ width:calc(33.33% - 14px); }

	footer address p span{ display:block; padding:0; line-height:1.7; }
	footer address p span:after{ display:none; }
}
/****************************************************************************************************************
960px
*****************************************************************************************************************/
@media screen and (max-width: 960px){
	#mainCont .about .controls-box{ position:static; width:100%; padding:40px 0; }
	#mainCont .about .controls-box .controls{ margin:0 auto; width:360px; }
	#mainCont .about .controls-box .knot{ width:305px; }
	#mainCont .about .process-bar{ width:230px; }
	#mainCont .contact .contact_type li{ float:none; width:100%; padding:0 !important; }
	#mainCont .contact .contact_type li:nth-child(2){ top:0; margin-top:20px; }

	.prd .prd_list .list .item > *{ float:none; }
	.prd .prd_list .list .item .img,.prd .prd_list .list .item .info{ width:100% !important; }
	.prd .prd_list .list .item .info{ margin-top:40px; padding:0; }
	.prd .prd_list .list .item .info .btn{ position:static; margin:50px auto 0; }
	.prd .prd_list.view .list .item .info{ padding:0; }

	.prd .prd_list.prd_list_n2 .list { gap:50px 20px; }
	.prd .prd_list.prd_list_n2 .list > li { width:calc((100% - 20px) / 2); }
	.prd .prd_list.prd_list_n2 .list .item .info { padding:0; margin-top:20px; }
}

/****************************************************************************************************************
767px
*****************************************************************************************************************/
@media screen and (max-width: 767px){
	html,body{ font-size:9px; }
	#lnb{ display:none; }
	.sv{ height:350px; }
	.sv .svTit { margin-top:25px; }
	.sv h3{ margin-bottom:30px; }
	#allMenu{ width:100%; }
	
	#mainCont article:not(.about){ padding:15% 0; }
	.mainVis,.mainVis .visual .slick-slide li{ height:85vh; }
	.mainVis .visTxt{ margin-top:10%; }
	.mainVis .visTxt .slideTxt{ margin-top:20px; }
	.mainVis .visTxt .slideTxt p{ margin-top:15px; }
	#mainCont article:not(.about) .pl{ padding-left:0; width:90%; margin:0 auto; }
	.business .swiper-slide .item-wrap .item-img img{ transform:scale(1); }
	.business .swiper-slide .item-wrap .item-ov{ opacity:1; }
	#mainCont .business .art-in .tab-box .tab ul li img{ height:70px; }
	#mainCont .project .art-tit{ margin-bottom:30px; }
	#mainCont .project .slide-arrow{ position:static; margin-bottom:40px; }
	#mainCont .project .slide-arrow > span:nth-child(1){ margin-right:10px; }
	#mainCont .project .slide_ul li .item .item_ov,#mainCont .project .slide_ul li .item .item_ov .item_name{ opacity:1; }
	#mainCont .project .slide_ul li .item .item_ov .item_name{ margin-top:0; }

	.greeting .ceotxt > div p br{ display:none; }

	/*.history .hisList ul:before{ display:none; }
	.history .hisList dl{ width:100%; padding:0 !important; }
	.history .hisList li:nth-child(even) dl{ padding-left:0; }
	.history .hisList dl dt{ padding-left:60px !important; }
	.history .hisList li dl dt:before{ left:0 !important; }
	.history .hisList li:nth-child(odd) dl dt, .history .hisList li:nth-child(odd) dl dd{ text-align:left; }
	.history .hisList li dl dd i{ margin:0 !important; padding:0 !important; }
	.history .hisList li dl dd i:after{ display:none !important; }*/
	.history .hisList ul:before{ height:calc(100% - 120px); }
	.history .hisList li:nth-child(odd) dl{ padding-right:30px; }
	.history .hisList li:nth-child(odd) dl dt:before{ right:-49px; }
	.history .hisList li:nth-child(even) dl{ padding-left:30px; }
	.history .hisList li:nth-child(even) dl dt:before{ left:-48px; }
	.location .map-info > p img{ width:40px; }

	.psb .psb_top > div{ float:none; width:100%; }
	.psb .psb_top .item_info{ padding-left:0; }
	.psb .psb_top .item_info > ul{ margin-top:30px; }
	.psb .psb_detail dl{ padding-right:0; }
	.psb .psb_detail dl dd br{ display:none; }
	.psb .bom_img > div{ float:none; width:100%; margin:0; }
	.psb .bom_img > div:first-child{ margin-bottom:40px; }
	
	.gall_list .gall_tab ul li:nth-child(1) a span{ padding-left:30px; }
	.gall_list .gall_tab ul li:nth-child(1) a span:before{ width:21px; height:21px; top:3px; }
	.gall_list .gall_tab ul li:nth-child(2) a span{ padding-left:55px; }
	.gall_list .gall_tab ul li:nth-child(2) a span:before{ width:47px; height:28px; top:-1px; }
	.gall_list .gall_tab ul li:nth-child(3) a span{ padding-left:60px; }
	.gall_list .gall_tab ul li:nth-child(3) a span:before{ width:49px; height:22px; }
	.gall_list .gall_tab ul li:nth-child(4) a span{ padding-left:62px; }
	.gall_list .gall_tab ul li:nth-child(4) a span:before{ width:50px; height:36px; }
	.gall_list .list ul li:nth-child(3n),.gall_list .list ul li:nth-child(3n+1){margin:0 10px 20px;}
	.gall_list .list ul li{ width:calc(50% - 10px); }
	.gall_list .list ul li:first-child,.gall_list .list ul li:nth-child(2n+1){ margin-left:0; }
	.gall_list .list ul li:nth-child(2n){ margin-right:0; }

	footer .top{ right:0; }
}

/****************************************************************************************************************
640px
*****************************************************************************************************************/
@media screen and (max-width: 640px){
	
	#mainCont .art-tit p br,
	#mainCont .about .txtbox .right_txt p br{ display:none; }
	#mainCont .business .art-in .tab-box .tab ul{ display:block; width:100%; padding:15px 0;}
	#mainCont .business .art-in .tab-box .tab ul li{ float:none; }
	#mainCont .business .art-in .tab-box .tab .slick-track{ text-align:center; width:auto !important; display:table; }
	.business .swiper-pagination-bullet{ margin-right:15%; }
	.business .swiper-pagination-bullet:nth-child(1){ width:45px; height:64px; }
	.business .swiper-pagination-bullet:nth-child(2){ width:44px; height:64px; }
	.business .swiper-pagination-bullet:nth-child(3){ width:53px; height:64px; }
	#mainCont .business .art-in .tab-box .tab .slick-slide{ margin:0 30px; background-size:cover !important; }
	#mainCont .business .art-in .tab-box .tab .slick-slide:nth-child(1){ width:49px !important; height:70px; }
	#mainCont .business .art-in .tab-box .tab .slick-slide:nth-child(2){ width:48px !important; height:70px; }
	#mainCont .business .art-in .tab-box .tab .slick-slide:nth-child(3){ width:64px !important; height:70px; margin-right:30px; }

	#mainCont .project .slide_ul li{ margin:0; }
	#mainCont .project .slide_ul li .item{ max-width:100%; max-height:350px; }
	#mainCont .project .slide_ul li .item .item_img img{ width:100%; }
	#mainCont .project .slide_ul li:hover .item .item_img img{ transform:scale(1); }
	#mainCont .about .txtbox .left_txt{ font-size:4rem; }
	
	.greeting .ceotxt{ margin-top:15%; width:100%; padding-top:0; }
	.greeting .ceotxt .slogan{ font-size:4rem; }

	.location .map-info > p > *{ display:block; text-align:center; }
	.location .map-info > p:nth-child(1){ margin-right:0; }
	.location .map-info > p span{ margin-top:15px; }

	.prd .prd_list .list .item .info .btn{ width:100% !important; }

	.gall_list .gall_tab ul li a{ font-size:1.6rem; }
	.gall_list .gall_tab ul li a{ height:45px; }
	.gall_list .gall_tab ul li a span:before{ display:none; }
	.gall_list .gall_tab ul li a span{ padding-left:0 !important; }
	.gall_list .list ul li a .ov em img{ width:55px; }

	footer .foot_top .inner > *{ display:block; }
	footer .foot_top .foot_menu{ margin:15px 0 0; }

	/* 문의하기 */
	.mailform table colgroup{ display:none !important; }
	.mailform tbody th,
	.mailform tbody td{ display:block; width:100%; }
	.mailform table tbody th{ height:auto !important; padding:10px 0 10px 10px !important; box-sizing:border-box; border-right:none !important; text-align:left !important; }
	.mailform table tbody td{ box-sizing:border-box; }
}

/****************************************************************************************************************
500px
*****************************************************************************************************************/
@media screen and (max-width: 500px){
	
}

/****************************************************************************************************************
460px
*****************************************************************************************************************/
@media screen and (max-width: 460px){
	.mainVis .visTxt .slideTxt span{ font-size:4.2rem; }
	.mainVis .visTxt .slideTxt p{ font-size:5rem; }

	.sch_box input[ type="text" ]{ width:180px; }
}