@media screen and (min-height: 920px){
	.main .about{ min-height: 500px; height: auto; aspect-ratio: 16 / 9; }
}

@media screen and (max-width:1600px){
	/* common */
	.font100{ font-size:80px; }
	.font84{ font-size:70px;}
	.font78{ font-size:64px; }
	.font77{ font-size:63px; }
	.font74{font-size:60px;}
	.font68{ font-size:58px; }
	.font64{ font-size:54px; }
	.font62{ font-size:52px; }
	.font60{ font-size:50px; }
	.font54{ font-size:44px; }
	.font48{ font-size:38px; }
	.font46{ font-size:36px; }

	.w1600{ padding: 0 20px;}

	/* header */
	header{ padding: 0 20px;}

	/* main */
	.main .about .txt-box{ padding-left: 20px;}

	/* sub */
	#kit .intro .ctn-box .flex-box .item-box figure{ top: 20px; right: 20px;}
	
	#pallet .info .ctn-box .item-box .inner{ padding: 30px;}
	#pallet .info .ctn-box .item-box .txt br{ display:none; }

	.pallet .process .flex-box .item-box dd{ padding: 0 10px; }
	.pallet .process .flex-box .item-box dd br{ display:none; }

	#recruit .content .img-txt-wrap .img-wrap .img-box .img01{ margin-left: 20px;}

	.info-img-txt .flex-box .img-box{ margin-right: 50px;}

	.amr .intro .ctn-box > figure{ width: 40%; }

	#cleaning .effect .ctn-box{ flex-wrap:wrap; justify-content:center; }
	#cleaning .effect .ctn-box .txt-box{ padding: 50px; margin: 50px 0 0;}

	.flowsort .intro .ctn-box .flex-box .item-box figure{ top: 20px; right: 20px;}
	.flowsort .intro .ctn-box .img{ transform:none; bottom: 20%; left: 23.7%; width: 48%;}
	.flowsort .intro .ctn-box .img svg{ width: 100%; }
 
	/* footer */
	footer{ padding: 0 40px 40px;}
	footer .footer-inner{ padding: 40px;}
	footer .footer-inner .menu-box .footer-gnb #gnb{ justify-content:flex-end; }
	footer .footer-inner .menu-box .footer-gnb #gnb > li,
	footer .footer-inner .menu-box .footer-gnb #gnb .depth2:first-of-type{ width: 150px; }
	footer .footer-inner .menu-box .footer-gnb #gnb > li:first-child{ width: 350px;}
}

@media screen and (max-width:1400px){
	/* common */
	.w1300{ padding: 0 20px;}

	/* main */
	.main .about{ height: 700px;}

	.main .service .video-box{ height: 700px;}
	.main .service .slide-box .swiper-slide{ width: calc((100% - 60px) / 3); margin-right: 20px;}
	.main .service .slide-box .swiper-slide .img-box{ padding: 40px 0;}
	.main .service .slide-box .swiper-slide .img-box .img{ width: 300px; height: 300px;}
	.main .service .slide-box .swiper-slide .img-box .bg img{ width: 100%; height: 100%; }

	/* sub */
	#sub-tab .depth4 li a{ padding: 0 20px;}

	#kit .intro .ctn-box .flex-box .item-box{ padding: 20px;}
	#kit .intro .ctn-box .img{ width: 40%; }
	#kit .intro .ctn-box .img svg{ width: 100%; }
	#kit .component .img-box .item-box figure{ height: 300px; }

	#about .ctn-box .bg{ height: 80%;}

	#history .item-box .year{ font-size:70px; min-width:30%; top:20px; }

	#platform .automation .sub-slide{ position: relative; transform:none; left: auto; bottom: auto; margin-top: 30px; flex-wrap:wrap; gap:20px; justify-content:center; }
	#platform .automation .sub-slide figure:not(:last-child){ margin: 0; }

	.bot .info-img-txt .slide-wrap{ margin-right: 50px;}
	.bot .info-img-txt .txt-box .txt-list{ flex-wrap:wrap;gap:10px 0;  }

	#location .content .tab-box{ margin-bottom: 60px;}

	#ptp .arch .ctn-box .left-box .blue-box dl dd{ flex-wrap:wrap; }
	#ptp .arch .ctn-box .left-box .blue-box > dl > dd > p{ width: calc((100% - 30px) / 4);}
	#ptp .arch .ctn-box .left-box .blue-box  .flex-box dl dd p{ width: calc((100% - 10px) / 2);}

	.diverter .ctn-box .item-box{ min-height:400px; }

	.amr .intro .ctn-box > dl > dd .item-box{ width: calc((100% - 10px) / 2);}
	:root {
		--videoH : 800px;
	}
	#cleaning .multipurpose .ctn-box{ justify-content:center; }
	#cleaning .multipurpose .ctn-box video{ width: 40%; }
	#cleaning .multipurpose .ctn-box .txt-box{ margin-left: 50px;}
	#cleaning .corner .txt-box .title{ margin-bottom: 50px;}
	#cleaning .corner .txt-box .img-box{ margin-top: 80px;}
	#cleaning .info .content .item-box .txt-box,
	#cleaning .info .content2 .item-box:nth-child(2n) .txt-box{ padding-right: 50px;}
	#cleaning .info .content .item-box:nth-child(2n) .txt-box,
	#cleaning .info .content2 .item-box .txt-box{ padding-left: 50px;}
	#cleaning .digital .ctn-box figure:not(:last-child){ margin-right: 20px; }
	#cleaning .multipurpose .flex-box figure{ margin-right: 50px;}

	.flowsort .intro .ctn-box .flex-box .item-box{ padding: 20px;}
	.flowsort .intro .ctn-box .img{ width: 50%; }
 
	/* footer */
	footer .footer-inner .menu-box{ flex-wrap:wrap; margin-bottom: 30px; }
	footer .footer-inner .menu-box .footer-gnb{ width: 100%; margin-top: 40px;}
	footer .footer-inner .menu-box .footer-gnb #gnb > li{ width: 20%; }
	footer .footer-inner .menu-box .footer-gnb #gnb > li:first-child{ width: 40%;}
	footer .footer-inner .btn-box .info-box ul{ flex-wrap:wrap; gap:10px 0; }
	footer .footer-inner .btn-box{ flex-wrap:wrap; gap:0; }
	footer .footer-inner .btn-box .link-box{ margin-top: 30px; }

	/* 솔루션&서비스 - 보관 - ASRS */
	#platform.asrs .effect .ctn-box{ flex-wrap: wrap; }
	#platform.asrs .effect .ctn-box .item-box{ width: calc((100% - 40px) / 3); }
}

@media screen and (max-width: 1400px){
	/* 솔루션&서비스 - 보관 - 라디오 셔틀 */
	#radioS .remote br{ display: none; }
}

@media screen and (max-width:1200px){
	/* common */
	.font100{ font-size:60px; }
	.font84{ font-size:53px;}
	.font78,.font77{ font-size:50px; }
	.font74{font-size:47px;}
	.font64{ font-size:44px; }
	.font62{ font-size:42px; }
	.font60{ font-size:40px; }
	.font54{ font-size:34px; }
	.font48,.font46{ font-size:30px; }
	.font42{ font-size:29.5px; }
	.font36{ font-size:29px; }
	.font32,.font30{ font-size:28px; }
 
	/* header */
	header{ position: fixed; height: 65px; transform:translateY(0); transition:all 0.7s; }
	header .logo a{ display:inline-flex;justify-content:center; align-items:center; width: 150px;}
	header .logo a svg{ width: 100%; }
	header .header-box .side-box{ position: relative; z-index: 3;}
	header .header-box .side-box nav{ display:none; }
	header .header-box .side-box .flex-box{ align-items:center; }
	header .header-box .menu-btn{ display:flex; width: 30px; height: 20px; justify-content:space-between; flex-direction: column; position: relative; z-index: 5; cursor:pointer; margin-left: 20px;}
	header .header-box .menu-btn span{ width: 100%; height: 2px; background: #fff; }
	header .header-box .side-box .contactbtn a{ padding: 6px 20px;}

	/* main */
	.main .page-link,
	.main .project,
	.main .news{ padding: 100px 0;}

	.main .about{ height: auto; flex-wrap:wrap; }
	.main .about .bg02,
	.main .about.aos-animate .bg02{ position: absolute; top: 0; left: 0; right: auto; transform:none; width: 100%; height: 100%; background: url(/img/main/aboutBg02-m.png) no-repeat 50% 100% / cover; opacity: 0; }
	.main .about .bg02 img{ display:none; }
	.main .about .txt-box{ position: relative; padding: 60px 20px; margin-bottom: 500px; width: 100%; transition:all 1.5s 0.3s; z-index: 6;}
	.main .about.aos-animate .bg02{ opacity: 1; }

	.main .our .ctn-box .item01 dt{ padding: 30px;}
	.main .our .ctn-box .item-box a{ flex-direction: column; }
	.main .our .ctn-box .item-box a:after{ margin-left: 0; margin-top: -20px; }
	.main .our .ctn-box .item05 dt:hover a:after, 
	.main .our .ctn-box .item-box dd > div:hover a:after { margin-left: 0; margin-top: 10px; }
	.main .our .ctn-box .item05 dt a img{ width: 50%;}
	.main .our .w1300{ padding: 0;}

	.main .service{ padding-top: 100px;}
	.main .service .slide-box{ margin-right: 0; }
	.main .service .slide-box .swiper-slide{ width: calc((100% - 20px) / 2); }
	.main .service .slide-box .swiper-slide .img-box { width: 100%; height: 400px; padding: 40px;}
	.main .service .slide-box .swiper-slide .img-box .img{ width: 100%; height: 100%;}
	.main .service .video-box{ height: 600px;}

	.main .page-link .ctn-box{ gap:20px; }
	.main .page-link .ctn-box .item-box{ width: calc((100% - 60px) / 4);}

	.main .project .slide-box .swiper-slide{ max-width:none; margin-right: 0; width: 80%;}
	.main .project .slide-box .swiper-slide a{ flex-direction: column; align-items:center; }
	.main .project .slide-box .swiper-slide .txt-box .txt{ margin-bottom: 30px;}
	.main .project .slide-box .swiper-slide .img-box{ margin-right: 0; margin-bottom: 30px;}

	.main .news .slide-box .swiper-slide{ width: calc((100% - 30px) / 2); margin-right: 30px;}

	.main footer .footer-inner .menu-box .footer-gnb{ display:none; }

	/* sub */
	.subVisual{ height: 400px;}
	.subVisual .txt-box{ width: 80%; margin: 0 auto 50px;}
	.subVisual .txt-box #lnb{ width: 100%; margin: 0 auto;}
	.subVisual .txt-box #lnb > li{ width: 100%; }
	.subVisual .txt-box #lnb > li.home{ flex-shrink:0; }

	.navy table colgroup col:first-child{ width: 200px !important;}

	.sec-box:not(:last-child){ margin-bottom: 100px; }

	.info-img-txt .flex-box .img-box{ padding: 30px; text-align: center; width: 40%; min-height:300px; height: auto; margin-right: 30px; flex-shrink:0; }
	.info-img-txt .flex-box .img-box img{ width: 70%; }
	.info-img-txt .flex-box dl dd br{ display:none; }
	.info-img-txt.down .flex-box dl dd .file{ width: 200px;}

	.img-ani-box .bg{ height: auto; min-height: 400px; padding: 0 30px;}
	.img-ani-box .txt-box .txt br{ display:none; }

	.grey{ padding: 100px 0;}

	.mb120{ margin-bottom: 100px; }

	#sub-tab.fixed{ top: 65px; } 
	#sub-tab .title{ position: relative; display:block; height: 60px; overflow: hidden; cursor:pointer; }
	#sub-tab .title a{ pointer-events:none; }
	#sub-tab .title a{ color:#fff; display:flex; justify-content:center; align-items:center; background: var(--mainC); color:#fff; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; height: 60px; }
	#sub-tab .title:after{ content:''; width: 16px; height: 10px; background: url(/img/common/allArrow.png); position: absolute; transform:translateY(-50%); top: 50%; right: 20px; transition:all 0.5s;}
	#sub-tab .title.on:after{ transform: translateY(-50%) rotate(180deg); }
	#sub-tab > .depth4{ display:none; }
	#sub-tab .depth4{ min-height:auto; flex-wrap:wrap; background: var(--mainC); }
	#sub-tab .depth4 li{ width: 100%;}
	#sub-tab .depth4 li.on{ order:-1; }
	#sub-tab .depth4 li a{ font-size:17px; padding: 20px; height: 60px;}

	#sub-title-box{ margin-bottom: 100px;}

	#subContents{ padding: 100px 0 120px;}
	#subContents section:not(:last-child){ margin-bottom: 100px;}

	#subContents section.navy{ padding: 100px 0;}

	#kit .intro .img-box{ margin: 100px 0;}
	#kit .intro .ctn-box .flex-box{ flex-wrap:wrap; }
	#kit .intro .ctn-box .flex-box .item-box{ min-height:330px; }
	#kit .component h5.title{ margin-bottom: 100px; }
	#kit .component .ctn-box{ margin: 100px 0;}
	#kit .detail .ctn-box:not(:last-child){ margin-bottom: 100px;}
	#kit .detail .ctn-box .flex-box .item-box dd{ padding: 20px;}

	:root {
		--inputH: 70px;
	}
	#online .ctn-box .item-box{ width: 100%; }
	#online .ctn-box .item-box:not(:last-child){ margin-bottom: 40px; }
	#online .ctn-box .item-box dd input,
	#online .ctn-box .item-box dd select,
	#online .ctn-box .item-box.file label .txt{ padding: 0 20px;}
	#online .ctn-box .item-box dd textarea{ padding: 20px; }
	#online .ctn-box .item-box.captcha button{ width: 70px; height: 70px;}

	#about .title-box .title{ margin-bottom: 40px; }
	#about .ctn-box .item-box > *{ width: calc((100% - 30px) / 2);}
	#about .ctn-box .item-box figure{ margin-right: 30px; }
	#about .ctn-box .item-box.item02 figure{ margin-right: 0; margin-left: 30px;}

	#about .ctn-box .btxt-box{ margin: 120px 0;}
	#about .ctn-box .item-box:not(:last-child){ margin-bottom: 100px; }
	#history .item-box .txt-box > *{ padding: 20px;}
	#history .item-box .txt-box div > ul{ padding: 20px;}
	#history .item-box .txt-box div > ul ul{ padding: 20px;}
	#history .item-box .txt-box p,
	#history .item-box .txt-box div > ul ul li{ text-indent:-10px; margin-left: 10px; }

	#recruit .intro .txt-box .txt{ margin: 20px 0 30px; }
	#recruit .content .img-txt-wrap .img-wrap .img-box > div{ height: 350px;}
	#recruit .content .img-txt-wrap .txt-box dl{ padding-bottom: 200px;}

	#recruit .content .img02{ width: 400px; height: 400px; margin: 0 auto 40px;}
	#recruit .content .img-txt-wrap .img-wrap .img-box > div{ }
	#recruit .content .img-txt-wrap .img-wrap .img-box .img01{ position: relative; width: 100%; margin-left: 0; padding-top: 300px;}
	#recruit .content .img-txt-wrap .img-wrap .img-box .img02{ position: absolute; transform:translateX(-50%); top: 0; left: 50%; }
	#recruit .content .img-txt-wrap .txt-box{ padding: 100vh 20px 0; }
	#recruit .content .img-txt-wrap .txt-box dl dt{ margin-bottom: 40px;}
	#recruit .content .icon-txt-box .item-box figure{ min-width:300px; }
	#recruit .info .welfare .flex-box{ flex-wrap:wrap; }
	#recruit .info .welfare .flex-box .item-box{ width: calc((100% - 40px) / 3);}
	#recruit .info .order .flex-box .arrow{ margin: 0 20px;}
	#recruit .content .icon-txt-box .item-box:not(:last-child){ margin-bottom: 100px; }

	#location .content .ctn-box section .map-box{ height: 500px;}

	#solution .canvas .info-box .btxt{ margin-top: 10px; }
	#solution .composition .ctn-box{ flex-wrap:wrap; }
	#solution .composition .ctn-box .img-box{ width: 100%; text-align: center; margin-bottom: 40px;}
	#solution .composition .ctn-box .txt-box{ width: 100%; padding: 50px 20px; text-align: center; } 
	#solution .composition .ctn-box .txt-box .item-box .title{ justify-content:center; }
	#solution .with .ctn-box{ padding: 100px 0 150px;}

	#platform .intro .txt-box .bar{ height: 40px; }
	#platform .intro .txt-box .txt2 br{ display:none; }
	#platform .intro .img-ani-box .bg{ height: 500px;}
	#platform .effect .ctn-box{ gap:20px; }
	#platform .effect .ctn-box .item-box{ width: calc((100% - 40px) / 3); min-height:350px; padding: 20px;}
	#platform .effect .ctn-box .item-box figure{ top: 20px; right: 20px;}
	#platform .automation .slide-wrap .slide-box{ height: 500px; }

	#pallet .intro #sub-tab.fixed{ top: 65px; }
	#pallet .intro .video-box{ height: 700px;}
	#pallet .info{ margin-top: 120px;}
	#pallet .info .ctn-box{ gap: 20px; }  
	#pallet .info .ctn-box .item-box{ width: calc((100% - 40px) / 3); ; min-height: 500px;}
	#pallet .info .ctn-box .item-box .inner{ padding: 30px 20px; }
	#pallet .info .ctn-box .item-box .title br,
	#pallet .info .ctn-box .item-box .txt br{ display:none; }

	.pallet .btm-content > .w1600{ margin-bottom: 120px;}
	.pallet .merit .video-box iframe{ height: 600px;}
	.pallet .btm-content .character .ctn-box .item-box{ padding: 30px 20px; }
	.pallet .process .flex-box{ flex-wrap:wrap; gap:50px 0; }
	.pallet .process .flex-box .item-box dd br{ display:none; }
	.pallet .process .flex-box .item-box{ width: calc((100% - 100px) / 3);}
	.pallet .process .flex-box figure{ margin: 20px 10px;}

	.bot .info-img-txt .flex-box{ flex-wrap:wrap; }
	.bot .info-img-txt .slide-wrap{ margin: 0 auto 50px;}
	.bot .technology .ctn-box .item-box{ padding: 30px;}
	.bot .module .ctn-box .item-box figure{ margin-right: 30px; flex-shrink:0; width: 40%;}

	#ptp .arch .ctn-box{ flex-wrap:wrap; }
	#ptp .arch .ctn-box .left-box{ margin-right: 0; margin-bottom: 20px;}
	#ptp .arch .ctn-box .left-box .grey-box{ flex-wrap:wrap; }
	#ptp .arch .ctn-box .left-box .grey-box p{ width: calc((100% - 20px) / 3 );}
	#ptp .arch .ctn-box .right-box{ display:flex; width: 100%; }
	#ptp .arch .ctn-box .right-box dl{ height: auto; width: calc((100% - 10px) / 2);}
	#ptp .arch .ctn-box .right-box dl:not(:last-child){ margin: 0 10px 0 0; }
	#ptp .arch .ctn-box .right-box dl dd{ height: 100%; }
	#ptp .software .ctn-box .item-box .inner{ padding: 30px; }
	#ptp .btm-content .ctn-box .item-box:not(:last-child){ margin-bottom: 100px;}
	#ptp .btm-content .ctn-box .item-box{ gap:50px; }
	#ptp .btm-content .ctn-box .item-box > *{ width: calc((100% - 50px) / 2);} 

	.diverter .ctn-box .item-box{ width: calc((100% - 20px) / 2);}

	.amr .feature .ctn-box .item-box ul{ padding: 20px;}
	.amr .intro .ctn-box{ flex-wrap:wrap; padding: 100px 20px 30px;}
	.amr .intro .ctn-box .back{ top: 20px; right: 20px;}
	.amr .intro .ctn-box > figure{ margin-right: 0; width: 100%; margin-bottom: 40px; }
	.amr .intro .ctn-box > dl > dt{ margin-bottom: 60px;}
	.amr .navy .content:last-child{ margin-bottom: 120px; }
	.amr .navy .content .table-box dl dd,
	.amr .navy .content .table-box dl dt{ padding: 0 20px;}

	#cleaning .overview .txt-box{ margin-bottom: 120px; }
	#cleaning .effect .ctn-box figure{ text-align: center; }
	#cleaning .effect .ctn-box figure:first-child{ width: 30%; }
	#cleaning .effect .ctn-box figure:nth-child(2){ width: calc(70% - 20px); margin-right: 0; }
	#cleaning .info .item-box:not(:last-child){ margin-bottom: 100px; }

	#flowsort.diverter .ctn-box .item-box{ width: calc((100% - 20px) / 2); }

	.flowsort .intro .ctn-box{ display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between; }
	.flowsort .intro .ctn-box .img{ display:none; }
	.flowsort .intro .ctn-box .flex-box{ flex-wrap:wrap; }
	.flowsort .intro .ctn-box .flex-box:first-child{ width: 100%; }
	.flowsort .intro .ctn-box .flex-box:not(:first-child){ width: calc((100% - 20px) / 2);}
	.flowsort .intro .ctn-box .flex-box:not(:first-child) .item-box{ width: calc((100% - 20px) / 2); }
	.flowsort .intro .ctn-box .flex-box .item-box{ min-height:auto; padding-top: 70px;}
	.flowsort .video .item-box .video-box{ height: 350px;}
	.flowsort .product > div{ gap:20px; }
	.flowsort .product > div .item-box{ width: calc((100% - 40px) / 3); }
	.flowsort .product > div .item-box > .box{ height:auto; min-height:350px;  }
	.flowsort .product .pop-box{ width: 90%; }

	.division .info-img-txt .flex-box .img-box{ height: auto; padding: 30px; }
	.division .info-img-txt .flex-box .img-box img{ width: 100%; }
	.division .info-img-txt .video-box{ height: 600px;}
	.division .feature .ctn-box .item-box{ width: calc((100% - 40px) / 3);}
	.division .feature .ctn-box .item-box:not(:last-child){ margin-right: 20px; }
	.division .specifi > .w1600{ margin-bottom: 120px;}
	.division .specifi .ctn-box dl > *{ padding: 20px;}

	#narrow .feature .ctn-box .item-box{ width: calc((100% - 20px) / 2);}

	#cross .info-img-txt .ctn-box .item-box{ width: calc((100% - 40px) / 3);}
	#cross .info-img-txt .ctn-box .item-box ul{ padding: 30px; }
	#cross .composition .ctn-box dl dd{ padding: 30px; }
	#cross .simba .ctn-box{ margin-bottom: -60px; }
	#cross .simba .ctn-box .item-box{ width: calc((100% - 40px) / 3); margin-bottom: 60px; margin-right: 20px; }
	#cross .simba .icon-box{ margin-bottom: -60px;}
	#cross .simba .icon-box .item-box{ margin-bottom: 60px; }

	/* 솔루션&서비스 - 보관 - 라디오 셔틀 */
	#radioS .advantage .right{ padding-left: 40px; }
	#radioS .advantage dl dt{ margin-bottom: 25px; }
	#radioS .advantage dl dd{ margin-top: 10px; }
	#radioS .gallery .item dl{ margin-top: 20px; }
	#radioS .remote .grid-box{ grid-template-columns: repeat(2, 50%); }
	#radioS .remote .item{ padding: 25px; }
	#radioS .remote .item .icon{ marign-bottom: 30px; }
} 

@media screen and (max-width:1024px){
	/* sub */
	.navy .table-box{ overflow-x: scroll; width: 100%; }
	.navy table{ width:960px; }
	.navy table colgroup{ display:none; }

	.scroll-mobile-txt{ display:block; color:rgba(255,255,255,0.6); font-weight: 300;  margin-top: 20px;}

	.search-box select,
	.search-box .input-box{ padding: 0 20px;}

	.icon-img-box .item-box{ padding: 30px; }
	.icon-img-box .item-box figure{ margin-right: 20px; }
	.icon-img-box.flex-box .item-box{ width: 100%; }

	#kit .intro .ctn-box .flex-box{ gap:20px; }
	#kit .intro .ctn-box .flex-box .item-box{ width: calc((100% - 20px) / 2); min-height:auto; padding: 70px 20px 20px;}
	#kit .intro .ctn-box .img{ position: relative; transform:none; bottom: auto; left: auto; width: auto; margin-top: 30px;}
	#kit .intro .img-box figure:first-child{ margin-right: 30px;}
	#kit .component .ctn-box .flip-box{ width: 50%; }
	#kit .component .img-box{ gap:40px 20px; margin-bottom: 0;}
	#kit .component .img-box .item-box{ width: calc((100% - 20px) / 2); margin-right: 0; margin-bottom: 0; }
	#kit .detail .ctn-box .flex-box .item-box{ width: 100%; }
	
	#partner .flex-box{ gap:0 20px; }
	#partner .flex-box .logo-box{ width: calc((100% - 40px) / 3 ); height: 100px; margin-right: 0; }

	#review .ctn-box .item-box{ padding-right: 30px;}
	#review .ctn-box .item-box figure{ width: 300px; height: 250px; margin-right: 30px;}

	#news .ctn-box{ gap:100px 30px; margin-bottom: 0; }
	#news .ctn-box .item-box{ width: calc((100% - 30px) / 2); margin-right: 0; margin-bottom: 0; }

 	#online .ctn-box .item-box.email .flex-box,
	#online .ctn-box .item-box.file label,
	#online .ctn-box .item-box.captcha .flex-box{ flex-wrap:wrap; }
	#online .ctn-box .item-box.email .flex-box{ justify-content:normal; gap:10px; }
	#online .ctn-box .item-box.email .flex-box span{ margin: 0; }
	#online .ctn-box .item-box.email .flex-box input{ width: calc((100% - 37px) / 2);}
	#online .ctn-box .item-box dd select{ margin-left: 0; }
	#online .ctn-box .item-box.file label button{ width: 100%; margin: 10px 0 0;}
	#online .ctn-box .item-box.captcha input{ margin: 0 10px 0 0; width: calc(100% - 80px);}
	#online .ctn-box .item-box.captcha figure{ height: 60px; margin-bottom: 10px;}
	#online .ctn-box .item-box.captcha figure img{ height: 100%; }
	#online .ctn-box .item-box .privacy-box{ padding: 10px;}
	#online .chk-box p{ margin: 40px 0 60px;}
	#online .ctn-box .item-box dd textarea{ height: 200px;}

	#about .ctn-box .item-box .txt-box .txt br{ display:none; }

	#history .item-box .year{ font-size:55px; min-width:25%; }
	#history .item-box .txt-box div > ul > li{ position: relative; padding-left: 15px; }
	#history .item-box .txt-box div > ul > li:before{ position: absolute; top: 0; left: 0; margin-top: 7px;}
	
	#recruit .intro .txt-box .txt2 br{ display:none; }
	#recruit .content .img-txt-wrap .txt-box dl dd{ font-size:18px; }
	#recruit .content .icon-txt-box .item-box{ flex-wrap:wrap; }
	#recruit .content .icon-txt-box .item-box figure{ min-width:auto; width: 100%; margin-bottom: 40px;}
	#recruit .content .icon-txt-box .item-box dl{ text-align: center; }
	#recruit .content .icon-txt-box .item-box dl dt{ margin-bottom: 20px; }
	#recruit .content .icon-txt-box .item-box dl dd .txt br{ display:none; }
	#recruit .info .order .flex-box .item-box{ width: 200px; height: 200px;}
	#recruit .info .order .flex-box .item-box .title{ margin-bottom: 20px;}
	#recruit .info .order .flex-box .arrow{ margin: 0 10px;}
	#recruit .info2 .item-box ul li{ text-indent:-10px; margin-left: 10px;}

	#location .content .ctn-box section .txt-box ul{ flex-wrap:wrap; gap:10px 0; }
	#location .content .ctn-box section .txt-box ul li:not(:last-child):after{ margin: 0 15px; height: 15px;}

	.orca .feature .ctn-box .item-box{ padding: 30px;}
	#solution .canvas{ overflow: hidden; }
	#solution .canvas .info-box .ctn-box dl{ flex-wrap:wrap; justify-content:center; text-align: center; }
	#solution .canvas .info-box .ctn-box dl:not(:last-child){ margin-bottom: 40px;}
	#solution .canvas .info-box .ctn-box dl dt{ margin: 0 0 20px; }
	#solution .canvas .info-box .ctn-box dl dd{ width: 100%; }
	#solution .canvas .info-box figure{ height: 200px; }
	#solution .canvas .info-box figure img:not(.arrow){ max-width: none; position: absolute; transform: translateX(-50%);  left: 50%;}
	#solution .canvas .info-box .btxt br{ display:none; }

	#pallet .intro #sub-tab{ top: calc(100% - 60px); }
	#pallet .info .ctn-box{ flex-wrap:wrap; }
	#pallet .info .ctn-box .item-box{ width: 100%; min-height:300px; }
	#pallet .info .ctn-box .item-box .title{ margin: 20px 0;}
	#pallet .qa .ctn-box .item-box dd{ padding: 30px;}

	.pallet .btm-content .compo .flex-box .item-box{ width: calc((100% - 20px) / 2); text-align: center; }
	.pallet .comparison .img-box{ gap:20px; } 
	.pallet .comparison .img-box figure{ width: calc((100% - 20px) / 2);}
	.pallet .btm-content .character .ctn-box{ gap:0 20px; }
	.pallet .btm-content .character .ctn-box .item-box{ width: calc((100% - 20px) / 2); margin-right: 0; }
	.pallet .simulation .img-box figure{ width: calc((100% - 20px) / 2);}
	.pallet .simulation .table-box{ overflow: hidden;}
	.pallet .simulation .table-box dl{ width: 100%; }
	.pallet .simulation .table-box dl dd{ padding: 10px 20px;}
	.pallet .simulation .table-box dl.type2 dt{ width: 50%; }
	.pallet .simulation .img-box{ gap: 0 20px; }
	.pallet .simulation .img-box figure{ margin-right: 0; }

	.bot .technology .ctn-box{ gap: 0 20px; }
	.bot .technology .ctn-box .item-box{ width: calc((100% - 20px) / 2); margin-right: 0; }
	.bot .specifi .ctn-box{ flex-wrap:wrap; gap:0; }
	.bot .specifi .ctn-box .item-box{ width: 100%; padding: 40px 20px;}
	.bot .specifi .ctn-box .item-box:not(:last-child){ margin-bottom: 40px;}
 
	#ptp .software .ctn-box{ flex-wrap:wrap; }
	#ptp .software .ctn-box .item-box{ width: 100%; }
	#ptp .btm-content .ctn-box .item-box{ gap:0; flex-wrap:wrap; }
	#ptp .btm-content .ctn-box .item-box > *{ width: 100%; } 
	#ptp .btm-content .ctn-box .item-box figure{ order:-1; margin-bottom: 30px;}

	.amr .navy .content .table-box{ overflow: hidden;}
	.amr .navy .content .table-box dl{ width: 100%; }
	.amr .navy .content .table-box dt,
	.amr .navy .content .table-box dl.type2 dt{ width: 30%; }
	
	.flowsort .intro .ctn-box .flex-box{ margin-bottom: -20px;}
	.flowsort .intro .ctn-box .flex-box:not(:last-child){ margin-bottom: -20px; }
	.flowsort .intro .ctn-box .flex-box .item-box{ width: 100%; margin-bottom: 20px;}
	.flowsort .intro .ctn-box .flex-box:not(:first-child){ width: 100%; }
	.flowsort .intro .ctn-box .flex-box:not(:first-child) .item-box{ width: 100%; }
	.flowsort .product > div{ flex-wrap:wrap; gap:0; }
	.flowsort .product > div .item-box{ width: 100%; }
	.flowsort .product > div .item-box:not(:last-child){ margin-bottom: 20px; }
	.flowsort .specifi table tr td:last-child ul{ padding: 0; }

	#speed.flowsort .product .w1600 .item-box:not(:last-child){ margin-right: 0; }

	#cross .info-img-txt .flex-box{ flex-wrap:wrap; justify-content:center; }
	#cross .info-img-txt .flex-box .img-box{ margin-right: 0; margin-bottom: 30px;}
	#cross .info-img-txt .flex-box .txt-box{ width: 100%; }
	#cross .info-img-txt .ctn-box{ flex-wrap:wrap; }
	#cross .info-img-txt .ctn-box .item-box{ width: 100%; }
	#cross .info-img-txt .ctn-box .item-box:not(:last-child){ margin-bottom: 30px;}
	#cross .info-img-txt .ctn-box .item-box ul{ height: auto; }
	#cross .simba .ctn-box{ margin-bottom: 0; gap: 60px 20px; }
	#cross .simba .ctn-box .item-box{ width: calc((100% - 20px) / 2); margin-bottom: 0; margin-right: 0;}
	#cross .simba .ctn-box .item-box:nth-child(2n),
	#cross .simba .ctn-box .item-box:nth-child(3n){ margin-right: 0;}
	
	/* 솔루션&서비스 - 보관 - 라디오 셔틀 */
	#radioS .advantage .grid-box{ grid-template-columns: repeat(1, 100%); }
	#radioS .advantage .right{ padding-left: 0; padding-top: 30px; }
	#radioS .advantage figure{ display: block; }
	#radioS .gallery .grid-box{ grid-template-columns: repeat(1, 100%); }
	#radioS .remote .item dl dt{ margin-bottom: 10px; }

	footer .footer-inner .menu-box .footer-gnb{ display:none; }
}

@media screen and (max-width:768px){
	/* common */
	.font100{ font-size:45px; }
	.font84{ font-size:43px;}
	.font78,.font77{ font-size:42px; }
	.font74{font-size:40px;}
	.font68,.font64{ font-size:40px; }
	.font62,.font60{ font-size:37px; }
	.font54{ font-size:32px; }
	.font48,.font46{ font-size:28px; }
	.font42{ font-size:26.5px; }
	.font36{ font-size:25.5px; }
	.font32,.font30{ font-size:25px; }
	.font28,.font26{ font-size:23px; }
	.font24{ font-size:22px; } 
	.font23{ font-size:21px; }
	.font22{ font-size:20px; }
	.font21{ font-size:19px; }
	.font20,
	.font19{ font-size:18px; }

	.move-box{ justify-content: center; transform: translate3d(0, 50px, 0);}
	.move-box.aos-animate{ transform: translateZ(0); }
	.move-box .slide-arrow{ transform:scale(0.8); margin-right: -10px;}

	.mb120{ margin-bottom: 80px; }

	#pc{ display:none; }
	#mobile{ display:block; }

	/* main */
	.main .page-link,
	.main .project,
	.main .news{ padding: 80px 0;}

	/* .main .visual{ height: 350px;} */

	.main .about .txt-box{ margin-bottom: 200px; }
	.main .about .txt-box .title{ margin-bottom: 40px;}
	.main .about .txt-box .title br{ display:none; }
	.main .about .bg02 img{ height: 200px; }
	.main .about .bg02:before{ height: 58%;}

	.main .our .ctn-box{ height: auto;}
	.main .our .ctn-box{  grid-template-columns: auto; grid-template-rows: auto; }
	.main .our .ctn-box:before{ display:none; }
	.main .our .ctn-box .item-box{ height: 150px;}
	.main .our .ctn-box .item01{ height: auto; }
	.main .our .ctn-box .item01 dt{ padding: 20px; text-align: center; }
	.main .our .ctn-box .item01 dt br{ display:none; }
	.main .our .ctn-box .type2{ grid-row: auto;}
	.main .our .ctn-box .item-box:not(.type2):hover dt{ height: 50%;  transform: scale(1);}
	.main .our .ctn-box .item-box:hover dd{ height: 50%; }
	.main .our .ctn-box .item-box dd > div:nth-child(2),
	.main .our .ctn-box .item-box:hover dd > div:nth-child(2){ width: 100%; }
	.main .our .ctn-box .item-box dd > div:hover{ flex-grow: 1; width: 100% !important; }
	.main .our .ctn-box .item-box:not(.item01) dt{ font-size:22px; }
	.main .our .ctn-box .item-box a{ flex-direction: row; font-size:16px; }
	.main .our .ctn-box .item-box a:after{ margin-left: 10px; margin-top: 0px; opacity: 1; width: 15px; height: 16px;}
	.main .our .ctn-box .item05 dt a:after{ margin-left: 10px;}
	.main .our .ctn-box .item05 dt:hover a:after, 
	.main .our .ctn-box .item-box dd > div:hover a:after { margin-left: 10px; margin-top: 0; }
	.main .our .ctn-box .item-box:not(.type2) dt img{ transform: scale(0.7);}

	.main .service{ padding-top: 80px;}
	.main .service .title-box{ position: relative; margin-bottom: 40px; justify-content: flex-end;}
	.main .service .title-box .title{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; letter-spacing: 10px; filter: blur(5px); -webkit-filter: blur(5px);  opacity: 0;  transition:all 1s;}
	.main .service .title-box .title.aos-animate{ letter-spacing: -1.28px; filter: blur(0px); -webkit-filter: blur(0px); opacity: 1; }
	.main .service .title-box .slide-arrow{ transform: scale(0.8); margin-right: -10px; }
	.main .service .slide-box { min-height:auto;  }
	.main .service .slide-box .swiper-slide{ width: 100%; }
	.main .service .slide-box .swiper-slide .img-box { height: 413px;}
	.main .service .slide-box .swiper-slide.swiper-slide-next { margin-top: 0px; }
	.main .service .video-box{ height: 250px;}

	.main .page-link h3.title{ margin-bottom: 40px; font-size:32px; }
	.main .page-link .ctn-box{ flex-wrap:wrap; }
	.main .page-link .ctn-box .bg{ margin-right: -30px;}
	.main .page-link .ctn-box .bg img{ height: 100%; }
	.main .page-link .ctn-box .item-box{ position: relative; width: calc((100% - 20px) / 2); height: 250px;}
	.main .page-link .ctn-box .item-box:nth-of-type(2n){ margin-top: 0;}

	.main .project .title-box,
	.main .news .title-box{ margin-bottom: 0px; flex-direction:column;  align-items: flex-start;}
	.main .project .title-box .title,
	.main .news .title-box .title{ margin-bottom: 40px; text-align: center; width: 100%; transform: translate3d(0, 0, 0); letter-spacing: 10px; filter: blur(5px); -webkit-filter: blur(5px);  opacity: 0;
	 transition:all 1s; }
	.main .project .title-box .title.aos-animate,
	.main .news .title-box .title.aos-animate{ letter-spacing: -1.28px; filter: blur(0px); -webkit-filter: blur(0px); opacity: 1;}
	.main .project .slide-box{ margin-right: -20px; margin-bottom: 40px;}
	.main .project .slide-box .swiper-slide{ padding: 0; width: 100%; margin-right: 20px;}
	.main .project .slide-box .swiper-slide a{ padding: 30px 20px;}
	.main .project .slide-box .swiper-slide .img-box{ padding: 30px;}
	.main .project .slide-box .swiper-slide .txt-box{ text-align: center; }
	.main .project .slide-box .swiper-slide .img-box .img,
	.main .project .slide-box .swiper-slide-active .img-box .img{ width: 220px; height: 220px;}
	.main .project .logo-list .logo-box figure{ width: 100px;}
	.main .project .move-box{ margin-bottom: 80px;}

	.main .news .title-box{ margin-bottom: 0px; }
	.main .news .slide-box .swiper-wrapper{ margin-right: -30px; }
	.main .news .slide-box .swiper-slide{ width: 100%; margin-right: 30px; background: rgba(255, 255, 255, 0.05); }
	.main .news .slide-box .swiper-slide .dots-wrap{ opacity: 1;}
	.main .news .slide-box .swiper-slide .txt-box{text-align: center; align-items: center;}
	.main .news .slide-box .swiper-slide .txt-box .date{ margin-top: -30px; }
	.main .news .move-box{ margin-top: 40px;}

	.main .inquiry .w1300{ padding: 50px 0 120px;}
	.main .inquiry .w1300 .link a:after{ bottom: 0px; transform-origin: 0% 50%; transform: translateY(10px) scaleX(1);}

	/* sub */
	.subVisual{ height: 300px;}
	.subVisual .txt-box{ width: 100%; }
	.subVisual .txt-box h2.title{ margin-bottom: 40px; font-size:37px; }
	.subVisual .txt-box #lnb{ height: 55px;}
/*	.subVisual .txt-box #lnb > li{ font-size:16px; }*/
	.subVisual .txt-box #lnb > li.home{ display:none; }
	.subVisual .txt-box #lnb > li:not(:last-child){ border-right:1px solid rgba(0,0,0,0.7); }
	.subVisual .txt-box #lnb > li:last-child{ width: 110%; }
	.subVisual .txt-box #lnb > li span.title a{ padding: 0 25px 0 15px;}
	.subVisual .txt-box #lnb > li span.title a:after{ right: 15px;}
	.subVisual .txt-box #lnb > li ul{ padding: 15px;}
	.subVisual .txt-box #lnb > li ul li:not(:last-child){ margin-bottom: 10px;}

	#subContents{ padding: 80px 0 100px;}
	#subContents section:not(:last-child){ margin-bottom: 80px;}

	#subContents section.navy{ padding: 80px 0;}

	#title-box{ margin-bottom: 60px;}
	#title-box .txt{ margin-top: 20px;}
	#title-box .txt br{ display:none; }
	#title-box .title{ font-size:35px; }
	#title-box .title.mb120{ margin-bottom: 60px; }

	.sec-box:not(:last-child){ margin-bottom: 80px; }
	.sec-box .title-box .txt{ margin-top: 20px;}

	.dot-title{ margin-bottom: 20px;}

	.navy table tr > *{ padding: 15px 10px;}
	.navy table td span{ margin-top: 10px;}

	.search-box{ margin-bottom: 60px; flex-wrap:wrap; }
	.search-box .input-box{ position: relative; width: 100%; }
	.search-box .input-box button{ position: absolute; transform:translateY(-50%); top: 50%; right: 20px;}
	.search-box select{ width: 100%; margin-bottom: 10px; height: 60px;}

	.info-img-txt .flex-box{ flex-wrap:wrap; }
	.info-img-txt .flex-box .img-box{ width: 100%; margin: 0 0 40px; }
	.info-img-txt .flex-box .img-box img{ width: 100%; }
	.info-img-txt .flex-box dl dt{ margin-bottom: 20px; }
	.info-img-txt.down .flex-box dl dd .file{ margin-top: 50px; height: 60px;}

	.img-ani-box .txt-box .title{ margin-bottom: 30px;}

	.icon-img-box .item-box{ padding: 30px 20px;}

	.grey{ padding: 80px 0;}

	#btn-box button{ width: 200px; height: 65px; }

	#sub-title-box{ margin-bottom: 60px;}

	#kit .intro .img-box{ margin: 60px 0; padding: 50px 20px; }
	#kit .intro .ctn-box .flex-box .item-box{ width: 100%; }
	#kit .component h5.title{ margin-bottom: 60px; }
	#kit .component .ctn-box{ margin: 80px 0; flex-wrap:wrap; }
	#kit .component .ctn-box .flip-box{ width: 100%; margin: 0 auto; height: 550px;}
	#kit .component .ctn-box .flip-box:not(:last-child){ margin-right:0; margin-bottom: 30px;}
	#kit .component .ctn-box .flip-box .item-box ul{ padding: 20px;}
	#kit .component .img-box .item-box{ width: 100%; }
	#kit .component .img-box .item-box figure{ height: 300px;}
	#kit .component .btm-list li{ text-indent:-10px; margin-left: 10px; line-height: 1.5; }
	#kit .detail .ctn-box:not(:last-child){ margin-bottom: 80px;}
	#kit .detail .ctn-box .flex-box .item-box{ flex-wrap:wrap; }
	#kit .detail .ctn-box .flex-box .item-box dt{ width: 100%; padding: 20px;}
	#kit .detail .ctn-box .list-box > li:not(:last-child){ margin-bottom: 10px;}
	
	#partner .flex-box .logo-box{ width: calc((100% - 20px) / 2 ); height: 90px; padding: 20px;}
	#partner .flex-box .logo-box img{ max-height: 100%;}

	#review .ctn-box .item-box{ padding-right: 0; }
	#review .ctn-box .item-box a{ flex-wrap:wrap; }
	#review .ctn-box .item-box figure{ width: 100%; height: 250px; margin: 0 0 30px;}

	#view .file a{ margin: 20px 0;}
	#view .page-box{ flex-wrap:wrap; gap:0; margin: 60px 0;}
	#view .page-box div{ width: 100%; }
	#view .page-box div a{ padding: 20px;}
	#view .page-box div.prev{ margin-bottom: 20px;}
	#view .page-box div.next{ text-align: left;}

	#news .ctn-box{ gap:0; }
	#news .ctn-box .item-box{ width: 100%; }
	#news .ctn-box .item-box:not(:last-child){ margin-bottom: 60px;}
	#news .ctn-box .item-box figure{ height: 250px;}
	#news .ctn-box .item-box .date{ margin: 20px 0 10px;}
	#view .page-box div .txt{ font-size:20px; }

	#about .title-box{ margin-bottom: 60px;}
	#about .title-box .title{ margin-bottom: 20px; }
	#about .title-box .txt br{ display:none; }
	#about .ctn-box .bg{ height: calc(100% - 580px);}
	#about .ctn-box .item-box{ flex-direction:column; }
	#about .ctn-box .item-box:not(:last-child){ margin-bottom: 80px; }
	#about .ctn-box .item-box > *{ width: 100%; }
	#about .ctn-box .item-box figure{ margin: 0 0 30px !important; order:-1; width: 100%; height: 300px; position: relative; overflow: hidden;}
	#about .ctn-box .item-box figure img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; background-size:cover; }
	#about .ctn-box .item-box .txt-box .txt{ margin-top: 30px;}
	#about .ctn-box .item-box.item02{ text-align: left;}
	#about .ctn-box .btxt-box{ margin: 80px 0;}

	#history .item-box{ flex-direction:column; }
	#history .item-box:not(:last-child){ margin-bottom: 80px; }
	#history .item-box .year{ position: relative; height: auto; margin-bottom: 20px; top: auto;}

	#recruit .content .img-txt-wrap .txt-box dl dd br{ display:none; }
	#recruit .content .icon-txt-box .item-box:not(:last-child){ margin-bottom: 80px; }
	#recruit .info .welfare .flex-box .item-box{ width: 100%; min-height:auto; padding: 20px;}
	#recruit .info .welfare .flex-box .item-box dt{ margin-bottom: 30px; }
	#recruit .info .welfare .flex-box .item-box dd br{ display:none; }

	#recruit .info .order .flex-box{ flex-direction:column; }
	#recruit .info .order .flex-box .arrow{ margin: 20px 0; transform:rotate(90deg); display:flex; justify-content:center; align-items:center; }

	#location .content .tab-box{ flex-wrap:wrap; margin-bottom: 50px;}
	#location .content .tab-box li{ width: calc((100% - 10px) / 2); height: 60px; }
	#location .content .ctn-box section .map-box{ height: 350px; margin-bottom: 40px; }
	#location .content .ctn-box section .txt-box ul li{ width: 100%; }
	#location .content .ctn-box section .txt-box ul li:not(:last-child):after{ display:none; }

	.orca .feature .ctn-box .item-box{ width: 100%; padding: 30px; min-height:auto; }
	.orca .feature .ctn-box .item-box .title{ margin-bottom: 20px;}

	#solution .canvas .img-box{ margin-bottom: 40px; }
	#solution .canvas .info-box figure .arrow{ top: 60px; }
	#solution .with .ctn-box .txt-box{ flex-wrap:wrap; gap:0; }
	#solution .with .ctn-box .txt-box p{ width: 100%; padding: 0 20px; }
	#solution .with .ctn-box .txt-box p:not(:last-child){ margin-bottom: 20px;}
	#solution .with .ctn-box{ padding: 80px 0 100px;}

	#platform .intro .txt-box .bar{ margin: 20px auto;}
	#platform .intro .img-ani-box .bg{ min-height: 300px; height: auto; }
	#platform .feature .ctn-box .item-box{ min-height:auto; }
	#platform .feature .img-ani-box .bg{ height: auto;}
	#platform .effect .ctn-box{ flex-wrap:wrap; }
	#platform .effect .ctn-box .item-box{ width: 100%; min-height:auto; padding-top: 100px; }
	#platform .automation .slide-wrap .slide-box{ height: 300px; }
	#platform .automation .sub-slide{ gap:10px; }
	#platform .automation .sub-slide figure{ width: calc((100% - 30px) / 4); height: 65px;}

	#pallet .info{ margin-top: 80px;}
	#pallet .intro .video-box{ height: 500px;}
	#pallet .qa .ctn-box .item-box dt{ padding: 30px 20px;}
	#pallet .qa .ctn-box .item-box dt div .num{ margin-right: 20px;}

	.pallet .btm-content > .w1600{ margin-bottom: 100px;}
	.pallet .merit .txt-box{ margin-bottom: 60px;}
	.pallet .merit .video-box iframe{ height: 300px;}
	.pallet .comparison .ctn-box dl dd{ padding: 20px;}
	.pallet .comparison .ctn-box dl:not(:last-child){ margin-bottom: 30px;}
	.pallet .comparison .img-box{ flex-wrap:wrap; }
	.pallet .comparison .img-box figure{ width: 100%; }
	.pallet .btm-content .character .ctn-box .item-box{ width: 100%; min-height:auto; }
	.pallet .btm-content .field .content .flex-box{ margin-bottom: -50px; }
	.pallet .btm-content .field .content .flex-box .item-box{ width: calc(100% / 3); margin-bottom: 50px; }
	.pallet .btm-content .compo .flex-box{ gap:0; }
	.pallet .btm-content .compo .flex-box .item-box{ width: 100%; } 
	.pallet .btm-content .compo .flex-box .item-box:not(:last-child){ margin-bottom: 40px;}
	.pallet .process .flex-box{ gap:40px 0; align-items: normal; }
	.pallet .process .flex-box figure{ margin: 20px 10px; width: 20px;}
	.pallet .process .flex-box figure:nth-of-type(2n){ display:none; }
	.pallet .process .flex-box .item-box{ width: calc((100% - 40px) / 2);}
	.pallet .process .flex-box .item-box dd{ min-height:auto; padding: 20px; height: calc(100% - 70px);}
	.pallet .simulation .table-box dl dt,
	.pallet .simulation .table-box dl.type2 dt{ width: 30%; padding: 20px;}
	.pallet .simulation .table-box dl dd{ width: 70%; }

	.bot .info-img-txt .slide-wrap{ width: 100%; height: 350px; padding: 30px;}
	.bot .info-img-txt .slide-wrap .slide-box figure{ padding: 0 50px;}
	.bot .technology .ctn-box .item-box{ width: 100%; min-height:auto; padding: 20px;}
	.bot .specifi .ctn-box .item-box dt{ margin-bottom: 30px;}
	.bot .specifi .ctn-box .item-box ul li{ text-indent:-10px; margin-left: 10px;}
	.bot .module .ctn-box .item-box{ flex-wrap:wrap; }
	.bot .module .ctn-box .item-box figure{ width: 100%; margin: 0 0 40px; text-align: center;}
	.bot .module .ctn-box .item-box .txt-box .title{ margin-bottom: 30px;}
	.bot .module .ctn-box .item-box .txt-box ul li{ text-indent:-10px; margin-left: 10px; }
	.bot .worth .ctn-box dl dt{ margin-right: 20px;}

	#ubot .info-img-txt .slide-wrap .slide-box figure img{ height: 60%; }

	#ptp .arch .ctn-box .left-box .grey-box p{ font-size:16px; }
	#ptp .arch .ctn-box .left-box .blue-box > dl > dd > p{ width: calc((100% - 10px) / 2); height: auto; padding: 20px 10px;}
	#ptp .arch .ctn-box .left-box .blue-box .flex-box dl dd p{ width: 100%;}
	#ptp .arch .ctn-box .right-box{ flex-wrap:wrap; }
	#ptp .arch .ctn-box .right-box dl{ width: 100%; }
	#ptp .arch .ctn-box .right-box dl:not(:last-child){ margin: 0 0 10px;}
	#ptp .btm-content .ctn-box .item-box:not(:last-child){ margin-bottom: 80px;}
	#ptp .btm-content .ctn-box .item-box .txt-box .title{ margin-bottom: 30px;}

	.diverter .ctn-box .item-box{ width: 100%; min-height:auto; }

	.amr .intro .ctn-box{ padding-top: 80px; }
	.amr .intro .ctn-box > figure{ height: 300px; }
	.amr .intro .ctn-box > figure img{ width: 50%; }
	.amr .intro .ctn-box > dl > dt{ margin-bottom: 40px;}
	.amr .intro .ctn-box > dl > dd .item-box figure{ width: 60px; margin-right: 20px;}
	.amr .intro .ctn-box > dl > dd .item-box dl dt{ font-size:18px; }
	.amr .feature .ctn-box .item-box ul li{ width: 100%; }
	.amr .navy .content:last-child{ margin-bottom: 100px;}

	#cleaning .video-box video{ height: 100%; }
	#cleaning .effect .ctn-box figure:first-child{ width: 100%; margin: 0 0 20px; }
	#cleaning .effect .ctn-box figure:nth-child(2){ width: 100%; }
	#cleaning .effect .ctn-box .txt-box{ padding: 30px 20px;}
	#cleaning .apply .slide-box .swiper-wrapper{ margin-left: 20px;}
	#cleaning .apply .slide-box .swiper-slide{ width: 300px; height: 300px; }

    :root {
        --videoH: 300px;
    }
	#cleaning .multipurpose .flex-box{ flex-wrap:wrap; }
	#cleaning .multipurpose .flex-box figure{ width: 100%; height: 300px; margin-right: 0; margin-bottom: 30px;}
	#cleaning .multipurpose .flex-box figure img{ width: 50%; }
	#cleaning .multipurpose .ctn-box{ flex-wrap:wrap; }
	#cleaning .multipurpose .ctn-box video{ width: 70%; }
	#cleaning .multipurpose .ctn-box .txt-box{ margin-left: 0; width: 100%; margin-top: 40px; display:flex; flex-wrap:wrap; gap:20px; }
	#cleaning .multipurpose .ctn-box .txt-box div{ width: calc((100% - 20px) / 2);}
	#cleaning .multipurpose .ctn-box .txt-box div figure{ width: 60px; }
	#cleaning .multipurpose .ctn-box .txt-box p{ margin-left: 20px;}
	#cleaning .multipurpose .ctn-wrap .content{ padding-top: 80px;}
	#cleaning .corner .video-box{ height: 600px; }
	#cleaning .corner .txt-box .img-box{ margin-top: 40px;}
	#cleaning .corner .txt-box .txt br{ display:none; }
	#cleaning .corner .txt-box .txt:not(:last-of-type){ margin-bottom: 20px;}
	#cleaning .corner .txt-box .img-box img{ width: calc((100% - 20px) / 3);}
	#cleaning .info .item-box{ flex-wrap:wrap; }
	#cleaning .info .item-box > *{ width: 100%; }
	#cleaning .info .item-box:not(:last-child){ margin-bottom: 80px; }
	#cleaning .info .item-box .video-box{ width: 100%; height: 300px;}
	#cleaning .info .item-box .txt-box{ text-align: left; }
	#cleaning .info .item-box .txt-box .txt{ margin-top: 30px;}
	#cleaning .info .content .item-box .txt-box, 
	#cleaning .info .content2 .item-box:nth-child(2n) .txt-box,
	#cleaning .info .content .item-box:nth-child(2n) .txt-box, 
	#cleaning .info .content2 .item-box .txt-box{ padding: 0; margin-bottom: 40px; order:-1; text-align: left;}
	#cleaning .digital .ctn-box{ flex-wrap:wrap; gap:2px; justify-content:space-between; margin-bottom: -20px;}
	#cleaning .digital .ctn-box figure{ width: calc((100% - 20px) / 2); text-align: center; margin-right: 0; margin-bottom: 20px;}
	#cleaning .digital .ctn-box figure:not(:last-child){ margin-right: 0; }
	#cleaning .digital .ctn-box .center{ width: 100%; order:-1; }
 	#cleaning .digital .ctn-box .center figure{ margin: 0 auto 20px; }
	#cleaning .digital .ctn-box div .circle{ transform: translate(-50%, -50%) scale(0.7); }
	#cleaning .overview .ctn-box{ flex-wrap:wrap; }
	#cleaning .overview .ctn-box dl{ width: 100%; }
	#cleaning .overview .ctn-box dl dt{ width: 30%; }
	#cleaning .overview .ctn-box dl > *{ padding: 20px;}
	#cleaning .overview .txt-box{ margin-bottom: 100px;}
	#cleaning .overview figure{ width: 60%; margin: 0 auto 40px; }

	#flowsort.diverter .ctn-box .item-box{ width: 100%; }

	.flowsort .video > div{ flex-wrap:wrap; gap:0; }
	.flowsort .video .item-box{ width: 100%; }
	.flowsort .video .item-box:not(:last-child){ margin-bottom: 40px;}
	.flowsort .video .item-box .video-box{ height: 250px;}
	.flowsort .product .pop-box{ padding: 50px 20px 50px; height: auto;}
	.flowsort .product .pop-box ul{ height: auto; }
	.flowsort .product .pop-box .close{ top: 20px; right: 20px;}
	.flowsort .product .pop-box .close img{ width: 20px;}
	.flowsort .product .pop-box .txt-box{ flex-wrap:wrap; gap:0; }
	.flowsort .product .pop-box .txt-box .box{ width: 100%; }
	.flowsort .product .pop-box .txt-box .box:not(:last-child){ margin-bottom: 30px; }
	.flowsort .product .pop-box .pop-scroll{ width: 100%;  height: 500px;}
	.flowsort .product .pop-box .title{ flex-wrap:wrap; }
	.flowsort .product .pop-box .title span{ width: 100%; margin-left: 0; margin-top: 15px;}
	.flowsort .product .pop-box figure{ height: auto; padding: 30px;}
	.flowsort .product .pop-box figure img{ width: 50%; }

	.division .info-img-txt .flex-box .img-box{ height: auto; padding: 20px;}
	.division .info-img-txt .video-box{ height: 300px;}
	.division .feature .ctn-box{ flex-wrap:wrap; gap:20px; }
	.division .feature .ctn-box .item-box{ width: 100%; padding: 20px; min-height:auto; display:block; }
	.division .feature .ctn-box .item-box:not(:last-child){ margin-right: 0; margin-bottom: 0; }
	.division .feature .ctn-box .item-box figure{ position: relative; top: auto; right: auto; text-align: right; }
	.division .feature .img a{ display:block; }
	.division .specifi > .w1600{ margin-bottom: 100px;}
	.division .specifi .ctn-box dl{ width: 100%; }
	.division .specifi .ctn-box dl dt,
	.division .specifi .ctn-box dl.type2 dt{ width: 30%; }

	#narrow .feature .ctn-box .item-box{ width: 100%;}

	#cross .composition .ctn-box dl{ padding: 30px 0;}
	#cross .composition .ctn-box dl dd{ padding: 20px; }
	#cross .simba .icon-box .item-box{ width: calc(100% / 3); }
	#cross .simba .ctn-box{ gap:40px 20px; }
	#cross .simba .ctn-box .item-box{ width: 100%; }
	#cross .simba .ctn-box .item-box figure{ text-align: center; }

	/* 솔루션&서비스 - 보관 - ASRS */
	#platform.asrs .effect .ctn-box .item-box{ width: 100%; }
	#platform.asrs .btm-content .field .content .flex-box .item-box{ width: 50%; }

	/* 솔루션&서비스 - 보관 - 라디오 셔틀 */
	#radioS .remote .grid-box{ grid-template-columns: repeat(1, 100%); }
	#radioS .remote .item .icon{ margin-bottom: 15px; }

 	/* footer */
	footer{ padding: 0 20px 40px;}
	footer .footer-inner{ padding: 30px;}
	footer .footer-inner .footer-gnb{ display:none; }
	footer .footer-inner .f-logo{ width: 50%;}
	footer .footer-inner .btn-box{ gap:0; }
	footer .footer-inner .btn-box .info-box ul li{ display:flex; align-items:flex-start; font-size:16px; line-height: 1.5;}
	footer .footer-inner .btn-box .info-box ul li span{ min-width:60px; }
	footer .footer-inner .btn-box .link-box{ width: 100%; justify-content:space-between; margin-top: 50px;}

	/* paging */
	.paging{ margin-top: 60px; }

}

@media screen and (max-width:480px){

}