@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:252px; height:66px; margin:40px auto 0; border:1px solid #ababab; 
  font-size:20px; color:#888; line-height:66px; text-align:center;
}

.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:100%; 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;}



.tab_list{display: flex; justify-content: center; gap: 24px;}
.tab_list li{}
.tab_list li:first-child{border-left:0;}
.tab_list li a{display:block; height:56px; padding: 0 60px; border: 1px solid rgba(194, 196, 200, 0.52); border-radius: 30px;
  font-size:24px; color:rgba(70, 71, 76, 0.36); font-weight:500; text-align:center; line-height:56px;
}
.tab_list .on a{border-color: #003166; color:#003166; font-weight: 700;}

.tab_list + .board_cont{margin-top: 180px;}


/* 사명 */
.title_page{font-family:'GmarketSans'; font-size:46px; text-align:center; font-weight:700;}
.title_page span{display:block; margin-top:10px; font-family:'GmarketSans'; font-size:28px; color:var(--primary-color);}

.calling_list{margin-top:55px; border-top:4px solid #e2e2e2; border-bottom:3px solid #e2e2e2;}
.calling_list li{padding:70px 0 70px 348px; border-top:1px solid #e2e2e2; 
  font-size:26px; line-height:33px; position:relative;
}
.calling_list li:first-child{border-top:0;}

.title_calling{padding-left:25px; font-size:40px; position:absolute; left:25px; top:70px;}
.title_calling:before{content:""; width:10px; height:10px; margin-top:-5px; background-color:#004d9d; border-radius:100%;
  position:absolute; left:0; top:50%;
}


/* 총회조직 */
.organization_area{margin-top:-37px; padding:124px 0 170px; text-align:center;}


/* 주요사역 */
.ministry_text{margin-top:70px; letter-spacing:-0.04em; text-align:center;}
.ministry_text p{margin-top:15px;}

.ministry_history_bg{margin-bottom:11px;}
.ministry_history_bg .title_year:after{background-color:#004d9d;}
.ministry_history_bg .cont_center{position:relative;}

.ministry_history_logo{position:absolute; right:-8px; top:-20px;}

.history_list .line_2 .history_text{line-height:86px;}

.ministry_text_list{margin-left:-46px; margin-top:-40px;}
.ministry_text_list li{float:left; width:368px; height:339px; margin-left:46px; margin-top:40px; padding-top:57px; border:1px solid #b7b7b7;
  font-size:34px; text-align:center; line-height:47px; font-weight:500;
}
.ministry_text_list li img{display:block; margin:0 auto 20px;}


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

.my_profile_img{min-height:55px; 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;
}


/* 회원명부 */
.qr_btn{padding-right:256px; margin-bottom:65px;}
.qr_btn .btn_search{right:142px;}
.btn_qr{display:block; width:142px; height:111px; font-size:26px; color:#444; font-weight:700; line-height:111px; text-align:center;
  position:absolute; right:0; top:0;
}
.btn_qr:before{content:""; width:1px; height:50px; margin-top:-25px; background-color:#afafaf; 
  position:absolute; left:0; top:50%;
}

.member_list_bg{padding:45px 0; margin-bottom:85px; background-color:#f6f6f6;}
.member_list_area{padding:50px; background-color:#fff;}
.member_list_area + .member_list_area{margin-top:30px;}

.member_pic_id{float:left; width:248px;}
.member_pic_id img{width:100%; border-radius:5px;}

.id_text{margin-top:20px; font-size:24px; font-weight:700; text-align:center;}
.id_text strong{margin-left:15px; font-size:30px; color:var(--primary-color);}

.member_profile_list{float:right; width:805px; margin-top:-26px;}
.member_profile_list li{padding:26px 26px 26px 165px; border-top:2px solid #f6f6f6;
  font-size:24px; letter-spacing:-0.02em; position:relative;
}
.member_profile_list li:first-child{border-top:0;}
.member_profile_list li strong{display:inline-block; width:95px; position:absolute; left:22px; top:26px;}
.member_profile_list li strong:after{content:""; width:1px; height:28px; margin-top:-14px;
  background-color:#f0f0f0; position:absolute; right:0; top:50%;
}

.certifi_cma{margin-bottom:68px; font-size:24px; text-align:center;}
.certifi_cma span{display:block; margin-bottom:20px; font-size:22px; color:#5b5b5b;}
.cma_logo{text-align:center;}

.text_member_search{padding:100px 0; font-size:25px; font-weight:700; text-align:center;}


/* qr code */
.qr_layer{width:930px; height:640px; margin-left:-465px; margin-top:-320px;}
.qr_layer .close_layer{width:32px; height:29px; background-image:url("../images/icon/close_qr.png");}

.scan_qr_text{margin-bottom:15px; font-size:16px; font-weight:500; text-align:center;}

.qr_scan_area{width:480px; height:480px; margin:0 auto; text-align:center; position:relative;}
.qr_scan_area:after{content:""; background-image:url("../images/board/qr_position.png"); position:absolute; left:20px; top:20px; right:20px; bottom:20px;}



/********** 목회자 은퇴준비 연구소 **********/

/* 연구소 소개 */
.foundation_bg_area{max-width: 1680px; margin: 0 auto; padding: 160px 120px; background-color: rgba(112, 115, 124, 0.08); border-radius: 36px; text-align: center;}

.top_descript{margin-bottom: 8px; font-size: 20px; color: #0B1F65; font-weight: 600; text-align: center;}
.title_sub_pri{font-size: 56px; color: #171719; font-weight: 700; text-align: center; line-height: 129%;}
.txt_sub_descript{margin-top: 24px; font-size: 24px; color: rgba(70, 71, 76, 0.84); letter-spacing: -1px; line-height: 133%; text-align: center;}

.r_graph_foundation{margin-top: 120px;}
.r_graph_foundation img{width: 100%;}

.greeting_txt_layout{margin-top: 247px;}

.greeting_txt_area{display: flex; align-items: flex-start; gap: 152px; margin-top: 120px; margin-bottom: 160px;}
.img_represent{width: 559px; overflow: hidden; flex-shrink: 0; position: relative;}
.img_represent::after{content: ""; width: 100%; height: 458px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 81.7%);
	position: absolute; left:0; bottom: -73px;
}
.img_represent img{width: 100%;}
.greeting_txt{font-size: 20px; line-height: 140%;}
.greeting_txt strong{font-size: 22px; font-weight: 500;}
.greeting_txt span{font-weight: 500;}

.agreement_area{padding: 140px 0 160px; 
	background: url("/HTML/styleL/0093_pri/images/pri/agreement_bg.png") no-repeat center top; background-size: cover;
}

.agreement_txt{margin-top: 60px; font-size: 32px; color: rgba(70, 71, 76, 0.84); font-weight: 700; text-align: center;}

.agreement_list{display: flex; flex-wrap: wrap; gap: 30px; margin-top: 48px;}
.agreement_list li{width: calc((100% - 60px) / 3); height: 132px; background-color: rgba(112, 115, 124, 0.16); border-radius: 20px;
	font-size: 32px; font-weight: 700; text-align: center; line-height: 132px;
}

.map_area{display: flex; gap: 60px; align-items: center; margin-top: 200px;}

.map_img{width: 721px; flex-shrink: 0;}
.map_img img{width: 100%;}

.title_location{font-size: 40px; font-weight: 700;}

.location_info{margin-top: 80px;}
.location_info address{font-size: 40px; font-style: normal; font-weight: 700; letter-spacing: -2px;}
.zip_code{margin-top: 8px; font-size: 20px;}
.btn_address_copy{width: 32px; height: 32px; background: url("/HTML/styleL/0093_pri/images/pri/icon_copy.png") no-repeat center center; font-size: 0; vertical-align: middle;}

.location_info_list{margin-top: 60px;}
.location_info_list li{display: flex; gap: 12px; align-items: center; font-size: 20px;}
.location_info_list li + li{margin-top: 24px;}
.location_info_list li strong{display: block; width: 101px; height: 36px; background-color: #0B1F65; border-radius: 20px;
	font-size: 20px; color: #fff; line-height: 36px; text-align: center;
}


/* 은퇴준비 */
.problem_area{margin-top: 180px; margin-bottom: 160px;}
.graph_problem{margin-top: 64px; text-align: center;}
.graph_problem img{width: 100%; max-width: 1200px;}

.sub_gray_bg{padding: 200px 0; background-color: #f7f7f8;}
.sub_gray_bg .cont_center{width: 1248px;}

.retire_prepare_area{margin-top: 60px;}
.retire_prepare_area + .retire_prepare_area{margin-top: 36px;}
.title_retire{font-size: 28px; color: rgba(70, 71, 76, 0.84); font-weight: 700;}
.retire_box_area{margin-top: 16px;}
.retire_box_area img{width: 100%;}

.banner_advice_area{height: 581px; padding: 132px 0 0 72px; margin-top: 118px;
	background: url("/HTML/styleL/0093_pri/images/pri/bg_advice.png") no-repeat center center; background-size: cover; border-radius: 36px;
}

.top_advice{font-size: 20px; color: #fff; font-weight: 600;}
.txt_advice{margin: 55px 0; font-size: 48px; color: #fff; font-weight: 700; line-height: 130%;}

.btn_advice{display: flex; align-items: center; gap: 16px; font-size: 24px; color: #fff; font-weight: 500;}
.btn_advice::after{content: ""; display: block; width: 56px; height: 56px; background: url("/HTML/styleL/0093_pri/images/pri/arrow_advice.png");}

.homeroom_area{margin-top: 180px; margin-bottom: 74px;}
.img_homeroom{margin-bottom: 160px; overflow: hidden; position: relative;}
.img_homeroom::before{content: ""; width: 261px; 
	background: linear-gradient(90deg, #FFFFFF 23.18%, rgba(255, 255, 255, 0) 100%);  
	position: absolute; left: 0; top:0; bottom: 0;
}
.img_homeroom::after{content: ""; width: 261px; transform: rotate(180deg);
	background: linear-gradient(90deg, #FFFFFF 23.18%, rgba(255, 255, 255, 0) 100%);
	position: absolute; right: 0; top:0; bottom: -1px;
}
.img_homeroom img{width: 100%;}

.img_homeroom2{text-align: center;}
.txt_plan{margin-top: 120px; font-size: 24px; color: rgba(70, 71, 76, 0.84); text-align: center; font-weight: 500;}

.missionary_area{margin-top: 180px; margin-bottom: 74px;}
.img_missionary{margin-bottom: 140px; text-align: center;}
.img_missionary img{width: 100%; max-width: 1540px;}

.retire_info_list{display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 60px;}
.retire_info_list li{width: 392px; height: 400px; padding-top: 244px; background-color: #fff; border-radius: 20px; 
	text-align: center; position: relative;
}
.retire_info_list li img{transform: translateX(-50%); position: absolute; left: 50%;}
.retire_info_list li .icon_home{top: 103px;}
.retire_info_list li .icon_money{top: 112px;}
.retire_info_list li .icon_medical{top: 107px;}
.retire_info_list li .icon_plan{top: 98px;}
.retire_info_list li .icon_homecoming{top: 98px;}
.retire_info_list li .icon_heart{top: 95px;}

.title_retire_info{font-size: 24px; color: #000; font-weight: 700;}
.txt_retire_info{margin-top: 16px; font-size: 18px; color: rgba(70, 71, 76, 0.68); font-weight: 500; line-height: 145%;}

.consulting_list{display: flex; justify-content: space-between; margin-top: 74px;}
.consulting_list li{width: 468px; height:523px; padding: 48px 0 0 38px; border: 1px solid rgba(194, 196, 200, 0.52); border-radius: 24px;
	font-size: 40px; color: #000; font-weight: 700; position: relative;
}
.consulting_list li span{margin-left: -50px;}
.consulting_list li img{transform: translateX(-50%); position: absolute; left: 50%; bottom: 65px;}

.sub_gray_bg.consulting{padding-top: 0; padding-bottom: 0;}
.sub_gray_bg.consulting .cont_center{width: 1440px; padding-top: 299px; padding-bottom: 298px; position: relative;}
.img_consulting1{position: absolute; left: 0; top: 40px;}
.img_consulting2{transform: translateY(-50%); position: absolute; right: 0; top: 50%;}
.img_consulting3{position: absolute; left: 0; bottom: 0;}
.img_consulting4{margin-top: 40px; margin-left: 120px; text-align: center;}


/* 상담신청 */
.advice_area{height: 1210px; margin-top: -133px; margin-bottom: -220px; padding: 230px 0 320px;
	background: url("/HTML/styleL/0093_pri/images/pri/advice_bg.png") no-repeat center center; background-size: cover;
} 

.advice_area .title_sub_pri{color: #fff;}
.advice_area .txt_sub_descript{font-size: 18px; color: #fff;}

.advice_link_list{display: flex; flex-wrap: wrap; gap: 18px; margin-top: 100px;}
.advice_link_list li{width: calc(50% - 18px);}
.advice_link_list li a{display: block; height: 152px; padding-left: 64px;
	background-color: rgba(255, 255, 255, 0.16); border: 1px solid rgba(194, 196, 200, 0.52); border-radius: 24px;
	font-size: 28px; color: #fff; line-height: 152px; font-weight: 700; position: relative;
}
.advice_link_list li a::after{content: ""; display: block; width: 56px; height: 56px; background: url("/HTML/styleL/0093_pri/images/pri/arrow_advice.png");
	transform: translateY(-50%); position: absolute; right: 64px; top: 50%;
}



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

	/* 마이페이지 */
	.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;}


	/* 사명 */
	.calling_list li{padding:38px;}
	.calling_list li br{display:none;}

	.title_calling{padding-left:38px; margin-bottom:30px; position:relative; left:-38px; top:0;}


	/* 총회조직 */
	.organization_area{margin-top:-37px; padding:72px 30px 220px;}
	.organization_area img{width:100%;}


	/* 주요사역 */
	.ministry_text{margin-top:50px;}
	.ministry_text p{margin-top:20px;}

	.ministry_history_bg{margin:32px 0 -12px;}

	.ministry_history_logo{margin-bottom:70px; text-align:center; position:static;}

	.ministry_text_list{margin-left:0; margin-top:0;}
	.ministry_text_list li{width:47.01%; height:278px; margin-left:0; margin-top:30px; padding-top:35px;
	  font-size:28px; line-height:40px;
	}
	.ministry_text_list li:nth-child(even){float:right;}


	/* 회원명부 */
	.member_list_bg{padding:45px 30px; margin-left:-30px; margin-right:-30px;}

	.member_pic_id{float:none; width:248px; margin:0 auto;}

	.member_profile_list{float:none; width:auto; margin-top:56px;}


	/* qr code */
	.qr_layer{width:auto; height:auto; margin-left:0; margin-top:0; left:0; right:0; top:0; bottom:0;}
	.qr_layer .layer_contents{height:100%;}
	.qr_scan_area{width:100%; height:100%;}
	.qr_scan_area video{width:100%; height:100%;}
	
	.qr_scan_area:after{width:449px; height:449px; margin-left:-224.5px; margin-top:-224.5px; left:50%; top:50%; right:auto; bottom:auto;}
	


	/********** 목회자 은퇴준비 연구소 **********/

	/* 연구소 소개 */
	.foundation_bg_area{padding: 80px 60px; border-radius: 18px;}

	.top_descript{margin-bottom: 4px; font-size: 15px;}
	.title_sub_pri{font-size: 30px;}
	.txt_sub_descript{margin-top: 12px; font-size: 16px;}

	.r_graph_foundation{margin-top: 60px;}

	.greeting_txt_layout{margin-top: 125px;}

	.greeting_txt_area{display: flex; gap: 50px; margin-top: 60px; margin-bottom: 80px;}
	.img_represent{width: 200px;}
	.img_represent::after{height: 300px; bottom: -50px;}
	.greeting_txt{font-size: 16px;}
	.greeting_txt strong{font-size: 18px;}

	.agreement_area{padding: 70px 0 80px; margin: 0 -30px;}

	.agreement_txt{margin-top: 30px; font-size: 18px;}

	.agreement_list{display: flex; flex-wrap: wrap; gap: 20px; margin-top: 24px;}
	.agreement_list li{width: calc((100% - 20px) / 2); height: 80px; border-radius: 10px;
		font-size: 16px; line-height: 80px;
	}

	.map_area{display: block; padding-top: 70px; margin-top: 100px; position: relative;}

	.map_img{width: 100%;}
	.map_img img{width: 100%;}

	.title_location{font-size: 30px; text-align: center; position: absolute; left: 0; top: 0; right: 0;}

	.location_info{margin-top: 40px;}
	.location_info address{font-size: 20px;}
	.zip_code{margin-top: 4px; font-size: 12px;}
	.btn_address_copy{width: 20px; height: 20px; background-size: 100%;}

	.location_info_list{margin-top: 30px;}
	.location_info_list li{display: flex; gap: 12px; align-items: center; font-size: 16px;}
	.location_info_list li + li{margin-top: 12px;}
	.location_info_list li strong{display: block; width: 80px; height: 30px;
		font-size: 16px; line-height: 30px;
	}

	
	/* 은퇴준비 */
	.problem_area{margin-top: 60px; margin-bottom: 80px;}
	.graph_problem{margin-top: 40px;}

	.sub_gray_bg{padding: 100px 0; margin: 0 -30px; background-color: #f7f7f8;}
	.sub_gray_bg .cont_center{width: auto;}

	.title_retire{font-size: 20px;}

	.banner_advice_area{height: auto; padding: 100px 0 100px 50px; margin-top: 90px;
		background: url("/HTML/styleL/0093_pri/images/pri/bg_advice.png") no-repeat center center; border-radius: 36px;
	}

	.top_advice{font-size: 16px;}
	.txt_advice{margin: 45px 0; font-size: 35px;}

	.btn_advice{gap: 10px; font-size: 18px;}
	.btn_advice::after{width: 40px; height: 40px; background-size: 100%;}

	.homeroom_area{margin-top: 60px; margin-bottom: 74px;}
	.img_homeroom{margin: 0 -30px 80px;}
	.img_homeroom::before{width: 130px;}
	.img_homeroom::after{width: 130px;}

	.img_homeroom2 img{width: 100%;}
	.txt_plan{font-size: 24px; line-height: 150%;}


	.missionary_area{margin-top: 60px; margin-bottom: 74px;}
	.img_missionary{margin-bottom: 80px;}

	.retire_info_list{gap: 16px; margin-top: 40px;}
	.retire_info_list li{width: calc(50% - 16px); height: 280px; padding-top: 160px;}
	.retire_info_list li .icon_home{width: 87px; top: 60px;}
	.retire_info_list li .icon_money{width: 75px; top: 65px;}
	.retire_info_list li .icon_medical{width: 65px; top: 60px;}
	.retire_info_list li .icon_plan{width: 75px; top: 60px;}
	.retire_info_list li .icon_homecoming{width: 80px; top: 60px;}
	.retire_info_list li .icon_heart{width: 63px; top: 55px;}

	.title_retire_info{font-size: 20px;}
	.txt_retire_info{margin-top: 10px; font-size: 16px;}

	.consulting_list{margin-top: 74px;}
	.consulting_list li{width: calc((100% - 18px) / 3); height: 250px; padding: 24px 0 0 30px;
		font-size: 20px;
	}
	.consulting_list li span{margin-left: -25px;}
	.consulting_list li img{right: 24px; bottom: 24px;}
	.consulting_list li .icon_consulting1{width: 100px;}
	.consulting_list li .icon_consulting2{width: 100px;}
	.consulting_list li .icon_consulting3{width: 100px;}

	.sub_gray_bg.consulting{padding-top: 0; padding-bottom: 0;}
	.sub_gray_bg.consulting .cont_center{width: auto; padding: 200px 0 130px; position: relative;}
	.img_consulting1{width:230px; left: 30px; top: 30px;}
	.img_consulting2{width:200px; right: 30px;}
	.img_consulting3{width:230px; left: 30px; bottom: 0;}
	.img_consulting4{margin-top: 30px; margin-left: 60px;}
	.img_consulting4 img{width: 200px;}

	/* 상담신청 */
	.advice_area{height: 800px; margin: -68px -30px -112px; padding: 110px 0 0;} 

	.advice_area .title_sub_pri{color: #fff;}
	.advice_area .txt_sub_descript{font-size: 18px; color: #fff;}

	.advice_link_list{display: flex; flex-wrap: wrap; gap: 18px; margin-top: 100px;}
	.advice_link_list li a{display: block; height: 130px; padding-left: 50px;
		font-size: 20px; line-height: 130px;
	}
	.advice_link_list li a::after{width: 40px; height: 40px; background-size: 100%; right: 40px; }
}



/* ~ 768px ----------- */
@media only screen 
and (max-width : 766px)
{
	
	/* 마이페이지 */
	.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:189px; height:50px;
	  font-size:15px; line-height:50px; 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;}


	.tab_list{gap: 12px; flex-wrap: wrap; justify-content: space-between; margin-bottom:30px;}
	.tab_list li{width: calc(50% - 6px);}
	.tab_list li a{width: 100%; height:45px; padding: 0 20px; font-size:16px; line-height:45px;}

	.tab_list + .board_cont{margin-top: 60px;}


	/* 사명 */
	.title_page{font-size:21px;}
	.title_page span{margin-top:8px; font-size:14px;}

	.calling_list{margin-top:30px; border-top-width:2px; border-bottom-width:2px;}
	.calling_list li{padding:19px; font-size:16.5px; line-height:26.5px;}

	.title_calling{padding-left:19px; margin-bottom:10px; font-size:25px; left:-19px;}
	.title_calling:before{width:5px; height:5px; margin-top:-2.5px;}


	/* 총회조직 */
	.organization_area{margin-top:-20px; padding:36px 15px 110px;}


	/* 주요사역 */
	.ministry_text{margin-top:25px;}
	.ministry_text p{margin-top:10px;}

	.ministry_history_bg{padding-top:44px; padding-bottom:76px; margin:0 0 6px;}

	.ministry_history_logo{margin-bottom:35px;}
	.ministry_history_logo img{height:169px;}

	.ministry_text_list li{height:139px; margin-top:15px; padding-top:17.5px;
	  font-size:14px; line-height:20px;
	}
	.ministry_text_list li img{height:47px; margin-bottom:10px;}
	
	/* 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;
	}


	/* 회원명부 */
	.qr_btn{padding-right:146px; margin-bottom:65px;}
	.qr_btn .btn_search{right:92px;}
	.btn_qr{width:92px; height:50px; font-size:16px; line-height:50px;}
	.btn_qr:before{height:30px; margin-top:-15px;}

	.member_list_bg{padding:28px 15px; margin:0 -15px 42.5px;}
	.member_list_area{padding:33px 10px;}

	.member_pic_id{width:161px;}
	.id_text{margin-top:10px; font-size:15px;}
	.id_text strong{font-size:20px; color:var(--primary-color);}

	.member_profile_list{margin-top:31px;}
	.member_profile_list li{padding:15px 15px 15px 107px; font-size:16px;}
	.member_profile_list li strong{width:63px; left:15px; top:15px;}
	.member_profile_list li strong:after{height:16px; margin-top:-8px;}

	.text_member_search{padding:50px 0; font-size:14px;}


	.certifi_cma{margin-bottom:34px; font-size:14px;}
	.certifi_cma span{margin-bottom:10px; font-size:12px;}
	.cma_logo img{height:38px;}


	/* qr code */
	.qr_layer{height:100%;}
	.qr_layer .close_layer{width:16px; height:15px; background-size:100%;}
	
	.qr_scan_area:after{width:224px; height:224px; margin-left:-112px; margin-top:-112px; background-size:100%;}



	/********** 목회자 은퇴준비 연구소 **********/

	/* 연구소 소개 */
	.foundation_bg_area{padding: 40px 20px; border-radius: 18px;}

	.top_descript{margin-bottom: 4px; font-size: 14px;}
	.title_sub_pri{font-size: 20px;}
	.txt_foundation_bg{margin-top: 12px; font-size: 14px;}

	.r_graph_foundation{margin-top: 40px;}

	.greeting_txt_layout{margin-top: 60px;}

	.greeting_txt_area{display: block; margin-top: 40px; margin-bottom: 80px;}
	.img_represent{width: auto; text-align: center;}
	.img_represent img{width: 200px;}
	.img_represent::after{height: 200px; bottom: -30px;}
	.greeting_txt{margin-top: 30px;}
	.greeting_txt strong{font-size: 18px;}

	.agreement_area{padding: 35px 0 40px; margin: 0 -15px;}

	.agreement_txt{margin-top: 20px; font-size: 16px;}

	.agreement_list{display: block; margin-top: 24px;}
	.agreement_list li{width: 100%; height: 60px; font-size: 16px; line-height: 60px;}
	.agreement_list li + li{margin-top: 12px;}

	.map_area{display: block; padding-top: 50px; margin-top: 60px; position: relative;}

	.title_location{font-size: 20px;}

	.location_info{margin-top: 30px;}
	.location_info address{font-size: 18px;}

	.location_info_list{margin-top: 20px;}
	.location_info_list li{display: flex; gap: 12px; align-items: center; font-size: 14px;}
	.location_info_list li strong{flex-shrink: 0; width: 80px; height: 30px;
		font-size: 14px; line-height: 30px;
	}

	/* 은퇴준비 */
	.problem_area{margin-top: 60px; margin-bottom: 80px;}
	.graph_problem{margin-top: 40px;}

	.sub_gray_bg{padding: 50px 0; margin: 0 -15px;}

	.title_retire{font-size: 20px;}

	.banner_advice_area{height: auto; padding: 50px 0 50px 30px; margin-top: 45px; background-size: cover; border-radius: 18px;}

	.top_advice{font-size: 16px;}
	.txt_advice{margin: 30px 0; font-size: 20px;}

	.btn_advice{font-size: 16px;}
	.btn_advice::after{width: 30px; height: 30px; background-size: 100%;}

	.homeroom_area{margin-top: 60px; margin-bottom: 40px;}
	.img_homeroom{margin: 0 -15px 50px;}
	.img_homeroom::before{width: 50px;}
	.img_homeroom::after{width: 50px;}

	.txt_plan{margin-top: 60px; font-size: 14px;}
	
	.missionary_area{margin-top: 60px; margin-bottom: 40px;}
	.img_missionary{margin-bottom: 40px;}

	.retire_info_list{display: block; gap: 16px; margin-top: 30px;}
	.retire_info_list li{width: 100%; height: 200px; padding-top: 100px;}
	.retire_info_list li + li{margin-top: 16px;}
	.retire_info_list li .icon_home{width: 50px; top: 40px;}
	.retire_info_list li .icon_money{width: 55px; top: 45px;}
	.retire_info_list li .icon_medical{width: 45px; top: 35px;}
	.retire_info_list li .icon_plan{width: 50px; top: 35px;}
	.retire_info_list li .icon_homecoming{width: 50px; top: 40px;}
	.retire_info_list li .icon_heart{width: 43px; top: 33px;}

	.title_retire_info{font-size: 18px;}
	.txt_retire_info{margin-top: 5px; font-size: 14px;}

	.consulting_list{display: block; margin-top: 40px;}
	.consulting_list li{width: 100%; height: 200px; padding: 24px 0 0 20px;
		font-size: 20px;
	}
	.consulting_list li + li{margin-top: 16px;}

	.consulting_list li .icon_consulting1{width: 80px;}
	.consulting_list li .icon_consulting2{width: 80px;}
	.consulting_list li .icon_consulting3{width: 80px;}

	.sub_gray_bg.consulting .cont_center{padding: 100px 0 60px;}
	.img_consulting1{width:100px; left: 15px; top: 15px;}
	.img_consulting2{transform: translateY(20%); width:80px; right: 15px;}
	.img_consulting3{width:100px; left: 15px; bottom: 0;}
	.img_consulting4{margin-top: 15px; margin-left: 30px;}
	.img_consulting4 img{width: 100px;}


	/* 상담신청 */
	.advice_area{height: auto; margin: -33px -15px -56px; padding: 110px 0;} 

	.advice_area .title_sub_pri{color: #fff;}
	.advice_area .txt_sub_descript{font-size: 18px; color: #fff;}

	.advice_link_list{display: block; margin-top: 50px;}
	.advice_link_list li{width: 100%;}
	.advice_link_list li + li{margin-top: 18px;}
	.advice_link_list li a{display: block; height: 80px; padding-left: 30px;
		font-size: 18px; line-height: 80px;
	}
	.advice_link_list li a::after{width: 30px; height: 30px;  right: 30px;}
}