@font-face {
    font-family: 'twaysky';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Somi';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/Somi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.f_tway{font-family: 'twaysky';}
.f_somi{font-family: 'Somi';}

.t_white{color:#fff;}

/*밑줄효과*/
.written_pen{  
   position: relative;
}
.written_pen::after {
  content: '';
  display: block;
  width: 0;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0px;
  background: rgba(252,176,64,0.3);
}
.pen_box:hover .written_pen::after {
  width: 100%;
  transition: width .3s;
}

.written_pen2{  
   position: relative;
}
.written_pen2::after {
  content: '';
  display: block;
  width: 0;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0px;
  background: rgba(252,176,64,0.3);
   width: 100%;
}





/*후원안내 박스*/
.offer_box1{
padding:30px;
border:1px solid #fcb040;
background:#f9f7e9;
}
.offer_box1:hover{
background:#fcb040;
transition:0.5s;
}

.off_info{
display: flex;
    justify-content: space-evenly;
    align-items: center;
}





/*인사말*/
.welcome_bg{padding:160px 0;}
.welcome_bg:before {content: "";position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 100vw;height: 65%;background-color: #F5F5F5;background-image: url(http://data.dimode.co.kr/UserData/1516ch/files/11/678/MS7snbjsgqzrp5Bf67Cw6rK9LmpwZ2RpbW9kZV83MTU0OTQxX2VuYwcc.jpg);background-size: cover;background-position-x: 32%;background-repeat: no-repeat;}
.pastor_img{padding-top:35px;}
.greeting_title{font-weight: 700; letter-spacing:3px; margin-bottom:40px;}
.greeting_box{ padding:70px 40px;background:#5b4e9b;color:#fff; }
.greeting_box>p{margin-top:30px;line-height:1.75;}
.pname_box {margin-top:70px;display: flex;align-items: center; justify-content: flex-end;gap: 25px;}



/*비전*/
.vision_title{margin-bottom:96px;}
.vision_cont { display: grid;grid-template-columns: 3fr 8fr;gap: 15px;color: #fff;}
.vision_txt>p:first-child{font-weight:600;}
.q_title{display:flex;justify-content: space-between;}

.panel_deco {border-bottom: 5px solid #9393ff;padding: 20px 0;}
.button_a {color:#fff; font-weight:800; }
.button_a:hover {color:#fff;text-decoration:none; }
.button_a>.num, .button_a>.plus{color:#9393ff; }
.panel-body>.vision_cont{padding:30px;}

/*.v_img{width:120px;height:120px;}*/

/*교회스토리*/
.story_title{line-height:1.75;text-shadow: 1px 1px 10px #333;}
.year_txt>span{border-bottom: 5px solid #5b4e9b;}
.t_history td{border-bottom:1px solid #ddd;padding:10px;}
.t_history.t_1  tr:hover{color:#5b4e9b;background:#f0eef3;transition:all 0.2s;}
.t_history.t_2  tr:hover{color:#5b4e9b;background:#e1dde7;transition:all 0.2s;}
.t_history td:first-child{font-weight:600;}
.t_history td:nth-child(2){opacity:0.9;}

/*섬기는분들*/
.sum_box:hover .sum_txt::before{content:"";position:absolute;top:-3%;left:-6%;width:30px;height:30px;border-radius:60px;background:rgba(255,255,255,0.2);}
.sum_bg:before{content: "";position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 100vw; height: 10%;background-color: #F0EFF6;}
.sum_box{padding:50px;display:grid;grid-template-columns:4fr 3fr;gap:60px;}
.sum_box:hover{background:#716eb7;box-shadow:0 0 10px #8394ff;color:#fff;transition:0.3s all;}
.sum_img::has(img){aspect-ratio:207/230; overflow: hidden;}
.sum_img>img{width:100%;}
.sum_txt{position:relative;margin-top:30px;}
.sum_txt>p:nth-child(2){opacity:0.8;}
.sum_mail{color:#333;}
.sum_mail:hover{text-decoration:none;}
.sum_box:hover .sum_mail{color:#fff;transition:0.3s all;}



/*담임목사 저서*/
.books_bg:before {content: "";position: absolute; left: 50%;top: 0;transform: translateX(-50%);width: 100vw;height: 30%; background-color: #F0EFF6;}
.book_box{padding:40px;background:#737dc3;color:#fff;transition:all 0.3s;}
.book_box:hover{background:#33315a;box-shadow:0 0 7px #716eb7;transition:all 0.3s; }
/*.book_box>p:nth-child(1){height:400px;background:#fff;}*/
.book_box>p:nth-child(2){margin-top:30px;}
.book_box>p:nth-child(3){color:#c4b5ef;}

.history_box>p{margin-bottom:40px;}
.history_book{line-height:2;}
.history_book>li::before{content:"- ";}
.history_book>li:hover{color:#5c45b7;transition:all 0.3s; }


/*새벽기도*/
.top_title_bg{height:600px;}
.top_title1,.top_title2 .top_title3{font-weight: 700;}
.top_title1 {margin-bottom: 85px;}
.t_dtime td{padding:10px 0;}
.worship_txt>p{line-height:2;margin-top:45px;}
.worship_txt>p:first-child{margin-top:0px;}
.top_title2 {margin-bottom: 40px;}
.top_title3 {line-height: 1.75;}
.time_table{margin-bottom:30px;}


/*수요바이블*/
.wed_bible>.top_title1 {margin-bottom:35px;}
.bible_intro{    padding: 110px 0px;text-align:center;color:#fff;}
.bible_txt>p:nth-child(2){line-height: 2;margin-top:45px;}
.bible_txt>p:nth-child(3){line-height: 2;margin-top:45px;}

/*차세대*/
.nxt_wrap{display: grid;grid-template-columns: 6fr 11fr;gap: 100px;}
.nxt_wrap2{display: grid;grid-template-columns: 11fr 6fr ;gap: 100px;}
.nxt_img1:has(img) {aspect-ratio:420/290; overflow: hidden;}
.nxt_img1>img{width:100%; }


.info_title{font-weight:700;}
.info_txt {margin-top: 35px;}
.t_time td{padding:5px 0px;}
.nxt_time_wrap{display: grid;grid-template-columns: 2fr 2fr 1fr;gap: 50px;}
hr.nxt_line{margin:40px 0;border-top:1px solid #333;}


/*대학청년*/
.youth>.info_age{margin-bottom:45px;}
.y_slogan{color:#5b4e9b;font-weight:600;}

.t_youth td:first-child{font-weight:600;}

.value_box>p{text-align:center;color:#fff;}
.value_box>p:first-child{font-weight:700;margin-bottom:20px;}
.value_box>p:nth-child(2){margin-bottom:60px;}
.value_wrap {display: grid;grid-template-columns: 1fr 1fr 1fr;gap:30px;}

.box-wrap {display: flex;align-items: center; justify-content: center;}
.box {position: relative;background: #000;height: 350px;cursor: pointer;overflow: hidden;box-shadow: 1px 1px 3px} .box:hover {box-shadow: 6px 6px 0px #8394ff;}
.box_txt{position:absolute;top:0%;left:0%;padding:30px 30px;color:#fff;}
.box img {transition: all 0.3s ease-in-out;}
.value_img:has(img) {aspect-ratio:450/350; overflow: hidden;}
.value_img>img{width:100%;}

.box:before {content: ''; background: #fff;width: 0px; height: 1px; position: absolute; right: 20px; top: 20px;transition: all 0.35s ease;}
.box:after {content: '';background: #fff;width: 1px; height: 0px;position: absolute; right: 20px; top: 20px;transition: all 0.35s ease;}
.box .info {position: absolute; left: 0; bottom: 0;color: #fff;width: 100%;padding: 30px 30px;box-sizing: border-box;opacity: 0;transition: all 0.3s ease-in-out;}
 /*.box .info h3 {font-size: 24px;line-height: 40px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;padding-bottom: 3px;}*/
.box .info p { font-size: 16px;overflow: hidden;  /*white-space: nowrap;text-overflow: ellipsis;*/}
.box:hover .info {opacity: 1;}
.box:hover img {opacity: 0.2;}
.box:hover:before {width: 60px;}
.box:hover:after {  height: 60px;}


/*c4c*/
.ministry_info_wrap  {display: grid;grid-template-columns: 5fr 9fr;gap: 100px;}
.c4c_txt>p{margin-bottom:45px;line-height:2;}
.c4c_txt>p:last-child{margin-bottom:0px;}
.offer_info>p:first-child {
    margin-bottom: 30px;
}
.offer_info_wrap{display: grid;grid-template-columns: 9fr 3fr;}

/*예배자들*/
.worshiper_txt>p{margin-bottom:45px;line-height:2;}
.worshiper_txt>p:last-child{margin-bottom:0px;}

/*축구*/
.soccer_info>p:nth-child(2){margin-top:60px;}
.notice_wrap { display: flex; justify-content: space-evenly;}
.notice_wrap>div{text-align:center;width:27%;}
.notice_wrap>div:first-child, .notice_wrap>div:nth-child(2){border-right:1px solid #ddd;}
.notice_wrap>div .icon{margin-bottom:20px;}
.player_info>p:first-child{margin-bottom:30px;}
.soccer_regi {display: grid;grid-template-columns: 7fr 5fr;}
.soccer_regi>.left>p:first-child{margin-bottom:30px;}
.soccer_regi>.left>p:nth-child(2){margin-bottom:20px;}
.site_bt{padding:10px 40px;background:#000;color:#fff;transition:0.3s;}
.site_bt:hover{color:#fff;background:#5b4e9b;text-decoration:none;transition:0.3s;}




/*지도*/
#unit5891 #daumRoughmapContainer1683007199916{ width:100% !important; }





@media  (max-width:1199px) {
	
	
}


@media (max-width:767px) {
.welcome_bg{padding:30px 0px;}
#unit4328>p{padding-top:20px;}
#unit4328>p>img{width:50%;}
}
.top_title2  {margin-bottom:20px;}
#component4663{padding:30px 15px !important;}
#component2365{padding:30px 15px !important;}
#component5487{padding:40px 15px !important;}

@media (max-width:430px) {
	.welcome_bg {padding: 0px 0;}
	.welcome_bg:before { content: none !important;}
	.pastor_img {padding-top: 0;}
	.pastor_img img {width: 100%;}
	.value_box>p:nth-child(2) {margin-bottom: 20px !important;}
	.notice_wrap>div>.icon>img{width:30% !important;}
	
}