@media screen and (max-width:1760px){
	/* common */
	.w1760{ padding: 0 20px;}

	header .headerBox{ padding: 0 20px;}

	#topBtn{ bottom: 100px; right: 20px;}
	
	/* main */
}

@media screen and (max-width:1600px){
	/* common */
	.font120{ font-size:80px; }
	.font72{ font-size:60px; }
	.font68{ font-size:55px; }
	.font62{ font-size:52px; }
	.font56{ font-size:45px; }
	.font54,.font52{ font-size:40px; }
	.font48{ font-size:37px; }
	.font46{ font-size:35px; }
	.font40{ font-size:32px; }

	.w1600{ padding: 0 20px;}

	header .headerBox nav #gnb > li > a{ padding: 0 25px;}
	header .headerBox #sideBox #langBox{ margin-right: 30px;}

	#allMenu{ padding: 0 100px;}
	#allMenu #allGnb #gnb > li{ min-width:auto; }
	#allMenu #allGnb #gnb > li > a{ padding: 0 100px 0 80px; font-size:40px; }

	#linkBox .txtBox{ left: 20px;}

	/* sub */
	#vc .info .content .titleBox .txt br{ display:none; }
	#vc .info .content .ctnBox .itemBox dt{ margin-right: 30px;}
	#vc .works .content .bg{ width: 100%; }
	#vc .works .content .bg svg{ width: 100%; height: 100%;}
	#vc .howto .ctnBox{ margin: 0 80px 80px;}
	#vc .howto .ctnBox .itemBox .txtBox{ width: 300px; height: 300px; margin: 0 auto 90px;}
	#vc .howto .ctnBox:before{ top: 150px;}
	#vc .effect .content .ctnBox{ margin-right: 0px;}

	#mv #mission .ctnBox .txtBox{ padding: 0 20px;}
	#mv #car .awards .horizontalCtn .pinWrap{ padding-bottom: 20px;}
	#mv #history .wrapBox .yearBox .ctnBox{ max-width:800px; }
	#mv #car .awards .horizontalCtn .pinWrap .section.sec01{ margin-left: 20px;}
}

@media screen and (max-width:1400px){
	/* sub */
	#vc .effect .content .ctnBox .itemBox{ min-width:auto; width: 35%;}
	#vc .effect .content .ctnBox .arrowBox{ width: calc(30% - 80px); }
	
	#mv #history .wrapBox .yearBox .yearTab li button{ font-size:100px; }
	#mv #car .certi .ctnBox{ flex-wrap: wrap; justify-content: flex-start;}
	#mv #car .certi .ctnBox .itemBox{ width: calc((100% - 40px) / 3);}

	#people .leader .ctnBox .itemBox .img .logo{ height: 60%;}

	#inquiryBtn{ position: absolute; width: auto; height: auto; transform: none; top: 20px; right: auto; left: 20px; background: none; border-radius:0; flex-direction:row; z-index: 0;}
	#inquiryBtn img{ transform:rotate(90deg); margin-right: 10px; filter: brightness(100) contrast(100); }
	#inquiryBtn span{ transform: none; writing-mode: unset;color:#fff; margin-top: 0;}
}

@media screen and (max-width:1200px){
	/* common */
	.font120{ font-size:70px; }
	.font72{ font-size:55px; }
	.font68{ font-size:50px; }
	.font62{ font-size:48px; }
	.font56{ font-size:40px; }
	.font54,.font52{ font-size:38px; }
	.font48,.font46{ font-size:35px; }
	.font40{ font-size:30px; }
	.font38,.font36{ font-size:28px; }
	.font32{ font-size:27px; }
	.font28,.font26{ font-size:24px; }

	header .headerBox nav{ display:none; }

	#allMenu{ padding: 0;}
	#allMenu .close{ top: 20px; right: 15px;}
	#allMenu #allGnb #gnb > li > a{ padding: 0 50px 0 20px; font-size:35px; }
	#allMenu #allGnb #gnb .depth2{ left: calc(100% + 20px); width: max-content;}

	#linkBox .txtBox{ bottom: 30px;}
	#linkBox .cover{ width: 92px; height: 92px;}

	.paging{ margin-top: 100px;}

	/* main */
	main section:not(.visual){ padding: 50px 0;}

	main section.visual{ margin-bottom: 50px; height: 500px;}

	main section.care #linkBox .txtBox{ padding: 0 40px; display:flex; flex-direction:column; justify-content:center; }

	main section.news > div{ flex-wrap:wrap; }
	main section.news > div > div{ width: 100%; }
	main section.news > div > div > .title{ margin-bottom: 30px;}
	main section.news .awards{ margin-right: 0; margin-bottom: 50px;}
	main section.news .awards .ctnBox .itemBox{ height: 300px; padding: 70px 20px 30px;}
	main section.news .public .ctnBox .itemBox a{ padding: 40px 0;}

	main section.press .ctnBox .itemBox .txtBox .txt br{ display:none; }
	main section.press .ctnBox #linkBox .cover{ width: 82px; height: 82px;}

	main section.press .ctnBox .itemBox .txtBox .title{ margin: 30px 0;}
	main section.press .ctnBox #linkBox .txtBox{ left: 20px;}

	main section.press h3.title{ margin-bottom: 30px;}

	/* sub */
	#subContents{ padding: 100px 0 120px;}

	#titleBox{ margin-bottom: 80px;}

	#vc section:not(.info){ padding: 100px 0;}
	#vc .info .titleBox{ margin-bottom: 100px; }
	#vc .info .listBox{ flex-wrap:wrap; }
	#vc .info .listBox li:not(:last-child){ margin-right: 20px;}
	#vc .info .content{ padding: 80px 0 120px;}
	#vc .info .content .titleBox{ margin-bottom: 100px;}
	#vc .info .content .ctnBox .itemBox dt{ min-width:auto; width: 30%; text-align: center;  }
	#vc .works .content .ctnBox .itemBox { width: 300px;}
	#vc .works .titleBox{ margin-bottom: 30px;}
	#vc .howto h3.title{ margin-bottom: 80px;}
	#vc .howto .ctnBox{ margin: 0 0 80px;}
	#vc .howto .ctnBox .itemBox .txtBox{ width: 250px; height: 250px;}
	#vc .howto .ctnBox:before{ top: 125px; width: 50%;}
	#vc .howto .ctnBox .itemBox .bTxt br{ display:none; }
	#vc .effect ul.txtBox{ margin: 80px 0 0;}
	#vc .effect ul.txtBox li{ text-indent:-10px; margin-left: 10px; line-height: 1.4;}
	#vc .effect .content{ margin-bottom: 80px;}
	#vc .effect .content .titleBox{ margin-bottom: 80px; }
	#vc .effect .content .innerBox{ padding: 80px 30px;}
	#vc .effect .content .ctnBox .itemBox .wrapBox,
	#vc .effect .content .ctnBox .itemBox.type2 .wrapBox{ padding: 0;}
	#vc .effect .content .ctnBox .itemBox .item:not(:last-of-type){ margin-right: 20px;}
	#vc .effect .content .ctnBox .itemBox .item p.tTxt{ width: 100%; text-align: center; }

	#searchBox{ margin-bottom: 80px; }
	#searchBox select, 
	#searchBox button{ width: 200px;}
	#searchBox select, 
	#searchBox input{ padding: 0 20px;}
	.boardCtn .ctnBox .itemBox a{ flex-wrap:wrap; padding: 30px 20px;}
	.boardCtn .ctnBox .itemBox .txtBox{ width: 100%; margin-right: 0; margin-bottom: 20px;}
	
	.boardCtn.img .ctnBox .itemBox .fitBox{ width: 350px; height: 250px; margin-right: 20px;}
	.boardCtn.img .ctnBox .itemBox .txtBox{ width: calc(100% - 370px); margin-bottom: 0;}

	.boardImg .ctnBox{ gap:100px 20px;}
	.boardImg .ctnBox .itemBox{ width: calc((100% - 40px) / 3);}
	.boardImg .ctnBox .itemBox .fitBox{ height: 250px;}

	.boardView .listBtn{ width: 250px; margin: 100px auto 0;}

	.contact .ctnBox{ padding: 60px 0; margin-bottom: 100px;}
	.contact .ctnBox dl dt{ min-width:150px; }
	.contact .ctnBox dl dd .fileBox label button{ width: 150px;}
	.contact .ctnBox dl dd .capBox{ width: 100%; }

	#apply .ctnBox dl dd .fileBox{ width: 100%;}

	#blog .tabBox{ margin-bottom: 100px;}
	#blog section:not(:last-child){ margin-bottom: 120px;}
	#blog .recommend .ctnBox .wrapBox{ margin-left: 20px;}
	#blog .new .ctnBox{ gap:100px 20px; }
	#blog .new .ctnBox .itemBox{ width: calc((100% - 40px) / 3);}
	#blog .new .ctnBox .itemBox .fitBox{ height: 250px;}
	
/*	#mv #mission{ clip-path: circle(200% at 50% 50%); height: auto;  filter: brightness(1);}*/
/*	#mv #mission .ctnBox{ height: 600px;  clip-path: circle(10% at 50% 50%); filter: brightness(0.5); transition:clip-path 3s 0.5s; }*/
/*	#mv #mission .ctnBox2{ position: relative; transform:none; top: auto; left: auto;}*/
/*	#mv #mission .ctnBox.aos-animate{ clip-path: circle(200% at 50% 50%); filter: brightness(1); } */
	#mv #history{ padding: 120px 0;}
	#mv #car{ padding: 120px 0 0;}
	#mv #history .bg{ margin-bottom: 150px;}
	#mv #history .wrapBox .yearBox .ctnBox{ max-width:none; width: 65%;}
	#mv #car .certi{ padding-bottom: 120px;}
	#mv #car .titleBox{ margin-bottom: 40px;}
	#mv #car .awards{ padding-bottom: 120px;}
	#mv #car .awards .titleBox{ position: relative; transform:none; top: auto; left: auto; margin-bottom: 40px;}
	#mv #car .awards .wrapBox{ margin-top: 0;}
	#mv #car .awards .horizontalCtn{ width: auto; height: auto; padding: 0 20px;}
	#mv #car .awards .horizontalCtn .pinWrap{ position: relative; top: auto; left: auto; height: auto; overflow-x:scroll; margin-right: 0;}
	#mv #car .awards .horizontalCtn .pinWrap::-webkit-scrollbar { background: rgba(0,0,0,0.1); width: 100%; height: 3px; }
	#mv #car .awards .horizontalCtn .pinWrap::-webkit-scrollbar-track{ background: rgba(0,0,0,0.1); width: 100%; height: 3px;}
	#mv #car .awards .horizontalCtn .pinWrap::-webkit-scrollbar-thumb{ background: #111;}
	#mv #car .awards .horizontalCtn .pinWrap .section{ min-width:700px; }
	#mv #car .awards .horizontalCtn .pinWrap .section.type2{ display:none; }
	#mv #car .patents .ctnBox .itemBox{	padding: 30px 20px; flex-wrap:wrap; }
	#mv #car .patents .ctnBox .itemBox figure{ margin-right: 0; margin-bottom: 30px;}
	#mv #car .patents .ctnBox .itemBox .txtBox{ width: 100%; }

	#people .leader{ padding-bottom: 120px;}
	#people .leader .ctnBox{ gap:100px 20px; }
	#people .leader .ctnBox .itemBox{ width: calc((100% - 40px) / 3);}
	#people .leader .ctnBox .itemBox:first-child .img{ margin-right: 40px;}
	#people .leader .ctnBox .itemBox:first-child .txtBox .name{ font-size: 27px; }
	#people .leader .ctnBox .itemBox .img img.person{ width: 100%;}
	#people .advisors{ padding: 120px 0;}
	#people .advisors .ctnBox{ justify-content:center; }
	#people .advisors .ctnBox .itemBox{ padding: 40px 20px; width: calc((100% - 40px) / 3);}

	/* COMMUNICATION - AITRICS Magazine */
	.image-board .item{ width: calc((100% - 90px) / 4); margin-right: 30px; margin-bottom: 50px; }
	.image-board .item .img i{ width: 80px; height: 80px; }
	.image-board .item h2{ margin-top: 15px; }
}	

@media screen and (max-width: 1000px){
	/* COMMUNICATION - AITRICS Magazine */
	.image-board .item{ width: calc((100% - 60px) / 3); }
	.image-board .item:nth-of-type(4n){ margin-right: 30px; }
	.image-board .item:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width:960px){
	/* common */
	.font120{ font-size:50px; }
	.font72{ font-size:38px; }
	.font68{ font-size:35px; }
	.font62{ font-size:33px; }
	.font56{ font-size:32px; }
	.font54,.font52{ font-size:30px; }
	.font48,.font46{ font-size:28px; }
	.font40{ font-size:25px; }
	.font38,.font36{ font-size:24px; }
	.font32,.font30{ font-size:23px; }
	.font28,.font26{ font-size:22px; }
	.font25,.font24{ font-size:21px; }
	.font22{ font-size:20px; }
	.font20{ font-size:18px; }
	.font18{ font-size:16px; }
	.font17{ font-size:15px; }

	header .headerBox{ height: 70px;}
	header .headerBox .logo a{ display:block; }

	#allMenu #allGnb #gnb{ justify-content:flex-start; padding-top: 100px; }
	#allMenu #allGnb #gnb > li > a{ font-size:20px; padding: 0 20px;}
	#allMenu #allGnb #gnb .depth2{ transform:none; top:15px; }
	#allMenu #allGnb #gnb .depth2 li{ display:block; width: 100%; }
	#allMenu #allGnb #gnb .depth2 li:not(:last-child){ margin: 0 0 20px;}
	#allMenu #allGnb #gnb .depth2 li a{ font-size:20px; white-space: normal;}

	#linkBox{ height: 250px;}

	#scrollBox .bar{ height: 30px; }

	.paging{ margin-top: 80px;}
	.paging ul li:not(:last-child), .paging .arr a:first-child{ margin-right: 10px;}
	
	.privacy table tr *{ padding: 10px; }

	/* main */
	main section:not(.visual){ padding: 40px 0;}

	main section.visual{ margin-bottom: 40px; height: 300px;}

	main section.care .titleBox{ margin-bottom: 60px;}
	main section.care #linkBox{ height: 420px; background: url(/img/main/careBg.png) no-repeat 80% 50%; background-size:cover; border-radius:30px 0 30px 30px; }
	main section.care #linkBox .txtBox{ padding: 0 20px;}
	main section.care #linkBox .txtBox .linkBtn{ width: 300px; text-align: center; padding: 20px; }
	main section.care #linkBox .txtBox .title br{ display:none; }

	main section.news .awards .ctnBox{ flex-wrap:wrap; }
	main section.news .awards .ctnBox .itemBox{ width: 100%; min-height: 300px; height: auto;}
	main section.news .awards .ctnBox .itemBox:not(:last-child){ margin-bottom: 30px;}
	main section.news .awards .ctnBox .dayBox{ margin-top: 30px;}

	main section.news .public .ctnBox .itemBox a{ padding: 30px 0;}

	main section.press .ctnBox{ gap:30px 20px; flex-wrap:wrap;}
	main section.press .ctnBox #linkBox{ width: 100%; height: 300px;}

	main section.sns h3.title{ margin-bottom: 20px;}
	main section.sns .titleBox .linkBox{ position: relative; transform:none; top: auto; right: auto; justify-content: center}
	main section.sns .ctnBox{ flex-wrap:wrap; gap:30px 20px; }
	main section.sns .ctnBox .itemBox{ width: calc((100% - 20px) / 2);}
	main section.sns .ctnBox .itemBox figure,
	main section.sns .ctnBox .itemBox:before{ height: 200px; }
	main section.sns .listWrap .rollingList li{ width: 60px; margin-right: 40px;}

	/* sub */
	#sv .subVisual{ height: 350px;}
	#sv .subVisual > div{ padding-bottom: 30px;}
	#subContents{ padding: 80px 0 100px;}

	#titleBox{ margin-bottom: 60px;}

	#vc section:not(.info){ padding: 80px 0;}
	#vc .info .titleBox{ margin-bottom: 40px; }
	#vc .info .content .titleBox{ margin-bottom: 40px;}
	#vc .info .content .titleBox .title{ flex-wrap:wrap; }
	#vc .info .content .titleBox .title span{ width: 100%; }
	#vc .info .content .titleBox .title a{ margin-top: 10px;}
	#vc .info .titleBox .sTxt{ width: auto; padding: 0 20px; display:inline-flex; }
	#vc .info .listBox{ justify-content: flex-start; gap:10px}
	#vc .info .listBox li:not(:last-child){ margin-right: 0; }
	#vc .info .listBox li figure{ width: 30px; height: 30px; margin-right: 5px;}
	#vc .info .listBox li figure img{ width: 50%;}
	#vc .info .content{ padding: 80px 0 100px;}
	#vc .info .content .ctnBox .itemBox{ flex-direction:column; margin-right: 0;  }
	#vc .info .content .ctnBox .itemBox dt{ width: 100%; margin-bottom: 20px; margin-right: 0;}
	#vc .info .content .ctnBox .itemBox dd .item{ padding: 30px;}
	#vc .info .content .ctnBox .itemBox dd .item .txtBox{ padding: 30px;}
	#vc .works .titleBox .txt br,
	#vc .works .txt.type2{ display:none; }
	#vc .works .content .bg .item{ opacity: 1; display:none; }
	#vc .works .content .bg .item1{ display:block; }
	#vc .works .content .ctnBox{ position: relative; width: 95%; min-height:200px; margin: 30px auto 0;}
	#vc .works .content .ctnBox .itemBox{ width: 100%; }
	#vc .works .content .ctnBox .itemBox.itemBox1,
	#vc .works .content .ctnBox .itemBox.on{ opacity: 1; }
	#vc .works .content .ctnBox .itemBox .title span{ display:block; font-size:16px;  }
	#vc .works .content .bg .cover{ fill: black; }
	#vc .works .tabBox{ display:flex; }
	#vc .works .tabBox li button{ font-size:17px; }
	#vc .works .tabBox li button span{ font-size:13px; }
	#vc .howto h3.title{ margin-bottom: 40px;}
	#vc .howto .ctnBox{ flex-wrap:wrap; justify-content: center;}
	#vc .howto .ctnBox:before{ display:none; }
	#vc .howto .ctnBox .itemBox{ width: 100%; }
	#vc .howto .ctnBox .itemBox:not(:last-child){ margin-bottom: 30px;}
	#vc .howto .ctnBox .itemBox .txtBox{ width: 250px; height: 250px; box-shadow: 0 0 0 10px #f8f8f8 inset; padding: 0 30px; text-align: center; }
	#vc .howto .ctnBox .itemBox .bTxt{ width: 80%; margin: 0 auto;}
	#vc .howto .ctnBox .itemBox .txtBox figure{ height: 50%;}
	#vc .howto .ctnBox .itemBox .txtBox figure svg{ height: 100%; }
	#vc .howto .bTxt{ color:#333; margin-top: 50px; }
	#vc .effect ul.txtBox{ margin: 60px 0 0;}
	#vc .effect .content{ margin-bottom: 60px;}
	#vc .effect .content .titleBox{ margin-bottom: 60px; }
	#vc .effect .content .innerBox{ padding: 50px 20px;}
	#vc .effect .content .ctnBox{ flex-wrap:wrap; gap:0 20px; }
	#vc .effect .content .ctnBox .itemBox{ width: calc((100% - 20px) / 2 ); padding: 70px 15px 85px;}
	#vc .effect .content .ctnBox .itemBox.type2{ padding-bottom: 60px;}
	#vc .effect .content .ctnBox .itemBox .item:not(:last-of-type){ margin-right: 30px;}
	#vc .effect .content .ctnBox .itemBox .item .graph span{ width: 50px;}
	#vc .effect .content .ctnBox .itemBox .item p.tTxt,
	#vc .effect .content .ctnBox .itemBox .item p{ font-size:13px; }
	#vc .effect .content .ctnBox .itemBox br.mobile{ display:block; }		
	#vc .effect .content .ctnBox .itemBox .infoTxt{ width: 90%; text-align: center; font-size:16px; padding: 10px 20px; height: auto; min-height:65px; }
	#vc .effect .content .ctnBox .arrowBox{ width: 100%; margin: 70px auto 0; order:2; }
	#vc .effect .content .ctnBox .arrowBox figure{ left: 0; width: 150px; display:flex; align-items: center;	top: -10%;}
	#vc .effect .content .ctnBox .itemBox .item .graph span{ height: 150px;}
	#vc .effect .content .ctnBox .itemBox .wrapBox:before{ top: 75px;}
	#vc .effect .content .ctnBox .itemBox.type2 .wrapBox:after{ top: 150px;}
	#vc .effect .content .ctnBox .itemBox.type2 .item .graph span{ height: 225px;}
	#vc .effect .content .btmTxt{ font-size:14px; text-align: center; margin-top: 40px;}
	#vc .effect > div > .btmTxt{ font-size:16px; margin-top: 40px;}

	#searchBox{ flex-wrap:wrap; margin-bottom: 60px; }
	#searchBox select, 
	#searchBox input{ height: 65px;}
	#searchBox select{ width: 100%; margin-bottom: 10px; background: url(/img/sub/selectArrow.png) no-repeat 95% 50%;}
	#searchBox input{ width: calc(100% - 130px);}
	#searchBox button{ width: 120px; height: 65px;}
	
	.boardCtn .tabWrap{ position: relative; margin-bottom: 10px; z-index: 50;}
	.boardCtn .tabWrap .mobile{ width: 100%; padding: 0 20px; display:flex; align-items:center; font-family: var(--baseFont); border: 2px solid #E5E5E5;  border-radius: 20px; width: 100%; 
	height: 65px; background: url(/img/sub/selectArrow.png) no-repeat 95% 50%; }
	.boardCtn .tabWrap .mobile a{ color:var(--mainC); font-size:18px; font-weight: 500;}
	.boardCtn .tabWrap > div{ position: absolute; transform:translateX(-50%); left: 50%; top: calc(100% - 2px); width: 100%; padding: 20px; background: #fff; border: 2px solid #E5E5E5;  
	border-radius: 20px; display:none; height: 250px; }
	.boardCtn .tabWrap .tabBox{ overflow-y: scroll; height: 100%; }
	.boardCtn .tabWrap .tabBox li{ width: 100%; }
	.boardCtn .tabWrap .tabBox li.on{ display:none; }
	.boardCtn .tabWrap .tabBox li:not(:last-child){ margin-bottom: 10px;}
	.boardCtn .tabWrap .tabBox li a{ font-size:18px; color: #ccc; }
	.boardCtn .tabBox li:not(:last-child):after{ display:none; }

	.boardCtn.img .ctnBox .itemBox .fitBox{ width: 100%; height: 400px; margin: 0 0 30px;}
	.boardCtn.img .ctnBox .itemBox .txtBox{ width: 100%}
	.boardCtn.img .ctnBox .itemBox .txtBox .txt{ margin: 20px 0;}

	.boardImg .ctnBox{ gap:60px 20px;}
	.boardImg .ctnBox .itemBox{ width: 100%;}
	.boardImg #titleBox .linkBox{ margin-top: 40px; justify-content:center; }

	.boardView .arrowBox{ flex-wrap:wrap; gap:0; }
	.boardView .arrowBox .arrow{ width: 100%; }
	.boardView .arrowBox .arrow.prev{ margin-bottom: 30px;}
	.boardView .arrowBox .arrow a{ padding: 30px 20px; height: auto; min-height:125px; }
	.boardView .listBtn{ width: 200px; height: 70px; margin: 80px auto 0;}

	.contact .ctnBox{ padding: 40px 0; margin-bottom: 80px;}
	.contact .ctnBox dl { flex-wrap:wrap; }
	.contact .ctnBox dl:not(:last-child){ margin-bottom: 20px;}
	.contact .ctnBox dl dt{ max-width:none; width: 100%; margin-bottom: 15px;}
	.contact .ctnBox dl dt br{ display:none; }
	.contact .ctnBox dl dd{ flex-wrap:wrap; }
	.contact .ctnBox dl dd .fileBox{ width: 100%;}
	.contact .ctnBox dl dd input, 
	.contact .ctnBox dl dd select,
	.contact .ctnBox dl dd .fileBox label .txt{ padding: 0 20px;}
	.contact .ctnBox dl dd input.ip02{ width: 100%; }
	.contact .ctnBox dl dd input.ip02.type2{ width: calc((100% - 40px) / 2);}
	.contact .ctnBox dl dd select{ width: 100%; background: url(/img/sub/selectArrow.png) no-repeat 97% 50%;}
	.contact .ctnBox dl dd input, 
	.contact .ctnBox dl dd select, 
	.contact .ctnBox dl dd .fileBox label,
	.contact .ctnBox dl dd .capBox .imgBox figure,
	.contact .ctnBox dl dd .capBox .imgBox button{ height: 60px;}
	.contact .ctnBox dl dd .fileBox label button{ width: 120px;}
	.contact .policyBox .policyPop{ width: 90%; padding: 40px 20px;}
	.contact .policyBox .policyPop .titleBox{ padding: 0 0 20px;}

	#apply .ctnBox dl dd select,
	#apply .ctnBox dl dd input.ip02.type2{ width: calc((100% - 60px) / 3);}
	#apply .ctnBox dl dd select{ background: url(/img/sub/selectArrow.png) no-repeat 90% 50%;}
	#apply .ctnBox dl dd .sideTxt{ min-width:10px; }

	#blog .tabBox{ margin-bottom: 60px;}
	#blog .tabBox li a{ height: 60px;}
	#blog section:not(:last-child){ margin-bottom: 80px;}
	#blog .recommend .ctnBox{ flex-wrap:wrap; gap:20px; }
	#blog .recommend .ctnBox .itemBox{ height: 350px;}
	#blog .recommend .ctnBox .wrapBox{ margin-left: 0px; width: 100%; }
	#blog .recommend .ctnBox .wrapBox .itemBox{ height: 250px;}
	#blog .recommend .ctnBox .itemBox .txtBox{ padding: 30px 20px;}
	#blog .new .ctnBox{ gap:60px 20px;}
	#blog .new .ctnBox .itemBox{ width: 100%;}

	#mv .tabWrap{ width: calc(100%  - 40px); margin: 0 auto; }
	#mv .tabWrap.fix{ top: 80px;}
	#mv .tabWrap .tabBox{ flex-wrap:wrap; }
	#mv .tabWrap .tabBox li{ width: calc(100% / 3);}
	#mv .tabWrap .tabBox li button{ padding: 0 10px; width: 100%; height: 45px;}
	#mv .tabWrap .tabBox li button span{ white-space:wrap; font-size:14px; }
	#mv #mission{ overflow: hidden; flex-wrap:wrap; }
	#mv #mission .ctnBox{ width: 100%; height: 500px;}
	#mv #history{ padding: 80px 0;}
	#mv #car{ padding: 80px 0 0;}
	#mv #history .titleBox{ margin-bottom: 60px;}
	#mv #history .bg{ height: 350px; margin-bottom: 80px;}
	#mv #history .wrapBox .yearBox .yearTab{ display:none; }
	#mv #history .wrapBox .yearBox .ctnBox{ width: 100%; }
	#mv #history .wrapBox .yearBox .ctnBox .itemBox{ flex-wrap:wrap; }
	#mv #history .wrapBox .yearBox .ctnBox .itemBox .year{ display:block; font-size:40px; width: 100%; margin-bottom: 30px;}
	#mv #history .wrapBox .yearBox .ctnBox .itemBox .month{ display:flex; font-size:25px; margin-top: -5px; min-width: 50px}
	#mv #history .wrapBox .yearBox .ctnBox .itemBox > ul li:not(:last-child){ margin-bottom: 20px;}
	#mv #history .wrapBox .yearBox .ctnBox .itemBox:not(:last-child){ padding-bottom: 50px;}
	#mv #car .awards{ padding-bottom: 80px;}
	#mv #car .certi{ padding-bottom: 80px;}
	#mv #car .certi .ctnBox .itemBox{ width: calc((100% - 20px) / 2); height: 300px; padding: 70px 20px 20px;}
	#mv #car .certi .ctnBox .itemBox .sTxt{ padding: 10px 20px;}
	#mv #car .certi .ctnBox .itemBox .title br{ display:none; }
	#mv #car .awards .horizontalCtn .pinWrap{ align-items: flex-start; padding-bottom: 50px;}
	#mv #car .awards .horizontalCtn .pinWrap .section{ height: auto;}
	#mv #car .awards .horizontalCtn .pinWrap .section .ctnBox .itemBox .day{ min-width:50px; }
	#mv #car .awards .horizontalCtn .pinWrap .section .ctnBox .itemBox .imgBox figure{ height: 60px; width: 200px;}
	#mv #car .patents .ctnBox .itemBox figure{ margin-bottom: 10px;}
	#mv #car .patents .ctnBox .itemBox .txtBox .title br{ display:none; }

	#people .leader{ padding-bottom: 80px;}
	#people .leader .ctnBox{ gap:0; }
	#people .leader .ctnBox .itemBox{ width: 100%;}
	#people .leader .ctnBox .itemBox:not(:last-child){ margin-bottom: 40px; }
	#people .leader .ctnBox .itemBox .img .logo{ right: 20px;}
	#people .leader .ctnBox .itemBox:first-child{ display:block;	}
	#people .leader .ctnBox .itemBox:first-child .img{ margin-right: 50px; margin-bottom: 40px; width: 100%; height: auto;}
	#people .leader .ctnBox .itemBox:first-child .img .person{ position: relative; position: relative; transform: none; top: auto; left: auto; min-width: auto; min-height: auto;}
	#people .leader .ctnBox .itemBox:first-child .txtBox .name{ font-size:23px; }
	#people .leader .ctnBox .itemBox:first-child .txtBox .name span{ font-size:22px; }
	#people .leader .ctnBox .itemBox:first-child .txtBox ul li{ font-size:16px; }
	#people .advisors{ padding: 80px 0;}
	#people .advisors .ctnBox .itemBox{ width: 100%; min-height:auto; padding: 30px 20px; }
	#people .advisors .ctnBox .itemBox .logo{ width: 45px;}
	#people .advisors .ctnBox .itemBox .name{ margin-bottom: 40px;}

	/* COMMUNICATION - AITRICS Magazine */
	.image-board .item .img i{ width: 60px; height: 60px; }
	.image-board .item .img i::before{ height: 20px; }

	/* footer */
	footer{ padding: 100px 0 30px;}
	footer .footerIn .logo{ width: 150px; margin: 0 auto 30px;}
	footer .footerIn .txtBox .infoBox{ flex-wrap:wrap; gap:10px 20px}
	footer .footerIn .txtBox li:not(:last-child){ margin-right: 0; }
	footer .footerIn .btmBox{ flex-wrap:wrap; }
	footer .footerIn .btmBox .policyBox{ position: relative; transform: none; top: auto; left: auto; order: 3; width: 100%; display:flex; justify-content:center; margin-top: 20px;}
	footer .footerIn .btmBox .policyBox a{ margin-bottom: 0; margin-right: 10px;}

	#topBtn{ bottom: 150px;}
}

@media screen and (max-width: 750px){
	/* COMMUNICATION - AITRICS Magazine */
	.image-board .item{ width: calc((100% - 20px) / 2); margin-right: 20px !important; }
	.image-board .item:nth-of-type(2n){ margin-right: 0 !important; }
}

@media screen and (max-width:640px){
	/* common */
	.boardCtn.img .ctnBox .itemBox .fitBox{ height: 250px; }
}