@media (max-width: 1600px){
	/* s1_1 */
	.s1_1 .arti01 .greeting {align-items: flex-start;}	
	.s1_1 .arti01 .greeting .txt p br {display: none;}
	
	.s1_1 .arti04 .inner ul {width: 100%; justify-content: center;}
}

@media (max-width: 1400px){
	/* s1_1 */
	.s1_1 .arti04 .inner ul {gap: 0;}
	.s1_1 .arti04 .inner ul li {transform: scale(.8)}
	
	/* s2_1 */
	.s2_1 article .item .txt {padding-right: 80px;}
	.s2_1 article .item.rev .txt {padding-left: 80px;}
}

@media (max-width: 1200px){
	/* s1_1 */
	.s1_1 .arti02 .cnt {padding-left: 15px;}
	
	.s1_1 .arti04 .inner ul {gap: 30px;}
	.s1_1 .arti04 .inner ul li {transform: scale(1); max-width: 300px; height: 300px;}
	.s1_1 .arti04 .inner ul li .item .logo {padding-bottom: 15px;}
	.s1_1 .arti04 .inner ul li .item .logo img {width: 70%;}
	.s1_1 .arti04 .inner ul li .item dl {margin-top: 10px;}
	.s1_1 .arti04 .inner ul li .item dl dd p {line-height: 1.5;}
	
	/* s2_1 */
	.s2_1 article .item {gap: 40px;}
	.s2_1 article .item figure {max-width: 500px;}
	.s2_1 article .item .txt p {margin-top: 10px;}
}

@media (max-width: 1024px){
	.lnb ul {gap: 80px;}
	.lnb ul li ~ li::before {left: -41px}
	.lnb ul li a {font-size: 18px;}
	
	.s1_1 .arti01 .greeting {flex-wrap: Wrap; gap: 40px; padding: 0 15px;}
	.s1_1 .arti01 .greeting .txt {max-width: 100%;}
	
	.s1_1 .arti02 .cnt .inner {height: 100%;}
	.s1_1 .arti02 .cnt .inner .mission {padding: 0; padding-right: 15px; display: flex; flex-direction: column; justify-content: center;}
	
	.s1_1 .arti04 .inner {padding-bottom: 0;}
	.s1_1 .arti04 .inner ul {flex-wrap: wrap; position: static; transform: none; margin-top: 40px;}
	
	/* s2_1 */
	.s2_1 article > h4 br {display: none;}
	.s2_1 article .item {flex-wrap: wrap; border-radius: 40px; gap: 20px;}
	.s2_1 article .item figure {max-width: 100%; border-radius: 40px;}
	.s2_1 article .item figure img {width: 100%;}
	.s2_1 article .item .txt {padding-right: 0; padding: 0 15px 30px;}
	.s2_1 article .item.rev .txt {padding-left: 0px;  padding: 0 15px 30px;}
	.s2_1 article .item .txt h5 {font-size: 20px; align-items: center;}
	.s2_1 article .item .txt p {font-size: 16px;}
	
	/* s3 */
	#bo_cate ul li a {text-align: center; font-size: 16px; padding: 0;}
}

@media (max-width: 768px){
	.lnb ul {gap: 40px; width: 100%; justify-content: center;}
	.lnb ul li ~ li::before {left: -19px;}
	.lnb ul li a {font-size: 18px;}
	.lnb .s-nav {display: none;}
	
	.article-header h3 {font-size: 45px; padding-bottom: 45px;}
	
	/* s1_1 */
	.s1_1 .arti01 {padding: 100px 0;}
	.s1_1 .arti01 h4 {font-size: 30px;}
	.s1_1 .arti01 h4 > strong {font-size: 34px;}
	.s1_1 .arti01 .greeting {margin-top: 80px;}
	.s1_1 .arti01 .greeting .txt p {font-size: 16px;}
	.s1_1 .arti01 .greeting .txt p ~ p {margin-top: 20px;}
	.s1_1 .arti01 .greeting .txt p > span {font-size: 18px;}
	.s1_1 .arti01 .greeting .txt h5 {font-size: 22px;}
	.s1_1 .arti01 .greeting .txt h5 br {display: none;}
	
	.s1_1 .arti02 .cnt {padding-left: 0; height: auto; padding-top: 60px;}
	.s1_1 .arti02 .cnt .inner {flex-wrap: wrap; justify-content: center; gap: 70px;}
	.s1_1 .arti02 .cnt .inner .vision {padding: 0 30px; max-width: 200px; height: 200px; border-radius: 30px;}
	.s1_1 .arti02 .cnt .inner .vision::after {top: initial; right: initial; bottom: -40px; left: 50%; transform: translateX(-50%) rotate(90deg);}
	.s1_1 .arti02 .cnt .inner .vision h5 {font-size: 24px;}
	.s1_1 .arti02 .cnt .inner .vision p {font-size: 18px;}
	.s1_1 .arti02 .cnt .inner .mission {max-width: 100%; align-items: center; padding: 0 15px 0 50px;}
	.s1_1 .arti02 .cnt .inner .mission .txt dl dd {font-size: 16px;}
	
	.s1_1 .arti03 {padding: 100px 0;}
	
	.s1_1 .arti04 {padding: 100px 0 150px;}
	.s1_1 .arti04 figure {border-radius: 50px 50px 0 0}
	.s1_1 .arti04 .inner {margin-top: 50px;}
	.s1_1 .arti04 .inner ul li {max-width: 280px; height: 280px;}
	.s1_1 .arti04 .inner ul li .item dl dt {font-size: 18px;}
	.s1_1 .arti04 .inner ul li .item dl dd p {font-size: 16px;}
	
	.s1_1 .arti04 .brand {margin-top: 50px; height: 300px;}
	.s1_1 .arti04 figure {margin-top: 60px;}
	
	/* s2_1 */ 
	.s2 {padding: 100px 0 150px;}
	
	.s2_1 article > h4 {font-size: 30px;}
	.s2_1 article > p {font-size: 18px;}
	.s2_1 article > p br {display: none;}
	
	/* s3 */
	#bo_cate {margin-top: 50px; margin-bottom: 50px;}
	#bo_cate ul {flex-wrap: wrap; justify-content: left;}
	#bo_cate ul li {max-width: 100px;}
	#bo_cate ul li a {font-size: 16px;}
	.gallery-list {padding-top: 50px;}
	.board-view .title .info ul li {padding-right: 15px;}
	.board-view .title .info ul li:last-child {padding-right: 0;}
	
	.board-view .content-box .text .txt-box {font-size: 16px;}
	
	.inquiry-required p {font-size: 16px;}
	
	.s3 .article-header p {font-size: 18px; padding-bottom: 45px;}
	.s4 .article-header p {font-size: 18px; padding-bottom: 45px;}
}

@media (max-width: 480px){
	.article-header h3 {font-size: 30px; padding-bottom: 30px;}
	
	/* s1_1 */
	.s1_1 .arti01 h4 {font-size: 22px;}
	.s1_1 .arti01 h4 > strong {font-size: 24px;}
	.s1_1 .arti01 .greeting > figure {border-radius: 0 100px 0 0;}
	.s1_1 .arti01 .greeting .txt h5 {font-size: 20px;}
	.s1_1 .arti01 .greeting .txt dl dt {font-size: 16px;}
	.s1_1 .arti01 .greeting .txt dl dd {font-size: 18px;}
	.s1_1 .arti01 .greeting .txt > figure {bottom: 0;}
	
	.s1_1 .arti04 .inner ul li {max-width: 250px; height: 250px;}
	.s1_1 .arti04 .inner ul li .item dl dt {font-size: 16px;}
	.s1_1 .arti04 .inner ul li .item dl dd p {font-size: 14px;}
	
	/* s2_1 */
	.s2_1 article > h4 {font-size: 24px;}
	.s2_1 article .item {margin-top: 50px;}
	.s2_1 article .item ~ .item {margin-top: 30px;}
	
	.s2_1 article .item .txt h5 {font-size: 18px;}
	
	/* s3 */
	.board-top {gap: 15px;}
	#bo_sch {width: 1%; flex: 1 1 auto;}
	.s3 .article-header p {font-size: 18px; padding-bottom:30px;}
	.s4 .article-header p {font-size: 18px; padding-bottom:30px;}
}