.page_title{
    background-image: url("../img/banner_imgs/common.jpg");
}
/* components_area */
#components_wrap span{
    font-size: 4.5rem;
    font-family: "Pretendard_bold", serif;
}
#components_wrap li{
    font-size: 2.58rem;
}
#components_wrap .text_list li{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
}
#components_wrap .text_list li::before{
    content: "-";
}



#components_wrap .content_area{
    width: 100%;
    box-sizing: border-box;
}
#components_wrap .list_wrap{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
}
#components_wrap .list_wrap .text_list{
    display: none;
}
#components_wrap .wrap{
    width: 20%;
    padding: 0 3rem;
    box-sizing: border-box;
    height: 60rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 0.1rem solid #eee;
    box-shadow: 5px 5px 10px #ccc;
    border-radius: 3rem;
    transition: 0.5s;
    cursor: pointer;
}
#components_wrap .wrap > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
}

#components_wrap .active span,#components_wrap .active li{
    color: #fff;
}
#components_wrap .active{
    width: 70%;
    display: flex;
    align-items: flex-start;
    background-color: #1a2039;
    transition: 0.5s;
}
#components_wrap .active > div{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: unset;
}
#components_wrap .active .text_list{
    margin-top: 3rem;
    display: block;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1.5rem;
}
#components_wrap .wrap div::before{
    content: "";
    display: block;
    width: 15rem;
    height: 15rem;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
#components_wrap .label div::before{
    background: url("../img/hiddentag_page/hiddentag_label.svg");
}
#components_wrap .app div::before{
    background: url("../img/hiddentag_page/hiddentag_app.svg");
}
#components_wrap .data div::before{
    background: url("../img/hiddentag_page/hiddentag_data.svg");
}

#components_wrap .label.active div::before{
    background: url("../img/hiddentag_page/hiddentag_label_active.svg");
}
#components_wrap .app.active div::before{
    background: url("../img/hiddentag_page/hiddentag_app_active.svg");
}
#components_wrap .data.active div::before{
    background: url("../img/hiddentag_page/hiddentag_data_active.svg");
}
/* //components_area */


/* authenticity */
#authenticity_area .wrap > p{
    font-size: 4.5rem;
    padding-bottom: 3rem;
    font-family: "Pretendard_bold", serif;
}
#authenticity_area .wrap div p{
    font-size: 3rem;
    font-family: "Pretendard_bold", serif;
    color: #fff;
}

#authenticity_area .content_area{
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
#authenticity_area .list_wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8rem;
}
#authenticity_area .wrap{
    width: 100%;
    border: 0.1rem solid #eee;
    box-shadow: 5px 5px 10px #ccc;
    border-radius: 3rem;
    padding: 3rem 5rem;
    box-sizing: border-box;
}
#authenticity_area .wrap div{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1a2039;
    padding: 2rem 2rem;
    border-radius: 2rem;
}

#authenticity_area .wrap div p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

/* //authenticity */

/* inquiry_area */
#inquiry_2_wrap .text div{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 2rem;
}
#inquiry_2_wrap .text p{
    color: #fff;
    font-size: 4.5rem;
    font-family: "Pretendard_bold", serif;
}
#inquiry_2_wrap .text p:last-of-type{
    font-size: 3rem;
}
#inquiry_2_wrap .text a{
    display: block;
    color: #1A2039;
    font-size: 2rem;
    background-color: #fff;
    padding: 1rem 2rem;
    border-radius: 0.5vw;
    font-family: "Pretendard_bold", serif;
}


#inquiry_2_area{
    position: relative;
    background-image: url("../img/banner_imgs/hiddentag_Inquiry.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}
#inquiry_2_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_2_wrap .text{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* //inquiry_area */

/* hiddentag_story_area */

#hiddentag_story_area{
    position: relative;
    background-image: url("../img/banner_imgs/hiddentag_story.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}


#hiddentag_story_wrap .text {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.hs_main_text {
    display: block;
    color: #fff;
    font-size: 4.5rem;
    font-family: "Pretendard_bold", serif;}
html[lang=ru] .hs_main_text {
    font-size: 3rem;}
.hs_sub_text {
    display: block;
    margin-top: 3rem;
    color: #fff;
    font-size: 2.58rem;
    font-family: "Pretendard", serif;
}

.hs_pat{
    background-color:#efefef;
    padding:10rem 0 5rem 0;
}

.hs_mini_text {
    display: block;
    margin-top: 3rem;
    color: #000;
    font-size: 2rem;
    font-family: "Pretendard", serif;
}

html[lang=ru] .hs_label_sub_text:nth-of-type(3) .hs_mini_text {
	font-size: 1.5rem;
}

html[lang=ru] .hs_label_sub_text:nth-of-type(4) .hs_mini_text {
	font-size: 1.5rem;
}

.hs_line{
    position: relative;
    left:50%;
    margin-left:-5rem;
    display: block;
    margin-top: 3rem;
    width: 10rem;
    height: 2px;
    background-color: #fff;
}

.hs{
    padding-left: 39rem;
    padding-right: 39rem;
}

.hs_sub_title{
    color: #000!important;
    text-align: center!important;
    margin-top: 2.5rem;
    font-family: "Pretendard_bold", serif;
}

.hs_sub_title2{
    color: #000!important;
    text-align: center!important;
    margin-top: 8rem;
    font-family: "Pretendard_bold", serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 7rem;
}

.hs_center_text{
    text-align:center;
}

.hs_label{
    width:47rem;
}

.hs_label2{
    width:18rem;
    mix-blend-mode: multiply;
}

.hs_label3{
    width:20rem;
    mix-blend-mode: multiply;
}

.hs_label4{
    width:30rem;
    margin-top: 8rem;
}

.hs_label_text_wrap{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: row;
    gap: 9rem;
    margin-top: 2rem;
}

.hs_num{
    font-size: 3rem!important;
    font-family: "Pretendard_bold", serif;
    color: #000!important;
}

.m_title{
    display:block;
    margin-bottom:1rem;
    font-size: 2rem!important;
    font-family: "Pretendard_bold", serif;
    color: #000!important;
    opacity:0.5;
}

.hs_h3{
    padding-left: 0rem!important;
    padding-right: 0rem!important;
}

.hs_h3 h3{
    color:#000!important;
    font-family: "Pretendard_bold", serif;
}

.hs_h4 h3 {
    font-family: "Pretendard_bold", serif;
}

.hs_label_sub_text{
    color: #000 !important;
    display: flex;
    flex-direction: column;
    /*align-items: flex-end;*/
    border: 2px solid #000;
    /*border: 2px solid #001949;*/
    padding: 3rem;
    width: 21rem;
    border-radius: 3rem;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    height: 22rem;
    justify-content: space-between;

    /*color: #000!important;
    display: flex;
    flex-direction: column;
    align-items: center;*/
}

.hs_label_sub_text1{
    color: #000!important;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.hs_label_sub_text span{
    color: #000 !important;
    margin-top: 0;
    font-family: "Pretendard", serif;
    text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 7;
	-webkit-line-clamp: 7;
    /*color: #000!important;
    margin-top: 3rem;
    font-family: "Pretendard_bold", serif;
    text-align: center;*/
}


.hs_label_sub_text1 span{
    color: #000!important;
    margin-top: 3rem;
    font-family: "Pretendard_bold", serif;
    text-align: center;
}

.hs_icon_box{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.hs_icon2{
    filter: brightness(0);
    width:8rem;
}

.hs_label_title{
    text-align: left;
    margin-top: 10rem;
    color: #000!important;
}

.hs_label_line{
    width:8rem;
    height: 1.5px;
    background-color: #000;
    display: block;
    margin-bottom: 3rem;
}

.hs_padding_box{
    margin-bottom:0!important;
}

.hs_label_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}

.hs_sub_text_list_wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap:5rem;
    margin-top:3rem;
}

.hs_sub_text_list_wrap span{
    font-family: "Pretendard_bold", serif;
    color: #000!important;
}



#hiddentag_story2_area{
    position: relative;
    background-image: url("../img/banner_imgs/hiddentag_story2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    /*padding-top: 5rem!important;
    padding-bottom: 8rem!important;*/
}


.hs_line1{
    display: block;
    margin-top: 3rem;
    width: 10rem;
    height: 2px;
    background-color: #fff;
}

.hs_bg{
    position: relative;
    background-image: url("../img/banner_imgs/hiddentag_story6.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    padding-top: 15rem!important;
    /*padding-bottom: 8rem!important;*/
}

.hs_bg_text{
    color: #000 !important;
    text-align: right !important;
    margin-top: 8rem;
    font-family: "Pretendard_bold", serif;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 5rem;
    font-size:4.5rem;
}

.hs_bg_text2{
    color: #000 !important;
    text-align: left !important;
    margin-top: 8rem;
    font-family: "Pretendard_bold", serif;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5rem;
    font-size:4.5rem;
}

.hs_label_bg{
    position: relative;
    background-image: url(../img/banner_imgs/hiddentag_story7.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    padding-top: 3rem;
    padding-bottom: 5rem;
    margin-left: -20rem;
    margin-top: 6rem;
}

.hs_label_bg2{
    position: relative;
    background-image: url(../img/banner_imgs/hiddentag_story9.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    margin-left: -16rem;
    margin-top: 6rem;
}

.hs_label_bg_text{
    margin-top: 2rem;
    color:#000;
    text-align:right;
}

.hs_label_bg_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hs_label_bg_text2{
    margin-top: 2rem;
    color:#000;
    text-align:left;
}

.hs_bg2_box{
    display: flex;
    flex-direction: column;
}

.hs_bg2_sub_box{
    display: flex;
    flex-direction: row;
}

.hs_label_bg_wrap2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 11rem;
}

#hiddentag_story2_wrap .text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.hs_sub_text2 {
margin-top: 6rem;
    font-family: "Pretendard", serif;
    /*display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;*/
}

.hs_sub_text2 span{
    font-family: "Pretendard_bold", serif;
    display: block;
    margin-top: 1.5rem;
}

.hs2_box {
    width: 37rem;
    height: 37rem;
    background-color: #0e173d;
    position: absolute;
    z-index: -1;
    top: -4rem;
    left: 31rem;
}

.hs_main_box_wrap{
    display: flex;
    flex-direction: row;
    margin-top:2rem;
    justify-content: center;
}

.hs_sub_box1{
    position: relative;
    /*background-image: url(../img/banner_imgs/hs_img1.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}


.hs_sub_box2{
    position: relative;
    /*background-image: url(../img/banner_imgs/hs_img2.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}

.hs_box_text1{
    padding: 5rem 10rem 7rem 10rem;
    /*padding: 10rem 19rem 9rem 19rem;*/
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Pretendard_bold", serif!important;
    color:#000!important;
}

.hs_box_text2{
    padding: 8rem;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Pretendard_bold", serif;
    color:#000!important;
}

.hs_box_text2 .hs_mini_span_box {
	width: 100%;
}

.hs_box_text2 .hs_mini_span_box .hs_mini_span_box_wrap{
	justify-content: center;
    padding: 0 2rem;
}

.hs_label_line2{
    display:none!important;
    /*width: 8rem;
    height: 2px;
    background-color: #000;
    display: block;
    margin-top: 3rem;*/
}

.hs_sub_box img{
    width:60rem;
}

#hiddentag_story3_area{
    position: relative;
    background-image: url("../img/banner_imgs/hiddentag_story4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    padding-top: 7rem!important;
    padding-bottom: 7rem!important;
}

.hs_mini_span_box_wrap{
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

.hs_padding_box{
    padding-left: 10rem!important;
    padding-right: 10rem!important;
}

.hs_box_mini_text{
    display: flex;
    padding: 1rem;
    width: 23rem;
    height: 5.5rem;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 1.8rem;
    border-radius: 1rem;
    background-color: #1a2039;
    box-shadow: 1px 1px 5px #a7a7a7;
    color:#fff;
}

html[lang=en] .hs_box_mini_text {
	height: 8.5rem;
}

html[lang=vi] .hs_box_mini_text {
	height: 7.5rem;
}

html[lang=ru] .hs_box_mini_text{
	height: 5rem;
	font-size: 1.2rem;
}

#hiddentag_story3_wrap .text {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}


.hs3_text {
    color: #fff;
    padding-left: 30rem;
    padding-right: 30rem;
}

.hs3_text p{
    display: block;
    font-family: "Pretendard", serif;
}

.hs3_text p:nth-child(1){
    margin-bottom: 3rem;
    font-family: "Pretendard", serif;
}

.hs3_text p:last-child{
    margin-top: 4rem;
    font-family: "Pretendard_bold", serif;
}


#hiddentag_story4_area{
    position: relative;
    background-image: url("../img/banner_imgs/hiddentag_story5.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    
}


#hiddentag_story4_wrap .text {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}


.hs4_text {
    padding-left: 30rem;
    padding-right: 30rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hs4_text p{
    display: block;
    font-family: "Pretendard", serif;
}


.hs4_text p:nth-child(1){
    display: block;
    font-family: "Pretendard_bold", serif;
}

.hs4_text p:nth-child(2){
    display: block;
    font-family: "Pretendard_bold", serif;
    font-size: 3rem;
    margin-bottom: 1rem;
}

.hs4_text p:last-child{
    display: block;
    font-family: "Pretendard", serif;
}

.hs_h4{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hs_line3{
    display: block;
    width: 10rem;
    height: 2px;
    background-color: #000;
    margin-top: 5rem;
}

.hs_label_text_wrap3{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    gap: 5rem;
    margin-top: 2rem;
    /*background-color: #dfdfdf;*/
    flex-wrap: wrap;
    padding: 0 10rem 10rem 10rem;
}


#hiddentag_story4_area .hs4_text a{
    display: block;
    color: #1A2039;
    font-size: 2rem;
    background-color: #fff;
    padding: 1rem 2rem;
    border-radius: 0.5vw;
    font-family: "Pretendard_bold", serif;
    margin-top: 6rem;
}

.hs_icon{
    filter: invert(7%) sepia(52%) saturate(7314%) hue-rotate(206deg) brightness(82%) contrast(111%);
    width:5rem;
}


.hs_icon1{
    width:10rem;
}

.hs_box{
    /*background-color:#dfdfdf;*/
}



.hs_label_img4{
    width:21rem;
    margin-bottom:2rem;
}

html[lang=vi] .hs_sub_box1 .hs_label_img4 {
	margin-bottom : 0;
}

.hs_app_sub_text_l{
    color:#000;
    text-align:left;
    margin-bottom:3rem;

}

.hs_app_sub_text_c{
    color:#000;
    text-align:center;
}

.hs_app_sub_text_r{
    color:#000;
    text-align:right;
}

.hs_app_sub_text{
    font-size:2rem;
}

.hs_app_main_text{
    font-size:4rem;
    font-family: "Pretendard_bold", serif;
}

.hs_app_img{
    width:60rem;
}

.hs_app_wrap1{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
}

.hs_app1_null{
    padding-left:5rem;
    padding-right:5rem;
}

.hs_app_wrap1_span{
    display: flex;
    flex-direction: column;
    margin-left: -10rem;
    margin-bottom: 5rem;
}

.hs_app_wrap2{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
}

.hs_app_wrap2_span{
    display: flex;
    flex-direction: column;
}

.hs_app_wrap2_bg{
    width: 100%;
    height: 70%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    right: 0;
    z-index: -1;
    margin-top: -51rem;
}

.hs_app2{
    padding-left:9rem!important;
    padding-right:9rem!important;
}

.hs_app_img2{
    width: 192rem;
    margin-top: -50rem;
}

#hiddentag_story_app1_area{
    padding-bottom: 1rem;
}


#hiddentag_story_app3_area{
    position: relative;
    background-image: url("../img/banner_imgs/hs_app3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    
}


#hiddentag_story_app3_wrap .text {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.hs_app_main_text_h{
    display: flex;
    color: #fff;
    text-align: center;
    justify-content: center;
}

.hs_app_img3{
    width:80vw;
}

.hs_app4_h3{
    margin-top:1rem;
    font-size:2.5vw!important;
}
html[lang=ja] .hs_app4_h3{
    margin-top:1rem;
    font-size:1.5vw!important;
}
.hs_app_img4{
    width: 100% !important;
    display: flex;
    justify-content: center;
    z-index: -1;
    position: relative;
    margin-top: -40rem;
}

.hs_app5_text1{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 20vw;
    position:absolute;
    margin-top: 14rem;
    left: 4rem;
}

.hs_app_nom{
    margin-bottom:0!important;
}

.hs_app5_text2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 20vw;
    left: 74%;
    position:absolute;
    margin-top: 30rem;
}

.hs_app_a1 {
    display: flex;
    width: 28rem;
    height: 62rem;
    position: absolute;
    top: 0;
    left: 0;
}

.hs_app_a2{
    display: flex;
    width: 31rem;
    height: 62rem;
    position: absolute;
    top: 0;
    left: 30rem;
}

.hs_app_a3{
    display: flex;
    width: 28rem;
    height: 62rem;
    position: absolute;
    top: 0;
    left: 63rem;
}

#hiddentag_story_app3_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#hiddentag_story_app3_wrap .btn-wrap {
	display : flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap : 2rem;
	width: 100%;
	padding : 0 2rem;
}

#hiddentag_story_app3_wrap .btn-wrap a {
	text-align: center;
}

.hs_app3_a{
    display: block;
    color: #1A2039;
    font-size: 2rem;
    background-color: #fff;
    padding: 1rem 2rem;
    border-radius: 0.5vw;
    font-family: "Pretendard_bold", serif;
    margin-top:3rem;
}


.hs_app_a_wrap {
    width: 92rem;
    position: absolute;
    height: 62rem;
    display: flex;
    margin-top: -85rem;
    margin-left: 31rem;
}

.hs_app_sub_text{
    color:#000!important;
}



/* //hiddentag_story_area */


/* components_area 반응형 영역*/
#components_wrap .same span,#components_wrap .same li{
    color: #fff;
}
#components_wrap .same{
    width: 70%;
    display: flex;
    align-items: flex-start;
    background-color: #1a2039;
    transition: 0.5s;
}
#components_wrap .same > div{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: unset;
}
#components_wrap .same .text_list{
    margin-top: 3rem;
    display: block;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1.5rem;
}
#components_wrap .label.same div::before{
    background: url("../img/hiddentag_page/hiddentag_label_active.svg");
}
#components_wrap .app.same div::before{
    background: url("../img/hiddentag_page/hiddentag_app_active.svg");
}
#components_wrap .data.same div::before{
    background: url("../img/hiddentag_page/hiddentag_data_active.svg");
}
/* //components_area 반응형 영역*/


@media all and (max-width:1800px) {
    /* components_area */
    #components_wrap li{
        font-size: 1.445vw;
    }
    /* //components_area */


    /* #inquiry_2_area */
    #inquiry_2_wrap .text p{
        font-size: 2.5vw;
    }
    #inquiry_2_wrap .text p:last-of-type{
        font-size: 1.67vw;
    }
    /* //#inquiry_2_area */
    
    /* #hiddentag_story_area */
    /*.hs_main_text{
        font-size: 2.5vw;
    }
    .hs_sub_text{
        font-size: 1.67vw;
    }*/
    /* //#hiddentag_story_area */


.hs_he3{
    padding-left: 9rem!important;
    padding-right: 9rem!important;
}
.hs_label_text_wrap3 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    gap: 2rem;
    margin-top: 2rem;
    /* background-color: #dfdfdf; */
    padding: 0 10rem 10rem 10rem;
}

.hs3_text {
    color: #fff;
    padding-left: 20rem;
    padding-right: 20rem;
}

/*.hs_app4_h3{
    font-size:4rem!important;
}*/

.hs_app_a_wrap {
    width: 85rem;
    position: absolute;
    height: 57rem;
    display: flex;
    margin-top: -78rem;
    margin-left: 28rem;
}
.hs_app_a1 {
        display: flex;
        width: 27rem;
        height: 66vh;
        position: absolute;
        top: 0;
        left: 0;
}

.hs_app_a2 {
        display: flex;
        width: 29rem;
        height: 66vh;
        position: absolute;
        top: 0;
        left: 16vw;
}

.hs_app_a3 {
        display: flex;
        width: 27rem;
        height: 66vh;
        position: absolute;
        top: 0;
        left: 59rem;
}
    
}
@media all and (max-width:1325px) {
    /* components_area */
    #components_wrap .wrap div::before{
        width: 11.5vw;
        height: 11.5vw;
    }
    #components_wrap li{
        font-size: 1.5vw;
    }
    #components_wrap li .text_block{
        display: block;
    }
    /* //components_area */


    /* inquiry_2_area */
    #inquiry_2_wrap .text a{
        font-size: 1.8rem;
        border-radius: 0.5rem;
    }
    
    
    /* inquiry_2_area */


.hs_main_box_wrap {
    display: flex;
    flex-direction: column;
    margin-top: 5rem;
    justify-content: center;
}

.hs_label {
    width: 28vw;
}

.hs {
    padding-left: 19rem;
    padding-right: 19rem;
}

.hs3_text {
    color: #fff;
    padding-left: 10rem;
    padding-right: 10rem;
}

.hs_m_mini {
    display: block;
    margin-top: 3rem;
    color: #fff;
    font-size: 1.5rem;
    font-family: "Pretendard", serif;
}

.hs_label_sub_text {
    color: #000 !important;
    display: flex;
    flex-direction: column;
    /* align-items: flex-end; */
    border: 2px solid #000;
    /* border: 2px solid #001949; */
    padding: 3rem;
    width: 21rem;
    border-radius: 3rem;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    height: 17rem;
    justify-content: space-between;
}

.hs_bg {
    position: relative;
    background-image: url(../img/banner_imgs/hiddentag_story6.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    padding-top: 15rem !important;
    padding-bottom: 4rem !important;
}

.hs_app_img {
    width: 50rem;
}
.hs_app_main_text {
    font-size: 3.4rem;
    font-family: "Pretendard_bold", serif;
}

.hs_app_wrap1 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
}

.hs_app_img2 {
    width: 150rem;
    margin-top: -40rem;
}
.hs_app_wrap2_bg {
    width: 100%;
    height: 70%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    right: 0;
    z-index: -1;
    margin-top: -41rem;
}
.hs_app_wrap2_span {
    display: flex;
    flex-direction: column;
    /*margin-left: 10rem;*/
}

.hs_app_img3 {
    /*width: 100vw;*/
}

.hs_app_img4 {
    width: 80vw;
    display: flex;
    justify-content: center;
    z-index: -1;
    position: relative;
    margin-top: -40rem;
}

    .hs_app_a1 {
        display: flex;
        width: 19rem;
        height: 44rem;
        position: absolute;
        top: 0;
        left: 0;
    }

.hs_app_a2 {
        display: flex;
        width: 21rem;
        height: 44rem;
        position: absolute;
        top: 0;
        left: 20rem;
}

.hs_app_a3 {
        display: flex;
        width: 19rem;
        height: 44rem;
        position: absolute;
        top: 0;
        left: 43rem;
}

/*.hs_app4_h3{
    font-size:3.5rem!important;
}*/


    .hs_app5_text1 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 25vw;
        margin-left: -8vw;
        position: absolute;
        margin-top: 8rem;
    }


.hs_app5_text2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 20vw;
        left: 80%;
        position: absolute;
    margin-top: 22rem;
}


.hs_app5_last_t{
    font-size:4vw!important;
}

    .hs_app_main_text {
        font-size: 2.5vw;
        font-family: "Pretendard_bold", serif;
    }
.hs_app3_a {
    display: block;
    color: #1A2039;
    font-size: 1.8rem;
    background-color: #fff;
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    font-family: "Pretendard_bold", serif;
    margin-top: 3rem;
}
.hs_app_a_wrap {
    width: 63rem;
    position: absolute;
    height: 44rem;
    display: flex;
    margin-top: -59rem;
    margin-left: 27rem;
}


}
@media all and (max-width:1024px) {
    /* components_area */
    #components_wrap .same{
        width: 100%;
    }
    #components_wrap .wrap{
        height: 40rem;
        cursor: unset;
    }
    #components_wrap .list_wrap{
        flex-direction: column;
    }
    #components_wrap li{
        font-size: 1.8rem;
    }
    #components_wrap span{
        font-size: 3.5rem;
    }
    /* //components_area */


    /* authenticity_area */
    #authenticity_area .list_wrap{
        gap: 6.5rem;
    }
    #authenticity_area .wrap{
        padding: 2.5rem 3.5rem;
        border-radius: 2rem;
    }
    #authenticity_area .wrap > p{
        font-size: 3.5rem;
        padding-bottom: 2.5rem;
    }
    #authenticity_area .wrap div{
        padding: 1rem 2rem;
        border-radius: 1.2rem;
    }
    #authenticity_area .wrap div p{
        font-size: 1.8rem;
    }
    /* //authenticity_area */


    /* #inquiry_2_area */
    #inquiry_2_wrap .text{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    #inquiry_2_wrap .text div{
        align-items: center;
        padding-bottom: 5rem;
        gap: 1.5rem;
    }
    #inquiry_2_wrap .text p{
        font-size: 3.5vw;
    }
    #inquiry_2_wrap .text p:last-of-type{
        font-size: 2.5vw;
    }
    /* //#inquiry_2_area */

    .hs {
        padding-left: 10rem;
        padding-right: 10rem;
    }
    .hs_sub_text {
        display: block;
        margin-top: 3rem;
        color: #fff;
        font-size: 2vw;
        font-family: "Pretendard", serif;
    }   
 
.hs_main_text {
    display: block;
    color: #fff;
    font-size: 3.5rem!important;
    font-family: "Pretendard_bold", serif;
}
.hs_box_text1 {
    padding: 5rem 18rem 7rem 18rem;
    /* padding: 10rem 19rem 9rem 19rem; */
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2.5vw;
}

.hs_box_text2 {
    padding: 8rem;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2.58rem;
    font-family: "Pretendard_bold", serif;
}

.hs_icon {
    filter: invert(7%) sepia(52%) saturate(7314%) hue-rotate(206deg) brightness(82%) contrast(111%);
    width: 4vw;
}

.hs_label_text_wrap3 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    gap: 2rem;
    margin-top: 2rem;
    /* background-color: #dfdfdf; */
    padding: 0 4rem 10rem 4rem;
}
    .hs_bg {
        position: relative;
        background-image: url(../img/banner_imgs/hiddentag_story6.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0;
        padding-top: 13rem !important;
        padding-bottom: 4rem !important;
    }

.hs4_text {
    padding-left: 10rem;
    padding-right: 10rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hs_box_mini_text {
    display: flex;
    padding: 1rem;
    width: 20rem;
    height: 5rem;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

    .hs_box_text2 {
        padding: 8rem;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 2.5vw;
    font-family: "Pretendard_bold", serif;
    }

.hs_box_mini_text {
    display: flex;
    padding: 1rem;
    width: 20rem;
    height: 5rem;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 1.5vw;
    border-radius: 1rem;
    background-color: #1a2039;
    box-shadow: 1px 1px 5px #a7a7a7;
    color:#fff;
}


.hs_h3 h3 {
    color: #000 !important;
    font-family: "Pretendard_bold", serif;
    font-size: 3.3rem!important;
}
    .hs_label_sub_text {
        color: #000 !important;
        display: flex;
        flex-direction: column;
        /* align-items: flex-end; */
        border: 2px solid #000;
        /* border: 2px solid #001949; */
        padding: 3vw;
        width: 21rem;
        border-radius: 3rem;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        height: 16rem;
        justify-content: space-between;
    }
.hs_padding_box {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.hs_icon2 {
    filter: brightness(0);
    width: 6vw;
}

    .hs_m_mini {
        display: block;
        margin-top: 3rem;
        color: #fff;
        font-size: 1.5vw;
        font-family: "Pretendard", serif;
    }


.hs_label_img4 {
    width: 23vw;
    margin-bottom: 2rem;
}

.hs_num {
    font-size: 1.8rem !important;
    font-family: "Pretendard_bold", serif;
    color: #000 !important;
}
.m_title {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.8rem !important;
    font-family: "Pretendard_bold", serif;
    color: #000 !important;
    opacity: 0.5;
}

    .hs_app_img4 {
        width: 80vw;
        display: flex;
        justify-content: center;
        z-index: -1;
        position: relative;
        margin-top: -30rem;
        margin-left: 2rem;
    }
    .hs_app5_text1 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 25vw;
        margin-left: -4rem;
        position: absolute;
        margin-top: 6rem;
    }
    .hs_app5_text2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 20vw;
        left: 76vw;
        position: absolute;
        margin-top: 24rem;
    }

.hs_app5_last_t{
    font-size:2.5vw;
}

    .hs_app_main_text {
        font-size: 2.5rem;
        font-family: "Pretendard_bold", serif;
    }
    .hs_app_img {
        width: 40rem;
    }
.hs_app_sub_text {
    font-size: 1.5rem;
}
.hs_app_sub_text_l {
    color: #000;
    text-align: left;
    margin-bottom: 1rem;
}

    .hs_app_img2 {
        width: 110rem;
        margin-top: -20rem;
    }
.hs_app_wrap2_bg {
    width: 100%;
    height: 70%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    right: 0;
    z-index: -1;
    margin-top: -31rem;
}

    .hs_app_a_wrap {
        width: 48rem;
        position: absolute;
        height: 33rem;
        display: flex;
        margin-top: -45rem;
        margin-left: 19rem;
    }
    .hs_app_a1 {
        display: flex;
        width: 14rem;
        height: 33rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .hs_app_a2 {
        display: flex;
        width: 16rem;
        height: 33rem;
        position: absolute;
        top: 0;
        left: 16rem;
    }
    .hs_app_a3 {
        display: flex;
        width: 15rem;
        height: 33rem;
        position: absolute;
        top: 0;
        left: 33rem;
    }

.hs_app2{
    padding-left:5rem!important;
    padding-right:5rem!important;
}
}
@media all and (max-width:830px) {
    /* inquiry_2_area */
    #inquiry_2_wrap .text a{
        font-size: 1.5rem;
        border-radius: 0.6rem;
    }
    /* inquiry_2_area */

    .hs_box_mini_text {
        display: flex;
        padding: 1rem;
        width: 20rem;
        height: 5rem;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        font-size: 2vw;
    border-radius: 1rem;
    background-color: #1a2039;
    box-shadow: 1px 1px 5px #a7a7a7;
    color:#fff;
    }
    .hs_label_sub_text {
        color: #000 !important;
        display: flex;
        flex-direction: column;
        /* align-items: flex-end; */
        border: 2px solid #000;
        /* border: 2px solid #001949; */
        padding: 3vw;
        width: 21rem;
        border-radius: 3rem;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        height: 13rem;
        justify-content: space-between;
    }
    .hs_box_text1 {
        padding: 0;
        /* padding: 10rem 19rem 9rem 19rem; */
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 2.5vw;
    }
.hs_pat {
    background-color: #efefef;
    padding: 10rem 0 0 0;
}
    .hs_main_text {
        display: block;
        color: #fff;
        font-size: 2.5rem !important;
        font-family: "Pretendard_bold", serif;
    }
#hiddentag_story3_area {
    position: relative;
    background-image: url(../img/banner_imgs/hiddentag_story4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    padding-top: 3rem !important;
    padding-bottom: 4rem !important;
}

.hs4_text p:nth-child(2) {
    display: block;
    font-family: "Pretendard_bold", serif;
    font-size: 2rem;
    margin-bottom: 1rem;
}
.hs_app3_a {
    display: block;
    color: #1A2039;
    font-size: 1.5rem;
    background-color: #fff;
    padding: 1rem 2rem;
    border-radius: 0.6rem;
    font-family: "Pretendard_bold", serif;
    margin-top: 3rem;
}
    .hs_app_img2 {
        width: 84rem;
        margin-top: 20rem;
    }
.hs_app_wrap2_bg {
    width: 100%;
    height: 70%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    right: 0;
    z-index: -1;
    margin-top: -41rem;
}
    .hs_app_wrap2_span {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        margin-bottom: -9rem;
    }
    .hs_app_img {
        width: 30rem;
    }
.hs_app_wrap1_span {
    display: flex;
    flex-direction: column;
    margin-left: -7rem;
    margin-bottom: -1rem;
}
    .hs_app_sub_text {
        font-size: 1.4rem;
    }
    .hs_app_main_text {
        font-size: 2rem;
        font-family: "Pretendard_bold", serif;
    }

    .hs_app_a_wrap {
        width: 39rem;
        position: absolute;
        height: 26rem;
        display: flex;
        margin-top: -36rem;
        margin-left: 17rem;
    }
    .hs_app_a1 {
        display: flex;
        width: 12rem;
        height: 27rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .hs_app_a2 {
        display: flex;
        width: 13rem;
        height: 27rem;
        position: absolute;
        top: 0;
        left: 13rem;
    }
    .hs_app_a3 {
        display: flex;
        width: 12rem;
        height: 27rem;
        position: absolute;
        top: 0;
        left: 27rem;
    }

}
@media all and (max-width:680px) {
    /* components_area */
    #components_wrap .wrap{
        height: 30rem;
    }
    #components_wrap .wrap > div{
        gap: 2rem;
    }
    #components_wrap .same .text_list {
        margin-top: 2rem;
        gap: 1.0rem;
    }
    #components_wrap .same .text_list {
        margin-top: 2rem;
        gap: 1.0rem;
    }
    #components_wrap li{
        font-size: 1.5rem;
    }
    #components_wrap span{
        font-size: 2.5rem;
    }
    /* //components_area */


    /* authenticity_area */
    #authenticity_area .list_wrap{
        gap: 5rem;
    }
    #authenticity_area .wrap{
        padding: 2rem 3.5rem;
    }
    #authenticity_area .wrap > p{
        font-size: 2.5rem;
        padding-bottom: 2rem;
    }
    #authenticity_area .wrap div p{
        font-size: 1.5rem;
    }
    /* //authenticity_area */


    /* #inquiry_2_area */
    #inquiry_2_wrap .text div{
        padding-bottom: 3.5rem;
    }
    #inquiry_2_wrap .text p{
        font-size: 2.5rem;
        text-align: center;
    }
    #inquiry_2_wrap .text p:last-of-type{
        font-size: 1.5rem;
    }
    #inquiry_2_wrap .text_block{
        display: block;
    }
    /* //#inquiry_2_area */

    .hs_box_mini_text {
        display: flex;
        padding: 1rem;
        width: 17rem;
        height: 4rem;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        font-size: 2vw;
    border-radius: 1rem;
    background-color: #1a2039;
    box-shadow: 1px 1px 5px #a7a7a7;
    color:#fff;
    }

.hs_line1 {
    display: block;
    margin-top: 1.5rem;
    width: 6rem;
    height: 1px;
    background-color: #fff;
}

.hs_label_line {
    width: 5rem;
    height: 1px;
    background-color: #000;
    display: block;
    margin-bottom: 1.5rem;
}

.hs_label_line2 {
    width: 5rem;
    height: 1px;
    background-color: #000;
    display: block;
    margin-top: 1.5rem;
}

.hs_line {
    position: relative;
    left: 50%;
    margin-left: -2.5rem;
    display: block;
    margin-top: 1.5rem;
    width: 5rem;
    height: 1px;
    background-color: #fff;
}

.hs_line3 {
    display: block;
    width: 6rem;
    height: 1px;
    background-color: #000;
    margin-top: 2.5rem;
}

.hs_main_text {
    display: block;
    color: #fff;
    font-size: 2.5rem!important;
    font-family: "Pretendard_bold", serif;
}

.hs4_text p:nth-child(2) {
    display: block;
    font-family: "Pretendard_bold", serif;
    font-size: 2rem;
    margin-bottom: 1rem;
}

    .hs_h3 h3 {
        color: #000 !important;
        font-family: "Pretendard_bold", serif;
        font-size: 2.5rem !important;
    }

.hs_num {
    font-size: 1.5rem !important;
    font-family: "Pretendard_bold", serif;
    color: #000 !important;
}


.m_title {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.5rem !important;
    font-family: "Pretendard_bold", serif;
    color: #000 !important;
    opacity: 0.5;
}

    .hs_label_sub_text {
        color: #000 !important;
        display: flex;
        flex-direction: column;
        /* align-items: flex-end; */
        border: 1px solid #000;
        /* border: 2px solid #001949; */
        padding: 2vw;
        width: 21rem;
        border-radius: 1.5rem;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        height: 9rem;
        justify-content: space-between;
    }

#hiddentag_story3_area {
    position: relative;
    background-image: url(../img/banner_imgs/hiddentag_story4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    padding-top: 4rem;
    padding-bottom: 6rem;
}

    .hs3_text {
        color: #fff;
        padding-left: 6rem;
        padding-right: 6rem;
    }


.hs3_text p:last-child {
    margin-top: 3rem;
    font-family: "Pretendard_bold", serif;
}

    .hs_bg {
        position: relative;
        background-image: url(../img/banner_imgs/hiddentag_story6.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0;
        padding-top: 7rem !important;
        padding-bottom: 0rem !important;
    }

.hs_app4_h3 {
    margin-top: 1rem;
    font-size: 3rem !important;
}

.hs_app4_h3 {
    margin-top: 1rem;
    font-size: 1.8rem !important;
}
    .hs_app5_text2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 8rem;
        left: 77%;
        position: absolute;
        margin-top: 16rem;
    }
    .hs_app5_text1 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 25vw;
        margin-left: -8vw;
        position: absolute;
        margin-top: 4rem;
    }


    .hs_app_main_text {
        font-size: 2rem;
        font-family: "Pretendard_bold", serif;
    }
    .hs_app_img2 {
        width: 69rem;
        margin-top: 23rem;
    }
.hs_app_wrap2_bg {
    width: 100%;
    height: 70%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    right: -6%;
    z-index: -1;
    margin-top: -41rem;
}
    .hs_app_wrap2_span {
        display: flex;
        flex-direction: column;
        margin-left: -1rem;
    }
    .hs_app_img {
        width: 26rem;
    }

    .hs_app_a_wrap {
        width: 32rem;
        position: absolute;
        height: 22rem;
        display: flex;
        margin-top: -30rem;
        margin-left: 14rem;
    }
    .hs_app_a1 {
        display: flex;
        width: 9rem;
        height: 22rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .hs_app_a2 {
        display: flex;
        width: 11rem;
        height: 22rem;
        position: absolute;
        top: 0;
        left: 10rem;
    }
    .hs_app_a3 {
       display: flex;
        width: 10rem;
        height: 22rem;
        position: absolute;
        top: 0;
        left: 22rem;
    }
.hs_app1_null {
    padding-left: 1rem;
    padding-right: 1rem;
}

    .hs_app_wrap1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .hs_app_wrap1_span {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-bottom: 0;
    }
.hs_app1_sub_text{
    text-align:center;
}
.hs_app1_main_text{
    text-align:center;
}
}
@media all and (max-width:550px) {
    /* components_area */
    #components_wrap .wrap{
        height: 25rem;
    }
    #components_wrap li{
        font-size: 1.3rem;
    }
    #components_wrap span{
        font-size: 2.2rem;
    }
    /* //components_area */


    /* #inquiry_2_area */
    #inquiry_2_wrap .text div{
        padding-bottom: 3.5rem;
    }
    #inquiry_2_wrap .text p{
        font-size: 2.2rem;
        text-align: center;
    }
    #inquiry_2_wrap .text p:last-of-type{
        font-size: 1.3rem;
    }
    /* //#inquiry_2_area */

    .hs_box_mini_text {
        display: flex;
        padding: 1rem;
        width: 12rem;
        height: 2rem;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        font-size: 2vw;
    border-radius: 1rem;
    background-color: #1a2039;
    box-shadow: 1px 1px 5px #a7a7a7;
    color:#fff;
    }

    .hs {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .hs3_text {
        color: #fff;
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .hs4_text {
        padding-left: 5rem;
        padding-right: 5rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hs_label_sub_text {
        color: #000 !important;
        display: flex;
        flex-direction: column;
        /* align-items: flex-end; */
        border: 1px solid #000;
        /* border: 2px solid #001949; */
        padding: 3vw;
        width: 21rem;
        border-radius: 3rem;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        height: 9rem;
        justify-content: space-between;
    }

    .hs_m_mini {
        display: block;
        margin-top: 3rem;
        color: #fff;
        font-size: 0.8rem;
        font-family: "Pretendard", serif;
    }

    .hs_label_sub_text {
        color: #000 !important;
        display: flex;
        flex-direction: column;
        /* align-items: flex-end; */
        border: 1px solid #000;
        /* border: 2px solid #001949; */
        padding: 3vw;
        width: 21rem;
        border-radius: 1rem;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        height: 8rem;
        justify-content: space-between;
    }

    .hs_label_text_wrap3 {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: row;
        gap: 0.5rem;
        margin-top: 2rem;
        /* background-color: #dfdfdf; */
        padding: 0 2rem 5rem 2rem;
    }


#hiddentag_story3_area {
    position: relative;
    background-image: url(../img/banner_imgs/hiddentag_story4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    padding-top: 1rem;
    padding-bottom: 3rem;
}

    .hs_main_text {
        display: block;
        color: #fff;
        font-size: 2rem !important;
        font-family: "Pretendard_bold", serif;
    }

.hs3_text p:nth-child(1) {
    margin-bottom: 1rem;
    font-family: "Pretendard", serif;
}

    .hs3_text p:last-child {
        margin-top: 1rem;
        font-family: "Pretendard_bold", serif;
    }

.hs_tt{
    font-size:2vw!important;
}

.hs_label_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0rem;
}

.hs_area {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
    .hs4_text p:nth-child(2) {
        display: block;
        font-family: "Pretendard_bold", serif;
        font-size: 1.3rem;
        margin-bottom: 0rem;
    }
    #hiddentag_story4_area .hs4_text a {
        display: block;
        color: #1A2039;
        font-size: 1.2rem;
        background-color: #fff;
        padding: 0.7rem 1.5rem;
        border-radius: 0.5vw;
        font-family: "Pretendard_bold", serif;
        margin-top: 3rem;
    }
    .hs_h3 h3 {
        color: #000 !important;
        font-family: "Pretendard_bold", serif;
        font-size: 1.9rem !important;
    }
    .hs_box_text2 {
        padding: 6rem;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 2.5vw;
        font-family: "Pretendard_bold", serif;
    }

    .hs_line1 {
        display: block;
        margin-top: 1.5rem;
        width: 4rem;
        height: 1px;
        background-color: #fff;
    }

    .hs_label_line2 {
        display:none;
    }
    .hs_main_box_wrap {
        display: flex;
        flex-direction: column;
        margin-top: 2rem;
        justify-content: center;
    }

.hs_box_mini_text {
    margin-top: 1rem;
}
    .hs_pat {
        background-color: #efefef;
        padding: 4rem 0 0 0;
    }
    .hs_box_text2 {
        padding: 3rem 0 6rem 0;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 2.5vw;
        font-family: "Pretendard_bold", serif;
    }

    .hs_line1 {
        display: block;
        margin-top: 1rem;
        width: 3rem;
        height: 1px;
        background-color: #fff;
    }
    .hs_sub_text {
        margin-top: 1rem;
        color: #fff;
        font-size: 2.5vw;
        font-family: "Pretendard_bold", serif;
    }

.hs_br{
    display:none;
}
    .hs_line3 {
        display: block;
        width: 5rem;
        height: 1px;
        background-color: #000;
        margin-top: 2rem;
    }
    .hs_label_line {
        width: 4rem;
        height: 1px;
        background-color: #000;
        display: block;
        margin-bottom: 1.5rem;
    }
    .hs_line {
        position: relative;
        left: 50%;
        margin-left: -2rem;
        display: block;
        margin-top: 1.5rem;
        width: 4rem;
        height: 1px;
        background-color: #fff;
    }
    .hs_app_img4 {
        width: 80vw;
        display: flex;
        justify-content: center;
        z-index: -1;
        position: relative;
        margin-top: -19rem;
        margin-left: 0.5rem;
    }
    .hs_app5_text1 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 26vw;
        margin-left: -12vw;
        position: absolute;
        margin-top: 6rem;
    }
    .hs_app_sub_text {
        font-size: 1.1rem;
    }
    .hs_app_main_text {
        font-size: 1.7rem;
        font-family: "Pretendard_bold", serif;
    }
    .hs_app_img {
        width: 25rem;
    }
    .hs_app_img2 {
        width: 59rem;
        margin-top: 38rem;
    }
.hs_app_wrap2_bg {
    width: 100%;
    height: 70%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    right: -8%;
    z-index: -1;
    margin-top: -52rem;
}
    .hs_app_wrap2_span {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
    }

    .hs_app_a_wrap {
        width: 26rem;
        position: absolute;
        height: 18rem;
        display: flex;
        margin-top: -24rem;
        margin-left: 12rem;
    }
    .hs_app_a1 {
        display: flex;
        width: 8rem;
        height: 18rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .hs_app_a2 {
        display: flex;
        width: 9rem;
        height: 18rem;
        position: absolute;
        top: 0;
        left: 9rem;
    }
    .hs_app_a3 {
        display: flex;
        width: 8rem;
        height: 18rem;
        position: absolute;
        top: 0;
        left: 18rem;
    }


    .hs_app_wrap1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .hs_app_wrap1_span {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-bottom: 0;
    }

.hs_app2{
    padding-left:2rem!important;
    padding-right:2rem!important;
}
}

@media all and (max-width:500px) {
    .hs_app_img {
        width: 18rem;
        margin-left: -1rem;
    }

    .hs_app_wrap1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .hs_app_wrap1_span {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-bottom: 0;
    }
    .hs_app_img2 {
        width: 52rem;
        margin-top: 380px;
    }

    .hs_app_a_wrap {
        width: 23rem;
        position: absolute;
        height: 17rem;
        display: flex;
        margin-top: -22rem;
        margin-left: 11rem;
    }
    .hs_app_a1 {
        display: flex;
        width: 7rem;
        height: 16rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .hs_app_a2 {
        display: flex;
        width: 8rem;
        height: 17rem;
        position: absolute;
        top: 0;
        left: 7rem;
    }
    .hs_app_a3 {
        display: flex;
        width: 7rem;
        height: 16rem;
        position: absolute;
        top: 0;
        left: 16rem;
    }
    .hs_app5_text1 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 29vw;
        margin-left: -14vw;
        position: absolute;
        margin-top: 6rem;
    }
    .hs_app4_h3 {
        margin-top: 0rem;
        font-size: 1.8rem !important;
    }
    .hs_app5_text2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 8rem;
        left: 76%;
        position: absolute;
        margin-top: 15rem;
    }

.hs_app2{
    padding-left:1rem!important;
    padding-right:1rem!important;
}
}

@media all and (max-width:450px) {
    .hs_app_wrap2_span {
        display: flex;
        flex-direction: column;
        margin-left: 1rem;
        margin-bottom: -5rem;
    }
    .hs_app1_sub_text {
        font-size: 1.3rem;
        text-align: center;
        margin-top: 1rem;
    }
    .hs_app1_main_text {
        font-size: 1.8rem;
        font-family: "Pretendard_bold", serif;
        text-align: center;
    }
    .hs_app_img {
        width: 17rem;
        margin-left: 0rem;
    }
    .hs_app5_text1 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 29vw;
        margin-left: -15vw;
        position: absolute;
        margin-top: 6rem;
        font-size: 1.2rem;
    }
    .hs_app4_h3 {
        margin-top: 0rem;
        font-size: 1.3rem !important;
    }
    .hs_app_img4 {
        width: 80vw;
        display: flex;
        justify-content: center;
        z-index: -1;
        position: relative;
        margin-top: -19rem;
        margin-left: 0.2rem;
    }
    .hs_app5_text2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 20vw;
        left: 75%;
        position: absolute;
        margin-top: 12rem;
        font-size: 1.2rem;
    }
    .hs_app_wrap1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .hs_app_wrap1_span {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-bottom: 0;
    }

    .hs_app_a_wrap {
        width: 20rem;
        position: absolute;
        height: 15rem;
        display: flex;
        margin-top: -20rem;
        margin-left: 9rem;
    }
    .hs_app_a1 {
        display: flex;
        width: 6rem;
        height: 16rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .hs_app_a2 {
        display: flex;
        width: 7rem;
        height: 17rem;
        position: absolute;
        top: 0;
        left: 6rem;
    }
    .hs_app_a3 {
        display: flex;
        width: 6rem;
        height: 16rem;
        position: absolute;
        top: 0;
        left: 14rem;
    }
    .hs_app_img2 {
        width: 52rem;
        margin-top: 36rem;
    }
}

/* 2024-12-27 추가 [s]*/

#hiddentag_story_app4_area .section_title {
	margin-bottom : 20rem;
}

.community-img-wrap .txt {
	color : #000 !important;
	margin : 2rem 0;
}

.community-img-wrap ul {
	display : flex;
	justify-content: center;
	align-items: center;
	gap : 2rem;
	width: 100%;
	margin-top : 4rem;
}

.community-img-wrap ul li {
	width: 49%;
	height: 100%;
}

.community-img-wrap ul li img {
	width: 100%;
	height: 100%;
}

.community-img-wrap .btn-wrap {
	display : flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	gap : 2rem;
	width: 100%;
}

.community-img-wrap .btn-wrap a {
	text-align: center;
	background-color: #1A2039;
	color : #ffffff;
	width: 18rem;
}

@media (max-width: 420px) {
	.community-img-wrap ul {
		flex-wrap: wrap;	
	}
	.community-img-wrap ul li{
		width: 100%;	
	}		

}

/* 2024-12-27 추가 [e]*/