@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;
}

/*이미지바뀜*/
.group {}
.group img {max-width:100%;}
.group .mobile { display:none;}

@media all and (max-width:900px){
.group .pc { display:none;}
.group .mobile { display:block; text-align:center;}

}
 
 /*콘텐츠 박스*/
.shrin_tbox{ width:100%;  margin:10px auto 80px;   position:relative; overflow: hidden;  padding:0px;  background:url(/asset/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;  }
.shrin_tbox .img_box img{max-width:100%; }
.shrin_tbox .txt_box{position:absolute; right:60px; top:140px; width:50%;  padding:60px 90px;   background:#989186;  }
.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:-0.5px;  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(/asset/img/loc_tel.png)  no-repeat left ;  }
.shrin_tbox .txt_box .data_lista li.map3{   display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/asset/img/loc_map.png)  no-repeat left ;  }
.shrin_tbox .txt_box .data_lista li.home3{     display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/asset/img/loc_home.png)  no-repeat left ;  }
.shrin_tbox .txt_box .data_lista li.time3{     display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/asset/img/loc_time.png)  no-repeat left ;  }
.shrin_tbox .txt_box .data_lista li.con3{     display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/asset/img/loc_con.png)  no-repeat left ;  }



.shrin_box { width:100%;  margin:0 auto 30px;   position:relative; overflow: hidden;  padding:30px 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%; }

.etc_box{width:100%;  margin:90px auto 60px;   position:relative; overflow: hidden;padding:0px;   border:0px solid #dedede;  }
.etc_box .left_box{  width:50%;  position:relative; }
.etc_box .left_box img{ width:100%; }
.etc_box .right_box{   width:50%;   position:relative;}
.etc_box .right_box img{ width:100%; }
.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;}

 .location_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:14px; }

	.etc_box{width:98%;  margin:40px auto 40px;    border:1px solid #dedede;  }
	.etc_box h5{  font-size:24px;   padding:0px 0px 20px 20px;}
	.etc_box  p.t1{ font-size:14px;   line-height:170%;   padding:0px 20px 20px 20px;}
	.etc_box  p.t2{ font-size:14px;   line-height:170%;  padding:20px 20px 20px 20px;}

	 .locaion_map{width:98%; }

 }


 @media all and (max-width:1200px)   {

	.shrin_tbox{padding:0px 0px ;  margin:10px auto 50px; }
	.shrin_tbox .img_box{float:left; width:80%; padding:0px 0px 50px 0px; margin:0px 0px;    border:0px solid #ff0000;  }
	.shrin_tbox .txt_box{position:absolute; right:60px; top:40%; width:50%;  padding:50px;    }
	.shrin_tbox .txt_box h5{ font-size:30px;  padding:0px 0px 10px 0px;}
	.shrin_tbox .txt_box .data_lista li {  display:block;   font-size:18px;  line-height:180%;   }


	.shrin_box {  width:98%;  padding:30px 30px 20px 30px;}
	.shrin_box p{ font-size:16px;  padding:0px 0px 30px 0px;}

	.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;}

	 .location_map{width:98%; }
 }


 @media all and (max-width:900px)   {
	.shrin_tbox .img_box{float:left;   width:100%; padding:0px 0px 50px 0px; margin:0px 0px 0px 0px;    border:0px solid #ff0000;  }
 	.shrin_tbox .txt_box{position:static; width:100%;  padding:30px 50px;    }
	.shrin_tbox .txt_box .data_lista li {  display:block;   font-size:16px;  line-height:180%;   }

 }

 @media all and (max-width:540px)   {

	.shrin_tbox .img_box{float:left;   width:90%; }
	.shrin_tbox .txt_box{position:absolute; right:20px; top:50%; width:70%;  padding:10px 10px 10px 30px ;    }
	.shrin_tbox .txt_box h5{ font-size:22px;  padding:0px 0px 10px 0px;}

 }

 @media all and (max-width:500px)   {

	.shrin_tbox{  margin:10px auto 40px;  }
	.shrin_tbox .img_box{float:left; width:100%;  padding:0px 0px 100px 0px;  }
	.shrin_tbox .txt_box{position:absolute; right:10px; top:50%; width:95%;  padding:10px 10px 10px 20px ;    }
	.shrin_tbox .txt_box h5{ font-size:22px;  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:20px 20px 20px 20px;}
	.shrin_box p{ font-size:14px;  padding:0px 0px 30px 0px;}

	.etc_box h5{  font-size:22px;   padding:20px 0px 20px 0px;}
	.etc_box  p.t1{ font-size:13px;    padding:0px 10px 20px 0px;}
	.etc_box  p.t2{ font-size:13px;   padding:20px 10px 20px 0px;}

 }

/*표 기본 */
.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:16px; color:#000;   font-weight: 700;	  letter-spacing:-1px;    text-align:center;   border:1px solid #d6d4d4;  padding:15px 0px ; background:#f7f7f7;  }
.table1 table td { color:#252525;    text-align:center;  border:1px solid #d6d4d4;   letter-spacing:-1px;   padding:16px 15px 16px 15px ; font-size:16px; line-height:140%;  word-break:keep-all;	word-wrap:break-word;  }
.table1 table td span{ color:#e34545; }

.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:16px; 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:#252525;    text-align:left;  border:1px solid #d6d4d4;   letter-spacing:-1px;   padding:16px 15px 16px 25px ; font-size:16px; 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;}
.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}

/*교구장 소개 사용*/
.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:16px; color:#000;   font-weight: 700;	  letter-spacing:-1px;    text-align:left;   border:1px solid #dedede; padding:15px 0px 15px  50px;background:#f7f7f7;  }
.table5 table td { color:#252525;    text-align:left;  border:1px solid #dedede;   letter-spacing:-1px;  padding:15px 0px 15px  50px; font-size:16px; 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}

@media all and (max-width:1200px)  {
 
	.table1 table {min-width:800px;}
	.table1 table th {font-size:16px; }
	.table1 table td { font-size:16px;}

	.table2 table {min-width:800px;}
	.table2 table th {font-size:16px; }
	.table2 table td { font-size:16px;}
	
	.table5 table {min-width:800px;}
	.table5 table th {font-size:16px; }
	.table5 table td { font-size:16px;}
 
 
}



@media all and (max-width:768px) and (min-width:375px) {


	.table1 {overflow-x:scroll}
	.table1 table {min-width:800px;}
	.table1 table th {font-size:14px; }
	.table1 table td { font-size:14px;}

	.table2 {overflow-x:scroll}
	.table2 table {min-width:800px;}
	.table2 table th {font-size:14px; }
	.table2 table td { font-size:14px;}
	
	.table5 {overflow-x:scroll}
	.table5 table {min-width:800px;}
	.table5 table th {font-size:14px; }
	.table5 table td { font-size:14px;}

 
}

 /*오시는 길*/
.map_area{position:relative; max-width:1400px; margin:0 auto;}
.map_area .txt{position:relative;top:-100px;left:50%;transform:translateX(-50%);width:1400px;z-index:100;}
.map_area .txt .txt_wrap {background-color:#8F826E;padding:45px 0;}
.map_area .txt .logo{position:absolute; top:34px; left:0; border-right:1px solid #ffffff; text-align:center; width:440px; line-height:90px; height:90px;}
.map_area .txt .contact{display:block; color:#fff; font-weight:500; font-size:20px; letter-spacing:-1px; line-height:1.6; padding:0 0 0 500px;}
.map_area .txt p{color:#fff;}
.map_area .txt .tx .tel{font-weight:300;}
.map_area .txt .bt{position:absolute;top:50%;right:40px;margin-top:-35px;display:block;border-radius:65px;border:3px solid #fff;color:#fff;font-size:20px;text-align:center;min-width:220px;line-height:60px;height:65px;}

.contact_address {width:100%;height:auto; line-height:1.7;color:#fff;}
.contact_address ul {max-width:1240px;clear: both;padding:0 20px 20px 0px;border-bottom:1px solid #ddd;}
.contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:16px}
.contact_traffic { max-width:1240px; margin:100px auto; padding:20px; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic ul {border-bottom:1px solid #ddd; padding-bottom:25px}
.contact_traffic .bus {width:100%;}
.contact_traffic .subway {width:100%}
.contact_traffic ul li {color: #555; line-height:33px; font-size:16px}
.contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left}

@media (max-width: 1400px){
    .map_area{ padding:0 20px;}
	.map_area .txt {margin-top: -30px;width: 100%;}
	.map_area .txt .txt_wrap{margin:0;}
	.map_area .txt .logo{display:block;position:relative;top:auto;left:auto;border-right:0; margin-left:0;width:100%; margin-bottom:30px;}
	.map_area .txt .logo:before{ display:none;}
	.map_area .txt .contact {line-height:180%;padding:20px 0 0;text-align:center;}
	.map_area .txt .contact .tel{font-weight:300;}
	.map_area .txt .bt{position:static;border-radius:65px;margin:35px auto 0;width:150px;}
}

@media screen and (max-width: 640px) {
	.map_area .txt { position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: -30px; width: auto;}
	.map_area .txt .logo img { height:40px}
	.map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both; letter-spacing:-1px;}
	.map_area .txt .txt_wrap{margin:0; padding: 0 0 30px;}
	.map_area .txt .bt { position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;}
	.map_area .txt .logo { position: relative; display: block;  top: auto; left: auto; border-right: 0;  width: 100%; line-height: 70px;  height: 20px;}
}
/*오시는 길*/

/*소개및 업무*/
.youthtop {position: relative; margin: 0 0 10px 0;}
.youthtop .youth {width: calc(100% - 0px);}
.youthtop .youth img {width: 100%; height: 400px; border-radius: 20px; object-fit: cover;}
.youthtop .textWrap {position: relative; bottom: 60px; padding: 40px 20px 10px 20px; width: 710px; box-sizing: border-box; border-radius: 20px; background: #FFFFFF; margin: 0 auto; z-index: 10;}
.youthtop .textWrap .textArea {text-align: center; color: #212121;}
.youthtop .textWrap .textArea .tit1 {font-size: 36px; font-weight: 600; margin-bottom: 12px;font-family: 'Paperlogy-4Regular';}
.youthtop .textWrap .textArea .txt {font-size: 20px; font-weight: 500;}
.youthText {margin-bottom: 40px; font-size: 18px; color: #212121; font-weight: 500; line-height: 1.5; word-break: keep-all; text-align:center;}
.youthText span {font-weight: 500;}

.txt1 {display:block; padding-bottom:30px; text-align:center; font-family:nanummyeongjo; font-size:20px; font-weight:700;}

@media (max-width: 1200px){
}
@media (max-width: 767px){
.youthtop .textWrap {bottom: 60px; padding: 40px 20px 10px 20px; width: 100%;}
.youthtop .textWrap .textArea .tit {font-size: 25px; }
.youthText { font-size: 15px;}
}

/* 사이트 바로 연결 버튼 */
.homebt{clear:both; margin:0; padding:5px 0; text-align: center; }
button.btn_red {padding:15px 40px 15px 60px;margin:10px 3px;font-size:16px; font-weight:600; letter-spacing:-1px;color:#FFFFFF; cursor:pointer; border:0;background: #eb4f4e url(/asset/img/icon_home.png) no-repeat 10% 50%;}
button.btn_red:hover{background-color:#C43534;font-size:16px;color:#FFFFFF;border:0;}
button.btn_blue {padding:20px 60px 20px 80px;margin:10px 3px;font-size:18px; letter-spacing:-1px;color:#FFFFFF; cursor:pointer; border:0;background: #0070AF url(/asset/img/icon_home.png) no-repeat 10% 50%;}
button.btn_blue:hover{background-color:#075E8E;font-size:18px;color:#FFFFFF;border:0;}
button.btn_navy {padding:15px 40px 15px 60px;margin:10px 3px;font-size:16px; font-weight:600; letter-spacing:-1px;color:#FFFFFF; cursor:pointer; border:0;background: #0070C3 url(/asset/img/bt_icon_down.png) no-repeat 10% 50%;}
button.btn_navy:hover{background-color:#005FA5;font-size:16px;color:#FFFFFF;border:0;}
button.btn_pink {padding:15px 40px 15px 60px;margin:10px 3px;font-size:16px; font-weight:600; letter-spacing:-1px;color:#FFFFFF; cursor:pointer; border:0;background: #EE3369 url(/asset/img/bt_icon_arrow.png) no-repeat 10% 50%;}
button.btn_pink:hover{background-color:#C91C4D;font-size:16px;color:#FFFFFF;border:0;}