/* index-main-section */
#video_area{
    width: 100%;
    height: 100vh;
    position: relative;
}

#video_area .video_text_wrap{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}




.video_text_wrap .logo{
    width: 520px;
    margin-bottom: 1rem;
}


.cknb_count{
    padding: 7rem 0;
    width: 100%;
}
.cknb_count_wrap{
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}
.cknb_count_inner_set{
    width: 320px;
    padding: 2rem 0;
    position: relative;
}
#cknb_count_number{
    color: #fff;
}
.cknb_count_inner_set p{
    padding: 0 0 1.5rem 0;
}
.cknb_count_inner_set:not(:nth-of-type(4))::after{
    content: "";
    display: block;
    position: absolute;
    width: 0.1rem;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #fff;
}

#video_area .button{
    padding: 1rem 2rem;
    background-color: #fff;
    border-radius: 0.5rem;
}

video{
    object-fit: cover;
    z-index: -100;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
}
#video::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #252B46;
    opacity: 70%;
    z-index: -99;
}

.scroll{
    position: absolute;
    left: calc(50% - 3.6rem/2);
    bottom: 7%;
    width: 3.6rem;
    height: 7.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.scroll .object{
    position: relative;
}
.scroll .object .abs{
    position: absolute;
    left: calc(50% - 0.6rem/2);
    animation-name: scroll;
    animation-duration:0.6s;
    animation-duration: leaner;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-fill-mode: forwards;
}

.scroll .object2{
    animation-name: opacity;
    animation-duration:0.6s;
    animation-duration: leaner;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-fill-mode: forwards;
}

@-webkit-keyframes scroll{
    0% {
        top: 22%;
        opacity: 30%;
    }
    100%{
        top: 50%;
        opacity: 100%;
    }
}
@-webkit-keyframes opacity{
    0% {
        opacity: 30%;
    }
    100%{
        opacity: 100%;
    }
}
/* index-main-section */

/* reference_area */
#reference_area .content_area div{
    width: 100%;
    height: 12rem;;
    overflow: hidden;
    position: relative;
}
#reference_area .content_area .top{
    margin-bottom: 5rem;
}
#reference_area .content_area ul{
    display: flex;
    top: 0;
    position: absolute;
}
#reference_area .content_area .top ul{
    left: 0;
    animation-name: rf_top;
    animation-duration : 50s; /* 시간 변경 24.25.30 수정 */
    animation-timing-function: linear;
    animation-iteration-count : infinite;
}
#reference_area .content_area .bottom ul{
    right: 0;
    animation-name: rf_bottom;
    animation-duration : 50s; /* 시간 변경 24.25.30 수정 */
    animation-timing-function: linear;
    animation-iteration-count : infinite;
}
#reference_area .content_area ul li img{
    display: block;
    width: 30rem;
    height: 12rem;
    border-radius: 1rem;
    border: 0.2rem solid #ccc;
    box-sizing: border-box;
}
#reference_area .content_area .top ul li{
    margin-left:7rem;
}
#reference_area .content_area .bottom ul li{
    margin-right:7rem;
}

@keyframes rf_top{
    0%{
        left: 0;
    }
    100%{
        left: calc(-1628rem/2);
    }
}
@keyframes rf_bottom{
    0%{
        right: 0;
    }
    100%{
        right: calc(-1628rem/2);
    }
}
/* //reference_area */

/* hiddentag_biz_area */
#hiddentag_biz_area{
    position: relative;
    background-image: url("../img/index_imgs/HiddenTag_biz_section/biz0.jpg");
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
#hiddentag_biz_wrap .section_title h2, #hiddentag_biz_wrap .section_title p{
    color: #fff;
    position: relative;
    z-index: 1;
}
#hiddentag_biz_area::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0.45;
}
#hiddentag_biz_wrap .content_area{
    box-sizing: border-box;
    width: 100%;
}
#hiddentag_biz_wrap ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 2rem;
}
#hiddentag_biz_wrap .content_area li{
    position: relative;
    z-index: 1;
    opacity: 0.5;
    width: calc(25% - 2rem);
    height: 40rem;
    padding: 0 2rem;
    box-sizing: border-box;
}

/* 러시아어일 때 처리 [s]*/
html[lang=ru] #hiddentag_biz_wrap .content_area li{
    height : 42rem;
}

html[lang=ru] #hiddentag_biz_wrap .content_area .biz_select_text strong {
	font-size: 2.8rem;
}

/* 러시아어일 때 처리 [e]*/

#hiddentag_biz_wrap .content_area li.active{
    opacity: 1;
}
#hiddentag_biz_wrap .content_area li.active::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.1rem solid #fff;
    border-radius: 1rem;
    backdrop-filter:blur(2rem);
    z-index: -1;
    box-sizing: border-box;
}
#hiddentag_biz_wrap .content_area li a{
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2.7rem;
}
#hiddentag_biz_wrap .content_area li a .object_img{
    min-height: 10rem;
    width: 10rem;
    display: none;
}
#hiddentag_biz_wrap .content_area li a .object_img img{
    display: block;
    width: 100%;
    height: 100%;
}
#hiddentag_biz_wrap .content_area li.active a .object_img{
    display: block;
}
#hiddentag_biz_wrap .biz_select_text{
    width: 100%;
}
#hiddentag_biz_wrap .biz_select_text div:nth-of-type(1){
    padding-bottom: 1.5rem;
    padding-top: calc(10rem + 2.7rem);
    border-bottom: 0.1rem solid #fff;
}
#hiddentag_biz_wrap .content_area li.active .biz_select_text div:nth-of-type(1){
    padding-top: 0rem;
}
#hiddentag_biz_wrap .biz_select_text div:nth-of-type(2){
    padding-top: 1.5rem;
}
#hiddentag_biz_wrap .content_area .arrow_img{
    display: block;
    width: 60%;
    height: 1.5rem;
    position: relative;
    overflow: hidden;
}
#hiddentag_biz_wrap .content_area .arrow_img::after{
    content: "";
    display: block;
    background: url("../img/svg/arrow.svg");
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -50%;
    transition:all 0.8s ease;
}
@media (min-width:1325px){
    #hiddentag_biz_wrap .content_area li:hover .arrow_img::after{
        left: 0;
    }

}
/* //hiddentag_biz_area */

/* features_area */
#features_area{
    position: relative;
    width: 100%;
}
#features_area .blur{
    position: absolute;
    width: 70rem;
    height: 70rem;
    left: 50%;
    top: 0;
    z-index: -2;
    background-image: url("../img/index_imgs/features/features_0.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}
#features_area::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter:blur(1rem);
    z-index: -1;
}
#features_area .tap_wrap{
    width: 100%;
    height: 60rem;
    position: relative;
}

/* 영어일 때 처리 [s]*/
html[lang=en] #features_area .tap_wrap {
	height: 62rem;
}

html[lang=en] #features_area .tap_wrap li {
	height: 12rem;
}
html[lang=en] #features_wrap .tap_wrap .button {
	padding : 0 1rem;
	text-align: center;
}
/* 영어일 때 처리 [e]*/
/* 러시아일 때 처리 [s]*/
html[lang=ru] #features_area .tap_wrap {
	height: 62rem;
}

html[lang=ru] #features_area .tap_wrap li {
	height: 12rem;
}
html[lang=ru] #features_wrap .tap_wrap .button {
	padding : 0 1rem;
	text-align: center;
}
/* 러시아일 때 처리 [e]*/
/* 태국어일 때 처리 [s]*/
html[lang=th] #features_wrap .tap_wrap li .button {
	font-size: 1.5rem;
	padding : 1rem;
	text-align: center;
}
html[lang=th] #features_wrap .tap_wrap li.active .button {
	font-size: 1.5rem;
}
/* 태국어일 때 처리 [e]*/

#features_area .tap_wrap > ul{
    display: flex;
    justify-content: space-between;
    align-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    gap:2rem 0;
}
#features_area .tap_wrap li{
    width: 32%;
    height: 6rem;
}
#features_area .tap_wrap .cont_area{
    position: absolute;
    left: calc(50% - 40%);
    top: 0;
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: none;
}
#features_area .tap_wrap .active .cont_area{
    display: flex;
}
#features_area .tap_wrap .cont_area .img{
    min-width: 37rem;
    height: 37rem;
    background-image: url("../img/index_imgs/features/features_0.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#features_area .tap_wrap .cont_area .text_wrap{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
    gap: 3rem;
}
/* //features_area */

/* inquiry_area */
#inquiry_area{
    position: relative;
    background-image: url("../img/banner_imgs/index_Inquiry.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}
#inquiry_area::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: #1A2039;
    opacity: 0.5;
    z-index: -1;
}
#inquiry_wrap .text{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* //inquiry_area */

/* strore_area */
#strore_wrap .content_area{
    margin: 0 auto;
    width: 100%;
}
#strore_wrap .content_area ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2vw 0;
}
#strore_wrap .content_area ul li{
    border-radius: 0.8rem;
    overflow: hidden;
    width: calc((100% / 4) - 2vw);
    border: 0.1rem solid #eee;
    box-shadow: 5px 5px 10px #ccc;
    box-sizing: border-box;
}
#strore_wrap .content_area ul li img{
    display: block;
    width: 100%;
}
/* // strore_area */

/* count box ,(콤마) 색상 */
.cknb_count_wrap {
	color: white;
}

/* PC 브라우저 크기에서 링크를 비활성화 */
/*@media screen and (min-width: 1024px) {
    #call_popup_menu a {
        pointer-events: none;  클릭 비활성화 
        color: gray;  텍스트 색상 변경 (선택 사항) 
    }
}*/



@media (max-width:1325px){
    #hiddentag_biz_area{
    background: url(biz3.jpg)!important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    }

}

/* icp beian */
.beian_area {
	/*padding: 0 19rem;*/
	white-space: nowrap; /* 줄바꿈을 방지합니다 */
}

.video_text_wrap .logo-wrap img {
	padding : 0 2rem;
}

.video_text_wrap .txt {
	padding : 0 2rem;
}