/*     1380335 : 맞춤형 컨텐츠      */
.empty__1380335__ {padding:20px 10px;background:#fafafa;}
.empty__1380335__ p {margin:0;padding:0;}
.empty__1380335__ .title {font-size:18px;font-weight:bold;color:blue;text-align:center}
.empty__1380335__ dt {margin-bottom:5px;font-size:15px;font-weight:bold;}
.empty__1380335__ dd {margin:0;font-size:13px;}
.empty__1380335__ dd ul li {padding-left:15px;}


/*     1781365 : HTML 편집기      */
#main_sec1 {
    position: relative;
    /*height: 200vh;*/
    font-weight: 700;
    color: #fff;
    background: #000;
    width: 100%;
}


#main_sec1 .background {
    /*position: fixed;*/
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#main_sec1 .background .img-wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}


#main_sec1 .background .img-wrap:before {
    content: '';
    position: absolute;
    width: 200px;
    height: 169px;
    z-index: 10;
    top: 0;
    right: 19%;
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_intro_amb.png);
    filter: drop-shadow(29px 29px 14px rgba(0, 0, 0, 0.6));

}


#main_sec1 .background .img-wrap .dk_swiper_wrap {width:100%; height:100%;}
#main_sec1 .background .img-wrap .dk_swiper_wrap .main_intro_slide  {width:100%; height:100%;}
#main_sec1 .background .img-wrap .dk_swiper_wrap .main_intro_slide .swiper-slide {width:100%; height:100%; position:relative; background:#000;}
#main_sec1 .background .img-wrap .dk_swiper_wrap .main_intro_slide .swiper-slide .cap {position:absolute; left:50%; top:40%; transform:translate(-50%, -50%); z-index: 1; }
#main_sec1 .background .img-wrap .dk_swiper_wrap .main_intro_slide .swiper-slide .cap p { font-family: "Montserrat Alternates", sans-serif; font-size: clamp(1.5rem, 4vw, 4rem); margin: 0 0 clamp(.5rem, 1vw, 1rem) 0; text-align:center;}

#main_sec1 .background .img-wrap .dk_swiper_wrap .main_intro_slide .swiper-slide .cap p.exp {font-family:'pretendard'; font-size:clamp(.9rem, 1.2vw, 1.2rem); font-weight:700; text-align:center;}

#main_sec1 .background .img-wrap .dk_swiper_wrap .swiper-button-next, 
#main_sec1 .background .img-wrap .dk_swiper_wrap .swiper-button-prev {color:#fff; width: clamp(1rem, 2vw, 2rem);}

#main_sec1 .background .img-wrap img {
    width: 100%;
    object-fit: cover;
    /* 이미지 비율 유지하면서 컨테이너를 채움 */
    object-position: center;
    transition: all 0.3s ease;
    filter: blur(0px);
    /* 초기 blur 설정 */
    opacity: .9;
    transition: 5s;
    transform: scale(1);
    /* 기본 크기 */
}

#main_sec1 .background .img-wrap .swiper-slide-active img {
    transform: scale(1.05);
    /* 기본 크기 */
    transition: 5s;
}


#main_sec1 .background.is-absolute {
    position: sticky;
    top: 0%;
}


#main_sec1 .txt_area {
    position: sticky;
    top: 43%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    height: 180px;
    padding-bottom: clamp(5rem, 8vw, 10rem);
}

#main_sec1 .txt_area p {
    overflow: hidden;
    white-space: nowrap;
    font-size: clamp(2rem, 3.5vw, 5rem);
    letter-spacing: -0.02em;
    margin: 0;
}

#main_sec1 .txt_area p+p {
    margin-left: 20px;
}

#main_sec1 .txt_area .word01,
#main_sec1 .txt_area .word02 {
    opacity: 0;
    width: 0;
    color: #ffffff;
}

#main_sec1 .txt_area .word02 span {
    background-image: linear-gradient(45deg, #ff5766, #b469ff, #ffda4e), linear-gradient(to top, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-weight: 800;

}



#main_sec1 .intro_scroll {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
}

#main_sec1 .intro_scroll .scr_wrap {
    position: relative;
    width: 24px;
    height: 24px;
    opacity: 0;
    transform: translateY(50px);
    /* 처음 아래 위치 */
    transition: all 1s ease-in-out;
}




#main_sec1 .intro_scroll .chevron {
    position: absolute;
    width: 28px;
    height: 4px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
    border-radius: 10px;
}


#main_sec1 .intro_scroll .chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

#main_sec1 .intro_scroll .chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

#main_sec1 .intro_scroll .chevron:before,
#main_sec1 .intro_scroll .chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #ffffffb3;
}

#main_sec1 .intro_scroll .chevron:after {
    background: #ffffff69;
}

#main_sec1 .intro_scroll .chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

#main_sec1 .intro_scroll .chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

#main_sec1 .intro_scroll .text {
    color: #fff;
    font-size: clamp(.75rem, .75vw, 1rem);
    font-weight: 100;
}

@keyframes move {
    25% {
        opacity: 1;

    }

    33% {
        opacity: 1;
        transform: translateY(30px);
    }

    67% {
        opacity: 1;
        transform: translateY(40px);
    }

    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}


@media (max-width:1023px) {


    #main_sec1 .txt_area {
        top: 2%;
    }



    #main_sec1 .background .img-wrap:before {
        background-size: cover;
        width: 110px;
        height: 89px;
        right: 27%;
/* 수정 */
        width: 70px;
        height: 55px;
    }
}

@media (max-width:767px) {


    #main_sec1 .txt_area {
        flex-wrap: wrap;
    }

    #main_sec1 .txt_area>* {
        width: 100% !important;
        text-align: center;
    }

    #main_sec1 .txt_area .word01.aos-init,
    #main_sec1 .txt_area .word02.aos-init {
opacity: 1;
    }

#main_sec1 .background .img-wrap .dk_swiper_wrap .main_intro_slide .swiper-slide .cap {top:50%;}

    #main_sec1 .txt_area p+p {
        margin: 0;
    }


    #main_sec1 .background .img-wrap img {
        width: 100%;
    }



}

@keyframes slide-in-down {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.swiper-slide-active .slide-in-down {
    animation: slide-in-down 1.3s cubic-bezier(.39, .575, .565, 1.000) .3s both;
}





/*     1359755 : HTML 편집기      */
#main_sec2 p {
    margin: 0;
}

#main_sec2 {
    background: #000;
    padding: clamp(4rem, 6vw, 7rem) 0 0;

    position: relative;

    overflow: hidden;
}



#main_sec2 .inner {
    position: relative;
    padding-top: clamp(2rem, 2vw, 3rem);

}

#main_sec2 div {
    color: #fff;
    text-align: left;
}

#main_sec2 .dec {
    text-transform: uppercase;
    font-size: clamp(1rem, 1.3vw, 3rem);
    font-family: var(--en-font);
    margin-bottom: clamp(1rem, 2vw, 3rem);
    color: #737373;
    color: var(--prm-clr);
    font-weight: 800;
}



#main_sec2 .tit {
    position: relative;
    font-weight: 700;
    line-height: 1.2;
    margin-top: clamp(2rem, 3vw, 3rem);
    /*    display: flex;
    justify-content: space-between;
    align-items: center;*/
}

#main_sec2 .tit p {
    color: rgba(255, 255, 255, .2);
    font-size: clamp(1.8rem, 2.8vw, 4rem);
}

#main_sec2 .tit .c-cont {
    font-size: clamp(1rem, 1vw, 2rem);
    font-weight: 500;
    line-height: 1.6em;
    margin-top: clamp(2rem, 2vw, 3rem);
    color: #b1b1b1;
}

#main_sec2 .tit .txt {
    position: relative;
    width: max-content;
    background: linear-gradient(to right, #fff, #fff) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 0%;
    transition: background-size cubic-bezier(.1, .5, .5, 1) 0.5s
}


#main_sec2 .conts {
    position: relative;

}

#main_sec2 .parallax__item {
    width: 100%;
    height: 50vh;
    background: #222;
}

#main_sec2 .i2 {
    background: blue;
}


/*

#main_sec2 .conts {
    width: 100%;
}

#main_sec2 .item {
    height: 40vh;
    display: flex;
    align-items: center;
    gap: 2%;
    margin-top: clamp(3rem, 3vw, 4rem);
}

#main_sec2 .item .img_wrap {
    width: 50%;
    height: 100%;
}

#main_sec2 .item .img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: clamp(1rem, 2vw, 3rem);
}

#main_sec2 .item .cap_wrap {
    border: 1px solid #ffffff2b;
    border-radius: clamp(1rem, 2vw, 3rem);
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1rem, 3vw, 4rem);
    padding-left: clamp(4.3rem, 7vw, 9rem);
    background: linear-gradient(180deg, transparent 50%, #f59bff0a 50%);

}

#main_sec2 .item .cap_wrap .eg {
    font-size: clamp(1.6rem, 2.6vw, 4rem);
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

#main_sec2 .item .cap_wrap .eg:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_feat_icon.png);
    top: 50%;
    transform: translateY(-50%);
    left: -50px;

}

#main_sec2 .item .cap_wrap .txt {
    font-size: clamp(.95rem, .95vw, 1.5rem);
}

#main_sec2 .item .cap_wrap .conts {
    margin-top: clamp(1rem, 2vw, 3rem);
    padding-top: clamp(1rem, 2vw, 3rem);
    border-top: 1px solid #ffffff2b;
}
 */



/* 디자인 수정 */
.dipNn {
    display: none;
}

#main_sec2 .newConts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: clamp(3rem, 3vw, 4rem);
}

#main_sec2 .newConts .item {
    width: calc(33.333% - clamp(1rem, 1vw, 2rem));
    border: 1px solid blue;
    height: clamp(20rem, 26vw, 33rem);
    border: 1px solid #ffffff2b;
    border-radius: clamp(1rem, 2vw, 3rem);
    background-color: #0c0a0a;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
    padding: 0 15px;
}

#main_sec2 .newConts .it1 {
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_nobrs-01.png);
}

#main_sec2 .newConts .it2 {
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_nobrs-02.png);
}

#main_sec2 .newConts .it3 {
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_nobrs-03.png);
}

#main_sec2 .newConts .item .eg {
    font-size: clamp(1.4rem, 2.1vw, 3.2rem);
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin-top: clamp(4rem, 4.5vw, 6rem);
}

#main_sec2 .newConts .item .eg:before {
    content: '';
    position: absolute;

    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_feat_icon.png);
    left: 50%;
    transform: translateX(-50%);

}


#main_sec2 .newConts .item .txt {
    font-size: clamp(.85rem, .85vw, 1.5rem);
    margin-top: clamp(0.5rem, 0.5vw, 2rem);
    opacity: .7;
    text-align: center;
}



@media (max-width:1560px) {
    #main_sec2 .inner {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width:1200px) {
    #main_sec2 .newConts .item .eg:before {
        width: 30px;
        height: 30px;
        top: -80%;
    }
}

@media (max-width:1199px) {
    #main_sec2 .newConts .item .eg:before {
        width: 16px;
        height: 16px;
        top: -82%;
        background-size: cover;
    }
}


@media (max-width:1023px) {
    #main_sec2 .newConts {
        flex-direction: column;
    }
    #main_sec2 .newConts .item {
        width: 50%;
        margin-bottom: clamp(1rem, 1vw, 2rem);
        margin-right: auto;
        margin-left: auto;
        background-position: 100% 40%;
    }
}

@media (max-width:767px) {
    #main_sec2 .tit .txt {
        width: 100%;
    }

     #main_sec2 .newConts .item {
        width: 100%;
     }

    /*

    #main_sec2 .item {
        flex-wrap: wrap;
        height: 40vh
    }

    #main_sec2 .item .img_wrap {
        width: 100%;
        height: 50%;
    }

    #main_sec2 .item .cap_wrap {
        width: 100%;
        height: 50%;
    }

 */
    #main_sec2 .tit p {
        color: #fff;
        line-height: 1.4em;
    }

    #main_sec2 .tit .c-cont {
        font-size: clamp(1.1rem, 1vw, 2rem);
    }

    #main_sec2 .tit .c-cont br {
        display: none;
    }

    #main_sec2 {
        padding-bottom: clamp(4rem, 5vw, 6rem);
    }

    /*

    #main_sec2 .item .cap_wrap .eg {
        margin-bottom: 10px;
    }

    #main_sec2 .item .cap_wrap .txt {
        line-height: 1.5;
    }
 */
}

/*     1414725 : HTML 편집기      */
.main_str {
    background: #000;
    padding: clamp(4rem, 6vw, 8rem) 0 clamp(6rem, 8vw, 10rem);
}

.main_str ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/********* v1 *********/
/*
 .main_str .img_wp {position: sticky; top: 0; z-index: 0;}
.main_str .img_wp .img_box {position: relative; width: 100%; height: 100vh;}
.main_str .img_wp .img_box img {position: absolute; width: var(--max-width); object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}


.main_str .txt_wp {margin: 0; padding: 0; list-style: none;}
.main_str .txt_wp li {height: 100vh; }
*/

.main_str .item {
    display: flex;
    align-items: center;
}

.main_str .item:not(:last-child) {
	padding-bottom: clamp(2rem, 6vw, 8rem);
}

.main_str .item:nth-child(even) {
flex-direction: row-reverse;
}

.main_str .item img {
    border-radius: clamp(1rem, 2vw, 3rem);
    filter: brightness(0.5);
    height: clamp(10rem, 27.6vw, 38rem);
    object-fit: cover;
}

.main_str .item .cap {
    width: 50%;
    flex-shrink: 0;
    position: relative;
}

.main_str .item .cap dt {
    color: #fff;
    font-size: clamp(1.4rem, 2.3vw, 4rem);
    letter-spacing: -0.02em;
    font-weight: 700;
}

.main_str .item .cap dd {
    color: #fff;
    margin: 0;
    font-size: clamp(1rem, 1vw, 2rem);
    opacity: .7;
    margin-top: clamp(1rem, 2vw, 3rem);
    line-height: 1.6em;

}

.main_str .item:nth-child(odd) dt {
    margin-left: -15%;
}

.main_str .item:nth-child(odd) dd {
    padding-left: clamp(1rem, 2vw, 3rem);
}

.main_str .item:nth-child(even) .cap {
	text-align: right;
}

.main_str .item:nth-child(even) dt {
	margin-right: -15%;
}

.main_str .item:nth-child(even) dd {
padding-right: clamp(1rem, 2vw, 3rem);
}

@media (max-width:1560px) {
    .main_str .inner {padding: 0 15px;}
}

@media (max-width:1320px) {
.main_str .item img {width: 50%;}
}

@media (max-width:767px) {
    .main_str .item img {width: 100%}
    .main_str .item, .main_str .item:nth-child(even) {flex-direction: column;}
    .main_str .item .cap {width: 100%;}



    .main_str .item:nth-child(odd) dt {margin:0;}
    .main_str .item:nth-child(odd) dd {padding:0;}
    .main_str .item:nth-child(even) dt {margin:0; text-align: left;}
    .main_str .item:nth-child(even) dd {padding:0;  text-align: left;}

    .main_str .item .cap dt {margin-top: clamp(1.7rem, 2vw, 3rem);}
}

/*     1359765 : HTML 편집기      */
@keyframes flow {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.main_flow {
    background: #000;
    overflow: hidden;
}

.main_flow .flow_txt .wrap {
    color: #ffffff2e;
    animation: flow 20s linear infinite;
    font-size: clamp(5rem, 10vw, 15rem);
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 700;

}

/*     1359785 : HTML 편집기      */
#main_sec3 {
    overflow: hidden;
    background: #000;
    padding: clamp(3rem, 6vw, 7rem) 0 clamp(5rem, 6vw, 7rem);
    padding: clamp(1rem, 2vw, 3rem) 0 clamp(5rem, 6vw, 7rem);
    box-sizing: border-box;

}

#main_sec3 .items {
    width: clamp(32rem, 37vw, 50rem);
    height: 75vh;
    position: relative;
    margin: clamp(3rem, 4vw, 5rem) clamp(1rem, 2vw, 3rem);
    margin: clamp(4rem, 6vw, 8rem) clamp(1rem, 2vw, 3rem);
    display: flex;
    flex-direction: column;

    border: 1px solid #ffffff2b;
    border-radius: clamp(1rem, 2vw, 3rem);
    overflow: hidden;
}

#main_sec3 .items .img_wrap {
    width: 100%;
    height: 65%;

}

#main_sec3 .items .img_wrap img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;

}

#main_sec3 .items .cap_wrap {
    width: 100%;
    height: 35%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(2rem, 3vw, 4rem);
    padding-left: clamp(3.1rem, 5.3vw, 7rem);
    background: linear-gradient(180deg, transparent 50%, #ffe2b40a 50%);
}

#main_sec3 .items .cap_wrap .subj_area {
    display: flex;
    font-size: clamp(1.3rem, 1.5vw, 3rem);
    font-weight: 700;
    position: relative;
}

#main_sec3 .items .cap_wrap .subj_area:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_feat_icon.png);
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
}

#main_sec3 .items .cap_wrap .subj_area .num {
    opacity: .5;
    margin-right: clamp(1.5rem, 2vw, 3rem);

}

#main_sec3 .items .cap_wrap .conts {
    font-size: clamp(.95rem, .95vw, 1.5rem);
    border-top: 1px solid #ffffff2b;
    padding-top: clamp(1rem, 1vw, 2rem);
    margin-top: clamp(1rem, 1vw, 2rem);
    line-height: 1.5;
}

#main_sec3 .items .cap_wrap * {
    color: #fff;
}

#main_sec3 .items.tit_area {
    display: flex;
    padding: clamp(3rem, 4vw, 5rem);
    padding-left: clamp(9rem, 10vw, 11rem);
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: clamp(22rem, 36vw, 52rem);
    margin: clamp(4rem, 6vw, 8rem) 0 0;
    border: none;
}

#main_sec3 .items.tit_area .dec {
    text-transform: uppercase;
    font-size: clamp(1rem, 1.3vw, 3rem);
    font-family: var(--en-font);
    margin-bottom: clamp(1rem, 2vw, 3rem);
    color: #737373;
    color: var(--prm-clr);
    font-weight: 800;
}

#main_sec3 .items.tit_area .tit {
    font-weight: 700;
    line-height: 1.2;
    margin-top: clamp(2rem, 3vw, 3rem);
    font-size: clamp(1.8rem, 2.8vw, 4rem);
    color: #fff;
    font-family: 'pretendard';
}

#main_sec3 .items.tit_area .fg-1 {
    flex-grow: 1;
}

#main_sec3 .items.tit_area .vm_btn {
    color: #fff;
    font-size: clamp(.90rem, .95vw, 1.5rem);
    text-transform: uppercase;
    padding: clamp(0.6rem, .8vw, 2rem) clamp(1rem, 1.5vw, 3rem);
    border-radius: clamp(.6rem, .6vw, 1rem);
    border: 1px solid #ffffff2b;
}


#hor {
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    width: 300%
}

#hor>section {
    width: 100%;
    height: 100px;
}

@media (max-width:1500px) {
    #main_sec3 .items.tit_area {
        padding-left: clamp(4rem, 4vw, 8rem);
    }
}

@media (max-width:1023px) {
    #hor {
        display: block;
        width: 100%;
        padding: 0 15px;
    }

    #main_sec3 .items.tit_area {
        height: unset;
        margin: 0;
    }


    #main_sec3 .items.tit_area {
        width: 100%;
        padding: 0;
    }

    #main_sec3 .items {
        width: 100%;
        margin: 0 0 clamp(1.5rem, 2vw, 3rem) 0;
        height: unset;
    }

    #main_sec3 .items.tit_area .vm_btn {
        margin: clamp(2rem, 2vw, 3rem) 0;
    }

    #main_sec3 .items.tit_area .dec {
        margin:0;
    }


    #main_sec3 .items .cap_wrap .subj_area:before {

        width: 20px;
        height: 20px;
        left: -30px;
        background-size: cover;
    }


}

/*     1361195 : HTML 편집기      */
#main_sec4 {
    background: #000;
    padding: clamp(4rem, 9.5vw, 13rem) 0 clamp(6rem, 10vw, 12rem);
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_startup.jpg);
    background-attachment: fixed;
}


#main_sec4 .dec {
    text-transform: uppercase;
font-size: clamp(1rem, 1.3vw, 3rem);
    font-family: var(--en-font);
    margin-bottom: clamp(1rem, 2vw, 3rem);
    color: #737373;
    color: var(--prm-clr);
    font-weight: 800;
    text-align: center;
}

#main_sec4 .tit {
    position: relative;
    font-weight: 700;
    line-height: 1.2;
    margin-top: clamp(1.8rem, 2.8vw, 4rem);
    text-align: center;
}

#main_sec4 .tit .txt {
    position: relative;
    width: max-content;
    background: linear-gradient(to right, #fff, #fff) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 0%;
    transition: background-size cubic-bezier(.1, .5, .5, 1) 0.5s;
    margin: 0 auto;
}

#main_sec4 .tit p {
    color: rgba(255, 255, 255, .2);
    font-size: clamp(1.6rem, 2.8vw, 4rem);

}

#main_sec4 .tit .c-cont {
    font-size: clamp(1rem, 1vw, 2rem);
    font-weight: 500;
    line-height: 1.6em;
    margin-top: clamp(1rem, 2vw, 3rem);
    color: #b1b1b1;
}

#main_sec4 .conts_wrap {
    width: 80%;
    margin: 0 auto;
    margin-top: clamp(2rem, 5vw, 6rem);

}

#main_sec4 .conts_wrap .list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#main_sec4 .conts_wrap .list dl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(50% - clamp(1rem, 1.2vw, 3rem));
    height: clamp(20rem, 22vw, 32rem);
    color: #fff;
    border: 1px solid #ffffff2b;
    padding: clamp(1.3rem, 5vw, 8rem);
    margin: 0 0 clamp(1rem, 2vw, 3rem);
    background-image: linear-gradient(32deg, #ff57662e, #b469ff1f, #ffda4e1c), linear-gradient(0deg, #ffffff0a 50%, transparent 50%);
    border-radius: clamp(1rem, 1.5vw, 2rem);
    opacity: .3;
    transition: .3s;

}

#main_sec4 .conts_wrap .list dl.on {
    opacity: 1;
    transition: .3s;
    backdrop-filter: blur(10px);
}

#main_sec4 .conts_wrap .list dl:nth-of-type(even) {
    position: relative;
    transform: translateY(50%);
}

#main_sec4 .conts_wrap .list dt {
    font-size: clamp(1.2rem, 1.8vw, 3rem);
    font-weight: 600;
}

#main_sec4 .conts_wrap .list dt .dec {
    text-align: left;
    color: #ffffffa4;
    font-size: clamp(1rem, 1vw, 2rem);
    font-weight: 100;
}

#main_sec4 .conts_wrap .list dd {
    margin: clamp(1rem, 1vw, 2rem) 0 0;
    line-height: 1.6em;
    font-size: clamp(.93rem, .93vw, 1.5rem);
    color: #ffffffcf;
}

#main_sec4 .conts_wrap .list dd p {
    margin: 8px 0;
    padding-left: clamp(1rem, 1vw, 2rem);
    position: relative;
}

#main_sec4 .conts_wrap .list dd p::before {
    content: '▸';
    position: absolute;
    left: 0;
    top: clamp(0.02rem, 0.02vw, 0.5rem);
    color: #ffffff47;
}

@media (max-width:1560px) {
    #main_sec4 .conts_wrap {
        padding: 0 15px;
    }

    #main_sec4 .tit {
        padding: 0 15px;
        width: 100%;
    }

    #main_sec4 .dec {
        padding: 0 15px;
    }

    #main_sec4 .conts_wrap .list dt .dec {
        padding: 0;
    }
}

@media (max-width:1023px) {
    #main_sec4 .tit {margin-top: clamp(2rem, 3vw, 3vw);}
    #main_sec4 .conts_wrap {width: 100%;}
}

@media (max-width:767px) {

    #main_sec4 {
        background-attachment: unset;
        background-size: 210%;
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 0;
    }
    #main_sec4 .tit {
        text-align: left;
    }

    #main_sec4 .tit p {
        color: #fff;
        line-height: 1.4em;
    }

    #main_sec4 .tit .txt {
        width: 100%;
    }

    #main_sec4 .dec {
        text-align: left;
    }

    #main_sec4 .conts_wrap .list {
        display: block;
    }

    #main_sec4 .conts_wrap .list dl {
        width: 100%;
        height: unset;
        padding: clamp(3rem, 5vw, 8rem) clamp(2.5rem, 5vw, 8rem);
    }

    #main_sec4 .conts_wrap .list dt .dec {
        margin: 0 0 10px 0;
    }
    #main_sec4 .conts_wrap .list dl:nth-of-type(even) {
        transform: unset;
    }
}

/*     1380165 : HTML 편집기      */
.main_full {
    width: 100%;
    background-color: #000;
    padding: clamp(6rem, 14vw, 18rem) 0 clamp(3rem, 7vw, 13rem);
    padding: clamp(6rem, 13vw, 17rem) 0;
    position: relative;
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_vid_bg.png);

    background-size: cover;
    background-repeat: no-repeat;
}

/*
.main_full .inner {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
*/


.main_full .img_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    padding-top: clamp(3.5rem, 6vw, 8rem);

}

.main_full .img_wrap img {

    border-radius: clamp(1rem, 2vw, 3rem);
    display: block;
    margin-bottom: clamp(2rem, 8vw, 10rem);

}

.main_full .img_wrap img:not(:first-child) {}

.main_full .bg_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 1;
    transition: .3s;
    transition: transform 0.3s ease;
    /* 부드러운 위치 변경을 위한 transition */
}

.main_full .bg_wrap .txt {
    font-family: "Montserrat Alternates", sans-serif;
    font-style: italic;
    letter-spacing: -0.08em;
    color: #ffffff1f;
    font-size: clamp(3.5rem, 15vw, 21rem);
    text-transform: uppercase;

}


.main_full .vid_wrap {
    margin: 0 auto;
    width: 80%;
    /*
    position: sticky;
    top: 10%;
    left: 0;
*/
}

.main_full .vid_wrap .vid_box {
    margin: 0 auto;
    width: 100%;
    padding: clamp(2rem, 2.5vw, 4rem) 0;
}

.main_full .vid_wrap .vid_box video {
    width: 100%;
    height: 100%;
    display: block;
}

.main_full .vid_wrap .vid_box iframe {
    width: 100%;
    aspect-ratio: 16/9;
    display: block;
    border-radius: clamp(1rem, 2vw, 3rem);
    overflow: hidden;
}

.main_full .vid_wrap .cap {
    margin-bottom: clamp(2rem, 2vw, 3rem);
    text-align: center;
}

.main_full .vid_wrap .cap .tit {
    font-size: clamp(2.3rem, 4.2vw, 7rem);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: clamp(1rem, 1.2vw, 3rem);
    line-height: 1.1;
    position: relative;
}

.main_full .vid_wrap .cap .tit:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_feat_icon.png);
}

.main_full .vid_wrap .cap .cpn {
    color: var(--prm-clr);
    font-family: var(--en-font);
    font-style: italic;

}

.main_full .vid_wrap .cap .txt {
    font-size: clamp(1rem, 1.6vw, 3rem);
    color: #ffffff6b;
    font-weight: 600;
    margin-bottom: clamp(0.8rem, 0.8vw, 2rem);
}

.main_full .vid_wrap .cap .txt-pt {
    background-image: linear-gradient(45deg, #ff5766, #b469ff, #ffda4e), linear-gradient(to top, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}




/*prm_vid*/
.prm_vid {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prm_vid .tab_wp {
    width: 62%;
}



.prm_vid .tab_list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: clamp(2rem, 4vw, 6rem) 0 0 0;
}

.prm_vid .tab_list li a {
    background: #000;
    cursor: pointer;
    border: 3px solid transparent;
    overflow: hidden;
    border-radius: clamp(1rem, 1vw, 2rem);
    margin-right: clamp(1rem, 1vw, 2rem);
    display: block;
}

.prm_vid .tab_list li a.active {
    border-color: var(--prm-clr);
}

.prm_vid .tab_list li img {
    display: block;
    object-fit: cover;
    aspect-ratio: 4/3;
    width: clamp(8rem, 10vw, 14rem);
    opacity: .3;
    transition: .3s;
}

.prm_vid .tab_list li a.active img {
    opacity: 1;
    transition: .3s;
}

.prm_vid .tab_conts {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.prm_vid .tab_conts:after {
    content: '▶';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #ed282896;
    font-size: clamp(1rem, 1.2vw, 2rem);
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: clamp(4rem, 6vw, 8rem);
    box-shadow: 16px 16px 26px rgba(0, 0, 0, 0.3);
    transition: .3s;
}


.prm_vid .tab_conts:hover:after {
    background: #ed2828;
    transition: .3s;
}


.prm_vid .tab_wp .tab_conts li {
    width: 100%;
    border: 1px soild blue
}

.prm_vid .tab_wp .tab_conts li a {
    display: block;
}

.prm_vid .tab_wp .tab_conts li a img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: clamp(1rem, 2vw, 3rem);
}

.prm_vid .tab_conts li {
    display: none;
}


.prm_vid .cap_wp {
    width: 30%;
}

.prm_vid .cap_wp .dec {
    text-transform: uppercase;
    font-size: clamp(1rem, 1.3vw, 3rem);
    font-family: var(--en-font);
    margin-bottom: clamp(1rem, 2vw, 3rem);
    color: #737373;
    color: var(--prm-clr);
    font-weight: 800;
}

.prm_vid .cap_wp .tit {
    font-weight: 700;
    line-height: 1.2;
    margin-top: clamp(2rem, 3vw, 3rem);
    font-size: clamp(1.8rem, 2.5vw, 3.5rem);
    color: #fff;
    font-family: 'pretendard';
}

.prm_vid .cap_wp p {
    margin: clamp(2rem, 2vw, 4rem) 0 0 0;
    font-size: clamp(1rem, 1vw, 2rem);
    color: #fff;
    opacity: .7;
    line-height: 1.5;
}

@media (max-width:1560px) {
.main_full .inner {padding-left: 15px; padding-right: 15px;}
}

@media (max-width:1023px) {


    .main_full .inner {
        padding: 0 15px;
    }

    .main_full .vid_wrap {
        width: 100%;
    }

    .main_full {padding: 0 0 clamp(4rem, 6vw, 8rem);}
    .prm_vid {flex-direction: column-reverse;}
    .prm_vid .cap_wp {width: 100%; margin-bottom: clamp(1rem, 2vw, 3rem);}
    .prm_vid .tab_wp {width: 100%;}
}


/*     1362905 : 맞춤전송폼      */
.myreg_form__1362905__ {
    padding: 30px 15px;
}

.myreg_form__1362905__ .title_wrap {
    margin-bottom: 20px;
}

.myreg_form__1362905__ .title_wrap .title1 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 25px;
    letter-spacing: -.03em;
}

.myreg_form__1362905__ .title_wrap .title2 {
    margin: 5px 0 0;
    padding: 0;
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    letter-spacing: -.03em;
    opacity: .4;
}

.form__1362905__ .form_title {
    margin: 25px 0 10px;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    letter-spacing: -.03em;
}

.form__1362905__ .form_title:first-child {
    margin-top: 0;
}

.form__1362905__>ul {
    margin: 0;
    padding: 0;
}

.form__1362905__>ul>li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.form__1362905__>ul>li>dl {
    box-sizing: border-box;
    display: table;
    width: 100%;
    height: 55px;
    margin: 0;
    padding: 10px 5px;
    border-bottom: 1px solid #555;
}

.form__1362905__>ul>li>dl>dt {
    display: table-cell;
    width: 100px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #aaa;
    line-height: 22px;
    vertical-align: middle;
    letter-spacing: -.03em;
}

.form__1362905__>ul>li>dl>dt i {
    margin-left: 5px;
    font-style: normal;
    color: #f50000;
}

.form__1362905__>ul>li>dl>dd {
    display: table-cell;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #888;
    line-height: 22px;
    vertical-align: middle;
    letter-spacing: -.03em;
}

.form__1362905__>ul>li>dl>dd input[type='text'],
.form__1362905__>ul>li>dl>dd input[type='password'],
.form__1362905__>ul>li>dl>dd input[type='number'] {
    box-sizing: border-box;
    height: 35px;
    padding: 0 10px;
    border: 1px solid #555;
    background: transparent;
    font-size: 15px;
    color: #888;
    vertical-align: middle;
}

.form__1362905__>ul>li>dl>dd select {
    height: 35px;
    background: transparent;
    font-size: 15px;
    color: #888;
    vertical-align: middle;
}

.form__1362905__>ul>li>dl>dd textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border: 1px solid #555;
    background: transparent;
    font-size: 15px;
    color: #888;
    vertical-align: middle;
}

.form__1362905__>ul>li>dl>dd input[type='radio'],
.form__1362905__>ul>li>dl>dd input[type='checkbox'] {
    margin: 0 5px 0 0
}

.form__1362905__>ul>li>dl>dd a,
.form__1362905__>ul>li>dl>dd button,
.form__1362905__>ul>li>dl>dd input[type='button'] {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    height: 35px;
    margin: 2px 0 2px 5px;
    padding: 0 15px;
    background: #000;
    font-family: 'Malgun Gothic', sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    line-height: 35px;
    vertical-align: middle;
    cursor: pointer;
}

.form__1362905__>ul>li>dl>dd label {
    margin-right: 15px;
    cursor: pointer;
}

.form__1362905__>ul>li>dl>dd #s_v3 {
    width: 100%;
}

.form__1362905__>ul>li>dl>dd .form_help_text {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    letter-spacing: -.03em;
}

.form__1362905__>ul>li:nth-child(1)>dl {
    padding-top: 0;
}

.privacy__1362905__ {
    position: relative;
    margin-top: 10px;
}

.privacy__1362905__ .argree_text {
    margin: 0;
    padding: 0;
}

.privacy__1362905__ .argree_text input[type='checkbox'] {
    margin: 0 3px 0 0;
}

.privacy__1362905__ .argree_text label {
    font-size: 14px;
    color: #888;
    line-height: 20px;
    letter-spacing: -.03em;
    cursor: pointer;
}

.privacy__1362905__ .argree_text .btn_privacy_view {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    background: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    letter-spacing: -.03em;
}

.privacy__1362905__ .form_privacy_layer {
    box-sizing: border-box;
    display: none;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 280px;
    border: 1px solid #333;
    background: #fff;
}

.privacy__1362905__ .form_privacy_layer.on {
    display: block;
}

.privacy__1362905__ .form_privacy_layer>dl {
    margin: 0;
    padding: 0;
}

.privacy__1362905__ .form_privacy_layer>dl>dt {
    position: relative;
    margin: 0;
    padding: 10px 15px;
    background: #e5e5e5;
    font-size: 14px;
    font-weight: bold;
    color: #101010;
    line-height: 18px;
    letter-spacing: -.03em;
}

.privacy__1362905__ .form_privacy_layer>dl>dt .btn_layer_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-size: 0;
}

.privacy__1362905__ .form_privacy_layer>dl>dt .btn_layer_close:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 1px;
    margin: auto;
    background: #101010;
    transform: rotate(-45deg);
}

.privacy__1362905__ .form_privacy_layer>dl>dt .btn_layer_close:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 1px;
    margin: auto;
    background: #101010;
    transform: rotate(45deg);
}

.privacy__1362905__ .form_privacy_layer>dl>dd {
    overflow-y: auto;
    max-height: 150px;
    margin: 0;
    padding: 10px 15px;
    font-size: 13px;
    color: #666;
    line-height: 17px;
    letter-spacing: -.03em;
}

.privacy__1362905__ .form_privacy_layer>dl p {
    margin: 0;
    padding: 0;
}

.myreg_form__1362905__ .form_btns {
    margin-top: 20px;
}

.myreg_form__1362905__ .form_btns button {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    border: none;
    background: #5b00cc;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 23px;
    letter-spacing: -.03em;
    vertical-align: top;
}

.myreg_form__1362905__ .form_btns button:before {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    right: 25px;
    width: 25px;
    height: 1px;
    background: #fff;
}

.myreg_form__1362905__ .form_btns button:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    right: 25px;
    width: 7px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
}

.myreg_form__1362905__ .captcha_str {
    vertical-align: middle;
}

.myreg_form__1362905__ .captcha_input {
    margin-left: 10px;
}

@media all and (min-width:768px) {
    .form__1362905__ {
        overflow: hidden;
    }

    .form__1362905__>ul {
        margin-left: -20px;
    }

    .form__1362905__>ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .form__1362905__>ul>li {
        box-sizing: border-box;
        float: left;
        width: 50%;
        padding-left: 20px;
    }

    .form__1362905__>ul>li.full_width {
        width: 100%;
    }
}

@media all and (min-width:1024px) {
    .myreg_form__1362905__ {
        position: relative;
        padding: 50px;
    }

    .myreg_form__1362905__ .title_wrap {
        margin-bottom: 35px;
    }

    .myreg_form__1362905__ .title_wrap .title1 {
        font-size: 26px;
        line-height: 32px;
    }

    .myreg_form__1362905__ .title_wrap .title2 {
        margin-top: 10px;
        font-size: 18px;
        line-height: 26px;
    }

    .form__1362905__ .form_title {
        margin: 35px 0 15px;
        font-size: 18px;
        line-height: 25px;
    }

    .form__1362905__>ul {
        margin-left: -50px;
    }

    .form__1362905__>ul>li {
        padding-left: 50px;
    }

    .form__1362905__>ul>li>dl {
        padding: 20px 5px;
    }

    .form__1362905__>ul>li>dl>dt {
        width: 150px;
        font-size: 16px;
        font-weight: bold;
        line-height: 22px;
    }

    .form__1362905__>ul>li>dl>dd input[type='text'],
    .form__1362905__>ul>li>dl>dd input[type='password'],
    .form__1362905__>ul>li>dl>dd input[type='number'] {
        height: 45px;
    }

    .form__1362905__>ul>li>dl>dd select {
        height: 45px;
        font-size: 16px;
    }

    .form__1362905__>ul>li>dl>dd textarea {
        height: 45px;
        font-size: 16px;
    }

    .form__1362905__>ul>li>dl>dd input[type='radio'],
    .form__1362905__>ul>li>dl>dd input[type='checkbox'] {
        font-size: 16px;
    }

    .form__1362905__>ul>li>dl>dd a,
    .form__1362905__>ul>li>dl>dd button,
    .form__1362905__>ul>li>dl>dd input[type='button'] {
        height: 45px;
        font-size: 14px;
        line-height: 45px;
    }

    .form__1362905__>ul>li>dl>dd .form_help_text {
        margin-top: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .form__1362905__>ul>li:nth-child(2)>dl {
        padding-top: 0;
    }

    .privacy__1362905__ {
        margin-top: 15px;
    }

    .privacy__1362905__ .argree_text label {
        font-size: 16px;
        line-height: 22px;
    }

    .privacy__1362905__ .argree_text .btn_privacy_view {
        font-size: 16px;
        line-height: 22px;
    }

    .privacy__1362905__ .form_privacy_layer {
        width: 550px;
    }

    .privacy__1362905__ .form_privacy_layer>dl>dt {
        padding: 15px 20px;
        font-size: 15px;
        line-height: 20px;
    }

    .privacy__1362905__ .form_privacy_layer>dl>dt .btn_layer_close {
        width: 50px;
        height: 50px;
    }

    .privacy__1362905__ .form_privacy_layer>dl>dt .btn_layer_close:before {
        width: 20px;
    }

    .privacy__1362905__ .form_privacy_layer>dl>dt .btn_layer_close:after {
        width: 20px;
    }

    .privacy__1362905__ .form_privacy_layer>dl>dd {
        max-height: 200px;
        padding: 15px 20px;
        font-size: 14px;
        line-height: 18px;
    }

    .myreg_form__1362905__ .form_btns {
        position: absolute;
        top: 50px;
        right: 50px;
        margin-top: 0;
        text-align: right;
    }

    .myreg_form__1362905__ .form_btns button {
        display: inline-block;
        width: auto;
        height: 65px;
        padding: 0 110px 0 25px;
        font-size: 20px;
        line-height: 25px;
    }

    .myreg_form__1362905__ .form_btns button:before {
        width: 35px;
    }

    .myreg_form__1362905__ .form_btns button:after {
        top: calc(50% - 5px);
        width: 9px;
    }
}




#main_sec5 {
    background: #000;
    padding: clamp(5.5rem, 10vw, 12rem) 0;
    padding: clamp(2.5rem, 4vw, 7rem) 0 clamp(5.5rem, 10vw, 12rem);
    text-align: center;
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_onestep.jpg);
    background-repeat: no-repeat;
    background-position: center 100%;
    background-size: cover;
}


#main_sec5 .tit {
    color: #fff;
    font-size: clamp(2.1rem, 7.5vw, 10rem);
    font-weight: 700;
    letter-spacing: -0.05em;
    font-style: italic;
    line-height: 1em;
}

#main_sec5 .tit .red {
    color:var(--prm-clr);
}


#main_sec5 .conts_txt {
    font-size: clamp(1rem, 1vw, 2rem);
    font-weight: 500;
    line-height: 1.6em;
    margin: clamp(1rem, 2vw, 3rem) 0;
    color: #b1b1b1;
}

#main_sec5 .vm_btn {
    background: linear-gradient(0deg, #0000002b 50%, transparent 50%), linear-gradient(32deg, #ff5766, #b469ff, #ffda4e);
    color: #000;
    display: inline-block;
    padding: clamp(0.7rem, 0.9vw, 2rem) clamp(1.5rem, 3vw, 4rem);
    font-size: clamp(1rem, 1vw, 2rem);
    font-weight: 700;
    border-radius: clamp(.5rem, .5vw, 1rem);
}


.cursor {
    opacity: 0;
    position: fixed;
    z-index: 1000;
    transform: translate(-50%, -50%) scale(0.5);
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
    transition-property: background, transform;
    transition-duration: .4s;
    /*background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, rgb(255 186 252 / 15%), rgb(255 229 153 / 3%), rgb(255 223 98 / 0%));*/

}

.cursor.on {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

.main_onestep .form_btns {
    position: relative;
    top: unset;
    right: unset;
}

.main_onestep .form_area {
    padding-top: clamp(3rem, 4vw, 5rem);
}

.privacy__1362905__ {
    text-align: left;
}

.main_onestep .form_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: clamp(1rem, 1.2vw, 2rem);
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.myreg_form__1362905__ .form_btns button {
    background: transparent;


    line-height: 25px;
height: unset;
    font-size: clamp(1rem, 1vw, 2rem);

}

.form__1362905__ input {border-radius: 10px;}
.form__1362905__ textarea {border-radius: 10px}
.form__1362905__ select {border-radius: 10px}



.tit.word {
    overflow: hidden;
}

#main_sec5 .tit.word span {
  transform: translateY(130px);
  display: inline-block;
  transition: all 0.5s ease-out;
  letter-spacing: -0.2em;

}

#main_sec5 .tit.word span.active {
    transform: translateY(0);
}

.form__1362905__>ul {display: flex; flex-direction: column; margin:0; width:100%;}
.form__1362905__>ul>li {    margin: 0 auto;
    padding: 0;
    border: 1px solid #ffffff40;
    border-radius: 10px;
    margin-bottom: clamp(1rem, 1.1vw, 3rem);
width: 28%;}
.form__1362905__>ul>li>dl {border:none; padding:0; height: 65px; display: flex; align-items: center;}
.form__1362905__>ul>li>dl>dd input[type='text'], .form__1362905__>ul>li>dl>dd input[type='password'], .form__1362905__>ul>li>dl>dd input[type='number'], .form__1362905__>ul>li>dl>dd select {border:none;}
.form__1362905__>ul>li>dl>dt {font-size: clamp(.85rem, .85vw, 2rem);}
.form__1362905__>ul>li>dl>dd {display: flex; align-items: center;}


.privacy__1362905__ {margin-top: 0}

@media (max-width:1560px) {
    #main_sec5 .inner {
        padding: 0 15px;
    }

    .form__1362905__>ul>li {
        width: clamp(30rem, 30vw, 40rem)
    }
}

@media (max-width:1023px) {

    #main_sec5 .tit.word span {
        transform: translateY(0);
    }
}

@media (max-width:767px) {
    #main_sec5 .conts_txt br {
        display: none
    }

    .form__1362905__>ul>li {
        width: 100%;
    }

    .form__1362905__>ul>li>dl {
        height: clamp(3.2rem, 5vw, 7rem);
    }

    #main_sec5 .tit.word  {
        font-style: unset;
    }

    .main_onestep .form_bottom {
        width: 100%;
        display: block;
    }

    .myreg_form__1362905__ .form_btns button {
        width: 40%;
        text-align: left;
    }

    .privacy__1362905__ .argree_text {
        text-align: center;
    }
}

/*     1362865 : HTML 편집기      */
#main_sec6 {
    background: #000;
    display: flex;
}

#main_sec6 .btn {
    display: flex;
    width: 33.333%;
    justify-content: center;
    align-items: center;
    height: clamp(11rem, 35vw, 45rem);
    border-top: 1px solid #ffffff24;
    position: relative;
    flex-direction: column;
}


#main_sec6 .btn:not(:last-child) {
    border-right: 1px solid #ffffff24;
}

#main_sec6 .btn .subj {
    color: #fff;
    font-size: clamp(1.5rem, 2vw, 3rem);
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}

#main_sec6 .btn .subj::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_feat_icon.png);
    /*margin-right: clamp(.5rem, .5vw, 1rem);*/
    position: absolute;
    top: 50%;
    left: -38px;
    transform: translateY(-50%);

}






.main_btn .img_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-size: cover !important;
    clip-path: circle(0% at 50% 50%);
    transition: all .3s
}

.main_btn .btn:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    filter: brightness(.2);
}

.main_btn .img01,
.main_btn .btn1:before {
    background: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_btn_01.jpg) no-repeat
}

.main_btn .img02,
.main_btn .btn2:before {
    background: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_btn_02.jpg) no-repeat
}

.main_btn .img03,
.main_btn .btn3:before {
    background: url(/img_up/shop_pds/ehompy0534/design/2024/main/main_btn_03.jpg) no-repeat
}


.main_btn .btn:hover .img_box {
    clip-path: circle(50% at 50% 50%);
    filter: brightness(.7)
}


.main_btn .vm {
    width: fit-content;
    color: #fff;
    padding: clamp(.4rem, .4vw, 1rem) clamp(1.3rem, 1.5vw, 2rem);
    border-radius: 10px;
    background: linear-gradient(0deg, #ffffff17 50%, #ffffff17 50%);
    background: linear-gradient(0deg, #ffffff5e 50%, #ffffff17 50%);
    border: 1px solid #ffffff2e;
    position: relative;
    margin-top: clamp(1rem, 1.2vw, 2rem);
    opacity: 0;
    transition: .3s;
}

.main_btn .txt {
    transform: translateY(20px);
    transition: .3s;
}

.main_btn .btn:hover .txt {
    transition: .3s;
    transform: translateY(0);
}

.main_btn .btn:hover .vm {
    opacity: 1;
}

@media (max-width:1023px) {
    #main_sec6 {
        display: block;
    }

    #main_sec6 .btn {
        width: 100%;

    }

    .main_btn .txt {
        transform: unset;
        display: flex;
        width: 100%;
        padding: 0 8% 0 15%;
        justify-content: space-between;
    }

    .main_btn .vm {
        opacity: 1; margin:0;
    }
    .main_btn .btn:before {filter: brightness(0.2);}
}

/*     1359775 : HTML 편집기      */
.main_bookmark {
    position: fixed;
    color: #fff;
    z-index: 999;
    right: 50px;
    top: 9%;
}

.main_bookmark ul {
	padding: 0 0 0 1em;
	list-style: none;
}
.main_bookmark ul li {
opacity: .2;
font-family: 'pretendard';
margin: 0 0 clamp(.2rem, .2vw, 1rem);
transition: .3s;
text-align: right;
position: relative;
}

.main_bookmark ul li a {
    color:#fff;
}

.main_bookmark li.active {
opacity: 1;
font-weight: 600;
}

.main_bookmark li.kf.active {
	    background-image: linear-gradient(45deg, #ff5766, #b469ff, #ffda4e), linear-gradient(to top, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    /*color:var(--prm-clr);
    font-weight: 800;*/
}

.main_bookmark li.ws.active {
        background-image: linear-gradient(90deg, #ff5766, #b469ff, #ffda4e), linear-gradient(to top, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    /*color:var(--prm-clr);
    font-weight: 800;*/
}

.main_bookmark li.ost.active {
        background-image: linear-gradient(45deg, #ff5766, #b469ff, #ffda4e), linear-gradient(to top, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    /*color:var(--prm-clr);
    font-weight: 800;*/
}

.main_bookmark li.btn.active {
        background-image: linear-gradient(90deg, #ff5766, #b469ff, #ffda4e), linear-gradient(to top, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    /*color:var(--prm-clr);
    font-weight: 800;*/
}

@media (max-width:1023px) {
        .main_bookmark {display: none;}
}

/*     1358205 : HTML 편집기      */