@media (max-width: 1600px){
	.s2_3 .equipment {padding: 30px;}
	.s2_3 .equipment .item:nth-of-type(1) {padding: 26px 40px 0;}
	.s2_3 .equipment .item h5 {font-size: 30px; margin-top: 20px;}
	.s2_3 .equipment .item > p {padding: 0;}
}

@media (max-width: 1400px){
	.s1_1 .cnt {gap: 40px;}
	
	.s2_3 .equipment .item:nth-of-type(1) {padding: 26px 50px;}
	
	.s5 .intro .info > p br {display: none;}
}

@media (max-width: 1200px){
	section > .container {gap: 40px;}
	.s1_1 .cnt .tit {max-width: 255px;}
	.s1_1 .cnt .tit h4 {font-size: 30px;}
	
	.s1_2 .history-wrap {gap: 45px;}
	.s1_2 .history-wrap .tit {padding-left: 0;}
}

@media (max-width: 1024px){
	section > .container {flex-wrap: wrap;}
	section {padding-top: 150px;}
	article {max-width: 100%; margin: 0 auto;}
	.lnb {position: absolute !important; top: -180px; left: 50%; transform: translateX(-50%); max-width: 100%; width: calc(100% - 30px); z-index: 10;}
	.lnb.fx {position: absolute !important;top: -180px; left: 50%; transform: translateX(-50%);}
	.lnb > ul {display: flex; gap: 10px; align-items: flex-start;}
	.lnb > ul > li {flex: 1 1 auto; width: 1%;}
	.lnb > ul > li ~ li {margin-top: 0;}
	.lnb > ul > li > a {justify-content: center; text-align: center;}
	
	.s5 .lnb > ul > li > a {justify-content: left;}
	
	.s1_2 .history-wrap .tit {max-width: 210px;}
	.s1_2 .history-wrap .tit h4 {font-size: 50px;}
	.s1_2 .history-wrap .tit h4 > span {font-size: 24px;}
	.s1_2 .history-wrap .history {padding-left: 40px;}
	.s1_2 .history-wrap .history .txt::before {left: -49px;}
	.s1_2 .history-wrap .history .txt h5 {font-size: 32px;}
	
	.s2_2 .process .item .tit h5 {font-size: 20px;}
	.s2_2 .process .item .check dl dt {font-size: 18px;}
	.s2_2 .process .item .check dl dd {font-size: 18px;}
	
	.s2_3 .equipment .item:nth-of-type(1) {padding: 20px 30px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.s2_3 .equipment .item h5 {font-size: 26px;}
	.s2_3 .equipment .item > p {font-size: 18px;}
	
	.s5 .intro .arti-tit h4 {font-size: 30px;}
	.s5 .intro .info > p {font-size: 18px;}
	.s5 .intro .info > ul li {padding: 30px 15px;}
	
	.s5 .field h5 {font-size: 30px;}
	.s5 .field p {font-size: 18px;}
}

@media (max-width: 768px){
	.page-header {height: 400px;}
	.page-header > .container {padding-top: 180px !important;}
	.page-header .container h2 {font-size: 50px;}
	section {padding: 120px 0;}
	.article-header h3 {font-size: 35px;}
	.article-header .s-nav ul {gap: 16px}
	.article-header .s-nav ul li {font-size: 16px;}
	.article-header .s-nav ul li ~ li::before {left: -10px;}
	.lnb {width: 100%; top: -150px;}
	.lnb.fx {top: -150px;}
	.lnb > ul {gap: 5px;}
	.lnb > ul > li {padding: 0 10px; position: relative;}
	.lnb > ul > li > a {font-size: 16px; padding: 0;}
	.lnb > ul > li .dep-3 {display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #003592; border-radius: 30px;}
	.lnb > ul > li.active .dep-3 { padding: 15px 0;}
	.lnb > ul > li .dep-3 ul li a {font-size: 16px; padding: 0 15px;}
	.s5	.lnb > ul > li {overflow:visible;}
	.s4 .lnb {display: none;}
	
	.s1_1 .cnt {flex-wrap:wrap; gap: 20px;}
	.s1_1 .cnt .tit {max-width: 100%;}
	.s1_1 .cnt .tit h4 {font-size: 24px;}
	.s1_1 .cnt .txt p {font-size: 18px;}
	.s1_1 .cnt .txt dl {gap: 20px; margin-top: 30px;}
	.s1_1 .cnt .txt dt {font-size: 22px;}
	.s1_1 .cnt .txt dd {font-size: 16px;}
	
	.s1_2 .history-wrap {gap: 30px; flex-wrap: wrap;}
	.s1_2 .history-wrap .tit {max-width: 100%;}
	.s1_2 .history-wrap .tit h4 {font-size: 40px;}
	.s1_2 .history-wrap .tit h4 > span {font-size: 20px;}
	.s1_2 .history-wrap .history::before {height: 100%;}
	.s1_2 .history-wrap .history .txt:not(:last-child) {padding-bottom: 40px;}
	.s1_2 .history-wrap .history .txt h5 {font-size: 28px;}
	.s1_2 .history-wrap .history .txt dl dt {font-size: 18px;}
	.s1_2 .history-wrap .history .txt dl dd {font-size: 18px;}
	
	.map-info {flex-wrap: wrap;}
	.map-info .info {width: 100%;}
	.map-info dl dt {font-size: 18px;}
	.map-info dl dd {font-size: 18px;}
	.map-info .btn-area {margin-left: auto;}
	
	.s2_2 .process .item .tit {padding:10px 20px;}
	.s2_2 .process .item .tit h5 {font-size: 18px;}
	.s2_2 .process .item .tit span {font-size: 24px;}
	.s2_2 .process .item .check {padding: 20px 20px 30px;}
	.s2_2 .process .item .check dl:nth-of-type(1) {padding-right: 20px;}
	.s2_2 .process .item .check dl:nth-of-type(2) {padding-left: 20px;}
	.s2_2 .process .item .tit h5 {font-size: 18px;}
	.s2_2 .process .item .check dl dt {font-size: 16px;}
	.s2_2 .process .item .check dl dd {font-size: 16px;}
	
	.s2_3 .status .col {padding: 14px;}
	.s2_3 .status .col::after {left: 100px;}
	.s2_3 .status .tit {font-size: 18px;}
	.s2_3 .status .col p {font-size: 16px;}
	.s2_3 .status .col p:nth-of-type(1) {padding-right: 10px; max-width: 100px;}
	.s2_3 .status .col p:nth-of-type(2) {padding-left: 24px;}
	.s2_3 .status .col p:nth-of-type(2)::before {left: 10px;}
	
	.s2_3 .equipment .item {flex: 100%; height: auto;}
	.s2_3 .equipment .item:nth-of-type(1) {padding: 15px 0;}
	
	.s5 .intro {flex-wrap: Wrap; gap: 10px;}
	.s5 .intro .arti-tit {max-width: 100%;}
	.s5 .intro .arti-tit h4 {font-size: 26px;}
	.s5 .intro .info > ul li {min-height: 200px; padding: 20px 15px;}
	.s5 .intro .info > ul li dl dt {max-width: 20px;}
	.s5 .intro .info > ul li dl dd h5 {font-size: 18px;}
	.s5 .intro .info > ul li p {font-size: 16px;}
	
	.s5 .field {padding: 30px;}
	.s5 .field h5 {font-size: 26px;}
	.s5 .field p {font-size: 16px; padding-bottom: 20px;}
	.s5 .field .img-box {margin-top: 30px;}
	
	.s5_2_2 .status .col {flex-wrap: wrap;}
	.s5_2_2 .status .col::after {display: none;}
	.s5_2_2 .status .col p {font-size: 16px; width: 100%;}
	.s5_2_2 .status .col p:nth-of-type(2) {padding-left: 14px;}
	.s5_2_2 .status .col p:nth-of-type(2)::before {left: 0px;}
}


@media (max-width: 480px){
	.page-header .container h2 {font-size: 40px;}
	
	.lnb {z-index: 5;}
	.lnb .btn-drop {position: relative; display: block; width: 100%; height: 48px; background-color: #003592; color: #fff; padding: 0 20px; font-size: 16px; font-weight: 600; text-align: left;}
	.lnb .btn-drop::after {position: absolute; content:''; width: 14px; height: 8px; background: url(../images/sub/btn-drop.png) 50% 50% no-repeat; background-size: auto; top: 50%; right: 20px; transform: translateY(-50%); filter: brightness(10);} 
	.lnb.on .btn-drop::after {transform: translateY(-50%) rotate(180deg);}
	.lnb > ul {display: none; position: absolute; top: 100%; left: 0; box-shadow: 0px 5px 10px rgba(0,0,0,0.15);}
	.lnb > ul > li { width: 100%; border-radius: 0 !important; padding: 0;}
	.lnb > ul > li ~ li {border-top: 1px solid #ddd;}
	.lnb > ul > li > a {text-align: left; justify-content: left; padding: 0 20px; font-size: 16px; height: 48px;}
	.lnb > ul > li.active > a {background-color: #f8f8f8; color: #003592;}
	.lnb.on > ul {display: block;}
	
	.lnb > ul.drop > li:not(:last-child) > a::after {right: 20px;}
	.lnb > ul.drop > li:not(:last-child).active > a::after {filter:brightness(.6)}
	.lnb > ul > li .dep-3 {position: static;}
	.lnb > ul > li.active .dep-3 {z-index: 5; border-radius:0;}
	

	.article-header {gap: 10px; flex-wrap: wrap;}
	.article-header h3 {font-size: 26px;}
	.article-header .s-nav ul li {font-size: 14px;}


	.s1_1 .cnt .tit h4 {font-size: 22px;}
	.s1_1 .cnt .txt p {font-size: 16px;}

	.certi-pop .popup .inner {padding: 50px 20px 0;}
	.certi-pop .popup .inner a {top: 15px; right: 15px;}
	.certi-pop .popup .inner .pop-img img {max-width: 95%;}
	.certi-pop .popup .inner .pop-tit {font-size: 18px; padding: 20px 0;}
	
	.s1_2 .history-wrap .history .txt::before {top: 10px;}
	.s1_2 .history-wrap .history .txt dl dt {font-size: 16px;}
	.s1_2 .history-wrap .history .txt dl dd {font-size: 16px;}
	
	.map {height: 300px;}
	.map-info dl {gap: 5px; flex-wrap: wrap;}
	.map-info dl ~ dl {margin-top: 10px;}
	.map-info dl dt {max-width: 100%; font-size: 16px; line-height: 1.6;}
	.map-info dl dd {font-size: 16px; line-height: 1.6;}
	
	.s2_2 .process .item .tit {padding: 10px;}
	.s2_2 .process .item .check {padding: 15px 10px 20px; align-items: flex-start;}
	.s2_2 .process .item .check dl:nth-of-type(1) {padding-right: 10px;}
	.s2_2 .process .item .check dl:nth-of-type(2) {padding-left: 10px;}
	.s2_2 .process .item .check dl dd {margin-top: 0;}
	
	.s2_3 .status .col {flex-wrap: Wrap; gap: 10px;}
	.s2_3 .status .col::after {display: none;}
	.s2_3 .status .tit {padding: 0 14px;}
	.s2_3 .status .col p {width: 100%;}
	.s2_3 .status .col p:nth-of-type(1) {padding-right: 0; max-width: 100%;}
	.s2_3 .status .col p:nth-of-type(2) {padding-left: 14px;}
	.s2_3 .status .col p:nth-of-type(2)::before {left: 0;}
	
	.s2_3 .equipment {padding: 30px 15px;}
	.s2_3 .equipment .item h5 {font-size: 22px;}
	.s2_3 .equipment .item p {font-size: 16px;}
	.s2_3 .equipment .eq-slide .tit {height: 40px;}
	.s2_3 .equipment .eq-slide .tit p {font-size: 16px;}
	.s2_3 .equipment .eq-slide .eq-control {bottom: 6px;}
	.s2_3 .equipment .eq-slide .eq-control .eq-btn {height: 28px; width: 26px;}
	
	.s5 .intro .arti-tit span {font-size: 14px;}
	.s5 .intro .arti-tit h4 {font-size: 22px;}
	.s5 .intro .info > p {font-size: 16px;}
	.s5 .intro .info ul {flex-wrap: wrap; gap: 10px;}
	.s5 .intro .info ul li {flex: 100%; min-height: auto;}
	.s5 .intro .info ul li dl {margin-bottom: 15px;}
	.s5 .intro .info ul li p {text-align: left;}
	.s5 .intro .info ul li p br {display: none;}
	.s5 .img-box ul li figure img {width: 100%;}
	
	.s5 .field {padding: 20px 15px;}
	.s5 .field .img-box ul {flex-wrap: wrap;}
	.s5 .field .img-box ul li {flex: 100%;}
	
}