@charset "utf-8";






/* 마이페이지 */
.mypage_bg{height:1140px; background:url("../images/mypage/mypage_bg.jpg") no-repeat center top; background-size:cover;}

.text_mypage{padding-top:45px; margin-bottom:90px; font-size:70px; color:#fff; font-weight:300; line-height:88px; text-align:center;}
.text_mypage strong{display:block; color:#fff; font-weight:500;}


.mypage_card_area{
  -ms-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
}

.card_section_area{width:343px; height:268px; padding:24px 20px 0; margin-bottom:20px;
  background-color:#fff; border:1px solid #cacaca; border-radius:5px;
  position:relative;
}

.title_card{padding-left:36px; padding-bottom:16px; margin-bottom:13px;
  background-repeat:no-repeat; background-position:left top; border-bottom:2px solid #1d1d1d;
  font-size:24px; color:#222;  
}
.title_card.info{background-image:url("../images/icon/icon_my_info.png");}
.title_card.pray{background-image:url("../images/icon/icon_pray.png");}
.title_card.book{background-image:url("../images/icon/icon_book.png");}
.title_card.activity{background-image:url("../images/icon/icon_activity.png");}
.title_card.notice{background-image:url("../images/icon/icon_notice.png");}

.photo_thumb{float:left; margin-right:13px;}

.myinfo_list{float:left; width:210px;}
.myinfo_list li{padding:10px 0 10px 87px; border-bottom:1px solid #eaeaea; font-size:15px; font-weight:300; position:relative;}
.myinfo_list li:before{content:""; width:9px; height:2px; background-color:#c1c1c1; 
  position:absolute; left:0; top:19px;
}

.myinfo_title{width:63px; font-size:15px; color:#666; font-weight:300; position:absolute; left:16px; top:10px;}
.myinfo_title:after{content:""; width:1px; height:10px; margin-top:-5px; background-color:#d3d3d3;
  position:absolute; right:0; top:50%;
}

.info_state{display:inline-block; height:25px; padding:0 10px; margin:-4px 0; border-radius:5px;
  font-size:15px; color:#fff; line-height:25px;
}

.info_more{display:block; width:84px; height:37px; border:1px solid #999; border-radius:30px;
  font-size:15px; color:#999; line-height:37px; text-align:center;
  position:absolute; right:20px; top:20px;
}
.info_more:after{display:inline-block; content:""; width:14px; height:13px; margin-left:4px; margin-right:-3px;
  background-image:url("../images/icon/icon_more.png"); vertical-align:middle;
}

.my_photo_list{margin-top:-10px;}
.my_photo_list li{padding:4px 0; border-bottom:1px solid #eaeaea;}
.my_photo_list li a{-webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative;
}


.photo_date{width:65px; font-size:15px; color:#888; text-align:center;}
.photo_date strong{display:block; font-size:30px; color:#888;}

.photo_info_text{width:151px; padding-left:20px; padding-right:30px; 
  font-size:15px; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.photo_info_text .photo_title{margin-bottom:5px; font-size:16px; color:#222; font-weight:400;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.photo_date2{display:block; margin-top:8px; font-size:14px; font-weight:300;}

.photo_thumb2{width:74px;}


.book_info_list{}
.book_info_list li{padding-left:18px;}
.book_info_list .myinfo_title{display:inline-block; width:95px; position:relative; left:0; top:0;}


.activity_list{float:none; width:auto;}
.activity_list li{padding-left:120px;}
.activity_list .myinfo_title{width:83px;}

.activity_list .activity_li{padding-left:0;}
.activity_list .activity_li:before{display:none;}

.activity_text li{padding:0 0 0 16px; margin-top:5px; border-bottom:0;}
.activity_text li:first-child{margin-top:0;}
.activity_text li:before{top:8px;}


.offering_area{float:left; width:120px; height:56px; padding-top:115px; margin-right:13px;
  background:#0098b1 url("../images/mypage/icon_offering.png") no-repeat center 19px;
  font-size:18px; color:#fff; font-weight:300; text-align:center;
}

.offering_list{float:left; width:210px;}
.offering_list li{padding:6px 0 6px 5px; border-bottom:1px solid #eaeaea;}
.offering_list .offering_check{font-size:15px; font-weight:700; text-decoration:underline;}

.btn_offering{display:inline-block; width:146px; height:27px; border:1px solid #ccc;
  font-size:15px; color:#033333; line-height:27px; text-align:center;
}


.notice_list{margin-top:-5px;}
.notice_list li{border-bottom:1px solid #eaeaea;}
.notice_list li a{display:block; padding-left:10px; line-height:47px; position:relative;}
.notice_list li strong{display:block; padding-right:110px; font-size:16px; color:#222;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.notice_list li span{font-size:14px; font-weight:300; position:absolute; right:0; top:0;}


/* 나의 정보 */
.info_write_tb{width:1120px; margin:0 auto; margin-bottom:32px; border-top:2px solid #222; border-bottom:2px solid #222;}
.info_write_tb tbody tr th{width:242px; height:65px; background-color:#f7f8fa; border-top:1px solid #ccc;
  font-size:20px; color:#222; text-align:left; font-weight:400; text-indent:24px;
}
.info_write_tb tbody tr td{padding:14px 20px; border-top:1px solid #ccc; font-size:18px; color:#666;}
.info_write_tb tbody tr:first-child th, .info_write_tb tbody tr:first-child td{border-top:0;}

.essential{margin-left:10px; font-size:20px;}

.text_id{font-size:18px; color:#666; font-weight:400;}

.input_type2{height:40px; border:1px solid #ccc; font-size:16px; color:#666; line-height:40px; text-indent:10px;}
.input_type2.pw{width:400px;}
.input_type2.email{width:400px;}
.input_type2.name{width:400px;}
.input_type2.phone{width:90px;}
.input_type2.birth{width:90px;}
.input_type2.address, .input_type2.address2{width:400px;}

.explain_input{margin-left:20px; font-size:16px; color:#999; font-weight:300;}

.btn_link{display:inline-block; min-width:76px; height:47px; padding:0 15px; margin-left:10px;
  background-color:#fafafa; border:1px solid #cecece;
  font-size:20px; color:#033333; font-weight:300; line-height:47px; text-align:center; vertical-align:middle;
}

.radio_list{}
.radio_list li{display:inline-block; margin-right:50px;}

.info_write_tb .d_radio label{font-size:18px;}

.check_list{display:inline-block; margin-left:45px;}
.check_list li{display:inline-block; margin-right:30px;}

.info_write_tb .d_check label{font-size:18px;}

.file_field_area .input_write.profile{width:400px;}

.open_list{}
.open_list li{display:inline-block; margin-right:42px;}

p.explain_input{margin-left:0; margin-top:10px;}


.birth_input{display:inline-block; padding-right:40px; position:relative;}
.birth_input .input_type2{width:215px;}
.birth_input button{position:absolute; right:0; top:0;}

.check_receive{display:inline-block; margin-left:10px;}


/* 만남의 교회 소개 */
.church_text{margin-bottom:50px; font-size:35px; color:#333; text-align:center; line-height:54px; letter-spacing:-0.06em; font-weight:300;}
.church_text strong{display:block; font-weight:400;}

.church_text2{padding:40px 0 145px; margin-top:45px; margin-bottom:55px;
  background:#00a2b1 url("../images/info/icon_church.png") no-repeat center 145px; 
  font-size:28px; color:#fff; line-height:40px; text-align:center; letter-spacing:-0.06em;
}

.info_img img{width:100%;}

.pastor_charge_name{float:left; font-size:35px; color:#222; font-weight:300;}

.profile_list{float:left; margin-left:26px; padding-left:28px; border-left:6px solid #eaeaea;}
.profile_list li{margin-top:7px; padding-left:29px;
  font-size:18px; line-height:33px; font-weight:300; position:relative;
}
.profile_list li:before{display:block; content:""; width:11px; height:3px; background-color:#eaeaea;
  position:absolute; left:0; top:15px;
}
.profile_list li:first-child{margin-top:0;}
.profile_list .profile_2:before{background-color:#bcbcbc;}


/* 만남의 교회 비전 */
.vision_text{font-size:40px; color:#333; text-align:center; line-height:54px; font-weight:300; position:relative;}
.vision_text strong{display:block; font-weight:500;}

.vision_text:after{content:""; width:2px; height:45px; margin-left:-1px; background-color:#00a2b1;
  position:absolute; left:50%; bottom:-60px;
}

.vision_list{margin-top:45px; padding:20px 50px; border:30px solid #f6f6f6;}
.vision_list li{display:table; padding:27px 0; border-top:1px solid #f1f1f1;}
.vision_list li:first-child{border-top:0;}

.vision_title{display:table-cell; width:245px; height:139px; padding-left:108px;
  font-size:30px; color:#fff; line-height:42px; vertical-align:middle; position:relative;
}
.vision_title:before{content:""; position:absolute; }

.vision_title1{background-image:url("../images/info/vision_tit_bg1.jpg");}
.vision_title1:before{width:39px; height:40px; background-image:url("../images/info/vision_icon1.png"); left:36px; top:51px;}

.vision_title2{background-image:url("../images/info/vision_tit_bg2.jpg");}
.vision_title2:before{width:45px; height:41px; background-image:url("../images/info/vision_icon2.png"); left:37px; top:51px;}

.vision_title3{background-image:url("../images/info/vision_tit_bg3.jpg");}
.vision_title3:before{width:38px; height:37px; background-image:url("../images/info/vision_icon3.png"); left:41px; top:52px;}

.vision_title4{background-image:url("../images/info/vision_tit_bg4.jpg");}
.vision_title4:before{width:45px; height:49px; background-image:url("../images/info/vision_icon4.png"); left:34px; top:45px;}

.vision_title5{background-image:url("../images/info/vision_tit_bg5.jpg");}
.vision_title5:before{width:48px; height:41px; background-image:url("../images/info/vision_icon5.png"); left:34px; top:45px;}

.vision_title6{background-image:url("../images/info/vision_tit_bg6.jpg");}
.vision_title6:before{width:48px; height:47px; background-image:url("../images/info/vision_icon6.png"); left:35px; top:46px;}

.vision_text2{display:table-cell; padding-left:50px; 
  font-size:18px; line-height:27px; font-weight:300; vertical-align:middle;
}


/* 원로 목사 */
.minister_text{font-size:35px; line-height:54px; font-weight:300; text-align:center;}
.minister_text strong{display:block; font-weight:500;}

.elder_minister_area{margin-top:50px; margin-bottom:76px; padding:62px 70px 55px;
  background:#00a2b1; /* Old browsers */
  background:-moz-linear-gradient(left, #00a2b1 0%, #009dc4 100%); /* FF3.6-15 */
  background:-webkit-linear-gradient(left, #00a2b1 0%,#009dc4 100%); /* Chrome10-25,Safari5.1-6 */
  background:linear-gradient(to right, #00a2b1 0%,#009dc4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2b1', endColorstr='#009dc4',GradientType=1 ); /* IE6-9 */
}

.elder_minister{float:right;}
.elder_minister_name{margin-top:24px; font-size:18px; color:#fff; line-height:24px; text-align:center;}
.elder_minister_name p{display:inline-block; margin-right:20px; color:#fff; text-align:left; vertical-align:middle;}
.elder_minister img.pict{width:303px;}


.text_minister{float:left; font-size:18px; color:#fff; line-height:33px; font-weight:300; letter-spacing:-0.06em;}
.text_minister strong{display:block; margin-bottom:15px; font-size:28px; color:#fff; line-height:40px; font-weight:500;}
.text_minister strong span{border-bottom:1px solid #fff; color:#fff;}


.minister_profile_area{padding-left:70px; margin-bottom:95px;}

.minister_name{float:left; font-size:35px; color:#222; line-height:44px; font-weight:300;}
.minister_name strong{display:block; color:#222;}

.profile_list_area{float:left; margin-left:26px; padding-left:28px; border-left:6px solid #eaeaea;}

.minister_profile_list{float:left; margin-left:97px; padding-left:30px; border-left:1px solid #eaeaea;}
.minister_profile_list li{padding-left:32px; font-size:18px; line-height:40px; font-weight:300; position:relative;}
.minister_profile_list li:before{display:block; content:""; width:11px; height:3px; background-color:#eaeaea;
  position:absolute; left:0; top:15px;
}

.minister_profile_list:first-child{padding-left:0; margin-left:0; border-left:0;}

.tab_list{margin-bottom:40px; border:1px solid #d3d3d3;}
.tab_list li{float:left; width:33.33%;}
.tab_list li a{display:block; height:58px; border-left:1px solid #d3d3d3;
  font-size:22px; font-weight:500; text-align:center; line-height:58px;
}
.tab_list li:first-chlid a{border-left:0;}
.tab_list .on a{background-color:#00a2b1; color:#fff;}

.tab_list_board{margin-bottom:40px; border:1px solid #d3d3d3;}
.tab_list_board li{float:left; width:33.33%;}
.tab_list_board li a{display:block; height:58px; border-left:1px solid #d3d3d3;
  font-size:22px; font-weight:500; text-align:center; line-height:58px;
}
.tab_list_board li:first-chlid a{border-left:0;}
.tab_list_board .on a{background-color:#00a2b1; color:#fff;}
.tab_list2 li{width:50%;}
.tab_list4 li{width:25%;}


/* 담임목사 */
.pastor_charge_text{font-size:35px; color:#333; font-weight:300; line-height:54px; text-align:center;}
.pastor_charge_text strong{display:block; color:#0da487; font-weight:500;}

.pastor_talk_box{margin-top:50px; margin-bottom:45px; padding:60px 70px 55px;
  background:#0da487; /* Old browsers */
  background:-moz-linear-gradient(left, #0da487 0%, #0eb5a7 100%); /* FF3.6-15 */
  background:-webkit-linear-gradient(left, #0da487 0%,#0eb5a7 100%); /* Chrome10-25,Safari5.1-6 */
  background:linear-gradient(to right, #0da487 0%,#0eb5a7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0da487', endColorstr='#0eb5a7',GradientType=1 ); /* IE6-9 */
}

.title_area{font-size:24px; color:#333; font-weight:500;}

.recommend_text_list{margin-top:40px; border:5px solid #d7d7d7;}
.recommend_text_list li{display:table; width:100%; padding:23px; border-top:2px solid #d7d7d7; box-sizing:border-box;}
.recommend_text_list li:first-child{border-top:0;}

.recommend_minister_img{display:table-cell; width:154px; vertical-align:middle;}
.recommend_minister_img img{border:3px solid #00a2b1;}
.recommend_minister_text{display:table-cell; padding-left:28px;
  font-size:18px; color:#666; font-weight:300; line-height:26px; letter-spacing:-0.08em; vertical-align:middle;
}
.recommend_minister_text strong{display:block; margin-bottom:10px; font-size:24px; color:#00a2b1; font-weight:500; background: url(../images/icon/arrow_icon.png) no-repeat left center; padding-left: 15px;}


/* 섬기는 이들 */
.serve_person_big img{width:100%; border:1px solid #cacaca;}

.serve_person_area{margin-top:47px; padding-top:46px; border-top:1px solid #dedbd2;}

.title_serve{font-size:24px; color:#333; font-weight:500;}
.serve_person_list{margin-top:24px; margin-left:-46px;}
.serve_person_list li{float:left; width:265px; margin-bottom:42px; margin-left:46px; border:1px solid #dedede;}

.serve_person_list .mb_space{margin-bottom:102px;}

.serve_person_name{padding:20px 0 0 30px; margin-bottom:22px; 
  font-size:18px; color:#666; font-weight:300; letter-spacing:-0.06em;
}
.serve_person_name > strong{display:block; margin-bottom:5px; padding-top:10px; font-size:20px; color:#333; font-weight:500;}


.serve_person_list.minister{margin-top:30px; margin-left:-15px;}
.serve_person_list.minister li{float:left; width:388px; height:339px; margin-bottom:39px; margin-left:15px; border:1px solid #dedede;}

.serve_person_name.minister{height:62px; padding-left:78px; margin:14px 0 0 18px;
  background:url("../images/info/serve_icon.png") no-repeat left top; 
  font-size:16px; color:#666; font-weight:300; letter-spacing:-0.06em;
}
.serve_person_name.minister strong{display:block; padding-top:10px; font-size:20px; color:#333; font-weight:500;}


/* 예배시간 */
.church_time_img{}
.church_time_img img{width:100%;}

.church_time_area{margin-top:52px; border-top:2px solid #222; border-bottom:2px solid #222;}

.church_time_tb{float:left; width:50%; border-left:2px solid #1a73a1;}
.church_time_tb tbody tr th{width:211px; height:82px; background-color:#f7f7f7; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;
  font-size:22px; color:#222; font-weight:700; text-align:left; text-indent:32px;
}
.church_time_tb tbody tr td{padding-left:42px; border-top:1px solid #e5e5e5; font-size:20px;}
.church_time_tb tbody tr:first-child th, .church_time_tb tbody tr:first-child td{border-top:0;}
.church_time_tb tbody tr td span{display:inline-block; min-width:38px; height:30px; padding:0 17px; margin-right:17px;
  background-color:#00a2b1; border-radius:2px;
  font-size:16px; color:#fff; line-height:30px; text-align:center;
}

.church_time_tb:first-child{border-left:0;}


/* 방문안내 */
.church_info_text{font-size:35px; color:#333; font-weight:300; text-align:center;}
.church_info_text:before{display:inline-block; content:""; width:36px; height:37px; margin-right:24px;
  background-image:url("../images/info/icon_location.png"); vertical-align:middle;
}
.church_info_text strong{display:block; margin-top:25px;}
.church_info_text strong:before{display:inline-block; content:""; width:38px; height:37px; margin-right:20px;
  background-image:url("../images/info/icon_phone.png"); vertical-align:middle;
}

.map_area{margin-top:40px; border:1px solid #cacaca; border-top:2px solid #00a2b1;}
.map_area img{width:100%;}

.park_area{margin-top:55px;}

.park_img_area{margin-top:25px;}

.park_map{float:left; margin-right:15px;}
.park_map img{border:1px solid #cacaca;}

.park_img_list{float:left; width:610px; margin-left:-17px; margin-top:-15px;}
.park_img_list li{float:left; margin-left:15px; margin-top:15px; position:relative;}

.park_name{height:62px; padding-left:16px; background-color:rgba(0,0,0,0.4); 
  font-size:22px; color:#fff; font-weight:700; line-height:62px;
  position:absolute; left:0; right:0; bottom:0;
}
.park_name strong{margin-left:24px; font-size:18px; color:#fff; font-weight:500;}
.park_name span{display:inline-block; width:45px; height:32px; font-size:20px; color:#fff; text-align:center; line-height:32px;}

.park_img_list .park_a{border:2px solid #00a2b1;width:97.7%;}
.park_img_list .park_a img{width:100%;}
.park_img_list .park_a .park_name{border-top:1px solid #00a2b1;}
.park_img_list .park_a .park_name span{background-color:#00a2b1;}

.park_img_list .park_b{border:2px solid #118bca;}
.park_img_list .park_b .park_name{border-top:1px solid #118bca;}
.park_img_list .park_b .park_name span{background-color:#118bca;}
.park_img_list .park_b .park_name strong{margin-left:10px;}

.park_img_list .park_c{border:2px solid #a7b100;}
.park_img_list .park_c .park_name{border-top:1px solid #a7b100;}
.park_img_list .park_c .park_name span{background-color:#a7b100;}
	
.park_img_list .park_d{border:2px solid #a7b100;}
.park_img_list .park_d .park_name{border-top:1px solid #a7b100;}
.park_img_list .park_d .park_name span{background-color:#a7b100;}

.transit_area{margin-top:64px;}

.bus_info_area{margin-top:25px;}

.bus_api{float:left; width:588px; height:714px; margin-right:17px; border:1px solid #cacaca;}

.transit_info_area{float:left; width:572px; border:10px solid #f6f6f6;}

.transit_text{padding:34px 30px; border-top:1px solid #f1f1f1;}
.transit_text:first-child{border-top:0;}

.title_transit{font-size:20px; color:#333;}

.transit_list{margin-top:15px;}
.transit_list li{padding-left:19px; font-size:16px; line-height:27px; font-weight:300; letter-spacing:-0.06em; position:relative;}
.transit_list li:before{content:""; width:11px; height:3px; background-color:#eaeaea;
  position:absolute; left:0; top:12px;
}
.transit_list strong{font-weight:500;}


.shuttle_area{margin-top:60px;}

.shuttle_tb_area{margin-top:26px;}
.shuttle_tb{}
.shuttle_tb thead tr th{height:73px; background-color:#00a2b1; border:1px solid #ccc; border-bottom:0;
  font-size:20px; color:#fff; text-align:center;
}

.shuttle_tb tbody .person th{height:131px; border:1px solid #ccc; border-top:0;
  font-size:18px; color:#222; font-weight:400; text-align:center;
}
.shuttle_tb tbody .person td{height:131px; border:1px solid #ccc; font-size:16px; text-align:center; line-height:20px;}

.shuttle_num{display:block; width:74px; height:28px; margin:0 auto 15px; border:1px solid #00a2b1; border-radius:30px;
  font-size:16px; color:#00a2b1; text-align:center; line-height:28px; font-weight:500;
}

.shuttle_tb tbody .route th{background-color:#f7f7f7; border-top:1px solid #ccc;
  font-size:18px; color:#222; font-weight:400; text-align:center;
}
.shuttle_tb tbody .route td{padding-bottom:60px; background-color:#f7f7f7; border-top:1px solid #ccc; border-left:1px solid #ccc; 
  vertical-align:top;
}

.route_list{width:224px; margin-left:40px; margin-top:20px;}
.route_list li{padding:10px 17px; border-top:1px solid #e0e0e0; font-size:16px; font-weight:300; position:relative;}
.route_list li:first-child{border-top:0;}
.route_list li strong{display:block; font-size:18px; color:#333;}
.route_list li:before{content:""; width:22px; height:64px; background-image:url("../images/info/arrow_route.png");
  position:absolute; left:-14px; top:9px;
}
.route_list li:last-child:before{height:22px;}


/* 190213 나의 정보 추가 */
.mypage_profile_img{width:110px; height:110px; border:1px solid #ccc; border-radius:100%;}

.my_profile_img{position:relative;}

.profile_btn_area{position:absolute; left:126px; top:5px;}

.profile_upload{display:block; width:123px; height:45px; margin-bottom:6px;
  background-color:#fafafa; border:1px solid #ccc;
  vertical-align:middle; overflow:hidden; position:relative;
}
.btn_profile_upload{width:100%; height:45px; font-size:20px; color:#333; font-weight:300; line-height:45px;}

.file_hidden{font-size:45px; cursor:pointer; position:absolute; right:0px; top:0px; opacity:0; 
  filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;
}

.delete_profile_img{display:inline-block; width:123px; height:45px; background-color:#b5b5b5; border:1px solid #ccc;
  font-size:20px; color:#fff; line-height:45px; text-align:center; font-weight:300;
}


/* 200720 섬기는 이들 추가 */
.title_serve2{padding-top:36px; padding-bottom:30px; border-bottom:1px solid #d6d6d6;
  font-size:40px; color:#333; font-weight:500;
}

.serve_person_list2{margin-top:40px; margin-left:-25px;}
.serve_person_list2 li{float:left; width:381px; margin-bottom:39px; margin-left:25px; border:1px solid #dedede;}

.serve_person_name2{padding:25px 30px;}
.serve_person_name2 p{font-size:18px; color:#00a2b1; font-weight:500;}
.serve_person_name2 strong{display:block; margin-top:5px; font-size:26px; color:#333; font-weight:500;}

.serve_person_big2{padding-top:46px;}
.serve_person_big2 img{width:100%;}

/* 201127 */
.serve_person_pic img{width:100%;}



/* ~ 1024px ----------- */
@media only screen 
and (max-width : 1023px)
{

	.info_write_tb{width:1064px;}

	/* 마이페이지 */
	.mypage_bg{height:auto; padding-bottom:120px;}

	.card_section_area{width:49%; height:320px; box-sizing:border-box;}

	.myinfo_list{float:right; width:56%;}

	.activity_list{float:none; width:auto;}

	.offering_list{float:right; width:56%;}


	/* 나의 정보 */
	.info_write_tb tbody tr th{width:200px;}

	.explain_input{display:block; margin-left:0; margin-top:10px;}

	.input_type2.phone{width:80px;}
	.input_type2.birth{width:80px;}
	.input_type2.address{width:48%;}
	.input_type2.address2{width:100%;}
	.input_type2.pw{width:305px;}

	.check_list{display:block; margin-left:0; margin-top:10px;}

	.file_field_area .input_write.profile{width:48%;}

	.open_list{margin-top:-10px;}
	.open_list li{margin-top:10px;}
	
	.check_receive{display:block; margin-left:0; margin-top:10px;}


	/* 만남의 교회 소개 */
	.church_text br{display:none;}
	.church_text strong{display:block;}

	.info_img{margin-left:-30px; margin-right:-30px;}

	.church_text2{padding-bottom:195px; margin-left:-30px; margin-right:-30px;
	  background:#00a2b1 url("../images/m/info/icon_church.png") no-repeat center bottom;
	}

	.pastor_charge_name{float:none;}

	.profile_list{float:none; margin-left:0; margin-top:20px; padding-top:24px; padding-left:0;
	  border-top:6px solid #eaeaea; border-left:0;
	}


	/* 만남의 교회 비전 */
	.vision_list{padding:0; margin-left:-30px; margin-right:-30px; 
	  border:0; border-top:30px solid #f6f6f6; border-bottom:30px solid #f6f6f6;
	}
	.vision_list li{display:block; padding:44px 30px;}

	.vision_title{display:block; width:auto; padding-left:0; background-size:cover; background-position:center center;
	  line-height:139px; text-align:center;
	}
	.vision_title br{display:none;}
	.vision_title:before{display:inline-block; margin-right:20px; vertical-align:middle; position:static;}

	.vision_text2{display:block; margin-top:25px; padding-left:0;}
	.vision_text2 br{display:none;}


	/* 원로 목사 */
	.elder_minister_area{margin:44px -30px 0 -30px; padding:54px 30px 220px; position:relative;}

	.elder_minister{float:none; text-align:center;}
	.elder_minister_name{position:absolute; left:0; right:0; bottom:80px;}

	.text_minister{float:none; margin-top:40px; text-align:center;}


	.minister_profile_area{padding-left:0; margin-top:54px; margin-bottom:46px;}

	.minister_name{float:none;}
	.minister_name strong{display:inline;}

	.profile_list_area{float:none; margin-left:0; padding-left:0; margin-top:20px; padding-top:24px;
	  border-top:6px solid #eaeaea; border-left:0;
	}

	.minister_profile_list{float:none; margin-left:0; padding-left:0; border-left:0;}
	.minister_profile_list li:before{top:17px;}

	.tab_list{margin-bottom:26px;}

	.tab_list_board{margin-bottom:26px;}


	/* 담임목사 */
	.pastor_talk_box{margin-bottom:45px;}


	/* 섬기는 이들 */
	.serve_person_area{margin:47px -30px 0;}

	.title_serve{margin-left:30px;}

	.serve_person_list{
	
		padding:0 30px; 
		margin-left:0;
		display: flex;
	    flex-basis: 1;
	    flex-wrap: wrap;
	
	}
	.serve_person_list li{width:48.52%; height:auto; margin-left:0; padding-bottom:15px;}
	.serve_person_list li:nth-child(even){float:right;}
	.serve_person_list img{width:100%;}


	/* 예배시간 */
	.church_time_tb{float:none; width:100%; border-left:0; border-top:1px solid #e5e5e5;}


	/* 방문안내 */
	.map_area{margin-right:-30px; margin-left:-30px;}

	.park_img_area{margin-top:25px;}

	.park_map{float:none; margin-left:-30px; margin-right:-30px;}
	.park_map img{width:100%; border-left:0; border-right:0;}

	.park_img_list{float:none; width:auto; margin-left:0; margin-top:0; padding-top:10px;}
	.park_img_list li{float:left; width:49.13%; margin-left:0; margin-top:20px; box-sizing:border-box;}
	.park_img_list li:nth-child(even){float:right;}

	.park_img_list li img{width:100%;}
	
	.park_img_list .park_a{width:100%;}

	.park_name{height:60px;font-size:24px; line-height:60px;}
	.park_name strong{font-size:24px;}

	.transit_area{margin-top:78px;}

	.bus_info_area{margin-top:25px;}

	.bus_api{float:none; width:auto; height:488px; margin-left:-30px; margin-right:-30px; border-right:0; border-left:0;
	  overflow:hidden;
	}
	.bus_api img{width:100%;}

	.transit_info_area{float:none; width:auto; margin:52px -30px 0; border-left:0; border-right:0;}

	.shuttle_area{margin-top:80px;}

	.shuttle_tb_area{margin:42px -30px 0;}

	.shuttle_tb{}
	.shuttle_tb thead tr th{height:73px; background-color:#00a2b1; border:1px solid #ccc; border-bottom:0;
	  font-size:20px; color:#fff; text-align:center;
	}
	
	
	/* 200720 섬기는 이들 추가 */
	.title_serve2{margin:0 30px;}

	.serve_person_list2{padding:0 30px; margin-left:0;}
	.serve_person_list2 li{width:48.52%; height:auto; margin-left:0;}
	.serve_person_list2 li:nth-child(even){float:right;}
	.serve_person_list2 img{width:100%;}

	.serve_person_big2{margin:0 -30px;}
	.serve_person_big2 img{width:100%;}
	
	.serve_person_list.minister{margin-left:0;}
	.serve_person_list.minister li{
	    width: 45.52%;
	    height: auto;
	    margin-left: 11px;
	}

}



/* ~ 768px ----------- */
@media only screen 
and (max-width : 766px)
{
	.info_write_tb{width:100%;}
	
	/* 마이페이지 */
	.mypage_bg{background:url("../images/m/mypage/mypage_bg.jpg") no-repeat center top;}

	.text_mypage{padding-top:39px; margin-bottom:37px; font-size:29px; line-height:35px;}

	.card_section_area{width:100%; height:auto; padding:17px 15px 30px;}

	.title_card{padding-left:27px; padding-bottom:12px; margin-bottom:10px; background-size:21px;
	  font-size:18px;
	}

	.photo_thumb{width:90px; margin-right:0;}
	.photo_thumb img{width:90px;}

	.myinfo_list{width:61.35%;}
	.myinfo_list li{padding:6px 0 6px 70px; font-size:12px;}
	.myinfo_list li:before{width:7px; top:12px;}

	.myinfo_title{width:46px; font-size:12px; left:12px; top:6px;}
	.myinfo_title:after{content:""; width:1px; height:10px; margin-top:-5px; background-color:#d3d3d3;
	  position:absolute; right:0; top:50%;
	}

	.info_state{height:19px; margin:-2px 0; font-size:12px; line-height:19px;}

	.info_more{width:63px; height:28px;
	  font-size:11px; line-height:28px; right:15px; top:15px;
	}
	.info_more:after{width:11px; height:10px; margin-left:4px; margin-right:-5px; background-size:100%;}

	.my_photo_list{margin-top:-10px;}
	.my_photo_list li{padding:4px 0; border-bottom:1px solid #eaeaea;}
	.my_photo_list li a{-webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;
	  -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative;
	}


	.photo_date{width:21.56%; font-size:12px;}
	.photo_date strong{font-size:22px;}

	.photo_info_text{width:50%; padding-left:10px; padding-right:15px; font-size:12px;}
	.photo_info_text .photo_title{margin-bottom:3px; font-size:12px;}
	.photo_date2{margin-top:4px; font-size:12px;}

	.photo_thumb2{width:55px;}


	.book_info_list li{padding-left:15px;}
	.book_info_list .myinfo_title{width:71px; margin-right:3px;}


	.activity_list{float:none; width:auto;}
	.activity_list li{padding-left:92px;}
	.activity_list .myinfo_title{width:62px;}

	.activity_list .activity_li{padding-left:0;}
	.activity_list .activity_li:before{display:none;}

	.activity_text li{padding:0 0 0 16px; margin-top:5px; border-bottom:0;}
	.activity_text li:first-child{margin-top:0;}
	.activity_text li:before{top:8px;}


	.offering_area{width:90px; height:42px; padding-top:86px; margin-right:0;
	  background-position:center 14px; background-size:65px;
	  font-size:14px;
	}

	.offering_list{width:61.35%;}
	.offering_list li{padding:3px 0 3px 3px;}
	.offering_list .offering_check{font-size:12px;}

	.btn_offering{width:110px; height:21px; font-size:12px; line-height:21px;}


	.notice_list{margin-top:-5px;}
	.notice_list li a{padding-left:7px; line-height:35px;}
	.notice_list li strong{padding-right:95px; font-size:12px;}
	.notice_list li span{font-size:12px;}


	/* 나의 정보 */
	.info_write_area{margin:0 -15px;}

	.info_write_tb{margin-bottom:32px;}
	.info_write_tb tbody tr th{width:38.5%; height:46px; font-size:14px; text-indent:15px;}
	.info_write_tb tbody tr td{padding:9px 15px; font-size:15px;}

	.essential{margin-left:8px; font-size:14px;}

	.text_id{font-size:15px; color:#666; font-weight:400;}

	.input_type2{height:34px; font-size:14px; line-height:34px;}
	.input_type2.pw{width:100%;}
	.input_type2.email{width:100%;}
	.input_type2.name{width:100%;}
	.input_type2.phone{width:29%;}
	.input_type2.birth{width:26%;}
	.input_type2.address{width:100%;}

	.explain_input{display:block; margin-left:0; margin-top:10px; font-size:13px;}
	p.explain_input{font-size:13px;}

	.btn_link{min-width:76px; height:34px; padding:0 15px; margin-left:0; margin-top:10px;
	  font-size:15px; line-height:34px;
	}

	.radio_list li{margin-right:22px;}

	.info_write_tb .d_radio label{font-size:13px;}

	.check_list{margin-left:0;}
	.check_list li{margin-right:22px;}

	.info_write_tb .d_check label{font-size:13px;}

	.file_field_area .input_write.profile{width:100%; margin-bottom:10px;}

	.open_list li{display:block; margin-right:0;}
	
	.birth_input{padding-right:32px;}
	.birth_input .input_type2{width:100%;}
	.birth_input button img{height:27px;}
	
	.check_receive{margin-top:5px;}
	
	.info_write_area .btn_area{padding:0 15px;}
	
	.info_write_area .file_field_area .input_write{width:100%;}
	.info_write_area .file_input_div{display:block; width:108px; height:35px; margin-left:0; margin-top:10px;}
	.info_write_area .file_input_button{height:35px; font-size:15px; line-height:35px;}


	/* 만남의 교회 소개 */
	.church_text{margin-bottom:25px; font-size:17px; line-height:24px;}

	.info_img{margin-left:-15px; margin-right:-15px;}

	.church_text2{padding:25px 0 100px; margin:15px -15px 25px; background-size:320px;
	  font-size:15px; line-height:24px;
	}

	.pastor_charge_name{font-size:17.5px;}

	.profile_list{border-top-width:3px; margin-top:9px; padding-top:10px;}
	.profile_list li{margin-top:10px; padding-left:14px;
	  font-size:13px; line-height:17px;
	}
	.profile_list li:before{width:6px; height:2px; top:6px;}


	/* 만남의 교회 비전 */
	.vision_text{font-size:20px; line-height:27px;}

	.vision_text:after{width:1px; height:13px; bottom:-17px;}

	.vision_list{margin:17px -15px 0 -15px; padding:0; border-top-width:15px; border-bottom-width:15px;}
	.vision_list li{ padding:20px 15px; border-top:1px solid #f1f1f1;}
	.vision_list li:first-child{border-top:0;}

	.vision_title{height:70px; font-size:18px; line-height:70px;}
	.vision_title:before{margin-right:10px; background-size:100%;}

	.vision_title1:before{width:20px; height:20px;}
	.vision_title2:before{width:22px; height:20px;}
	.vision_title3:before{width:19px; height:19px;}
	.vision_title4:before{width:22px; height:24px;}
	.vision_title5:before{width:24px; height:20px;}
	.vision_title6:before{width:24px; height:23px;}

	.vision_text2{margin-top:15px; font-size:14px; line-height:18px;}


	/* 원로 목사 */
	.minister_text{font-size:20px; line-height:27px;}

	.elder_minister_area{margin:20px -15px 0 -15px; padding:27px 15px 110px;}

	.elder_minister{}
	.elder_minister img{width:152px;}
	.elder_minister_name{margin-top:0; font-size:12px; line-height:14px; bottom:41px;}
	.elder_minister_name p{display:inline-block; margin-right:12px;}
	.elder_minister_name img{width:78px;}
	

	.text_minister{margin-top:15px; font-size:14px; line-height:24px; text-align:left;}
	.text_minister strong{display:block; margin-bottom:15px; font-size:17px; line-height:23px; text-align:center;}
	.text_minister strong br{display:none;}


	.minister_profile_area{margin-top:27px; margin-bottom:20px;}

	.minister_name{font-size:17px; line-height:normal;}

	.profile_list_area{border-top-width:3px;}

	.minister_profile_list li{padding-left:15px; font-size:14px; line-height:25px;}
	.minister_profile_list li:before{width:6px; height:2px; top:11px;}

	.tab_list{margin-bottom:12px;}
	.tab_list li a{display:flex; height:54px; font-size:19px; line-height:normal; line-height:20px;
	  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
      -webkit-box-align:center; -ms-flex-align:center; align-items:center;
	}

	.tab_list_board{margin-bottom:12px;}
	.tab_list_board li a{display:flex; height:54px; font-size:15px; line-height:normal; line-height:20px;
	  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
      -webkit-box-align:center; -ms-flex-align:center; align-items:center;
	}

	.tab_list4 li{width:25%;}


	/* 담임목사 */
	.pastor_charge_text{font-size:20px; line-height:27px;}

	.pastor_talk_box{margin-bottom:25px;}

	.title_area{font-size:17px;}

	.recommend_text_list{margin:17px -15px 0; border-width:2.5px; border-left:0; border-right:0;}
	.recommend_text_list li{padding:17px 15px;}

	.recommend_minister_img{width:109px; vertical-align:top;}
	.recommend_minister_img img{width:109px;}
	.recommend_minister_text{padding-left:19px; font-size:13px; line-height:19px; vertical-align:top;}
	.recommend_minister_text strong{margin-bottom:8px; font-size:14px;}


	/* 섬기는 이들 */
	.serve_person_big{margin:0 -15px;}

	.serve_person_area{margin:20px -15px 0; padding-top:25px;}

	.title_serve{margin-left:0; font-size:15px; text-align:center;}
/*
	.serve_person_list{margin-top:15px;}
	.serve_person_list li{float:none; width:auto; padding-bottom:0; margin-bottom:20px;}
	.serve_person_list li:nth-child(even){float:none;}*/
	
	.serve_person_list .mb_space{margin-bottom:20px;}
	
	.serve_person_name{padding:10px 0 0 15px; margin-bottom:15px; font-size:12px;}
	.serve_person_name strong{padding-top:5px; padding-bottom:5px; font-size:14px;}


	/* 예배시간 */
	.church_time_img{margin:0 -15px;}

	.church_time_area{margin:25px -15px 0;}

	.church_time_tb{}
	.church_time_tb tbody tr th{width:45.21%; height:57px; font-size:15px; text-indent:15px;}
	.church_time_tb tbody tr td{padding-left:15px; font-size:14px;}
	.church_time_tb tbody tr td span{min-width:38px; height:22px; padding:0 10px; margin-right:13px;
	  font-size:12px; line-height:22px;
	}

	
	/* 방문안내 */
	.church_info_text{font-size:20px; line-height:27px;}
	.church_info_text:before{width:18px; height:18px; margin-right:15px; background-size:100%;}

	.church_info_text strong{margin-top:13px;}
	.church_info_text strong:before{width:19px; height:19px; margin-right:10px; background-size:100%;
	}

	.map_area{margin:23px -15px 0;}

	.park_area{margin-top:35px;}

	.park_img_area{margin-top:15px;}

	.park_map{margin-left:-15px; margin-right:-15px;}
	
	.park_img_list{padding-top:7px;}
	.park_img_list li{margin-top:9px;}

	.park_name{height:30px; padding-left:8px; font-size:12px; line-height:30px;}
	.park_name strong{margin-left:10px; font-size:12px;}
	.park_name span{width:22px; height:15px; font-size:10px; line-height:15px;}

	.transit_area{margin-top:40px;}

	.bus_info_area{margin-top:12px;}

	.bus_api{height:245px; margin-left:-15px; margin-right:-15px;}

	.transit_info_area{margin:25px -15px 0; border-width:5px;}

	.transit_text{padding:25px 12px;}

	.title_transit{font-size:15px;}

	.transit_list{margin-top:7px;}
	.transit_list li{padding-left:13px; font-size:14px; line-height:23px;}
	.transit_list li:before{width:7px; height:2px; top:10px;}
	.transit_list strong{font-weight:500;}


	.shuttle_area{margin-top:40px;}

	.shuttle_tb_area{margin:18px -15px 0;}
	.shuttle_tb thead tr th{height:50px; font-size:15px;}

	.shuttle_tb tbody .person td{height:102px; font-size:14px; line-height:17px;}

	.shuttle_num{width:52px; height:22px; margin:0 auto 7px; font-size:13px; line-height:22px;}

	.shuttle_tb tbody .route td{padding-bottom:30px;}
	.shuttle_tb tbody .route td:first-child{border-left:0;}

	.route_list{width:84.33%; margin-left:13.59%; margin-top:10px;}
	.route_list li{padding:10px 13px; font-size:13px;}
	.route_list li strong{font-size:14px;}
	.route_list li:last-child:before{height:22px;}
	
	
	/* 190213 나의 정보 추가 */
	.mypage_profile_img{width:77px; height:77px;}
	
	.profile_btn_area{margin-top:8px; position:static;}
	
	.profile_upload{display:inline-block; width:46%; height:35px; margin-bottom:0;}
	.btn_profile_upload{width:100%; height:35px; font-size:15px; line-height:35px;}
	
	.file_hidden{width:100%; height:100%;}
	
	.delete_profile_img{display:inline-block; width:50%; height:35px;
	  font-size:15px; line-height:35px;
	}
	
	
	/* 200720 섬기는 이들 추가 */
	.title_serve2{margin:0 20px; padding-top:18px; padding-bottom:10px; font-size:15px;}

	.serve_person_list2{padding:0 20px; margin-top:15px; margin-left:0;}
	.serve_person_list2 li{float:none; width:auto; height:auto; margin-left:0; margin-bottom:20px;}
	.serve_person_list2 li:nth-child(even){float:none;}
	.serve_person_list2 img{width:100%;}
	
	.serve_person_name2{padding:14px 18px;}
	.serve_person_name2 strong{font-size:14px;}
	.serve_person_name2 p{font-size:11px;}

	.serve_person_big2{margin:0 -15px;}
	
	.serve_person_list.minister, .serve_person_list{padding:0 10px;}
	
}
