:root {
--window-height: 100vh; /* 기본값은 100vh로 설정할 수 있습니다. */
}

/* 섹션 2 */
#index_wrap .div_w {
    display: flex;
    justify-content: center;
    position: relative;
    height: calc(var(--window-height) * 4);
}

#index_wrap .div_w .title_container_wrap {
    transition: opacity 0.3s ease;
}

#index_wrap .title_container_wrap {
    /* height: 1104px; */
    height: 100vh;
    position: sticky;
    top: 0;
}

#index_wrap .div_w .title_container_wrap .title_wrap2 {
    position: absolute;
    top: 370px;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -999;
    color: #fff;
	font-size: 4.5vh;
	font-weight: 700;
	line-height: 6vh;
/*	line-height: 45px;*/
}

#index_wrap .div_w .title_container_wrap .title_container {
    position: relative;
    width: 100%;
}

#index_wrap .div_w .title_container_wrap .title_wrap2.on {
    opacity: 1;
    z-index: 50;
}

#index_wrap .div_w .title_container_wrap .title_wrap2:nth-of-type(1) {
    position: relative;
}

#index_wrap .div_w .title_container_wrap .title_wrap2.first {
    opacity: 0;
    top:25vh;
}

 #index_wrap .div_w .title_container_wrap .title_wrap2.second {
    opacity: 01;
    top:55vh;
}

/* 카드 위로 올라가는 효과 */
#index_wrap .cardUpSection {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

#index_wrap .cardUpContainer {
    flex-direction: column;
    width: 100%;
    margin-top: 4rem;
    display: flex;
    position: relative; 
}

#index_wrap .cardScrollWrapper {
    position: sticky; 
    top: 13rem; 
    left: 0rem; 
    right: 0rem; 
    height: 40rem; 
    width: 100%;
}

#index_wrap .cardScrollWrapper.wrap1 {
    top: 13rem;
}

#index_wrap .cardScrollWrapper.wrap2 {
    top: 53rem;
}

#index_wrap .cardScrollWrapper.wrap3 {
    top: 93rem;
}

#index_wrap .cardScroll {
    position: absolute; 
    left: 0rem; 
    right: 0rem;
}

#index_wrap .cardScroll.wrap1 {
    height: 0rem; 
    top: 0rem;
}

#index_wrap .cardScroll.wrap2 {
    height: 40rem; 
    top: -41rem;
}

#index_wrap .cardScroll.wrap3 {
    height: 80rem; 
    top: -82rem;
}

#index_wrap .feature-card {
    display: flex;
    height: auto !important;
    flex-direction: column;
    height: 40rem; 
    will-change: transform; 
    transform-origin: center bottom; 
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

#index_wrap .feature-card.card1 {
    transform: scale(0.904545) translateY(23.8636px);
}

#index_wrap .feature-card.card2 {
    transform: scale(0.95) translateY(12.5px);
}

#index_wrap .feature-card.card3 {
    transform: scale(0.995455) translateY(1.13636px); 
}

#index_wrap .cnt_5 .service-item {
    background: var(--fill-fill_primary, #972FFF);
    text-align: center;
    padding: 42px 15px 15px;
    border-radius: 12px;
	width: 100%;
	margin: 0 auto;
}

#index_wrap .cnt_5 .service-item img {
    width:100%;
}

#index_wrap .container-fluid.p-40 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

#index_wrap .container-fluid.cnt_1 {
/*    height: 100vh;*/
    padding-top: 6.6rem;
    padding-bottom: 7.8rem;
}

#index_wrap .container-fluid.cnt_1 .top_img {
	width: 202px;
	margin: 0 auto;
	margin-bottom: 42px;
}

/* #index_wrap .container-fluid.cnt_1 .btm_img {
    width: 130px;
} */

#index_wrap .container-fluid.cnt_1 .topText {
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 18px;
}

#index_wrap .container-fluid.cnt_1 .btmText {
    font-size: 18px;
    line-height: 27px;
    color: #616161;
	margin-bottom: 43px;
}

#index_wrap .container-fluid.cnt_1 .btn {
    width: 153px;
    height: 45px;
    background: #972fff;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
}

#index_wrap .cnt_9 .cnt9Text {
	margin-bottom: 22px;
}

#index_wrap .container-fluid.cnt_3 .top_text,
#index_wrap .container-fluid.cnt_4 .top_text,
#index_wrap .container-fluid.cnt_5 .top_text,
#index_wrap .container-fluid.cnt_6 .top_text,
#index_wrap .container-fluid.cnt_7 .top_text,
#index_wrap .container-fluid.cnt_8 .top_text {
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
	margin-bottom: 21px;
    color: #111;
}

#index_wrap .container-fluid.cnt_9 .top_text  {
	font-size: 14px;
	font-weight: 400;
	line-height: 22.4px;
	color: #616161;
	margin-bottom: 6px;
}

#index_wrap .container-fluid.cnt_3 .btm_text,
#index_wrap .container-fluid.cnt_4 .btm_text,
#index_wrap .container-fluid.cnt_5 .btm_text,
#index_wrap .container-fluid.cnt_6 .btm_text,
#index_wrap .container-fluid.cnt_7 .btm_text,
#index_wrap .container-fluid.cnt_8 .btm_text {
    font-size: 16px;
    line-height: 26px;
}

#index_wrap .container-fluid.cnt_9 .btm_text  {
	font-size: 28px;
	font-weight: 700;
	line-height: 42px;
	color: #212121;
	margin-bottom: 22px;
}

#index_wrap .container-fluid.cnt_6 {
    /* background: rgb(151,47,255); */
    /* background: linear-gradient(0deg, rgba(151,47,255,1) 0%, rgba(97,41,153,1) 20%, rgba(33,33,33,1) 40%, rgba(33,33,33,1) 100%); */
	background: url(//cdn.weaversmind.com/talkIs/cnt_6_bg.jpg) repeat center;
    background-size: contain;

    padding-top: 6rem;
    padding-bottom: 6rem;
}

#index_wrap .container-fluid.cnt_8 .feature-item {
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    text-align: center;
}

#index_wrap .container-fluid.cnt_8 .feature-item h4 {
    font-size: 16px;
    line-height: 24px;
    color: #424242;
}

#index_wrap .container-fluid.cnt_8 .feature-item p {
    font-size: 11px;
    line-height: 27px;
    color: #616161;
}

#index_wrap .container-fluid.cnt_5 .po_center {
	margin-bottom: 24px;
}

#index_wrap .container-fluid.cnt_5 h4 {
    font-weight: 700;
    font-size: 21px;
    line-height: 31.5px;
	margin-bottom: 13.5px;
}

#index_wrap .container-fluid.cnt_5 p {
    font-size: 14px;
    line-height: 17px;
}

#index_wrap .container-fluid.cnt_5 .topText {
	margin-bottom: 24px;
}

#index_wrap .container-fluid.cnt_6 .topText {
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
	margin-bottom: 21px;
}

#index_wrap .container-fluid.cnt_6 .btmText {
    color: #929292;
    font-size: 16px;
    line-height: 26px;
}

#index_wrap .containerWrap {
	margin-bottom: 17px
}

#index_wrap .cnt_5 .containerWrap {
	margin-bottom: 24px
}

#index_wrap .cnt_7 .containerWrap {
	margin-bottom: 43px
}

#index_wrap .container-fluid.cnt_4 .video-container {
	margin-bottom: 23px;
	width: 100%;
}

/* 삭제 예정 */
#index_wrap .cnt_4 .service-item img {
    width:100%;
} 
#index_wrap .cnt_7 .service-item img {
    width:260px;
} 

#index_wrap .cnt_9 .cnt_9_card_wrap img {
    width:100%;
} 

#index_wrap .cnt_11 .container img {
    width:100%;
} 
/* 삭제 예정 */



/* 카드 슬라이드 */
#index_wrap .swiper {
    margin-bottom: 20px;
}

#index_wrap .swiper-wrapper {
    transition-timing-function: linear;
}

#index_wrap .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
	width: auto !important;
}

#index_wrap .swiper-slide:nth-child(odd) {
/* background-color: pink */
}

#index_wrap .swiper-slide:nth-child(even) {
/* background-color: #fff; */
}
/* 카드 슬라이드 */

#index_wrap .lottieWrap {
    background: #F4E9FF;
    border-radius: 20px;
    width: 295px;
    height: 51px;
    margin: 0 auto;
    border: 1px solid #972FFF;
}

#lottie {
    width: 100%; /* 애니메이션의 너비 */
    height: 100%; /* 애니메이션의 높이 */
    margin: auto;
}

#index_wrap .cnt_8 .cnt8_card {
	margin-bottom: 24px;
}

#index_wrap .cnt8_imogi {
	margin-bottom: 13px;
}

#index_wrap .cardWrapCnt9 {
    background: #F3F3F3;
	border-radius: 7px;
	margin-bottom: 21px;
}

#index_wrap .cardWrapCnt9 .service-item {
	padding: 32px 28px 26px 28px;
}

#index_wrap .cardWrapCnt9 .topTextWrap {
	margin-bottom: 22px;
}

#index_wrap .cardWrapCnt9 .topTextWrap h4 {
    font-size: 14px;
    line-height: 22.4px;
    color: #616161;
	margin-bottom: 5px;
}

#index_wrap .cardWrapCnt9 .topTextWrap p {
    font-size: 22px;
    line-height: 33px;
    font-weight: 700;
    color: #212121;
}

#index_wrap .container-fluid.cnt_11 .container {
	position: relative;
}

#index_wrap .cnt_11_shop_move {
	position: absolute;
	bottom: 6%;
	left: 50%;
	transform: translateX(-50%);
	width: 92%;
	height: 10%;
}

#index_wrap .title_text_mo_ta {display:block;}
#index_wrap .title_text_pc {display:none;}



@media (min-width: 400px){
	#index_wrap .div_w .title_container_wrap .title_wrap2 {
		font-size: 4vh;
	}
}


/* 태블릿 (768px ~ 1024px) */
@media (min-width: 768px){
    #index_wrap .div_w .title_container_wrap .title_wrap2 {
        font-size: 5vh;
    }
	#index_wrap .container-fluid.cnt_5 .po_center {
		margin-bottom: 48px;
	}

	#index_wrap .container-fluid.cnt_5 .topText {
		margin-bottom: 59px;
	}

	#index_wrap .cnt_5 .containerWrap {
		margin-bottom: 74px
	}

	#index_wrap .cardWrapCnt9 .service-item {
		padding: 60px 74px 79px 74px;
	}

	#index_wrap .cardWrapCnt9 {
		border-radius: 12px;
		margin-bottom: 39px;
	}
	#index_wrap .cardWrapCnt9 .topTextWrap {
		margin-bottom: 79px;
	}

	#index_wrap .cardWrapCnt9 .topTextWrap h4 {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 8px;
	}

	#index_wrap .cardWrapCnt9 .topTextWrap p {
		font-size: 36px;
		line-height: 54px;
	}

	#index_wrap .cnt_8 .cnt8_card {
		margin-bottom: 44px;
	}

	#index_wrap .cnt8_imogi {
		margin-bottom: 25px;
	}

    #index_wrap .lottieWrap {
        width: 524px;
        height: 91px;
        border-radius: 9000px;
    }

    #index_wrap .feature-card {
        width: 432px;
        margin: 0 auto;
    }

	#index_wrap .containerWrap {
		margin-bottom: 27px;
	}

	#index_wrap .container-fluid.cnt_1 .btn {
		width: 350px;
		height: 80px;
		font-size: 30px;
		line-height: 45px;
		border-radius: 9000px;
		padding: 17.5px 0;
	}

	#index_wrap .container-fluid.cnt_4 .video-container {
		width: 650px;
		margin: 0 auto;
		margin-bottom: 27px;
	}

    #index_wrap .container-fluid.cnt_3 .top_text,
    #index_wrap .container-fluid.cnt_4 .top_text,
    #index_wrap .container-fluid.cnt_5 .top_text,
    #index_wrap .container-fluid.cnt_6 .top_text,
    #index_wrap .container-fluid.cnt_7 .top_text,
    #index_wrap .container-fluid.cnt_8 .top_text  {
        font-size: 48px;
        line-height: 64px;
		margin-bottom: 36px;
    }

	#index_wrap .container-fluid.cnt_9 .top_text  {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 12px;
	}

    #index_wrap .container-fluid.cnt_3 .btm_text,
    #index_wrap .container-fluid.cnt_4 .btm_text,
    #index_wrap .container-fluid.cnt_5 .btm_text,
    #index_wrap .container-fluid.cnt_6 .btm_text,
    #index_wrap .container-fluid.cnt_7 .btm_text,
    #index_wrap .container-fluid.cnt_8 .btm_text  {
        font-size: 24px;
        line-height: 36px;
    }

	#index_wrap .container-fluid.cnt_9 .btm_text  {
		font-size: 48px;
		line-height: 64px;
		margin-bottom: 64px;
	}

    #index_wrap .container-fluid.cnt_8 .feature-item {
        padding-top: 54px !important;
        padding-bottom: 64px !important;
    }

    #index_wrap .container-fluid.cnt_8 .feature-item h4 {
        margin-bottom: 36px !important;
        font-size: 24px;
        line-height: 36px;
    }

    #index_wrap .container-fluid.cnt_8 .feature-item p {
        font-size: 18px;
        line-height: 27px;
    }

    #index_wrap .container-fluid.cnt_7 .container {
        width: 100%;
        max-width: 100% !important;
    }

	#index_wrap .cnt_7 .service-item img {
		width: 325px;
	} 

    #index_wrap .container-fluid.cnt_11 .container {
        width: 100%;
        margin: 0 !important;
        max-width: 100% !important;
    }

    #index_wrap .cnt_5 .service-item {
        padding: 18px;
		border-radius: 24px;
        padding: 66px 30px;
    }

    #index_wrap .container-fluid.cnt_5 h4 {
        font-weight: 700;
		font-size: 36px;
        line-height: 54px;
		margin-bottom: 27px;
    }
    
    #index_wrap .container-fluid.cnt_5 p {
		font-size: 24px;
		line-height: 36px;
    }

    #index_wrap .container-fluid.cnt_6 .topText {
        font-size: 48px;
        line-height: 64px;
		margin-bottom: 36px;
    }
    
    #index_wrap .container-fluid.cnt_6 .btmText {
        font-size: 24px;
        line-height: 36px;
    }

    #index_wrap .container-fluid.cnt_4 .po_center,
    #index_wrap .container-fluid.cnt_8 .po_center,
    #index_wrap .container-fluid.cnt_9 .po_center {
        max-width: 560px !important;
    }

    #index_wrap .container-fluid.cnt_1 .topText {
        font-size: 48px;
        line-height: 64px;
		margin-bottom: 50px;
    }

    #index_wrap .container-fluid.cnt_1 .btmText {
        font-size: 24px;
        line-height: 36px;
		margin-bottom: 70px;
    }

    #index_wrap .container-fluid.cnt_1 .top_img {
		width: 350px;
        margin-bottom: 25px !important;
    }

    #index_wrap .div_w .title_container_wrap .title_wrap2 {
/*        font-size: 54px;*/
/*		line-height: 67px;*/
/*        font-size: 2.6vw;*/
/*        line-height: 1.1;*/
    }

    #index_wrap .container-fluid.p-40 {
        padding-top: 15rem;
        padding-bottom: 15rem;
    }

    #index_wrap .div_w .title_container_wrap .title_wrap2.first {
        top: 25vh;
    }

    #index_wrap .div_w .title_container_wrap .title_wrap2.second {
        top: 55vh;
    }

	#index_wrap .container-fluid.cnt_1 {
		padding-top: 7.3rem;
		padding-bottom: 8.5rem;
	}

	#index_wrap .p-40 {
		padding: 30px;
	}

	#index_wrap .cnt_7 .containerWrap {
		margin-bottom: 62px
	}

	#index_wrap .cardWrapCnt5 {
		width: 560px;
		margin: 0 auto;
	}
}



/* PC (1025px 이상) */
@media (min-width: 1025px) {

	#index_wrap .title_text_mo_ta {display:none;}
	#index_wrap .title_text_pc {display:block;}

    #index_wrap .container-fluid.cnt_11 .container {
        max-width: 560px;
        margin: 0 auto;
    }

	#index_wrap .container-fluid.cnt_1 {
		padding-top: 8.5rem;
		padding-bottom: 12.3rem;
	}

    #index_wrap .container-fluid.cnt_1 .top_img {
        margin-bottom: 29px !important;
    }

	#index_wrap .navbar .navbar-brand img {
		width: 95px;
	}

	#index_wrap .container-fluid.cnt_4 .video-container {
		width: 560px;
	}

	#index_wrap .cnt_7 .containerWrap {
		margin-bottom: 84px
	}

    #index_wrap .container-fluid.cnt_5 .topText {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        text-align: start;
    }

    #index_wrap .container-fluid.cnt_5 .topTextWrap {
/*        margin-left: 15px;*/
/*		margin-left: 9%;*/
		margin-top: 20px;
    }

    #index_wrap .container-fluid.cnt_5 h4,
    #index_wrap .container-fluid.cnt_5 p {
        color: #343434 !important;
    }

	#index_wrap.cardWrapCnt5 {
		width: 902px;
		margin: 0 auto;
	}

    #index_wrap .cnt_5 .service-item {
        background: none;
		padding: 0;
		justify-content: space-between;
    }

    #index_wrap .cnt_5 .service-item .col-lg-7 {
		width: 500px !important;
    }

	#index_wrap .cardWrapCnt5 .topTextWrap.pc_only span {
		color: #972FFF;
	}

	#index_wrap .cardWrapCnt5 {
		width: 100%;
	}

/*    #index_wrap .div_w .title_container_wrap .title_wrap2 {*/
/*        font-size: 2.6vw;*/
/*        line-height: 1.1;*/
/*    }*/
}


/*@media (min-height: 481px) and (max-height: 600px) {*/
/*     모바일 스타일 */
/*}*/
/*@media (min-height: 200px) and (max-height: 800px) and (min-width: 1025px) {*/
    /* 태블릿 스타일 */
/*    #index_wrap .div_w .title_container_wrap .title_wrap2.first {*/
/*        top: 25.5vh;*/
/*    }*/
/*    #index_wrap .div_w .title_container_wrap .title_wrap2.second {*/
/*        top: 58vh;*/
/*    }*/
/**/
/*    #index_wrap .div_w .title_container_wrap .title_wrap2 {*/
/*        font-size: 2.6vw;*/
/*        line-height: 1.1;*/
/*    }*/
/*}*/
/**/
/*@media (min-height: 200px) and (max-height: 600px) and (max-width: 767px) {*/
/*    #index_wrap .div_w .title_container_wrap .title_wrap2 {*/
/*		font-size: 2.7vw;*/
/*		line-height: 1.1;*/
/*    }*/
/**/
/*	#index_wrap .div_w .title_container_wrap .title_wrap2.second {*/
/*		top: 60vh;*/
/*	}*/
/**/
/*	#index_wrap .div_w .title_container_wrap .title_wrap2.first {*/
/*		top: 27vh;*/
/*	}*/
/*}*/
/*@media (min-height: 901px) {*/
    /* 대형 데스크탑 스타일 */
/*}*/