@charset "utf-8";


#sub-container { min-height:700px; } 
/*.sub-wrapper { padding:7rem 0; } */

.point { color:var(--main-color); } 
.cursive{font-family: 'Ownglyph_Dailyokja-Rg',cursive;}

/* Sub Top */
#subTop { width:100%; height:400px; } 
.subVisual { height:100%; text-align:center; position:relative; display: flex; align-items: center; justify-content: center; } 
.subVisual::before { content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-image:url('/theme/church01/img/sub/subTop-img1.jpg'); background-size:cover; background-position: 100% 50%; animation:fadeIn; animation-duration:2s; } 
.subVisual .title { position:relative; z-index:1; font-size:2.5rem; color:white; font-family: 'yg-jalnan'; } 
.subGnb { position:relative; z-index:2; background:var(--gradient-color); border-radius:0 2rem 0 2rem; color:white; margin-top:-2rem; padding:1.5rem 2rem; box-sizing:border-box; display:flex; gap:2.5rem; align-items: center;} 
.subGnb > div { position:relative; } 
/* .subGnb > div::after { content:'|'; position:absolute; right:-1.5rem; top:3px; font-weight:100; display:inline-block; padding:0 0.5rem; color:var(--sub-color); } */ 
.subGnb > div + div::after { content:'|'; position:absolute; left: -1.75rem; top:50%; transform: translateY(-50%); font-weight:100; display:inline-block; padding:0 0.5rem; color:var(--sub-color); } 


.subGnb .goHome a { display:block; transform:translateY(-2px); } 
.subGnb .nav-in > button { width:200px; background-color:transparent; color:white; text-align:left; border:none; font-size:1rem; font-weight:600; padding:0; position:relative; cursor:pointer; } 
.subGnb .nav-in > button::after { content:'\f107'; font-family:'fontAwesome'; position:absolute; right:0; transition: transform 0.3s ease; color:var(--sub-color); } 
.subGnb .nav-in > button.open::after { transform: rotate(180deg); } 
.subGnb .nav-in > ul { display:none; padding:1.5rem; border: 1px solid #ddd; background-color: white; color: var(--dark-color); margin-top:1rem; position:relative; } 
.subGnb .nav-in > ul::before { content:''; display:block; width:calc(100% + 2px); height:2px; background-color:var(--dark-color); position:absolute; top:-1px; left:-1px; } 
.subGnb .nav-in > ul li { padding-bottom:1rem; font-size:0.95rem; font-weight:500; } 
.subGnb .nav-in > ul li:last-child { padding-bottom:0; } 
.subGnb .nav-in > ul a:hover { color:var(--main-color); } 


/*.sub-sect01 { padding:10rem 0; } */
.section-container { overflow:hidden; }
.section-container > * { float:left; }
.section-title { width:280px; border-bottom:1px solid #000; padding-bottom:1.5rem; font-family: 'Godo'; font-size:1.7rem; font-weight:bold; }
.section-content { width: -webkit-fill-available; max-width: calc(100% - 350px); float:right; }



/* Sub 01 (교회소개) */
.sub01-01 .sub-sect01 { position:relative; padding:10rem 0; } 
.sub01-01 .sub-sect01::before { content:''; position:absolute; top:0; right:0; z-index:-1; display:block; width:25vw; height:100%; background-color:var(--main-opacity50); } 
.sub01-01 .sub-sect01 .inner-1400 { display:grid; grid-template-columns:1fr 500px; gap:9rem; align-items:center; } 
.sub01-01 .sub-sect01 .text-area { font-size:1.2rem; } 
.sub01-01 .sub-sect01 .text-area .slogan { font-size:2.8rem; font-family: 'Godo'; font-weight:bold; line-height:1.3; } 
.sub01-01 .sub-sect01 .text-area .phrase { padding:2rem 0; line-height:1.3; font-weight:500; } 
.sub01-01 .sub-sect01 .text-area .name { font-size:1.5rem; font-weight:600; text-align:right; padding-top:3rem; } 
.sub01-01 .sub-sect01 .text-area .name b { font-size:4rem; font-family: 'BBTreeCB'; } 
.sub01-01 .sub-sect01 .img-area { aspect-ratio:1/1.4; position:relative; max-width:500px; } 
.sub01-01 .sub-sect01 .img-area img { width:100%; height:100%; object-fit:cover; border-radius:5rem 0 0 0; box-shadow:0 0 1rem rgba(0,0,0,0.15); } 
.sub01-01 .sub-sect01 .img-area .circle-text { width:200px; height:200px; position:absolute; right:-6rem; bottom:-5.5rem; } 
.sub01-01 .sub-sect01 .img-area .circle-text text { font-size: 0.5rem; letter-spacing:3.3pt; font-family: 'SeoulHangangM'; fill: var(--main-color); opacity:0.5; } 

.sub01-01 .sub-sect02 { background:url('/theme/church01/img/sub/background-lights.jpg') no-repeat 50% 50%; background-size:cover; padding:10rem 0; } 
.sub01-01 .sub-sect02 .slogan { text-align:center; font-size:2rem; font-family: 'Godo'; font-weight:bold; line-height:1.5; color:var(--dark-color); margin-bottom:5rem; } 
.sub01-01 .sub-sect02 .box-area { color:var(--dark-color); font-weight:500; display:grid; grid-template-columns:repeat(3, 1fr); } 
.sub01-01 .sub-sect02 .box-area li { padding:2.5rem 4.5rem; border:1px solid var(--dark-color); border-radius:9rem; text-align:center; line-height:1.3; } 
.sub01-01 .sub-sect02 .box-area li:nth-child(1) { transform:translateX(2rem); } 
.sub01-01 .sub-sect02 .box-area li:nth-child(3) { transform:translateX(-2rem); } 
.sub01-01 .sub-sect02 .box-area .title { font-size:1.6rem; font-family: 'Godo'; font-weight:bold; padding-bottom:1rem; } 


/* 교회 연혁 */
.sub01-02 .sub-sect01 { position:relative; padding: 5rem 0 10rem 0; } 
.sub01-02 .sub-sect01::before { width: max-content; content:'netpro Church'; font-size:10rem; color: var(--main-opacity70); text-transform: uppercase; 
	font-weight: 600; position: absolute; top: 110vh; left:calc(100vw - 712px); transform: rotate(90deg); z-index:-1; } 
.sub01-02 .sub-sect01 .inner-1400 { display:flex; gap:4rem; align-items: start; } 
.sub01-02 .sub-sect01 .tab-content { padding-top:5rem; } 
.sub01-02 .sub-sect01 .history-item { display:grid; grid-template-columns:100px auto 1fr; gap:1.5rem; padding-left:1rem; min-height:15vh; } 

.sub01-03{padding: 5rem 0 10rem 0;}
.sub01-03 .tab-buttons{display: none;}
.sub01-03 .sub-sect01 { position:relative; } 
.sub01-03 .sub-sect01::before { width: max-content; content:'netpro Church'; font-size:10rem; color: var(--main-opacity70); text-transform: uppercase; 
	font-weight: 600; position: absolute; top: 110vh; left:calc(100vw - 712px); transform: rotate(90deg); z-index:-1; } 
.sub01-03 .sub-sect01 .inner-1400 { display:flex; gap:4rem; align-items: start; } 
.sub01-03 .sub-sect01 .tab-content { padding-top:2rem; } 
.sub01-03 .sub-sect01 .history-item { display:grid; grid-template-columns:auto auto 1fr; gap:3.5rem; padding-left:1rem; min-height:15vh; } 

.history-item .year { height: fit-content; font-size:2.5rem; letter-spacing:-1pt; font-weight:bold; position:relative; color:#ccc; transition:all 0.5s; } 
.history-item .year::before { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #ccc; position: absolute; 
	right: -46px; top: 0.8rem; transition:all 0.5s; } 
.history-item.on .year { color:#000; position:relative; } 
.history-item.on .year::after { content:''; display:inline-block; width:110%; height:18px; bottom:0; left: 50%; transform: translateX(-51%); position:absolute; z-index:-1; background-color:var(--dark-opacity20); } 
.history-item.on .year::before { background-color:var(--main-color); } 
.history-item .gage-bar { width:2px; background-color:#ccc; transition:all 1s; margin:0 1rem; } 
.history-item.on .gage-bar { position:relative; background-color:var(--main-color); } 
.history-item .dates { padding-bottom:3rem; } 
.history-item .dates li { display:grid; grid-template-columns:80px 1fr; letter-spacing:-0.7pt; padding-bottom:0.7rem; font-size:1.1rem; } 

/* 교회 역사관 */
.historyWrap .list { position: relative; } 
.historyWrap .list:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: #eee; } 
.historyWrap .list > div { position: relative; text-align: right; width: 50%; margin-top:5rem; transition: all 0.3s ease; display:grid;justify-items: end; grid-auto-rows: min-content; gap:1rem; } 
.historyWrap .list > div:first-child { margin-top:0; } 
.historyWrap .list > div.type2 { justify-items: start; } 
.historyWrap .list > div .text-wrap { width:100%; max-width: 60%; text-align:right; padding: 0 2rem; box-sizing: border-box; display:flex; gap:1rem; justify-content: flex-end; } 
.historyWrap .list > div.type2 .text-wrap { text-align:left; justify-content: flex-start; } 
.historyWrap .list > div i { position: absolute; top: 0; right: -22px; width: 44px; height: 44px; border: 2px solid #eee; border-radius: 50%; box-sizing: border-box; background: #fff; } 
.historyWrap .list > div i:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; border-radius: 50%; background: #ccc; transform: translate(-50%, -50%); } 
.historyWrap .list > div i:after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 0; height: 2px; background: #eee; transform: translate(-100%, -50%); transition: all 0.3s ease; } 
.historyWrap .list > div:first-child { margin-top: 0; } 

.historyWrap .list > div.aos-animate i { border-color:var(--main-color); transition-duration: 600ms; transition-delay: 600ms;} 
.historyWrap .list > div.aos-animate i:before{ background:var(--main-color); transition-duration: 400ms; transition-delay: 400ms;} 


.historyWrap .list > div:first-child h2,
.historyWrap .list > div:first-child h3 { color:var(--main-color);} 
.historyWrap .list > div:last-child:before { content: ""; display: block; position: absolute; left: -1px; top: 44px; bottom: 0; width: 2px; background: #fff; } 
.historyWrap .list .img { position: absolute; top: 0; left: 0; width: 200px; transition: all 0.3s ease; margin-top: 0; } 
.historyWrap .list .img img { max-width: 100%; } 
.historyWrap .list h2,
.historyWrap .list h3 { font-size: 72px; line-height: 0.61; letter-spacing: -3.6px; padding-right: 5rem; padding-bottom:2rem; } 
.historyWrap .list > div.type2 h2,
.historyWrap .list > div.type2 h3 { padding-left: 5rem; } 
.historyWrap .list .month { font-size: 26px; color: #222; letter-spacing: -0.65px; font-weight: bold; } 
.historyWrap .list .text { font-size: 16px; color: #666; line-height: 1.63; letter-spacing: -0.5px; } 

.historyWrap .list > div.type2 { left: 50%; text-align: left; } 
.historyWrap .list > div.type2 i { right: auto; left: -22px; } 
.historyWrap .list > div.type2 i:after { left: auto; right: 0; transform: translate(100%, -50%); } 
.historyWrap .list .type2 .img { left: auto; right: 0; } 

.historyWrap .list .historyAction.wait-animation h2,
.historyWrap .list .historyAction.wait-animation h3,
.historyWrap .list .historyAction.wait-animation .img,
.historyWrap .list .historyAction.wait-animation .month,
.historyWrap .list .historyAction.wait-animation .text { opacity: 0; } 

.historyWrap .list .historyAction:not(.wait-animation) i { animation: showBounce 1s ease both; } 
.historyWrap .list .historyAction:not(.wait-animation) i:after { width: 45px; transition: all 0.3s ease 0.5s; } 
.historyWrap .list .historyAction:not(.wait-animation) h2,
.historyWrap .list .historyAction:not(.wait-animation) h3 { animation: fadeInUp 1s ease 0.6s both; } 
.historyWrap .list .historyAction:not(.wait-animation) .img { animation: fadeInLeft 1s ease 0.6s both; } 
.historyWrap .list .historyAction:not(.wait-animation).type2 .img { animation: fadeInRight 1s ease 0.6s both; } 
.historyWrap .list .historyAction:not(.wait-animation) .month { animation: fadeInUp 1s ease 0.9s both; } 
.historyWrap .list .historyAction:not(.wait-animation) .text { animation: fadeInUp 1s ease 1.2s both; } 

	/* Tablet */
	@media screen and (max-width: 1240px){
	 .historyWrap .list .img { width: 150px; } 
	 .historyWrap .list h2,
	 .historyWrap .list h3 { font-size: 60px; } 
	 .historyWrap .list .text { font-size: 14px; } 

	 .historyWrap .list .historyAction:not(.wait-animation) i:after { width: 10px; } 
	}

	/* Mobile */
	@media screen and (max-width: 767px){
	 .historyWrap .list:before { left:14px; right:auto; } 
	 .historyWrap .list > div { width: 100%; justify-items: start; padding:0 2rem; } 
	 .historyWrap .list > div i { left: 0px; width: 32px; height: 32px; } 
	 .historyWrap .list > div i:before { width: 7px; height: 7px; } 
	 .historyWrap .list > div i:after { display: none; } 
	 .historyWrap .list > div:last-child:before { left: -1px; top: 32px; } 
	 .historyWrap .list .img { position:initial; width: 120px; margin-top:3rem; } 
	 .historyWrap .list > div .text-wrap { max-width: none; padding:0; text-align:left; justify-content: flex-start; }
	 .historyWrap .list h2,
	 .historyWrap .list h3 { font-size: 42px; line-height: 0.61; letter-spacing: -2.1px; font-weight: 600; padding:1rem 0; padding-left:0 !important; } 
	 .historyWrap .list .month { font-size: 20px; letter-spacing: -0.5px; order:1; } 
	 .historyWrap .list .text { font-size: 14px; order:2; } 

	 .historyWrap .list > div.type2 { left: 0%; margin-top:3rem; text-align: left; justify-items:start; } 
	 .historyWrap .list > div.type2 i { right: auto; left: 0; } 
	 .historyWrap .list .type2 .img { left: auto; right: 50px; } 
	 .historyWrap .list > div.type2 .text-wrap { justify-content: flex-start; }
	 .historyWrap .list > div.type2 .text-wrap .month { order:1; }
	 .historyWrap .list > div.type2 .text-wrap .text { order:2; }

	}


/* 섬기는 사람들 */
.sub01-04{padding: 5rem 0 10rem 0;}
.sub01-04 .tab-content {display: none; padding:4rem 0 0; /* border-top:2px solid #eee; */  animation: ani_up 600ms alternate;}
.sub01-04 .tab-content.on{display: block;}

.staff-line { margin-bottom:4rem; }
.staff-line h3 {font-family: 'Godo', sans-serif;}
.staff-line:last-child { margin-bottom:0; }
.staff-line .titleWrap .title { font-size:1.8rem; font-weight:700; margin-bottom:2rem; }
.staff-line .staffWrap { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; }
/*
.staff-line .staff { display:grid; grid-template-columns:minmax(auto, 33%) 1fr; gap:1.5rem; align-items: center; padding:1rem; box-shadow:0 0 0.5rem rgba(0,0,0,0.1); border-radius: 0.5rem; }
.staff-line .staff .textWrap { padding-right:1rem; }
.staff-line .staff img { max-width:100%; aspect-ratio: 1/1.3; object-fit:cover; border-radius: 0.3rem; }
 */

 .staff-line .staff {display: flex; gap: 1.5rem; align-items: center; padding:1rem; box-shadow:0 0 0.5rem rgba(0,0,0,0.1); border-radius: 0.5rem; }
.staff-line .staff img{display: block; width: 30%; aspect-ratio: 1/1.1; border-radius: 0.3rem;}
.staff-line .staff .textWrap{flex: 1; padding-right:1rem; }

.staff-line .staff dl { color:#777; padding-bottom:1rem; font-size:1.05rem; }
.staff-line .staff dl:last-child { padding-bottom:0; }
.staff-line .staff dt { font-weight:bold; padding-bottom:0.5rem; color:var(--sub-color); font-size:1.3rem; }
.staff-line .staff dd { font-size:1.2rem; }
.staff-line .staff .name { color:#000; font-size:1.5rem; font-weight:700; padding-bottom:1.5rem; }


/* 찾아오시는 길 */
.sub01-06 .section-container { padding-top:5rem; }
.sub01-06 .sub-wrapper { padding: 5rem 0 10rem 0; }
.sub01-06 .map_wrap{width: 100%; height: 400px;}
.sub01-06 .map_wrap .wrap_map{height: 100%;}
.sub01-06 .text-area li { display: flex; gap: 2rem; align-items: center;}
.sub01-06 .text-area li + li{margin-top: 2rem;}
.sub01-06 .text-area dt{font-size: 1.3rem; font-weight: 700; margin-bottom: 0.5rem; font-family: 'Godo', sans-serif; }
.sub01-06 .text-area dd{line-height: 1.5;}
.sub01-06 .text-area dd b{display: block; font-size: 1.1rem;}
.sub01-06 .text-area dd + dd b{margin-top: 0.5rem;}


/* 기부금 영수증 발급 안내 */
#ctt_con #apply_01{padding: 8rem 0;}
#ctt_con #apply_01 h2{margin-top: 0;}
#apply_01{width: 95%; max-width: 860px; margin: 0 auto;}
#apply_01 h2{line-height: 1.3; margin: 5rem 0; text-align: center;}
#apply_01 > div{line-height: 1.5rem; margin-bottom: 50px;}
#apply_01 strong{display: block; font-weight: 600; font-size: 1.2rem; margin-bottom: 10px;}
#apply_01 b{text-decoration: underline; font-weight: 400}
#apply_01 a{border-bottom: 2px solid var(--main-color); color: var(--main-color); font-weight: 500;}
#apply_01 li{line-height: 1.5rem;}
#apply_01 .gray{font-size: 0.9rem; color: #999;}
#apply_01 .gray strong{font-size: 1rem; margin-bottom: 5px;}
#apply_01 .dot_list li::before{content: "-"; color: #ddd; font-weight: 500; line-height: 1.5rem;}


/* Title Box */
.title-box { padding:3.5rem 2rem; background-color:var(--dark-bg); color:white; border-radius:0 3rem 0 3rem; } 
.title-box .sub-title { font-size:1.2rem; padding-bottom: 0.75rem; } 
.title-box .title { font-size:3rem; font-weight:600; font-family: "Godo", sans-serif;} 
.title-box .title small { font-size:2.5rem; font-weight:400; } 


/* List Box */
.listBox { display:flex; gap:2rem; margin-bottom:3rem; }
.listBox:last-child { margin-bottom:0; }
.listBox .box-title { width:300px; height: 180px; padding:2rem; color:white; border-radius:0 2rem 0 2rem; font-family: 'Godo', sans-serif; font-size:1.8rem; 
	display: flex; align-items: center; justify-content: center; font-weight:bold; box-sizing: border-box; }
.listBox:nth-child(3n+1) .box-title { background-color:var(--sub-color); }
.listBox:nth-child(3n+2) .box-title { background-color:var(--sub-color2); }
.listBox:nth-child(3n+3) .box-title { background-color:var(--sub-color3); }
.listBox ul { width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:1.5rem; }
.listBox li { box-shadow:0 0 0.5rem rgba(0,0,0,0.1); border-radius:0 2rem 0 2rem; text-align:center; padding:2rem; min-height: 164px; box-sizing: border-box; }
.listBox li .li-title { font-weight:700; border-bottom:1px solid #eee; padding-bottom:1rem; font-size:1.2rem; margin-bottom:1rem; }
.listBox .li-content p { padding-bottom:0.5rem; }
.listBox .li-content p:last-child { padding-bottom:0; }


/* Tab Buttons */
.tab-buttons { display:grid; grid-template-columns:repeat(6, 1fr); gap:1rem 1.5rem; } 
.tab-buttons button { background-color:white; border:2px solid #eee; border-radius:2rem; color:#aaa; font-size:1.2rem; padding:0.8rem 2.5rem; font-weight:600; position:relative; } 
.tab-buttons button.on { border-color:var(--main-color); color:var(--main-color); box-shadow: 0 0.3rem 0.7rem var(--main-opacity90); } 
.tab-buttons button::after { content:'·'; position: absolute; right: -1rem; color: #aaa; } 
.tab-buttons button:nth-child(6n)::after, .tab-buttons button:last-child::after { display:none; } 

.tabs02 .tab-buttons { display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem; }
.tabs02 .tab-buttons button::after { display:none; }
.tabs02 .tab-buttons button { border-radius:0 1rem 0 1rem; padding:1.2rem 2rem; background-color:#f5f5f5; border-color:transparent; color:#000; }
.tabs02 .tab-buttons button.on { border-color: var(--main-color); background-color:#fff; color: var(--main-color); }


/* Search Bar */
.selLine {width: auto; display: flex; justify-content: flex-end; margin:3rem 0 2rem 0; display: none;}
.selLine select { width: auto; margin-right: 5px; font-size: 15px; color: #333; font-weight: 400; }
.inSet { width: calc(293px - 10px); height: 50px; border: 1px solid #d1d1d1; box-sizing: border-box; display: inline-block; border-radius: 4px; padding:0 10px; display: flex; align-items: center; } 
.inSet input { width: calc(100% - 37px); height: -webkit-fill-available; margin-right: 37px; border: 0; box-sizing: border-box; display: inline-block; } 
.inSet input::placeholder { font-size: 15px; color: #555; font-weight: 400; } 
.inSet .tbSearch { width: 48px; height: 48px; margin-right: 0; border: 0; background-color: transparent; text-align: center; line-height: 48px; } 
.inSet .tbSearch:before { content: ""; width: 48px; height: 48px; display: block; background-size: 20px; background: url('/theme/church01/img/icons/board_sh.png') no-repeat center; } 


/* animation */
.cir-bg { animation: spin 10s infinite linear; } 
@keyframes spin { 
 0% { transform: rotate(0deg); } 
 100% { transform: rotate(-360deg); } 
 }
@keyframes showBounce { 
 0% { opacity:0; transform: translateY(30px); } 
 40% { opacity:1; transform: translateY(-8px); } 
 100% { transform: translateY(0px); } 
 }


/* 교회 조직도 */
.sub01-05 {padding-top: 5rem;}
.sub01-05 .sub-wrapper > article { padding-bottom:7rem;}
.sub01-05 .sub-wrapper > article:last-child { padding-bottom:10rem; }
.sub01-05 .sub-sect01 { overflow:hidden; }


.org-wrap { position: relative; margin: 0 auto; width: 100%; } 
.org-wr .org-list { display: block; height: auto; width: 1091px; margin: 0 auto; position: relative; text-align:center; } 
.org-wr .org-list li .h1 { overflow:hidden; }
.org-wr .org-list li .h1 > span { display:inline-block; background: var(--dark-color); color: transparent; font-size:1.5rem; margin: 0 auto; text-align: center; box-sizing: border-box; position: relative; border-radius:0 2rem 0 2rem; } 
/* .org-wr .org-list li .h1::after { content: ""; width: 10px; height: 10px; background: var(--sub-color); display: inline-block; position: absolute; left: calc(50% - 5px); top: 296px; border-radius: 50px; box-sizing: border-box; z-index: 3; } */
.org-wr .org-list li .h1 span b { display: block; margin: 0 0; font-size: 30px; color: #fff; font-weight: 700; letter-spacing: .05em; } 
.org-wr .org-list li .h1 span button { padding:2rem 3rem; cursor:initial; font-size:1.8rem; background: transparent; color: #fff; font-weight: 700; letter-spacing: .05em; } 
.org-wr .org-list li .dl-list-wr .d1 { position: relative; width: 50%; float: left; height: 100px; margin-top: 80px; } 
.org-wr .org-list li .dl-list-wr button { cursor:initial; background-color:white; }
.org-wr .org-list li .h1 .dl-wrap { padding:1.5rem 0; display:grid; justify-content:center; }
.dl-wrap { padding-top:1.5rem; margin: 0 auto; width:fit-content; }
.dl-wrap dl { display:grid; grid-template-columns:max-content 1fr; padding-bottom:0.5rem; color:var(--dark-color); }
.dl-wrap dl:last-child { padding-bottom:0; }
.dl-wrap dt { font-weight:600; text-align: right; }
.dl-wrap dt::after { content:':'; padding:0 0.3rem; }
.dl-wrap dd { padding-left:0.5rem; font-weight:600; text-align: left; line-height:1.3; }
.dl-wrap dd small { font-size:0.85rem; font-weight:400; }
.dl-list-wr { position: relative; } 
/*.org-wr .org-list li .dl-list-wr::before { content: ""; width: 1px; height:60px; background: #ddd; display: block; top:-30px; left: 50%; position: absolute; } */
.org-wr .org-list li .dl-list-wr .d1 span { display: block; width: 170px; font-size: 20px; font-weight: 400; text-align: center; border-radius: 5px; } 
.org-wr .org-list li .dl-list-wr .d1.h2 { display: inline-block; /* margin: 100px 0 0 0; */ } 
.org-wr .org-list li .dl-list-wr .d1.h2 span { position: absolute; left: 200px; top: 25px; background:var(--dark-color); filter: hue-rotate(45deg); color: #fff; border: 1px solid var(--dark-color); box-sizing: border-box; z-index: 1; height: 45px; line-height: 44px; } 
.org-wr .org-list li .dl-list-wr .d1.h2::before { content: ""; width: 50%; height: 1px; display: inline-block; background: #ddd; position: absolute; right: 0; top: calc(47px + 4px); } 
.org-wr .org-list li .dl-list-wr .d1.h2::after { content: ""; width: 1px; height: 100%; display: inline-block; background: #ddd; position: absolute; right: -1px; top: 0; } 
.org-wr .org-list li .dl-list-wr .d1.h3 { width: 50%; display: inline-block; } 
.org-wr .org-list li .dl-list-wr .d1.h3 span { position: absolute; right: 200px; background: #f5f5f5; color: #333; border: 1px solid #ddd; box-sizing: border-box; top: 20px; height: 45px; line-height: 44px; } 
.org-wr .org-list li .dl-list-wr .d1.h6 { width: 50%; display: inline-block; position: absolute; right: 0px; top: -50px; } 
.org-wr .org-list li .dl-list-wr .d1.h6 span { position: absolute; right: 200px; background: var(--dark-color); filter: hue-rotate(135deg); border: 1px solid var(--dark-color); box-sizing: border-box; height: 45px; line-height: 44px; color: #fff; top: 0; border-radius: 5px; } 
.org-wr .org-list li .dl-list-wr .d1.h6 span::after { content: ""; width: 1px; height: 25px; position: absolute; left: calc(50% + 1px); bottom: -26px; background: #ddd; z-index: 1; } 
.org-wr .org-list li .dl-list-wr .d1.h7 { width: 50%; display: inline-block; position: absolute; left: 0px; top: -50px; } 
.org-wr .org-list li .dl-list-wr .d1.h7 span { position: absolute; left: 200px; background:var(--dark-color); filter: hue-rotate(175deg); color: #fff; height: 45px; line-height: 44px; border: 1px solid var(--dark-color); box-sizing: border-box; top: 0; } 

.org-wr .org-list li .dl-list-wr .d2 { position: relative; width: 50%; height: 100px; float: left; padding: 13px 0 0; } 
.org-wr .org-list li .dl-list-wr .d2 span { display: block; width: 170px; font-size: 20px; height: 45px; line-height: 44px; /* padding: 12px 0; */
text-align: center; border-radius: 5px; color: #fff; } 
.org-wr .org-list li .dl-list-wr .d2.h4 { display: inline-block; position: relative; } 
.org-wr .org-list li .dl-list-wr .d2.h4 span { position: absolute; left: 200px; top: 0; background:var(--dark-color); filter: hue-rotate(90deg); } 
.org-wr .org-list li .dl-list-wr .d2.h4::before { content: ""; width: 100%; height: 1px; display: inline-block; background: #ddd; position: absolute; right: -200px; top: calc(23px + 4px); } 
/*.org-wr .org-list li .dl-list-wr .d2.h4::after { content: ""; width: 1px; height: calc(100% - 5px); display: inline-block; background: #ddd; position: absolute; right: -1px; top: 0; } */
.org-wr .org-list li .dl-list-wr .d2.h5 { display: inline-block; position: relative; } 
.org-wr .org-list li .dl-list-wr .d2.h5:before { content: ""; width: 10px; height: 10px; background:var(--dark-color); filter: hue-rotate(135deg);
display: inline-block; position: absolute; left: -5px; top: 22px; border-radius: 50px; box-sizing: border-box; z-index: 3; } 
.org-wr .org-list li .dl-list-wr .d2.h5 span { position: absolute; right: 200px; top: 0; background:var(--dark-color); filter: hue-rotate(225deg); } 

.org-wr .org-list li .dl-list-wr li>ul.sto { width: 100%; height: 100%; float: left; display:flex; justify-content: space-between; position: relative; } 
.org-wr .org-list li .dl-list-wr li>ul.sto::before { content: ""; width: 68.8%; height: 1px; top: 0; left: calc(50% - 34.4%); background: #ddd; display: block; position: absolute; } 

.org-wr .org-list li .dl-list-wr .d3 { position: relative; float: left; width: calc(33.333% - 20px); margin-right: 30px; display: block; padding-top: 60px; } 
.org-wr .org-list li .dl-list-wr .d3:last-child { margin-right: 0; } 
.org-wr .org-list li .dl-list-wr .d3 span { width: fit-content; display: block; margin:0 auto; color: var(--sub-color); font-size:1.5rem; text-align: center; 
	vertical-align: middle; position: relative; z-index: 7; font-weight:600; } 
.org-wr .org-list li .dl-list-wr .d3.h6 span button, 
.org-wr .org-list li .dl-list-wr .d3.h7 span button, 
.org-wr .org-list li .dl-list-wr .d3.h8 span button { cursor:initial; font-size: inherit; display: block; color: #fff; border: 1px solid var(--sub-color); 
	text-align: center; border-radius:0 1rem 0 1rem; position: relative; width: 100%; padding:1.5rem 2rem; min-width:200px; } 
.org-wr .org-list li .dl-list-wr .d3::after { content: ""; width: 1px; height: 60px; position: absolute; left: calc(50% + 1px); top: 0; background: #ddd; } 
.org-wr .org-list li .dl-list-wr .d3::before { content: ""; width: 10px; height: 10px; background: var(--sub-color); /* border: 10px solid #eef4f9; */
display: inline-block; position: absolute; top: -5px; left: calc(50% - 3px); border-radius: 50px; box-sizing: border-box; z-index: 3; } 
/*.org-wr .org-list li .dl-list-wr .d3 button span::after { content: ""; width: 1px; height: 22px; position: absolute; left: calc(50% + 1px); bottom: -22px; background: #ddd; z-index: 1; } */

.dl-list-wr .d3 .d3-list .dlist3 { width:170px; margin:0 auto; font-size: 19px !important; font-weight: 500; margin-bottom: 15px; position: relative; } 
.dl-list-wr .d3 .d3-list .dlist3 button { font-size: inherit; display: block; color: #333; border: 1px solid #ddd; background: #f5f5f5; text-align: center; border-radius: 5px; height: 45px; line-height: 44px; position: relative; width:100%; letter-spacing: -0.03em; } 
.dl-list-wr .d3 .d3-list .dlist3 button:hover, .dl-list-wr .d3 .d3-list .dlist3 button.active { display: block; color: #333; border: 1px solid #ddd; background: #f5f5f5; } 

.org-list-wr { position: relative; display: none; padding-top: 50px } 

.form { width: 100%; float: left; margin: 100px auto 0; /*display: none; */ } 
.formCont { width: 1280px; margin: 0 auto; } 

.mb-scr-gui { position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; text-indent: -9999px; } 

@media screen and (max-width:1300px){
	.org-wr .org-list { display: block; height: auto; width: auto; margin: 0 5%; position: relative; } 
	.formCont { width: 100%; margin: 0 auto; } 
 }

@media screen and (max-width:1024px){
	.org-wr .org-list { margin: 0 auto; } 
	.org-wr .org-list li .dl-list-wr .d1.h2 span, .org-wr .org-list li .dl-list-wr .d2.h4 span { left: 20px; } 
	.org-wr .org-list li .dl-list-wr .d1.h3 span, .org-wr .org-list li .dl-list-wr .d1.h6 span, .org-wr .org-list li .dl-list-wr .d2.h5 span { right: 20px; } 
 }

@media screen and (max-width:1024px){
	.org-wr .org-list li .dl-list-wr .d1.h2 span, .org-wr .org-list li .dl-list-wr .d2.h4 span, .org-wr .org-list li .dl-list-wr .d1.h7 span { left: 50px; }
	.org-wr .org-list li .dl-list-wr .d1.h3 span, .org-wr .org-list li .dl-list-wr .d1.h6 span, .org-wr .org-list li .dl-list-wr .d2.h5 span { right: 50px; } 
 }

@media screen and (max-width:980px) {
	.subCon_wrap { font-size: 15px; } 
	.mb-scr-gui { width: 100%; height: auto; font-size: 16px; position: relative; padding-left: 25px; color: #555; margin-bottom: 28px; vertical-align: middle; line-height: 1em; float: left; font-weight: 500; text-indent: inherit; left: inherit; top: inherit; display: flex; align-items: center; } 
	.mb-scr-gui::before { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../images/contents/i_gr.png) no-repeat; } 
 }

@media screen and (max-width:840px){
	.org-wr .org-list li .dl-list-wr .d1 span, .org-wr .org-list li .dl-list-wr .d2 span { width: 220px; } 
	.org-wr .org-list li .dl-list-wr .d1.h2 span, .org-wr .org-list li .dl-list-wr .d2.h4 span { left: 50px; } 
	.org-wr .org-list li .dl-list-wr .d1.h3 span, .org-wr .org-list li .dl-list-wr .d1.h6 span, .org-wr .org-list li .dl-list-wr .d2.h5 span { right: 50px; } 
 }

@media screen and (max-width:680px){
	.org-wr .org-list li .dl-list-wr .d1 span, .org-wr .org-list li .dl-list-wr .d2 span { width: 92%; } 
	.org-wr .org-list li .dl-list-wr .d1.h2 span, .org-wr .org-list li .dl-list-wr .d2.h4 span, .org-wr .org-list li .dl-list-wr .d1.h7 span { left: 0; } 
	.org-wr .org-list li .dl-list-wr .d1.h3 span, .org-wr .org-list li .dl-list-wr .d1.h6 span, .org-wr .org-list li .dl-list-wr .d2.h5 span { right: 0; } 
	.org-wr .org-list li .dl-list-wr .d1.h6 span::after { content: ""; width: 1px; } 
	.org-wr .org-list li .h1 span button { font-size:1.2rem; }
	.org-wr .org-list li .dl-list-wr .d3.h6 span button, .org-wr .org-list li .dl-list-wr .d3.h7 span button, .org-wr .org-list li .dl-list-wr .d3.h8 span button { min-width:auto; }
	.org-wr .org-list li .dl-list-wr .d3 span { font-size:1.1rem; }
	.dl-wrap dl { font-size:0.85rem; }
	.dl-wrap dd { padding-left:0; }
 }

@media screen and (max-width:580px){
	.org-wr .org-list li .dl-list-wr .d3 { width:46% } 
	.org-wr .org-list li .dl-list-wr .d3:nth-child(2) { margin-right:0; } 
	.org-wr .org-list li .dl-list-wr .d2.h4::after { content: ""; width: 1px; height: 100%; } 
	.org-wr .org-list li .dl-list-wr li>ul.sto::before { content: ""; width: 55%; left: calc(50% - 28%); } 
 }

@media screen and (max-width:500px){
	.org-wr .org-list li .dl-list-wr .d3 { width: 46.5%; } 
	.org-wr .org-list li .dl-list-wr .d2.h4::before { right:-100px; } 
 }

@media screen and (max-width:480px){
	.org-wr .org-list li .dl-list-wr .d3 { width: 45.8%; } 
 }
@media screen and (max-width:400px){
	.org-wr .org-list li .dl-list-wr .d3 { width: 45.6%; } 
	.dl-list-wr .d3 .d3-list .dlist3 { font-size:16px !important; } 
 }


@media screen and (max-width:380px){
	.org-wr .org-list li .dl-list-wr .d3 { width: 45.2%; } 
 }


@media screen and (max-width:360px){
	.org-wr .org-list li .dl-list-wr .d3 { width: 44.7%; } 
 }


/* Table Styles */
.table-section { margin-bottom:3rem; }
.table-section:last-child { margin-bottom:0; }
.table-section .titleWrap { font-size:1.3rem; font-weight:600; padding-bottom:1.5rem; }
.tableWrap { overflow-x: auto; }
.tg { width:100%; border-collapse:collapse; border-spacing:0; }
.tg thead tr { border-top:2px solid #535353; background-color:#f9f9f9; }
.tg thead th { font-weight:600; font-size:1.1rem; }
.tg tr > *:first-child { border-left-color:transparent; }
.tg tr > *:last-child { border-right-color:transparent; }
.tg td { border:1px solid #ddd; overflow:hidden; padding:1rem 2rem; word-break:normal; font-size:1rem; color:#777; text-align:center; }
.tg th { border:1px solid #ddd; overflow:hidden; padding:1rem 2rem; word-break:normal; }
.tg .tg-0pky { text-align:center; vertical-align:top; }

@media (max-width: 1400px) { 
	.tg { width:100%; margin: 0 auto; min-width:max-content; }
}

@media (max-width: 1024px) {
	.table-section .titleWrap { font-size:1.1rem; }
	.tg thead th, .tg td { font-size:0.9rem; }
}


/* ========================================== 2024-04-01 작업담당자 변경 ==========================================*/
.chart_form{display: flex; flex-wrap: wrap; border-top: 2px solid var(--main-color);}
.chart_form dt, .chart_form dd{border-bottom: 1px solid #eee; padding: 1rem; line-height: 1.3;}
.chart_form dt{font-weight: 600; color: var(--main-color);}
.chart_form dt + dd{padding-left: 0;}
.chart_form .chart_head{background-color: #fbfbfb;}

.dot_list li{position: relative; padding-left: 1rem; line-height: 1.3rem; font-size: 1.1rem;}
.dot_list li + li{margin-top: 1rem;}
.dot_list li::before{position: absolute; left: 0; content: "·"; font-weight: 800; display: block; font-size: 1.3rem; 
line-height: 1.3rem; color: var(--main-color);}
.dot_list li > span{display: block; font-size: 0.9rem; color: #999; margin-top: 0.5rem;}

.copyButton{background-color: transparent;}

h2.slogan{font-size: 2.8rem; font-family: 'Godo', sans-serif; font-weight:600;}
h3.sub_tit{font-weight: 600; font-size: 1.6rem; font-family: "Godo",sans-serif;}

@keyframes txt_down{
	0%{transform: translateY(-1rem); opacity: 0;}
	100%{transform: translateY(0);  opacity: 1;}
}
@keyframes txt_up{
	0%{transform: translateY(1rem); opacity: 0;}
	100%{transform: translateY(0);  opacity: 1;}
}

/* ===== sub01 (교회소개) ===== */
/* 08 교회 역사관 */
.sub01-08{padding: 2rem 0 10rem 0;}
.sub01-08 article + article{margin-top: 5rem;}
.sub01-08 .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.sub01-08 .text strong, .sub01-08 h3, #apply_01 > h2{display:block; font-size: 2rem; font-family: 'Godo', sans-serif; font-weight: 600;}
.sub01-08 .text b{display: block; font-size: 1.6rem; margin-top: 1rem;}
.sub01-08 .sub-sect01 .img{width: 80%; margin-left: auto; overflow: hidden;}
.sub01-08 .sub-sect01 .img img{transform: scale(130%); opacity: 0;}
.sub01-08 .swiper-slide-active .img img{ transform: scale(100%); transition-duration: 2000ms; opacity: 1;}
.sub01-08 .sub-sect01 .text{position: relative; width: 50%; padding: 3rem; background-color: var(--main-color); color: #fff; border-radius: 0 3rem 0 3rem; margin-top: -5rem; z-index: 1; max-width: 560px;}
.sub01-08 .swiper-slide-active .text strong{animation: txt_down 800ms alternate;}
.sub01-08 .swiper-slide-active .text p{animation: txt_up 800ms alternate;}
.sub01-08 .text p{line-height: 1.5; font-size: 1.1rem; font-weight: 500;}
.swiper-button-next, .swiper-button-prev{color: var(--main-color);}

.sub01-08 .sub-sect02{}
.sub01-08 h3 + p{margin-top: 1.5rem; line-height: 1.5; font-size: 1.1rem; text-align: justify; word-break: break-all;}

.sub01-08 .sub-sect03 > div{display: flex; gap: 5%;}
.sub01-08 .sub-sect03 .img{width: 30%; overflow: hidden;}
.sub01-08 .sub-sect03 .text{width: 70%; margin-top: 2rem;}
.sub01-08 .sub-sect03 .text > span{margin-top: 1rem; display: block; color: #999; font-size: 0.9rem;}
.sub01-08 .chart_form{margin-top: 3rem;}
.sub01-08 .chart_form dt{width: 160px;}
.sub01-08 .chart_form dd{width: calc(50% - 160px);}

/* 09 새가족 등록 안내 */
.sub01-09 > article{padding: 6rem 0;}
.sub01-09 .sub-sect01 > div {display: flex; gap: 5%; justify-content: space-between;}
.sub01-09 .slogan{position: relative; width: fit-content; }
.sub01-09 .slogan + p{margin-top: 3rem; font-size: 1.1rem; line-height: 1.5;}
.sub01-09 .text_1{width: 30%; padding-top: 6rem;}
.sub01-09 .text_2{width: 70%;}
.sub01-09 .icons-grid{display: flex; gap: 1rem; margin-bottom: 3rem;}
.sub01-09 .icons-grid li{width: 20%; text-align: center;}
.sub01-09 .icons-grid figure{display: flex; aspect-ratio: 3/2; align-items: center; justify-content: center;}
.sub01-09 .icons-grid figure img{display: block; max-height: 80%; animation: heartbeat 0.5s infinite alternate; transform: translateX(3px);}
.sub01-09 .icons-grid .step-n{font-size: 1.5rem; font-weight: 600; font-family: 'Godo', sans-serif; color: var(--main-color); text-transform: uppercase; margin: 0.5rem 0;}
.sub01-09 .icons-grid .text{font-weight: 500;}
.sub01-09 .svg{position: absolute; display: block; bottom : 0.1em; right: -0.8em; width: 0.75em; height: 0.75em; color: #ccc; stroke-width: 1.5; animation: flip 1s ease-in-out; transition-delay: 1s;}
.sub01-09 .svg path {stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; stroke: #ccc;}
.sub01-09 .chart_form dt{width: 180px;}
.sub01-09 .chart_form dd{width: calc(100% - 180px);}
.sub01-09 .text_2 > p{margin-top: 1rem; color: #999; line-height: 1.3;}
.sub01-09 .text_2 > p > a{text-decoration: underline; color: var(--main-color); font-weight: 600;}


/* ===== sub03 (다음 세대) ===== */
/* 01 표어 + 목표 */
.sub03 > article{padding: 6rem 0;}
.sub03 > article .img{overflow: hidden;}
.sub03 > article .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.sub03 > article > div{display: flex; justify-content: space-between;}

.sub03 .sub-sect01{position: relative; background-color: #f3f2ed;}
.sub03 .sub-sect01 .img{width: 50%; aspect-ratio: 1/1;}

/* 02 목표 + 안내 + 섬기는 이 */
.sub03 .sub-sect02 .img{max-width: 45%;}
.sub03 .sub-sect02 .text_wrap{min-width: 600px;}
.shape_1 {position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg);}
.shape_1 svg {position: relative; display: block; width: calc(100% + 1.3px); height: 5rem;}
.shape_1 .shape-fill {fill: #FFFFFF;}

.sub03 .title-box{width: fit-content;}
.sub03 .title-box h2{font-family: "Godo",sans-serif;}
.sub03 .cursive{font-size: 3.5rem;}
.sub03 .text dl{margin-top: 5rem;}
.sub03 .text dt{font-weight: 600; font-size: 1.6rem; font-family: "Godo",sans-serif;}
.sub03 .text dd{margin-top: 1.5rem;}
.sub03 .text dd > p{position: relative; padding-left: 1rem; line-height: 1.3rem; font-size: 1.1rem;}
.sub03 .text dd > p + p{margin-top: 0.5rem;}
.sub03 .text dd > p::before{position: absolute; left: 0; content:"·"; font-weight: 800; display: block; font-size: 1.3rem; line-height: 1.3rem;}
.sub03 .text dd > p > b{position: relative; display: inline-block; font-weight: 600; z-index: 1; padding: 0 0.5rem;}
.sub03 .text dd > p > b::before{position: absolute; bottom: -2px; left: 0; right: 0; height: 1rem; z-index: -1; display: block; clear: both; content:""; transform: skewY(-5deg) rotate(5deg); opacity: 0.3;}

/* 03 활동사진 */
.sub03 .sub-sect03{padding-top: 0; margin-top: -16rem;}
.act_img{align-items: flex-end;}
.act_img .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}
.thumbsSwiper {width: 40%;}
.thumbsSwiper .swiper-wrapper{flex-wrap: wrap; gap: 10px;}
.thumbsSwiper .swiper-wrapper .swiper-slide{width: calc(50% - 8px) !important; height: fit-content; opacity: 0.5; transition-duration: 200ms;}
.thumbsSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{opacity: 1;}
.thumbsSwiper .swiper-wrapper .swiper-slide:hover{opacity: 1; transform: scale(90%); transition-duration: 400ms; cursor: pointer;}
.partSwiper {width: 50%; margin-right: 0; margin-bottom: 8rem;}
.partSwiper .swiper-slide img{transform: scale(120%);}
.partSwiper .swiper-slide.swiper-slide-active img{transform: scale(100%); transition-duration: 3000ms;}

/* 색 지정 */
.sub03-01 .title-box, .sub03-01 .text dd > p > b::before{background-color: var(--sub-color1);}
.sub03-01 .cursive, .sub03-01 .text dd > p::before, .traning_list li:nth-child(1) h3 b{color: var(--sub-color1);}
.sub03-02 .title-box, .sub03-02 .text dd > p > b::before{background-color: var(--sub-color);}
.sub03-02 .cursive, .sub03-02 .text dd > p::before, .traning_list li:nth-child(2) h3 b{color: var(--sub-color);}
.sub03-03 .title-box, .sub03-03 .text dd > p > b::before{background-color: var(--sub-color2);}
.sub03-03 .cursive, .sub03-03 .text dd > p::before, .traning_list li:nth-child(3) h3 b{color: var(--sub-color2);}
.sub03-04 .title-box, .sub03-04 .text dd > p > b::before{background-color: var(--sub-color3);}
.sub03-04 .cursive, .sub03-04 .text dd > p::before, .traning_list li:nth-child(4) h3 b{color: var(--sub-color3);}

/* ===== sub04 (양육과 훈련) ===== */
/* 01 제자훈련 */
.sub04-01 > article{padding: 6rem 0;}
.sub04-01 .slogan{position: relative; width: fit-content;margin: 1rem 0 2.5rem 0; padding-bottom: 2.5rem;} 
.sub04-01 .slogan::after{position: absolute; bottom: 0; left: 0; width: 50%; height: 2px; background-color: #eee; content:""; display: block; clear: both;}
.sub04-01 .slogan b{display: block; font-family: 'Ownglyph_Dailyokja-Rg', cursive;  font-size: 2rem; margin-bottom: 0.5rem; margin-left: -0.75rem; font-weight: 500; color: var(--main-color);}
.sub04-01 .slogan::before{content:""; display: block; }

.traning_list li{display: flex; justify-content: space-around; align-items: center;}
.traning_list .text {max-width: 45%;}
.traning_list .text h3{font-size: 1.8rem; font-family: 'Godo', sans-serif; font-weight: 600; }
.traning_list .text h3 b{display: inline-block; margin-right: 1rem; font-size: 1.6em; letter-spacing: -0.04em; vertical-align: sub; font-weight: 800;}
.traning_list .text p{font-size: 1.2rem; line-height: 1.5; margin-top: 1rem;}

.traning_list .img{border-radius: 8rem 0; overflow: hidden; width: 40%;}
.traning_list .img img{display: block; width: 100%; height: 100%; object-fit: cover;}

.traning_list li:nth-child(1){align-items: flex-start; margin-top: 1rem;}
.traning_list li:nth-child(even){flex-direction: row-reverse; text-align: right;}
.traning_list li:nth-child(even) .img{border-radius: 0 8rem; }

/* 02 성경대학 */
.sub04-02 > article{padding: 6rem 0;}
.sub04-02 .sub-sect01 > div{display: flex; gap: 5%; justify-content: space-between;}
.sub04-02 .sub-sect01 .img {width: 45%; border-radius: 0 5rem; overflow: hidden;}
.sub04-02 .sub-sect01 .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.sub04-02 .sub-sect01 .text{width: 55%; padding: 4rem 0 3rem 0;}
.sub04-02 .sub-sect01 .slogan {text-align: right;}
.sub04-02 .sub-sect01 .text > p{font-size: 1.2rem; margin: 1rem 0; text-align: right;}

.sub04-02 .chart_box{margin-top: 5rem;}
.sub04-02 .chart_box .sub_tit{margin-bottom: 1rem;}
.sub04-02 .chart_form dt{width: 160px;}
.sub04-02 .chart_form dd{width: calc(100% - 160px);}

.sub04-02 .sub-sect02{position: relative; background: #f3f2ed url("../img/drawing_01.png") no-repeat; background-position: bottom;    background-position: 97% 80%; background-size: 20%;}
.sub04-02 .sub-sect02 > div.inner-1400::after{position: absolute; top: 0; bottom: 0; left: 50%; border-right: 2px dashed #fff; margin-left: -5px; content:""; display: block; clear: both;}
.shape_2 {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); z-index: 1;}
.shape_2 svg {position: relative; display: block; width: calc(100% + 1.3px); height: 4rem;}
.shape_2 .shape-fill {fill: #FFFFFF;}
.sub04-02 .sub-sect02 h2{position: relative; width: fit-content; margin-bottom: 4rem; z-index: 1; padding: 0 0.5rem;}
.sub04-02 .sub-sect02 h2::before{position: absolute; bottom: -5px; left: 0; height: 2rem; z-index: -1; display: block; clear: both; content:""; transform: skewY(-5deg) rotate(5deg); opacity: 0.3; background-color: var(--main-color); width: 0;}
.sub04-02 .sub-sect02 h2.aos-animate::before{width: 100%; transition-delay: 800ms; transition-duration: 600ms;}
.sub04-02 .sub-sect02 ul{display: flex; flex-wrap: wrap; gap: 4rem 10%; margin-bottom: 2rem;}
.sub04-02 .sub-sect02 li{width: 45%;}
.sub04-02 .sub-sect02 li h3{margin-bottom: 1rem;}
.sub04-02 .sub-sect02 li p{font-size: 1.1rem; line-height: 1.3;}


/* ===== sub05 (교회 사역) ===== */
/* 01 국내선교 */
.sub05-01 > article{padding: 6rem 0;}
.sub05-01 .sub-sect01{background: url('../img/bg-img01.png') no-repeat center / cover;}
.sub05-01 .sub-sect01 > div{display: flex; gap: 5%; justify-content: space-between; align-items: center;}
.sub05-01 .sub-sect01 .text{width: 65%;}
.sub05-01 .sub-sect01 .text h3{position: relative; width: fit-content; font-size: 2rem; z-index: 1; padding: 0 0.5rem;}
.sub05-01 .sub-sect01 .text h3::before{position: absolute; bottom: -5px; left: 0; height: 1.5rem; z-index: -1; display: block; clear: both; content:""; transform: skewY(-5deg) rotate(5deg); opacity: 0.3; background-color: var(--main-color); width: 0;}
.sub05-01 .sub-sect01 .text > div.aos-animate h3::before{width: 100%; transition-delay: 1200ms; transition-duration: 800ms;}

.sub05-01 .sub-sect01 .text > div{margin-top: 3rem;}
.sub05-01 .sub-sect01 .text p{font-size: 1.1rem; line-height: 1.5; margin-top: 1rem; text-align: justify; word-break: break-all;}

.sub05-01 .sub-sect02 .cursive{position: relative; font-size: 2.5rem; text-align: center; width: fit-content; margin: 2rem auto;}
.sub05-01 .sub-sect02 .cursive::before,.sub05-01 .sub-sect02 .cursive::after{position: absolute; content:'"'; display: block; clear: both; font-size: 2em; font-family: initial; line-height: 0.5; font-family: 'KOTRA_BOLD-Bold', serif; color: var(    --main-opacity);}
.sub05-01 .sub-sect02 .cursive::before{left: -0.25em; top: 0.25em;}
.sub05-01 .sub-sect02 .cursive::after{right: -0.5em; bottom: -0.5em; transform: rotateY(180deg);}

.sub05-01 .chart_box{margin-top: 4rem;}
.sub05-01 .chart_box > span {display: block; color: #999; font-size: 0.9rem; margin-bottom: 1rem; text-align: right;}
.sub05-01 .chart_form {border-bottom: 1px solid #eee;}
.sub05-01 .chart_form dt{width: 90px; text-align: center;}
.sub05-01 .chart_form dd{width: calc(33.333% - 90px);}
.sub05-01 .chart_form dt:last-of-type, .sub05-01 .chart_form dd:last-of-type{border-bottom: none;}

/* 02 해외선교 */
.sub05-02 > article{padding: 6rem 0;}
.sub05-02 .sub-sect01 > div{display: flex; gap: 5%; justify-content: space-between; align-items: center;}
.sub05-02 .text_1{width: 30%}
.sub05-02 .text_1 ul{margin-top: 3rem;}
.sub05-02 .text_1 li{position: relative; padding-left: 1.2rem; line-height: 1.3rem; font-size: 1.1rem; font-weight: 500;}
.sub05-02 .text_1 li + li{margin-top: 0.5rem;}
.sub05-02 .text_1 li::before{position: absolute; left: 0; content:"▶"; display: block; font-size: 0.6rem; line-height: 1.3rem; color: var(--main-color);}
.sub05-02 .text_2{width: 70%}
.sub05-02 .text_2 h3{font-weight: 600; font-size: 1.6rem; font-family: "Godo", sans-serif;}
.sub05-02 .text_2 p{line-height: 1.5; font-size: 1.1rem; margin-top: 1rem;}
.sub05-02 .sub-sect01 .chart_box{margin-top: 3rem;}
.sub05-02 .sub-sect01 .chart_form_wrap{width: 100%; overflow-x: scroll;}
.sub05-02 .sub-sect01 .chart_form{margin-top: 1rem; min-width: 600px;}
.sub05-02 .sub-sect01 .chart_form dt, .sub05-02 .sub-sect01 .chart_form dd{width: calc(100%/7); text-align: center; font-size: 0.9rem; padding: 1em 0.5rem;}

.sub05-02 .chart_box > span {display: block; color: #999; font-size: 0.9rem; margin-top: 1rem; line-height: 1.3;}
.sub05-02 .sub-sect02{background: url('../img/mission_bg.jpg') no-repeat top / cover; background-attachment: fixed; color: #fff;}
.sub05-02 .sub-sect02 h2{font-size: 2rem; margin-bottom: 2rem;}
.sub05-02 .sub-sect02 .chart_form dt{width: 160px; border-bottom-color: rgba(256,256,256,0.4);}
.sub05-02 .sub-sect02 .chart_form dd{width: calc(50% - 160px); border-bottom-color: rgba(256,256,256,0.4);}

/* ===== sub07 (기부금 헌금) ===== */
/* 01 온라인 헌금 안내 */
.sub07-01 > article{padding: 6rem 0;}
.sub07-01 .sub-sect01 > div{display: flex; gap: 5%; justify-content: space-between; align-items: flex-start;}
.sub07-01 .sub-sect01 .title-box{width: fit-content;}
.sub07-01 .donation{margin-top: 2rem;}
.sub07-01 .chart_form dt, .sub07-01 .chart_form dd{width: 33.333%; text-align: center;}
.sub07-01 .dot_list{margin: 3rem 0;}
.sub07-01 .donation > b{color: var(--sub-color); text-decoration: underline; line-height: 1.3;}
.sub07-01 .mo_view{display: none;}
.sub07-01 small{display: block; font-size: 0.85rem; margin-top: 0.5rem; color: #999;}

/* ===== 하단 개인정보취급방침 / 이용약관 / 이메일 ===== */
.policy_wrap{padding: 6rem 0;}
.policy > div + div{margin-top: 3rem;}
.policy > div > b{display: block; font-size: 1.2rem; margin-bottom: 1rem; font-family: 'GODO', sans-serif;}
.policy > div > p{line-height: 1.6;}
.policy > div > p + ul, .policy > div > ul + p{margin-top: 1rem;}
.policy .gray_box{background-color: #f7f7f7; border-radius: 0.4rem; padding: 1.5rem; line-height: 1.6; font-size: 0.95rem;}

.policy .dot_list li{font-size: 0.95rem;}
.policy .dot_list li + li{margin-top: 0.5rem;}

.policy_text{line-height: 1.6; font-weight: 500; font-size: 1.1rem;}
.policy_text .dot_list{margin-top: 2rem;}
.policy-03{text-align: center;}

.policy-03 .svg{display: block; width: 4rem; height: 4rem; stroke-width: 1.5; color: var(--main-color); margin: 0 auto 1.5rem auto;}
.policy-03 .svg path{stroke: var(--main-color); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}

/****************************************************************************************************/
/* Media Query */

@media (max-width: 1500px) {
	.section-container > * { float:initial; margin: 0 auto 3rem; }	
	.section-title { margin: 0 auto; text-align: center; border-bottom:0; padding-bottom:1.5rem; font-size:1.5rem; }
	.section-content { max-width: initial;}
	.sub01-06 .text-area li + li{margin-top: 0;}
	.section-content li{padding: 1rem 0; border-top: 1px dashed #eee;}
	.section-content li:last-child{border-bottom: 1px dashed #eee;}

	.title-box { display:none; } 

	/* Tabs */
	.tab-buttons { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem 0.5rem; }
	.tab-buttons button { font-size:1rem; padding: 0.7rem 3rem; }
	.tab-buttons button::after { display:none; }

	/* Table Styles */
	.tableWrap { max-width:100%; }

	/* sub01 (교회소개) */
	.sub01-01 .sub-sect01 .inner-1400 { grid-template-columns:1fr 1fr; gap:5rem; } 


	/* sub03 (교회 연혁) */
	.sub01-03 .sub-sect01 .inner-1400 { display:block; } 
 }


@media (max-width: 1400px) { 
	/* 섬기는 사람들 */
	.staff-line { display:grid;}
	.staff-line .staffWrap {grid-template-columns: repeat(2, 1fr);}
	.staff-line .titleWrap { text-align:center; }
	.staff-line .titleWrap .title { font-size:1.3rem; }
	.staff-line .staff .textWrap { padding:0.5rem 0; }
	.staff-line .staff .name { font-size:1.1rem; }
	.staff-line .staff dt { font-size:0.75rem; }
	.staff-line .staff dd { font-size:0.8rem; }
} 

@media (max-width: 1200px) {
	#subTop { height:300px; } 
	.subVisual .title { padding-top: 4.5rem; } 

	/* tabs */
	.tabs02 .tab-buttons { gap:0.5rem; }

	/* List Box */
	.listBox { display:grid; }
	.listBox .box-title { width:100%; height:auto; }

	/* Table Styles */
	.tg thead th { font-size:1.0rem; }
	.tg td { font-size:0.9rem; }

	/* sub01-01 (교회소개) */
	.sub01-01 .sub-sect01 { padding:7rem 0 5rem; } 
	.sub01-01 .sub-sect01 .inner-1400 { justify-items: center; } 
	.sub01-01 .sub-sect01 .text-area { font-size:1rem; text-align:center; } 
	.sub01-01 .sub-sect01 .text-area .slogan { font-size:2rem; } 
	.sub01-01 .sub-sect01 .text-area .name { font-size:1.1rem; padding-top:0; } 
	.sub01-01 .sub-sect01 .text-area .name b { font-size:3rem; } 
	.sub01-01 .sub-sect02 { padding:5rem 0; } 
	.sub01-01 .sub-sect02 .box-area { grid-template-columns:1fr; gap: 1rem; } 
	.sub01-01 .sub-sect02 .box-area li { padding:2.5rem 1.5rem; border-radius:3rem; font-size:0.9rem; } 
	.sub01-01 .sub-sect02 .box-area li:nth-child(1), .sub01-01 .sub-sect02 .box-area li:nth-child(3) { transform:initial; } 
	.sub01-01 .sub-sect02 .slogan { font-size:1.7rem; margin-bottom:3rem; } 
	.sub01-02 .sub-sect01::before { top: 120vh; }
	.sub01-03 .sub-sect01::before { top: 120vh; }


	/* sub01-05 (교회 조직도) */
	.org-wr .org-list li .h1 span button, .org-wr .org-list li .dl-list-wr .d3 span { font-size:1.3rem; }
	.dl-wrap dl { font-size:0.9rem; }


	/* sub01-08 (교회 역사관) */
	.sub01-08 .sub-sect03 .img{width: 40%}
	.sub01-08 .sub-sect03 .text{width: 60%; margin-bottom: 2rem;}
	.sub01-08 .chart_form dd{width: calc(100% - 160px);}


	/* sub01-09 (새가족 등록 안내) */
	.sub01-09 .icons-grid .step-n{font-size: 1.2rem;}
	.sub01-09 .icons-grid .text, .sub01-09 .chart_form{font-size: 0.9rem;}
	.sub01-09 .chart_form dt{width: 140px;}
	.sub01-09 .chart_form dd{width: calc(100% - 140px); text-align: justify; word-break: break-all;}
	.sub01-09 .chart_form dd .br{display: none;}
	.sub01-09 .text_2 > p > a{display: block; margin-top: 0.5rem;}


	/* sub03(다음세대) 공통 */
	.sub03 .sub-sect01 > div, .sub03 .sub-sect02 > div{align-items: center; gap: 5%;}
	.sub03 .cursive{font-size: 2.5rem;}
	.sub03 .text dl{margin-top: 0;}
	.sub03 .text dl + dl{margin-top: 3rem;}
	.sub03 .text dt{font-size: 1.4rem;}
	.sub03 .text dd > p{font-size: 1rem;}
	.sub03 .sub-sect03{margin-top: 0;}
	.partSwiper{margin-bottom: 0;}
	.sub03 .sub-sect02 .text_wrap{min-width: initial; width: 50%;}
	.sub03 .sub-sect03{margin-top: -3rem;}


	/* sub04-01(제자훈련) */
	.sub04-01 .slogan{display: none;}
	.traning_list li:nth-child(1){align-items: center; margin-top: 0;}
	.traning_list li + li{margin-top: 3rem;}
	.traning_list .text h3{font-size: 1.6rem;}
	.traning_list .text p{font-size: 1rem;}


	/* sub04-02(성경대학) */
	.sub04-02 .sub-sect01 .slogan{font-size: 2rem;}
	.sub04-02 .sub-sect01 .img{width: 50%;}
	.sub04-02 .sub-sect01 .text{width: 50%; padding: 3rem 0 2rem 0}
	.sub04-02 .sub-sect01 .text > p, .sub04-02 .sub-sect02 li p{font-size: 1rem;}
	.sub04-02 .chart_box{margin-top: 3rem; font-size: 0.9rem;}
	.sub04-02 .chart_form dt{width: 6rem;}
	.sub04-02 .chart_form dd{width: calc(100% - 6rem); word-break: break-all; text-align: justify;}
	.sub04-02 .sub-sect02 h2{font-size: 2rem;}
	.sub04-02 .sub-sect02 li h3{font-size: 1.4rem;}


	/* sub05-01(국내선교) */
	.sub05-01 .slogan, .sub05-02 .slogan, .sub01-09 .slogan{font-size: 2rem;} 
	.sub05-01 .sub-sect01 .text h3{font-size: 1.8rem;}
	.sub05-01 .sub-sect01 .text p, .sub05-02 .text_1 li, .sub01-09 .slogan + p{font-size: 1rem;}
	.sub05-01 .sub-sect02 .cursive{font-size: 2rem;}
	.sub05-01 .chart_form{font-size: 0.9rem;}
	.sub05-01 .sub-sect01 .text > div, .sub05-02 .text_1 ul{margin-top: 2rem;}


	/* sub05-02(해외선교) */
	.sub05-02 .sub-sect01 .chart_form dt, .sub05-02 .sub-sect01 .chart_form dd{font-size: 0.8rem;}
	.sub05-02 .text_2 h3{font-size: 1.4rem;}
	.sub05-02 .text_2 p{font-size: 1rem; text-align: justify; word-break: break-all;}

 }

@media (max-width: 1024px) {
	.subVisual .title { font-size:1.8rem; } 
	.subGnb {gap: 2rem;} 
	.subGnb > div + div::after{left: -1.5rem;}

	.tab-buttons button { font-size:0.9rem; }

	/* List Box */
	.listBox .box-title { font-size:1.5rem; }

	/* sub01-09 (새가족 등록 안내) */
	.sub01-09 .sub-sect01 > div{flex-direction: column; gap: 2rem;}
	.sub01-09 .text_1{width: 80%; text-align: center; padding-top: 0; margin: 0 auto; max-width: 360px;}
	.sub01-09 .slogan{margin: 0 auto;}
	.sub01-09 .slogan + p{margin-top: 2rem; word-break: keep-all;}
	.sub01-09 .text_2{width: 100%;}


	/* sub05-02(해외선교) */
	.sub05-02 .slogan{text-align: center;}
	.sub05-02 .sub-sect01 > div{flex-direction: column; gap: 2rem;}
	.sub05-02 .text_1 ul{padding: 1rem 0; border: 1px dashed #eee; border-style: dashed none; margin-top: 1.5rem;}
	.sub05-02 .text_1{width: fit-content;}
	.sub05-02 .text_2{width: 100%;}
	.sub05-02 .sub-sect02 .chart_form dt{width: 120px;}
	.sub05-02 .sub-sect02 .chart_form dd{width: calc(100% - 120px);}
 }

@media (max-width: 768px) {
	/* Tabs */
	.tab-buttons { gap:0.5rem; }
	.tab-buttons button { padding:0.5rem 2rem; }
	.tabs02 .tab-buttons button { padding:0.8rem 1rem; }
	.tabs02 .tab-buttons { gap:0.3rem; }

	/* Search Bar */
	.inSet { height:40px; line-height:40px; }
	/* .selLine { display:flex; justify-content:center; margin:2rem 0; } */
	
	/* List Box */
	.listBox .box-title { font-size:1.1rem; padding:1.5rem; }
	.listBox ul { grid-template-columns:repeat(2, 1fr); gap:0.5rem; }
	.listBox li { padding: 1.5rem 1rem; min-height:auto; }
	.listBox li .li-title { font-size:1rem; }
	.listBox .li-content p { font-size:0.85rem; }

	/* 약관 공통 */
	.policy_wrap{padding-top: 4rem;}

	/* sub01-01 (교회소개) */
	.sub01-01 .sub-sect01 .inner-1400 { grid-template-columns:1fr; gap:3rem; } 
	.sub01-01 .sub-sect01 .img-area .circle-text { width: 9rem; height: 9rem; right: -4rem; bottom: -3rem; } 
	.sub01-01 .sub-sect01 .text-area .name { font-size:0.9rem; } 
	.sub01-01 .sub-sect01 .text-area .name b { font-size:2rem; } 
	.sub01-01 .sub-sect01 .text-area .phrase .br{display: none;}
	.sub01-01 .sub-sect02 .slogan { font-size:1.3rem; } 
	.sub01-01 .sub-sect02 .box-area .title { font-size:1.3rem; } 
	.sub01-02 .sub-sect01::before { top: 105vh;}
	.sub01-03 .sub-sect01::before { top: 105vh;}

	.staff-line .staffWrap {grid-template-columns: repeat(1, 1fr);}
	.staff-line .staffWrap .staff{width: 90%; margin: 0 auto;}

	/* sub01-03 (교회 연혁) */
	.history-item .year { width:80px; font-size:2rem; }
	.sub01-02 .sub-sect01 .history-item { gap:0; }
	.history-item .dates li { font-size:0.9rem; line-height:1.3; grid-template-columns: 50px 1fr; }
	.history-item .year::before { right: -22px; }
	.sub01-02 .sub-sect01 .history-item { padding:0 1rem; }
	.sub01-03 .sub-sect01 .tab-content { padding-top:0; }

	/* sub01-03 (섬기는 사람들) */

	.sub01-04{padding-top: 4rem;}
	.sub01-04 .tab-content{padding-top: 3rem;}

	/* sub01-06 (오시는 길) */
	.sub01-06 .text-area li{gap: 1rem;}
	.sub01-06 .text-area li img{padding: 0 1rem;}
	.sub01-06 .text-area dd{font-size: 0.9rem;}
	.sub01-06 .text-area dd b{font-size: 1rem;}

	/* sub01-08 (교회 역사관) */
	.sub01-08 .sub-sect01 .img{aspect-ratio: 1/1;}
	.sub01-08 .sub-sect01 .text{padding: 2rem; width: fit-content;}
	.sub01-08 .text strong{font-size: 1.4rem;}
	.sub01-08 h3{font-size: 1.6rem; text-align: center;}
	.sub01-08 .text p{font-size: 1rem;}
	.sub01-08 .text b{font-size: 1.2rem; margin-top: 0.5rem;}
	.sub01-08 h3 + p{font-size: 1rem; margin-top: 1rem;}
	.sub01-08 .sub-sect03 p{text-align: center;}
	.sub01-08 .chart_form{font-size: 0.9rem; margin-top: 1rem;}
	.sub01-08 .sub-sect03 > div {flex-direction: column;}
	.sub01-08 .sub-sect03 .img{width: 100%; aspect-ratio: 1/1;}
	.sub01-08 .sub-sect03 .text{width: 100%; margin-bottom: 0; margin-top: 3rem;}
	.sub01-08 .sub-sect03 .text > span{margin-top: 2rem; text-align: right;}


	/* sub01-09 (새가족 등록 안내) */
	.sub01-09 .icons-grid{gap: 0.5rem; margin-bottom: 2rem;}
	.sub01-09 .icons-grid .step-n{font-size: 1rem;}
	.sub01-09 .icons-grid .text{font-size: 0.8rem;}
	.sub01-09 .chart_form dt{padding-bottom: 0; border-bottom: none; font-size: 1rem;}
	.sub01-09 .chart_form dd{width: 100%; padding-left: 1rem; padding-top: 0.5rem;}


	/* sub03(다음세대) 공통 */
	.shape_1 svg{height: 3rem;}
	.sub03 .sub-sect01{padding-top: 4rem;}
	.sub03 .sub-sect01 .img{max-height: 350px; border-radius: 0 5rem; overflow: hidden;}
	.sub03 .sub-sect02{padding-top: 3rem;}
	.sub03 .sub-sect02 .img{display: none;}
	.sub03 .text_wrap, .sub03 .img{width: 100% !important;}
	.sub03 .sub-sect01 > div, .sub03 .sub-sect02 > div{flex-direction: column-reverse; gap: 3rem;}
	.sub03 .text dd > p > b{padding: 0 0.25rem;}
	.sub03 .text dd > p > b::before{height: 0.8rem;}
	.thumbsSwiper{width: 50%;}
	.thumbsSwiper .swiper-wrapper{gap: 0.5rem;}

	/* sub04-01(제자훈련) */
	.traning_list .text h3{font-size: 1.4rem;}
	.traning_list .img{border-radius: 0 3rem;}
	.traning_list li:nth-child(even) .img{border-radius: 3rem 0;}

	/* sub04-02(성경대학) */
	.sub04-02 .sub-sect01{padding-top: 4rem;}
	.sub04-02 .sub-sect01 > div{flex-direction: column;}
	.sub04-02 .sub-sect01 .img{width: 100%; max-height: 350px;}
	.sub04-02 .sub-sect01 .text{width: 100%; padding-bottom: 0;}
	.sub04-02 .sub-sect01 .slogan, .sub04-02 .sub-sect01 .text > p{text-align: center;}
	.shape_2 svg{height: 1.5rem;}
	.sub04-02 .sub-sect02{padding-top: 4rem; background-size: contain;}
	.sub04-02 .sub-sect02 > div.inner-1400::after{margin-left: -0.5%;}
	.sub04-02 .sub-sect02 li h3{font-size: 1.2rem;}
	.sub04-02 .sub-sect02 li p{font-size: 0.9rem; word-break: break-all; text-align: justify;}

	/* sub05-01(국내선교) */
	.sub05-01 .slogan{font-size: 1.8rem;}
	.sub05-01 > article{padding-top: 4rem;}
	.sub05-01 .sub-sect01 > div{flex-direction: column-reverse; gap: 3rem;}
	.sub05-01 .sub-sect01 .text{width: 100%; text-align: center;}
	.sub05-01 .sub-sect01 .text h3{margin-left: auto; margin-right: auto;}
	.sub05-01 .chart_form{border-bottom: none;}
	.sub05-01 .chart_form dt:last-of-type, .sub05-01 .chart_form dd:last-of-type{border-bottom: 1px solid #eee;}
	.sub05-01 .chart_form dt{width: 70px;}
	.sub05-01 .chart_form dd{width: calc(50% - 70px);}

	/* sub05-02(해외선교) */
	.sub05-02 .text_2 h3{font-size: 1.2rem;}
	.sub05-02 .chart_form, .sub05-02 .text_2 p{font-size: 0.9rem;}

	/* sub07-01(온라인 헌금) */
	.sub07-01 > article{padding-top: 4rem;}
	.sub07-01 .donation{margin-top: 0;}
	.sub07-01 .mo_view{display: block;}
	.sub07-01 .mo_none{display: none;}
	.sub07-01 .chart_form dt{width: 30%;}
	.sub07-01 .chart_form dt:nth-child(2), .sub07-01 .chart_form dd{width: 70%;}
	.sub07-01 .chart_form dd{text-align: left;}
	.sub01-09 .text_2 > p{text-align: center;}

	/* 기부금 영수증 발급 안내 */
	#apply_01 > h2{font-size: 1.6rem;}
	#apply_01 strong{font-size: 1rem;}
	#apply_01 li{font-size: 0.9rem; line-height: 1.3rem;}
	#apply_01 .dot_list li::before{line-height: 1.3rem;}
}

@media (max-width: 480px) {
	.subGnb.inner-1400 { max-width:100%; } 
	.subGnb > div.goHome { width:20px; } 
	.subGnb > div.goHome img { width:20px; } 
	.subGnb .goHome a { transform:initial; } 

	/* Tabs */
	.tab-buttons button { font-size:0.7rem; padding:0.5rem 1rem; }
	.tabs02 .tab-buttons button { font-size:0.8rem; }

	/* sub01-01 (교회소개) */
	.sub01-01 .sub-sect01 .text-area { max-width:90%; margin:0 auto;} 
	.sub01-01 .sub-sect01 .text-area .slogan { font-size:1.5rem; } 

	/* sub01-02 (교회 연혁) */
	.history-item .year { width:60px; font-size:1.5rem; }
	.sub01-03 .sub-sect01::before {left: calc(100vw - 640px);}
	
	/* sub01-08 (교회 역사관) */
	.sub01-08 .sub-sect01 .text{margin-top: -4rem; padding: 1.5rem; border-radius: 0 2rem 0 2rem;}
	.sub01-08 .text p, .sub01-08 h3 + p{font-size: 0.9rem;}
	.sub01-08 .sub-sect03 .text > span{font-size: 0.8rem;}
	.sub01-08 .text b{font-size: 1.1rem; margin-top: 0.25rem;}

	/* sub04-01(제자훈련) */
	.traning_list .text{max-width: 50%;}
	.traning_list .text h3{font-size: 1.2rem;}
	.traning_list .text h3 b{margin-right: 0.5rem;}
	.traning_list .text p{font-size: 0.9rem; word-break: break-all; text-align: justify;}
	.sub04-02 .sub-sect01 .slogan{font-size: 1.6rem;}
	.sub04-02 .sub-sect02 > div.inner-1400::after{display: none;}
	.sub04-02 .sub-sect02 h2{font-size: 1.6rem; margin-bottom: 2rem; margin-left: auto; margin-right: auto;}
	.sub04-02 .sub-sect02 h2::before{height: 1rem;}
	.sub04-02 .sub-sect02 ul{gap: 2rem;}
	.sub04-02 .sub-sect02 li{width: 100%;}

	/* sub05-01(국내선교) */
	.sub05-01 .sub-sect02 .cursive, .sub05-02 .slogan, .sub05-02 .sub-sect02 h2, .sub01-09 .slogan{font-size: 1.6rem;}


	#ctt_con #apply_01{padding: 6rem 0;}
	#apply_01 > h2{font-size: 1.3rem; margin: 30px 0;}
	#apply_01 > div{margin-bottom: 30px;}
 }
@media (max-width: 375px) {
	.subGnb{gap: 1.5rem;}
	.subGnb > div + div::after{left: -1.25rem;}
}