@charset "utf-8"; /* sub CSS Document */
.img_poto { display: block; margin: 0 auto; } 
/*서브페이지별 CSS */

div.basic { clear:both; text-align:justify; padding:2px 0; margin:12px 0 0 0; font-size: 15px; } 
#content span.next { display: block; } 

span.mobile_img_zoom { font-size:0; } 

/*인사말*/
.greeting { position: relative; } 
.greeting .bg_txt { position: absolute; top: -90px; font-family: 'Paperlogy-9black'; font-size: 130px; color: #ededed; background: none; z-index: -1; margin: 0; } 
.greeting .l_box { width: 53%; position: relative; background-color: #f5f5f5; padding: 80px 34% 80px 65px; border-radius: 105px 0 0 30px; margin-top: 93px; z-index: -1; } 
.greeting .l_box > h3 { font-family: 'Paperlogy-8ExtraBold'; font-size: 30px; line-height: 1.2em; margin-bottom: 20px; background: none; margin: 0 0 35px 0; padding: 0; color: #222; } 
.greeting .l_box > h3 > span.org { color: #f25c05; } 
.greeting .l_box > p { margin-top:19px; } 
.greeting .l_box > .sign { margin-top: 28px; font-family: 'Paperlogy-7Bold'; font-size: 18px; } 
.greeting .r_box { position: absolute; top: -61px; right: 61px; display: inline-block; width: 449px; height: 577px; background: url(/layout/images/www2/sub_contents/intro/intro_2024.png) no-repeat; float: right; box-shadow: 0 0 20px 2px rgb(0 0 0 / 9%); border-radius: 80px; } 
.greeting .r_box::after { content:''; width: 509px; height: 485px; display:block; position:absolute; bottom: -62px; left: 0px; background: linear-gradient(136deg, #FF7D0B 6.29%, #FFB629 100%); border-radius: 243px 243px 80px 243px; z-index: -1; } 

/*조직도*/
.organization_box { position: relative; margin: 25px 0 0; } 

.organization_box .depth1 { margin: 0 auto; width: 160px; height: 160px; text-align: center; background:linear-gradient(136deg, #FF7D0B 6.29%, #FFB629 100%); color: #fff; padding: 20px 0 0; line-height: 123px; border-radius: 20px; box-sizing: border-box; position: relative; border-radius: 100%; } 
.organization_box .depth1 .position { font-family: 'Paperlogy-7Bold'; font-size: 23px; } 
.organization_box .depth1:before { content:''; position:absolute; top: -25px; left: -25px; width: 210px; height: 210px; border-radius: 200px; background: #FFEFD7; display:block; z-index:-1; } 
.organization_box .depth1:after { content: ''; width: 1px; height: 489px; border-left: 1px solid #dcdcdc; display: block; position: absolute; left: 50%; top: 185px; } 

.organization_box .depth2 { position: absolute; left: 57%; top: 47px; text-align: center; } 
.organization_box .depth2 .support { width: 242px; height: 36px; background: #fff; border: 4px solid #f25c05; color: #f25c05; padding: 16px 10px 12px 10px; line-height: 31px; border-radius: 100px; text-align: center; display: block; position: relative; margin-left: 150px; } 
.organization_box .depth2:before { content: ''; width: 137px; height: 1px; display: block; position: absolute; top: 50%; left: 15px; border-top: 1px solid #dcdcdc; } 
.organization_box .depth2 .position { font-weight: 600; font-size: 17px; } 

.organization_box .depth3 { position: absolute; right: 69%; top: 47px; text-align: center; } 
.organization_box .depth3 .support { width: 242px; height: 36px; background: #fff; border: 4px solid #f25c05; color: #f25c05; padding: 16px 10px 12px 10px; line-height: 31px; border-radius: 100px; text-align: center; display: block; position: relative; margin-left: 150px; } 
.organization_box .depth3:before { content: ''; width: 140px; height: 1px; display: block; position: absolute; top: 50%; right: -33%; border-top: 1px solid #dcdcdc; } 
.organization_box .depth3 .position { font-weight: 600; font-size: 17px; } 

.organization_box .depth4 { position: absolute; right: 39%; top: 265px; text-align: center; } 
.organization_box .depth4 .support { width: 260px; height: 42px; background: #F25C05; color: #fff; padding: 16px 10px 12px 10px; line-height: 39px; border-radius: 100px; text-align: center; display: block; position: relative; } 
.organization_box .depth4 .position { font-family: 'Paperlogy-7Bold'; font-size: 18px; } 

.organization_box .depth5 { position: absolute; right: 0; top: 376px; text-align: center; } 
.organization_box .depth5 .support { width: 280px; height: 42px; background: #333; color: #fff; padding: 16px 10px 12px 10px; line-height: 39px; border-radius: 100px; text-align: center; display: block; position: relative; } 
.organization_box .depth5:before { content: ''; width: 341px; height: 1px; display: block; position: absolute; top: 50%; right: 299px; border-top: 1px solid #dcdcdc; } 
.organization_box .depth5 .position { font-family: 'Paperlogy-7Bold'; font-size: 18px; } 

.organization_box .depth6 { position: absolute; right: 39%; top: 481px; text-align: center; } 
.organization_box .depth6 .support { width: 260px; height: 42px; background: #333; color: #fff; padding: 16px 10px 12px 10px; line-height: 39px; border-radius: 100px; text-align: center; display: block; position: relative; } 
.organization_box .depth6 .position { font-family: 'Paperlogy-7Bold'; font-size: 18px; } 

.organization_box .depth8 { display: flex; justify-content: space-between; padding-top: 37px; margin-top: 541px; position: relative; } 
.organization_box .depth8:before { content: ''; position: absolute; top: -29px; width: 84.2%; left: 7.9%; height: 1px; background: #dcdcdc; margin-bottom: 50px; } 
.organization_box .depth8 > li { width: 15.8%; position: relative; } 
.organization_box .depth8 > li:before { content: ''; position: absolute; top: -66px; left: 50%; width: 1px; height: 65px; background: #dcdcdc; } 
.organization_box .depth8 .member { position: relative; } 
.organization_box .depth8 .member .position { font-size: 16px; font-family: 'Paperlogy-7Bold'; position: absolute; width: 75%; top: -20px; left: 16px; background: #e7e7e7; text-align: center; padding: 14px 10px; border-radius: 100px; line-height: 30px; color: #333; z-index: 1; } 
.organization_box .depth8 .member .work { display: flex; border: 6px solid #f8f8f8; line-height: 30px; border-radius: 25px; padding: 43px 23px 20px; margin: 0 auto; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: flex-end; } 
.organization_box .depth8 .member .work { font-size: 16px; position: relative; padding-left: 17px; } 
.organization_box .depth8 .member .work:before { content: ''; position: absolute; top: 12px; left: 0; width: 10px; height: 8px; background: url(/layout/images/fines/sub_contents/intro/org_ico.png) no-repeat; } 

/*회원검색 결과*/
.com_tit { border: 1px solid #ccc; padding: 12px 0 12px 46px; margin-bottom: 10px; display:block; font-weight: 600; font-size: 16px; background:url("/layout/images/www/common/sprite.png") no-repeat -48px -499px; } 
.com_tit:hover { color:#cc4421; background:url("/layout/images/www/common/sprite.png") no-repeat -48px -460px; } 

/*회원가입안내 */
.joining_box { width:100%; } 

.joining_img { float:left; height:385px; width:58%; padding-left:15px; } 
.joining_box:after { display:block; content:""; clear:both } 

.joining_box img { margin:10px 0; } 
.joining_box .box1 { float:left; width:32%; } 
.joining_box .box2 { float:left; width:65%; } 


.joining_box1 { width:100%; margin-top:0; } 
.joining_box1 span { font-weight:600; color:#000; } 
.joining_box1 li { line-height:25px; background:url("/layout/images/www/sub_contents/ul_arrow.png") no-repeat 0 11px; padding-left:13px; } 
.joining_box1:after { display:block; content:""; clear:both } 

div ul.basic_li > li { line-height:25px; background:url("/layout/images/www/sub_contents/ul_02_arrow.png") no-repeat 0 11px; padding-left:13px; } 
div ul.basic_li li ul li { line-height:25px; background:url("/layout/images/www/sub_contents/ul_arrow.png") no-repeat 0 10px; padding-left:13px; } 
div ul.basic_li li ol { line-height:25px; padding-left:18px; } 
div u.basic_li:after { display:block; content:""; clear:both } 

/*20%/80%*/
.img_txt .left20 { float:left; padding:15px 0 0 15px; } 
.img_txt .left20 img { width:180px; max-height:220px; border:1px solid #e4e2e2; } 
.img_txt .right80 { float:right; width:80%; padding: 10px; } 
.img_txt .right80 > ul.basic { clear:both; min-height: 120px; } 
.img_txt .right80 > ul.basic li { float:left; width:30.5%; height:22px; line-height:22px; margin-left:10px; padding:5px; text-align:justify; /*list-style-type:decimal; */border-bottom:1px dashed #e4e2e2; font-weight: 700; color: #000; } 
.img_txt .right80 > ul.basic li span.tit { width:75px; display:inline-block; color: #888; font-size: 13px; } 
.img_txt .right80 > ul.basic li span.cn { color:#F44336; } 
.img_txt .right80 > ul.lot { clear:both; margin-top:5px; } 
.img_txt .right80 > ul.lot li { line-height:22px; margin: 0 17px 0 4px; padding:5px; text-align:justify; border-bottom:1px dashed #e4e2e2; font-weight: 700; color: #000; margin-left:10px } 
.img_txt .right80 > ul.lot li span { width:75px; display:inline-block; color: #888; font-size: 13px; } 

/*이미지 텍스트*/
.img_txt_box { clear: both; width: 100%; margin: 35px 0 15px 0; display: inline-block; } 
.img_txt_box .left50 { width: 50%; float: left; } 
.img_txt_box .right50 { float: left; width: 44%; margin-left: 3%; border: dotted 2px #a3a3a3; padding-left: 32px; } 
.img_txt_box > div.right50 > ul > li { line-height: 15px; /* background:url("/layout/images/www/sub_contents/ul_02_arrow.png") no-repeat 0 8px; */padding-left:13px; } 
.img_txt_box .mh274 { min-height: 274px; } 

/* 찾아오시는 길 */
.map { } 
.map .txt_box { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 
.map .txt_box > h3 { } 
.map .txt_box .txt_r > p { display: flex; font-family: 'Paperlogy-7Bold'; font-size: 18px; text-align: right; align-items: center; } 
.map .txt_box .txt_r > p > i { display: inline-block; width: 43px; height: 43px; border-radius: 100px; background: #f5f5f5; margin-right: 15px; } 
.map .txt_box .txt_r { display: flex; gap: 85px; } 
.map .txt_box .txt_r > p > i.ave { background-image: url("/layout/images/www2/sub_contents/intro/map_ico.png"); background-repeat: no-repeat; background-position: center; } 
.map .txt_box .txt_r > p > i.tel { background-image: url("/layout/images/www2/sub_contents/intro/tel_ico.png"); background-repeat: no-repeat; background-position: center; } 
.map .txt_box .txt_r > p > span.txt { font-family: 'Paperlogy-5Medium'; margin-left: 20px; color: #666; } 
.map .map_box { display: block; width: 100%; height: 450px; margin-top: 33px; background: #f5f5f5; border-radius: 30px; } 
.map .btn_map { } 
.map .btn_map > a { display: block; width: 100%; padding: 21px 0; margin-top: 20px; text-align: center; background: #333; color: #fff; border-radius: 15px; font-size: 16px; } 
.map .btn_map > a::after { content:''; display:inline-block; width: 17px; height: 24px; margin-left: 16px; background-image: url("/layout/images/www2/sub_contents/intro/map_ico01.png"); background-repeat: no-repeat; background-position: center; vertical-align: middle; } 

/*모금현황*/
.amount_status > h4 { display: inline-block; margin-bottom: 13px; } 
.amount_status { display: flex; background-color: #f4f4f4; padding: 50px; border-radius: 25px; align-items: center; justify-content: center; gap: 89px; } 
.amount_status ul { display: inline-block; } 
.amount_status ul li { } 
.amount_status ul li a { font-family: 'Paperlogy-7Bold'; font-size: 21px; margin: 0 39px 0 9px; } 
.amount_status ul li > input { /* font-family: 'Paperlogy-7Bold'; */
 font-size: 19px; border: 1px solid #d7d7d7; padding: 16px 20px; border-radius: 15px; } 
.amount_status ul li > .change_btn { font-family: 'Paperlogy-5Medium'; color: #fff; font-size: 17px; padding: 15px 50px; border:0;background: #333; } 


@media screen and (max-width: 1596px) {
	
	#photo_gallery .photo_list li{width: 269px!important;}  
	
	}