@charset "utf-8";

@media (max-width: 1600px){

	/* s1_3 */
	.s1_3 article h5 {padding: 100px 20px 0;}
	.s1_3 article h5 > br {display: none;}
	.s1_3 article .container > p {padding: 15px 20px 0;}
	.s1_3 article .container > p > br {display: none;}
	
	/* s4_3 */
	.s4_3 .banner .info {padding: 95px 30px;}
}

@media (max-width: 1400px){
	.section-header p > br {display: none;}
	
	/* s1_3 */
	.s1_3 .arti01 {padding-top: 235px;}
	.s1_3 .arti02 {padding-top: 305px;}
	.s1_3 .arti03 {padding-top: 290px;}
	.s1_3 .arti04 {padding-top: 370px;}
	.s1_3 .arti05 {padding-top: 215px;}
	
	.s1_3 article .txt-box li .txt p {font-size: 24px;}
	
	/* s2_1 */
	.s2_1 article .item {gap: 60px;}
	.s2_1 article .item .txt p > br {display: none;}
	
	/* s3_1 */
	.s3 .story .txt-box .txt p.lora {font-size: 50px;}
	
	/* s4_3 */
	.s4_3 .banner .info h5 {font-size: 40px;}
	.s4_3 .banner .info address {font-size: 26px; padding-top: 20px;}
	
	/* s5_2 */
	.s5_2 .arti02 > ul li dl dt p > br {display: none;}
	.s5_2 .arti02 > ul li dl dd h5 {font-size: 30px;}
}

@media (max-width: 1200px){
	/* s1_3 */
	.s1_3 article .txt-box li .txt {padding: 0 20px;}
	.s1_3 article .txt-box li .txt p {font-size: 20px;}
	.s1_3 article .txt-box li .txt p > br {display: none;}
	
	/* s2_1 */
	.s2_1 article .item .txt h5 {font-size: 40px; line-height: 55px;}
	.s2_1 article .item .txt p {font-size: 20px; padding-left: 30px;}

	/* s3 */
	.s3 .story {gap: 60px;}
	.s3 .story .txt-box h3 {font-size: 32px; padding: 30px 0 50px;}
	.s3 .story.prayer .txt-box .txt .txt-tit {max-width: 220px;}
	.s3 .story.prayer .txt-box .txt .txt-tit h5 {font-size: 28px;}
	
	/* s4_2 */
	.s4_2 .partnership .item .txt {padding: 0 15px;}
	
	/* s5_2 */
	.s5_2 .arti02 > ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s5_2 .arti02 > ul li {padding: 0 10px;}
}

@media (max-width: 1024px){

	/* s1_3 */
	.s1_3 article {padding-top: 0 !important; display: flex; justify-content: center !important; flex-direction: column !important;}

	.s1_3 article h5 {font-size: 35px; line-height: 50px; padding-top: 55px;}
	.s1_3 article h5::before {font-size: 100px;}
	.s1_3 article .container > p {font-size: 18px; line-height: 32px;}

	
	/* s2_1 */
	.s2_1 article .item {gap: 40px;} 
	.s2_1 article .item .txt h5 {font-size: 32px; line-height: 45px;}
	.s2_1 article .item .txt p {font-size: 18px; padding-left: 15px; line-height: 28px; margin-top: 15px;}
	
	/* s3 */
	.s3 .story {gap: 30px;}
	.s3 .story .txt-box .txt {padding: 30px 0;}
	.s3 .story .txt-box .txt p {font-size: 30px;}
	.s3 .story .txt-box h3 {font-size: 24px; padding: 30px 0 50px;}
	.s3 .story.prayer .txt-box .txt {flex-wrap: wrap;}
	.s3 .story.prayer .txt-box .txt .txt-tit {max-width: 160px;}
	.s3 .story.prayer .txt-box .txt p {margin-top: 10px;}
	.s3 .story.prayer .txt-box .txt p.lora {width: auto; margin-top: 0;}
	.s3 .story.prayer .txt-box .txt .txt-tit h5 {font-size: 22px;}
	.s3 .btn-box a {max-width: 180px; line-height: 60px; font-size: 18px;}
	
	/* s4_2 */
	.s4_2 .partnership .item .txt h5 {font-size: 24px;}
	.s4_2 .partnership .item .txt p {font-size: 18px; padding-top: 15px;}
	
	/* s4_3 */
	.s4_3 .banner > div {height: 350px;}
	.s4_3 .banner .info {padding: 40px 15px;}
	.s4_3 .banner .info h5 {font-size: 28px;}
	.s4_3 .banner .info address {font-size: 20px;}
	.s4_3 .banner .info > ul {padding-left: 20px; margin-top: 20px;}
	.s4_3 .banner .info > ul::before {height: calc(100% - 10px); top: 50%; transform: translateY(-50%);}
	.s4_3 .banner .info > ul li {font-size: 18px;}
	
	/* s5_2 */
	.s5_2 .arti02 > ul li dl dt {padding: 0 10px;}
	.s5_2 .arti02 > ul li dl dt p {font-size: 18px;}
	.s5_2 .arti02 > ul li dl dd h5 {font-size: 22px;}
	.s5_2 .arti02 > ul li dl dd a {font-size:18px; line-height: 56px;}
	.s5_2 .arti02 .amount {max-width: 220px; line-height: 58px;}
	.s5_2 .arti02 .amount select {line-height: 58px;}
}

@media (max-width: 768px){
	.page-header .container h3 {font-size: 50px;}
	.lnb ul li a {font-size: 18px; padding: 0 15px;}
	
	.real-cont {padding: 80px 0 100px;}
	
	section {padding: 80px 0 100px;}
	.section-header h4 {font-size: 40px; padding-top: 40px;}
	.section-header p {font-size: 18px; line-height: 30px; padding-top: 30px;}
	
	/* s1_3 */
	.s1_3 {height: auto; padding-top: 130px;}
	.s1_3 article {display: none !important;}
	.s1_3 article.mo-arti {display: block !important; position: static;}
	.s1_3 article.mo-arti h5 > br {display: block;}
	
	/* s2_1 */
	.s2_1 article {padding-top: 80px; margin-top: 60px;}
	.s2_1 article .item {flex-wrap: wrap;}
	.s2_1 article .item ~ .item {margin-top: 100px;}
	.s2_1 article .item .txt {max-width: 100%;}
	.s2_1 article a {margin-top: 80px;}
	
	/* s2_2 */
	.s2_2 article {margin-top: 60px;}
	.s2_2 article ~ article {margin-top: 60px;}
	.s2_2 article .year {font-size: 30px; line-height: 60px; padding: 0 15px;}
	.s2_2 article ul li {padding: 15px; gap: 10px;}
	.s2_2 article ul li p {font-size: 18px;}
	.s2_2 article ul li span {font-size: 18px;}
	
	/* s3 */
	.s3 ~ .s3 {padding-top: 120px;}
	.s3_3 {padding-bottom: 100px;}
	.s3 .story {flex-wrap: wrap; position: relative; padding-bottom: 90px; flex-direction: column-reverse; gap: 0;}
	.s3 .story .img-box {max-width: 100%;}
	.s3 .story .txt-box {max-width: 100%;}
	.s3 .story .txt-box .txt p {font-size: 26px;} 
	.s3 .story .txt-box .txt p.lora {font-size: 35px;}
	.s3 .story .txt-box h3 {font-size: 22px;}
	.s3 .btn-box {position: absolute; bottom: 0; display: flex; justify-content:center;}
	.s3 .story .img-box > span {max-width: 140px; line-height: 50px; font-size: 18px; opacity: 1;}
	
	/* s4_1 */
	.s4_1 .arti01 {background-image:url(../images/sub/mo_bg_s40101.jpg); height: 100dvh;}
	.s4_1 .arti01 .tit h4 {font-size: 32px;}
	.s4_1 .arti01 .tit p {font-size: 18px; margin-top: 20px;}
	.s4_1 .arti01 .btn-area {padding-bottom: 90px;}
	.s4_1 .arti01 .btn-area a {max-width: 180px; line-height: 56px; font-size: 18px; margin-top: 40px;}

	.s4_1 .arti02 {padding: 60px 0 100px;}
	.s4_1 .arti02 .btn-area {justify-content: center;}
	.s4_1 .arti02 .btn-area a {max-width: 180px; font-size: 18px; line-height: 56px;}
	
	/* s4_2 */
	.s4_2 article {margin-top: 60px;}
	.s4_2 .partnership {flex-wrap: wrap; gap: 15px; justify-content: center;}
	.s4_2 .partnership .item-box {max-width: none;}
	.s4_2 .partnership .item ~ .item {margin-top: 15px;}
	/* .s4_2 .partnership .item-box:nth-of-type(3) {display: flex; gap: 15px; max-width: 100%;}
	.s4_2 .partnership .item05 {margin-top: 0 !important;} */
	.s4_2 .partnership .item01 {height: 615px;}
	.s4_2 .partnership .item02,
	.s4_2 .partnership .item03,
	.s4_2 .partnership .item04,
	.s4_2 .partnership .item05 {height: 300px;}
	.s4_2 .partnership .item .txt {bottom: 30px;}
	.s4_2 .partnership .item01 .txt {bottom: 40px;}
	
	.s4_2 .partnership .item .txt h5 {font-size: 22px;}
	.s4_2 .partnership .item .txt p {font-size: 16px;}
	
	/* s4_3 */
	.s4_3 article {margin-top: 60px;}
	.s4_3 .banner {flex-wrap: wrap; flex-direction: column-reverse;}
	.s4_3 .banner > div {width: 100%; height: auto;}
	.s4_3 .banner .img img {height: auto;}
	.s4_3 .banner .info {padding: 30px 15px;}
	.s4_3 .banner .info h5 {font-size: 22px;}
	.s4_3 .banner .info address {font-size: 18px;}
	.s4_3 .banner .info > ul li {font-size: 16px;}
	.s4_3 .sns-area ul {flex-wrap: wrap;}
	.s4_3 .sns-area ul li {width: 50%;}
	.s4_3 .sns-area ul li:nth-of-type(2) ~ li {margin-top: 5px;}
	
	.s4_3 .inquiry > h5 {font-size: 34px; line-height: 1.3;}
	
	/* s5_1 */
	.s5_1 .arti01 {margin-top: 60px;}
	.s5_1 .banner {width: 100%; display: none;}
	.s5_1 .mo-banner {width: 100%; display: block;}
	.s5_1 .amount-box {padding: 20px; gap: 15px;}
	.s5_1 .amount-box span {font-size: 16px;}
	.s5_1 .amount-box .amount {line-height: 48px;}
	.s5_1 .amount-box .amount::before {right: 10px;}
	.s5_1 .amount-box .amount select {line-height: 48px; padding: 0 10px; font-size: 16px;}
	.s5_1 .amount-box .amount input {padding: 0 10px; font-size: 16px;}
	.s5_1 .amount-box a {line-height: 46px; font-size: 16px; max-width: 150px;}
	
	/* s5_2 */
	.s5_2 {padding-top: 80px;}
	.s5_2 .arti02 {margin-top: 60px;}
	.s5_2 .arti02 > ul {flex-wrap: wrap;}
	.s5_2 .arti02 > ul li {width: 100%;}
	.s5_2 .arti02 > ul li ~ li {margin-top: 20px;}
	.s5_2 .arti02 > ul li dl dt {min-height: 350px;}
	.s5_2 .arti02 > ul li dl dd {min-height: 250px;}
	.s5_2 .arti02 > ul li dl dd a {max-width: 180px;}
	.amount select {font-size: 18px;}
}

@media (max-width: 480px){
	.page-header {height: 600px;}
	.page-header > .container {padding-top: 300px;}
	.page-header > .container h3 {font-size: 45px;}
	.lnb ul li a {padding: 0 10px; font-size: 16px; line-height: 50px;}
	.lnb.top {top: 10px;}
	.section-header h4 {font-size: 30px; padding-top: 25px;}

	/* s1_3 */
	.s1_3 article.mo-arti .mo-bg {height: 320px;}
	.s1_3 article.mo-arti .mo-bg h4 {font-size: 60px;}
	.s1_3 article.mo-arti .txt {padding-bottom: 60px;}
	.s1_3 article.mo-arti .txt h5 {font-size: 24px;}
	.s1_3 article.mo-arti .txt p {font-size: 18px;}
	.s1_3 article.mo-arti05 .txt ul li {min-height: 150px;}
	.s1_3 article.mo-arti05 .txt ul li p {font-size: 18px;}
	
	
	/* s2_1 */
	.s2_1 article .item {gap: 20px;}
	.s2_1 article .item ~ .item {margin-top: 60px;}
	.s2_1 article .item .txt h5 {font-size: 26px; line-height: 35px;}
	.s2_1 article .item .txt p {font-size: 16px; line-height: 26px; margin-top: 10px;}
	.s2_1 article a {margin-top: 60px; width: 150px; line-height: 51px; font-size: 18px;}
	
	/* s2_2 */
	.s2_2 article .year {line-height: 50px; font-size: 24px;}
	.s2_2 article ul li {flex-wrap: wrap; gap: 5px}
	.s2_2 article ul li p {width: 100%; font-size: 16px; line-height: 22px;}
	.s2_2 article ul li span {font-size: 16px; line-height: 22px;}
	
	/* s3 */
	.s3 ~ .s3 {padding-top: 80px;}
	.s3 .story .txt-box h3 {padding: 30px 0; font-size: 20px;}
	.s3 .btn-box {gap: 10px; /* justify-content: center; */}
	.s3 .btn-box a {max-width: 150px; line-height: 55px; font-size: 16px;}
	.s3 .story.prayer .txt-box .txt .txt-tit h5 {font-size: 20px;}
	.s3 .story .txt-box .txt p {font-size: 22px;}
	.s3 .story .txt-box .txt p > br {display: none;}
	.s3 .story.prayer .txt-box .txt .txt-tit {max-width: 140px}
	
	
	/* s4_1 */
	.s4_1 .arti01 .tit h4 {font-size: 26px;}
	.s4_1 .arti01 .tit p span {font-size: 25px;}
	.s4_1 .arti01 .btn-area a {max-width: 150px; font-size: 16px; line-height: 51px;}
	.s4_1 .arti02 .btn-area {margin-top: 25px; gap: 10px}
	.s4_1 .arti02 .btn-area a {font-size: 16px; max-width: 150px; line-height: 51px;}
	
	/* s4_2 */
	.s4_2 .partnership .item04 {display: none;}
	
	/* s4_3 */
	.s4_3 .sns-area {margin-top: 20px;}
	.s4_3 .sns-area ul li a {font-size: 18px; line-height: 60px;}
	
	.s4_3 .inquiry > h5 {font-size: 26px; margin-bottom: 40px;}
	
	.inquiry-wrap {padding: 30px 0 0;}
	.inquiry-wrap .tit-box h4 {font-size: 20px;}
	.inquiry-wrap .check a {font-size: 14px; margin-left: 0;}
	
	/* s5_1 */
	.s5_1 .amount-box {padding: 10px; gap: 10px; margin-top: 20px;}
	
	/* s5_2 */
	.s5_2 .arti02 > ul li dl dt {padding: 0 15px;}
	.s5_2 .arti02 > ul li dl dt p {font-size: 16px;}
	.s5_2 .arti02 > ul li dl dd h5 {font-size: 20px;}
	.s5_2 .arti02 > ul li dl dd a {max-width: 150px; font-size: 16px; line-height: 51px;}
	.s5_2 .arti02 .amount {line-height: 53px; max-width: 180px;}
	.s5_2 .arti02 .amount select {line-height: 53px;}
}