@charset "utf-8";


/* 기본 좌우 정렬 */
.divide_hor { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide_hor .desc { width:65%; }
.divide_hor .desc h1 { font-size:1.1em; color:#003a76;}
.divide_hor .desc h2 { font-size:1.1em; color:#ff7e00;}
.divide_hor .pic { width:30%; }
.divide_hor .pic img { width:100%; }

.divide_hor_pic { display:flex; justify-content:space-between; flex-wrap:wrap; background:#f3f9fb; }
.divide_hor_pic .pic { width:35%; }
.divide_hor_pic .pic img { width:100%; }
.divide_hor_pic .desc { margin:auto 0; width:60%; }

.divide3_pic { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide3_pic .content { border-bottom:0px solid #dedede; width:31%; margin:0; overflow:hidden; }
.divide3_pic .content img { width:100%; margin:0 auto; }

.divide4_pic { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4_pic .content { border-bottom:0px solid #dedede; width:23.5%; margin:0; overflow:hidden; }
.divide4_pic .content img { width:100%; margin:0 auto; }

.divide4 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%;}
.divide4 .content { border-bottom:1px solid #dedede; width:23.5%; margin:0 0 1.8%; overflow:hidden; }
.divide4 .content .pic { display:block; text-align:center; }
.divide4 .content .pic img { width:100%; margin:0 auto; }
.divide4 .content .desc { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:90%; padding:5%; font-size:1.1em;}
.divide4 .content .desc h1 { display:block; margin:0 0 10px; font-size:1.5em; font-weight:600; color:#07439f; text-align:center; }
.divide4 .content .desc p { text-align:center; }

.divide4_tit { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4_tit .content { border-bottom:1px solid #dedede; width:23.5%; overflow:hidden; }
.divide4_tit .content h1 { background:#69c11e; padding:12px 0; font-size:1.2em; font-weight:; color:#fff; text-align:center; }
.divide4_tit .content span { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:90%; padding:5%; text-align:center; }








@media (min-width:1500px) {
	

/* 2차 메뉴 */
#snb_2dep { position:sticky; top:0; background:rgba(255,255,255,0.3); margin:70px auto 0; padding:10px 0; width:100%; z-index:6; }
#snb_2dep .nav ul { display: flex; justify-content:center; flex-wrap: wrap; }
#snb_2dep .nav ul li { width:10%; margin:0 5px; }
#snb_2dep .nav ul li a { display:block; background:#fff; border:1px #dedede solid; border-radius:30px; padding:12px; font-size:1.0em; color:#222; text-align: center; transition:all 0.3s;}
#snb_2dep .nav ul li a:hover { background:#fff; border:1px #ff7e00 solid; color:#ff7e00; transition:all 0.5s;}
#snb_2dep .nav ul li.on a { background:#ff7e00; border:1px #ff7e00 solid; font-weight:500;  color:#fff; }

/*#snb_2dep .nav ul li:last-child { visibility:hidden; }*/



/* 인사말 */
.about_1_1_1 { background: url(../images/about_01_01_01.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:200px 0 100px; margin:80px 0 100px; }
.about_1_1_1 .content { margin:0 auto; width:90%; max-width:1500px; }
.about_1_1_1 .content h1 { font-size:4.0em; font-weight:600; color:#fff; line-height:1.3em; text-align:center; }
.about_1_1_1 .content p { display:block; margin:30px auto 0; width:70%;  font-size:1.4em; color:#fff; line-height:1.6em; text-align:center; }

.about_1_1_2 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.about_1_1_2 .content:last-child { visibility:hidden; }
.about_1_1_2 .content { border:1px solid #dedede; width:20%; padding:3% 2%; margin:0.9% 0; text-align:center; }
.about_1_1_2 .content span { }
.about_1_1_2 .content span img { height:70px; }
.about_1_1_2 .content h1 { display:block; margin:25px 0 15px; font-size:1.5em; color:#222; text-align:center; }


/* 연혁 */
.history { margin:40px auto; width:90%; max-width:1500px; }	
.history .content { display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid #dedede; margin:0; padding:40px 0; }
.history .content .period { width:15%; font-size:2.8em; font-weight:800; color:#003a76; line-height:1.2em; letter-spacing:-2.0px; }
.history .content .desc { width:85%; margin:15px 0 0; }
.history .content .desc span { display:flex; margin:6px 0; }
.history .content .desc span h1 { width:6%; font-size:1.0em; color:#222; letter-spacing:-0.5px; }
.history .content .desc span ul { width:94%; }


/* 섬기는 분들 */
.about_1_4_1 { display:flex; justify-content:center; flex-wrap:wrap; margin:100px auto; width:90%; max-width:1500px; }
.about_1_4_1 .content { margin:0 5%; text-align:center; }
.about_1_4_1 .content h1 { display:block; margin:0 0 20px; font-size:1.8em; font-weight:700; color:#222; line-height:1.5em; letter-spacing:-0.5px; text-align: center; }
.about_1_4_1 .content h1:before {content :""; display:block; background:#003a76; margin:0 auto 5px; width:25px; height:2px; }
.about_1_4_1 .content img { width:170px; }
.about_1_4_1 .content p { display:block; margin:10px 0 0; font-size:1.0em; font-weight:500; color:#222; }

.about_1_4_2 { display:flex; justify-content:center; flex-wrap:wrap; margin:100px auto; width:90%; max-width:1500px; }
.about_1_4_2 h1 { display:block; border-bottom:1px solid #ccc; margin:0 0 40px; padding:0 0 20px; width:100%; font-size:1.8em; font-weight:700; color:#222; line-height:1.5em; letter-spacing:-0.5px; text-align: center; }
.about_1_4_2 h1:before {content :""; display:block; background:#003a76; margin:0 auto 5px; width:25px; height:2px; }
.about_1_4_2 .content { margin:0 1.5%; text-align:center; }
.about_1_4_2 .content img { width:130px; }
.about_1_4_2 .content p { display:block; margin:10px 0 0; font-size:1.0em; font-weight:500; color:#222; }


/* 교회활동안내 */
.about_3 { background:url(../images/about_03_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:100px 0; margin:100px 0 0; }
.about_3 article { display:block; text-align:center; }
.about_3 article span { display:block; margin:0 auto; font-weight:600; font-size:1.2em; color:#468acf;  }
.about_3 article h1 { display:block; font-size:3.0em; font-weight:700; color:#fff; line-height:1.4em; letter-spacing:-0.5px; }

.about_3 .content_wrap { margin:40px auto 80px; width:90%; max-width:1500px; }
.about_3 .content_wrap:last-child { margin:0 auto;}
.about_3 .content_wrap > h1 { display:block; background:#ff7e00; padding:15px 5%; width:90%; font-size:1.5em; color:#fff; text-align:center; }

.about_3 .content_wrap .content { display:flex; justify-content:; flex-wrap:wrap; }
.about_3 .content_wrap .content > ul { border-left:1px solid #c2c2c2; margin:30px 0 0; padding:0 3%; width:27.5%; color:#fff; }
.about_3 .content_wrap .content > ul:nth-child(1), .about_3 .content_wrap .content ul:nth-child(4) { border:none; padding:0 4% 0 1%; }
.about_3 .content_wrap .content > ul li h1 { display:block; margin:0 0 10px; font-size:1.3em; color:#ffd927;}

.about_3 .content_wrap .content ul li ul { display:flex; width:100%; }
.about_3 .content_wrap .content ul li ul li:nth-child(1) { width:; }
.about_3 .content_wrap .content ul li ul li:nth-child(2) { width:80%; margin:0 0 0 5px; }


/* 온라인 헌금 */
.about_5 { display:flex; flex-wrap:wrap; background:#f3f9fb; margin:100px auto; width:90%; max-width:1500px; }
.about_5 .pic { width:40%; margin:0 7% 0 0; }
.about_5 .pic img { width:100%; }
.about_5 .desc { margin:auto 0; width:53%; }
.about_5 .desc .bank { margin:0 0 40px;}
.about_5 .desc .bank img { height:50px; }
.about_5 .desc ul { display:flex; flex-wrap:wrap; }
.about_5 .desc ul li { margin:0 10% 0 0;}
.about_5 .desc ul li span { display:inline-block; background:#005bac; border-radius:30px; padding:4px 15px; margin:0 0 25px; color:#fff; text-align:center; }
.about_5 .desc ul li h1 { font-size:2.2em; color:#222; }
.about_5 .desc ul li h2 { font-size:1.3em; color:#222; }
.about_5 .desc .tip { display:block; margin:40px 0 0; }
.about_5 .desc .tip strong { color:#005bac; }


/* 새가족 등록 */
.about_6 { margin:100px auto; width:90%; max-width:1500px; }
.about_6 .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 0 90px; }
.about_6 .content:last-child { margin:0; }
.about_6 .content .desc { margin:auto 0; width:50%; }
.about_6 .content .desc h1 { display:block; margin:0 0 20px; color:#222; }
.about_6 .content .desc p strong { color:#ff7e00; }
.about_6 .content .pic { width:45%; }
.about_6 .content .pic img { width:100%; }
.about_6 .content:nth-child(2) .desc { order:2; }


/* 시설안내 */
.facility { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; margin:10px 0 0; }
.facility .content { border:1px solid #dedede; margin:0.9% 0; padding:1%; width:21.5%; }
.facility .content img { width:100%; }
.facility .content p { display:block; margin:15px 0 0; font-size:1.1em; font-weight:600; color:#222; text-align:center; }


/* 예배안내 */
.growth_info { background:#f3f9fb; padding:80px 0 70px; }
.growth_info .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1500px; }
.growth_info .content_wrap .content { background:#fff; border:1px solid #cfdade; margin:2% 1%; padding:3% 0.5%; width:21.5%; text-align:center; }
.growth_info .content_wrap .content span { display:block; }
.growth_info .content_wrap .content span img { height:50px; }
.growth_info .content_wrap .content h1 { display:block; margin:30px 0 20px; font-size:1.5em; color:#222; }
.growth_info .content_wrap .content h1:after {content :""; display:block; background:#003a76; margin:12px auto 0; width:30px; height:1px; }

.growth_pic { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px auto; width:90%; max-width:1500px; }
.growth_pic li { width:31%; }
.growth_pic li img { width:100%; }


/* 선교안내 */
.mission_intro { display:flex; justify-content:space-between; flex-wrap:wrap; background:#f3f9fb; margin:100px auto; width:90%; max-width:1500px; }
.mission_intro .pic { width:35%; }
.mission_intro .pic img { width:100%; }
.mission_intro .desc { margin:auto 0; width:60%; }
.mission_intro .desc h1 { color:#222; }
.mission_intro .desc p { display:block; margin:30px 0 0; }

.ministry_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px 0 0; }
.ministry_wrap li { border-left:1px solid #dedede; width:24.5%; text-align:center; }
.ministry_wrap li:first-child { border:0; }
.ministry_wrap li img { height:70px; }
.ministry_wrap li p { display:block; margin:15px 0 0; font-weight:600; color:#222; }


/* 교회학교 */
.growth_wrap { margin:100px auto; width:90%; max-width:1500px; }
.growth_wrap .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px 0;}
.growth_wrap .content .pic { width:50%; }
.growth_wrap .content .pic img { width:100%;  }
.growth_wrap .content .desc { margin:auto 0; width:45%; }
.growth_wrap .content .desc h1 { font-size:2.7em; color:#222; }
.growth_wrap .content .desc h2 { display:block; margin:30px 0; font-size:1.1em; font-weight:500; color:#222; line-height:1.5em; }
.growth_wrap .content .desc .sort { display:flex; justify-content:space-between; flex-wrap:wrap; }
.growth_wrap .content .desc ul { width:50%; }
.growth_wrap .content .desc ul li { margin:7px 0; }
.growth_wrap .content .desc ul li span { display:inline-block; border-radius:30px; margin:0 10px 0 0; padding:5px 10px; width:90px; font-weight:500; color:#fff; text-align:center; }
.growth_wrap .content .desc ul li span.yellow { background:#ffc600; }
.growth_wrap .content .desc ul li span.orange { background:#ff9b2f; }
.growth_wrap .content .desc ul li span.green { background:#72ce19; }
.growth_wrap .content .desc ul li span.red { background:#ff7263; }
.growth_wrap .content .desc ul li span.pink { background:#ff6da7; }
.growth_wrap .content .desc ul li span.blue { background:#5686dd; }
.growth_wrap .content .desc ul li p { display:inline-block; }


}



@media (min-width:768px) and (max-width:1499px){


/* 2차 메뉴 */
#snb_2dep { position:sticky; top:0; background:rgba(255,255,255,0.3); margin:60px auto 0; padding:10px 0; width:100%; z-index:6; }
#snb_2dep .nav ul { display: flex; justify-content:center; flex-wrap: wrap; }
#snb_2dep .nav ul li { width:11%; margin:0 5px; }
#snb_2dep .nav ul li a { display:block; background:#fff; border:1px #dedede solid; border-radius:30px; padding:12px; font-size:1.0em; color:#222; text-align: center; transition:all 0.3s;}
#snb_2dep .nav ul li a:hover { background:#fff; border:1px #ff7e00 solid; color:#ff7e00; transition:all 0.5s;}
#snb_2dep .nav ul li.on a { background:#ff7e00; border:1px #ff7e00 solid; font-weight:500;  color:#fff; }

/*#snb_2dep .nav ul li:last-child { visibility:hidden; }*/



/* 인사말 */
.about_1_1_1 { background: url(../images/about_01_01_01.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:180px 0 80px; margin:70px 0 90px; }
.about_1_1_1 .content { margin:0 auto; width:90%; }
.about_1_1_1 .content h1 { font-size:3.8em; font-weight:600; color:#fff; line-height:1.3em; text-align:center; }
.about_1_1_1 .content p { display:block; margin:30px auto 0; width:70%;  font-size:1.3em; color:#fff; line-height:1.6em; text-align:center; }

.about_1_1_2 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.about_1_1_2 .content:last-child { visibility:hidden; }
.about_1_1_2 .content { border:1px solid #dedede; width:28%; padding:3% 2%; margin:0.9% 0; text-align:center; }
.about_1_1_2 .content span { }
.about_1_1_2 .content span img { height:70px; }
.about_1_1_2 .content h1 { display:block; margin:20px 0 15px; font-size:1.4em; color:#222; text-align:center; }


/* 연혁 */
.history { margin:30px auto; width:90%; }	
.history .content { display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid #dedede; margin:0; padding:40px 0; }
.history .content .period { width:17%; font-size:2.5em; font-weight:800; color:#003a76; line-height:1.2em; letter-spacing:-2.0px; }
.history .content .desc { width:83%; margin:10px 0 0; }
.history .content .desc span { display:flex; margin:6px 0; }
.history .content .desc span h1 { width:8%; font-size:1.0em; color:#222; letter-spacing:-0.5px; }
.history .content .desc span ul { width:92%; }


/* 섬기는 분들 */
.about_1_4_1 { display:flex; justify-content:center; flex-wrap:wrap; margin:90px auto; width:90%; }
.about_1_4_1 .content { margin:0 5%; text-align:center; }
.about_1_4_1 .content h1 { display:block; margin:0 0 20px; font-size:1.7em; font-weight:700; color:#222; line-height:1.5em; letter-spacing:-0.5px; text-align: center; }
.about_1_4_1 .content h1:before {content :""; display:block; background:#003a76; margin:0 auto 5px; width:24px; height:2px; }
.about_1_4_1 .content img { width:160px; }
.about_1_4_1 .content p { display:block; margin:10px 0 0; font-size:1.0em; font-weight:500; color:#222; }

.about_1_4_2 { display:flex; justify-content:center; flex-wrap:wrap; margin:90px auto; width:90%; }
.about_1_4_2 h1 { display:block; border-bottom:1px solid #ccc; margin:0 0 40px; padding:0 0 20px; width:100%; font-size:1.7em; font-weight:700; color:#222; line-height:1.5em; letter-spacing:-0.5px; text-align: center; }
.about_1_4_2 h1:before {content :""; display:block; background:#003a76; margin:0 auto 5px; width:24px; height:2px; }
.about_1_4_2 .content { margin:0 1%; text-align:center; }
.about_1_4_2 .content img { width:120px; }
.about_1_4_2 .content p { display:block; margin:10px 0 0; font-size:1.0em; font-weight:500; color:#222; }


/* 교회활동안내 */
.about_3 { background:url(../images/about_03_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:90px 0; margin:90px 0 0; }
.about_3 article { display:block; text-align:center; }
.about_3 article span { display:block; margin:0 auto; font-weight:600; font-size:1.2em; color:#468acf;  }
.about_3 article h1 { display:block; font-size:2.8em; font-weight:700; color:#fff; line-height:1.4em; letter-spacing:-0.5px; }

.about_3 .content_wrap { margin:35px auto 70px; width:90%; }
.about_3 .content_wrap:last-child { margin:0 auto;}
.about_3 .content_wrap > h1 { display:block; background:#ff7e00; padding:15px 5%; width:90%; font-size:1.5em; color:#fff; text-align:center; }

.about_3 .content_wrap .content { display:flex; justify-content:; flex-wrap:wrap; }
.about_3 .content_wrap .content > ul { border-left:1px solid #c2c2c2; margin:30px 0 0; padding:0 3%; width:27.5%; color:#fff; }
.about_3 .content_wrap .content > ul:nth-child(1), .about_3 .content_wrap .content ul:nth-child(4) { border:none; padding:0 4% 0 1%; }
.about_3 .content_wrap .content > ul li h1 { display:block; margin:0 0 10px; font-size:1.3em; color:#ffd927;}

.about_3 .content_wrap .content ul li ul { display:flex; width:100%; }
.about_3 .content_wrap .content ul li ul li:nth-child(1) { width:; }
.about_3 .content_wrap .content ul li ul li:nth-child(2) { width:80%; margin:0 0 0 5px;  }


/* 온라인 헌금 */
.about_5 { display:flex; flex-wrap:wrap; background:#f3f9fb; margin:90px auto; width:90%; }
.about_5 .pic { width:40%; margin:0 7% 0 0; }
.about_5 .pic img { width:100%; }
.about_5 .desc { margin:auto 0; width:53%; }
.about_5 .desc .bank { margin:0 0 30px;}
.about_5 .desc .bank img { height:40px; }
.about_5 .desc ul { display:flex; flex-wrap:wrap; }
.about_5 .desc ul li { margin:0 10% 0 0;}
.about_5 .desc ul li span { display:inline-block; background:#005bac; border-radius:30px; padding:3px 10px; margin:0 0 15px; color:#fff; text-align:center; }
.about_5 .desc ul li h1 { font-size:1.8em; color:#222; }
.about_5 .desc ul li h2 { font-size:1.2em; color:#222; }
.about_5 .desc .tip { display:block; margin:30px 0 0; }
.about_5 .desc .tip strong { color:#005bac; }


/* 새가족 등록 */
.about_6 { margin:90px auto; width:90%; }
.about_6 .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 0 80px; }
.about_6 .content:last-child { margin:0; }
.about_6 .content .desc { margin:auto 0; width:50%; }
.about_6 .content .desc h1 { display:block; margin:0 0 20px; font-size:1.8em; color:#222; }
.about_6 .content .desc p strong { color:#ff7e00; }
.about_6 .content .pic { width:45%; }
.about_6 .content .pic img { width:100%; }
.about_6 .content:nth-child(2) .desc { order:2; }


/* 시설안내 */
.facility { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; margin:10px 0 0; }
.facility .content { border:1px solid #dedede; margin:0.9% 0; padding:1%; width:21.5%; }
.facility .content img { width:100%; }
.facility .content p { display:block; margin:15px 0 0; font-size:1.1em; font-weight:600; color:#222; text-align:center; }


/* 예배안내 */
.growth_info { background:#f3f9fb; padding:70px 0 60px; }
.growth_info .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin:0 auto; width:90%; }
.growth_info .content_wrap .content { background:#fff; border:1px solid #cfdade; margin:2% 1%; padding:3% 0.5%; width:21.5%; text-align:center; }
.growth_info .content_wrap .content span { display:block; }
.growth_info .content_wrap .content span img { height:40px; }
.growth_info .content_wrap .content h1 { display:block; margin:25px 0 20px; font-size:1.4em; color:#222; }
.growth_info .content_wrap .content h1:after {content :""; display:block; background:#003a76; margin:12px auto 0; width:30px; height:1px; }

.growth_pic { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto; width:90%; }
.growth_pic li { width:31%; }
.growth_pic li img { width:100%; }


/* 선교안내 */
.mission_intro { display:flex; justify-content:space-between; flex-wrap:wrap; background:#f3f9fb; margin:100px auto; width:90%; }
.mission_intro .pic { width:35%; }
.mission_intro .pic img { width:100%; }
.mission_intro .desc { margin:auto 0; width:60%; }
.mission_intro .desc h1 { color:#222; }
.mission_intro .desc p { display:block; margin:30px 0 0; }

.ministry_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px 0 0; }
.ministry_wrap li { border-left:1px solid #dedede; width:24.5%; text-align:center; }
.ministry_wrap li:first-child { border:0; }
.ministry_wrap li img { height:70px; }
.ministry_wrap li p { display:block; margin:15px 0 0; font-weight:600; color:#222; }


/* 교회학교 */
.growth_wrap { margin:90px auto; width:90%; }
.growth_wrap .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px 0;}
.growth_wrap .content .pic { width:50%; }
.growth_wrap .content .pic img { width:100%;  }
.growth_wrap .content .desc { margin:auto 0; width:45%; }
.growth_wrap .content .desc h1 { font-size:2.4em; color:#222; }
.growth_wrap .content .desc h2 { display:block; margin:20px 0; font-size:1.05em; font-weight:500; color:#222; line-height:1.5em; }
.growth_wrap .content .desc .sort { display:flex; justify-content:space-between; flex-wrap:wrap; }
.growth_wrap .content .desc ul { }
.growth_wrap .content .desc ul li { margin:7px 0; }
.growth_wrap .content .desc ul li span { display:inline-block; border-radius:30px; margin:0 10px 0 0; padding:3px 10px; width:90px; font-size:0.95em; font-weight:500; color:#fff; text-align:center; }
.growth_wrap .content .desc ul li span.yellow { background:#ffc600; }
.growth_wrap .content .desc ul li span.orange { background:#ff9b2f; }
.growth_wrap .content .desc ul li span.green { background:#72ce19; }
.growth_wrap .content .desc ul li span.red { background:#ff7263; }
.growth_wrap .content .desc ul li span.pink { background:#ff6da7; }
.growth_wrap .content .desc ul li span.blue { background:#5686dd; }
.growth_wrap .content .desc ul li p { display:inline-block; }


}


@media (max-width:767px){
	
/* 기본 좌우 정렬 */
.divide_hor { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide_hor .desc { order:2; width:100%; }
.divide_hor .desc h1 { font-size:1.1em; color:#003a76;}
.divide_hor .desc h2 { font-size:1.1em; color:#ff7e00;}
.divide_hor .pic { display:block; margin:0 0 30px; width:100%; }
.divide_hor .pic img { width:100%; }

.divide_hor_pic { display:flex; justify-content:space-between; flex-wrap:wrap; background:#f3f9fb; }
.divide_hor_pic .pic { width:100%; }
.divide_hor_pic .pic img { width:100%; }
.divide_hor_pic .desc { padding:8%; width:84%; }

.divide4_pic { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4_pic .content { border-bottom:0px solid #dedede; width:48%; margin:2% 0; overflow:hidden; }
.divide4_pic .content img { width:100%; margin:0 auto; }

.divide4 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4 .content { border-bottom:1px solid #dedede; width:47%; margin:0 0 6%; overflow:hidden;}
.divide4 .content .pic { display:block; text-align:center; }
.divide4 .content .pic img { width:100%; margin:0 auto; }
.divide4 .content .desc { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:90%; padding:5%;}
.divide4 .content .desc h1 { display:block; margin:0 0 10px; font-size:1.5em; font-weight:600; color:#07439f; text-align:center; }
.divide4 .content .desc p { text-align:center; }	
.divide4 .hidden { display:none; }	

.divide4_tit { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4_tit .content { border-bottom:1px solid #dedede; width:48.5%; margin:1.5% 0; overflow:hidden; }
.divide4_tit .content h1 { background:#69c11e; padding:10px 0; font-size:1.0em; font-weight:; color:#fff; text-align:center; }
.divide4_tit .content span { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:80%; padding:10%; text-align:center; }



/* 2차 메뉴 */
#snb_2dep { position:sticky; top:0; background:rgba(255,255,255,0.3); margin:50px auto 0; padding:10px 0; width:100%; z-index:6; }
#snb_2dep .nav ul { display: flex; justify-content:center; flex-wrap: wrap; }
#snb_2dep .nav ul li { width:33%; margin:0 3px 6px; }
#snb_2dep .nav ul li a { display:block; background:#fff; border:1px #dedede solid; border-radius:30px; padding:5px 6px; font-size:0.9em; color:#222; text-align: center; transition:all 0.3s;}
#snb_2dep .nav ul li a:hover { background:#fff; border:1px #ff7e00 solid; color:#ff7e00; transition:all 0.5s;}
#snb_2dep .nav ul li.on a { background:#ff7e00; border:1px #ff7e00 solid; font-weight:600;  color:#fff; }

/*#snb_2dep .nav ul li:last-child { visibility:hidden; }*/



/* 인사말 */
.about_1_1_1 { background: url(../images/about_01_01_01_mob.jpg) center no-repeat; background-size:cover; padding:100px 0 60px; margin:40px 0 60px; }
.about_1_1_1 .content { margin:0 auto; width:90%; }
.about_1_1_1 .content h1 { font-size:2.8em; font-weight:600; color:#fff; line-height:1.3em; letter-spacing:1.0px; text-align:center; }
.about_1_1_1 .content p { display:block; margin:20px auto 0; width:80%;  font-size:1.1em; color:#fff; line-height:1.5em; text-align:center; }

.about_1_1_2 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.about_1_1_2 .content:last-child { display:none; }
.about_1_1_2 .content { border:1px solid #dedede; width:83.5%; padding:10% 8%; margin:3% 0; text-align:center; }
.about_1_1_2 .content span { }
.about_1_1_2 .content span img { height:50px; }
.about_1_1_2 .content h1 { display:block; margin:20px 0 15px; font-size:1.4em; color:#222; text-align:center; }


/* 연혁 */
.history { margin:0 auto; width:90%; }	
.history .content { display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid #dedede; margin:0; padding:20px 0; }
.history .content .period { width:100%; font-size:1.6em; font-weight:800; color:#003a76; line-height:1.2em; letter-spacing:0; }
.history .content .desc { width:100%; margin:0; }
.history .content .desc span { display:block; margin:7px 0; }
.history .content .desc span h1 { display:block; font-size:1.0em; color:#222; letter-spacing:0; }
.history .content .desc span ul { }


/* 섬기는 분들 */
.about_1_4_1 { display:flex; justify-content:center; flex-wrap:wrap; margin:60px auto; width:90%; }
.about_1_4_1 .content { margin:0 7%; text-align:center; }
.about_1_4_1 .content h1 { display:block; margin:0 0 10px; font-size:1.2em; font-weight:700; color:#222; line-height:1.5em; letter-spacing:-0.5px; text-align: center; }
.about_1_4_1 .content h1:before {content :""; display:block; background:#003a76; margin:0 auto 5px; width:14px; height:2px; }
.about_1_4_1 .content img { width:100px; }
.about_1_4_1 .content p { display:block; margin:10px 0 0; font-size:1.0em; font-weight:500; color:#222; }

.about_1_4_2 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto; width:90%; }
.about_1_4_2 h1 { display:block; border-bottom:1px solid #ccc; margin:0 0 20px; padding:0 0 10px; width:100%; font-size:1.2em; font-weight:700; color:#222; line-height:1.5em; letter-spacing:-0.5px; text-align: center; }
.about_1_4_2 h1:before {content :""; display:block; background:#003a76; margin:0 auto 5px; width:14px; height:2px; }
.about_1_4_2 .content { margin:0 0 20px; width:24%; text-align:center; }
.about_1_4_2 .content img { width:100%; }
.about_1_4_2 .content p { display:block; margin:5px 0 0; font-size:1.0em; font-weight:500; color:#222; line-height:1.2em; }


/* 교회활동안내 */
.about_3 { background:url(../images/about_03_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:60px 0; margin:60px 0 0; }
.about_3 article { display:block; text-align:center; }
.about_3 article span { display:block; margin:0 auto; font-weight:600; font-size:0.9em; color:#468acf;  }
.about_3 article h1 { display:block; font-size:1.8em; font-weight:700; color:#fff; line-height:1.4em; letter-spacing:-0.5px; }

.about_3 .content_wrap { margin:25px auto 40px; width:90%; }
.about_3 .content_wrap:last-child { margin:0 auto;}
.about_3 .content_wrap > h1 { display:block; background:#ff7e00; margin:0 0 10px; padding:10px 5%; width:90%; font-size:1.3em; color:#fff; text-align:center; }

.about_3 .content_wrap .content { display:flex; justify-content:; flex-wrap:wrap; }
.about_3 .content_wrap .content > ul { border-bottom:1px solid rgba(255,255,255,0.3); margin:6px 0; padding:0 3% 12px 3%; width:93%; color:#fff; }
.about_3 .content_wrap .content > ul:last-child { border:none; }
.about_3 .content_wrap .content > ul li h1 { display:block; margin:0 0 5px; font-size:1.1em; color:#ffd927;}

.about_3 .content_wrap .content ul li ul { display:flex; width:100%; }
.about_3 .content_wrap .content ul li ul li:nth-child(1) { width:; }
.about_3 .content_wrap .content ul li ul li:nth-child(2) { width:80%; margin:0 0 0 5px;  }


/* 온라인 헌금 */
.about_5 { display:flex; flex-wrap:wrap; background:#f3f9fb; margin:60px auto; width:90%; }
.about_5 .pic { width:100%; }
.about_5 .pic img { width:100%; }
.about_5 .desc { padding:15% 10%; width:80%; }
.about_5 .desc .bank { margin:0 0 30px; text-align:center; }
.about_5 .desc .bank img { height:30px; }
.about_5 .desc ul { text-align:center; }
.about_5 .desc ul li { margin:25px 0;}
.about_5 .desc ul li span { display:inline-block; background:#005bac; border-radius:30px; padding:4px 12px; margin:0 0 10px; color:#fff; text-align:center; }
.about_5 .desc ul li h1 { font-size:1.5em; color:#222; }
.about_5 .desc ul li h2 { font-size:1.1em; color:#222; }
.about_5 .desc .tip { display:block; margin:20px 0 0; text-align:center; }
.about_5 .desc .tip strong { color:#005bac; }


/* 새가족 등록 */
.about_6 { margin:60px auto; width:90%; }
.about_6 .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 0 50px; }
.about_6 .content:last-child { margin:0; }
.about_6 .content .desc { order:2; margin:25px 0 0; width:100%; }
.about_6 .content .desc h1 { display:block; margin:0 0 10px; font-size:1.4em; color:#222; }
.about_6 .content .desc p strong { color:#ff7e00; }
.about_6 .content .pic { width:100%; }
.about_6 .content .pic img { width:100%; }


/* 시설안내 */
.facility { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; margin:10px 0 0; }
.facility .content { border:1px solid #dedede; margin:1.3% 0; padding:2%; width:44%; }
.facility .content img { width:100%; }
.facility .content p { display:block; margin:5px 0 0; font-size:0.9em; font-weight:400; color:#222; text-align:center; }


/* 예배안내 */
.growth_info { background:#f3f9fb; padding:60px 0 50px; }
.growth_info .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px auto 0; width:90%; }
.growth_info .content_wrap .content { background:#fff; border:1px solid #cfdade; margin:2% 0; padding:8% 5%; width:37.5%; text-align:center; }
.growth_info .content_wrap .content span { display:block; margin:0 0 15px; }
.growth_info .content_wrap .content span img { height:25px; }
.growth_info .content_wrap .content h1 { display:block; margin:0 0 15px; font-size:1.1em; color:#222; }
.growth_info .content_wrap .content h1:after {content :""; display:block; background:#003a76; margin:5px auto 0; width:22px; height:1px; }

.growth_pic { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto; width:90%; }
.growth_pic li { margin:7px 0; width:100%; }
.growth_pic li img { width:100%; }


/* 선교안내 */
.mission_intro { display:flex; justify-content:space-between; flex-wrap:wrap; background:#f3f9fb; margin:60px auto; width:90%; }
.mission_intro .pic { width:100%; }
.mission_intro .pic img { width:100%; }
.mission_intro .desc { padding:8%; width:84%; }
.mission_intro .desc h1 { font-size:1.3em; color:#222; }
.mission_intro .desc p { display:block; margin:10px 0 0; }

.ministry_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0; }
.ministry_wrap li { border-left:1px solid #dedede; margin:6px 0; padding:2% 0; width:49%; text-align:center; }
.ministry_wrap li:nth-child(1), .ministry_wrap li:nth-child(3) { border:0; }
.ministry_wrap li img { height:35px; }
.ministry_wrap li p { display:block; margin:10px 0 0; font-weight:500; color:#222; }


/* 교회학교 */
.growth_wrap { margin:60px auto; width:90%; }
.growth_wrap .content { margin:60px 0;}
.growth_wrap .content .pic { margin:0; padding:0; }
.growth_wrap .content .pic img { width:100%;  }
.growth_wrap .content .desc { margin:30px 0 0; width:100%; }
.growth_wrap .content .desc h1 { font-size:1.8em; color:#222; }
.growth_wrap .content .desc h2 { display:block; margin:20px 0; font-size:1.05em; font-weight:500; color:#222; line-height:1.5em; }
.growth_wrap .content .desc .sort {  }
.growth_wrap .content .desc ul { margin:0; }
.growth_wrap .content .desc ul li { margin:7px 0; }
.growth_wrap .content .desc ul li span { display:inline-block; border-radius:30px; margin:0 10px 0 0; padding:3px 10px; width:70px; font-size:0.95em; font-weight:500; color:#fff; text-align:center; }
.growth_wrap .content .desc ul li span.yellow { background:#ffc600; }
.growth_wrap .content .desc ul li span.orange { background:#ff9b2f; }
.growth_wrap .content .desc ul li span.green { background:#72ce19; }
.growth_wrap .content .desc ul li span.red { background:#ff7263; }
.growth_wrap .content .desc ul li span.pink { background:#ff6da7; }
.growth_wrap .content .desc ul li span.blue { background:#5686dd; }
.growth_wrap .content .desc ul li p { display:inline-block; width:50%; vertical-align:top; }



}