@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-6Semibold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6Semibold.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ChosunSm';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.1/ChosunSm.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 검색 공통 */
.search_box{ width:100%;  margin:0 auto 50px;   padding:40px 0; vertical-align:middle;  text-align:center;  border-top:2px solid #000;   border-bottom:1px dashed #000; background:#f8f8f8; }

/*20250725-검색기능*/
/*
#paga_sch {border-radius:0px;overflow:hidden; width:44%; margin:0px auto 0px;  border:0px solid #d8d8d8;}
#paga_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#paga_sch #sch_stx {float:left;width:85%;height:45px;  padding-left:10px; font-size:14px;color:#000;   border:1px solid #707070; }
#paga_sch #sch_submit {float:right;width:80px;height:45px;border:0; background:#41478f;color:#fff;border-radius:3px;cursor:pointer;font-size:16px;  font-family: 'Paperlogy-3Light'; margin:0px 0px 0px 15px;}

@media all and (max-width:1400px)  {
	.search_box{   margin:0 auto 50px;  }
 
	#paga_sch {  width:50%;   border:0px solid #000;}
	#paga_sch #sch_stx { width:78%;}
	#paga_sch #sch_submit {float:right;width:18%;}
}

@media all and (max-width:768px)  {
	.search_box{   margin:0 auto 50px;  }

	#paga_sch { width:90%; border:0px solid #ff0000;}
    #paga_sch #sch_stx { width:73%;  letter-spacing:-1px; }
    #paga_sch #sch_submit {float:right;width:25%; margin:0px 0px 0px 0px;}
}
*/

/* 20250821 sjkim 상단 검색 박스와의 id 충돌로 새 마크업 */
/* 공통 */
#paga_sch,
#paga_sch * { box-sizing: border-box; }

/* 1단계: fieldset을 가로 배치 컨테이너로 */
#paga_sch { width: 44%; margin: 0 auto; border: 0; border-radius: 0; overflow: visible; display: flex; align-items: stretch; gap: 10px; }
#paga_sch .select_box { padding: 0 10px; margin-right: 0; height: 45px; border: 1px solid #707070;  flex: 0 0 20%; min-width: 140px; }
#p_searchbox { display: flex; align-items: stretch; gap: 10px; flex: 1 1 auto; min-width: 0; }
#paga_sch #p_search { width: auto !important; flex: 1 1 auto; min-width: 120px; height: 45px; padding-left: 10px; font-size: 14px; color: #000; border: 1px solid #707070; letter-spacing: -0.2px; }
#paga_sch #p_search_submit,
#paga_sch #p_search_cancel { flex: 0 0 80px; min-width: 80px; height: 45px; border-radius: 3px; cursor: pointer; font-size: 16px; font-family: 'Paperlogy-3Light'; white-space: nowrap; }
#paga_sch #p_search_submit { border: 0; background: #41478f; color: #fff; }
#paga_sch #p_search_cancel { border: 1px solid #707070; background: #fff; color: #666; }

/* 반응형 */
@media all and (max-width: 1400px) {
    #paga_sch { width: 50%; }
    #paga_sch .select_box { flex-basis: 22%; }
}

@media all and (max-width: 1024px) {
    #paga_sch { width: 70%; }
    #paga_sch .select_box { flex-basis: 24%; min-width: 130px; }
}

@media all and (max-width: 768px) {
    #paga_sch { width: 90%; gap: 8px; }
    #paga_sch .select_box { flex-basis: 28%; min-width: 120px; }
    #p_searchbox { gap: 8px; }

    #paga_sch #p_search { font-size: 13px; min-width: 100px; }
    #paga_sch #p_search_submit,
    #paga_sch #p_search_cancel { font-size: 14px; }
}

/* 기존 float 사용 방지 (혹시 남아있으면 무력화) */
#paga_sch .select_box,
#paga_sch #p_search,
#paga_sch #p_search_submit,
#paga_sch #p_search_cancel { float: none !important; }


 /*검색관련*/
  .ex_box{  overflow: hidden;   position:relative;  display:inline-flex;   position:relative;   align-items:center; justify-content:center;  width:80%;  margin:80px 10% 40px 10%;   text-align:center; padding:150px 0px 50px 0px ;  background:url('../img/search_img.png') no-repeat  center 50px; border:1px solid #ddd; }
  .ex_box p{  font-size:16px; color:#000;   letter-spacing:-1px;   text-align:center;  padding-top:80px ;   font-family: 'GmarketSansMedium';}
 
@media all and (max-width:768px)  {
	.ex_box{ margin-top: 20px;}
	.ex_box p {padding-left: 20px; padding-right: 20px;}
}

@media all and (max-width:640px) {
	#paga_sch {flex-direction:column;}
	#paga_sch #skind {padding:12px 4px;}
	#paga_sch #p_search {width:100% !important;}
}

/*표 기본 */
.table1 { margin-bottom:40px;}
.table1 table {  border-collapse:collapse; width:100%;  font-family: 'NanumSquare';   font-weight: 400; border-top:2px solid #5f5f5f;   background:#fff;}
.table1 table th {font-size:18px; color:#000;   font-weight: 700;	  letter-spacing:-1px;    text-align:center;   border:1px solid #d6d4d4;  padding:15px 0px ; background:#f7f7f7;  }
.table1 table td { color:#333333;    text-align:center;  border:1px solid #d6d4d4;   letter-spacing:-1px;   padding:16px 15px 16px 15px ; font-size:18px; line-height:140%;  word-break:keep-all;	word-wrap:break-word;  }
.table1 table td span{ color:#333333; }

.table1 table tr th:first-child {border-left:none;}
.table1 table tr th:last-child {border-right:none;}

.table1 table tr td:first-child {border-left:none;}
.table1 table tr td:last-child {border-right:none;}
.table1 caption{display:none}


/*본당찾기 사용*/
.table2 { overflow: hidden; margin-bottom:40px;}
.table2 table {  border-collapse:collapse; width:100%;  font-family: 'NanumSquare';   font-weight: 600; border-top:2px solid #5f5f5f;   background:#fff;}
.table2 table th {font-size:18px; color:#000;   font-weight: 700;	  letter-spacing:-1px;    text-align:left;   border:1px solid #d6d4d4;  padding:15px 0px 15px  35px; background:#f7f7f7;  }
.table2 table td { color:#333333;    text-align:left;  border:1px solid #d6d4d4;   letter-spacing:-1px;   padding:16px 15px 16px 25px ; font-size:18px; line-height:140%;  word-break:keep-all;	word-wrap:break-word;  }
.table2 table td span{ color:#e34545; }

.table2 table tr th:first-child {border-left:none;}<strong></strong>
.table2 table tr th:last-child {border-right:none;}

.table2 table tr td:first-child {border-left:none;}
.table2 table tr td:last-child {border-right:none;}
.table2 caption{display:none}


.table4 { overflow: hidden; margin-top:10px; margin-bottom:40px;} /*역대교구장 약력*/
.table4 table {  border-collapse:collapse; width:100%;  font-family: 'NanumSquare';   font-weight: 600; border-top:2px solid #5f5f5f;   background:#fff;}
.table4 table th {font-size:18px; color:#000;   font-weight: 700;	  letter-spacing:-1px;    text-align:left;   border:1px solid #d6d4d4;  padding:15px 0px 15px  35px; background:#f7f7f7;  }
.table4 table td { color:#333333;    text-align:left;  padding:16px 15px 16px 35px ; font-size:18px; line-height:140%;    letter-spacing:-1px; border:1px solid #d6d4d4;    word-break:keep-all;	word-wrap:break-word;  }
 

.table4 table tr th:first-child {border-left:none;}
.table4 table tr th:last-child {border-right:none;}

.table4 table tr td:first-child {border-left:none;}
.table4 table tr td:last-child {border-right:none;}
.table4 caption{display:none}


/*교구장 소개 사용*/
.table5 { margin-top:10px; margin-bottom:40px;}
.table5 table {  border-collapse:collapse; width:100%;  font-family: 'NanumSquare';   font-weight: 400; border-top:2px solid #5f5f5f;  border-bottom:1px solid #5f5f5f;   background:#fff;}
.table5 table th {font-size:18px; color:#000;   font-weight: 700;   text-align:left;   border:1px solid #dedede; padding:15px 0px 15px  50px;background:#f7f7f7;  }
.table5 table td { color:#333333;    text-align:left;  border:1px solid #dedede;  padding:15px 0px 15px  50px; font-size:18px; line-height:140%;  word-break:keep-all;	word-wrap:break-word;  }


.table5 table tr th:first-child {border-left:none;}
.table5 table tr th:last-child {border-right:none;}

.table5 table tr td:first-child {border-left:none;}
.table5 table tr td:last-child {border-right:none;}
.table5 caption{display:none}

 /*모바일 테이블 스크롤 문구*/
.tabletxt_mobile { display: none;}

@media all and (max-width:1100px)  {
 
    .table1 { margin-bottom:0;}
	.table1 table th {font-size:16px; }
	.table1 table td { font-size:16px;}

    .table2 { margin-bottom:0;}
	.table2 table th {font-size:16px; }
	.table2 table td { font-size:16px;}

    .table4 { margin-bottom:0;}
	.table4 table th {font-size:16px; }
	.table4 table td { font-size:16px;}
	
    .table5 { margin-bottom:0;}
	.table5 table th {font-size:16px; padding:10px 0px 10px  30px;}
	.table5 table td { font-size:16px; padding:10px 0px 10px  30px;}
	
	
 
 
}



@media all and (max-width:768px)   {

	.table1 {overflow-x:scroll}
	.table1 table {min-width:600px;}
	.table1 table th {font-size:13px; }
	.table1 table th span { white-space:pre;}
	.table1 table td { font-size:13px;}

	.table2 {overflow-x:scroll}
	.table2 table {min-width:600px;}
	.table2 table th {font-size:13px; }
	.table2 table td { font-size:13px;}


	.table4 {overflow-x:scroll}
	.table4 table {min-width:600px;}
	.table4 table th {font-size:13px; padding-right: 20px; }
	.table4 table td { font-size:13px;}
	

	.table5 {overflow-x:scroll}
	.table5 table {min-width:600px;}
	.table5 table th {font-size:13px; padding:15px 20px 15px  30px;}
	.table5 table td { font-size:13px; padding:15px 20px 15px  30px;}

    .tabletxt_mobile { display: block; margin-top: 20px; font-size: 13px; text-align: right;}
}



 
/*서브타이틀 공동사용*/
.page_stit {  overflow: hidden; display:block;  border:1px solid #fff;}
.page_stit h4{  font-size:24px; color:#000;   letter-spacing:-0.5px;   text-align:left;  padding:10px 0px 0px 10px ;   font-family: 'Paperlogy-5Medium';}
.page_stit h4 span{color:#ff0000;}

.download{  margin: 0 auto; text-align:center; margin-top:20px; border:0px solid #000;}
.download a{   font-size:16px;  font-family: 'Paperlogy-4Regular'; color:#fff;  display:inline-flex;  letter-spacing:-1px; margin:10px 20px;  
						max-width:230px; width:25%;  font-weight:bold;   text-align:center; position:relative; padding:10px 0px 10px 0px ;  align-items:center; justify-content:center;   background:#383e8e;}
.download a:hover { background:#000 ; }

.list_bt{  margin: 0 auto; text-align:center; margin-top:20px; border:0px solid #000;}
.list_bt a{   font-size:16px;  font-family: 'Paperlogy-4Regular'; color:#fff;  display:inline-flex;  letter-spacing:-1px; margin:10px 20px;  
						max-width:230px; width:25%;  font-weight:bold;   text-align:center; position:relative; padding:10px 0px 10px 0px ;  align-items:center; justify-content:center;   background:#000;}
.list_bt a:hover { background:#383e8e ; }

.f_l{float:left; }
.f_r{ float:right; }

.pc_br {display:block;}
.mobile_br {display:none;}
 
@media all and (max-width:920px){
	.page_stit h4{  font-size:20px; padding:10px 0px 0px 10px ;}

	.f_l{float:none; }
	.f_r{ float:none; }


}
 
 @media all and (max-width:500px){
	.pc_br {display:none;}
	.mobile_br {display:block;}
	
	.page_stit h4{  font-size:18px; padding:10px 0px 0px 0 ;}

 }
 


/*주보성인*/

.vocable_box{display:flex; flex-wrap:wrap;  border:0px solid #000;}
.vocable_box .sub_box{  margin:0 auto 40px;  padding:50px 50px 50px 50px;  border:1px solid #dedede;}
.vocable_box .sub_box .imga{float:left; display:block;  width:18%;    border:0px solid #dedede;}
.vocable_box .sub_box .imga img{max-width:100%;}
.vocable_box .sub_box .text_box{float:right; display:block;  width:81%;  }
.vocable_box .sub_box .text_box p{  font-size:18px; color:#252525;   line-height:180%;	letter-spacing:-1px; font-family: 'NanumSquare';  font-weight: 400;   padding:0px 0px 15px 0px;  word-break:keep-all;	word-wrap:break-word; }

@media all and (max-width:1200px){
	 .vocable_box .sub_box{  margin:0 auto 20px;  padding:20px 20px 20px 20px;  }
	.vocable_box .sub_box .imga{float:left; display:block;  width:25%;  }
	.vocable_box .sub_box .text_box{float:right; display:block;  width:75%;  border:0px solid #000;}
	.vocable_box .sub_box .text_box p{  font-size:16px; }

}

@media all and (max-width:920px){

	.vocable_box .sub_box .imga{float:left; display:block;  width:30%; padding:0px 20px 0px 0px;  border:0px solid #dedede;}
	.vocable_box .sub_box .text_box{float:right; display:block;  width:70%;  }
	.vocable_box .sub_box .text_box p{  font-size:15px;}
}

@media all and (max-width:500px){
	.vocable_box .sub_box .text_box{float:none; display:block;  width:100%;  }
}


/*교구사명선언문*/
.declaration_box{  overflow: hidden;  border:0px solid #000;}
.declaration_box  .imga{float:left; display:block;  width:453px;   padding:0px 0px 0px 30px;  border:0px solid #dedede;}
.declaration_box  .imga img{width:100%;}
.declaration_box .sub_box{ float:right; width:66%;   padding:20px 30px 30px 0px;  border-bottom:1px dashed #000000;}
.declaration_box .sub_box p{  font-size:18px; color:#252525;   line-height:180%;font-family: 'Paperlogy-5Medium'; font-weight: 400;   padding:10px 0px 35px 0px;  word-break:keep-all;	word-wrap:break-word; }
.declaration_box .sub_box p span{ color:#0071ad; }

.alink{display:block; float:right; overflow: hidden;  width:66%;   margin:30px 0px 0px 0px ; border:0px dashed #dedede; }
.alink .linka  { float:left;   }
.alink .linka a{display:block;     font-size:18px;  font-family: 'Paperlogy-4Regular'; color:#fff;  padding:13px 30px 10px 60px ;  background:#0071ad url(../img/loc_ear.png) no-repeat 20px ;}
.alink .linka a:hover {color:#fff; background:#1e4c65  url(../img/loc_ear.png) no-repeat 20px ; }

.alink .linkb   {float:left; margin:0px 0px 0px 10px ;    }
.alink .linkb a{  display:block;   font-size:18px;   font-family: 'Paperlogy-4Regular'; color:#fff;  padding:13px 30px 10px 60px ;  background:#383e8e  url(../img/loc_music.png) no-repeat 20px ;}
.alink .linkb a:hover {color:#fff; background:#282a45  url(../img/loc_music.png) no-repeat 20px ; }

.alink .linkc   {float:left; margin:0px 10px 0px 0 ;    }
.alink .linkc a{  display:block;   font-size:18px;   font-family: 'Paperlogy-4Regular'; color:#fff;  padding:13px 30px 10px 60px ;  background:#00ad7b  url(../img/loc_mp3.png) no-repeat 20px ;}
.alink .linkc a:hover {color:#fff; background:#158867  url(../img/loc_mp3.png) no-repeat 20px ; }

@media all and (max-width:1300px){

.declaration_box  .imga{ width:300px;   padding:0px 0px 0px 10px;   }

.declaration_box .sub_box{ float:right; width:66%;  padding:20px 10px 10px 0px;  }
.declaration_box .sub_box p{  font-size:16px;   line-height:160%;	 padding:5px 0px 15px 0px; }

.alink{    margin:25px 0px 0px 0px ; }

}

@media all and (max-width:920px){

.declaration_box  .imga{   width:230px;   padding:0px 0px 0px 10px;   }
.declaration_box .sub_box{ float:right; width:63%; }

.alink{  float:right;  width:64%;   margin:30px 0px 0px 20px ;  padding:0px 0px 0px 5px;   border:0px dashed #dedede; }
.alink .linka a{  font-size:16px;  }
.alink .linkb a{  font-size:16px; }
.alink .linkc a{  font-size:16px; }
}

@media all and (max-width:670px){

 
.declaration_box .sub_box{ float:right; width:61%; }

.alink{  float:right;  width:61%;   margin:20px 0px 0px 0px ;  padding:0px 0px 0px 0px;   border:0px dashed #dedede; }
 .alink .linka a{   font-size:14px;}
 .alink .linkb a{   font-size:14px;}
 .alink .linkc a{   font-size:14px;}
}


@media all and (max-width:500px){

.declaration_box{   padding:0px 0px 20px 0px;  border:0px solid #000;}

.declaration_box  .imga{float:left;  width:100%;   padding:0px 0px 0px 0px;   }

.declaration_box .sub_box{ float:right; width:100%;  padding:20px 10px 0px 10px;  }

.alink{  float:none;  width:100%;   margin:30px 0px 0px 20px ; padding:30px 10px 0px 10px;  border:0px dashed #dedede; }
.alink .linka   {float:none;  width:100%;margin:10px auto 10px;  text-align:left;  padding:0px 25px 0px 0px ;  background:url(../img/loc_ear.png) no-repeat 10px ; }
.alink .linka a{   font-size:14px;  }

.alink .linkb   {float:none;   width:100%; margin:0 auto 0px;   text-align:left; padding:0px 25px 0px 0px ;  background:url(../img/loc_music.png) no-repeat 10px ;   }
.alink .linkb a{   font-size:14px; }

.alink .linkc   {float:none;   width:100%; margin:0 auto 0px;   text-align:left; padding:0px 25px 0px 0px ;  background:url(../img/loc_music.png) no-repeat 10px ;   }
.alink .linkc a{   font-size:14px; }
}

/*교구심볼*/
.ci_box{position:relative; overflow: hidden;   width:100%;   border:0px solid #000;}
.ci_box h4{  font-size:25px; font-weight:200; padding:0px 0px 15px 0px;    color:#252525;    font-family: 'Paperlogy-5Medium'; word-break:keep-all;	word-wrap:break-word;}


.ci_box .symbol{overflow: hidden;   width:100%;  padding:30px ;  margin:0px 0px 100px 0px;  background:url(/sub1/img/ci_img1_bg.png)    ;   border:1px solid #c2c2c2;}
.ci_box .symbol .symbol_img{float:left;  width:29%; padding:40px 30px ;  text-align:center;    vertical-align : middle;   border:0px solid #c2c2c2;}
.ci_box .symbol .symbol_img img{max-width:100%; }
.ci_box .symbol .symbol_txt{  float:right;  width:70%; padding:30px 30px 10px 30px;   background:#fff; }
.ci_box .symbol .symbol_txt p{ font-size:18px;  color:#333333;   line-height:160%;	letter-spacing:-1px; font-family: 'NanumSquare';  font-weight: 400;  word-break:keep-all;	word-wrap:break-word;  }
.ci_box .symbol .symbol_txt p span{  color:#fff;  padding:3px 5px 3px 5px ;  background:#0070ac; margin-bottom:10px; display:inline-block; }

.symbol_txt .txt_list  {width:100%;  margin:20px 0px 0px 20px; list-style : square; border:0px solid #ff0000;}
.symbol_txt .txt_list li{font-size:18px; line-height:160%;  letter-spacing:-1px;  color:#333333;  font-family: 'NanumSquare';  font-weight: 400;   margin:0px 0px 10px 0px;   padding:0px 0px 0px 0px ;}
.symbol_txt .txt_list li span{color:#0070ac;}

ul.ciimg_list { overflow: hidden; margin:10px 0px 50px -2%;  border:0px solid #ff0000;}
ul.ciimg_list li {float:left; display:block; width:48%; height:100%; margin-left:2%;   vertical-align : middle;  text-align:center; padding:10px 0px 10px 0px ;   border:1px solid #dadada;}
ul.ciimg_list li img{ max-width:100%;  }


 
.ci_download{  margin: 0 auto; text-align:center; margin-top:20px; border:0px solid #000;}
.ci_download a{   font-size:18px;  font-family: 'Paperlogy-4Regular'; color:#fff;  display:inline-flex;  margin:10px 20px;  
						max-width:300px; width:50%;  font-weight:400;   text-align:center; position:relative; padding:15px 0px 15px 0px ;  align-items:center; justify-content:center;   background:#2d2d2d;}
.ci_download a:hover { background:#0071AD ; }

@media all and (max-width:1200px){

}

@media all and (max-width:920px){
.ci_box .symbol{  padding:20px ; margin:0px 0px 30px 0px;   }
.ci_box h4{  font-size:20px; }

.ci_box .symbol .symbol_img{  width:29%; padding:20px ; }
.ci_box .symbol .symbol_txt p{ font-size:14px; }
.symbol_txt .txt_list li{font-size:14px; }

ul.ciimg_list li { height:250px;  }

}

@media all and (max-width:500px){
 
.ci_box .symbol .symbol_img{float:none;  width:100%; }
.ci_box .symbol .symbol_txt{  float:none;  width:100%; padding:15px;  }
.ci_box .symbol .symbol_txt p{ font-size:15px; }

.symbol_txt .txt_list li{font-size:14px; line-height:140%; }

ul.ciimg_list {  margin:10px 1px 0px 1%;  border:0px solid #ff0000;}
ul.ciimg_list li {  width:98%; height:100%; padding:20px ;   margin:2% }

.ci_download a{ width:80%;}
}

/*교구사제*/
.parish_data{ margin:0px auto 20px ;  padding:0px 10px;   position: relative; overflow: hidden;      border:0px solid #dedede; }
.parish_data .total{ float:left;  font-size:18px; color:#000000;   font-family: 'Paperlogy-4Regular';}
.parish_data .total span{color:#e34545;  }

.sct_lst { position:absolute; right:0; margin:0 0;padding:0;list-style:none}
.sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
.sct_lst li {float:left;font-size:16px;line-height:15px;  color:#000000;  padding:0px 15px;   font-family: 'Paperlogy-4Regular'; border-right:1px solid #000000; position:relative;text-align:center;margin:3px 0px 0px 0;  }
.sct_lst li:last-child {padding-right:0;margin-right:0;border-right:0}
 
 
.parish_box {  overflow: hidden;   border:1px solid #dedede; list-style : none; margin-bottom:30px;  background:#f8f8f8;  }
ul.parish {   overflow: hidden; padding:60px;  border:0px solid #000; list-style : none; }
ul.parish li { float:left;  width:100%;   margin:0%;      position:relative;  border:0px solid #dedede; background:#fff; }
ul.parish li .photoimg{ float:left; width:22%; padding:40px 70px;    border:0px solid #dedede; }
ul.parish li .photoimg img{  width:100%;  border:1px solid #dedede;}
ul.parish li .databox{ float:right; width:78%;    padding:40px 0px 20px 0px;  border:0px solid #dedede; }
ul.parish li .databox .name{ font-size:25px; color:#252525;   font-family: 'Paperlogy-4Regular';}

ul.parish li .databox ol.data_listd { padding:0px;  margin:20px 0px 0px 0; overflow: hidden;    list-style : none; border:0px solid #dedede;}
ul.parish li .databox ol.data_listd li{ float:left;  display: block; width:31%;    font-size:18px; letter-spacing:-1px;  font-family: 'NanumSquare';  font-weight:400; color:#000;   border:none; margin: 0px 0px 10px 0; 
																	padding:10px 0px 0px 105px;position: relative;    }
ul.parish li .databox ol.data_listd li span{position: absolute;left: 0; top:5px;  font-size:16px; color:#fff;  font-family: 'Paperlogy-4Regular'; padding:5px 15px 5px 15px; margin: 0px 0px 0px 0px;  background:#000000;border-radius:30px;}
 
ul.parish li .databox ol.data_listv { padding:0px;  margin:20px 30px 0px 0;overflow: hidden;     list-style : none; border-top:1px dashed #dedede;}
ul.parish li .databox ol.data_listv li{ float:left;  display: block; width:100%;    font-size:18px; letter-spacing:-1px;  font-family: 'NanumSquare';  font-weight:400; color:#000;   border:none; margin: 10px 0px 10px 0; 
																	padding:10px 0px 0px 105px;position: relative;   }
ul.parish li .databox ol.data_listv li span{position: absolute;left: 0; top:5px;  font-size:16px; color:#fff;  font-family: 'Paperlogy-4Regular'; padding:5px 15px 5px 15px; margin: 0px 0px 0px 0px;  background:#000000;border-radius:30px;}
ul.parish li .databox ol.data_listv .bg{background:#41478f;}
 
 

ul.parish_list {   margin-left:-4%; overflow: hidden;   border:0px solid #000; list-style : none;  }
ul.parish_list li { float:left;  width:46%;   margin-left:4%;  padding:40px 40px 20px 40px;   margin-bottom:60px;   position:relative;  border:1px solid #dedede;}
ul.parish_list li .photoimg{ float:left; width:26%;  border:0px solid #dedede; }
ul.parish_list li .photoimg img{  width:100%;  border:1px solid #dedede;aspect-ratio:calc(160/210);object-fit:cover; }
ul.parish_list li .databox{ float:right; width:68%;    padding:0px 0px;  border:0px solid #dedede; }
ul.parish_list li .databox .name{ font-size:25px; color:#252525;   font-family: 'Paperlogy-4Regular';}

ul.parish_list li .databox ol.data_list { padding:0px;  margin:20px 0px 0px 0px;    list-style : none; border-bottom:0px solid #dedede;}
ul.parish_list li .databox ol.data_list li{font-size:16px; letter-spacing:-1px;  font-family: 'NanumSquare';  font-weight:400; color:#000; width:100%; display:block;  border:none; margin: 0px 0px 10px 0px;padding:10px 0px 0px 105px;position: relative;}
ul.parish_list li .databox ol.data_list li:last-child{ min-height: 100px; line-height: 1.3;}
/* ul.parish_list li .databox ol.data_list li.one-lines{line-height: 1.8; }
ul.parish_list li .databox ol.data_list li.two-lines{line-height: 1.6; }
ul.parish_list li .databox ol.data_list li.three-lines{line-height: 1.4; }
ul.parish_list li .databox ol.data_list li.four-lines{line-height: 1.2; }*/


ul.parish_list li .databox ol.data_list li span{position: absolute;left: 0; top:5px; font-size:16px; color:#fff;  font-family: 'Paperlogy-4Regular'; padding:5px 15px 5px 15px; margin: 0px 0px 0px 0px;  background:#000000;border-radius:30px;}
ul.parish_list li .databox ol.data_list .bg{background:#41478f;}
ul.parish_list li .databox ol.data_list .line{padding:0px 0px 15px 0px;  border-bottom:1px dashed #dedede;}

/* 페이징 */

.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#fff;border:1px solid #d9d9d9; margin:0 5px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:0.92em;height:35px;line-height:33px;padding:0 5px;min-width:35px;text-decoration:none;border-radius:0;margin: 0 5px; }
.pg_page:hover{background-color:#fff}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/asset/img/btn_first.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #d9d9d9;margin: 0 5px;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/asset/img/btn_prev.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #d9d9d9;margin: 0 5px;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/asset/img/btn_end.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #d9d9d9;margin: 0 5px;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/asset/img/btn_next.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #d9d9d9;margin: 0 5px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#262626}

.pg_current {display:inline-block;background:#262626;color:#fff;font-weight:bold;height:35px;line-height:33px;padding:0 0px;min-width:35px;border-radius:0;
border:1px solid #262626;
}



@media all and (max-width:1200px){


ul.parish {   overflow: hidden; padding:20px;  }
ul.parish li .photoimg{ float:left; width:20%; padding:20px 30px;  }
ul.parish li .databox{   padding:20px 0px 20px 0px; }
ul.parish li .databox .name{ font-size:22px; }
ul.parish li .databox ol.data_listd li{ width:32%;  font-size:16px;}
ul.parish li .databox ol.data_listd li span{ font-size:16px;}
ul.parish li .databox ol.data_listv li{font-size:16px;}
ul.parish li .databox ol.data_listv li span{   font-size:16px;}



ul.parish_list {   margin-left:-2%; overflow: hidden;   border:0px solid #000; list-style : none;  }
ul.parish_list li { float:left;  width:48%;   margin-left:2%;  padding:20px 20px;   margin-bottom:30px;  }
ul.parish_list li .photoimg{ float:left; width:30%; }
ul.parish_list li .databox{ float:right; width:65%;  padding:0px 0px;  border:0px solid #dedede;}
ul.parish_list li .databox .name{ font-size:22px;  padding-top:5px ;}
ul.parish_list li .databox ol.data_list {   margin:20px 0px 0px 0px;   }
ul.parish_list li .databox ol.data_list li{font-size:16px;  letter-spacing:-1px; padding:10px 0px 0px 80px; margin: 0px 0px 5px 0px;}
ul.parish_list li .databox ol.data_list li span{font-size:16px;  padding:3px 10px 3px 10px;  }

}

@media all and (max-width:920px){


	ul.parish {   overflow: hidden; padding:20px;  }
	ul.parish li .photoimg{ float:left; width:25%; padding:20px 30px;  }
	ul.parish li .databox{  width:73%; padding:20px 0px 20px 0px; }
	ul.parish li .databox .name{ font-size:18px; }
	ul.parish li .databox ol.data_listd li{ width:32%;  font-size:13px;  padding:10px 0px 0px 80px;}
	ul.parish li .databox ol.data_listd li span{ font-size:13px;}
	ul.parish li .databox ol.data_listv li{font-size:13px; padding:10px 20px 0px 80px;}
	ul.parish li .databox ol.data_listv li span{   font-size:13px;}


	ul.parish_list {   margin-left:1%; overflow: hidden;   border:0px solid #000; list-style : none;  }
	ul.parish_list li { float:left;  width:49%;   margin-left:1%;  padding:10px 10px;   margin-bottom:30px;  }
	ul.parish_list li .photoimg{ float:left; width:30%; }
	ul.parish_list li .databox{ float:right; width:65%;  padding:0px 0px;  border:0px solid #dedede;}
	ul.parish_list li .databox .name{ font-size:18px;  padding-top:5px ;}
	ul.parish_list li .databox ol.data_list {   margin:10px 0px 0px 0px;   }
	ul.parish_list li .databox ol.data_list li{font-size:13px;  letter-spacing:-1px;  padding:10px 0px 0px 70px; margin: 0px 0px 3px 0px;}
	ul.parish_list li .databox ol.data_list li span{font-size:13px;  padding:3px 10px 3px 10px;  }

}

@media all and (max-width:768px){
    .parish_data .total{ font-size:13px;}
	.sct_lst li{ font-size:13px;}
	
 	ul.parish {   overflow: hidden; padding:20px;  }
	ul.parish li .photoimg{ float:none; width:60%; padding:10px 10px 5px 10px; margin:0 auto ;  }
	ul.parish li .databox{  float:none;  width:85%; padding:10px 0px 20px 0px; margin:0 auto;  }
	ul.parish li .databox .name{ font-size:18px; text-align:center;}
	ul.parish li .databox ol.data_listd {  margin:10px 0px 0px 0;  border:0px solid #000; }
	ul.parish li .databox ol.data_listd li{ width:100%;  font-size:15px;  padding:10px 0px 0px 85px; letter-spacing:0;}
	ul.parish li .databox ol.data_listd li span{ font-size:13px;}

	ul.parish_list {   margin-left:0%; overflow: hidden;   border:0px solid #000; list-style : none;  }
	ul.parish_list li { float:left;  width:100%;   margin-left:0%;  padding:20px 0;   margin-bottom:30px;  }
	ul.parish_list li .photoimg{ float:none;   margin:10px auto 10px;    width:50%;}
	ul.parish_list li .databox{ float:none; width:85%;   margin:0 auto;  padding:10px 0px 20px 0px;  border:0px solid #dedede;}
	ul.parish_list li .databox .name{ font-size:18px;  text-align:center;   padding-top:10px ;}
	ul.parish_list li .databox ol.data_list {   margin:10px 0px 10px 0px;   }
	ul.parish_list li .databox ol.data_list li{font-size:15px;  letter-spacing:0;  margin: 0px 0px 3px 0px; padding:10px 0px 0px 80px;}
	ul.parish_list li .databox ol.data_list li span{font-size:13px;  padding:3px 10px 3px 10px;  }
    ul.parish_list li .databox ol.data_list li:last-child{ min-height: auto; line-height: 1.2;}
	
	
	ul.parish li .databox ol.data_listv {   margin:20px 0px 10px 0;  border-top:1px dashed #dedede;}
	ul.parish li .databox ol.data_listv li{ width:100%;    font-size:15px;   margin: 10px 0px 10px 0;  padding:10px 0px 0px 70px;   }
	ul.parish li .databox ol.data_listv li span{  font-size:13px;  padding:3px 10px 3px 10px;  }
	
	.pg_page, .pg_current {margin:0 1px 5px 1px;}
	.pg_page {margin: 0 1px 5px 1px; }
	.pg_start {margin: 0 1px 5px 1px;}
	.pg_prev {text-indent:-999px;overflow:hidden;background:url('/asset/img/btn_prev.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #d9d9d9;margin: 0 1px 5px 1px;}
	.pg_end {text-indent:-999px;overflow:hidden;background:url('/asset/img/btn_end.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #d9d9d9;margin: 0 1px 5px 1px;}
	.pg_next {text-indent:-999px;overflow:hidden;background:url('/asset/img/btn_next.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #d9d9d9;margin: 0 1px 5px 1px;}
 
}

/*선종사제*/
ul.cat_list {   margin-left:-4%; overflow: hidden;   border:0px solid #000; list-style : none;  }
ul.cat_list li { float:left;  width:46%;   margin-left:4%;  padding:40px 40px;   margin-bottom:60px;   position:relative;  border:1px solid #dedede;}
ul.cat_list li .photoimg{ float:left; width:26%;  border:0px solid #dedede; }
ul.cat_list li .photoimg img{  width:100%;  border:1px solid #dedede;aspect-ratio:calc(160/210);object-fit:cover;}
ul.cat_list li .databox{ float:right; width:68%;    padding:0px 0px;  border:0px solid #dedede; }
ul.cat_list li .databox .name{ font-size:25px; color:#252525;   font-family: 'Paperlogy-4Regular';}

ul.cat_list li .databox ol.data_list { padding:0px;  margin:30px 0px 0px 0px;    list-style : none; }
ul.cat_list li .databox ol.data_list li{font-size:18px; letter-spacing:-1px;  font-family: 'NanumSquare';  font-weight: 400; color:#000; width:100%; display:block;  border:none; margin: 0px 0px 10px 0px; padding:5px 0px 5px 0;  }
ul.cat_list li .databox ol.data_list li span{width:100px;  font-size:16px; color:#fff;  font-family: 'Paperlogy-4Regular';   letter-spacing:0px;  padding:5px 15px 5px 15px; margin: 0px 10px 0px 0px;  background:#000000;border-radius:30px;}

@media all and (max-width:1200px){
ul.cat_list {   margin-left:-2%; overflow: hidden;   border:0px solid #000; list-style : none;  }
ul.cat_list li { float:left;  width:48%;   margin-left:2%;  padding:20px 20px;   margin-bottom:30px;  }
ul.cat_list li .photoimg{ float:left; width:30%; }
ul.cat_list li .databox{ float:right; width:65%;  padding:0px 0px;  border:0px solid #dedede;}
ul.cat_list li .databox .name{ font-size:22px;  padding-top:10px ;}
ul.cat_list li .databox ol.data_list {   margin:20px 0px 0px 0px;   }
ul.cat_list li .databox ol.data_list li{font-size:16px;  letter-spacing:-1px;  margin: 0px 0px 8px 0px;}
ul.cat_list li .databox ol.data_list li span{font-size:16px;  padding:3px 10px 3px 10px;  }
}

@media all and (max-width:920px){
ul.cat_list {   margin-left:1%; overflow: hidden;   border:0px solid #000; list-style : none;  }
ul.cat_list li { float:left;  width:49%;   margin-left:1%;  padding:10px 10px;   margin-bottom:30px;  }
ul.cat_list li .photoimg{ float:left; width:30%; }
ul.cat_list li .databox{ float:right; width:65%;  padding:0px 0px;  border:0px solid #dedede;}
ul.cat_list li .databox .name{ font-size:18px;  padding-top:10px ;}
ul.cat_list li .databox ol.data_list {   margin:10px 0px 0px 0px;   }
ul.cat_list li .databox ol.data_list li{font-size:13px;  letter-spacing:-1px;  margin: 0px 0px 3px 0px;}
ul.cat_list li .databox ol.data_list li span{font-size:13px;  padding:3px 10px 3px 10px;  }
}

@media all and (max-width:768px){
ul.cat_list {   margin-left:0; overflow: hidden;   border:0px solid #000; list-style : none;  }
ul.cat_list li { float:left;  width:100%;   margin-left:0;  padding:20px 0;   margin-bottom:30px;  }
ul.cat_list li .photoimg{ float:none; text-align:center;  margin:0px auto 10px;    width:50%; }
ul.cat_list li .databox{ float:none; width:85%;margin:0 auto;   padding:10px 0px 20px 0px;  border:0px solid #000;}
ul.cat_list li .databox .name{ font-size:18px; text-align:center;   padding:10px 0px 0px 0 ;}
ul.cat_list li .databox ol.data_list {   margin:10px 0px 10px 0;   }
ul.cat_list li .databox ol.data_list li{font-size:13px;  letter-spacing:-1px;  margin: 0px 0px 3px 0px;}
ul.cat_list li .databox ol.data_list li span{font-size:13px;  padding:3px 10px 3px 10px;  }
}

/*미사시간*/
.mass_time_box{position:relative;  width:100%;   border:0px solid #000;}
.mass_time_box .shortcut_go{position:absolute; top:0px;  right:0px;    padding:5px 30px ;  background:#41478f   ;border-radius:30px; }
.mass_time_box .shortcut_go i.text_icon {display:inline-block; width:18px; height:18px;  margin:0px 10px 0px 0px;  vertical-align : middle;   background:url(../img/loc_text.png) no-repeat; background-size:100%;}
.mass_time_box .shortcut_go a{  font-size:16px; color:#fff;   font-family: 'GmarketSansMedium';}

@media all and (max-width:1200px){

}

@media all and (max-width:920px){

}

@media all and (max-width:500px){

.mass_time_box .shortcut_go{  padding:3px 15px ;  }
.mass_time_box .shortcut_go i.text_icon {  margin:0px 8px 0px 0px;  }
.mass_time_box .shortcut_go a{ display:inline-block;  font-size:13px; }
}


/*본당*/
ul.church_list  { padding:0px;  margin:20px 0px 0px -3%; overflow: hidden;     font-family: 'GmarketSansMedium';    list-style : none; }
ul.church_list li{ float:left;  display: block; width:30.33%;   margin: 0px 0px 60px 3%; padding:30px 0px 0px  0px;position: relative; border:1px solid #dedede;   }
ul.church_list li .name{ font-size:27px; color:#000;     letter-spacing:-1px; padding:0px  0px 15px 0px ;  text-align:center; }
ul.church_list li .photo_img{   width:85%;  margin:0 auto;  text-align:center; }
ul.church_list li .photo_img img{width:100%;aspect-ratio:calc(400/230);object-fit:cover;}
ul.church_list li .gall_info{padding:30px 0px 30px  65px;}
ul.church_list li .detail{  width:100%;  padding:20px 0px 20px  0px; background:#0071ad  ;}
ul.church_list li .detail:hover{background:#000;}
ul.church_list li .detail p{ font-size:18px;  color:#fff;   text-align:center;}
ul.church_list li .detail i.detail_icon {display:inline-block; width:30px; height:30px;  margin:0px 30px 0px 0px;  vertical-align : middle;   background:url(../img/loc_detail.png) no-repeat; background-size:100%;}
 
.address{font-size:16px; color:#000;  letter-spacing:-1px; padding:5px  0px 5px 45px ; display: block;  background:url(../img/loc_map.png) no-repeat left  ; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 30px;}
.tel{font-size:16px;  color:#000;   letter-spacing:-1px;  padding:5px  0px 5px 45px ; display: block;  background:url(../img/loc_tel.png)  no-repeat left ;  }


/*20250715-추가*/
@media all and (max-width:1200px){

ul.church_list {padding:0px 15px 0px  15px; margin:20px 0px 0px -2%; }
ul.church_list li{ float:left;  display: block; width:31.33%; margin: 0px 0px 30px 2%;  }
ul.church_list li .gall_info{padding:30px 0px 30px  25px;}

}

@media all and (max-width:1000px){

ul.church_list {padding:0px 15px 0px  15px;  }
ul.church_list li{ float:left;  display: block; width:47%; margin: 0px 0px 30px 3%;  padding:30px 0px 0px  0px; }
ul.church_list li .name{ font-size:22px; }
ul.church_list li .gall_info{padding:30px 0px 30px  25px;}
ul.church_list li .detail p{ font-size:16px;  }

}


@media all and (max-width:500px){

ul.church_list {padding:0;}
ul.church_list li{ float:left;  display: block; width:97%; margin: 0px 0px 30px 3%; }
ul.church_list li .gall_info{padding:30px 0px 30px  25px;}
ul.church_list li .detail p{ font-size:16px;  }

.address{font-size:14px; padding-left:35px;background-size:25px; }
.tel{font-size:14px;padding-left:35px;background-size:25px;}

}
/**/

/*카테고리*/
.category{width:100%;  margin:20px 0px 55px 0px ;  text-align: center;    border:0px solid #ff0000;  }
.category li {display:inline;margin-right:10px; padding-right:20px;   background:url(../img/loc_line.png)  no-repeat right 50%   ; }
.category li a { display:inline; line-height: 20px; font-size: 18px; color:#000;  padding:8px 10px  5px  10px; font-family: 'GmarketSansMedium'; }
.category li a::after{content: ""; display: block;   margin:0px; float: right; padding:0px; }
.category li a:last-child::after{ display: none; }
.category li:last-child { background:none;}
.category li.clearfix {border-right:none; padding:0; margin:0;}
.category li a:hover{ color:#fff;  border-radius:20px;  background:#0071ad /*url(../../img/loc_detail.png) no-repeat left*/ ;}

/*20250715-추가*/
 @media all and (max-width:1100px){
	.category li a {  font-size: 16px;   letter-spacing:-1px;  padding:5px 8px  3px  8px; }
 }
 
 @media all and (max-width:920px){
	.category{  margin:0px 0px 30px 0px ;  border:0px solid #ff0000;}
	.category li {display:inline; margin-right:0px; padding-right:5px; border:0px solid #ff0000;}
	.category li a {  font-size: 16px;   letter-spacing:-1px;  padding:5px 8px  3px  8px; }
}

 @media all and (max-width:768px){
    .category li a { display:inline-block;}
	.category li a {  font-size: 14px;}
}


 


/*본당-상세보기*/

.church_wrap{   position:relative; overflow: hidden;   width:100%;   border:0px solid #ff0000;}
.church_wrap .photo_box{ float:left;  display: block; width:48%;  position:relative;  }
.church_wrap .photo_box img{  width:100%; aspect-ratio:calc(720/500);object-fit:cover; }
.church_wrap .data_box{float: right; width:48%;      border:0px solid #000;   }
.church_wrap .data_box .name{ font-size:30px; color:#000;     letter-spacing:-1px;    font-family: 'GmarketSansMedium';   padding:0px  0px 0px 0px ;  text-align:left; }
.church_wrap .data_box .name .app { display: block;  padding:0px  0px 0px 0px ; }
.church_wrap .data_box .name .app span{ font-size:13px;  color:#fff;  padding:5px  10px 1px 10px ;  background:#0071ad; border-radius:30px;}

 
.photo_box:after {display:block;visibility:hidden;clear:both;content:""}
.photo_box .slide-wrap { padding:0;margin:0;  }
.photo_box .slide-wrap img {max-width:100%;  }
.photo_box .owl-carouselP .item{position:relative; overflow:hidden;   object-fit: contain;border:1px solid #ddd; } 

.photo_box .btn_wr {background:rgba(0,0,0,0);display:inline-block; z-index:100; padding:3px 5px; margin: 10px auto; text-align: center; width: 100%;}
.photo_box .btn_wr{z-index:2}
.photo_box .btn_wr .pager-prev {margin-left:5px;font-weight:bold}
.photo_box .btn_wr .pager-next {margin-right:5px;font-weight:bold}
.photo_box .btn_wr .pager-prev, .btn_wr .pager-next, #slide-counter {display:inline-block;padding:5px;color:#000}
.photo_box #slide-counter {margin:3px 5px}


.data_adbox{float:left; width:100%;  padding:35px  45px;  margin:10px 0px;  border:1px solid #ddd;   }
.data_adbox ul{}
.data_adbox ul li{ font-size:16px; color:#000;  font-family: 'NanumSquare';   font-weight: 400;   line-height:300%;	letter-spacing:-1px;  padding:0px  0px 0px 15px ; background:url(../img/list_bl.png) no-repeat left 23px; word-break:keep-all;	word-wrap:break-word; }


.history_list{float:left; width:100%;  padding:35px  45px;  margin:10px 0px;  border:1px solid #ddd;   }
.history_list ul{}
.history_list ul li{ font-size:16px; color:#000;  font-family: 'NanumSquare';   font-weight: 400;   line-height:300%;	letter-spacing:-1px;  padding:0px  0px 0px 15px ; background:url(../img/list_bl.png) no-repeat left 23px; word-break:keep-all;	word-wrap:break-word; }

 

 .map_box{ width:100%; padding:20px ;   border:1px solid #dedede;}




.list_view{  margin: 0 auto; text-align:center; margin-top:20px; border:0px solid #000;}
.list_view a{   font-size:18px;  font-family: 'Paperlogy-4Regular'; color:#fff;  display:inline-flex;  margin:10px 20px;  
						max-width:300px; width:50%;  font-weight:400;   text-align:center; position:relative; padding:15px 0px 15px 0px ;  align-items:center; justify-content:center;   background:#2d2d2d;}
.list_view a:hover { background:#0071AD ; }

@media all and (max-width:1200px){

	.church_wrap .photo_box{ float:none; width:100%;   padding:10px 0; }
	.church_wrap .photo_box img{  width:100%;    }
	.church_wrap .data_box{float: none; width:100%;     padding:10px 0;   border:0px solid #000;   }

	.data_adbox{  padding:25px  25px; }
	.data_adbox p a{ word-break: break-all;}
	.data_adbox ul li{ font-size:16px;   line-height:180%; background:url(../img/list_bl.png) no-repeat left 10px;}

	.history_list{  padding:25px  25px; }
	.history_list ul li{ font-size:16px;   line-height:180%;	 ; background:url(../img/list_bl.png) no-repeat left 10px; }

}

@media all and (max-width:768px){
	.church_wrap .data_box .name{ font-size:20px; line-height: 1.8; }
}
/*20250722 추가*/

.sub_tit_box{ width:100%;  margin:0 auto 100px;   padding:60px 70px 40px 70px; vertical-align:middle;  border-top:2px solid #000;   border-bottom:1px solid #000; background:#f8f8f8; }

@media all and (max-width:768px) and (min-width:375px) { 
	.sub_tit_box{   margin:0 auto 50px;  padding:30px 20px;  }
	
}


 /*교구법원*/
.court_boxA{ width:100%;  margin:0 auto 0px;   padding:0px 0px;  position:relative; overflow: hidden; border:0px solid #000;   }
.court_boxA .imgA{ float:left;  width:36%;  text-align:center;  border:0px solid #ddd;}
.court_boxA .imgA img{ max-width:100%; }
.court_boxA .txtA{float:right; width:60%;   position:relative;   border:0px solid #ddd; }
.court_boxA .txtA h4{ font-size:40px; color:#000;   font-family: 'Paperlogy-4Regular'; }
.court_boxA .txtA h4 span{color:#0071ad;  }
.court_boxA .txtA p{ font-size:18px; color:#000;   font-family: 'Paperlogy-4Regular'; line-height:200%;  padding:10px 0px 20px 0px;}

.data_listD { padding:0px 0px 0px 0px;  margin:30px auto 0px;  overflow: hidden;    list-style : none; padding:30px 0px 0px 0px;  border-top:1px dashed #000;  }
.data_listD li{   float:left;  display:block;    width:30%;   margin:0px 1% 0px 2.333%; font-size:18px; color:#000;   font-family: 'Paperlogy-4Regular'; word-break:keep-all;	word-wrap:break-word;   }

.court_boxB{ width:100%;  margin:50px auto 70px;   padding:0px 0px;  position:relative; overflow: hidden; border:0px solid #000;   }
.court_boxB .txtB{position:absolute;  width:50%;  text-align:left;  right:0px; bottom:70px;  padding:55px 80px;   background:#0071ad; border:0px solid #ddd;}
.court_boxB .txtB h4{ font-size:40px; color:#fff;    font-family: 'Paperlogy-4Regular';  }
.court_boxB .txtB p{ font-size:18px; color:#fff;    font-family: 'Paperlogy-4Regular'; line-height:160%;  padding:0px 0px 0px 0px;}

.law_list ul{ position:relative; overflow: hidden;  width:100%;  margin:10px auto 10px;   border:1px solid #000;}/*교구법원*/
.law_list  li{ font-size:17px; color:#000;  font-family: 'NanumSquare';   font-weight: 400;   line-height:250%;	letter-spacing:-1px;  padding:0px  0px 0px 15px ; background:url(../img/list_bl.png) no-repeat left 18px; word-break:keep-all;	word-wrap:break-word; }
.law_list  li ol{padding:10px  0px 0px 30px ;  border:1px solid #ddd;}
.law_list  li ol li{ font-size:17px; color:#000;     font-weight: 400;   line-height:200%;	letter-spacing:-1px;  padding:0px  0px 0px 15px ; background:url(../img/list_bld.png) no-repeat left 23px; word-break:keep-all;	word-wrap:break-word; }
 


.contents_box{ width:100%;   position:relative; overflow: hidden;   padding:50px ; margin:20px 0px 50px 0px;   border:1px solid #ddd;}
.contents_box .img{float:left;  width:15%;  padding:40px 30px  ;    border:0px solid #ddd; }
.contents_box .txt{float:right;  width:80%;   border:0px solid #ddd; }
.contents_box .txt p{ font-size:16px;  font-family: 'NanumSquare';   font-weight: 400;  line-height:180%; color:#252525;   padding:0px 0px 0px 20px ;  word-break:keep-all;	word-wrap:break-word;   }
.contents_box .tit{ width:100%; display: inline-block; font-size:20px;  color:#252525;   font-family: 'NanumSquare';   font-weight: 600;  padding:0px 0px 15px 30px ;   background:url(../img/t_icon.png) no-repeat left 3px;}
.contents_box p{ font-size:18px;  font-family: 'NanumSquare';   font-weight: 400;  line-height:180%; color:#333;   padding:10px 0px 0px 30px ;  word-break:keep-all;	word-wrap:break-word; }
.contents_box p.point{ font-size:18px; font-weight: 700; color:#000;}
.contents_box p.point_red{ font-size:18px; font-weight: 600; color:#F1374D; padding-left:40px;}
.contents_box .br{width:100%; height:50px;   padding:0px ; display:block; }

.contents_box .data_lawdbox ul{float:left; width:100%;  padding:0 35px;  margin:0 0 30px 0;}
.contents_box .data_lawdbox ul li{ width:100%; float:left; font-size:18px; color:#333;  font-family: 'NanumSquare';   font-weight: 400;   line-height:1.8;	letter-spacing:-1px;  padding:8px  0px 8px 15px ; background:url(../img/list_bl.png) no-repeat left 20px; word-break:keep-all;	word-wrap:break-word; }
.contents_box .data_lawdbox ul li.point_blue { color:#0B6BB5; font-weight:600;}
.contents_box .data_lawdbox ul li ul { margin:0; padding:0}
.contents_box .data_lawdbox ul li ul li {background:url(../img/list_bl_s.png) no-repeat 5px 18px; line-height:1.8; padding:5px 0 5px 15px;}

.contents_box .data_lawdbox .file_box { width:100%; display:inline-block; margin-bottom:20px;}
.contents_box .data_lawdbox .file_box h4 { display:inline-block; margin-top:10px;font-size:18px; font-weight:600; font-family: 'NanumSquare';}
.contents_box .data_lawdbox .file_box ul { width:100%;background:#EFEFEF; padding:20px;}
.contents_box .data_lawdbox .file_box ul li { width:100%; background:url(../img/list_bl_s.png) no-repeat 5px 18px; line-height:1.8; padding:5px 0 5px 15px;}

.contents_box .fileLink   {margin: 0 auto; text-align:center; margin-top:20px;}
.contents_box .fileLink a{  display:inline-flex;font-size:18px;   font-family: 'Paperlogy-4Regular'; color:#fff;  margin:30px 0; max-width:300px; width:50%;  font-weight:400;   text-align:center; position:relative; padding:10px 0px 10px 30px ;  align-items:center; justify-content:center;    background:#383E8E  url(../img/loc_file.png) no-repeat 40px ;}
.contents_box .fileLink a:hover {color:#fff; background:#282a45  url(../img/loc_file.png) no-repeat 40px ; }



@media all and (max-width:1200px)  {
	.sub_tit_box{   margin:0 auto 50px;  padding:30px 30px;  }
	.court_boxA .imgA{ float:left;  width:43%;  text-align:center;  border:0px solid #ddd;}
	.court_boxA .txtA{float:right; width:53%;   position:relative;   border:0px solid #ddd; }
	.court_boxA .txtA h4{ font-size:30px; padding:10px 0px 10px 0px;}
	.court_boxA .txtA p{ font-size:16px;  line-height:160%;  padding:10px 0px 20px 0px;}

	.data_listD li{        font-size:16px;    width:48%;  margin:0px 0px 5px 10px;  }

.court_boxB{ width:100%;  margin:50px auto 70px;  border:1px solid #ff0000;   }
.court_boxB .txtB{position:absolute;  width:60%; bottom:20px;  padding:35px 40px;    }
.court_boxB .txtB h4{ font-size:30px;  }
.court_boxB .txtB p{ font-size:16px;  line-height:160%;  padding:0px 0px 0px 0px;}

}


@media all and (max-width:920px)  {

 	.contents_box{   padding:30px 30px ; }
 


	.court_boxA .imgA{ float:none;  width:100%;}
	.court_boxA .txtA{float:none; width:100%;  border:0px solid #ddd; }
	.court_boxA .txtA h4{ font-size:26px; padding:10px 0px 10px 0px;}
	.court_boxA .txtA p{ font-size:16px;  line-height:160%;  padding:10px 0px 20px 0px;}


	.data_listD {  margin:20px auto 0px; width:100%;  }
	.data_listD li{     font-size:16px;  width:48%;  margin:0px 0px 5px 10px;   }


.court_boxB{ width:100%;  margin:50px auto 70px;  border:0px solid #ff0000;   }
.court_boxB .txtB{position:absolute;  width:90%; bottom:20px;  padding:35px 50px;  }
.court_boxB .txtB h4{ font-size:30px;  }
.court_boxB .txtB p{ font-size:14px;  line-height:160%;  padding:0px 0px 0px 0px;}

}


@media all and (max-width:540px)  {
	
	

	.data_listD {  margin:20px auto 0px; width:98%;  }
	.data_listD li{        font-size:14px;    width:100%;   letter-spacing:-1px;    margin:0px 0px 5px 10px;     }

	.court_boxB{ width:100%;  margin:50px auto 30px;  border:0px solid #ff0000;   }
	.court_boxB .txtB{position:absolute;  width:90%; bottom:20px;  padding:25px 30px;  }
	.court_boxB .txtB h4{ font-size:24px;  }
	.court_boxB .txtB p{ font-size:14px;  line-height:160%;  padding:0px 0px 0px 0px;}

	.contents_box{   padding:30px 20px; margin-bottom:20px; }
	.contents_box .tit{ font-size:18px;  background:url(../img/t_icon.png) no-repeat left 0px;}
	.contents_box p{ font-size:15px;   padding:10px 0px 0px 10px ; line-height:1.5;}
	
	.contents_box .data_lawdbox ul { padding:0 0 0 10px;}
	.contents_box .data_lawdbox ul li { font-size:15px; line-height:1.5; background-position-y:15px;}
	.contents_box .data_lawdbox ul li ul li { font-size:15px; line-height:1.5; background-position-y:13px;}
	.contents_box .data_lawdbox .file_box h4 { font-size:15px; line-height:1.5;}
	.contents_box .data_lawdbox .file_box ul li { font-size:15px; line-height:1.5;background-position-y:13px;}
	
	
	.contents_box .fileLink   {float:none;   margin:0 auto 0px;}
	.contents_box .fileLink a{ font-size:14px;width:80%; }
	.contents_box p.point_red{ font-size:15px;padding-left:20px;}
}



 
/*사회복지기관*/

.table3 { margin-top:10px;  margin-bottom:60px;}
.table3 table {  border-collapse:collapse; width:100%;   border-top:2px solid #000000;    background:#fff;}
.table3 table th {font-size:18px; color:#000;   font-weight: 700;	  letter-spacing:-1px;     font-family: 'Paperlogy-4Regular';   text-align:left;   padding:15px 0px 15px 40px ; }
.table3 table td { color:#000000;    text-align:left;  border:0px solid #d6d4d4;   letter-spacing:-1px;   padding:16px 15px 16px 15px ; font-size:18px; line-height:140%; font-family: 'NanumSquare';   font-weight: 400;  word-break:keep-all;	word-wrap:break-word;  }
.table3 table tr{border-bottom:1px dashed #000; }
.table3 table td span{ color:#e34545; }
.table3 table tr:nth-child(odd) { background-color: #f8f8f8;}

.table3 table tr th:first-child {border-left:none;}
.table3 table tr th:last-child {border-right:none;}

.table3 table tr td:first-child {border-left:none;}
.table3 table tr td:last-child {border-right:none;}
.table3 caption{display:none}

/*20250805-추가*/

ul.family_box  { padding:0px;   margin-bottom:60px; overflow: hidden;   border-top:2px solid #000000;       list-style : none; }
ul.family_box li{  display: block;  position:relative; overflow: hidden;    margin:0px; padding:5px 0px;   border-bottom:1px dashed #000;    }
ul.family_box li.bg{ background-color: #f8f8f8;}

ul.family_box li .family_list  { padding:0px;   }
ul.family_box li .family_list li{ float:left;  display: block;    margin:0px; padding:15px 0px 10px  0px; position: relative;  font-size:18px; font-family: 'NanumSquare';  color:#000000;  border:none;    }
ul.family_box li .family_list li.nameA{width:35%; font-size:18px; color:#000;   font-weight: 600;line-height:120%;   vertical-align : middle;  font-family: 'Paperlogy-3Light';  padding:20px 0px 5px 40px ;    }
ul.family_box li .family_list li.nameA small{  font-size:16px;}
ul.family_box li .family_list li.nameA span {position:absolute; right:50px; top:15px; }
ul.family_box li .family_list li.nameA span img {width:30px;}
ul.family_box li .family_list li.nameA br { display:none;}
ul.family_box li .family_list li.telA{width:25%;   }
ul.family_box li .family_list li.faxA{width:18%;  }
ul.family_box li .family_list li.mapA{width:34%;}
ul.family_box li .family_list li.mapA br { display:none;}
ul.family_box li .family_list li.homeA{width:5%;  text-align:center; padding:10px 0px 0px  0px;    }


a.tel2{  width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_tel2.png)  no-repeat left ;  }
.tel2{  width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_tel2.png)  no-repeat left ;  float:left;  }
.fax{  width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_print2.png)  no-repeat left ;  }
.map2{  width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_map2.png)  no-repeat left ; float:left; }
.home2{  width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_home3.png)  no-repeat left ;  }
.email{  width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 40px;  background:url(../img/loc_email.png)  no-repeat left ;  }
 

@media all and (max-width:1200px)  {
 
 
	.table3 table th {font-size:16px; }
	.table3 table td { font-size:16px;}
 
 
 
}
 
@media all and (max-width:768px) and (min-width:620px) {


	.table3 {overflow-x:scroll}
	.table3 table {min-width:800px;}
	.table3 table th {font-size:14px; }
	.table3 table td { font-size:14px;   text-align:center; }

ul.family_box li .family_list li{  padding:10px 0px 10px  20px; font-size:14px;  letter-spacing:-1px;   }
ul.family_box li .family_list li.nameA{width:100%; font-size:16px; color:#000;   font-weight: 700;	  letter-spacing:-1px; line-height:120%;     font-family: 'Paperlogy-4Regular';  padding-left:20px ;    }

ul.family_box li .family_list li.telA{width:50%; }
ul.family_box li .family_list li.faxA{width:50%; }
ul.family_box li .family_list li.mapA{width:93%;  line-height:120%;   }
ul.family_box li .family_list li.mapA br { display:block;}
ul.family_box li .family_list li.homeA{width:7%;  text-align:center;  }
ul.family_box li .family_list li.homeA img{width:80%;}

 
}


@media all and (max-width:600px)   {


ul.family_box  { padding:0px 0px; width:100%;  margin:0 auto 30px;   }
ul.family_box li{  padding:10px 0px 20px 0px;     }
ul.family_box li .family_list  { padding:0px 15px;   }
ul.family_box li .family_list li{  padding:10px 0px 10px  0px; font-size:14px;  letter-spacing:-1px;   }
ul.family_box li .family_list li.nameA{width:100%; font-size:15px;  line-height:120%;   padding-left:0px ; padding-top:10px; padding-bottom:10px; }
ul.family_box li .family_list li.nameA small{  font-size:15px;}
ul.family_box li .family_list li.nameA span { position:absolute; top:5px; right:0; text-align:right;}
ul.family_box li .family_list li.nameA span img {width:70%;}
ul.family_box li .family_list li.nameA br { display:block;}
ul.family_box li .family_list li.telA{width:100%; }
ul.family_box li .family_list li.faxA{width:50%; }
ul.family_box li .family_list li.mapA{width:100%;  line-height:120%;  padding:0px; line-height:normal; }
ul.family_box li .family_list li.homeA{width:15%;  padding:0px 0px 0px  0px;     }
ul.family_box li .family_list li.homeA img{width:80%;}

.tel2,
.fax,
.map2,
.home2,
.email{ background-size:25px; padding-left:35px; background-position-y:0px;}
}


 
 /*역대교구장*/

.sub_tit_box1{ width:40%;  margin:0 auto 100px;   padding:50px 0px; vertical-align:middle;  border-top:2px solid #000;   border-bottom:1px solid #000; background:#f8f8f8; }
 
.parish_boxs {  overflow: hidden;  list-style : none; margin-bottom:0px;   }
ul.parishs {   overflow: hidden; padding:0px;  border:0px solid #000; list-style : none; }
ul.parishs li { float:left;  width:100%;   margin:0%;      position:relative;   }
ul.parishs li .photoimg{  width:55%; padding:0px;  margin:0px auto 5px;    border:0px solid #dedede; }
ul.parishs li .photoimg img{  width:100%;  border:1px solid #dedede;}
ul.parishs li .databox{   width:50%; margin:0 auto 0px;    padding:10px 0px 0px 0px;  border:0px solid #dedede; }
ul.parishs li .databox .name{ font-size:30px; color:#252525;   text-align:center;  font-family: 'Paperlogy-4Regular';}

ul.parishs li .databox ol.data_listd { padding:0px;  margin:20px 0px 0px 45px; overflow: hidden;    list-style : none; border:0px solid #dedede;}
ul.parishs li .databox ol.data_listd li{ display: block;     font-size:18px; letter-spacing:-1px;  font-family: 'NanumSquare';  font-weight:400; color:#000;   border:none; margin: 0px 0px 10px 0; 
																	padding:10px 0px 0px 105px;position: relative;    }
ul.parishs li .databox ol.data_listd li span{position: absolute;left: 0; top:5px;  font-size:18px; color:#fff;  font-family: 'Paperlogy-4Regular'; padding:5px 15px 5px 15px; margin: 0px 0px 0px 0px;  background:#000000; border-radius:30px;}
 

.contents_box1{ width:100%;   position:relative; overflow: hidden;   padding:50px ; margin:20px 0px 50px 0px;   border:1px solid #ddd;}
.contents_box1 .img{float:left;  width:15%;  padding:40px 30px  ;    border:0px solid #ddd; }
.contents_box1 .txt{float:right;  width:80%;   border:0px solid #ddd; }
.contents_box1 .txt p{ font-size:16px;  font-family: 'NanumSquare';   font-weight: 400;  line-height:180%; color:#252525;   padding:0px 0px 0px 20px ;  word-break:keep-all;	word-wrap:break-word;   }

.tit1{ display: block;     font-size:18px; letter-spacing:-1px;  font-family: 'NanumSquare';  font-weight:400;  margin:0px 0px 40px 0px;    word-break:keep-all;	word-wrap:break-word;}
.tit1 span{color:#fff;  padding:8px 20px;background:#0070ac; border-radius:30px; }
 
@media all and (max-width:1100px)   {

	ul.parishs li .databox{   width:80%; border:0px solid #dedede; }
	ul.parishs li .databox .name{ font-size:24px; }
	ul.parishs li .databox ol.data_listd {   margin:20px 0px 0px 50px;  border:0px solid #dedede;}
	ul.parishs li .databox ol.data_listd li{   font-size:16px; padding:10px 0px 0px 90px;}
	ul.parishs li .databox ol.data_listd li span{  font-size:16px; }

}


@media all and (max-width:930px)   {

	.sub_tit_box1{ width:80%; margin:0 auto 50px;  }

	.contents_box1{   padding:20px ;}
	.contents_box1 .img{float:left;  width:25%;  padding:30px 0px  ;  text-align:center;     border:0px solid #ddd; }
	.contents_box1 .txt{float:right;  width:70%;   border:0px solid #ddd; }
	.contents_box1 .txt p{ font-size:15px;   padding:0px 0px 0px 20px ;     }

	.tit1{   font-size:14px; margin:10px 0px 20px 10px;  }
	.tit1 span{  padding:8px 10px; }


	ul.parishs li .databox{   width:50%; border:0px solid #dedede; }
	ul.parishs li .databox .name{ font-size:24px; }
	ul.parishs li .databox ol.data_listd {   margin:20px 0px 0px 15px;  border:0px solid #dedede;}
	ul.parishs li .databox ol.data_listd li{   font-size:16px; padding:10px 0px 0px 90px;}
	ul.parishs li .databox ol.data_listd li span{  font-size:16px; }
 
 
}

@media all and (max-width:500px)   {

		.sub_tit_box1{ width:100%;     }

	ul.parishs li .databox{   width:80%; border:0px solid #dedede; }
	ul.parishs li .databox .name{ font-size:24px; }
	ul.parishs li .databox ol.data_listd {   margin:20px 0px 0px 15px;  border:0px solid #dedede;}
	ul.parishs li .databox ol.data_listd li{   font-size:14px; padding:10px 0px 0px 90px;}
	ul.parishs li .databox ol.data_listd li span{  font-size:14px; }

	.contents_box1{   padding:20px ;}
	.contents_box1 .img{float:none;  width:100%;  padding:20px 0px 0px 0px ;   text-align:center;   border:0px solid #ddd; }
	.contents_box1 .txt{float:none;  width:100%;   padding:10px 0px  0px 0px ;  border:0px solid #ddd; }
	.contents_box1 .txt p{ font-size:15px;   padding:0px 10px 0px 20px ;     }

	.tit1{ display: block;     font-size:14px; margin:20px 0px 20px 10px; padding:8px 20px; text-align:center; background:#0070ac; border-radius:30px; }

}


 
#allpart { width:100%; position:relative; overflow: hidden; margin-bottom: 50px;}
#allpart .tabContaier  .tab {height:50px; display: table; margin-left: auto;  margin-right: auto;}
#allpart .tabContaier  .tab li { float:left;   text-align:center; background:#525252; margin-right:10px;}
#allpart .tabContaier  .tab li a { font-size:20px; color:#fff;    font-family: 'Paperlogy-4Regular';  display:block; padding:13px 40px; }
#allpart .tabContaier  .tab li a:hover{color:#fff; background:#41478F;  }
#allpart .tabContaier  .tab li a.active {color:#fff; background:#41478F;  }

#allpart .tabContaier  .tab_single { width:100%; height:50px; display: inline-flex; margin-left: auto;  margin-right: auto;}
#allpart .tabContaier  .tab_single li { float:left;   text-align:center; background:#525252; margin-right:10px;}
#allpart .tabContaier  .tab_single li a { font-size:20px; color:#fff;    font-family: 'Paperlogy-4Regular';  display:block; padding:13px 40px; }
#allpart .tabContaier  .tab_single li a:hover{color:#fff; background:#41478F;  }
#allpart .tabContaier  .tab_single li a.active {color:#fff; background:#41478F;  }


#allpart .tabDetails {float:left; width:100%; margin:50px 0px 50px 0px; } 
#allpart .tabContents { padding: 0px 0px 50px 0px; }



@media all and (max-width:991px) {
	#allpart .tabContaier  .tab li a { font-size:20px; color:#fff; display:block; padding:8px 30px; }
	
}

@media (max-width: 768px) {
	#allpart { margin-bottom: 20px;}
	#allpart .tabContaier  .tab li a { font-size:16px; color:#fff; display:block; padding:8px 10px; }
	#allpart .tabDetails {margin-top:30px; } 
}


@media (max-width:500px) {
	#allpart .tabContaier  .tab li { float:left; width:100%;   margin-right:0px;  }
	#allpart .tabContaier  .tab li a { font-size:14px; color:#fff; display:block; padding:8px 10px; }
 
}



/*교구현황*/
 
.state_box { width:100%;  margin:10px auto 70px;   position:relative; overflow: hidden;  padding:0px 0px; vertical-align:middle;  border:1px solid #dedede;  background:url(/sub1/img/map_img1_bg.png)  repeat  ;  }
.state_box .box1{ float:left;   width:33%; text-align:center;  padding:40px 0px;  }
.state_box .box1 .box1_txt{margin:50px auto 0px;}
.state_box .box1 .box1_txt h5{  font-size:20px; color:#0071ad;    font-family: 'Paperlogy-4Regular';  display:block; }
.state_box .box1 .box1_txt p{font-size:18px; color:#000; line-height:180%;    letter-spacing:-1px; padding:30px 0px;   }
.state_box .box2{ float:right;   width:67%;   text-align:center;   padding:40px 0px;  background:#fff;}
.state_box .box2 img{  max-width:100%; }

 .state_box1 { width:100%;  margin:80px auto 60px;   position:relative; overflow: hidden;  padding:0px 0px; vertical-align:middle;  border:0px solid #dedede;  }
 
.dataM_list {display:flex;  margin-left:0%;  flex-wrap:wrap;  border-top:1px solid #dedede; border-right:1px solid #dedede; }
.dataM_list li {  text-align:center; width:25%; border-left:1px solid #dedede;  border-bottom:1px solid #dedede;  padding:0px 0px 20px 0px;  margin:0px 0px 0px 0%; }
.dataM_list li p{ font-size:25px; color:#333333;    font-family: 'Paperlogy-5Medium';  letter-spacing:-1px; padding:130px 0px 0px 0px; }
.dataM_list li span{font-size:50px; color:#0071ad; line-height:180%;    letter-spacing:-1px;     font-family: 'GmarketSansBold'; display:block; padding:0px 0px; }
.dataM_list li.icon_bg1{background:url(/sub1/img/st_01.png)  no-repeat center 30px  ;  }
.dataM_list li.icon_bg2{background:url(/sub1/img/st_02.png)  no-repeat center 30px  ;  }
.dataM_list li.icon_bg3{background:url(/sub1/img/st_03.png)  no-repeat center 30px  ;  }
.dataM_list li.icon_bg4{background:url(/sub1/img/st_04.png)  no-repeat center 30px  ;  }
.dataM_list li.icon_bg5{background:url(/sub1/img/st_05.png)  no-repeat center 30px  ;  }
.dataM_list li.icon_bg6{background:url(/sub1/img/st_06.png)  no-repeat center 30px  ;  }
.dataM_list li.icon_bg7{background:url(/sub1/img/st_07.png)  no-repeat center 30px  ;  }
.dataM_list li.icon_bg8{background:url(/sub1/img/st_08.png)  no-repeat center 30px   ;  }

@media (max-width: 1024px) {
.state_box .box1{ float:left;   width:38%; text-align:center;  padding:20px 0px;  border:0px solid #dedede; }
.state_box .box1 .box1_txt{margin:10px auto 0px;  border:0px solid #ff0000;}
.state_box .box1 .box1_txt p{font-size:18px; color:#000; line-height:180%;    letter-spacing:-1px; padding:10px 0px;   }

.state_box .box2{ float:right;   width:60%;   text-align:center;   padding:65px 0px;  background:#fff;}

.dataM_list li span{font-size:34px; }
}


@media (max-width: 900px) {

	.state_box .box1{ float:none;   width:100%;  padding:40px 0px;    border:0px solid #dedede;}
	.state_box .box1 .box1_txt{margin:30px auto 0px;}
	.state_box .box1 .box1_txt h5{  font-size:18px;   }
	.state_box .box1 .box1_txt p{font-size:16px;   }

	.state_box .box2{ float:none;   width:100%;     padding:40px 0px;   border:0px solid #dedede; }
 
	.dataM_list li p{ font-size:20px;   padding:130px 0px 0px 0px; }
	.dataM_list li span{font-size:30px;  }

}

@media (max-width: 768px) {

    .state_box { margin-bottom: 20px;}
	.state_box .box1{ float:left;   width:100%; text-align:center;  padding:20px 0px;  }
	.state_box .box1 .box1_txt{margin:30px auto 0px;}
	.state_box .box1 .box1_txt h5{  font-size:16px;   }
	.state_box .box1 .box1_txt p{font-size:14px;   }
	.state_box .box2{ float:right;   width:100%;   text-align:center;   padding:20px 0px;  background:#fff;}

	.state_box1 { width:100%;  margin:50px auto 30px;  }

	.dataM_list li {  text-align:center; width:50%;}
	.dataM_list li p{ font-size:20px;   padding:130px 0px 0px 0px; }
	.dataM_list li span{font-size:30px;  }
}



/*성지*/

.shrin_tbox{ width:100%;  margin:10px auto 80px;   position:relative; overflow: hidden;  padding:0px;  background:url(/sub4/img/shrint_bg.jpg)  no-repeat right bottom  ;  border:0px solid #dedede;  }
.shrin_tbox .img_box{float:left; padding:0px 0px 50px 0px; margin:0px 0px;    border:0px solid #ff0000; width: 800px; }
.shrin_tbox .img_box img{max-width:100%; }
.shrin_tbox .txt_box{position:absolute; right:60px; top:140px; width:50%;  padding:60px 90px;   background:#0071ad ;  }
.shrin_tbox .txt_box h5{ font-size:40px; color:#fff;     letter-spacing:-1px;     font-family: 'Paperlogy-5Medium';  display:block;   padding:0px 0px 20px 0px;}

.shrin_tbox .txt_box .data_lista {  width:100%;   position:relative;}
.shrin_tbox .txt_box .data_lista li {     display:block;   font-size:18px;  color:#fff;     font-family: 'Paperlogy-4Regular';   letter-spacing:-1px;  line-height:250%;  padding:0px 0px 0px 50px;  border:0px solid #dedede;   }
.shrin_tbox .txt_box .data_lista li.tel3{    display:block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub4/img/loc_tel2.png)  no-repeat left ;  }
.shrin_tbox .txt_box .data_lista li.map3{   display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub4/img/loc_map2.png)  no-repeat left ;  }
.shrin_tbox .txt_box .data_lista li.home3{     display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub4/img/loc_home3.png)  no-repeat left ;  }



.shrin_box { width:100%;  margin:10px auto 30px;   position:relative; overflow: hidden;  padding:50px 50px 20px 50px; vertical-align:middle;  border:1px solid #dedede;     }
.shrin_box p{ font-size:18px; color:#333333;   font-family: 'NanumSquare';  font-weight:400;    letter-spacing:-1px;  line-height:180%;  padding:10px 0px 30px 0px; }
.shrin_box .tit{ width:100%; display: inline-block; font-size:20px;  color:#252525;   font-family: 'NanumSquare';   font-weight: 600;  padding:0px 0px 15px 30px ;   background:url(../img/t_icon.png) no-repeat left 3px;}

.shrin_tbox .txt_box_4{position:absolute; right:60px; top:110px; width:50%;  padding:60px 90px;   background:#0071ad ;  }
.shrin_tbox .txt_box_4 h5{ font-size:40px; color:#fff;     letter-spacing:-1px;     font-family: 'Paperlogy-5Medium';  display:block;   padding:0px 0px 20px 0px;}

.shrin_tbox .txt_box_4 .data_lista {  width:100%;   position:relative;}
.shrin_tbox .txt_box_4 .data_lista li {     display:block;   font-size:18px;  color:#fff;     font-family: 'Paperlogy-4Regular';   letter-spacing:-1px;  line-height:250%;  padding:0px 0px 0px 50px;  border:0px solid #dedede;   }
.shrin_tbox .txt_box_4 .data_lista li.tel4_1{    display:block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(../img/loc_tel2.png)  no-repeat left ;  }
.shrin_tbox .txt_box_4 .data_lista li.map4_1{   display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(../img/loc_map2.png)  no-repeat left ;  }
.shrin_tbox .txt_box_4 .data_lista li.home4_1{     display: block;  vertical-align : middle; padding:5px  0px 5px 45px; background:url(../img/loc_home3.png)  no-repeat left ;  }



.etc_box{width:100%;  margin:50px auto 60px;   position:relative; overflow: hidden;padding:0px;   border:0px solid #dedede;  }
.etc_box .left_box{  width:50%;  position:relative; }
.etc_box .left_box h5{ font-size:35px; color:#000;     letter-spacing:-1px;     font-family: 'Paperlogy-5Medium';  display:block;   padding:20px 0px 20px 40px;}
.etc_box .left_box img{ width:100%;  padding:10px;}
.etc_box .right_box{   width:50%;   position:relative;}
.etc_box .right_box img{ width:100%; padding:10px;}
.etc_box h5{  font-size:35px; color:#000;     letter-spacing:-1px;     font-family: 'Paperlogy-5Medium';  display:block;   padding:20px 0px 20px 70px;}
.etc_box  p.t1{ font-size:18px; color:#333333;   font-family: 'NanumSquare';  font-weight:400;    letter-spacing:-1px;  line-height:180%;  padding:0px 30px 40px 70px;}
.etc_box  p.t2{ font-size:18px; color:#333333;   font-family: 'NanumSquare';  font-weight:400;    letter-spacing:-1px;  line-height:180%;  padding:20px 70px 40px 40px;}

 .map{ display:block;  padding:20px; text-align:center;    margin:10px auto 60px;    border:1px solid #dedede; background:#fff;}

 @media all and (max-width:1100px)   {

	.shrin_box { width:98%;  margin:10px auto 30px;   padding:20px 30px 20px 30px;}
	.shrin_box p{ font-size:18px; }
	.shrin_tbox .txt_box_4{padding:30px 40px; }
	.shrin_tbox .txt_box_4 h5{ font-size:30px; }

	.etc_box{width:98%;  margin:40px auto 40px;    border:0 solid #dedede;  }
	.etc_box h5{  font-size:24px;   padding:0px 0px 20px 20px;}
	.etc_box  p.t1{ font-size:18px;   line-height:170%;   padding:0px 20px 20px 20px;}
	.etc_box  p.t2{ font-size:18px;   line-height:170%;  padding:20px 20px 20px 20px;}
    
	 .map{width:98%; }

 }


 @media all and (max-width:930px)   {

	.shrin_tbox{padding:0px 0px ;  margin:10px auto 50px; background: none;}
	.shrin_tbox .img_box{float:left; width:100%; padding:0px 0px 50px 0px; margin:0px 0px;    border:0px solid #ff0000;  }
	.shrin_tbox .txt_box{position:absolute; right:60px; top:60%; width:50%;  padding:10px 10px 10px 40px ;    }
	.shrin_tbox .txt_box h5{ font-size:26px;  padding:0px 0px 10px 0px;}
	.shrin_tbox .txt_box .data_lista li {  display:block;   font-size:14px;  line-height:180%;   }


	.shrin_box {  width:98%;  padding:30px 30px 20px 30px; }
	.shrin_box p{ font-size:16px;  padding:0px 0px 30px 0px;}
	

	.shrin_tbox .txt_box_4{ position: static;width:100%;  padding:20px 20px;}
	.shrin_tbox .txt_box_4 h5{ font-size:16px;  padding:0px 0px 10px 0px; font-weight:400;}
	.shrin_tbox .txt_box_4 .data_lista li {  display:block;   font-size:14px;  line-height:180%;   }
	.shrin_tbox .txt_box_4 .data_lista li.tel4_1,
	.shrin_tbox .txt_box_4 .data_lista li.map4_1,
	.shrin_tbox .txt_box_4 .data_lista li.home4_1 {background-size:25px; padding-left:35px; background-position-y:5px;}
 
 
	.etc_box{width:100%;  margin:90px auto 60px;  padding:0px 10px ;   border:0px solid #dedede;  }
	.etc_box .left_box{  width:100%;   border:0px solid #dedede;  }
	.etc_box .right_box{   width:100%;    border:0px solid #dedede; }

	.etc_box{width:100%;  margin:30px auto 30px;}
	.etc_box h5{  font-size:26px;   padding:20px 0px 20px 0px;}
	.etc_box  p.t1{ font-size:16px;    padding:0px 10px 20px 0px;}
	.etc_box  p.t2{ font-size:16px;   padding:20px 10px 20px 0px;}

	 .map{width:98%; }
 }



 @media all and (max-width:500px)   {

	.shrin_tbox{  margin:10px auto 10px; background-image: none; }
	.shrin_tbox .img_box{float:left; width:100%;  padding:0px 0px 20px 0px;  }
	.shrin_tbox .txt_box{position:absolute; right:10px; top:48%; width:94%;  padding:10px 10px 10px 20px ;    }
	.shrin_tbox .txt_box h5{ font-size:16px;  padding:0px 0px 10px 0px; font-weight:500;}
	.shrin_tbox .txt_box .data_lista li {  display:block;   font-size:14px;  line-height:180%;   }

	.shrin_box {  width:98%;  padding:20px 20px 20px 20px;}
	.shrin_box p{ font-size:15px;  padding:0px 0px 30px 0px;}
	 .shrin_box .tit{ font-size:18px;  background:url(../img/t_icon.png) no-repeat left 0px;}
	
	.shrin_tbox .txt_box .data_lista li.tel3,
	.shrin_tbox .txt_box .data_lista li.map3,
	.shrin_tbox .txt_box .data_lista li.home3{font-size:13px; padding-left:35px;background-size:25px }

	.etc_box h5{  font-size:22px;   padding:20px 0px 20px 0px;}
	.etc_box  p.t1{ font-size:15px;    padding:0px 10px 20px 0px;}
	.etc_box  p.t2{ font-size:15px;   padding:20px 10px 20px 0px;}
	
	

 }

 
/*교구장 소개*/
.contents_boxA{ width:100%;   position:relative; overflow: hidden;   padding:40px ; margin:0px 0px 50px 0px;   border:1px solid #ddd;}
.contents_boxA .imgA{float:left; width:26%;  text-align:center;  border:0px solid #ddd;}
.contents_boxA .txtA{float:right; width:70%;border:0px solid #ddd; }
.contents_boxA .txtA  p{ font-size:18px; color:#000;   font-family: 'NanumSquare';  font-weight:400;    letter-spacing:-1px;  line-height:200%;  padding:0px 0px 0px 20px;}
 
.contents_boxA .txtA .tit2{ display: block;     font-size:20px; letter-spacing:-1px;  font-family: 'NanumSquare';  font-weight:400;  margin:15px 0px 40px 0px;  }
.contents_boxA .txtA .tit2 span{color:#fff;  padding:8px 20px;background:#0070ac; border-radius:30px; }

.data_listb ul{ position:relative;  border:0px solid #ddd;}/*교구장 소개*/
.data_listb li{ width:48%;  font-size:18px; color:#000;   display: inline-block;  font-family: 'NanumSquare';   font-weight: 400;   line-height:180%; vertical-align : text-top; padding:0px  0px 0px 15px ; background:url(../img/list_bl.png) no-repeat left 10px; word-break:keep-all;	word-wrap:break-word; }
 
.contents_boxB{ width:100%;   position:relative; overflow: hidden;   padding:0px ; margin:0px 0px 50px 0px;   border:0px solid #ddd; background:url(/sub1/img/subimg1_2_2.jpg) no-repeat right 50px; }
.contents_boxB .imgB{position:absolute;  width:24%;  text-align:center;  right:0px; bottom:40px; border:0px solid #ddd;}
.contents_boxB .imgB img{ width:100%; }
.contents_boxB .txtB{float:left; width:70%; overflow: hidden;  border:0px solid #ddd; }

.contents_boxC{ width:100%;  margin:0 auto 50px;   padding:50px 120px;  position:relative; overflow: hidden;   border-top:2px solid #000;   border-bottom:1px solid #000; background:#f8f8f8; }
.contents_boxC .imgC{ float:left;  width:20%;  text-align:center;  border:0px solid #ddd;}
.contents_boxC .imgC img{ max-width:100%; }
.contents_boxC .txtC{float:right; width:74%;   position:relative;   border:0px solid #ddd; }
.contents_boxC .txtC .name{ font-size:30px; color:#252525;   font-family: 'Paperlogy-4Regular';   padding:10px 0px 0px 0px; }

.data_listC { padding:0px;  margin:50px 0px 30px 0; overflow: hidden;    list-style : none; border-bottom:0px solid #dedede;  }
.data_listC li{ float:left;  display: block;  font-size:18px; letter-spacing:-1px;  font-family: 'NanumSquare';  font-weight:400; color:#000;   border:none; margin: 0px 0px 20px 0;  padding:10px 0px 0px 105px;position: relative;    }
.data_listC li.w100{width:100%; }
.data_listC li.w48{width:48%; }
.data_listC li.w32{width:32%; margin-right: 1%;}
.data_listC li span{position: absolute;left: 0; top:5px; width:95px;  font-size:16px; color:#fff;   text-align:center;   font-family: 'Paperlogy-4Regular'; padding:5px 15px 5px 15px; margin: 0px 0px 0px 0px;  background:#000000; border-radius:30px; letter-spacing:0;}
 
 
.linkC { padding:20px 0px 0px 0px;  margin:20px 0px 30px -3.333%; overflow: hidden;    list-style : none; border-top:1px solid #dedede;  }
.linkC li{   float:left;  display:block;    width:30%;   margin:10px 0px 0px 3.333%; }
.linkC li a { font-size:18px; color:#fff;   font-family: 'Paperlogy-4Regular';  text-align:center;   display:block; padding:13px  15px 13px 25px ;  background:#41478f;    }
.linkC li a:hover{background:#000;} 
.linkC li i.icon1{width:20px; height:20px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 30px;  background:url(/sub1/img/loc_link1.png)  no-repeat left ; }
.linkC li i.icon2{width:20px; height:20px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 30px;  background:url(/sub1/img/loc_link2.png)  no-repeat left ; }
.linkC li i.icon3{width:20px; height:20px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 30px;  background:url(/sub1/img/loc_link3.png)  no-repeat left ; }

@media all and (max-width:1200px)  { 
	.contents_boxA{ width:98%;   position:relative; overflow: hidden;   padding:30px ; margin:10px auto 40px;   border:1px solid #ddd;}

	.contents_boxB{ width:98%;     padding:0px ; margin:10px auto 40px;   }
	.contents_boxB .imgB{ display:none;  }
	
	.contents_boxB .txtB{float:none; width:100%;border:0px solid #ddd; }

		.contents_boxC{  width:98%;    margin:0 auto 50px;   padding:50px 30px;  }
}


@media all and (max-width:920px) and (min-width:550px) { 

 
	.contents_boxA .imgA{float:left; width:29%;  text-align:center;  border:0px solid #ddd;}
	.contents_boxA .imgA img{width:100%; }
	.contents_boxA .txtA{float:right; width:68%;border:0px solid #ddd; }

	.contents_boxA .txtA .tit2{ display: block;     font-size:16px;  margin:20px 0px 20px 10px; padding:8px 20px; background:#0070ac; border-radius:30px; }
 
	.contents_boxB{   margin:0px 0px 30px 0px;  }
	.contents_boxB .imgB{ display:none;  }
	.contents_boxB .txtB{float:none; width:100%;border:0px solid #ddd; }

	.contents_boxC{   margin:0 auto 50px;   padding:50px 30px;  }
	
	.contents_boxC .txtC{float:right; width:100%;   position:relative;   border:0px solid #ddd; }
	.contents_boxC .txtC .name{ font-size:22px;  text-align:center;    padding:10px 0px 0px 0px; }

	.data_listC { width:70%; padding:0px;  margin:10px auto 20px; overflow: hidden;    list-style : none; border:0px solid #dedede;  }
	.data_listC li.w100{width:100%; }
	.data_listC li.w48{width:100%; }

	.data_listb ul{ position:relative;  border:0px solid #ddd;}/*교구장 소개*/
	.data_listb li{ width:100%; margin: 0px 0px 5px 0;    line-height:160%; font-size:15px;}
	

	.linkC { padding:20px 0px 0px 0px;  margin:20px 0px 0px -1.333%; overflow: hidden;    list-style : none; border-top:1px solid #dedede;  }
	.linkC li{   float:left;  display:block;    width:32%;   margin:10px 0px 0px 1.333%; }
	.linkC li a { font-size:14px;   padding:13px  15px 13px 15px ;      }



}

 


@media (max-width: 768px) {

	.contents_boxA{ width:100%;   position:relative; overflow: hidden;   padding:30px ; margin:10px auto 40px;   border:1px solid #ddd;}
	.contents_boxA .imgA{float:none; width:100%;  text-align:center;  border:0px solid #ddd;}
	.contents_boxA .txtA{float:none; width:100%;border:0px solid #ddd; }
	.contents_boxA .txtA  p{ font-size:15px;padding:0px 0px 0px 0px;}

	 .contents_boxA .txtA .tit2{ display: block;     font-size:16px;  margin:20px 0px 20px 0; padding:8px 0; background:#0070ac; border-radius:30px; text-align: center;}
	.contents_boxA .txtA .tit2 span {  font-size: 15px; padding: 0;}

	.contents_boxB{   margin:0px 0px 30px 0px;  }
	.contents_boxB .imgB{ display:none;  }
	.contents_boxB .txtB{float:none; width:100%;border:0px solid #ddd; }

	.contents_boxC{   margin:0 auto 50px;   padding:50px 30px;  }
	.contents_boxC .imgC{ float:none;  width:100%;  text-align:center; margin-bottom:20px; }
	.contents_boxC .txtC{float:none; width:100%;   position:relative;   border:0px solid #ddd; }
	.contents_boxC .txtC .name{ font-size:20px; color:#252525;    text-align:center;   padding:10px 0px 0px 0px; }

	.data_listC { padding:0px;  margin:10px auto 30px auto;  border:0px solid #ddd;   }
	.data_listC li{ float:left;  display: block; width:100%;    font-size:15px;   margin: 0px 0px 5px 0;  padding:8px 0px 8px 105px;position: relative;    }
	.data_listC li.w100{width:100%; }
	.data_listC li.w48{width:100%; }
	.data_listC li span{  font-size:14px; }


	.linkC { padding:10px 0px 0px 0px;  margin:0px 0px 30px 0%; overflow: hidden;    list-style : none; border-top:1px solid #dedede;  }
	.linkC li{   float:left;  display:block;    width:100%;   margin:10px 0px 0px 0%; }

	.data_listb ul{ position:relative;  border:0px solid #ddd;}/*교구장 소개*/
	.data_listb li{ width:100%; margin: 0px 0px 5px 0;    line-height:160%; font-size:15px;}

}


 /*표부분 기준 왼쪽 정렬 텍스트*/
 
.txtR{ text-align:right; margin-bottom:10px;}



/*연락처 및 찾아오시는 길*/
.location_top {width:100%;  margin:20px auto 60px auto;   padding:40px; vertical-align:middle;  text-align:center;  border-top:2px solid #000;   border-bottom:1px dashed #000; background:#f8f8f8;}
.location_top .location_img{ float:left; width:35%; text-align:left;}
.location_top .location_img img { width:100%; margin: 10px;}

.location_data { width: 60%; margin:10px auto 0px;  overflow: hidden;    list-style : none; padding:0px 0px 0px 40px; }
.location_data h5 {font-size:20px; color:#000;letter-spacing:-0.5px; text-align:left;  padding:10px 0px 10px 0; margin-top: 10px;  font-family: 'Paperlogy-5Medium'; font-weight: 500; width: 100%; float: left;}
.location_data p{font-family: 'Paperlogy-4Regular'; font-size:22px; text-align:left; margin-bottom:10px;}
.location_data p strong { color:#0071AD;}

.location_data li{ float:left;  display:block;   width:48%;margin:10px 1% 10px 0; font-size:16px; color:#000;   font-family: 'Paperlogy-4Regular'; word-break:keep-all;	word-wrap:break-word; text-align:left; line-height: 1.8;}

.tel3{ float:left; width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_tel2.png)  no-repeat left ;  }
.fax3{ float:left;width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_print2.png)  no-repeat left ;  }
.map3{ float:left;width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_map2.png)  no-repeat left ;  }
.mail3{ float:left;width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_mail2.png)  no-repeat left ;  }
.location_data li small { color:#333;margin:0 20px;font-size:16px;}


@media (max-width:1200px) { 
	.location_data li.w48{width:100%; margin-right: 0;}
}

@media (max-width:768px) { 
.location_top {margin:20px auto 20px auto; padding:20px; }
.location_top .location_img { width:100%; margin-bottom:10px;}
.location_top .location_img img { margin: 0;}

.location_data h5 {font-size:16px;}
.location_data { width:100%; padding:0;}
	
.location_data p { font-size:16px; margin-bottom:10px;}
.location_data li { width:100%; font-size:14px; margin-top: 5px; margin-bottom: 5px;}
.location_data li small {margin:0 10px;font-size:12px;}

.tel3{  background-size:25px; padding-left:35px; background-position-y:0px;}
.fax3{  background-size:25px; padding-left:35px; background-position-y:0px;}
.map3{  background-size:25px; padding-left:35px; background-position-y:0px;}
.mail3{  background-size:25px; padding-left:35px; background-position-y:0px;}

	
}

 /*연락처 및 찾아오시는 길
.location_top {width:100%;  margin:20px auto 60px auto;   padding:40px; vertical-align:middle;  text-align:center;  border-top:2px solid #000;   border-bottom:1px dashed #000; background:#f8f8f8;}
.location_top .location_img{ float:left; width:100%; text-align: center;}
.location_top .location_img img { width:50%;}

.location_data {margin:10px auto 0px;  overflow: hidden; list-style : none; padding:0px 0px 0px 40px; display: flex; flex-wrap: wrap; }
.location_data h5 { display: inline-block; width: 100%; font-size:20px; color:#000;letter-spacing:-0.5px; text-align:left;  padding:10px 0px 0px 0 ;   font-family: 'Paperlogy-5Medium'; font-weight: 500;}
.location_data p{font-family: 'Paperlogy-4Regular'; font-size:22px; text-align:left; margin-bottom:30px; text-align: center;}
.location_data p strong { color:#0071AD;}

.location_data ul {width:48%; }
.location_data li{ float:left;  display:block;    width:100%;   margin:10px 0; font-size:18px; color:#000;   font-family: 'Paperlogy-4Regular'; word-break:keep-all;	word-wrap:break-word; text-align:left;}
.location_data li.w48{width:48%;}

.tel3{ float:left; width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_tel2.png)  no-repeat left ;  }
.fax3{ float:left;width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_print2.png)  no-repeat left ;  }
.map3{ float:left;width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_map2.png)  no-repeat left ;  }
.mail3{ float:left;width:31px; height:31px;   display: inline-block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/sub1/img/loc_mail2.png)  no-repeat left ;  }
.location_data li small { color:#333;margin:0 20px;font-size:16px;}

@media (max-width:768px) { 
.location_top {margin:20px auto 20px auto; padding:20px; }
.location_top .location_img { width:100%; margin-bottom:10px;}
.location_data { width:100%; padding:0;}
.location_data p { font-size:16px; margin-bottom:10px;}
.location_data li { width:100%; font-size:13px;}
.location_data li small {margin:0 10px;font-size:12px;}

.tel3{  width:21px; height:21px;background-size:contain; padding-left:30px;}
.fax3{  width:21px; height:21px;background-size:contain; padding-left:30px;}
.map3{  width:21px; height:21px;background-size:contain; padding-left:30px;}
.mail3{  width:21px; height:21px;background-size:contain; padding-left:30px;}
}
*/

 /*간행물*/
.ebook { display: flex; flex-wrap: wrap; gap:2.5%;}
		.ebook .box { border: 1px solid #e0e0e0; padding: 0; width: 23%;margin-bottom: 50px;}
		.ebook .box .img_area{ text-align: center; margin-bottom: 30px; padding-top: 40px;}
		.ebook .box .img_area img{ width: 80%;}
		.ebook .box .txt_area{ text-align: center; padding-left: 20px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
		.ebook .box .txt_area strong{ display: inline-block;background: #000; border-radius: 50px; color: #fff; font-family: 'Paperlogy-4Regular';font-size: 18px; height: 30px; line-height: 30px; padding: 0 20px; margin-bottom: 10px;}
		.ebook .box .txt_area small {font-family: 'Paperlogy-4Regular'; font-size: 16px; color: #333;}
		.ebook .box .btn_area { margin-top: 20px;}
		.ebook .box .btn_area ul {display: flex; flex-wrap: wrap;}
		.ebook .box .btn_area ul li { display: inline-grid; width: 50%; height: 50px; line-height: 50px;}
		.ebook .box .btn_area ul li a {  color: #fff; font-weight: 400;font-family: 'Paperlogy-4Regular';}
		.ebook .box .btn_area ul li .btn_view {background:#0071ad url(/asset/img/loc_ebook_view.png) no-repeat 40px 50%; padding-left: 75px;}
		.ebook .box .btn_area ul li .btn_down {background:#41478f url(/asset/img/loc_ebook_down.png) no-repeat 40px 50%; padding-left: 75px;}
		
	@media all and (max-width:1400px)   {
		.ebook .box .btn_area ul li { width: 100%; }
		.ebook .box .btn_area ul li .btn_view { background-position-x:35%;  padding-left: 45%;}
		.ebook .box .btn_area ul li .btn_down {background-position-x:35%; padding-left: 45%;}
		}
		
		@media all and (max-width:768px)   {
	    .ebook .box { width: 48%; margin-bottom: 30px;}

		}
		@media all and (max-width:500px)   {
	    .ebook .box { width: 100%; margin-bottom: 20px;}

		}

 /*기도문*/
.pray { display:inline-block; margin-top:30px;}
.pray .imga{float:left; display:block;  width:30%; }
.pray .imga img{ max-width:100%; }
.pray .txtA p{ font-size:18px;}
.txt_R { text-align:right;}



@media all and (max-width:1200px){

	.pray .imga{float:left; display:block;  width:25%;  }


}

@media all and (max-width:920px){

	.pray .imga{float:left; display:block;  width:30%; padding:0px 20px 0px 0px;  border:0px solid #dedede;}

}


 @media all and (max-width:768px){
    .pray .imga{ width:100%; padding-right:0;}
	.contents_boxA .txtA { float:left; margin-top:20px;}
	.pray .txtA p { font-size:15px; line-height:1.5;}
	
	.content-area h4 { padding-bottom:0;}
 }

 /*교구단체*/
.ec_group01,.ec_group02,.ec_group03{width:100%; margin:auto; font-size:18px; border:0px;}
.ec_group01 .ec_group_view {position: relative; display: block; clear: both; width: 100%; margin: 0 0 20px 0; padding: 0px; overflow: hidden;}
.ec_group01 .ec_group_view .view_left{position: relative;display: block;float:left;width: 20%;margin: 0px;overflow: hidden;text-align: left;padding: 0 0 0 0;}
.ec_group01 .ec_group_view .view_left span{color: #404040;font-size: 20px;font-weight: 600;}
.ec_group01 .ec_group_view .view_left h3{font-size:25px;color: #323592;font-weight:500;font-family: 'Paperlogy-5Medium'; word-break:keep-all;	word-wrap:break-word;}
.ec_group01 .view_ul_eg {float:left;border-top: 2px solid #000;overflow: hidden;padding: 50px 0;}
.ec_group01 .view_ul_eg li {line-height:160%; padding-left:10px; color:#333; float:left; width:48%; margin-top: 8px; margin-bottom:15px; position:relative; font-size:18px;}
.ec_group01 .view_ul_eg li:after {content:""; width:3px; height:3px; position:absolute; left:0; top:11px; border-radius: 50%; background: #505050;}
.ec_group01 .view_ul_eg li span{display: block; font-size:18px;}
.ec_group01 .view_ul_eg li a img{width: 15px; height: 15px;}
.ec_group01 .ec_group_view .view_right {position: relative;display: block;float:left;width: 80%;margin: 0px;padding: 0px 0 0 25px;overflow: hidden;}
.ec_group01 .ec_group_view .view_right .ec_color{color:#0D79D5;display: inline-block;font-weight: 600; font-size:18px;}

@media screen and (max-width:1000px) {
.ec_group01 .ec_group_view .view_left{width:100%;padding-bottom:10px;}
.ec_group01 .ec_group_view .view_right{width:100%;padding: 0;}
.ec_group01 .view_ul_eg {padding:20px 0;}
}

@media screen and (max-width:800px) {
.ec_group01,.ec_group02,.ec_group03{width:100%; margin:auto; font-size:15px; border:0px;}
.ec_group01 .view_ul_eg li {width:100%;}
.ec_group01 .ec_group_view .view_left span{font-size: 18px;}
.ec_group01 .ec_group_view .view_left h3{font-size:20px;}	
.ec_group01 .view_ul_eg li {font-size:15px;}
.ec_group01 .view_ul_eg li span{display: block; font-size:15px;}
.ec_group01 .ec_group_view .view_right .ec_color{font-size:15px;}
}

/*사목교서*/
 
.letter { display:inline-block; width:100%;  margin:50px 0;}
.letter .search_box{ margin-bottom:50px !important;}
.letter .search_box p {font-size:18px;font-family: 'Paperlogy-4Regular';text-align:center;}
.letter .search_box p strong{font-family: 'Paperlogy-6Semibold'; margin-left:30px; }
.letter .search_box p br { display:none;}
.letter .txt01 {font-size:40px;font-family: 'ChosunSm';text-align:center; color:#0071AD; font-weight:700;}
.letter .txt02 {font-size:22px;font-family: 'ChosunSm';text-align:center; color:#333333;font-weight:400;}
.letter .txt03 {font-size:25px;font-family: 'ChosunSm';color:#0071AD;font-weight:400;text-align:left; margin:50px 0 10px 0; font-weight:600;}
.letter .txt04 {font-size:18px;font-family: 'nanumsquare'; text-align:left; line-height:1.6; margin-top:20px;}
.letter .txt04 .no{font-size:35px;font-family: 'ChosunSm';color:#333333;font-weight:700; margin-right:15px;}
.letter .txt05 {font-size:20px;font-family: 'ChosunSm';text-align:left;color:#333333;font-weight:600; margin-top:30px;}
.letter .txt06 {font-size:20px;font-family: 'ChosunSm';text-align:left;color:#0071AD;font-weight:600; margin-top:30px;}
.letter .txt07 {font-size:18px;font-family: 'nanumsquare';color:#333333; text-align:right;font-weight:500; margin-top:30px;}
.letter .txt07 strong {font-size:20px;font-family: 'nanumsquare'; color:#333333; text-align:right;font-weight:600; margin-top:20px;}

 /*사목교서 다운로드*/
.link_down { display:flex;flex-wrap:wrap; margin-top:50px;justify-content: center;}
.link_down li { width:230px;padding:10px 20px; margin-right:20px; margin-bottom:20px;}
.link_down li.blue {background:#0071AD url(/sub1/img/icon_down.png)  no-repeat 95% 50% ;}
.link_down li.purple {background:#4900AD url(/sub1/img/icon_down.png)  no-repeat 95% 50% ;}
.link_down a {font-family: 'Paperlogy-4Regular'; font-size:14px; color:#fff; display:inline-block;}

@media (max-width: 768px) {
	.letter {margin:20px 0;}
	.letter .search_box{ margin-bottom:20px !important; padding:20px !important; }
	.letter .search_box p {font-size:15px}
	.letter .search_box p strong{margin-left:0; }
	.letter .search_box p br { display:block;}
	.letter .txt01 {font-size:25px;}
	.letter .txt02 {font-size:15px; letter-spacing:-1px;}
	.letter .txt03 {font-size:20px; margin:20px 0 10px 0; }
	.letter .txt04 {font-size:15px;}
	.letter .txt04 .no{font-size:25px;}
	.letter .txt05 {font-size:16px;}
	.letter .txt06 {font-size:16px;}
	.letter .txt07 {font-size:14px;}
	.letter .txt07 strong {font-size:15px;}
}
 @media all and (max-width:500px)   {
    .link_down { margin-top:30px; }
	.link_down li {margin-right:10px; margin-bottom:10px;}
	.link_down a {font-size:12px;}
 
 }


/* 간행물 이미지 래퍼: 높이 고정 + 하단 잘림 */
            .ebook .box .img_area{
                height: 370px;          /* ✅ 고정 높이 */
                overflow: hidden;       /* ✅ 넘치는 부분(하단) 크롭 */
                margin-bottom: 30px;
                padding: 0;             /* 기존 padding-top이 있으면 이미지 영역이 줄어듭니다 */
                display: flex;
                justify-content: center;/* 가로 가운데 정렬 */
                align-items: flex-start;/* 세로 상단 고정 → 아래만 잘림 */
            }

            /* 이미지: 비율 유지 + 가로에 맞추기 */
            .ebook .box .img_area img{
                width: 100%;            /* 가로를 래퍼에 맞춤 → 세로가 넘치면 아래가 잘림 */
                height: auto;           /* 비율 유지 */
                display: block;
            }

            /* 필요 시 모바일 조정 */
            @media (max-width: 768px){
                .ebook .box{ width: 100%; }
                .ebook .box .img_area{ height: 300px; } /* 예: 모바일에서 살짝 낮춤 */
            }

/*실천사항*/
 
.item { display:inline-block; width:100%;  margin:50px 0;}
.item .search_box{ margin-bottom:50px !important;}
.item .search_box p {font-size:20px;font-family: 'Paperlogy-4Regular';text-align:center;}
.item .search_box p strong{font-family: 'Paperlogy-6Semibold'; margin-left:30px; }
	
.item { display:inline-block; width:100%;  margin:20px 0 30px 0;}
.item .search_box .txt01 {text-align:center; margin-bottom: 50px; }
.item .search_box .txt01 strong {font-size:25px;font-family: 'Paperlogy-4Regular';text-align:center; color:#fff; font-weight:500; background: #41478f; border-radius: 50px; padding: 10px 40px;}
.item .search_box .txt02 {text-align:center;  margin-top: 30px;}
.item .search_box .txt02 strong {font-size:35px;font-family: 'ChosunSm';color:#0071ad;font-weight:600; letter-spacing:-0.5px;}
.item .search_box .txt02 small {font-size:24px;font-family: 'ChosunSm';color:#333333;font-weight:500;letter-spacing:-0.5px;}
	
.item .txt03 {text-align:center; font-size:20px;font-family: 'Paperlogy-4Regular';color:#333333;font-weight:500;margin:50px 0 10px 0;}
.item .txt03 strong {font-size:25px;color:#41478f;font-weight:600; text-decoration: underline; display: block;}
.item .txt04 {text-align:center; font-size:24px;font-family: 'Paperlogy-4Regular';  color: #0071ad; line-height:1.6; margin-top:20px;font-weight:600;margin-top: 30px; }

.item .no1 { border-top: 1px dashed #333333; padding-top: 50px; margin-top: 50px;}
.item .no1 h4 { font-size: 30px; font-family: 'Paperlogy-4Regular'; color: #41478f; text-align: center;font-weight:600;}
.item .no1 h4 strong{font-size:38px;font-family: 'ChosunSm'; color: #0071ad;font-weight:600;}
.item .no1 h4 .line { width: 100px; height: 1px; background: #333; margin: 30px auto;}
.item .no1 .item_boxDiv { display: flex; flex-wrap: wrap; margin-top: 40px;}	
.item .no1 .item_boxDiv .item_box { width: 49%; border: 1px dashed #333; padding: 0 30px 30px 30px; margin-bottom: 30px;}	
.item .no1 .item_boxDiv .item_box:nth-child(1) { background:#f6f6f6 url(/sub6/img/ico_item_01.png) no-repeat 13% 50px; margin-right: 2%;}
.item .no1 .item_boxDiv .item_box:nth-child(2){ background:#f6f6f6 url(/sub6/img/ico_item_02.png) no-repeat 13% 50px;margin-right: 0;}
.item .no1 .item_boxDiv .item_box:nth-child(3){ background:#f6f6f6 url(/sub6/img/ico_item_03.png) no-repeat 13% 50px;margin-right: 2%;}
.item .no1 .item_boxDiv .item_box:nth-child(4){ background:#f6f6f6 url(/sub6/img/ico_item_04.png) no-repeat 13% 50px;margin-right: 0;}
.item .no1 .item_boxDiv .item_box h5 { position: relative; top: 150px; left: 12%;  font-family: 'Paperlogy-4Regular'; font-size: 25px; font-weight: 600; color: #0071ad;}	
.item .no1 .item_boxDiv .item_box li {  margin: 0; padding: 5px 10px;font-family: 'Paperlogy-4Regular';  color: #333; background:url(/asset/img/list_bl.png) no-repeat 33% 18px; padding-left: 35%; font-size: 18px; line-height: 1.8;}

	
.item .no2 { padding-top: 50px; margin-top: 50px;}
.item .no2 .txt01 {text-align:center; margin-bottom: 50px; }
.item .no2 .txt01 strong {font-size:25px;font-family: 'Paperlogy-4Regular';text-align:center; color:#fff; font-weight:500; background: #41478f; border-radius: 50px; padding: 10px 40px;}
.item .no2 h4 { font-size: 30px; font-family: 'Paperlogy-4Regular'; color: #41478f; text-align: center;font-weight:600; margin: 0 auto; margin-top: 50px; margin-bottom: 30px;}
.item .no2 h4 strong{font-size:38px;font-family: 'ChosunSm'; color: #0071ad;font-weight:600;}
.item .no2 h4 small{font-size:28px;font-family: 'ChosunSm'; color: #606060;font-weight:600;}
.item .no2 h4 .line { width: 100px; height: 1px; background: #333; margin: 30px auto;}
.item .no2 .item_box1Div { display: flex; flex-wrap: wrap; margin-top: 40px;border: 1px dashed #333;background:#f6f6f6; padding: 0 40px; }	
.item .no2 .item_box1Div .item_box1wrap{width: 100%; padding: 30px; margin-bottom: 30px;background:#ffffff url(/sub6/img/ico_item_05.png) no-repeat 13% 40px; }	
.item .no2 .item_box1Div .item_box1wrap .item_box1 { display: flex; flex-wrap: wrap; width: 100%; padding-left: 30%; }	
.item .no2 .item_box1Div .item_box1wrap .item_box1 li {  width: 48%; margin: 0; padding: 5px 10px;font-family: 'Paperlogy-4Regular';  color: #333; background:url(/asset/img/list_bl.png) no-repeat 0 18px; padding-left: 20px; font-size: 18px; line-height: 1.8;}
	

	
@media all and (max-width:1400px)  {
.item .search_box{   margin:0 auto 50px;  }
 
	#paga_sch {  width:50%;   border:0px solid #000;}
	#paga_sch #sch_stx { width:78%;}
	#paga_sch #sch_submit {float:right;width:18%;}
}
	
@media (max-width: 1000px) {
.item .search_box .txt01 { padding: 0 20px;}
.item .search_box .txt02 { padding: 0 20px;}
	
.item .txt03 {padding: 0 20px;}
.item .txt04 {padding: 0 20px;}
	
.item .no1 .item_boxDiv .item_box:nth-child(1),
.item .no1 .item_boxDiv .item_box:nth-child(2),
.item .no1 .item_boxDiv .item_box:nth-child(3),
.item .no1 .item_boxDiv .item_box:nth-child(4) { background-position-x:5% }
.item .no1 .item_boxDiv .item_box h5 { left: 5%;}

	}
	
 @media all and (max-width:768px)   {
    .link_down { margin-top:30px; }
	.link_down li {margin-right:10px; margin-bottom:10px;}
	.link_down a {font-size:12px;}
 
	.item {margin:20px 0;}
	.item .search_box{ margin-bottom:20px !important; padding:20px 0 !important; }
	.item .search_box p {font-size:15px}
	.item .search_box p strong{margin-left:0; }
	 
	 .item .search_box .txt02 strong  { font-size: 25px;}
	 .item .search_box .txt02 small { font-size: 15px; letter-spacing: -1px;}
	 
	 .item .txt03 strong  { font-size: 18px;}
	 .item .txt03 { font-size: 15px;}
	 
	 .item .txt04 { font-size: 18px;}
	 .item .no1 h4 { font-size: 18px;}
	 .item .no1 h4 strong { font-size: 25px;}
	 .item .no1 h4 .line { width: 60px; margin: 10px auto;}
	 .item .no1 .item_boxDiv .item_box { width: 100%; padding-top: 140px; padding-left: 20px; padding-right: 10px;}	
	 .item .no1 .item_boxDiv .item_box h5 { left: 0; text-align: center; top: -20px; font-size: 20px;}
	 .item .no1 .item_boxDiv .item_box:nth-child(1),
	 .item .no1 .item_boxDiv .item_box:nth-child(2),
	 .item .no1 .item_boxDiv .item_box:nth-child(3),
	 .item .no1 .item_boxDiv .item_box:nth-child(4){margin-right: 0%;background-position-x:50%; background-position-y: 20px;}
	 .item .no1 .item_boxDiv .item_box li { font-size: 15px; font-weight: 400; background-position-x:0; padding-left: 15px; background-position-y: 12px; line-height: 1.5; }
	 
	 .item .no2 {  padding-top: 10px; margin-top: 10px;}
	 .item .no2 .txt01 { margin-bottom: 0;}
	 .item .no2 .txt01 strong { font-size: 16px; padding-left: 20px; padding-right: 20px;}
	 
	 .item .txt03 { margin-top: 30px;}
	 .item .no2 h4 {font-size: 18px; margin-top: 30px;}
	 .item .no2 h4 strong {font-size: 25px;}
	 .item .no2 h4 small{font-size: 18px;}
	 .item .no2 h4 .line { width: 60px; margin: 10px auto;}
	 .item .no2 .item_box1Div { margin-top: 20px; padding: 0 20px;}
	 
	 .item .no2 .item_box1Div .item_box1wrap { background-position-x:50%; background-position-y: 20px;  background-size: 70px; padding: 120px 10px 10px 20px;}
	 .item .no2 .item_box1Div .item_box1wrap .item_box1 { padding-left:0;}
	 .item .no2 .item_box1Div .item_box1wrap .item_box1 li { width: 100%; font-size: 15px; font-weight: 400; background-position-x:0; padding-left: 15px; background-position-y: 12px; line-height: 1.5;}

	}
