@media screen and (max-width:1820px){
	.w1820,
	.w1720{ padding: 0 20px;}

	#talent .content > div,
	#privacy > div,
	#she > div,
	#online .content{ width: calc(100% - 40px); }

	#online .intro{ margin: 0 20px;}
}

@media screen and (max-width:1600px){
	/* common */
	.font98{ font-size: 85px; }
	.font88{ font-size:75px; }
	.font84{ font-size:70px; }
	.font68{ font-size:58px; }
	.font62{ font-size:52px; }
	.font54{ font-size:44px; }
	.font50{ font-size:40px; }
	.font48{ font-size:38px; }
	.font45,.font44,.font42{ font-size:32px; }

	/* header */
	header .header-box{ margin: 0 20px;}
	header .header-box .side-box .lang-box{ margin-right: 20px; }
	header .header-box .side-box .familysite{ width: 120px; height: 37px; font-size: 15px; margin-right: 20px; }
	
	#allmenu .allgnb{ display: flex; flex-wrap: wrap; }
	#allmenu .allgnb #gnb{ gap:30px; }
	#allmenu .allgnb #gnb > li{ padding: 3.5% 20px; width: calc((100% - 60px) / 3);}
	#allmenu .allgnb #gnb .depth2 li{ width: auto; }
	#allmenu .allgnb #gnb > li.logo-box figure{ width: 50%;}

	#privacy > div{ padding-top: 100px;}
	#privacy .content > dl > dd .box{ padding: 50px;}

	/* familysite */
	#familysite .inner{ padding: 60px; }
	#familysite .close{ top: 10px; right: 10px; }

	/* main */
	.full-nav{ left: 20px; }

	main .visual .inner-box{ padding: 150px 20px 200px;}
	main .visual .scroll-move{ right: 20px; bottom: 30px;}

	main .product .ctn-wrap{ padding: 150px 20px 300px;}
	main .product .txt-wrap .title{ font-size:130px; }

	main .sustain .ctn-box .link-box .item-box{ height: 250px;}
	main .sustain .ctn-box .link-box .item-box .viewbtn{ top: 20px; right: 20px;}
	main .product .txt-wrap .title span:not(:last-child){ margin-right: 50px;}

	main .sustain .ctn-box{ padding: 150px 20px 75px; }

	main .news{ padding: 5.2% 20px 0;}
	main .news .slide-box .swiper-slide figure{ height: 300px; }
	main .news .slide-box .swiper-slide{ width: calc((100% - 60px) / 3); margin-right: 30px; } 

	main .contact .ctn-box .item-box{ padding: 120px 40px;}

	/* sub */
	.subVisual .txt-box h2.title{ font-size:100px; }

	#sustain .intro-box .img-box .wrap-box .title{ margin-bottom: 50px;}
	#sustain .content > dl > dd .txt-box dl dd .btn-box{ flex-wrap:wrap;  }
	#sustain .content > dl > dd .txt-box dl dd .btn-box a{ width: 100%; text-align: center; }
	#sustain .content > dl > dd .txt-box dl dd .btn-box a:not(:last-child){ margin-right: 0; margin-bottom: 10px; }
	
	#global .ctn-box .item-box.item01{ left: 16%;}
	#global .ctn-box .item-box.item02{ bottom: 20px; left: 12%; } 
	#global .ctn-box .item-box.item03{ left: 34%; } 
	#global .ctn-box .item-box.item04{ right: 27%; } 
	#global .ctn-box .item-box.item05{ right: 22%; } 

	#cae .present .ctn-box .item-box figure{ width: 100%; }
	#cae .present .ctn-box .item-box figure img{	 width: 70%; }

	#talent .content .item-box figure{ width: 60%; }
	#talent .content .item-box .txt-box .txt br{ display:none; }
	

	.form section .ctn-box dl dd.file-box label .btn,
	#view.form .ctn-box .file-box a{ width: 150px;}

	#online .intro .w1720{ align-items:center; padding: 50px 20px;}
	#online .intro .txt-box .txt{ margin-bottom: 50px; }

	.appView .info .img-box{ width: 45%; margin-right: 50px;}
	.appView .info .txt-box{ width: 55%; }

	/* footer */
	.footer-inner{ padding: 80px 20px;}

	/* 팝업 - 파일 다운로드 */
	.popup.download .btns button{ height: 70px; }
}

@media screen and (max-width:1400px){
	/* header */
	header .header-box nav #gnb > li > a{ min-width: 150px; padding: 0 30px; }

	/* familysite */
	#familysite .inner{ padding: 50px 30px 40px; }
	#familysite .close{ top: 5px; right: 5px; }
	#familysite .grid-box{ grid-template-columns: repeat(6, calc(100% / 6)); }
	#familysite dl dt{ font-size: 18px; padding: 15px 30px; }
	#familysite ul li a{ font-size: 17px; padding: 10px; }

	/* sub */
	#global .ctn-box .item-box{ padding: 30px; box-shadow:0 0 10px rgba(0,0,0,0.1)}
	#global .ctn-box .item-box figure{ text-align: center; }
	#global .ctn-box .item-box.item02{ left: 10%; } 
	#global .ctn-box .item-box.item04{ bottom: 30px; } 

	.form section .ctn-box dl.type3{ width: 100%; }

	.board .ctn-box .item-box{ width: calc((100% - 80px) / 3);}

	#online .intro .w1720 > figure{ margin-right: 50px;}

	.appView .introduction dl:not(:last-child){ width: 20%; }
	.appView .app-material .ctn-box .item-box{ width: calc((100% - 20px) / 2);}
}

@media screen and (max-width:1200px){
	/* common */
	.font98{ font-size: 75px; }
	.font88{ font-size:65px; }
	.font84{ font-size:60px; }
	.font68{ font-size:45px; }
	.font54{ font-size:34px; }
	.font50{ font-size:32px; }
	.font48{ font-size:30px; }
	.font45,.font44,.font42{ font-size:28px; }

	.mb120{ margin-bottom: 100px; }

	/* header */
	header{ height: 80px; }
	header .header-box nav{ display:none; }

	#allmenu{ padding: 30px;}
	#allmenu .allgnb #gnb{ width: 100%; align-content: flex-start;}
	#allmenu .allgnb #gnb > li{ width: 100%; padding: 20px; display: flex; align-items: center; flex-wrap: wrap;}
	#allmenu .allgnb #gnb > li > a{ font-size:25px; margin-bottom: 0;}
	#allmenu .allgnb #gnb .depth2{ width: 100%; margin-top: 10px; display:none;  }
	#allmenu .allgnb #gnb .depth2 li{ display:inline-block; }
	#allmenu .allgnb #gnb .depth2 li:not(:last-child){ margin-right: 15px;}
	#allmenu .allgnb #gnb > li.logo-box{ display:none; }

	/* familysite */
	#familysite .grid-box{ max-height: calc(85vh - 90px); overflow-x: clip; overflow-y: auto; grid-template-columns: repeat(3, calc(100% / 3)); }
	#familysite .grid-box::-webkit-scrollbar{ width: 20px; }
	#familysite .grid-box::-webkit-scrollbar-thumb{ background: var(--mainC); background-clip: padding-box; border: 7px solid transparent; border-radius: 100px; }
	#familysite .grid-box::-webkit-scrollbar-track{ background: transparent; background-clip: padding-box; border: 7px solid transparent; border-radius: 100px; }

	#familysite dl dt{ padding: 12px 20px; }

	/* footer */
	#footer .line01{ margin-bottom: 40px; }

	/* privacy */
	#privacy > div{ padding-top: 100px; }
	#privacy .w1720{ padding: 0; }
	#privacy .content > dl > dd .box{ padding: 25px;}
	#privacy .content dl.title-box,
	#privacy .content > dl:not(:last-child){ margin-bottom: 100px;}

	/* main */
	.full-nav{ display:none; }

	main .product .scroll-content.aos-animate{ overflow: inherit; }
	main .product .ctn-wrap{ padding: 100px 20px 200px;}
	main .product .ctn-wrap .title-box{ margin-bottom: 70px;}
	main .product .ctn-wrap .ctn-box{ gap:100px 20px; }
	main .product .ctn-wrap .ctn-box .item-box{ width: calc((100% - 20px) / 2);}
	main .product .ctn-wrap .ctn-box .item-box figure{ height: 300px;}
	main .product .ctn-wrap .ctn-box .item-box:nth-child(2n) a { transform: translateY(50px); }
	main .product .ctn-wrap .ctn-box .item-box .txt-box .viewbtn{ flex-shrink:0; margin-left: 20px;}

	main .sustain .ctn-box{ padding: 100px 20px; flex-wrap:wrap; }
	main .sustain .ctn-box .link-box{ width: 100%; }
	main .sustain .ctn-box .txt-box{ position: relative; bottom: auto; right: auto; margin-top: 20px; width: 100%; }

	main .news{ padding: 100px 20px; }

	/* sub */
	.subVisual{ padding: 150px 0 0;}
	.subVisual .txt-box h2.title{ font-size:60px; }
	.subVisual .txt-box{ flex-wrap:wrap; }
	.subVisual .txt-box h2.title{ width: 100%; margin-bottom: 20px; font-size:50px;}
	.subVisual .txt-box .lnb{ width: 100%; }
	.subVisual .txt-box .lnb .home a{ width: 60px; height: 60px; }
	.subVisual .txt-box .lnb li:not(.home){ width: 100%;}
	.subVisual .txt-box .lnb li > p{ padding: 0 20px; width: 100%; height: 60px;}
	.subVisual .txt-box .lnb li ul{ padding: 20px;}

	#subContents{ padding: 100px 0 120px;}

	/* #visual-box .bg{ height: 400px; } */

	#subTitle{ margin-bottom: 80px; }

	#sustain .intro-box{ margin-bottom: 80px; }
	#sustain .content > dl > *{ padding: 100px 30px;}
	#sustain .content > dl > dd .item-box:not(:last-child){ margin-bottom: 100px; }
	#sustain .content > dl > dd .stit{ margin: 10px 0 40px;}
	#sustain .content > dl > dd .item-box:not(:last-child){ margin-bottom: 80px; }
	#sustain .content > dl > dd .txt-box dl dt{ width: 180px; }
	#sustain .content > dl dt.title{ width: 30%; }
	#sustain .content > dl > dd{ width: 70%; }

	#material .ctn-box{ gap:100px 50px; }
	#material .ctn-box .item-box{ width: calc((100% - 50px) / 2);}
	#material .ctn-box .item-box figure{ height: 400px; }

	.material .title-box,
	.material .ctn-box > *:not(:last-child){ margin-bottom: 100px; }
	.material .ctn-box dl dd{ gap:20px; }
	.material .ctn-box .icon-box p{ min-width:200px; }
	.material .ctn-box .icon-box p:not(:last-child){ margin-right: 0; }
	.material .ctn-box .img-box .item-box{ width: calc((100% - 20px) / 2);}
	.material .ctn-box .img-box .item-box .img{ padding: 40px; }
	.material .ctn-box .table-box table colgroup col:last-child{ width: 200px !important;}
	.material .ctn-box .table-box table th:not(:last-child){ padding: 10px; }
	.material .ctn-box .table-box table th p{ padding: 15px 0;}

	#property .chk-box{ padding: 40px; }

	#about .img-box{ margin: 100px 0 120px; }

	#history .ctn-box section{ padding: 0 20px;}
	#history .ctn-box section > *{ padding: 100px 0;}
	#history .ctn-box section#year2000 .txt-box{ padding-bottom: 150px; }
	#history .ctn-box section .year{ width: 30%;}
	#history .ctn-box section .txt-box .item-box:not(:last-child){ margin-bottom: 100px; }
	#history .ctn-box .bar-wrap{ left: calc(30% + 7px); }

	#global .map{ margin-bottom: 40px; }
	#global .map .txt-box{ cursor:auto; }
	#global .ctn-box{ position: relative; top: auto; left: auto; pointer-events:auto; display:flex; gap:20px; flex-wrap:wrap; }
	#global .ctn-box .item-box{ position: relative; bottom: auto !important; left: auto !important; right: auto !important; width: calc((100% - 20px) / 2); opacity: 1; transition:all 0.5s; }

	#ceo .txt-box > div{ width: calc((100% - 40px) / 2);}

	#cae .intro{ height: auto; padding: 200px 0;}
	#cae .intro .txt-box .title{ margin-bottom: 60px; }

	#cae .present{ padding: 100px 0;}
	#cae .present .ctn-box{ flex-wrap:wrap; }
	#cae .present .ctn-box .item-box{ width: calc((100% - 40px) / 2); }
	#cae .present .ctn-box .item-box figure{ width: 300px; height: 300px;}
	#cae .present .ctn-box .item-box figure img{	 width: 70%; }
	#cae .scroll-wrap section{ padding: 100px 0;}

	.form section{ margin-bottom: 100px; }
	.form section .ctn-box{ gap:0; }
	.form section .ctn-box dl{ width: 100%; }
	.form section .ctn-box dl:not(:last-child){ margin-bottom: 40px;}
	.form section .ctn-box dl dd.file-box label .btn{ width: 150px;}

	.board .ctn-box{ gap:100px 30px; }
	.board .ctn-box .item-box{ width: calc((100% - 30px) / 2);}

	#view .ctn-box .page-box div a{ gap:20px; padding: 30px 20px; }

	#talent .intro{ margin-bottom: 100px; }
	#talent .intro .circle-box{ margin-bottom: 120px; }
	#talent .intro .circle-box .item-box{ width: 250px; height: 250px; }
	#talent .content .item-box > *{ padding: 20px; }
	#talent .content .item-box figure{ padding: 100px 20px; }

	#personnel .ctn-box{ gap:20px; }
	#personnel .ctn-box .item-box{ width: calc((100% - 40px) / 3); height: 400px; }
	#personnel .ctn-box .item-box .txt-box{ padding: 30px; }
	#personnel .ctn-box .item-box figure span{ bottom: 30px; left: 30px; }

	#welfare .ctn-box .item-box figure{ width: 120px; height: 120px; }

	#recruit .intro .ctn-box{ flex-wrap:wrap; }
	#recruit .intro .ctn-box .item-box{ width: calc((100% - 40px) / 3);}
	#recruit .intro .ctn-box .item-box.item03 .arrow{ display:none; }
	#recruit .content > div{ padding-top: 100px; }
	#recruit .content .ctn-box{ gap:30px; }
	#recruit .content .ctn-box .item-box{ width: calc((100% - 60px) / 3);}
	#recruit .content .ctn-box .item-box a{ padding: 40px 20px; }

	#she section{ padding: 0;}
	#she section > .title{ padding: 40px 20px; } 
	#she section .ctn-box{ padding: 50px 20px; }
	#she section .ctn-box .box{ padding: 30px; }
	#she section .ctn-box dl dd{ padding: 30px 20px; }
	#she section .ctn-box dl dd br{ display:none; }

	#ethics .ctn-box section:first-child{ padding-top: 70px;	}
	#ethics .ctn-box section{ padding-top: 100px; }
	#ethics .tab-wrap .tab-box{ width: 90%; }
	#ethics .tab-wrap .tab-box li:not(:last-child){ margin-right: 10%; }
	#ethics .ctn-box section .txt-box{ margin-top: 60px; }

	#online .intro .w1720{ flex-wrap:wrap; justify-content:center; }
	#online .intro .w1720 > figure{ margin-right: 0; margin-bottom: 40px; width: 100%; text-align: center; } 
	#online .content{ margin-top: 100px; padding-top: 100px;}
	#online .content .title-box .txt{ padding: 30px; }

	.appView section:not(:last-child){ margin-bottom: 100px; }

	/* Application 상세 수정 - 20250708 */
	.appView .info .txt-box .tit{ font-size: 17px; }
	.appView .info .txt-box .tit::before{ max-width: 200px; }
	.appView .info .txt-box .flex .left{ padding-right: 30px; }
	.appView .info .txt-box .flex .left p{ font-size: 22px; }

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

@media screen and (max-width:960px){
	/* common */
	.font98{ font-size: 53px; }
	.font88,.font84{ font-size:45px; }
	.font68{ font-size:40px; }
	.font62{ font-size:37px; }
	.font54{ font-size:32px; }
	.font50,.font48{ font-size:30px; }
	.font45,.font44,.font42{ font-size:27px; }
	.font36{ font-size:25px; }
	.font32{ font-size:24px; }
	.font28,.font26{ font-size:23px; }
	.font24{ font-size:22px; }
	.font23{ font-size:21px; }
	.font22{ font-size:20px; }
	.font21{ font-size:19px; }
	.font19{ font-size:17px; }

	.viewbtn{ width: 40px; height: 40px; }

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

	.mb120{ margin-bottom: 80px; }

	/* header */
	header{ height: 65px; }
	header .header-box .logo a{ display:block; width: 120px;}

	#allmenu .allgnb{ padding: 80px 20px 30px;  align-items: flex-start; gap:0; flex-direction: column;  justify-content: space-between;}
	#allmenu .allgnb .btn-box{ flex-wrap:wrap; }
	#allmenu .allgnb .btn-box .lang-box{ width: 100%; }
	#allmenu .allgnb #gnb{ gap:0; }
	#allmenu .allgnb #gnb > li{ padding: 0 0 20px; }
	#allmenu .allgnb #gnb > li:not(:last-child){ margin-bottom: 20px;}
	#allmenu .allgnb #gnb > li > a{ font-size:25px; width: 100%; padding: 20px 20px 0; }
	#allmenu .allgnb #gnb .depth2{ padding: 10px 20px 0; margin-top: 0; }
	#allmenu .allgnb #gnb .depth2 li{ margin-top: 10px; }
	#allmenu .allgnb #gnb .depth2 li a{ font-size:19px; font-weight: 300;}
	#allmenu .allgnb .btn-box{ margin-top: 0; padding: 0 10px;}
	#allmenu .allgnb .btn-box .lang-box{ margin-bottom: 20px; }

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

	/* privacy */
	#privacy > div{ padding: 40px 0 0; }
	#privacy .content dl.title-box,
	#privacy .content > dl:not(:last-child){ margin-bottom: 80px;}
	#privacy .content > dl > dt{ font-size:25px; margin-bottom: 30px; }
	#privacy .content > dl > dd ul li{ text-indent:-10px; padding-left: 10px; }
	#privacy .content > dl > dd .box p{ font-size:17px; }
	#privacy .content > dl > dd .box p br{ display:none; }

	/* intro */
	#intro-box .img-box{ transform:scale(0.7) }
 
	/* main */
	main .visual .inner-box{ padding-bottom: 50%;}
	main .visual .inner-box .txt-box{ padding-top: 30px;}
	main .visual .inner-box .txt-box .title{ margin-bottom: 20px; }
	main .visual .scroll-move{ bottom: 13%; right: 0; transform: scale(0.7); }

	main .product .ctn-wrap{ padding: 80px 20px 100px; overflow: hidden;}
	main .product .ctn-wrap *{ transition:all 1s; }
	main .product .ctn-wrap .title-box{ flex-wrap:wrap; }
	main .product .ctn-wrap .title-box p{ width: 100%; }
	main .product .ctn-wrap .title-box .title{ margin-bottom: 30px;}
	main .product .ctn-wrap .ctn-box{ gap:0; }
	main .product .ctn-wrap .ctn-box .item-box{ width: 100%; }
	main .product .ctn-wrap .ctn-box .item-box:not(:last-child){ margin-bottom: 60px; }
	main .product .ctn-wrap .ctn-box .item-box:nth-child(2n) a { transform: translateY(0); }
	main .product .ctn-wrap .ctn-box .item-box .txt-box{ position: relative; flex-wrap:wrap; gap:0; }
	main .product .ctn-wrap .ctn-box .item-box .txt-box .viewbtn{ position:absolute; top: 0; right: 20px; margin: 0; }
	main .product .ctn-wrap .ctn-box .item-box .txt-box > div{ width: 100%; padding-right: 0; }
	main .product .ctn-wrap .ctn-box .item-box .txt-box .title{ padding-right: 70px; }
	main .product .ctn-wrap .title-box .scroll-move{ bottom: auto; top: 30px; right: 10px;}
	main .product .txt-wrap .title{ font-size:60px; height: auto; padding-top: 200px; overflow: hidden;}
	main .product .txt-wrap .title span{ color: #f8f8f8; }
	main .product .txt-wrap .title span:not(:last-child){ margin-right: 20px;}

	main .sustain .ctn-box{ position: relative; padding: 80px 20px;}
	main .sustain .ctn-box .txt-box .title{ margin-bottom: 20px;}
	main .sustain .ctn-box .txt-box .txt{ white-space:wrap; }
	main .sustain .ctn-box .txt-box .txt br{ display:none; }
	main .sustain .ctn-box .link-box{ height: auto; gap:0; }
	main .sustain .ctn-box .link-box .item-box{ width: 100%; height: auto; padding: 20px 30px; border-radius:20px; }
	main .sustain .ctn-box .link-box .item-box:not(:last-child){ margin-bottom: 10px;}
	main .sustain .ctn-box .link-box .item-box:after{ border-radius:20px; }
	main .sustain .ctn-box .link-box .item-box a{ flex-direction:row; justify-content:flex-start; }
	main .sustain .ctn-box .link-box .item-box figure{ width: 40px; height: 40px;}
	main .sustain .ctn-box .link-box .item-box .txt{ margin-top: 0; margin-left: 20px;}
	main .sustain .ctn-box .link-box .item-box .viewbtn{ right: 30px;}
	main .sustain .ctn-box .txt-box{ order:-1; margin-top: 0; margin-bottom: 50px; text-align: left;}
	main .sustain .ctn-box .txt-box .title{ transition:all 1s; }
	main .sustain .ctn-box .txt-box .txt{ transition:all 1s 0.2s; }
	main .sustain .ctn-box .bg{ background: url(/img/main/sustainBg-m.png) no-repeat; background-size: cover; transform: scale(1.05); transition: all 3s;}
	main .sustain .ctn-box .bg img{ display:none; }
	main .sustain .ctn-box .bg.aos-animate{ transform: scale(1);  }

	main .news{ padding: 80px 20px;}
	main .news .slide-box .swiper-slide{ width: 100%; } 
	main .news .title-box{ flex-wrap:wrap; }
	main .news .title-box .txt-box{ width: 100%; margin-bottom: 30px;}

	main .contact .ctn-box{ flex-wrap:wrap; }
	main .contact .ctn-box .item-box{ width: 100%; height: auto; padding: 80px 30px;}
	main .contact .ctn-box .item-box .bg{ position: relative; position: absolute;  }
	main .contact .ctn-box .item-box .bg:before{ content:''; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1;}

	/* sub */
	.subVisual{ padding: 100px 0 0;}
	.subVisual .txt-box h2.title{ font-size:42px; }
	.subVisual .txt-box .lnb{ transform: translate3d(0, 100px, 0); }
	.subVisual .txt-box .lnb li > p{ height: 55px; }
	.subVisual .txt-box .lnb .home a{ width: 55px; height: 55px; }

	#subContents{ padding: 80px 0 100px;}

	.subVisual.vh{ height: auto; }

	#visual-box{ margin-top: 40px; }
	#visual-box .bg{ height: 250px; }

	#subTitle{ margin-bottom: 40px; }

	#sustain .intro-box{ margin-bottom: 10px; height: calc(var(--susH)* 2); }
	#sustain .intro-box .ctn-box .txt-box p{ font-size:33px; }
	#sustain .intro-box .ctn-box .txt-box .move{ min-width:auto; }
	#sustain .intro-box .img-box .wrap-box{ padding: 40px 20px; align-items: center; text-align: center; }
	#sustain .intro-box .img-box .wrap-box .txt{ padding: 0 30px;}
	#sustain .intro-box .img-box .wrap-box .txt br{ display:none; }
	#sustain .intro-box .img-box .wrap-box .fit-box{ background: url(/img/sub/sustainBg-m.png) no-repeat; background-size: cover; transform: scale(1.05); transition: all 3s;}
	#sustain .intro-box .img-box .wrap-box .fit-box img{ display:none; }
	#sustain .intro-box .img-box .wrap-box .fit-box.aos-animate{ transform: scale(1);  }
	#sustain .content > dl{ flex-wrap:wrap; }
	#sustain .content > dl:not(:last-child){ padding-bottom: 80px; }
	#sustain .content > dl > *{ padding: 30px 20px;}
	#sustain .content > dl dt.title{ position: relative; width: 100%; padding: 30px 0;}
	#sustain .content > dl > dd{ width: 100%; padding-top: 0; border:none; padding: 0;}
	#sustain .content > dl > dd .stit{ margin: 10px 0 20px;}
	#sustain .content > dl > dd figure{ height: 250px; margin: 30px 0;}
	#sustain .content > dl > dd .item-box:not(:last-child){ margin-bottom: 60px; }
	#sustain .content > dl > dd .txt-box{ margin-top: 30px;}
	#sustain .content > dl > dd .txt-box dl{ flex-wrap:wrap; }
	#sustain .content > dl > dd .txt-box dl dt{ width: 100%; margin: 0;}
	#sustain .content > dl > dd .txt-box dl dd{ width: 100%; padding: 30px 20px;}
	#sustain .content > dl > dd .txt-box dl:last-child dt{ border-bottom:none; }
	#sustain .content > dl > dd .txt-box dl dd{ min-height:auto !important; }

	#material .ctn-box{ gap:0; }
	#material .ctn-box .item-box{ width: 100%; }
	#material .ctn-box .item-box:not(:last-child){ margin-bottom: 80px; }
	#material .ctn-box .item-box figure{ height: 300px; }

	.material .title-box,
	.material .ctn-box > *:not(:last-child){ margin-bottom: 80px; }
	.material .ctn-box .icon-box p{ min-width:auto; width: calc((100% - 20px) / 2); }
	.material .ctn-box .img-box .item-box{ width: 100%; }
	.material .ctn-box .img-box .item-box .img{ padding: 60px; height: 300px;}
	.material .ctn-box .img-box .item-box .img img{ max-height:100%; }
	.material .ctn-box .table-box{ position: relative; width: 100%; overflow: hidden;}
	.material .ctn-box .table-box table{ min-width:960px; }
	.material .ctn-box .table-box .scroll-icon{ display:flex; flex-direction:column; justify-content:flex-start; align-items:center; padding-top: 300px; transition:all 0.3s; }
	.material .ctn-box .table-box.on{ overflow-x: scroll; }
	.material .ctn-box .table-box.on .scroll-icon{ opacity: 0; pointer-event:none; visibility: hidden; }
	
	#property .chk-box{ padding: 30px 20px; margin-bottom: 60px; }
	#property .chk-box dl:first-child{ margin-bottom: 40px; padding-bottom: 40px; }
	#property .chk-box dl dt{ margin-bottom: 40px; height: 50px; width: 120px; }
	#property .chk-box dl dd{ gap: 20px; }
	#property .chk-box dl dd .input-box{ width: calc((100% - 60px) / 3);}
	#property .chk-box dl dd .input-box:not(:last-child){ margin-right: 0; }
	#property .chk-box dl dd .input-box label span{ margin-right: 10px;}

	#about .img-box{ margin: 80px 0 100px;}
	#about .txt-box p:not(:last-child) { margin-bottom: 20px; }
	#about .img-box figure{ text-align: center; max-width:450px;  margin: 0 auto;}
	#about .img-box .txt-box{ margin-top: 30px; text-align: center; }
	#about .img-box .txt-box div{ display:flex;  align-items:center; }
	#about .img-box .txt-box div:not(:last-child){ margin-bottom: 30px; }
	#about .img-box .txt-box div p{ background: linear-gradient(225deg, #003B83 0%, #04ABB7 100%); color: #FFF; font-weight: 600; letter-spacing: -0.42px; width: 150px; height: 150px;
	display:flex; justify-content:center; align-items:center; padding: 20px; border-radius:50%; margin-bottom: 0; }
	#about .img-box .txt-box div ul{ text-align: left; padding: 0 20px; color: #555; font-weight: 300; letter-spacing: -0.38px;}
	#about .img-box .txt-box div ul li{ text-indent:-10px; padding-left: 10px; }
	#about .img-box .txt-box div ul li:not(:last-child){ margin-bottom: 10px; }
	#about .icon-txt-box > .title{ margin-bottom: 30px;}
	#about .icon-txt-box .ctn-box figure.item-box{ width: 100%; }
	#about .icon-txt-box .ctn-box .item-box{ width: calc((100% - 20px) / 2); min-height:200px; }
	#about .icon-txt-box .ctn-box .item-box figure{ width: 40%; }

	#history .tab-wrap ul{ top: 65px; min-width:auto; width: 90%; height: 55px; }
	#history .ctn-box section{ padding: 0; }
	#history .ctn-box section > *{ padding: 80px 0;}
	#history .ctn-box section#year2000 .txt-box{ padding-bottom: 100px; }
	#history .ctn-box section .year{ top: 50px; font-size:38px; width: 140px; }
	#history .ctn-box section .txt-box{ padding-left: 30px;}
	#history .ctn-box section .txt-box .item-box:not(:last-child){ margin-bottom: 80px; }
	#history .ctn-box section .txt-box .item-box p{ margin-bottom: 30px;}
	#history .ctn-box .bar-wrap{ left: 140px;}
	#history .ctn-box .bar-wrap .bar{ height: 90px;}

	#global .ctn-box .item-box{ width: 100%; }
	#global .ctn-box .item05{ order:-1; }

	#ceo{ text-align: center; }
	#ceo .title{ margin-bottom: 40px; }
	#ceo .txt-box{ display:block; }
	#ceo .txt-box > div{ width: 100%; }
	#ceo .txt-box > div:not(:last-child){ margin-bottom: 20px;}
	#ceo .txt-box div p:not(:last-child){ margin-bottom: 20px; }

	#cae .intro{ padding: 150px 20px;}
	#cae .intro .txt-box .title{ margin-bottom: 40px;}
	#cae .intro .txt-box .txt span{ display:inline; }

	#cae .present{ padding: 80px 0;}
	#cae .present .ctn-box{ gap:0; }
	#cae .present .ctn-box .item-box{ width: 100%; }
	#cae .present .ctn-box .item-box:not(:last-child){ margin-bottom: 40px; }
	#cae .present .ctn-box .item-box dt{ height: 60px; width: 300px; margin: 0 auto; padding: 0 20px;}
	#cae .scroll-wrap section{ padding: 80px 0;}
	#cae .scroll-wrap section > div{ justify-content:center; }
	#cae .scroll-wrap section .txt-box ul li{ width: calc((100% - 20px) / 2);}
	#cae .scroll-wrap section .txt-box .title{ margin-bottom: 60px; }
	#cae .scroll-wrap section .txt-box .title span{ display:inline; }

	.form section{ margin-bottom: 80px;}
	.form section > .title{ margin-bottom: 40px; }
	.form section .ctn-box dl dd input[type="text"]{ height: 60px; padding: 0 20px;}
	.form section .ctn-box dl dd select{ background-position: center right 20px; padding: 0 20px; }
	.form section .ctn-box dl dd textarea{ padding: 20px; }
	.form section .ctn-box dl dd.captcha-box{ flex-wrap:wrap; }
	.form section .ctn-box dl dd.captcha-box figure{ width: 100%; margin-bottom: 10px; }
	.form section .ctn-box dl dd.captcha-box figure img{ height: 60px; }
	.form section .ctn-box dl dd.captcha-box input{ margin: 0 10px 0 0; width: calc(100% - 70px);}
	.form section .ctn-box dl dd.captcha-box button{ width: 60px; height: 60px;}
	.form section .ctn-box dl dd.file-box label > *{ height: 60px; }
	.form section .ctn-box dl dd.file-box label .btn{ width: 100px; }
	.form section .ctn-box dl dd.file-box label .txt{ padding: 0 20px;}
	.form section .ctn-box dl dd.captcha-box figure img{ border-radius:10px; overflow: hidden;}

	#view.form .ctn-box .file-box a{ width: 110px; height: 60px;}

	.board .ctn-box{ gap:0; }
	.board .ctn-box .item-box{ width:100%; }
	.board .ctn-box .item-box:not(:last-child){ margin-bottom: 60px;}
	.board .ctn-box .item-box figure{ height: 300px; }

	#view .ctn-box .page-box{ flex-wrap:wrap; }
	#view .ctn-box .page-box div{ width: 100%; }
	#view .ctn-box .page-box div:last-child{ margin-top: -1px; }
	#view .ctn-box .page-box div:last-child a{ justify-content:flex-start; }
	#view .ctn-box .page-box div:last-child .stxt,
	#view .ctn-box .page-box div:last-child .stxt i{ order:-1; }
	#view .ctn-box .page-box div:last-child .stxt i{ transform:rotate(180deg); }
	#view .ctn-box .page-box .stxt{ gap:10px; }

	#brochure .ctn-box .item-box figure{ height: 400px; }

	#talent .intro{ margin-bottom: 80px; }
	#talent .intro .circle-box{ margin-bottom: 80px; }
	#talent .intro .circle-box .item-box{ width: 140px; height: 140px; }
	#talent .intro .circle-box .item-box:before{ width: calc(100% + 30px); height: calc(100% + 30px); }
	#talent .intro .circle-box .item-box .title{ margin-bottom: 10px; font-size:23px; }
	#talent .content > div{ padding: 0; }
	#talent .content .item-box{ flex-wrap:wrap; }
	#talent .content .item-box > *{ padding: 40px 20px;}
	#talent .content .item-box figure{ width: 100%; border:none; border-top:1px solid #E5E5E5; padding: 40px 20px;}
	#talent .content .item-box .txt-box .title{ margin: 20px 0;}

	#personnel .ctn-box{ gap:0; }
	#personnel .title-box .txt{ font-size:23px; }
	#personnel .title-box .title{ font-size:25px; }
	#personnel .title-box .title br{ display:none; }
	#personnel .ctn-box .item-box{ width: 100%; height: 300px; }
	#personnel .ctn-box .item-box:not(:last-child){ margin-bottom: 30px; }
	#personnel .ctn-box .item-box .txt-box{ padding: 30px; }
	#personnel .ctn-box .item-box figure span{ bottom: 30px; left: 30px; }
	#personnel .ctn-box .item-box .txt-box{ opacity: 1; }
	#personnel .ctn-box .item-box.on .txt-box{ opacity: 1; }
	#personnel .ctn-box .item-box.on figure img{ transform:translate(-50%,-50%) scale(1.05); }

	#welfare .ctn-box .item-box{ width: calc((100% - 20px) / 2); min-height:250px; }
	#welfare .ctn-box .item-box figure{ width: 100px; height: 100px;}
	#welfare .ctn-box .item-box figure img{ transform:scale(0.7); }

	#recruit .intro .ctn-box{ flex-wrap:wrap; }
	#recruit .intro .ctn-box .item-box{ width: calc((100% - 20px) / 2); min-height:200px; }
	#recruit .intro .ctn-box .item-box.item03 .arrow{ display:flex; }
	#recruit .intro .ctn-box .item-box.item02 .arrow,
	#recruit .intro .ctn-box .item-box.item04 .arrow{ display:none; }
	#recruit .intro .ctn-box .item-box.item05{ width: 100%; }
	#recruit .content > div{ padding-top: 80px; }
	#recruit .content .ctn-box{ gap:0; }
	#recruit .content .ctn-box .item-box{ width: 100%; min-height:250px; }
	#recruit .content .ctn-box .item-box:not(:last-child){ margin-bottom: 30px; }
	#recruit .content .ctn-box .item-box a{ padding: 30px 20px; }
	#recruit .content .ctn-box .item-box .day{ padding: 5px 15px;}

	#she > div{ padding: 0; }
	#she section{ flex-wrap:wrap; padding: 50px 0;}
	#she section > .title{ position: relative; top: auto; left: auto; width: 100%; padding: 0 0 30px; }
	#she section .ctn-box{ border:none; padding: 0;}
	#she section .ctn-box dl dt{ width: 30%; padding: 0 20px;}
	#she section .ctn-box > *:not(:first-child,dl) { margin-top: 30px; }
	#she section .ctn-box .box{ padding: 20px; }
	#she section .ctn-box dl dd{ padding: 20px; }

	#ethics .ctn-box section{ padding-top: 80px; }
	#ethics .tab-wrap .tab-box{ top: 75px; width: calc(100% - 40px); height: 50px; padding: 0 20px;}
	#ethics .tab-wrap .tab-box li{ width: auto; }
	#ethics .tab-wrap .tab-box li:not(:last-child){ margin-right: 20px; }
	#ethics .tab-wrap .tab-box li a{ font-size:15px; }
	#ethics .ctn-box section .txt-box{ flex-wrap:wrap; margin-top: 40px;  }
	#ethics .ctn-box section .txt-box p{ width: 100%; margin-bottom: 30px; }
	#ethics .ctn-box section .txt-box ul li span{ margin-top: 0; }

	#social .txt-box span{ height: 40px; margin: 30px auto;}
	#social .img-box figure{ height: 300px; }
	#social .img-box dl{ position: relative; bottom: auto; left: auto; padding: 30px 20px; background: #000; }
	
	#online .intro .w1720{ padding: 20px;}
	#online .intro .txt-box { width: 100%; }
	#online .intro .txt-box .txt{ margin-bottom: 30px;}
	#online .intro .txt-box .txt br{ display:none; }
	#online .intro .txt-box .icon-box{ flex-wrap:wrap; }
	#online .intro .txt-box .icon-box div{ width: 100%; min-height: auto; padding: 20px;}
	#online .intro .txt-box .icon-box div figure img{ width: 30px; }
	#online .intro .txt-box .icon-box .txt01{ margin: 20px 0 15px;}
	#online .intro .txt-box .icon-box .txt02 br{ display:none; }
	#online .content{ margin-top: 80px; padding: 80px 0 0; }
	#online .content .w1720{ padding: 0; }
	#online .content .title-box .txt{ padding: 20px; }
	#online .content > div > *:not(:last-child){ margin-bottom: 50px; }

	.application .content .bg{  position: relative;  width: 100%; height: 400px; border-radius: 20px; overflow: hidden; }
	.application .content .bg svg{ position: absolute; transform: translate(-50%, -50%) scale(2); top: 50%; left: 50%; min-width: 100%; min-height: 100%;  object-fit: cover; }
	.application .tab-box{ width: 80%; height: 50px; }
	.application .tab-box li:not(:last-child){ margin-right: 50px; }

	.appView section:not(:last-child){ margin-bottom: 80px; }
	.appView .info { flex-wrap:wrap; }
	.appView .info .img-box{ width: 100%; margin-right: 0; margin-bottom: 40px;}
	.appView .info .txt-box{ width: 100%; }
	.appView .info .txt-box .ctn-box .item-box{ width: calc((100% - 30px) / 3);}
	.appView .introduction > div{ flex-wrap:wrap; }
	.appView .introduction dl > *{ border-radius:10px !important; }
	.appView .introduction dl:not(:last-child){ width: 100%; margin-bottom: 20px;}
	.appView .introduction dl:not(:last-child) dd{ border: 2px solid #E5E5E5;}
	.appView .introduction .icon-box{ justify-content:flex-start; }
	.appView .introduction .icon-box div{ width: 25%; }
	.appView .app-material .ctn-box{ gap:0; }
	.appView .app-material .ctn-box .item-box{ width: 100%;}
	.appView .app-material .ctn-box .item-box:not(:last-child){ margin-bottom: 30px; }
	.appView .app-material .ctn-box .item-box p{ margin-top: 20px; }

	/* Application 상세 수정 - 20250708 */
	.appView .info .txt-box .tit{ font-size: 16px; }
	.appView .info .txt-box .flex .left p{ font-size: 20px; }

	#non-auto .info .img-box .link-box ul li a{ position: relative; }
	#non-auto .info .img-box .link-box ul li a:before{ content:''; display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius:10px; background: var(--mainC); 
	z-index: -1; display:none; }
	#non-auto .info .img-box .link-box{ height: 55px; border-radius:10px; }
	#non-auto .info .img-box .link-box ul li.on a:before{ display:block; }
  
 	/* footer */
	.footer-inner{ flex-wrap:wrap;  padding: 40px 20px 60px;}
	.footer-inner .info-box{ width: 100%; margin-bottom: 30px;}
	.footer-inner .info-box .txt-box{ flex-wrap:wrap;}
	.footer-inner .info-box .txt-box li{ width: 100%;}
	.footer-inner .info-box .txt-box li:not(:last-child){ margin: 0 0 10px; }
	.footer-inner .info-box .copy{ margin-top: 40px;}
	.footer-inner .family-box ul{ padding: 20px; }

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

	/* 팝업 - 파일 다운로드 */
	.popup.download section{ padding: 30px; }
	.popup.download .form section > .title{ padding-bottom: 15px; margin-bottom: 25px; }
	.popup.download .form section .ctn-box{ max-height: calc(100dvh - 250px); }
	.popup.download .btns button{ height: 60px; font-size: 18px; }
} 

@media screen and (max-width: 750px){
	/* familysite */
	#familysite .inner{ padding: 50px 20px 20px; }
	#familysite .grid-box{ max-height: calc(90vh - 70px); grid-template-columns: repeat(2, 50%); }
}

@media screen and (max-width: 700px){
	/* footer */
	#footer .footer-inner{ position: relative; }
	#footer .line01{ margin-bottom: 20px; }
	#footer figure{ width: 120px; }
	#footer #top-btn{ width: 52px; height: 52px; position: absolute; top: 40px; right: 20px; }  

	.popup.download section{ padding: 20px; }
	.popup.download .form section .ctn-box dl{ width: 100%; }

	#non-auto .info .img-box .link-box ul li a{ font-size: 18px; }
}

@media screen and (max-width: 650px){
	/* Application 상세 수정 - 20250708 */
	.appView .info .txt-box .flex{ flex-direction: column; }
	.appView .info .txt-box .flex > div{ width: 100%; }
	.appView .info .txt-box .flex .left{ padding: 0; }
}

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