@font-face {
    font-family: 'Gyeonggi_Batang_Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

#header{}

.subTop{ display:flex; padding:30px; justify-content: flex-end; align-items:center; position:relative; }
.subTop h1.logo{ margin:0; margin-right:auto; }
.tnb{ display:flex; margin-left:45px; }


#header.top-nav-collapse .gnb-pc-list > li > a,
#header.top-nav-collapse .gnb-pc-list > li.opened a{	color:#000;}
#header.top-nav-collapse .gnb-pc-list > li > a:after{background:#000}
#header.top-nav-collapse h1.logo{filter:brightness(0.1);}
#header.top-nav-collapse .tnb .btns .btn{border:1px solid #000; color:#000;}
#header.top-nav-collapse #lan .btn img{filter:brightness(0);}
#header.top-nav-collapse .tnb .btns .btn.adm{font-size:1.8rem; border:0; font-weight:400; width:auto; border:0;}

.tnb .btns {	display: flex;	justify-content: flex-end;	gap: 55px;	}
.tnb .btns .btn{	display: flex;	align-items: center;	justify-content: center;	text-align: center;	gap: 15px;	width: 200px;	height: 90px;	margin: 0;	padding: 0;	outline: none;	font-size: 36px;	font-weight: 600;	color: #fff;	background: transparent;	border-radius: 0;	border: 1px solid #fff;}
.tnb .btns .sponsor{	color: #000;	background: #fff;}
.tnb .btns .adm{font-size:1.8rem; border:0; font-weight:400; width:auto; }
#lan{	position: relative;}
#lan.open{	background: #fff;}
#lan p{	z-index: 50;	position: absolute;	left: 0;	display: none;	width: 100%;	padding: 20px;	text-align: center;	color: #000;	background: #fff;	font-size: 36px;	font-weight: 600; border:1px solid #000; border-top:0;}
#lan p a{color: inherit;}
#lan .btn{	z-index: 1;	position: relative;}
#lan.open .btn{	color: #000;	background: rgba(255, 255, 255, 1);}
#lan .btn img{	transform: rotate(0);	filter: brightness(1) invert(0);	transition: all .3s;}
#lan.open .btn img{	transform: rotate(180deg);	filter: brightness(0) invert(0);}

.submenu_wrap{background:#fff; padding:50px 0 40px; border-bottom:1px solid #262d68; display:none; width:100%; position:absolute; top: 99%; left:0; }
.submenu{display:flex; width: 1600px; margin:0 auto;}
.submenu .menutitle{background: url(../images/bg_submenu.png) no-repeat right 100px bottom; width:430px;   margin:-50px 0 -40px; }
.submenu .menutitle .stitle{font-size:4.8rem; color:#262b54; font-weight:600; margin:0; margin-top:70px; }
.submenu .menutitle .desc{font-size:2.4rem; color:#7d7d7d; margin:0;}
.submenu > ul{border-left:1px solid #262d68;padding-left:95px;display: flex;flex-direction: column; flex-wrap: wrap; gap:0 90px}
.submenu > ul > li {height: 25%; display:flex; align-items:center; }
.submenu > ul > li > a{color:#636363; font-size:2.4rem; font-weight:500}
.submenu > ul > li > a:hover{ color:#262d68; }

.container{max-width: 1630px; padding: 0; margin:0 auto; padding-left:15px !important;padding-right:15px !important;}
.container::before,.container::after{
	display:none;
}
#sub-inner-wrap{padding: 0 0 0 0; letter-spacing: -1.5px; line-height:1.7; }
h3{margin:0;}
h3 > p{margin:0;}

#footerWrap{ background: url(../images/bg_footer_blue.png) no-repeat left top / cover;  border-top:0;}
#footerWrap.sub01{background: url(../images/bg_footer_brown.png) no-repeat left top / cover; }
#footerWrap.sub02, #footerWrap.sub03{background: url(../images/bg_footer_blue.png) no-repeat left top / cover; }
#footerWrap.sub04{background: url(../images/bg_footer_green.png) no-repeat left top / cover; }


#footerWrap > .container{display:flex; padding:100px 0px; color:#fff; font-size:2.4rem; line-height:3.6rem; width:100%;}
#footerWrap > .container .fLogo img{height:105px;}
#footerWrap > .container .fInfo { margin-left:70px;}
#footerWrap > .container .fInfo p{margin:0;}
#footerWrap > .container .fCopy{margin-left:auto; align-self: flex-end}

.bg_subTit01{background: #a5948d;}
.bg_subTit02{background: #a6bcaf;}
.bg_subTit03{background: #cab097;}

.sub0101_title_wrap{padding:60px; display:flex; justify-content: center; }
.sub0101_title_wrap h3{display: flex; align-items: center; justify-content: center; flex-direction: column; border-left:2px solid #fff; border-right:2px solid #fff; padding:30px 115px; }
.sub0101_title_wrap h3 .num{font-size:11rem;  font-weight:300; }
.sub0101_title_wrap h3 .name{font-size:6rem;  font-weight:500; margin-top:40px; }


.fcRed{color: #ed1c24;}
.fcBlue{color: #262d68; }


.subVisual{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.subVisual h2.subTitle{font-size: 6rem; color: #fff; font-weight: 600; margin:0; }


@keyframes scaleUp {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

.bgsub0101{ height: 100vh; position:relative; overflow:hidden;}
.bgsub0201{height: 100vh; position:relative; overflow:hidden;}
.bgsub0202{height: 800px; position:relative; overflow:hidden; }
.bgsub0203{height: 800px; position:relative; overflow:hidden; }
.bgsub0204{height: 800px; position:relative; overflow:hidden; }
.bgsub0205{height: 800px; position:relative; overflow:hidden; }
.bgsub0206{height: 800px; position:relative; overflow:hidden; }
.bgsub0207{height: 800px; position:relative; overflow:hidden; }
.bgsub0208{height: 800px; position:relative; overflow:hidden; }
.bgsub0209{height: 800px; position:relative; overflow:hidden; }
.bgsub0210{height: 800px; position:relative; overflow:hidden; }
.bgsub0301{height: 100vh;  position:relative; overflow:hidden; }
.bgsub0401{height: 100vh;  position:relative; overflow:hidden; }

.bgsub0101:before{content:""; z-index:-1; background: url(../images/sub01/bg_sub0101.png) no-repeat left top / cover;  animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0201:before{content:""; z-index:-2; background: url(../images/sub02/bg_sub0201_01.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0202:before{content:""; z-index:-1; background: url(../images/sub02/bg_sub0202_01.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0203:before{content:""; z-index:-1; background: url(../images/sub02/bg_sub0203_01.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0204:before{content:""; z-index:-1; background: url(../images/sub02/bg_sub0204_01.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0205:before{content:""; z-index:-1; background: url(../images/sub02/bg_sub0205.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0206:before{content:""; z-index:-1; background: url(../images/sub02/bg_sub0206.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0207:before{content:""; z-index:-1; background: url(../images/sub02/bg_sub0207.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0208:before{content:""; z-index:-1; background: url(../images/sub02/bg_sub0208.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0209:before{content:""; z-index:-1; background: url(../images/sub02/bg_sub0209.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0210:before{content:""; z-index:-1; background: url(../images/sub02/bg_sub0210.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0301:before{content:""; z-index:-1; background: url(../images/sub03/bg_sub0301.png) no-repeat left top / cover;  animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }
.bgsub0401:before{content:""; z-index:-1; background: url(../images/sub04/bg_sub0401_01.png) no-repeat left top / cover; animation: scaleUp 6s ease-in-out forwards; position:absolute; top:0; right:0; bottom:0; left:0; }

.bgsub0201::after{
	position:absolute; top:0; right:0; bottom:0; left:0;
	content:""; z-index:-1; background: rgba(0, 0, 0, .3);
}


.mouse_wrap{position:absolute; left:50%; transform:translateX(-50%); bottom: ; text-align:center; font-size:1.8rem; bottom:30px; display:flex; flex-direction:column; align-items: center; gap:9px; }
.mouse_wrap p{color:#fff; margin: 0; }
.mouse_wrap p {}
.mouse_wrap p.down1{filter:brightness(0.1);}
.mouse_wrap p.down2{filter:brightness(0.1);}
.mouse_wrap p.down3{}

/* 성지역사박물관 */
.sub0101{padding: 140px 0;}
.bg_sub0101_01{background: #fbf3ef;}
.bg_sub0101_02{background: #fefbfa;}
.bg_sub0101_03{background: #d9e3dd;}
.bg_sub0101_04{background: #bfcfc6;}
.bg_sub0101_05{background: #fff9ee;}
.bg_sub0101_06{background: #eee7da;}
.bg_sub0101_07{background: #ded0b6;}


.subSection_wrap{display:flex; justify-content:center; width:100%; max-width:1600px; margin-top:120px; }
.subSection_wrap > div{color:#fff; padding:5rem 20px; text-align:center; border-left:1px solid #fff; width:calc(100%/3)}
.subSection_wrap > div > a{color: #fff;}
.subSection_wrap > div .num{ font-size:4rem; font-weight:300;  line-height:1; margin-bottom:3rem;}
.subSection_wrap > div .tit{ font-size:4rem; font-weight:300;  line-height:1; }
.subSection_wrap > div:nth-last-of-type(1){border-right:1px solid #fff; }


.sub0101_01 > .container{display: flex; gap: 100px; width: 100%;}
.sub0101_01 > .container .txtBox{}
.sub0101_01 > .container .txtBox h4{font-weight: 300; font-size: 4.8rem; color: #000; display: flex; align-items: center; margin:-10px 0 0 0; letter-spacing: -0.05em;}
.sub0101_01 > .container .txtBox h4 .number{color: #907062; font-size: 6rem; font-weight: 500; margin-right: 35px; width: 60px;}

.sub0101_01 > .container .txtBox .txt{font-size: 2.3rem; color: #000; margin-left: 100px; font-weight:300; letter-spacing: -0.05em; line-height:1.7;}
.sub0101_01 > .container .txtBox .txt + .txt{margin-top: 60px;}
.sub0101_01 > .container .imgBox{display: flex; flex-direction: column; text-align: left; font-size: 2.2rem; width: 750px; flex-shrink: 0;}
.sub0101_01 > .container .imgBox img{margin-bottom: 10px;}
.sub0101_01 > .container .imgBox p{margin: 0; text-align: center; display: block;}
.sub0101_01 > .container .imgBox.flexImg{display: flex; justify-content: space-between; flex-direction: row;}
.sub0101_01 > .container .imgBox.flexImg p{display: flex; flex-direction: column; }


.sub0101_02 > .container{display: flex; gap: 135px; width: 100%;}
.sub0101_02 > .container + .container {margin-top: 160px;} 
.sub0101_02 > .container .imgBox{width: 410px; margin-top: 110px;}
.sub0101_02 > .container .txtBox{}
.sub0101_02 > .container .txtBox h4{margin-bottom: 40px; font-size: 5rem; color:#000; font-weight: 300; margin-top:0;}
.sub0101_02 > .container .txtBox .history_wrap{list-style: none; color: #231f20; margin: 0; padding: 0;}
.sub0101_02 > .container .txtBox .history_wrap li{
	display: flex;
	align-items: flex-start;
	font-size: 2.3rem;  
	line-height:1.9;
}
/* .sub0101_02 > .container .txtBox .history_wrap li + li{margin-top: 5px;} */
.sub0101_02 > .container .txtBox .history_wrap li .year{
	width: 90px; flex-shrink: 0; /* padding-top:.4rem;*/
	margin-bottom:0;
}
.sub0101_02 > .container .txtBox .history_wrap li .txt{
	flex-grow: 1;
	/* line-height:1.7;  */
	margin-bottom:0;
}

.sub0101_03{text-align: center; padding: 80px 0;}
.sub0101_03 > div{font-size: 3rem; line-height: 5rem; font-family: 'Gyeonggi_Batang_Regular'; color:#231f20; font-weight:700;}
.sub0101_03 > div + div{margin-top: 60px; }

.sub0101_04{text-align: center; padding: 80px 0;}
.sub0101_04 .imgBox + .imgBox {margin-top: 80px;} 
.sub0101_04 .imgBox img{margin-bottom: 10px;}
.sub0101_04 .imgBox p{font-size: 2.2rem;}

.sub0101_05 > .container{display: flex; gap: 100px; width: 100%;}
.sub0101_05 > .container .txtBox{}
.sub0101_05 > .container .txtBox h4{font-weight: 300; font-size: 5rem; color: #000; display: flex; align-items: center; }
.sub0101_05 > .container .txtBox h4 .number{color: #907062; font-size: 6rem; font-weight: 600; margin-right: 40px; width: 60px;}
.sub0101_05 > .container .txtBox .txt{font-size: 2.4rem; color: #000; margin-left: 100px; font-weight:300;}
.sub0101_05 > .container .txtBox .txt + .txt{margin-top: 60px;}
.sub0101_05 > .container .imgBox{display: flex; flex-direction: column; text-align: left; font-size: 2.2rem; width: 665px; flex-shrink: 0;}
.sub0101_05 > .container .imgBox img{margin-bottom: 10px;}
.sub0101_05 > .container .imgBox p{margin: 0; text-align: center; display: block;}

.sub0101_06{}
.sub0101_06 .container{display: flex; flex-wrap: wrap; width:100%;  justify-content: space-between;}
.sub0101_06 .container + .container{margin-top:180px;}
.sub0101_06 .container > .imgBox{width: 660px; flex-shrink: 0;}
.sub0101_06 .container > .txtBox{display: flex; align-items: center; justify-content: center; text-align: center; font-size: 3.6rem; font-family: 'Gyeonggi_Batang_Regular'; }
.sub0101_06 .container > .txtBox .txt{margin:0; line-height:1.6;}
.sub0101_06 .container > .txtBox span{font-size: 2.4rem; font-weight: 300; line-height:1; font-family:'Pretendard', sans-serif; display:block; margin-top:60px; }

.sub0101_07{text-align: center; padding:150px 0;}
.sub0101_07 > div{font-size: 3.6rem; line-height: 6rem; font-family: 'Gyeonggi_Batang_Regular'; }
.sub0101_07 > div span{font-size: 2.4rem; font-weight: 300; font-family:'Pretendard', sans-serif; display:block; margin-top:60px;line-height: 1;} 

.sub0101_08{}
.sub0101_08 > .container{display: flex; gap: 100px; width: 100%;}
.sub0101_08 > .container .txtBox{width: 50%;}
.sub0101_08 > .container .txtBox h4{font-weight: 300; font-size: 5rem; color: #000; display: flex; align-items: center; margin:0;line-height:1.2; }
.sub0101_08 > .container .txtBox h4.alignStart{align-items: start;}
.sub0101_08 > .container .txtBox h4 .number{color: #907062; font-size: 6rem; font-weight: 600; margin-right: 40px; width: 60px;}
.sub0101_08 > .container .txtBox .txt{font-size: 2.3rem; color: #000; margin-left: 100px; margin-top: 20px; font-weight:300; line-height:1.6; letter-spacing: -0.03em;}


.sub0101_09{display: flex; align-items: center; flex-direction: column; text-align: center;}
.sub0101_09 .txtBox{font-size: 3.6rem; line-height: 6rem; font-family: 'Gyeonggi_Batang_Regular'; }
.sub0101_09 .txtBox strong{font-weight: 400;}
.sub0101_09 .txtBox span{font-size: 2.3rem; font-family:'Pretendard', sans-serif; display:block; margin-top:60px;}
.sub0101_09 .imgBox{margin: 70px 0;}

.sub0101_10{}
.sub0101_10 > .container{width:100%;}
.sub0101_10 > .container h4{font-weight: 300; font-size: 5rem; color: #000; display: flex;  margin:0; margin-bottom: 20px; }
.sub0101_10 > .container h4 .number{color: #907062; font-size: 6rem; font-weight: 600; margin-right:25px; }
.sub0101_10 > .container h4 div p{font-size:3rem; padding-top:1.5rem;}
.sub0101_10 .flexBox{display: flex; }
.sub0101_10.column3 .flexBox {gap: 135px;}
.sub0101_10.column3 .flexBox > div{width: 33.333%;}
.sub0101_10 .flexBox > div{width: 50%; }
.sub0101_10 .flexBox > div .imgBox{display:flex; }
.sub0101_10 .flexBox > div .imgBox img{margin-bottom: 20px; width: fit-content;}
.sub0101_10 .flexBox > div .imgBox p{margin: 0; text-align: center; display: flex; flex-direction: column; font-size: 2.2rem; font-weight: 300; }
.sub0101_10 .flexBox > div .txtBox{font-size: 2.3rem; color: #231f20; line-height:1.6; }
.sub0101_10 .flexBox > div .txtBox strong{font-weight:500}




.sub0101_10.column2 .flexBox {gap: 260px;}
.sub0101_10.column2 .flexBox + .flexBox{margin-top:150px;}
.sub0101_10.column2 .flexBox > div{width: 50%;}
.sub0101_10.column2 .flexBox > div .imgBox p{text-indent: 0; text-align: center;}

.sub0101_11{}
.sub0101_11 > .container{width:100%}
.sub0101_11 > .container h4{font-weight: 300; font-size: 5rem; color: #000; display: flex; align-items: center; margin-bottom: 40px; }
.sub0101_11 > .container h4 .number{color: #907062; font-size: 6rem; font-weight: 600; margin-right:25px;}
.sub0101_11 .newTable2{width: 1333px; margin: 0 auto;}

.certiBox{display: flex; gap: 60px; margin-top:150px;}
.certiBox > div{width: calc(20% - 30px);}
.certiBox > div .imgBox{text-align: center; font-size: 2.4rem;}
.certiBox > div .imgBox button{ margin-bottom: 30px; padding: 0;}
.certiBox > div .imgBox img{width: 100%;}
/* 신부님말씀 */
.bgsub0201 .subVisual_txt{margin-top: 100px; color: #fff; text-align: center;}
.bgsub0201 .subVisual_txt p{margin:0;}
.bgsub0201 .subVisual_txt .stxt{font-size: 3.6rem;}
.bgsub0201 .subVisual_txt .btxt{font-size: 3.8rem; margin-top: 60px; font-weight: 500;}

.sub0201_Top{height: 750px; background: url(../images/sub02/bg_sub0201_02.png) no-repeat left top / cover; text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: center; gap: 80px;}
.sub0201_Top .btxt{font-size: 4rem; font-weight: 600;}
.sub0201_Top .stxt{font-size: 2.4rem; line-height:1.7}
.sub0201{margin: 160px 0; display: flex; gap: 75px;}
.sub0201 .imgBox{}
.sub0201 .imgBox p{margin-top: 20px; font-size: 2.2rem; color:#393939}
.sub0201 .imgBox p strong{font-weight: 600; color: #262d68;}
.sub0201 .txtBox{line-height:1.6;}
.sub0201 .txtBox strong{color: #262d68; font-weight: 600; font-size: 4.6rem; margin-bottom: 70px; display: block; }
.sub0201 .txtBox p{color: #393939; font-size: 2.4rem; }
.sub0201 .txtBox p + p{margin-top: 60px;}
.sub0201_sign{display: flex; justify-content: center; color: #262b54;  align-items: center; gap: 100px; margin-bottom:160px;}
.sub0201_sign .position{font-size: 2.4rem;}
.sub0201_sign .sign{font-size: 3.6rem; font-weight: 500;}
.sub0201_sign .sign img{margin-left: -20px;}



/* 미사안내 */
.sub0202{display: flex; margin:160px 0;}
.sub0202 .imgBox{width: 58.6875%; flex-shrink: 0;}
.sub0202 .imgBox img{width:100%; height: 100%; object-fit: cover; object-position: center;}
.sub0202 .txtBox{ background: #ebebeb; padding: 70px; display: flex; justify-content: center; flex-direction: column; flex-grow:1;}
.sub0202 .txtBox > div{padding: 0 55px; }
.sub0202 .txtBox > div > h3{ font-size: 3.6rem; color: #000; margin-bottom: 30px; font-weight: 600; }
.sub0202 .txtBox > div > p{font-size: 2.4rem; color: #262d68; font-weight: 500;}
.sub0202 .txtBox > div > p.desc{font-size: 2.2rem; color: #000;}
.sub0202 .txtBox > div > p.desc.star{padding-left: 15px; text-indent: -15px;}
.sub0202 .txtBox > div > p.desc.star::before{content: "* ";}
.sub0202 .txtBox > hr{background: #898989; height: 1px; margin: 80px 0 60px 0; width: 100%;}

/* 오시는 길 */
.sub0203{margin: 160px auto;}
.sub0203 .mapBox{}
.sub0203 .mapBox img{ width:100%; }
.sub0203 .mapBox .root_daum_roughmap{border:1px solid #ddd !important;width:100% !important}
.sub0203 .mapBox .root_daum_roughmap .cont{display:none !important;}
.sub0203 .mapBox .root_daum_roughmap .map_border{display:none !important;}
.sub0203 .txtBox_wrap{padding: 0 0 0 60px; display: flex; justify-content: space-between;}
.sub0203 .txtBox_wrap .titleBox{
	background: #262b54; 
	width: 360px;
	height: 330px; 
	padding: 70px 40px; 
	/* padding: 70px; 
	width: 330px;  */
	box-sizing: border-box; color: #fff; margin-top: -100px;}
.sub0203 .txtBox_wrap .titleBox > p{margin:0;}
.sub0203 .txtBox_wrap .titleBox .en{font-size: 3rem; }
.sub0203 .txtBox_wrap .titleBox .ko{font-size: 5rem; font-weight: 600; margin-top: 8rem; white-space: nowrap;}
.sub0203 .txtBox_wrap .txtBox{margin-top: 90px;}
.sub0203 .txtBox_wrap .txtBox > div{display: flex; align-items: center; gap: 50px;}
.sub0203 .txtBox_wrap .txtBox > div + div{margin-top: 50px;}
.sub0203 .txtBox_wrap .txtBox > div > h3{width: 240px; font-size: 3.6rem; color: #000; font-weight: 600; margin: 0; display: flex; align-items: center;}
.sub0203 .txtBox_wrap .txtBox > div > p{flex-grow: 1; font-size: 2.4rem;}
.sub0203 .txtBox_wrap .txtBox > div > ul{flex-grow: 1; font-size: 2.4rem; margin: 0; padding: 0;}
.sub0203 .txtBox_wrap .txtBox > div > ul > li{list-style: none; display: flex; gap: 5px;}
.sub0203 .txtBox_wrap .txtBox > div > ul > li + li{margin-top: 5px;}
.sub0203 .txtBox_wrap .txtBox > div > ul > li p{margin-bottom: 0;}


/* 순례길 안내 */
.hebrews{padding: 160px 0; text-align: center; font-size: 4.3rem;  font-weight:500;line-height:1.6;}
.hebrews > span{font-size: 3rem; padding-left: 280px; color: #000;}
.sub0204.bgBox{background: #edf4f8; display: flex; padding: 48px 43px; box-sizing: border-box; gap: 80px; margin-bottom:160px; }
.sub0204.bgBox > div{}
.sub0204.bgBox > div > h3{font-size: 3.6rem; font-weight:600;}
.sub0204.bgBox > div > div{font-size: 2rem; margin-top: 15px; margin-bottom: 10px; }
.sub0204.bgBox > div > div > strong{color: #262d68; font-weight: 500; display: block;}
.sub0204.bgBox > div > div > b,
.sub0204.bgBox > div > div > span{color: #262d68;}

.sub0204.bgBox > div > .imgBox_wrap{display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;}
.sub0204.bgBox > div > .imgBox_wrap .imgBox{display: flex; flex-direction: column; text-align: center; margin-bottom: 0; gap: 20px;}
.sub0204.bgBox > div > .imgBox_wrap .imgBox_v2{flex-direction: row; justify-content: space-between; gap: 0; letter-spacing: -.2px;}
.sub0204.bgBox > div > .imgBox_wrap .imgBox_v2 > div:first-child{width: 33.33%;}
.sub0204.bgBox > div > .imgBox_wrap .imgBox_v2 > div:last-child{width: 59.87%;}
.sub0204.bgBox > div > .imgBox_wrap .imgBox_v2 > div img{width: 100%;}
.sub0204.bgBox > div > .imgBox_wrap .imgBox_v2 > div p{
	margin-bottom: 0;
	margin-top: 20px;
}
.photoflex{display: flex; flex-direction: column;}

.sub0204_table{width: 1333px; margin: 0 auto 160px;}
.sub0204_table > h3{font-size: 3.6rem; margin-bottom: 30px;}
.sub0204 .textHis{font-size:2.5rem;}
.sub0204 .textHis p{display:flex;gap:1.5rem;margin-bottom:1.5rem;}
.sub0204 .textHis p strong{flex-shrink: 0;}
.sub0204_pilgrimage{
	padding-bottom:150px;
}
.sub0204_pilgrimage .titleBar{
	padding:50px 40px;
}
.sub0204_pilgrimage .group_box{}
.sub0204_pilgrimage .group_box .tit{
	padding:40px;
}
.sub0204_pilgrimage .group_box .inner{
	padding:40px;
}
.br_o{display: none;}
@media(max-width:767.98px){
	.sub0204_pilgrimage .titleBar{
		padding:30px 20px;
	}
	.br_o{display: block;}
	.sub0204_pilgrimage .group_box .tit{
		padding:30px 20px;
	}
	.sub0204_pilgrimage .group_box .inner{
		padding:30px 20px;
	}
}




/* 성지일지 */
.subtabMenu{display: flex; gap: 50px; width: 1352px; margin: 160px auto; padding:0;}
.subtabMenu li{flex-grow: 1; font-size: 3rem; list-style: none; height: 80px; border: 1px solid #000; color: #010101; display: flex; align-items: center; justify-content: center; font-weight: 500; cursor: pointer; box-sizing: border-box;}
.subtabMenu li.on{color: #262d68; border: 2px solid #262d68; font-weight: 600;}
.sub0207_wrap{margin-bottom:160px;}
.sub0207_wrap > .sub0207{display: none;}
.sub0207_wrap > .sub0207:nth-of-type(1){display: block;}
.sub0207{text-align: center;}
.sub0207 h3{font-size: 7rem; font-weight: 600; color: #000; margin-bottom: 90px;}
.sub0207 .txtBox{line-height:1.6}
.sub0207 .txtBox > strong{color: #262d68; font-size: 5rem; font-weight: 500; margin-bottom: 100px; display: inline-block;}
.sub0207 .txtBox > p{font-size: 2.4rem; color: #393939;}
.sub0207 .txtBox > p + p{margin-top: 60px;}
.sub0207 .txtBox > p .br_o{display:none;}
.sub0207 .imgBox{margin: 150px 0;}
.sub0207 .br-md{display: none;}

/* 테이블 */
.newTable{border-collapse:separate; border-spacing: 4px; width: 100%;}
.newTable thead th{background: #add3ed; font-size: 1.8rem; text-align: center; padding: 13px;}
.newTable tbody td{background: #d4e5f6; color: #000; font-size: 1.8rem; text-align: center; padding: 13px;}
.newTable tbody td.tdbg{background: #f2f7fa;}
.newTable tbody td.txtL{text-align: left;}
.schedule{list-style: none; text-align: left;}
.schedule li{line-height: 3rem; padding-left: 20px; text-indent: -20px;}
.schedule li strong{color: #262d68; display: block; font-weight: 500;}


.tableBox{overflow-x: auto;}
.tableBox::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
.tableBox::-webkit-scrollbar-thumb {
  background: #333; 
	border-radius: 10px;
}
.tableBox::-webkit-scrollbar-track {
	background: #ccc;
}
.newTable2{ width: 100%;}
.newTable2 thead th{background: #90693e; color: #fff; font-weight: 600; font-size: 1.8rem; text-align: center; padding: 13px;}
.newTable2 tbody td{color: #000; font-size: 1.8rem; text-align: center; padding: 13px 50px; text-align: left;}
.newTable2 tbody td:nth-last-of-type(1){text-align: center;}
.newTable2 tbody tr:nth-of-type(odd) td{background: #faf8f3;}
.newTable2 tbody tr:nth-of-type(even) td{background: #e7dcc7; }

.scrollInfo{display: none}







/* 게시판 */
.board_wrap,
.board_comm_box,
.board_view{margin:100px 0; position: relative;}

.btn_board_bottom{position: absolute; top: -70px; right: 0;}


.board_sch_wrap{ background: #ebebeb; padding: 40px 20px; margin-bottom: 40px;  overflow: hidden; display: flex; justify-content: center; gap: 9px; font-size: 1.6rem;}
.board_sch_wrap input{max-width: 620px; width:100%; padding: 0 20px; height: 50px; border: 1px solid #a4a4a4; }
.board_sch_wrap .formEnter{border: 0; height: 50px; display: flex; align-items: center; justify-content: center; background: #262d68; padding: 0 30px; color: #fff; font-weight: 500; font-size: 2.4rem;}
.board_sch_wrap select{padding: 0 15px; height: 50px; border: 1px solid #a4a4a4; }

@media(max-width:992px){
	.board_wrap,
	.board_view{margin:80px 0;}
	.board_sch_wrap input,
	.board_sch_wrap .formEnter,
	.board_sch_wrap select{
		height:40px;
		fnot-size:2rem;
	}
	.board_sch_wrap{padding: 20px 20px; margin-bottom: 30px; }
	.board_sch_wrap .formEnter{ height: 40px; padding: 0 20px; color: #fff; font-weight: 500; font-size: 2rem;}
}
@media(max-width:576.98px){
	.board_wrap,
	.board_view{margin:30px 0;}
	.board_sch_wrap .formEnter{font-size: 1.7rem;}
}
.board_wrap .mobile_data{
	gap:0 10px;
	font-size:15px;
	color:#555;
	display: none;
}
.board_wrap .mobile_data p{
	margin-bottom:0;
}
.board_wrap .mobile_data > p:first-child{display: none;}
@media(max-width:768px){
	.board_wrap .pc_only{
		display:none !important;
	}
	.board_wrap .mobile_data{
		display: flex;
	}
}


.basic_board{width: 100%;}
.basic_board caption{display: none;}
.basic_board thead{}
.basic_board thead th{ border-top: 2px solid #6c6e72; border-bottom: 1px solid #6c6e72; padding: 40px; text-align: center; color:#393939; font-size: 2.4rem; font-weight: 500;}
.basic_board tbody{}
.basic_board tbody td{border-top: 1px solid #6c6e72; border-bottom: 1px solid #6c6e72; padding: 40px; text-align: center; color:#393939; font-size: 2.4rem; font-weight: 500;} 
.basic_board tbody td a{color:inherit}
.basic_board tbody td.td_left {text-align: left;}


@media(max-width:992px){
	.basic_board thead th{padding: 20px 10px;}
	.basic_board tbody td{padding: 20px 10px;}
	.basic_board thead th{font-size: 1.8rem;}
	.basic_board tbody td{font-size: 1.8rem;}
}

@media(max-width:768px){
	.basic_board thead,
	.basic_board colgroup{
		display:none !important;
	}
	.basic_board thead th{padding: 15px 5px;}
	.basic_board tbody td{padding: 15px 5px;}
	.basic_board thead th{font-size: 1.6rem;}
	.basic_board tbody td{font-size: 1.6rem;}
}



.col_num{width: 200px;}
.col_writer{width: 200px;}
.col_date{width: 250px;}

.view_header{}
.view_header h3{font-size: 6rem; font-weight: 600; color: #000;}
.view_header > .info{ display: flex; justify-content: flex-start; margin-top: 60px; padding: 50px 60px; border-top: 2px solid #6c6e72; border-bottom: 1px solid #6c6e72;} 
.view_header > .info > p{ font-size: 3rem;	display: flex; color: #393939; align-items: center; gap: 10px;}
.view_header > .info > p strong{font-weight: 600; color: #5a1e1e;}
.view_header > .info > p::after{content: ""; font-size: 0; height: 30px; width: 1px; background: #393939; margin: 0 50px;}
.view_header > .info > p:nth-last-of-type(1):after{display: none;}

@media(max-width:991.98px){
	.view_header h3{font-size: 4rem; }
	.view_header > .info{ margin-top:40px; padding: 20px 20px; } 
	.view_header > .info > p{ font-size: 2rem;padding:0;}
	.view_header > .info > p::after{margin: 0 30px;}
}
@media(max-width:767.98px){
	.view_header h3{font-size: 2.6rem; }
	.view_header > .info{ margin-top:30px; padding: 20px 0px; } 
	.view_header > .info > p{ font-size: 1.6rem;padding:0;margin:0 !important;}
	.view_header > .info > p::after{margin: 0 10px; height:20px;}
}



.view_body{border-bottom: 1px solid #6c6e72;}
.view_body .edit_content{ font-size: 2.4rem; color: #393939; padding: 60px;}
.view_body .edit_content img{max-width:100%;}
.view_body .filelist_wrap{background: #f5f5f5; padding: 60px; margin-bottom: 0;}
.view_body .filelist_wrap li{}
.view_body .filelist_wrap li a{color: inherit; font-size: 2.4rem; font-weight: 500;}
.view_body .filelist_wrap li a img{margin-right:15px}

.formfoot_wrap {margin:5rem 0; text-align:center;}
.formfoot_wrap [class^="btn_"]{
	min-width:200px;
    background: #2e2e2e;
    color: #fff;
	border: 1px solid #afafaf;
    font-size: 2.4rem;
    padding: 1.4rem;
    font-weight:500;
    display: inline-block;
    margin: 0 2px;
}
.formfoot_wrap .btn_close{background:#fff; border: 1px solid #afafaf;   color:#393939; }

@media(max-width:991.98px){
	.view_body .edit_content{ font-size: 2rem; color: #393939; padding: 30px;}
	.formfoot_wrap {margin:3rem 0; text-align:center;}
	.view_body .filelist_wrap{padding: 40px;}
	.view_body .filelist_wrap li{}
	.view_body .filelist_wrap li a{font-size: 2rem; }
	.view_body .filelist_wrap li a img{margin-right:10px}
}
@media(max-width:767.98px){
	.formfoot_wrap [class^="btn_"]{
		min-width:150px;
		font-size: 2rem;
	}
	.view_body .filelist_wrap{padding: 20px;}
	.view_body .filelist_wrap li{}
	.view_body .filelist_wrap li+li{margin-top: 10px;}
	.view_body .filelist_wrap li a{font-size: 1.7rem; }
	.view_body .filelist_wrap li a img{margin-right:10px}
}



#paging{overflow:hidden; margin-top:0;
}
#gray_board_bottom .list_page  {
	display: flex;
	border-right:none;
	border:0;
	margin-top:100px;
	justify-content: center;
}
#gray_board_bottom .list_page a{
	display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; line-height: 1; font-weight: 600; font-size: 2.4rem;  color: #939393; border:0;	
}
#gray_board_bottom .list_page a.active{
	background:transparent;
}
#gray_board_bottom .list_page a.active:after{
	content:"";
	border-bottom:none;
	color:#000;
	position:absolute;
	width:100%;
	height:10px;
	text-align:center;
	left:0;
	bottom:-1px;
}
@media(max-width:767.98px){
	#gray_board_bottom .list_page  {
		margin-top:40px;
	}
	#gray_board_bottom .list_page a{
		display: inline-flex; width: 30px; height:30px; align-items: center; justify-content: center; line-height: 1; font-weight: 600; font-size: 1.6rem;  color: #939393; border:0;	
	}
}

@media(max-width:576.98px){
	#gray_board_bottom .list_page a{
		display: inline-flex; width: 26px; height:26px;  font-size: 1.4rem; 
	}
}



#gray_gallery_list{border-top:0;}
#gray_gallery_list ul{list-style:none;}
#gray_gallery_list li {}

.gallery_list{}
.gallery_list ul{display:flex; padding:0; flex-wrap:wrap; gap:50px; list-style:none; }
.gallery_list ul li{width : calc( (100% - 100px) / 3)}
.gallery_list ul li a{color:inherit}
.gallery_list ul li .thumbox{}
.gallery_list ul li .thumbox a{display:block; padding-top:80%; background-size: cover; background-position: center;}
.gallery_list ul li .txtbox{margin-top:15px;}
.gallery_list ul li .txtbox .title{font-size:2.4rem; color:#393939; font-weight:600;}
.gallery_list ul li .txtbox .date{font-size:2.2rem; color:#727272; font-weight:500; }

@media(max-width:991.98px){
	.gallery_list ul{display:flex; padding:0; flex-wrap:wrap; gap:30px; list-style:none; }
	.gallery_list ul li{width : calc( (100% - 30px) / 2)}
	.gallery_list ul li .txtbox .title{font-size:1.8rem; }
	.gallery_list ul li .txtbox .date{font-size:1.6rem; }
}
@media(max-width:767.98px){
	.gallery_list ul{display:flex; padding:0; flex-wrap:wrap; gap:15px; list-style:none; }
	.gallery_list ul li{width : calc( (100% - 15px) / 2)}
	.gallery_list ul li .txtbox .title{font-size:1.6rem; }
	.gallery_list ul li .txtbox .date{font-size:1.3rem; }
}




/* 후원안내 */
.bgsub0401 .subVisual_txt{color: #fff; text-align: center; font-size: 5rem; margin-top: 150px;}
.sub0401_top{margin:180px 0; display: flex; justify-content: flex-start; gap: 80px; align-items: center;}
.sub0401_top .imgbox{}
.sub0401_top .imgbox img{width:100%;}
.sub0401_top .txtbox{display: flex; align-items: flex-start; flex-direction: column; flex:1; }
.sub0401_top .txtbox h3{font-size: 7rem; font-weight: 600; color: #04612c; margin: 0; letter-spacing: -2.5px;}
.sub0401_top .txtbox .btxt{font-size: 5rem; font-weight: 500; margin: 60px 0 40px; color: #005826; letter-spacing: -2.5px; line-height: 1.3;}
.sub0401_top .txtbox .stxt{font-size: 2.4rem; color: #393939;}
.sub0401_member{background: url(../images/sub04/bg_sub0401_02.png) no-repeat center / cover; padding:190px 0;}
.sub0401_member h3{text-align: center; color: #fff; margin: 0; font-size: 7rem; font-weight: 600;}
.sub0401_member ul{display: flex; justify-content: center; margin-top: 160px;}
.sub0401_member ul li{width: 33.33333%; text-align: center; border-right: 1px solid #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.sub0401_member ul li:last-child{border-right: none;}
.sub0401_member ul li .imgbox{margin-bottom: 0;}
.sub0401_member ul li .imgbox img{max-width:100%;}
.sub0401_member ul li .txtbox{font-size: 2.4rem; color:#fff; font-weight: 500; margin-top: 50px; text-align: center; letter-spacing: 0;}

.sub0401_account{background: url(../images/sub04/bg_sub0401_03.png) no-repeat center / cover;  padding-top:130px; height: 1000px;}
.sub0401_account h3{text-align: left; font-size: 7rem; font-weight: 600; margin-bottom: 50px; color: #fff;}
.sub0401_account .number{ font-size: 2.4rem; font-weight: 500;  color: #fff;}
.sub0401_account .account_txtbtn{margin-top: 50px; display: flex; justify-content: space-between;}
.sub0401_account .account_txtbtn2{
	justify-content: flex-start;
	gap: 350px;
}
.sub0401_account .account_txtbtn ul{list-style: none; padding: 0;}
.sub0401_account .account_txtbtn ul li{ color: #fff; font-size: 2.2rem;letter-spacing: 0; line-height: 1.3;}
.sub0401_account .account_txtbtn a{
	font-size: 2.6rem; font-weight: 500; 
	display: inline-flex; height: 80px; align-items: center; justify-content: center; color: #fff; 
	padding: 0 40px; background: #04612c; }




/* 건축과정 */
.sub0210{margin: 180px auto; position: relative;}

.history_wrap:nth-of-type(1){margin-top: 0;}
.history_wrap{margin-top: 300px; padding-left: 90px; position:relative;}
.history_wrap::before{content: ""; position: absolute; width: 10px; top: 0; bottom: -320px; display: inline-block; left: 18px; background: #acacac; top: 30px; z-index: 1;}
.history_wrap.txtprev::before{bottom:-920px}

.history_wrap.first::before{
  background: transparent url(../images/sub02/bg_dashed.png) repeat-y left top;
  background-position: left 10px;
}
.history_wrap.last::before{display: none;}
.history_wrap.last::after{content: ""; position: absolute; width: 10px; top: 0; height:320px; display: inline-block; left: 18px; background: #acacac; top: -280px; z-index: 1; background:#d9ddde;}

.history_wrap h3{margin: 0; color: #262d68; font-size: 5rem; font-weight: 300; position: relative;}
.history_wrap h3.noneh3{margin-top: -30px;}
.history_wrap h3::before{content: ""; background: #fff; border: 5px solid #acacac; width: 45px; height: 45px; border-radius: 50%; display: inline-block; position: absolute; left: -90px; top: 8px; z-index: 2;}
.history_wrap:nth-last-of-type(1)::before{display: none;}

.history_wrap .desc{font-size: 3.6rem; color: #000; font-weight: 300;}
.history_wrap ul{list-style: none; padding: 0; margin-top: 60px; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 80px;}
.history_wrap ul li{width:calc( (100% - 80px) / 2 )}
.history_wrap ul li.fullbox{width:100%;}
.history_wrap ul li .imgbox{}
.history_wrap ul li .imgbox img{width:100%; }
.history_wrap ul li .txtbox{color: #222; font-size: 2.2rem; margin-top: 10px}

.historyTxt_wrap{width: 100%;padding: 90px 0;background: #d1e4f6;color: #000;position: relative;text-align: center; margin-top: 250px; height:350px;}
.historyTxt_wrap::before{content: "";width: 20000px;background: #d1e4f6;display: block;position: absolute; z-index: -1;top: 0;bottom: 0;left: 50%;transform: translateX(-50%);}
.historyTxt_wrap .txt{ font-size: 3.6rem;}
.historyTxt_wrap .num{ font-size: 2.2rem; margin-top: 40px;}


#header .gnb-pc-list > li.sub04{display:none;}



@media (max-width:1600px) {

	.container{width:100%; padding:0 20px; }
	.sub0207 .imgBox{margin:120px 0;}
	.sub0207 .imgBox img{width:100%; }

	
}

@media (max-width:1550px) {

	.sub0401_top{gap:60px;}
	.sub0401_top .imgbox{width:700px}
	.sub0401_top .txtbox h3{font-size: 5.5rem; }
	.sub0401_top .txtbox .btxt{font-size: 3.5rem;}
	.sub0401_top .txtbox .stxt{font-size: 2.2rem;}

	.sub0401_member h3{font-size:5.5rem;}
	.sub0401_member ul{padding:0;}
	.sub0401_member ul li{padding:0 20px;     justify-content: flex-start;}
	.sub0401_member ul li .txtbox{font-size:2.2rem}
	.sub0401_member ul li .txtbox .br_x{display:none;}
	.sub0401_member ul li .imgbox img{height:90px}


}

@media (max-width:1400px) {


	#header h1.logo img{width: 240px !important; }
	.tnb .btns .btn{width: 180px; height: 70px; font-size: 25px;}
	.tnb .btns{gap: 20px;}
	.tnb .btns .btn.adm{width:unset; }


	.subtabMenu{width:100%;}	

	#footerWrap > .container .fLogo img{height:80px;}
	#footerWrap > .container{font-size:2rem; line-height:3rem;}

	

	.hebrews{font-size:3.6rem; padding:100px 0;}
	.hebrews br{}
	.hebrews > span{font-size:2.4rem; padding-left:0; display:block;}
	.sub0204_table{width:100%;}


	.sub0203 .txtBox_wrap{display:block;}
	.sub0203 .txtBox_wrap .titleBox{padding:50px 40px; height:auto;}
	.sub0203 .txtBox_wrap .titleBox .ko{margin-top:0;}
	.sub0201,
	.sub0202{margin:100px 0;}
	.sub0202 .txtBox{padding:0 30px;}
	.sub0202 .txtBox > div{padding:30px;}
	.sub0202 .txtBox > div > p br{display:none;}
	.sub0202 .txtBox > hr{margin: 40px 0;}

	.subVisual h2.subTitle{ font-size: 7rem; }
	.bgsub0201 .subVisual_txt{margin-top:60px;}
	.bgsub0201 .subVisual_txt .stxt{ font-size: 3rem;}
	.bgsub0201 .subVisual_txt .btxt{ font-size: 4rem; margin-top: 40px;}

	.bgsub0401 .subVisual_txt{font-size: 4rem; margin-top: 60px;}


	.mouse_wrap{display:none;}

	.sub0201 .imgBox{width:50%;}
	.sub0201 .txtBox{width:50%;}
	.sub0201 .imgBox img{width:100%;}
	.sub0201 .imgBox p{font-size:1.6rem}
	.sub0201 .imgBox p strong{display:block;}
	.sub0201 .txtBox strong br{display:none;}
	.sub0201 .imgBox p br{display:none;}
	.sub0201 .txtBox strong{font-size:4rem; margin-bottom:40px;}
	.sub0201 .txtBox p{font-size:2rem}
	.sub0201 .txtBox p + p{margin-top:20px;}
	.sub0201 .br_x{display:block !important;}


	.sub0101 > .container {width:100%; flex-direction :column; align-items:center; }
	.sub0101_01 > .container .txtBox{width:100%; padding:0 20px}
	.sub0101_01 > .container .txtBox br{display:none;}
	.sub0101_02 > .container{gap:50px;}
	.sub0101_02 > .container + .container{margin-top:0;}
	.sub0101_05 > .container .txtBox{width:100%; padding:0 20px}
	.sub0101_05 > .container .txtBox br{display:none;}
	.sub0101_06 .container{gap:80px 0;}
	.sub0101_08 > .container .txtBox{width:100%;}
	.sub0101_08 > .container .txtBox p br{display:none;}
	.sub0101_10 .flexBox{flex-direction: column; gap:50px;}
	.sub0101_10 .flexBox > div{width:100%;}
	.sub0101_10.column2 .flexBox > div,
	.sub0101_10.column3 .flexBox > div{width:100%;}
	.sub0101_10 .flexBox > div .imgBox{ justify-content: center; width:100%;}
	.sub0101_10.column2 .flexBox,
	.sub0101_10.column2 .flexBox{gap:50px;}

	.sub0101_11 .newTable2{width:100%;}
	
	.certiBox > div .imgBox img{height:218px;}


	.imgBox_v2 {order: 1;}
}

@media (max-width:1350px) {
	.tnb{margin-left:20px;}
	.tnb .btns .btn{width: 140px; height: 55px; font-size: 2rem;}
	.tnb .btns{gap: 15px;}
	.tnb .btns .btn.adm{width:unset; font-size:1.6rem;}
	#header .gnb-pc-list > li > a{font-size:2rem;}
	#header h1.logo img{width:200px !important;}

	.subSection_wrap > div .num{font-size:7rem;}
	.subSection_wrap > div .tit{font-size:4rem;}

	.sub0101_title_wrap{padding: 30px ;}
	.sub0101_title_wrap h3{padding:25px 70px; }
	.sub0101_title_wrap h3 .num{font-size:9rem;}
	.sub0101_title_wrap h3 .name{ font-size:4rem; margin-top:20px;}
	.sub0101_02, .sub0101_06, .sub0101_08{padding:0;}
	.sub0101_07, .sub0101_10,
	.sub0101_09{padding:50px 30px;}
	.sub0101_04{padding: 50px;}
	.sub0101_05 > .container{gap:50px;}
	.sub0101_06 .container{gap:50px;}
	.sub0101_06 .container + .container{margin-top:50px;}
	.sub0101_06 .container.reverse{flex-direction:column-reverse;}
	.sub0101_06 .container > .txtBox{width:100%;}
	.sub0101_07 > div span,
	.sub0101_06 .container > .txtBox span{margin-top:40px;}
	.sub0101_10 .container{padding: 0px;}

	.sub0101_10.column3 .flexBox{gap:50px; padding:0 }
	.pdtb{padding:50px 30px !important;}
	.sub0101_11{padding:50px 30px;}
	.sub0101_11 .container{padding:0;}
	.sub0101_10.column2{padding:0 30px;}
	.sub0101_10.column2 .flexBox, .sub0101_10.column2 .flexBox{}
	.sub0101_10.column2 .flexBox > div{width:50%;}

	.sub0101_10 .flexBox{flex-direction : row;}
	.sub0101_10 .flexBox > div .imgBox img{width:100%;}

	
	.sub0401_top .imgbox{width:600px}
	.sub0401_top .txtbox .btxt{margin: 30px 0; }
	.sub0401_top .txtbox .btxt br{display:none; }
	.sub0401_top .txtbox .stxt .br_x{display:none}


	.sub0401_member ul li .txtbox{ margin-top:30px; font-size:2rem;}



	.certiBox{margin-top:80px; gap:20px; flex-wrap:wrap; justify-content: center;}
	.certiBox > div{width:25%; }
	.certiBox > div .imgBox p {display:flex; flex-direction : column;}
	.certiBox > div .imgBox img{height:auto;}
	.certiBox > div .imgBox{font-size:2rem;}


	.sub0401_account{height:auto; padding:150px 0;}

	.sub0401_account h3{font-size:5.5rem;}
	.sub0401_account .number{font-size: 2.2rem;}
	.sub0401_account .account_txtbtn{ flex-direction: column; align-items: flex-start; margin-top:30px; }
	.sub0401_account .account_txtbtn2{
		display: block;
	}
	.sub0401_account .account_txtbtn ul li{font-size: 2rem;}
	.sub0401_account .account_txtbtn a{margin:20px auto 0; font-size: 2rem;}
	

	.sub0101_10_v2{padding: 50px 15px;}
	.sub0101_10_v3 .container,
	.sub0101_10_v2 .container{padding: 0px !important;}
	.sub0101_10_v3{padding: 30px 15px !important;}
}


@media (max-width:1200px) {

	#header .gnb-pc-list > li {margin: 0 15px;}
	#header .gnb-pc-list > li > a{padding:10px 0;}

	#footerWrap > .container{font-size:1.6rem; line-height:2.4rem;}
	.sub0207 .imgBox{margin:100px 0;}
	
	.sub0204.bgBox{flex-wrap:wrap;}
	.sub0204.bgBox > div{width:100%;}
	.sub0204.bgBox > div > div{font-size: 1.8rem;}
	.sub0204.bgBox > div > div br{display:none;}
	/* .sub0204.bgBox > div > .imgBox_wrap{flex-direction : row;} */
	.sub0204.bgBox > div > .imgBox_wrap .imgBox{
		width:60%; 
		margin-top: 0 !important;
	}
	.sub0204_table{ margin-bottom:100px;}

	.sub0202{ flex-direction: column; width:100%;}
	.sub0202 .imgBox{width:100%;}
	.sub0202 .imgBox img{width:100%;}
	.sub0202 .txtBox{flex-direction:row;}	
	.sub0202 .txtBox > div{width:50%;}
	.sub0202 .txtBox > hr{display:none;}

	.sub0201_Top .btxt{font-size:3.6rem;}
	.sub0201_Top .stxt{font-size:2.4rem;}

	.sub0101_03{padding:80px 20px; }
	.sub0101_04 .imgBox {padding:0 20px; }
	.sub0101_04 .imgBox img{width:100%;}
	.sub0101_05 > .container .imgBox{width:100%; padding:0 ; }
	.sub0101_05 > .container .imgBox img{width:100%;}
	.sub0101_06 > .container .imgBox{width:100%; padding:0 ; }
	.sub0101_06 > .container .imgBox img{width:100%;}
	.sub0101_09 .imgBox{width:100%; padding:0 ; }
	.sub0101_09 .imgBox img{width:100%;}

	.sub0101_01 > .container .txtBox h4{font-size:3.6rem;}
	.sub0101_01 > .container .txtBox h4 .number{margin-right:10px; width:auto; font-size:4rem;}
	.sub0101_01 > .container .txtBox .txt{font-size:2rem; margin-left:60px;}
	.sub0101_02 > .container .txtBox h4{font-size:3.6rem; margin-bottom:20px;}
	.sub0101_02 > .container .txtBox .history_wrap li{font-size:2rem;}
	.sub0101_05 > .container .txtBox h4{font-size:3.6rem;}
	.sub0101_05 > .container .txtBox h4 .number{margin-right:10px; width:auto; font-size:4rem;}
	.sub0101_05 > .container .txtBox .txt{font-size:2rem; margin-left:60px;}
	.sub0101_05 > .container .txtBox h4{font-size:3.6rem; margin-bottom:20px;}
	.sub0101_06 .container > .txtBox{font-size:3rem;}
	.sub0101_07 > div span,
	.sub0101_06 .container > .txtBox span{font-size:2rem;}
	.sub0101_08 > .container .txtBox h4{font-size:3.6rem;}
	.sub0101_08 > .container .txtBox h4 .number{margin-right:10px; width:auto; font-size:4rem;}
	.sub0101_08 > .container .txtBox .txt{font-size:2rem; margin-left:60px;}
	.sub0101_08 > .container .txtBox h4{font-size:3.6rem; margin-bottom:20px;}
	.sub0101_09 .txtBox{font-size:3rem; line-height:5rem;}
	.sub0101_09 .txtBox span{margin-top:40px;}
	.sub0101_09 .imgBox{margin:50px 0;}
	.sub0101_10 > .container  h4{font-size:3.6rem;}
	.sub0101_10 > .container  h4 .number{margin-right:10px; width:auto;  font-size:4rem;}
	.sub0101_10 > .container .txtBox .txt{font-size:2rem; }
	.sub0101_10 > .container h4{font-size:3.6rem; margin-bottom:20px;}
	.sub0101_11 > .container  h4{font-size:3.6rem;}
	.sub0101_11 > .container  h4 .number{margin-right:10px; width:auto; font-size:4rem;}
	.sub0101_11 > .container .txtBox .txt{font-size:2rem; }
	.sub0101_11 > .container h4{font-size:3.6rem; margin-bottom:20px;}
	.sub0101_11 > .container  h4{font-size:3.6rem;}
	.sub0101_11 > .container  h4 .number{margin-right:10px; width:auto; font-size:4rem;}
	.sub0101_11 > .container .txtBox .txt{font-size:2rem; }
	.sub0101_11 > .container h4{font-size:3.6rem; margin-bottom:20px;}


	.newTable2 thead th{font-size: 1.5rem; padding: 10px 5px;}
	.newTable2 tbody td{font-size: 1.5rem; padding: 10px 5px;}

	
	.sub0401_top{gap:60px;}
	.sub0401_top .imgbox{width:500px}
	.sub0401_top .txtbox h3{font-size: 4.5rem; }
	.sub0401_top .txtbox .btxt{font-size: 3rem;}
	.sub0401_top .txtbox .stxt{font-size: 2rem;}


	.sub0401_account h3{font-size:4.5rem;}
	.sub0401_account .number, 
	.sub0401_account .account_txtbtn a{font-size: 2rem;}
	.sub0401_account .account_txtbtn ul li{font-size: 1.8rem;}

	.history_wrap::before, .history_wrap::after, 
	.history_wrap.last::after,
	.history_wrap h3::before{display:none;}
	
	.sub0210{margin:80px 0}
	.history_wrap{ margin-top: 100px; padding:0;}
	.history_wrap h3{font-size: 4.5rem; }
	.history_wrap .desc{font-size: 3.2rem; }
	.history_wrap ul{margin-top: 40px; gap: 40px;}
	.history_wrap ul li{width:calc( (100% - 40px) / 2 )}
	.history_wrap ul li .txtbox{font-size: 2rem; }
	.historyTxt_wrap{ padding: 70px 0; margin-top: 100px; height:auto}
	.historyTxt_wrap .txt{ font-size: 3.2rem;}
	.historyTxt_wrap .num{ font-size: 2rem;}





}

.gnb-m-wrap{display:none;}

@media (max-width:1024px) {

	.subTop{display:none; padding: 20px 15px 0;}
	#header{background:#fff !important;}
	.menu-over-bg{display:none !important;}
	.bgsub0201 + #sub-inner-wrap{padding:0 !important;}
	#gnb-m-list{display:none;}
	.subVisual{padding-top:80px;}
	
	/* .gnb-m-wrap{display:block;}
	.gnb-m-wrap h1{filter:brightness(0.1); margin:0 0 0 20px;} */
	#header h1.logo img{    width: 100px !important;}


	.subSection_wrap > div .num{font-size:5.5rem;}
	.subSection_wrap > div .tit{font-size:2.5rem;}
	.subSection_wrap > div{padding:20px 30px;}

	.sub0204.bgBox > div > .imgBox_wrap .imgBox{width:80%; }

	.certiBox{justify-content: space-between;}
	.certiBox > div{width:44%}
	.certiBox > div .imgBox p{font-size:1.6rem;}


}

@media (max-width:1000px) {
	.bgsub0201,
	.bgsub0202,
	.bgsub0203,
	.bgsub0204,
	.bgsub0205,
	.bgsub0206,
	.bgsub0207,
	.bgsub0208,
	.bgsub0209,
	.bgsub0210{height:700px;}


	.subVisual h2.subTitle{font-size:7rem;}

	#footerWrap > .container{font-size:1.4rem; line-height:2rem;}
	#footerWrap > .container .fInfo{margin-left:40px;}

	.subtabMenu{gap:30px; margin:100px 0;}
	.subtabMenu li{font-size:2.4rem}
	.sub0207_wrap{margin-bottom:80px;}
	.sub0207 h3{font-size:6rem; margin-bottom:75px;}
	.sub0207 .txtBox{line-height:1.6;}
	.sub0207 .txtBox > strong{font-size:4rem; margin-bottom:80px;}
	.sub0207 .txtBox > p{font-size:2rem}
	.sub0207 .imgBox{margin:80px 0;}

	.sub0401_top{margin:0 0 100px ;}
	.sub0401_member{padding:140px 0;}


	.hebrews{font-size:3rem; padding:80px 0;}
	.hebrews br{}
	.hebrews > span{font-size:2.4rem; padding-left:0; display:block;}
	.sub0204.bgBox{margin-bottom:80px;}
	.sub0204.bgBox > div > h3{font-size:2.4rem;}
	.sub0204.bgBox > div > div{font-size:2rem;}
	.sub0204_table{width:100%; margin-bottom:75px;}
	.sub0204_table > h3{font-size: 3rem;}

	.sub0203{margin:100px 0;}
	.sub0203 .txtBox_wrap{padding:0}
	.sub0203 .txtBox_wrap .titleBox{padding:30px; width:auto;}
	.sub0203 .txtBox_wrap .txtBox > div{display: flex;align-items: center;gap: 20px;flex-direction: column;align-items: flex-start;}
	.sub0203 .txtBox_wrap .txtBox > div > h3{font-size:3rem;}
	.sub0203 .txtBox_wrap .txtBox > div > p{font-size:2rem}

	.sub0203 .txtBox_wrap .txtBox > div > ul{font-size:2rem}
	.sub0203 .txtBox_wrap .titleBox{margin:40px 0 0 0;}
	.sub0203 .txtBox_wrap .txtBox{margin-top:40px;}
	.sub0203 .txtBox_wrap .titleBox .ko{font-size:4rem;}
	.sub0203 .txtBox_wrap .titleBox .en{font-size:2rem;}

	.sub0201,
	.sub0202{margin:80px 0;}
	.sub0202 .txtBox{padding: 0}
	.sub0202 .txtBox > div > h3{font-size:2.4rem;}
	.sub0202 .txtBox > div > p{font-size:2rem;}
	.sub0202 .txtBox > div > p.desc{font-size:1.6rem;}


	.subVisual h2.subTitle{ font-size: 6rem; }
	.bgsub0201 .subVisual_txt{margin-top:50px;}
	.bgsub0201 .subVisual_txt .stxt{ font-size: 2.4rem;}
	.bgsub0201 .subVisual_txt .btxt{ font-size: 3.6rem; margin-top: 30px;}
	.bgsub0201 .subVisual_txt .btxt br{display:none;}
	
	.bgsub0401 .subVisual_txt{font-size: 3.6rem; margin-top: 50px;}
	/* .bgsub0401 .subVisual_txt br{display:none;} */


	.sub0201 .txtBox strong{font-size:3rem; margin-bottom:30px;}
	.sub0201 .txtBox p{font-size:1.6rem}



	.sub0401_top{gap:30px;}
	.sub0401_top .imgbox{width:400px}
	.sub0401_top .txtbox h3{font-size: 4rem; }
	.sub0401_top .txtbox .btxt{font-size: 2.4rem;}
	.sub0401_top .txtbox .stxt{font-size: 1.6rem; line-height:1.6;}

	.sub0401_member{padding:100px 0;}
	.sub0401_member h3{font-size:4rem;}
	.sub0401_member ul {margin-top:100px}
	.sub0401_member ul li .txtbox{font-size:1.6rem; margin-top:30px;}
	.sub0401_member ul li .imgbox img{height:60px}

	
	.sub0401_account h3{font-size:4rem;}
	.sub0401_account .number{font-size: 1.8rem;}
	.sub0401_account .account_txtbtn ul li{font-size: 1.86rem;}



}
@media (max-width:992px) {
	.gnb-m-wrap{display:block;}
	.gnb-m-wrap h1{filter:brightness(0.1); margin:0 0 0 20px;}
	.gnb-m-wrap #gnb-m-list > ul {
		display: flex;
		flex-direction: column;
		margin-top:65px;
		border-top:1px solid rgba(255,255,255,.2);
	}
	.gnb-m-wrap #gnb-m-list > ul{
		margin-top:55px;
	}
	.gnb-m-wrap #gnb-m-list > ul > li.sub03{display: none;}
	.gnb-m-wrap #gnb-m-list > ul > li.sub01{order: -3;}
	.gnb-m-wrap #gnb-m-list > ul > li.sub02{order: -2;}
	.gnb-m-wrap #gnb-m-list > ul > li.sub05{order: -1;}
	.gnb-m-wrap #gnb-m-list > ul > li.sub05 > a.dp1 > i {display: none;}
	.gnb-m-wrap #gnb-m-list > ul > li.sub05 > .dp2-box{display: none !important;}
}
@media (max-width:900px) {
	.bgsub0201,
	.bgsub0202,
	.bgsub0203,
	.bgsub0204,
	.bgsub0205,
	.bgsub0206,
	.bgsub0207,
	.bgsub0208,
	.bgsub0209,
	.bgsub0210{height:650px;}

	.subVisual h2.subTitle{font-size:6rem;}
	.sub0207 .imgBox{margin:60px 0;}
	.sub0207 .txtBox > p + p{margin-top:40px;}

	.sub0204.bgBox{padding:30px;}
	.sub0202{margin:80px 0;}
	#footerWrap > .container{flex-wrap:wrap; gap:15px 0; padding:30px; }
	#footerWrap > .container .fLogo {text-align:center; width:100%;}
	#footerWrap > .container .fInfo {width:100%; margin-left:0; text-align:center;}
	#footerWrap > .container .fCopy{width:100%; text-align:center;}


	.subVisual h2.subTitle{ font-size: 5rem; }
	.bgsub0201 .subVisual_txt{margin-top:50px; padding:0 20px}
	.bgsub0201 .subVisual_txt .stxt{ font-size: 2rem;}
	.bgsub0201 .subVisual_txt .btxt{ font-size: 3rem;}
	.sub0201_Top{padding:100px 20px; height:auto; gap:50px;}
	.sub0201_sign{gap:40px; margin-bottom:40px;}
	.sub0201_sign .position{ font-size: 2rem;}
	.sub0201_sign .sign{ font-size: 2.4rem;}
	.sub0201_sign .sign img{height:100px}


	.bgsub0401 .subVisual_txt{font-size: 3rem; margin-top: 50px; padding:0 20px}


	.sub0101_01,.sub0101_05{padding: 60px 0;}


	.sub0101_01 > .container .imgBox{width:100%; padding-left: 20px; padding-right: 20px;}
	.sub0101_01 > .container .imgBox img{width:100%;}

	.sub0101_01 > .container .txtBox h4{font-size:3rem;}
	.sub0101_01 > .container .txtBox h4 .number{margin-right:0; font-size:3.6rem;}
	.sub0101_01 > .container .txtBox .txt{font-size:1.8rem; margin-left:60px;}

	.sub0101_02 > .container .txtBox h4{font-size:3rem; margin-bottom:20px;}
	.sub0101_02 > .container .txtBox .history_wrap li{font-size:2rem;}
	
	.sub0101_05 > .container .txtBox h4 .number{margin-right:0; font-size:3.6rem;}
	.sub0101_05 > .container .txtBox .txt{font-size:1.8rem; margin-left:60px;}
	.sub0101_05 > .container .txtBox h4{font-size:3rem; margin-bottom:20px;}
	
	.sub0101_06 .container > .txtBox{font-size:2.4rem;}
	.sub0101_06 .container > .txtBox span{font-size:2rem;}
	
	.sub0101_08 > .container .txtBox h4{font-size:3rem; margin-bottom:20px;}
	.sub0101_08 > .container .txtBox h4 .number{margin-right:0; font-size:3.6rem;}
	.sub0101_08 > .container .txtBox .txt{font-size:1.8rem; margin-left:60px;}
	
	.sub0101_01 > .container .imgBox{font-size:1.6rem}

	.sub0101_09 .txtBox{font-size:3rem; line-height:5rem;}
	.sub0101_09 .txtBox span{margin-top:40px;}
	.sub0101_09 .imgBox{margin:50px 0;}
	
	.sub0101_10 > .container h4{font-size:3rem; margin-bottom:20px;}
	.sub0101_10 > .container  h4 .number{margin-right:20px; font-size:3.6rem;}
	.sub0101_10 > .container .txtBox .txt{font-size:1.8rem; }
	
	.sub0101_11 > .container h4{font-size:3rem; margin-bottom:20px;}
	.sub0101_11 > .container  h4 .number{margin-right:20px; font-size:3.6rem;}
	.sub0101_11 > .container .txtBox .txt{font-size:1.8rem; }

	.sub0101_11 > .container h4{font-size:3rem; margin-bottom:20px;}
	.sub0101_11 > .container  h4 .number{margin-right:20px; font-size:3.6rem;}
	.sub0101_11 > .container .txtBox .txt{font-size:1.8rem; }

	.sub0101_03 > div{font-size:2.4rem;}
	.sub0101_07 > div{font-size:2.4rem;}
	.sub0101_07 > div span{margin-top:40px;}


	.sub0401_top{flex-wrap:wrap; flex-direction:column}
	.sub0401_top .imgbox{max-width:700px; width:100%;}
	.sub0204.bgBox > div > .imgBox_wrap .imgBox{width:100%; }
}

@media (max-width:768px) {



	.bgsub0202,
	.bgsub0203,
	.bgsub0204,
	.bgsub0205,
	.bgsub0206,
	.bgsub0207,
	.bgsub0208,
	.bgsub0209,
	.bgsub0210{height:400px;}

	.subVisual h2.subTitle{font-size:5rem;}

	.subtabMenu{gap:20px; flex-wrap:wrap; margin:80px 0;}
	.subtabMenu li{font-size:2rem; width:calc( 50% - 20px);}
	.sub0207 h3{font-size:5rem; margin-bottom:60px;}
	.sub0207 .txtBox > strong{font-size:3rem; margin-bottom:60px;}
	.sub0207 .txtBox > p{font-size:1.6rem}
	.sub0207 .imgBox{margin:40px 0;}
	.sub0207 .br-md{display: block;}

	.hebrews{font-size:2.2rem; padding:60px 0;}
	.sub0204.bgBox{margin-bottom:60px; padding:15px;}
	.sub0204.bgBox > div > h3{font-size:2rem;}
	.sub0204.bgBox > div > div{font-size:1.6rem;}
	.sub0204_table > h3{font-size: 2.4rem; margin-bottom: 20px;}
	.sub0204_table{ margin-bottom:60px;}
	.newTable thead th{ font-size: 1.6rem; padding:10px 5px;}
	.newTable tbody td{ font-size: 1.6rem; padding:10px 5px;}


	.sub0203{margin:60px 0;}
	.sub0203 .txtBox_wrap .txtBox > div > h3{font-size:2.4rem;}
	.sub0203 .txtBox_wrap .txtBox > div > p{font-size:1.6rem}
	.sub0203 .txtBox_wrap .txtBox > div > ul{font-size:1.6rem}
	.sub0203 .txtBox_wrap .titleBox{padding:20px 30px}
	.sub0203 .txtBox_wrap .titleBox .ko{font-size:3rem;}
	.sub0203 .txtBox_wrap .titleBox .en{font-size:2.4rem;}

	.sub0101_10 .flexBox > div .imgBox p{font-size:1.6rem}

	.sub0201_Top .btxt{font-size:3rem;}
	.sub0201_Top .btxt br{display:none;}
	.sub0201_Top .stxt{font-size:2rem;}
	.sub0201_Top .stxt br{display:none;}

	
   .sub0201{ flex-direction: column;}
   
	.sub0201 .txtBox strong{margin-top:0 !important;}
	.sub0201{margin:30px 0;}
	.sub0201 .imgBox{width:100%;}
	.sub0201 .txtBox{width:100%;}
	.sub0201.reverse{
		/* flex-direction:column-reverse;  */
		margin-top:50px;
	}

	.sub0201_sign{ flex-direction: column; gap:0; margin-top:50px;}




	.sub0101_01 > .container{gap: 50px;}
	.sub0101_01 > .container .imgBox{width:100%; padding-left: 20px; padding-right: 20px;}
	.sub0101_01 > .container .imgBox img{width:100%;}

	.sub0101_01 > .container .txtBox h4{font-size:2.4rem;}
	.sub0101_01 > .container .txtBox h4 .number{margin-right:10px; font-size:3rem;}
	.sub0101_01 > .container .txtBox .txt{font-size:1.6rem; margin-left:60px;}

	.sub0101_02 > .container .imgBox{margin-top:20px;}
	.sub0101_02 > .container .txtBox h4{font-size:2.4rem; margin-bottom:20px;}
	.sub0101_02 > .container .txtBox .history_wrap li{font-size:1.6rem;}
	
	.sub0101_05 > .container{gap:20px;}
	.sub0101_05 > .container .txtBox h4 .number{margin-right:10px; font-size:3rem;}
	.sub0101_05 > .container .txtBox .txt{font-size:1.6rem; margin-left:60px;}
	.sub0101_05 > .container .txtBox h4{font-size:2.4rem; margin-bottom:20px;}
	
	.sub0101_06 > .container{gap:20px;}
	.sub0101_06 .container > .txtBox{font-size:2rem;}
	.sub0101_06 .container > .txtBox span{font-size:1.6rem;}
	
	.sub0101_08 > .container{gap: 40px;}
	.sub0101_08 > .container .txtBox h4{font-size:2.4rem; margin-bottom:20px;}
	.sub0101_08 > .container .txtBox h4 .number{margin-right:10px; font-size:3rem;}
	.sub0101_08 > .container .txtBox .txt{font-size:1.6rem; margin-left:60px;}
	
	.sub0101_01 > .container .imgBox{font-size:1.6rem}

	.sub0101_09 .txtBox{font-size:2rem; line-height:4rem;}
	.sub0101_09 .txtBox br:not(.br_x){display:none;}
	.sub0101_09 .txtBox span{margin-top:40px; font-size:1.6rem;}
	.sub0101_09 .imgBox{margin:30px 0;}

	
	.sub0101_10 > .container h4{font-size:2.4rem; margin-bottom:20px;}
	.sub0101_10 > .container  h4 .number{margin-right:10px; font-size:3rem;}
	.sub0101_10 > .container h4 div p{font-size:1.8rem;}
	.sub0101_10 > .container .txtBox .txt{font-size:1.6rem; }
	.sub0101_10.column2 .flexBox + .flexBox {margin-top: 50px;}
	
	.sub0101_11 > .container h4{font-size:2.4rem; margin-bottom:20px;}
	.sub0101_11 > .container  h4 .number{margin-right:10px; font-size:3rem;}
	.sub0101_11 > .container .txtBox .txt{font-size:1.6rem; }

	.sub0101_11 > .container h4{font-size:2.4rem; margin-bottom:20px;}
	.sub0101_11 > .container  h4 .number{margin-right:10px; font-size:3rem;}
	.sub0101_11 > .container .txtBox .txt{font-size:1.6rem; }

	.sub0101_03 > div{font-size:2.4rem;}
	.sub0101_07 > div{font-size:2.4rem;}
	.sub0101_07 > div span{margin-top:40px; font-size:1.6rem;}


	.sub0101_04 .imgBox p{ font-size:1.6rem;}





	.subSection_wrap > div .num{font-size:4.5rem;}
	.subSection_wrap > div .tit{font-size:2rem;}

	.sub0101_title_wrap h3 .num{font-size:7rem;}
	.sub0101_title_wrap h3 .name{ font-size:2rem; margin-top:20px;}

	.sub0101_10 .flexBox{flex-direction: column;}
	.sub0101_10.column2 .flexBox > div{width:100%;}



	.sub0401_member{padding:100px 0;}
	.sub0401_member ul {
        flex-wrap: wrap;
        margin-top: 100px;
        flex-direction: column;	
	}
	.sub0401_member ul li{width:100%; border-right:0; border-bottom:1px solid #fff; padding-bottom:30px; margin-bottom:30px;}
	
	.sub0401_member ul li:nth-last-of-type(1){border-bottom:0; margin-bottom:0; padding-bottom:0;}
	.sub0401_member ul li .txtbox{font-size:2.2rem; }
	.sub0401_member ul li .imgbox img{height:80px}



	.history_wrap h3{font-size: 3rem; }
	.history_wrap .desc{font-size: 2.2rem; }
	.history_wrap ul{margin-top: 40px; gap: 40px;}
	.history_wrap ul li{width:calc( (100% - 40px) / 2 )}
	.history_wrap ul li .txtbox{font-size: 1.6rem; }
	.historyTxt_wrap{ padding: 30px 0;  height:auto}
	.historyTxt_wrap .txt{ font-size: 2.2rem;}
	/* .historyTxt_wrap .txt br{display:none;} */
	.historyTxt_wrap .num{ font-size: 1.8rem;}


	.history_wrap ul{margin-top: 40px; gap: 40px;}
	.history_wrap ul li{width:100%}
	.historyTxt_wrap{ padding: 30px 0;  height:auto}

	.tableBox table,
	.tableBox img{min-width: 768px;}
	.scrollInfo{
		display: block;
		margin-bottom: 10px;
		color: #000 ;
	}
}





@media (max-width:500px) {
	.sub0203 .txtBox_wrap .txtBox > div > ul > li{display:block;}
	.sub0203 .txtBox_wrap .txtBox > div > ul > li + li{margin-top:20px;}
	.sub0203 .txtBox_wrap .txtBox > div > ul > li p{margin:0; font-weight:500}
	.sub0203 .txtBox_wrap .txtBox > div > ul > li br{display:none;}
	.sub0203 .txtBox_wrap .txtBox > div > p br{display:none;}

	
	.sub0202{ }
	.sub0202 .txtBox{flex-direction:column;}	
	.sub0202 .txtBox > div{width:100%;}
	.sub0202 .txtBox > hr{display:block; margin:0 auto; width:calc(100% - 40px)}

	.sub0201_Top .btxt{font-size:2.4rem;}
	.sub0201_Top .stxt{font-size:1.6rem;}

	.sub0101_02 > .container .imgBox{width:100%; padding:0 20px}
	.sub0101_02 > .container .imgBox img{width:100%; }

	
	.sub0101_03 > div{font-size:2rem;}
	.sub0101_07 > div{font-size:2rem; line-height:4rem;}
	.sub0101_04{padding:30px 0}
	
	
	
	.sub0101_01 > .container .txtBox{ padding:0 }
	.sub0101_05 > .container .txtBox{padding:0 }
	
	
	.sub0101_10.column2 .flexBox, 
	.sub0101_10.column2 .flexBox{gap:20px;}
	.sub0101_10.column3 .flexBox{gap:0px;}
	.sub0101_10.column3 .img-container{margin-bottom: 20px;}


}
@media (max-width:440px) {

	#footerWrap > .container .fLogo img{height:60px;}

	.bgsub0202,
	.bgsub0203,
	.bgsub0204,
	.bgsub0205,
	.bgsub0206,
	.bgsub0207,
	.bgsub0208,
	.bgsub0209,
	.bgsub0210{height:300px;}

	.subVisual h2.subTitle{font-size:4rem;}

	.sub0207 h3{font-size:4rem; margin-bottom:45px;}
	.sub0207 .txtBox > strong{font-size:2rem; margin-bottom:40px;}
	/* .sub0207 .txtBox > p{font-size:1.4rem} */
	.sub0207 .txtBox > p .br_o{display:block;}
	.sub0207 .txtBox > p .br_x{display:none;}

	.sub0204.bgBox{margin-bottom:40px; padding:20px;}
	.hebrews{font-size:2rem; padding:40px 0;}
	.hebrews > span{font-size:1.6rem; }

	.sub0204.bgBox > div > .imgBox_wrap{ flex-direction:column; margin-bottom:0;}
	.sub0204.bgBox > div > .imgBox_wrap .imgBox{width:100%; }
	.sub0204.bgBox > div > .imgBox_wrap .imgBox + .imgBox{margin-top:40px;}
	.sub0204_table{ margin-bottom:40px;}


	.sub0101_01 > .container .txtBox .txt{margin-left:0}
	.sub0101_05 > .container .txtBox .txt{margin-left:0}
	.sub0101_08 > .container .txtBox .txt{margin-left:0}

	.sub0204.bgBox > div > .imgBox_wrap .imgBox_v2{
		display: block;
	}
	.sub0204.bgBox > div > .imgBox_wrap .imgBox_v2 > div{width: 100% !important;}
	.sub0204.bgBox > div > .imgBox_wrap .imgBox_v2 > div + div{margin-top: 20px;}
	.sub0204.bgBox > div > .imgBox_wrap .imgBox_v2 > div img{width: 60%;}
}


@media (max-width:320px) {


}





/*section_notice*/
.section_notice{}
.section_notice #paging{
	margin-top:20px;
}
@media(max-width:991.98px){
	.section_notice{}
}
@media(max-width:767.98px){
	.section_notice{padding-top:60px;padding-bottom:60px}
}



/*.bgsub0301*/
.bgsub0301{}
.bgsub0301 .subTitle{margin-bottom:20px; text-align:center;}
.bgsub0301 .subTitle small{display:block; font-size:2.8rem; color:#fefefe; font-weight:300;margin-top:30px;}
.bgsub0301 .form_container{
	border-radius:10px;
	max-width:900px;
	width:100%;
	margin:0 auto;
	margin-top:50px;
	padding:0 20px;
}
.bgsub0301 .form_container .form_group{
	display:flex;
	gap:0 50px;
	align-items: center;
	margin:60px 0;
}
.bgsub0301 .form_container .form_group p{
	width:150px;
	display:flex;
	justify-content: space-between;
	align-items: center;
	color:#fff;
	flex-shrink: 0;
	font-size:2.4rem;
	margin:0;
}
.bgsub0301 .form_container .form_group div{
	width:100%;
}
.bgsub0301 .form_container .form_group div input{
	height:70px;
	background:rgba(255,255,255,.8);
	border-radius:0;
	font-size:2.2rem;
	font-weight:300;
	padding:0 20px;
}
.bgsub0301 .form_container .btn_group{
	text-align:center;
	margin-top:8rem;
}
.bgsub0301 .form_container .btn_group button{
	background:#21633c;
	color:#fff;
	height:70px;
	width:140px;
	font-size:2.6rem;
	border:none;
}	
@media(max-width:767.98px){
	.bgsub0301 .subTitle{margin-bottom:20px; text-align:center; font-size:3rem;}
	.bgsub0301 .subTitle small{ font-size:2rem; }

	.bgsub0301 .form_container .form_group{
		gap:0 20px;
	}
	.bgsub0301 .form_container .form_group p{
		width:110px;
		font-size:1.8rem;
	}
	.bgsub0301 .form_container .form_group div{
		width:100%;
	}
	.bgsub0301 .form_container .form_group div input{
		height:60px;
		font-size:1.8rem;
		padding:0 15px;
	}
	.bgsub0301 .form_container .btn_group button{
		height:60px;
		font-size:2rem;
	}	
}
@media(max-width:576.98px){
	.bgsub0301 .subTitle{margin-bottom:20px; text-align:center; font-size:2.6rem;}
	.bgsub0301 .form_container .form_group{
		margin:20px 0;
	}
	.bgsub0301 .form_container .btn_group{
		margin-top:4rem;
	}	
}



/* 봉헌확인 */
.sub0301_view .gb_font{
	line-height: 1.3;
	font-family: 'Gyeonggi_Batang_Regular';
}
.sub0301_view .con_area{
	max-width: 1640px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
.sub0301_view .sec01{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 800px;
	background: url(../images/sub03/view_img1.jpg) no-repeat center center / cover;
}
.sub0301_view .sec01 h2{
	font-size: 8rem;
	font-weight: 600;
	color: #fff;
}
.sub0301_view .sec02{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 625px;
	text-align: center;
	background: url(../images/sub03/view_img2.jpg) no-repeat center center / cover;
}
.sub0301_view .sec02 h3{
	margin-bottom: 7rem;
	font-size: 5rem;
	font-weight: bold;
	color: #006837;
}
.sub0301_view .sec02 p{
	line-height: 1.6;
	font-size: 2.4rem;
	color: #000;
}
.sub0301_view .sec03{
	padding: 19rem 0 13rem;
	color: #fff;
	background: url(../images/sub03/view_img3.jpg) no-repeat center center / cover;
}
.sub0301_view .sec03 h3{
	position: relative;
	padding-left: 3.5rem;
	font-size: 8rem;
	font-weight: bold;
}
.sub0301_view .sec03 h3 span{
	position: absolute;
	top: 0; left: 0;
}
.sub0301_view .sec03 h4{
	margin: 13rem 0 9rem;
	font-size: 5rem;
}
.sub0301_view .sec03 p:not(.gb_font){
	margin-bottom: 5rem;
	font-size: 3.6rem;
	font-weight: 400;
}
.sub0301_view .sec03 p.gb_font{
	line-height: 1.8;
	font-size: 5rem;
	font-weight: 600;
}
.sub0301_view .sec04{
	padding: 185px 0 100px;
	background: url(../images/sub03/view_img4.jpg) no-repeat left top / cover;
}
.sub0301_view .sec04 .inner{
	width: 55%;
	margin-left: auto;
}
.sub0301_view .sec04 .inner p{
	margin-bottom: 0;
	font-size: 3.6rem;
	font-weight: 500;
}
.sub0301_view .sec04 .inner dl{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6rem;
	margin: 16rem 0 13rem;
	padding-right: 16.5rem;
	color: #333333;
}
.sub0301_view .sec04 .inner dt{font-size: 2.4rem;}
.sub0301_view .sec04 .inner dd{
	position: relative;
	font-size: 3.6rem;
	font-weight: bold;
}
.sub0301_view .sec04 .inner dd span{
	position: absolute;
	top: 50%; right: -16.5rem;
	transform: translateY(-50%);
}
.sub0301_view .sec04 .btns{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
}
.sub0301_view .sec04 .btns a{
	display: inline-block;
	width: 30.5rem;
	padding: 2rem;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
	color: #fff;
	background: #262d68;
}
@media(max-width:1500px){
	.sub0301_view .sec03 h4 br,
	.sub0301_view .sec03 p:not(.gb_font) br{display: none;}
}
@media(max-width:1024px){
	.sub0301_view .sec01{height: 600px;}

	.sub0301_view .sec03 h3,
	.sub0301_view .sec01 h2{font-size: 7rem;}

	.sub0301_view .sec02{height: 500px;}
	.sub0301_view .sec03{padding: 17rem 0 13rem;}
	.sub0301_view .sec03 h4{margin: 10rem 0 7rem;}

	.sub0301_view .sec04{padding: 400px 0 80px;}
	.sub0301_view .sec04 .inner{width: 100%;}
	.sub0301_view .sec04 .inner p{line-height: 1.8;}
	.sub0301_view .sec04 .inner .br1{display: none;}
	.sub0301_view .sec04 .inner dl {margin: 8rem 0;}
}
@media(max-width:992px){
	.sub0301_view .sec01{height: 500px; padding-top: 7.5rem;}

	.sub0301_view .sec03 h3,
	.sub0301_view .sec01 h2{font-size: 6rem;}

	.sub0301_view .sec02{height: 400px;}
	.sub0301_view .sec02 h3{
		margin-bottom: 5rem;
		font-size: 4rem;
	}
	.sub0301_view .sec02 p{font-size: 2rem;}
	.sub0301_view .sec03{padding: 15rem 0 11rem;}
	.sub0301_view .sec03 h4{
		margin: 8rem 0 5rem;
		font-size: 4rem;
	}
	.sub0301_view .sec03 p:not(.gb_font){
		margin-bottom: 4rem;
		font-size: 3rem;
	}
	.sub0301_view .sec03 p.gb_font{font-size: 4rem;}

	.sub0301_view .sec04 .inner p{font-size: 3rem;}
	.sub0301_view .sec04 .inner dl{
		gap: 4rem;
		padding-right: 12rem;
	}
	.sub0301_view .sec04 .inner dt{font-size: 2rem !important;}
	.sub0301_view .sec04 .inner dd{font-size: 3rem !important;}
	.sub0301_view .sec04 .inner dd span{right: -12rem;}
	.sub0301_view .sec04 .inner dd span img{width: 20rem;}
	.sub0301_view .sec04 .btns a{
		width: 28rem;
		padding: 1.5rem;
		font-size: 2rem;
	}
}
@media(max-width:768px){
	.sub0301_view .sec01{height: 400px;}
	.sub0301_view .sec01 h2{font-size: 5rem;}
	.sub0301_view .sec02{height: 300px;}
	.sub0301_view .sec02 h3{
		margin-bottom: 4rem;
		font-size: 3.5rem;
	}
	.sub0301_view .sec02 p{font-size: 1.8rem;}
	.sub0301_view .sec03{padding: 13rem 0 9rem;}
	.sub0301_view .sec03 h3{
		padding-left: 2.5rem;
		font-size: 4.5rem;
	}
	.sub0301_view .sec03 h3 br{display: none;}
	.sub0301_view .sec03 h4{
		margin: 6rem 0 4rem;
		font-size: 3.5rem;
	}
	.sub0301_view .sec03 p:not(.gb_font){
		margin-bottom: 3rem;
		font-size: 2.5rem;
	}
	.sub0301_view .sec03 p.gb_font{font-size: 3.5rem;}

	.sub0301_view .sec04 .inner p{font-size: 2.5rem;}
	.sub0301_view .sec04 .inner dl{
		gap: 3rem;
		margin: 6rem 0;
		padding-right: 10rem;
	}
	.sub0301_view .sec04 .inner dt{font-size: 1.8rem !important;}
	.sub0301_view .sec04 .inner dd{font-size: 2.5rem !important;}
	.sub0301_view .sec04 .inner dd span{right: -10rem;}
	.sub0301_view .sec04 .inner dd span img{width: 18rem;}
	.sub0301_view .sec04 .btns a{
		width: 26rem;
		padding: 1.5rem;
		font-size: 1.8rem;
	}
}
@media(max-width:575px){
	.sub0301_view .sec01{height: 350px;}
	.sub0301_view .sec01 h2{font-size: 4.5rem;}
	.sub0301_view .sec02{height: 250px;}
	.sub0301_view .sec02 h3{
		margin-bottom: 2.5rem;
		font-size: 3rem;
	}
	.sub0301_view .sec02 p br{display: none;}
	.sub0301_view .sec03{padding: 9rem 0 7rem;}
	.sub0301_view .sec03 h3{font-size: 4rem;}
	.sub0301_view .sec03 h4{
		margin: 5rem 0 3rem;
		font-size: 3rem;
	}
	.sub0301_view .sec03 p:not(.gb_font){
		margin-bottom: 2.5rem;
		font-size: 2rem;
	}
	.sub0301_view .sec03 p.gb_font{font-size: 3rem;}

	.sub0301_view .sec04 {
		padding: 250px 0 60px;
		background-position:left 13% top;
	}
	.sub0301_view .sec04 .inner p{font-size: 2rem;}
	.sub0301_view .sec04 .inner dl{
		gap: 2rem;
		margin: 3rem 0 4.5rem;
		padding-right: 8rem;
	}
	.sub0301_view .sec04 .inner dd{font-size: 2rem !important;}
	.sub0301_view .sec04 .inner dd span{right: -8rem;}
	.sub0301_view .sec04 .inner dd span img{width: 14rem;}
	.sub0301_view .sec04 .btns{gap: 1rem; align-items: unset;}
	.sub0301_view .sec04 .btns a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		padding: 1rem;
	}
}


.sub0301_ck{padding-top: 80px;}
.sub0301_ck h2.subTitle {font-size: 5rem;}
.sub0301_ck .subTitle small {
	font-size: 2.2rem;
	margin-top: 20px;
}
.sub0301_ck .form_container .form_group{margin: 30px 0;}
.sub0301_ck .form_container .form_group1{margin-top: 0;}
.sub0301_ck .form_container .btn_group {margin-top: 4rem;}
.sub0301_ck .form_container .form_group div input {
	height: 60px;
	font-size: 2rem;
}



/* 오시는길 추가 css */
.sub0203 .txtBox .add{
  display: flex;
  justify-content: start;
  gap: 8px;
  font-size: 24px;
}
.sub0203 .txtBox .add .tit{
  white-space: nowrap;
  width:fit-content;
}
@media (max-width:1000px){
  .sub0203 .txtBox .add{
    font-size: 20px;
  }
}
@media (max-width:768px){
  .sub0203 .txtBox .add{
    font-size: 16px;
  }
  .sub0203 .txtBox .add p{
    white-space: nowrap;
  }
}
@media (max-width:500px){
  .sub0203 .mo_b{
    display: block;
  }
  .sub0203 .mo_bb{
    display: none;
  }
}




/* 십자가의 길 */
.bgsub0501{
	height: 100vh;
	background: url(../images/sub05/bg.jpg) no-repeat center center / cover;
}
.subVisual.bgsub0501 h2.subTitle {
	font-size: 8rem;
	letter-spacing: -2px;
}
.sub0501_Top {
	padding: 14rem 0 12rem;
	text-align: center;
	background: rgba(217, 227, 221, .6)
}
.sub0501_Top h3{
	line-height: 1;
	font-size: 8rem;
	font-weight: 500;
	letter-spacing: -2px;
}
.sub0501_Top .bx{
	position: relative;
	margin: 9.5rem 0 11rem;
	padding: 12rem 0;
}
.sub0501_Top .bx::before,
.sub0501_Top .bx::after{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	max-width: 54.8rem;
	width: 100%;
	height: 5px;
	background: #9fa0a0;
}
.sub0501_Top .bx::before{top: 0;}
.sub0501_Top .bx::after{bottom: 0;}
.sub0501_Top .bx > .img_wrap{
	display: flex;
	justify-content: center;
	gap: 4.5rem;
	font-size: 2.2rem;
	font-weight: 300;
}
.sub0501_Top .bx > .img_wrap > div{
	max-width: calc((100%/3) - 4rem);
	width: 33.8rem;
}
.sub0501_Top .bx img{
	width: 100%;
	margin-bottom: 2rem;
}
.sub0501_Top .txt1{
	margin: 0px auto;
	margin-bottom: 8rem;
	line-height: 1.3;
	font-size: 5rem;
	font-weight: 600;
	letter-spacing: -1.25px;
	width: fit-content;
	text-align: left;
}
.sub0501_Top .txt1 .wrap{
	display: flex;
	align-items: start;
	gap: 1.5rem;
}
.sub0501_Top .txt1 .wrap p:first-child{
	width: 7%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sub0501_Top .txt1 .wrap p:last-child{
	width: calc(100% - 7% - 1.5rem);
}
.sub0501_Top .txt1 span{
	display: flex;
	align-items: center;
}
.sub0501_Top .txt1 i{
	font-size: inherit;    
	color: transparent;  
	/* 테두리 두께와 색상 */
    -webkit-text-stroke: 2px black;        
	/* (브라우저 지원 한정) */
    text-stroke: 2px black;
	margin-top: 0.45rem;
}
.sub0501_Top .fa-solid {
	position: relative;
	width: var(--fa-width, 1em) !important;
}
.sub0501_Top .txt2{
	margin: 0;
	line-height: 1.4;
	font-size: 3rem;
	font-weight: 500;
	letter-spacing: -0.75px;
	text-align: left !important;
	margin:0px auto;
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media (max-width: 1200px){
}
@media (max-width:992px){
}
@media (max-width: 768px){
	.sub0501_Top .txt1 .wrap{
		gap: 1rem;
	}
	.sub0501_Top .txt1 .wrap p:last-child{
		width: calc(100% - 7% - 1rem);
	}
	.sub0501_Top .txt1 i{
		margin-top: 0.3rem;
	}
}
@media (max-width: 500px){
	.sub0501_Top .txt1 i{ 
		/* 테두리 두께와 색상 */
		-webkit-text-stroke: 1px black;        
		/* (브라우저 지원 한정) */
		text-stroke: 1px black;  
	}
}

.sub0501{
	padding: 10rem 0 9.5rem;
	background: rgba(255, 249, 238, .6);
}
.sub0501.bgBx{
	background: #f5f1e9;
}
.sub0501 .bx1{
	margin-bottom: 6.5rem;
	padding: 5rem 0;
	line-height: 1.3;
	text-align: center;
	font-size: 6rem;
	font-weight: 500;
	letter-spacing: -1.5px;
	background: #bfcfc6;
}
.sub0501 .bx2{
	display: flex;
	align-items: flex-start;
	gap: 12.7rem;
}
.sub0501 .bx2 img{
	flex-shrink: 0;
	width: 40.3rem;
}
.sub0501 .bx2 div{
	width: 100%;
}
.sub0501 .bx2 .txt1{
	margin: 0;
	line-height: 1.5;
	font-size: 4rem;
	font-weight: 600;
	letter-spacing: -1px;
}
.sub0501 .bx2 .txt1 > .wrap,
.sub0501 .bx2 .txt3 > .wrap{
	display: flex;
	align-items: start;
	gap: 1rem;
}
.sub0501 .bx2 .txt1 > .wrap p:first-child,
.sub0501 .bx2 .txt3 > .wrap p:first-child{
	width: 3%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.sub0501 .bx2 .txt1 > .wrap p i{
	text-align: center;
	line-height: 1.5;
	font-size: inherit;
}
.sub0501 .bx2 .txt1 > .wrap p:last-child,
.sub0501 .bx2 .txt1 > .wrap p:last-child{
	width: calc(100% - 3% - 1rem);
}
.sub0501 .bx2 .txt2{
	margin: 5.5rem 0 4rem;
	line-height: 1.4;
	font-size: 3rem;
	font-weight: 400;
	letter-spacing: -0.75px;
	color: #595757;
}
.sub0501 .bx2 .txt3{
	margin: 0;
	line-height: 1.2;
	font-size: 3.5rem;
	font-weight: 500;
	letter-spacing: -0.875px;
}
.sub0501 .bx2 .txt1 span,
.sub0501 .bx2 .txt3 span{
	color: #c1272d;
}
.sub0501 br.mo_br1{
	display: none !important;
}
.sub0501 .fa-cross{  
	color: transparent;  
	/* 테두리 두께와 색상 */
    -webkit-text-stroke: 2px black;        
	/* (브라우저 지원 한정) */
    text-stroke: 2px black;  
	margin-top: -0.1rem;
}
.sub0501 .fa-solid {
	position: relative;
	width: var(--fa-width, 0.9em) !important;
}
@media (max-width: 1200px){
	.sub0501 .fa-cross{ 
		/* 테두리 두께와 색상 */
		-webkit-text-stroke: 1px black;        
		/* (브라우저 지원 한정) */
		text-stroke: 1px black;  
	}
}
@media (max-width:1200px) {
	.subVisual.bgsub0501 h2.subTitle{font-size: 7rem;}
	.sub0501_Top {padding: 12rem 0;}
	.sub0501_Top h3{font-size: 7rem;}
	.sub0501_Top .bx{
		margin: 8rem 0;
		padding: 8rem 0;
	}
	.sub0501_Top .bx > .img_wrap{
		gap: 3rem;
		font-size: 2rem;
	}
	.sub0501_Top .bx > .img_wrap > div{max-width: calc((100%/3) - 3rem);}
	.sub0501_Top .txt1{
		margin-bottom: 7rem;
		font-size: 4rem;
	}
	.sub0501_Top .txt2{font-size: 2.5rem;}
	.sub0501{padding: 8rem 0;}
	.sub0501 .bx1{
		margin-bottom: 5rem;
		padding: 4rem 0;
		font-size: 5rem;
	}
	.sub0501 .bx2{gap:6rem;}
	.sub0501 .bx2 img{width: 35rem;}
	.sub0501 .bx2 .txt1{font-size: 3rem;}
	.sub0501 .bx2 .txt2{
		margin: 4rem 0 3rem;
		font-size: 2rem;
	}
	.sub0501 .bx2 .txt3{font-size: 2.5rem;}
	.sub0501 .bx2 .txt2 br{display: none;}
}
@media (max-width:992px) {
	.subVisual.bgsub0501 h2.subTitle{font-size: 6rem;}
	.sub0501_Top {padding: 10rem 0;}
	.sub0501_Top h3{font-size: 6rem;}
	.sub0501_Top .bx{
		margin: 6rem 0;
		padding: 6rem 0;
	}
	.sub0501_Top .bx::before, 
	.sub0501_Top .bx::after {
    height: 3px;
	}
	.sub0501_Top .bx > .img_wrap{
		gap: 2rem;
		font-size: 1.8rem;
	}
	.sub0501_Top .bx > .img_wrap > div{max-width: calc((100%/3) - 2rem);}
	.sub0501_Top .txt1{
		margin-bottom: 6rem;
		font-size: 3.5rem;
	}
	.sub0501_Top .txt2{font-size: 2rem;}
	.sub0501{padding: 6rem 0;}
	.sub0501 .bx1{
		margin-bottom: 4rem;
		padding: 3.5rem 0;
		font-size: 4rem;
	}
	.sub0501 .bx2{gap:4rem;}
	.sub0501 .bx2 img{width: 32rem;}
	.sub0501 .bx2 .txt1{font-size: 2.5rem;}
	.sub0501 .bx2 .txt2{
		margin: 3rem 0;
		font-size: 1.8rem;
	}
	.sub0501 .bx2 .txt3{font-size: 2rem;}
}
@media (max-width:768px) {
	.subVisual.bgsub0501 h2.subTitle{font-size: 5rem;}
	.sub0501_Top {padding: 8rem 0;}
	.sub0501_Top h3{font-size: 5rem;}
	.sub0501_Top .bx{
		margin: 4rem 0;
		padding: 4rem 0;
	}
	.sub0501_Top .bx > .img_wrap{
		flex-wrap: wrap;
		font-size: 1.8rem;
	}
	.sub0501_Top .bx > .img_wrap > div{max-width: 100%;}
	.sub0501_Top .txt1{margin-bottom: 5rem;}
	.sub0501 .bx1{font-size: 3rem; padding: 3.5rem 15px;}
	.sub0501 .bx2{display: block;}
	.sub0501 .bx2 img{width: 100%; margin-bottom: 3rem;}
	.sub0501 .bx2 .txt2{margin: 2.5rem 0;}
}
@media (max-width: 500px){
	.sub0501_Top .txt1 {
		font-size:7vw;
	}
	.sub0501_Top .txt2{
		font-size: 4.2vw;
		white-space: nowrap;
	}
	.sub0501_Top .txt2 span{
		white-space: wrap;
	}
	.sub0501 .bx1{
		font-size: 8vw;
		padding: 35px 5px;
		word-break: keep-all ;
	}
	.sub0501 .bx2 .txt1 {
		font-size: 5.8vw;
	}
	.sub0501 .bx2 .txt1 > .wrap p i{
		text-align: center;
	}
	.sub0501 .bx2 .txt2 {
		font-size: 4vw;
	}
	.sub0501 .bx2 .txt3 {
		font-size: 5vw;
	}
	.sub0501 br.mo_br1{
		display: block !important;
	}
}

span.nowrap{white-space: nowrap;}
br.mo_block{display: none;}
@media (max-width:575px) {
	br.mo_block{display: block !important;}
}

img.modal_img01{width: 100%;}

.map_tit{
  padding:15px;
  font-size:13px;
  text-align:center;
  font-weight:border;
  white-space:nowrap;
  text-align: center;
}
@media (max-width: 575px){
  .map_tit{
    font-size: 11px;
    white-space: wrap;
    font-weight:normal;
    width: 150px;
    padding: 10px;
  }
}