.inner{width: 1400px; margin: auto; height: auto;}

.main_tit{margin-bottom: 70px;}
.main_tit span{display: inline-block; font-size: 18px; font-weight: 800; line-height: 1;}
.main_tit h1{margin-top: 25px; font-size: 45px; font-weight: 800; line-height: 1.2;}
.main_tit p{margin-top: 40px; font-size: 19px; font-weight: 400; line-height: 27px; word-break: keep-all;}

@media screen and (max-width: 1440px){
    .inner{width: calc(100% - 40px);}
}

@media screen and (max-width: 1280px){
    .main_tit h1{font-size: 3.28vw; margin-top: 0.75vw;}
    .main_tit p{font-size: 18px; line-height: 22px; margin-top: 6.45vw;}
}

@media screen and (max-width: 768px){
    .inner{width: calc(100% - 60px);}

    .main_tit{margin-bottom: 6.45vw;}
    .main_tit span{font-size: 3.13vw;}
    .main_tit h1{font-size: 5.21vw; margin-top: 1.56vw;}
    .main_tit p{font-size: 3.39vw !important; line-height: 1.3; padding: 0 3.78vw; margin-top: 5.47vw;}
}

/* 상단 */
.head{position: fixed; top: 0; left: 0; z-index: 99; width: 100%;}
.head .inner{position: relative; height: 100px;}

.head .logo{position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; width: 160px; z-index: 9;}
.head .logo img{max-width: 100%;}
.head .logo .on{display: none;}

.head .menu{position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; z-index: 9;}
.head .menu li+li{margin-left: 50px;}
.head .menu li a {display: block; height: 100%; font-size: 18px; font-weight: 600; line-height: 100px; color: #fff;}

.head .ham_btn{position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 30px; height: 20px; z-index: 9; cursor: pointer;}
.head .ham_btn span{height: 2px; background: #fff; position: absolute;}
.head .ham_btn span:nth-child(1){width: 100%; top: 0;}
.head .ham_btn span:nth-child(2){width: 70%; top: 0; bottom: 0; margin: auto; right: 0;}
.head .ham_btn span:nth-child(3){width: 100%; bottom: 0;}
.head .mo_hb{display: none;}

@media screen and (max-width: 1100px){
    .head .menu{display: none;}
    .head .pc_hb{display: none;}
    .head .mo_hb{display: block;}

    /* .sct_4 ul li .icon img {max-width: 5.3vw;} */
}

@media screen and (max-width: 768px){
    .head .inner{height: 60px;}
    .head .logo{width: 115px;}
    .head .ham_btn{width: 20px; height: 16px;}
}

/* PC 메뉴 드랍 */
.menu_drop{background: rgba(251, 251, 251, 0.95); width: 100%; padding: 50px 0 100px; display: none; border-top: 1px solid #ddd;}
.menu_drop .inner{display: flex; align-items: flex-start; justify-content: space-between;}
.menu_drop .md_ul strong{font-size: 18px; font-weight: 700;}
.menu_drop .md_ul ul{margin-top: 20px;}
.menu_drop .md_ul ul li+li{margin-top: 10px;}
.menu_drop .md_ul ul li a{font-size: 16px; font-weight: 500; color: #a5a5a5;}
.menu_drop .md_ul ul li a:hover{color: #036EB8; text-decoration: underline;}

.head.on{background: #fff;}
.head.on .logo .basic{display: none;}
.head.on .logo .on{display: block;}
.head.on .menu li a{color: #000;}
.head.on .ham_btn span{background: #000;}

.head.scr_on{background: #fff; border-bottom: 1px solid #ddd;}
.head.scr_on .logo .basic{display: none;}
.head.scr_on .logo .on{display: block;}
.head.scr_on .menu li a{color: #000; cursor: pointer;}
.head.scr_on .ham_btn span{background: #000;}

/* PC 사이트맵 */
.site_map{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(3, 110, 184, 0.95); display: none;}
.site_map .inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.site_map .close{cursor: pointer; display: inline-block;}
.site_map h1{font-size: 50px; font-weight: 800; color: #fff; margin-top: 45px; line-height: 1;}
.site_map .sm_div{display: flex; flex-wrap: wrap;}
.site_map .sm_ul{margin-top: 90px; flex: 1 1 25%;}
.site_map .sm_ul strong{font-size: 33px; font-weight: 800; color: #fff; line-height: 1; position: relative;}
.site_map .sm_ul strong::before{content: ''; display: block; position: absolute; top: -20px; left: 0; width: 15px; height: 15px; border-radius: 50%; background: #73DBDA; opacity: 0; transition: all 0.2s;}
.site_map .sm_ul ul{margin-top: 50px;}
.site_map .sm_ul ul li+li{margin-top: 10px;}
.site_map .sm_ul ul li a{font-size: 20px; font-weight: 500; color: #fff;}
.site_map .sm_ul:hover strong::before{opacity: 1;}
.site_map .sm_ul ul li a:hover{color: #73DBDA; text-decoration: underline;}

/* 모바일 메뉴 */
.m_menu_box{position: fixed; top: 0; left: 0; bottom: 0; left: 0; z-index: -1; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.8); transition-delay: 300ms; transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
.m_menu_box .m_menu{position: fixed; top: 0; left: 100%; width: 100%; background: #fff; height: 100vh; z-index: 999; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); overflow-y: auto;}

.m_menu_box .m_menu  .close{position: absolute; top: 0; right: 0; width: 100px; height: 100px;}
.m_menu_box .m_menu  .close img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 40%;}

.m_menu_box .m_menu .logo{margin-top: 15vw; padding-left: 20px;}

.m_menu_box .m_menu .menu_list{padding-top: 5vw;}
.m_menu_box .m_menu .menu_list>li{border-top: 1px solid #eee; margin: 0 20px;}
.m_menu_box .m_menu .menu_list>li>em{font-size: 20px; font-weight: 600; display: block; position: relative; padding: 20px;}
.m_menu_box .m_menu .menu_list>li>em img{width: 17px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.m_menu_box .m_menu .menu_list .sub_menu{padding: 20px 20px 30px; display: none; border-top: 1px solid #eee;}
.m_menu_box .m_menu .menu_list .sub_menu li+li{margin-top: 20px;}
.m_menu_box .m_menu .menu_list .sub_menu li a{font-size: 16px;}

.m_menu_box.on{z-index: 999999; opacity: 1; visibility: visible; transition-delay: 0ms;}
.m_menu_box.on .m_menu{left: 0!important; transition-delay: 300ms;}
.m_menu_box .m_menu .menu_list>li.on>em{color: #E1002A;}
.m_menu_box .m_menu .menu_list>li.on>em img{transition: all 0.4s; transform: translateY(-50%) rotate(-180deg);}

/* 퀵메뉴 */
.quick{position: fixed; bottom: 20px; right: 20px; z-index: 99;}
.quick img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.quick .icon{display: block; width: 80px; height: 80px; border-radius: 10px; position: relative; background: #64BBBA;}
.quick a p{margin-top: 5px; font-size: 14px; text-align: center; color: #64BBBA; font-weight: 600;}
.quick .top_btn{width: 80px; height: 80px; border-radius: 10px; position: relative; background: #fff; cursor: pointer; margin-top: 10px; border: 1px solid #E1E0E0;}

@media screen and (max-width: 768px){
    .quick img{max-width: 40%;}
    .quick .icon{width: 11vw; height: 11vw; border-radius: 5px; margin: 0 auto;}
    .quick a p{font-size: 2.5vw; text-align: center;}
    .quick .top_btn{width: 11vw; height: 11vw; border-radius: 5px; margin: 10px auto 0;}
    
    .m_menu_box .m_menu  .close{width: 60px; height: 60px;}
}

/* 메인 슬라이드 */
.main_visual{width: 100%; height: 100%;}
.main_visual .main_slide .swiper-slide{position: relative;}
.main_visual .main_slide .main_bg_1,
.main_visual .main_slide .main_bg_2 {width: 100%; height: 100vh;}
.main_visual .main_slide .main_bg_1 img,
.main_visual .main_slide .main_bg_2 img {width: 100%; height: 100%; object-fit: cover;}
/* .main_visual .main_slide .main_bg_1{background: url(/img/main/main_1.jpg) center no-repeat;}
.main_visual .main_slide .main_bg_2{background: url(/img/main/main_2.jpg) center no-repeat;} */
/* .main_visual .main_slide .swiper-slide > img{width: 100%; height: 100%; object-fit: cover;} */
.main_visual .main_slide .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.main_visual .main_slide .txt span{display: inline-block; color: #64BBBA; font-size: 18px; font-weight: 800; line-height: 1; transform: translateY(50px); opacity: 0; transition: 1.5s cubic-bezier(0.4, 0, 0.2, 1);}
.main_visual .main_slide .txt h1{color: #fff; font-size: 55px; font-weight: 800; margin-top: 20px; transform: translateY(50px); opacity: 0; transition: 2.5s cubic-bezier(0.4, 0, 0.2, 1);}
.main_visual .main_slide .txt h2{color: #fff; font-size: 45px; font-weight: 200; transform: translateY(50px); opacity: 0; transition: 2.5s cubic-bezier(0.4, 0, 0.2, 1);}
.main_visual .main_slide .txt .info{color: #fff; font-size: 19px; font-weight: 300; line-height: 27px; margin-top: 50px; transform: translateY(50px); opacity: 0; transition: 2.5s cubic-bezier(0.4, 0, 0.2, 1);}
.main_visual .swiper-slide-active .img{animation: image-zoom-out 6s 0s forwards;}
.main_visual .swiper-slide-active .txt span,
.main_visual .swiper-slide-active .txt h1,
.main_visual .swiper-slide-active .txt h2,
.main_visual .swiper-slide-active .txt .info{transform: translateY(0); opacity: 1;}
@keyframes image-zoom-out {
	from {
		transform: scale(1.5,1.5)
	}
	to {
		transform: scale(1.0,1.0)
	}
}

/* 메인슬라이드 버튼 */
.main_visual .slide_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 16rem; z-index: 9; display: flex; align-items: center;}
.main_visual .ap_btn{position: relative;}
.main_visual .autoplay-progress{width: 96px; height: 96px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #fff; z-index: 99;position: relative;}
.main_visual .autoplay-progress::before{content: ''; width: 80px; height: 80px; border: 2px solid rgba(255,255,255,0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.main_visual .autoplay-progress svg {z-index: 9; width: 100%; height: 100%; stroke-width: 1px; stroke: #fff; fill: none; stroke-dashoffset: calc(125.6 * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg);}

.main_visual .play_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; cursor: pointer; background: rgba(0,0,0,0); border: none; width: 100%; height: 100%;}
.main_visual .play_btn img{position: absolute; top: 50%; left: 53%; transform: translate(-50%, -50%);}
.main_visual .swiper-play{display: none;}

.main_visual .ms_arrow{margin-left: 30px; width: 30px; height: 30px; position: relative; cursor: pointer;}
.main_visual .ms_arrow img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media screen and (max-width: 1280px){
    .main_visual .main_slide .txt h1{font-size: 50px;}
    .main_visual .main_slide .txt h2{font-size: 40px;}
}
 
@media screen and (max-width: 768px){
    .main_visual .main_slide .swiper-slide{/* height: 110.68vw; */ /* height: 100vh; */}
    /* .main_visual .main_slide .main_bg_1{background: url(/img/main/m_main_1.jpg) center no-repeat;}
    .main_visual .main_slide .main_bg_2{background: url(/img/main/m_main_2.jpg) center no-repeat;} */
    
    .main_visual .main_slide .txt span{font-size: 2.34vw;}
    .main_visual .main_slide .txt h1{font-size: 6.51vw; margin-top: 2.60vw;}
    .main_visual .main_slide .txt h2{font-size: 5.21vw;}
    .main_visual .main_slide .txt .info {font-size: 3.3vw !important; line-height: 1.3; margin-top: 4.43vw;}
    .main_visual .main_slide .txt .info br{display: none;}
    
    .main_visual .slide_btn{margin-top: 40vw;}
    .main_visual .autoplay-progress{width: 76px; height: 76px;}
    .main_visual .autoplay-progress::before{width: 64px; height: 64px;}
    .main_visual .play_btn img{width: 15%;}
    .main_visual .ms_arrow{margin-left: 15px; height: 20px; height: 20px;}
    .main_visual .ms_arrow img{height: 90%;}
}

/* 초대합니다 */
.sct_1{padding: 190px 0 140px;}
.sct_1 .bg{width: 100%; height: 100%; background: url(/img/main/invitation_bg.jpg) no-repeat center; background-size: cover; position: fixed; top: 0; left: 0; z-index: -1;}
.sct_1 .main_tit{text-align: center; margin-bottom: 0;}
.sct_1 .main_tit span{color: #64BBBA;}
.sct_1 .main_tit a{display: inline-block; margin-top: 35px; width: 180px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; font-weight: 600; color: #fff; border-radius: 50px; background: #64BBBA;}

@media screen and (max-width: 1280px){
    .sct_1{padding: 10vw 0;}
}

@media screen and (max-width: 768px){
    .sct_1{padding: 18vw 0; background-attachment: inherit;}
    .sct_1 .main_tit a{font-size: 3.39vw; width: auto; height: auto; line-height: inherit; padding: 2.47vw 6.25vw;}
    /* .sct_1 .bg {background: url(/img/main/invitation_bg_m.jpg) no-repeat center; background-size: cover; } */
    .sct_1 .bg {background: url(/img/main/invitation_bg_m.jpg) no-repeat center; background-size: cover; background-position: 50% 60%;}
}

/* 질문합니다 */
.sct_2{padding: 150px 0; position: relative; background: #fff;}
.sct_2 .main_tit{text-align: center;}
.sct_2 .main_tit span{color: #036EB8;}
.sct_2 .video_img{width: 1200px; margin: auto; cursor: pointer; position: relative; overflow: hidden; border-radius: 20px;}
.sct_2 .video_img .play_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; border-radius: 50%; background: rgba(3, 110, 184, 0.9);}
.sct_2 .video_img .play_btn img{position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); max-width: 80%;}
.sct_2 .logo_bg{width: 408px; position: absolute; top: 160px; right: 95px; z-index: -1;}
.sct_2 .txt_bg{position: relative; margin-top: -50px; z-index: -1;  display: flex; align-items: center; justify-content: center;}
.sct_2 .txt_bg span{display: block; font-size: 130px; font-weight: 900; display: flex; flex: 0 0 auto; text-align: center; color: rgba(3, 110, 184, 0.03); line-height: 1;}

/* 질문합니다 영상팝업 */
.sct_2_pop{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.9); display: none;}
.sct_2_pop .close{position: absolute; top: 20px; right: 20px; cursor: pointer;}
.sct_2_pop .video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1200px; height: 675px;}
.sct_2_pop .video iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}

@media screen and (max-width: 1280px){
    .sct_2{padding: 10vw 0;}
    .sct_2 .logo_bg{top: 7vw; width: 40%; right: -10%;}
    .sct_2 .video_img{width: calc(100% - 40px);}
    .sct_2_pop .video{width: calc(100% - 40px); height: auto; padding-top: 55%;}
}
    
@media screen and (max-width: 768px){
    .sct_2{padding: 18vw 0;}
    .sct_2 .video_img{border-radius: 1.30vw; width: calc(100% - 7.81vw);}
    .sct_2 .txt_bg{display: none;}
    .sct_2 .logo_bg{top: 16vw; width: 60%; right: -20%;}
    .sct_2 .video_img .play_btn{width: 7.81vw; height: 7.81vw;}
    .sct_2 .video_img .play_btn img{max-width: 65%;}
}

/* 약속합니다 */
.sct_3{background: #E6F0F6; padding: 120px 0;}
.sct_3 .main_tit{text-align: center;}
.sct_3 .main_tit span{color: #036EB8;}
.sct_3 ul{display: flex; flex-wrap: wrap; width: 1460px; margin: auto;}
.sct_3 ul li{flex: 1; background: #fff; text-align: center; padding: 80px 10px 130px}
.sct_3 ul li+li{margin-left: 20px}
.sct_3 ul li img{display: inline-block;}
.sct_3 ul li img.on{display: none;}
.sct_3 ul li p{margin-top: 80px; font-size: 19px; line-height: 27px; font-weight: 600; color: #a4a4a4; word-break: keep-all;}
.sct_3 ul li.active {background: #036EB8; transition: all .7s;}
.sct_3 ul li.active img.basic{display: none; transition: all .7s;}
.sct_3 ul li.active img.on{display: inline-block; transition: all .7s;}
.sct_3 ul li.active p{color: #fff; transition: all .7s;}
.sct_3 h2{margin-top: 70px; text-align: center; font-size: 25px; line-height: 35px; font-weight: 600;}
.sct_3 h2 span{color: #036EB8;}
.sct_3 a{display: block; margin: 50px auto 0; width: 290px; height: 60px; line-height: 60px; text-align: center; border-radius: 50px; background: #036EB8; color: #fff; font-size: 18px; font-weight: 600;}

@media screen and (max-width: 1500px){
    .sct_3 ul{width: calc(100% - 40px);}
}

@media screen and (max-width: 1280px){
    .sct_3{padding: 10vw 0;}
    .sct_3 ul li{padding: 8vw 10px 10vw;}
    .sct_3 ul li+li {margin-left: 0.78vw;}
    .sct_3 ul li img{max-width: 6.25vw;}
    .sct_3 ul li:nth-child(1) img{max-width: 5.23vw;}
    .sct_3 ul li p{font-size: 1.52vw; line-height: 1.89vw; margin-top: 5vw;}
    .sct_3 h2{font-size: 2.23vw; line-height: 2.87vw; margin-top: 6.57vw;}
}

@media screen and (max-width: 1024px){
    .main_visual .main_slide .txt .info {font-size: 2.15vw;}
    .sct_1 p {font-size: 1.95vw;line-height: 1.3;}
    .sct_3 ul li p{font-size: 1.76vw; line-height: 1.3;}
    .sct_3 ul li p br {display: none;}
}

@media screen and (max-width: 768px){
    .sct_3{padding: 18vw 0; text-align: center;}
    .sct_3 ul {width: calc(100% - 60px);}
    .sct_3 ul li{flex: 1 1 40%; margin-right: 17px; padding: 10vw 10px;}
    .sct_3 ul li+li{margin-left: 0;}
    .sct_3 ul li:nth-child(2n){margin-right: 0;}
    .sct_3 ul li:nth-child(1){margin-bottom: 17px;}
    .sct_3 ul li:nth-child(2){margin-bottom: 17px;}
    .sct_3 ul li:nth-child(1) img{width: 11vw; max-width: 11vw;}
    .sct_3 ul li img{width: 13.02vw; max-width: 13.02vw;}
    .sct_3 ul li:nth-child(4) img{max-width: 11.5vw;}
    .sct_3 ul li p{font-size: 3.26vw; line-height: 1.3; margin-top: 10vw; font-weight: 400;}
    .sct_3 ul li p br{display: none;}
    .sct_3 h2{font-size: 3.26vw; line-height: 1.3; padding: 0 2.60vw; margin-top: 12vw;}
    .sct_3 a{font-size: 3.8vw; width: auto; height: auto; line-height: inherit; padding: 3vw 10vw; display: inline-block; margin: 10.57vw auto 0;}
}

/* 기도합니다 */
.sct_4{padding-top: 190px; position: relative; background: #fff;}
.sct_4 .txt_bg{position: absolute; top: -20px; z-index: -1; display: flex; align-items: center; justify-content: center;}
.sct_4 .txt_bg span{display: block; font-size: 130px; font-weight: 900; display: flex; flex: 0 0 auto; text-align: center; color: rgba(100, 187, 186, 0.05); line-height: 1;}
.sct_4 .main_tit span{color: #64BBBA;}
.sct_4 ul::after{content: ''; display: block; clear: both;}
.sct_4 ul {display: flex; flex-wrap: wrap;}
.sct_4 ul li{width: calc(100% / 2 - 7.5px); margin-right: 15px; position: relative; background: #EAF4F4; padding: 60px 0 60px; margin-top: 15px;}
.sct_4 ul li:nth-child(2n){margin-right: 0;}
.sct_4 ul li:nth-child(1){margin-top: 0;}
.sct_4 ul li:nth-child(2){margin-top: 0;}
.sct_4 ul li .icon{width: 150px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.sct_4 ul li .icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sct_4 ul li .icon img.on{display: none;}
.sct_4 ul li .txt{padding-left: 150px; color: #2E8988;}
.sct_4 ul li .txt strong{font-size: 25px; font-weight: 700;}
.sct_4 ul li .txt span{font-size: 19px; font-weight: 400; line-height: 27px; margin-top: 15px; display: block;}
.sct_4 .pray_bg{background: rgba(0,0,0,0); text-align: center; margin-top: 0;}
.sct_4 .pray_bg img{display: inline-block;}
.sct_4 ul li.active {background: #64BBBA; transition: all .5s;}
.sct_4 ul li.active .icon img.basic{display: none; transition: all .5s;}
.sct_4 ul li.active .icon img.on{display: block; transition: all .5s;}
.sct_4 ul li.active .txt{color: #fff; transition: all .5s;}
.sct_4 .pray_bg:hover{background: rgba(0,0,0,0);}

@media screen and (max-width: 1400px){
    .sct_4 ul li:nth-child(3){min-height: 219px;}
}

@media screen and (max-width: 1280px){
    .sct_4{padding-top: 10vw;}
    .sct_4 ul li{padding: 60px 20px 60px 0;}
    .sct_4 ul li:nth-child(3){min-height: 207px;}
    .sct_4 ul li .icon{width: 10vw;}
    .sct_4 ul li .icon img{max-width: 5vw;}
    .sct_4 ul li:nth-child(3) .icon img{max-width: 6vw;}
    .sct_4 ul li .txt{padding-left: 11.02vw;}
    .sct_4 ul li .txt strong{font-size: 23px;}
    .sct_4 ul li .txt span{font-size: 18px; line-height: 22px;}
}

@media screen and (max-width: 1175px){
    .sct_4 ul li:nth-child(1){min-height: 207px;}
}

@media screen and (max-width: 891px){
    .sct_4 ul li:nth-child(1){min-height: 235px;}
}

@media screen and (max-width: 807px){
    .sct_4 ul li:nth-child(3){min-height: 229px;}
}

@media screen and (max-width: 768px){
    .sct_4{padding-top: 18vw;}
    .sct_4 .txt_bg{display: none;}
    .sct_4 ul li{width: 100%; margin-right: 0; margin-top: 10px; padding: 10vw 10px 10vw 0; min-height: inherit!important;}
    .sct_4 ul li:nth-child(2){margin-top: 10px;}
    .sct_4 ul li .icon{width: 18vw;}
    .sct_4 ul li .icon img{max-width: 8vw !important;}
    .sct_4 ul li:nth-child(1) .icon img {max-width: 6.51vw !important;}
    .sct_4 ul li:nth-child(2) .icon img {max-width: 9.11vw !important;}
    .sct_4 ul li:nth-child(3) .icon img {max-width: 10.42vw !important;}
    .sct_4 ul li:nth-child(4) .icon img {max-width: 10.42vw !important;}
    .sct_4 ul li:nth-child(5) .icon img {max-width: 8.59vw !important;}
    .sct_4 ul li:first-child .icon img{width: 5vw;}
    .sct_4 ul li .txt{padding-left: 18vw;}
    .sct_4 ul li .txt strong{font-size: 4.30vw; line-height: 1;}
    .sct_4 ul li .txt span{font-size: 3.39vw; line-height: 1.3; margin-top: 1.30vw;}
    .sct_4 .pray_bg img{width: 52.08vw;}
    
}

/* 새가족 */
.sct_5{padding: 150px 0; background: #fff;}
.sct_5 .main_tit{text-align: center;}
.sct_5 .main_tit span{color: #036EB8;}
.sct_5 ul{display: flex; align-items: center; justify-content: space-between;}
.sct_5 ul li{flex: 1; position: relative;}
.sct_5 ul li::before{content: ''; width: 30px; height: 30px; background: url(/img/main/next_b.png) center no-repeat; background-size: 40%; position: absolute; top: 50%; transform: translateY(-50%); left: -65px; opacity: 0.4;}
.sct_5 ul li:first-child::before{display: none;}
.sct_5 ul li+li{margin-left: 100px;}
.sct_5 ul li .icon{width: 140px; height: 140px; border-radius: 50%; background: #ECECEC; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.sct_5 ul li .icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sct_5 ul li .icon img.on{display: none;}
.sct_5 ul li .step{padding-left: 170px;}
.sct_5 ul li .step span{font-size: 20px; font-weight: 800; color: #036EB8; display: block; line-height: 1;}
.sct_5 ul li .step strong{margin-top: 15px; font-size: 25px; font-weight: 800; display: block; line-height: 1;}
.sct_5 ul li .step p{margin-top: 15px; font-size: 19px; font-weight: 400; line-height: 27px; word-break: keep-all;}
.sct_5 ul li.active .icon{background: #036EB8; transition: all .5s;}
.sct_5 ul li.active .icon img.basic{display: none; transition: all .5s;}
.sct_5 ul li.active .icon img.on{display: block; transition: all .5s;}

@media screen and (max-width: 1280px){
    .sct_5{padding: 10vw 0;}
    .sct_5 ul li .icon{width: 150px; height: 150px; position: relative; top: auto; left: auto; transform: inherit; margin: auto;}
    .sct_5 ul li::before{top: 22%;}
    .sct_5 ul li .step{padding-left: 0; margin-top: 50px; text-align: center;}
    .sct_5 ul li .step p{font-size: 18px;}
    .sct_5 ul li .step strong{font-size: 23px;}
    .sct_5 ul li .step p{font-size: 18px; line-height: 22px;}
    .sct_5 ul li .step .br{display: block;}
}

@media screen and (max-width: 768px){
    .sct_5{padding: 18vw 0;}
    .sct_5 ul{flex-direction: column;}
    .sct_5 ul li::before{display: none;}
    .sct_5 ul li+li{margin-left: 0; margin-top: 6.51vw;}
    .sct_5 ul li{width: 100%; position: relative;}
    .sct_5 ul li .icon{width: 23.44vw; height: 23.44vw; position: absolute; top: 0; left: 0;}
    .sct_5 ul li:nth-child(1) .icon img {width: 10.94vw;}
    .sct_5 ul li:nth-child(2) .icon img {width: 8.59vw;}
    .sct_5 ul li:nth-child(3) .icon img {width: 11.72vw;}
    .sct_5 ul li {height: 23.44vw !important;}
    .sct_5 ul li .step{margin-top: 0; text-align: left; padding-left: 32.55vw; height: 23.44vw; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
    .sct_5 ul li .step span{font-size: 2.34vw;}
    .sct_5 ul li .step strong{font-size: 4.30vw; margin-top: 1.69vw;}
    .sct_5 ul li .step p{font-size: 3.39vw; line-height: 1.3; margin-top: 1.69vw;}
    .sct_5 ul li .step p .br{display: none;}
}

/* 예배안내 */
.sct_6{padding: 120px 0; background: #F5F5F5;}
.sct_6 .main_tit span{color: #036EB8;}
.sct_6 .main_tit h2{margin-top: 30px; font-size: 23px; font-weight: 700;}
.sct_6 .main_tit h2 .color{color: #036EB8; font-size: 23px; font-weight: 700; display: inline-block; margin-left: 20px;}
.sct_6 .sct_6_slide{position: relative;}
.sct_6 .service_slide{overflow: hidden;}
.sct_6 .service_slide .swiper-slide .video_img{width: 100%; position: relative;}
.sct_6 .service_slide .swiper-slide .video_img .play_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; border-radius: 50%; background: rgba(3, 110, 184, 0.9);}
.sct_6 .service_slide .swiper-slide .video_img .play_btn img{position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); max-width: 80%;}
.sct_6 .service_slide .swiper-slide h1{margin-top: 30px; font-size: 25px; font-weight: 700; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sct_6 .service_arrow{position: absolute; top: -105px; right: 0; display: flex;}
.sct_6 .service_arrow>div{width: 60px; height: 60px; border-radius: 50%; background: #fff; position: relative; cursor: pointer;}
.sct_6 .service_arrow>div img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 22%;}
.sct_6 .service_arrow>div img.on{display: none;}
.sct_6 .service_arrow>div:hover{background: #036EB8;}
.sct_6 .service_arrow>div:hover img.basic{display: none;}
.sct_6 .service_arrow>div:hover img.on{display: block;}
.sct_6 .service_arrow .ss_next{margin-left: 10px;}

@media screen and (max-width: 1280px){
    .sct_6{padding: 10vw 0;}
    .sct_6 .service_slide .swiper-slide .video_img .play_btn{width: 80px; height: 80px;}
    .sct_6 .service_slide .swiper-slide h1{font-size: 22px;}
}

@media screen and (max-width: 768px){
    .sct_6{padding: 18vw 0;}
    .sct_6 .main_tit span {font-size: 18px;}
    .sct_6 .main_tit h2{margin-top: 4.69vw; font-size: 3.39vw;}
    .sct_6 .main_tit h2 .color{font-size: 3.8vw; margin-left: 0.65vw;}
    .sct_6 .service_arrow{top: -16vw;}
    .sct_6 .service_arrow>div{width: 10vw; height: 10vw;}
    .sct_6 .service_slide .swiper-slide .video_img .play_btn{width: 12.63vw;height: 12.63vw;}
    .sct_6 .service_slide .swiper-slide h1{margin-top: 3.78vw; font-size: 3.39vw;}
}

/* 오시는 길 */
.sct_7{padding: 120px 0; border-bottom: 1px solid rgba(225, 225, 225, 0.93); background: #fff;}
.sct_7 .inner{display: flex; align-items: center; justify-content: center}
.sct_7 #map_box{width: 800px; height: 450px;}
.sct_7 #map_box .root_daum_roughmap{width: 100%; height: 100%;}
.sct_7 #map_box .root_daum_roughmap .wrap_map{height: calc(100% - 32px);}
.sct_7 .map_info{ width: calc(100% - 800px);}
.sct_7 .main_tit{text-align: center; margin-bottom: 0;}
.sct_7 .main_tit span{color: #64BBBA;}
.sct_7 .main_tit a{display: inline-block; margin-top: 35px; width: 180px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; font-weight: 600; color: #fff; border-radius: 50px; background: #64BBBA;}

@media screen and (max-width: 1280px){
    .sct_7{padding: 10vw 0;}
    .sct_7 #map_box{width: 65%; position: relative; left: -20px;}
    .sct_7 .map_info{width: 35%;}
}

@media screen and (max-width: 768px){
    .sct_7{padding: 18vw 0;}
    .sct_7 .main_tit p {font-size: 2.34vw;}
    .sct_7 .inner{flex-direction: column-reverse;}
    .sct_7 .map_info{width: 100%;}
    .sct_7 .main_tit a{font-size: 3.39vw; width: auto; height: auto; line-height: inherit; padding: 2.47vw 6.25vw}
    .sct_7 #map_box{width: 100%; left: 0; margin-top: 12.57vw; height: 59.38vw;}
}

/* 사람들 */
.sct_8{position: relative; padding: 120px 0; background: #fff;}
.sct_8 .inner{position: relative;}
.sct_8 .main_tit span{color: #64BBBA;}
.sct_8 .com_info{display: flex; align-items: center;}
.sct_8 .com_info .img{width: 250px; height: 250px; border-radius: 50%; position: relative; overflow: hidden;}
.sct_8 .com_info .img img{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sct_8 .com_info .txt{width: calc(100% - 250px); padding-left: 70px;}
.sct_8 .com_info .txt span{display: block; font-size: 20px; font-weight: 700; color: #64BBBA;}
.sct_8 .com_info .txt strong{display: block; margin-top: 10px; font-size: 30px; font-weight: 800;}
.sct_8 .com_info .txt p{margin-top: 20px; font-size: 19px; font-weight: 400; line-height: 27px; color: #333; word-break: keep-all;}
.sct_8 .com_top{position: relative;}
.sct_8 .com_top .img{width: 300px; height: 300px;}
.sct_8 .com_top .companion_bg{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.sct_8 .sct_8_slide{margin-top: 60px; position: relative;}
.sct_8 .companion_slide{overflow: hidden;}
.sct_8 .companion_slide .swiper-wrapper{align-items: center;}
.sct_8 .companion_arrow{display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.sct_8 .companion_arrow>div{width: 70px; height: 70px; border-radius: 50%; background: #fff; border: 1px solid #ddd; position: relative; cursor: pointer;}
.sct_8 .companion_arrow>div img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sct_8 .companion_arrow .cs_prev{left: -105px;}
.sct_8 .companion_arrow .cs_next{right: -105px;}
.sct_8 .more_btn{position: absolute; top: 60px; right: 0; font-size: 20px; font-weight: 700;}
.sct_8 .more_btn img{display: inline-block; margin-left: 15px;}
.sct_8 .more_btn::before{content: ''; width: 100%; height: 2px; background: #000; position: absolute; bottom: -10px; left: 0;}

@media screen and (max-width: 1670px){
    .sct_8 .companion_slide{width: calc(100% - 50px);}
    .sct_8 .companion_arrow{z-index: 99;}
    .sct_8 .companion_arrow .cs_prev{left: -35px;}
    .sct_8 .companion_arrow .cs_next{right: -35px;}
}

@media screen and (max-width: 1500px){
    .sct_8 .companion_slide{margin: auto;}
    .sct_8 .com_info .txt{padding-left: 50px;}
    .sct_8 .companion_arrow .cs_prev{left: -10px;}
    .sct_8 .companion_arrow .cs_next{right: -10px;}
}

@media screen and (max-width: 1280px){
    .sct_8{padding: 10vw 0;}
    .sct_8 .com_info .txt span{font-size: 18px;}
    .sct_8 .com_info .txt strong{font-size: 28px;}
    .sct_8 .com_info .txt p{font-size: 18px; line-height: 22px;}
    
    .sct_8 .com_info .img{width: 20vw; height: 20vw;}
    .sct_8 .com_info .txt{padding-left: 3vw;}
}

@media screen and (max-width: 1000px){
    .sct_8 .com_info{justify-content: center;}
    .sct_8 .com_top{justify-content: flex-start;}
    .sct_8 .com_info .txt{width: auto; max-width:  calc(100% - 20vw);}
}

@media screen and (max-width: 768px){
    .sct_8{padding: 18vw 0;}
    .sct_8 .more_btn{display: none;}
    .sct_8 .com_top .img{width: 40vw; height: 40vw;}
    .sct_8 .com_top .companion_bg{display: none;}
    .sct_8 .com_info{justify-content: center;}
    .sct_8 .com_top.com_info .img {width: 38.67vw; height: 38.67vw;}
    .sct_8 .com_info .img{width: 32.55vw; height: 32.55vw;}
    .sct_8 .com_info .txt{width: 45vw; padding-left: 4.5vw; width: calc(100% - 39.67vw);}
    .sct_8 .com_top.com_info .txt span{font-size: 2.34vw;}
    .sct_8 .com_top.com_info .txt strong{font-size: 4.30vw; margin-top: 1.45vw;}
    .sct_8 .com_top.com_info .txt p{font-size: 3.39vw; line-height: 1.3; margin-top: 2.87vw;}
    .sct_8 .com_top.com_info .txt p br{display: none;}
	.sct_8 .com_top.com_info .txt p em{display: block; margin-top: 1vw;}
	.sct_8 .com_top.com_info .txt p em:first-of-type{margin-top: 0;}
    .sct_8 .com_info .txt span{font-size: 2.34vw;}
    .sct_8 .com_info .txt strong{font-size: 3.65vw; margin-top: 1.45vw;}
    .sct_8 .com_info .txt p{font-size: 3.39vw; line-height: 1.3; margin-top: 2.87vw;}
    .sct_8 .companion_arrow>div{width: 8vw; height: 8vw;}
    .sct_8 .companion_arrow .cs_prev {left: 0;}
    .sct_8 .companion_arrow .cs_next {right: 0;}
    .sct_8 .companion_arrow>div img{max-width: 22%;}
    .sct_8 .companion_slide{width: calc(100% - 1.30vw);}
}

/* 협력단체 */
.sct_9{background: #fff; padding-bottom: 140px;}
.sct_9 h1{font-size: 25px; font-weight: 700; background: #fff;}
.sct_9 ul{margin-top: 30px;}
.sct_9 ul li{float: left; width: calc(100% / 4 - 20px); height: 110px; margin-right: 20px; position: relative; margin-bottom: 20px; overflow: hidden;}
.sct_9 ul li:nth-child(4n){margin-right: 0;}
/* .sct_9 ul li:last-child{background: #8E9D9A;} */
.sct_9 ul li img{border: 1px solid #E6E6E6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.sct_9 ul::after{content: ''; display: block; clear: both;}

@media screen and (max-width: 1280px){
    .sct_9{padding-bottom: 10vw;}
    .sct_9 ul li {height: 10.70vw; width: calc(100% / 4 - 0.97vw); margin-right: 0.97vw; margin-bottom: 0.97vw;}
    .sct_9 ul li img{max-width: 100%;}
}
@media screen and (max-width: 768px){
    .sct_9{padding-bottom: 18vw;}
    .sct_9 h1{font-size: 4.56vw;}
    .sct_9 ul{margin-top: 4.28vw;}
    .sct_9 ul li{width: calc(100% / 2 - 0.65vw); margin-right: 1.30vw; margin-bottom: 1.30vw; height: 16.93vw;}
    .sct_9 ul li:nth-child(4n){margin-right: 10px;}
    .sct_9 ul li:nth-child(2n){margin-right: 0;}
    .sct_9 ul li img{max-width: 99%; max-height: 99%;}
}


/* 하단 */
.foot{background: #1F1F1F; padding: 80px 0; margin-top: 140px;}
.foot .inner{position: relative;}
.foot .ft_link{position: absolute; bottom: 0; right: 0;}
.foot .ft_link a{color: #fff; font-size: 18px; font-weight: 200; display: block; text-align: right;}
.foot .ft_link a+a{margin-top: 10px;}
.foot .ft_link a:nth-child(2){font-weight: 600;}
.foot .ft_info{margin-top: 40px;}
.foot .ft_info li{color: #fff; font-size: 18px; font-weight: 200; display: inline-block; margin-bottom: 5px;}
.foot .ft_info li:first-child{display: block;}
.foot .ft_info li:nth-child(2){margin-right: 20px;}
.foot .ft_info li:nth-child(3){margin-right: 20px;}
.foot p{color: #fff; font-size: 16px; margin-top: 30px; font-weight: 200;}
.foot .sns_list{position: absolute; top: 0; right: 0;}
.foot .sns_list a{display: inline-block; vertical-align: bottom;}
.foot .sns_list a+a{margin-left: 20px;}

@media screen and (max-width: 1280px){
    .foot{margin-top: 10vw; padding: 10vw 0;}
}
@media screen and (max-width: 768px){
    .foot{margin-top: 18vw; padding: 18vw 0;}
    .foot .ft_logo{display: block; margin: auto;}
    .foot .ft_link{position: relative; bottom: auto; right: auto; text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 8.62vw;}
    .foot .ft_link a{font-size: 3.8vw;}
    .foot .ft_link a+a{margin-top: 0; margin-left: 3.8vw;}
    .foot .ft_info{margin-top: 8.62vw; text-align: center;}
    .foot .ft_info li{font-size: 3.8vw;}
    .foot .ft_info li:nth-child(2){margin-right: 3.8vw;}
    .foot .ft_info li:nth-child(3){margin-right: 3.8vw;}
    .foot .ft_info .br{display: block;}
    .foot p{font-size: 2.8vw; text-align: center;}
    .foot .sns_list{position: relative; top: auto; right: auto; text-align: center; margin-top: 8.62vw;}
}