@keyframes move {
  from {
    transform: translateX(100px) scale(1.2);
    animation-timing-function: cubic-bezier(.2,0,.8,1);
  }
  to { transform: translateX(0px) scale(1); }
}
@-webkit-keyframes updown {
    0% {
        bottom: 0;
    }

    100% {
        bottom: 30px;
    }
}
@font-face {
    font-family: 'pretendard-bold';
    src: url('fonts/pretendard-bold.otf') format('opentype');
}
@font-face {
    font-family: 'pretendard-regular';
    src: url('fonts/pretendard-regular.otf') format('opentype');
}
@-webkit-keyframes arrayR {0%,100% {-webkit-transform:translate(15px,-50%);}50% {-webkit-transform:translate(15px,-50%);}}
@keyframes arrayR {0%,100% {transform:translate(0,-50%);}50% {transform:translate(15px,-50%);}}
.pretendardB{font-family: 'pretendard-bold';}
.pretendardR{font-family: 'pretendard-regular';}
.no-padding{padding-right:0; padding-left:0;}
.no-margin{margin-right:0; margin-left:0;}
.suiteR{font-family: 'suite-regular';}
.suiteB{font-family: 'suite-bold';}
.suiteSB{font-family: 'suite-semibold';}
/* common */

#loginForm .form-heading{margin-top:225px!important;}

:root {}
.view-more {
display: inline-block;text-decoration: none;overflow: hidden;vertical-align: middle;background: transparent;overflow: hidden;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);position: relative;z-index: 1;font-weight: 100;}

.view-more:hover:before {
-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);
transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;
-ms-transform-origin: left top;transform-origin: left top;}

.view-more:before {
z-index: -1;content: "";display: block;width: 135%;height: 105%;position: absolute;left: 0;top: 0;
-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);
-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),  -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.view-more2 div {
display: inline-block;text-decoration: none;overflow: hidden;vertical-align: middle;background: transparent;overflow: hidden;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);position: relative;z-index: 1;font-weight: 100;}

.view-more2:hover div:before {
-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);
transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;
-ms-transform-origin: left top;transform-origin: left top;}

.view-more2 div:before {
z-index: -1;content: "";display: block;width: 135%;height: 105%;position: absolute;left: 0;top: 0;
-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);
-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),  -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;backface-visibility: hidden;}
/*청년*/
.youth_info >p{margin:0;}
.youth_info >p:nth-child(3), 
.youth_info >p:nth-child(7){ margin-top:25px; }
.youth_info_wrap{ position:relative; }
.youth_logo{margin-top:5%;}
.youth_insta{position:absolute;bottom:0%;left:0%;}

.youth_vision_wrap2 {padding:0 120px;}
.youth_vision_wrap2 {margin-top:90px;display: grid;grid-template-columns: 1fr 1fr 1fr;width: 100%;}
.youth_vision_wrap3 {margin-top:90px;display: grid;grid-template-columns: 1fr 8fr;}
.youth_vision_wrap4 {display: grid;grid-template-columns: 1fr 1fr 1fr;margin-top: 90px;width: 90%;}
.youth_v_box{border-left:2px solid rgba(255,255,255,0.2);padding-left:20px;}
.youth_v_box>p:nth-child(2){margin-top:40px;}
.youth_title_s {padding: 3px 25px;border-radius: 60px;background: #8170ca;color: #fff;}

.worship_box_1{border-right:2px solid #ddd;}
.t_yworship td{ padding-bottom:10px; vertical-align:top;}
.t_yworship td:first-child{font-weight:600;}
.t_yworship td:nth-child(2){opacity:0.8;}
.worship_time {margin-top: 50px;}
.youth_worship_wrap {display: grid;grid-template-columns: 5fr 6fr;gap: 30px;}
.youth_meeting2 {margin-top: 100px;}
.youth_meet_num {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap: 10px;}
.meet_num_box {text-align: center;}
.meet_num_box>p:nth-child(2) {line-height:1.2;}
.youth_wrap {position: relative;}
.youth_wrap::before{ content: "";z-index:-1;position: absolute;top:23%;width: 100%;height: 3px;background: #8170ca; background-image: radial-gradient(#fff 30%, transparent 0), radial-gradient(#fff 43%, transparent 0);background-position: 0px 0, 10px 10px; background-size: 10px 20px;}
.youth_img>img{border-radius:10px;}
.youth_img_wrap{  display: grid;grid-template-columns: 4fr 6fr 3fr;}

.youth_edu_info {display: grid;grid-template-columns: 3fr 12fr;gap: 110px;}
.step_box1,.step_box2,.step_box3,.step_box4,.step_box5{ position:relative; }
.step_box1::before{content:"";position:absolute;top:-60%;width:100%;height:9px;background:#b8afe1;}
.step_box2::before{content:"";position:absolute;top:-60%;width:100%;height:9px;background:#a092da;}
.step_box3::before{content:"";position:absolute;top:-60%;width:100%;height:9px;background:#8170ca;}
.step_box4::before{content:"";position:absolute;top:-60%;width:100%;height:9px;background:#624eb5;}
.step_box5::before{content:"";position:absolute;top:-60%;width:100%;height:9px;background:#48349d;}



@media (max-width:1699px) {
	.youth_vision_wrap2{padding: 0 80px!important;}
}

@media (max-width:1499px) {
	.youth_worship_wrap{grid-template-columns:1fr!important;}
}

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

@media (max-width:992px) {
	.row{margin:0!important;}
	#component8246{padding: 60px 0px!important;}
	#component5865{padding: 40px 0px!important;}
	.youth_info_wrap .tbox .title{line-height: 1.5!important;}
	.youth_logo img{width:40%;}
	.youth_vision_wrap2{padding:0!important;margin-top: 20px!important;}
	.youth_vision_wrap4{width:100%!important;margin-top: 20px!important;}
	.youth_worship_wrap .youth_w_box{grid-template-columns:1fr!important;}
	.youth_worship_wrap .youth_w_box .worship_time{text-align:center;}
	.youth_worship_wrap #unit2769 .youth_meeting1{display: inline-flex;flex-direction: column;}
	.youth_worship_wrap #unit2769 .youth_meeting1 > div:nth-child(1){padding-bottom:20px!important;}
	.youth_worship_wrap #unit2769 .youth_meeting1 > div{width:100%!important;}
	.youth_worship_wrap #unit2769 .youth_meeting2{display: inline-flex;flex-direction: column;}
	.youth_worship_wrap #unit2769 .youth_meeting2 > div:nth-child(1){padding-bottom:20px!important;}
	.youth_worship_wrap #unit2769 .youth_meeting2 > div{width:100%!important;}
	.met_process{margin-top:30px;}
}

@media (max-width:767px) {
	#component8246 {padding: 40px 0px 20px!important;}
	.youth_info_wrap .tbox .title {line-height: 1.2 !important;}
	.youth_insta{position:relative!important;padding: 15px 0!important;}
	#component5865 {padding: 20px 0px !important;}
	#component5865 #unit8355{padding: 40px 50px !important;}
	.youth_vision_wrap2{grid-template-columns: 1fr!important;}
	.youth_vision_wrap4{grid-template-columns: 1fr!important;}
	.youth_v_box{padding-left: 10px!important;border:0!important;}
	.youth_v_box>p:nth-child(2){margin-top: 20px!important;}
	#component4473{padding:40px 20px!important;}
	.youth_worship_wrap{gap:0!important;}
	.youth_worship_wrap .youth_w_box .worship_time{padding:0!important;}
	.youth_worship_wrap .youth_w_box table tbody tr td{font-size:15px!important;padding:0!important;}
	.worship_box_1{border:none!important;}
	.youth_title_s{font-size:17px!important;}
	.youth_worship_wrap #unit2769 .youth_meeting1 .col-sm-2{padding:0!important;}
	.youth_worship_wrap #unit2769 .youth_meeting1 div p span{font-size:15px!important;}
	.youth_worship_wrap #unit2769 .youth_meeting2 div p,
	.youth_worship_wrap #unit2769 .youth_meeting2 div p span{font-size:15px!important;}
	.youth_meet_num{grid-template-columns: 1fr 1fr 1fr!important;}
	.youth_wrap::before{background:none!important;}
	#component3row{padding:0!important;}
	#component8158 #unit8065{padding:0 15px!important;}
	.youth_img_wrap{grid-template-columns: 1fr!important;padding:0 15px!important;}
	.youth_edu_info{grid-template-columns: 1fr!important;gap:0px!important;padding:0 15px!important;}
	#component5856,
	#component5856 #unit7763{padding:0!important;}
	#component5856 #unit9616 p span{font-size:15px!important;}
	#component5856>div{padding:20px 15px!important;}
	.step_box1::before{height: 7px;top: -30%!important;} 
	.step_box2::before{top: -30%!important;} 
	.step_box3::before{top: -30%!important;} 
	.step_box4::before{top: -30%!important;}
	.step_box5::before{top: -30%!important;}
	
	
}


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