/* common */
.text_hide{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);padding:0;}
.pc_none{display:none;}
.m_none{display:block;}
@media only screen and (max-width: 1280px) {
    .m_none{display:none;}
    .pc_none{display:block;}
}

/* container */
.container{position:relative;transition: .2s ease;padding-top: 204px;}
@media only screen and (max-width: 1280px) {
    /* .container{padding-top:15px;} */
}

/*20250730*/
/* header{ transition: transform 0.3s ease, opacity 0.6s ease;}
header.on {transform: translateY(-20%);opacity: 0; transition: none;}
header.up {transform: translateY(0);opacity: 1;}
header.on.up{position:fixed;left:0;top:0;z-index:10;width:100%;transition: transform 0.4s ease, opacity 0.4s ease;transform: translateY(0);opacity: 1;} */
.header.event{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;transform: translateY(-100%);opacity: 0;transition: transform 0.4s ease, opacity 0.4s ease;}
.header.on.up {transform: translateY(0);opacity: 1;backdrop-filter: blur(8px);}
.header.on{ transform: translateY(-30%);opacity: 0;}

/* header */
.header{top:0;padding-top:0px;background-color:rgba(255, 255, 255, 0.7);backdrop-filter: blur(2px);/*transition:all .7s ease;*/position: fixed;z-index: 111;width: 100%;}
.header .inc-wrap.header_new{margin:0 100px;}
/* .header.on{padding-top:0;transition:all .3s ease;top:-64px;} */
.header.on .inc-wrap.header_new{height:60px;}
.header_new .m4a-symbol{margin-left:0;}
.header .pc_menu{display:block;position:relative;margin-left:auto;margin-right:0;}
.pc_menu .menu ul{display:flex;}
/* .header.on .pc_menu .menu ul li{font-size:1.4rem;} */
.header.on .m4a-symbol{width:65px;}
.pc_menu .menu ul li{position:relative;font-size:1.8rem;}
.pc_menu .menu ul li + li{margin-left:40px;}
.pc_menu .menu ul li a{position:relative;padding:10px 4px;line-height:40px;} 
.pc_menu .menu ul li.email_hd a{padding:0;}
.pc_menu .menu ul li:not(.email_hd) a::before{content:'';opacity:0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:4px;transition:all .5s ease;background:#000;}
.pc_menu .menu ul li.on a,
.pc_menu .menu ul li:not(.email_hd) a:hover{font-weight:800;}
.pc_menu .menu ul li.on a::before,
.pc_menu .menu ul li a:hover::before{opacity:1;width:100%;}
.pc_menu .menu .line{position:absolute;height:2px;width:0;bottom:0;background:#000;transition:left 0.3s ease;}
.header .m_menu{display:none;position:absolute;top:50%;right:9px;margin-left:0;transform:translateY(-50%);}
.header .nav-group{display:none;left:inherit;right:-150vw;transition:right .4s ease-in-out;background:rgba(0, 0, 0, 0.8);}
.header .nav-group.on{left:inherit;right:0;}
.header .nav-group .sales-btn{padding:11px 16px 11px 48px;}
.header .nav-group .sales-btn::after{top:9px;}
.header .nav-group .email_hd{margin-top: 42px;}
.header .nav-group .email_hd a{display:inline-flex;}
.header .nav-group .nav-group-inner{display:flex;flex-direction:column;justify-content: space-between;position:absolute;top:0;right:0;width:100%; height: calc(var(--vh, 1vh)* 100);background:#fff;}
.header .header_new .main-nav{padding:100px 0px 0px 24px;}
/* .header_new .main-nav li{padding:8px 0;} */
/* .header_new .main-nav li + li {margin-top:32px;} */
.header_new .main-nav .nav-item{font-size:3.2rem;line-height:1.4;}
.header .header_new .nav-near-conts{position: absolute; width: 100%; bottom: 0; padding: 20px 24px 30px;}
.header .header_new .nav-near-conts .email b{font-weight: 800;}
.header_new .nav-near-conts .link-brouchure{margin-top:20px;}

@media only screen and (max-width: 1280px) {
    .header{padding-top:0;/*position: relative;*/ z-index: 1000;}
    
    .header.on .inc-wrap.header_new{height:70px;}
    .header .m4a-symbol{width:65px}
    .header.on .m4a-symbol{width:65px}
    .header .inc-wrap.header_new{margin:0 20px;}

    /*.header .m4a-symbol{width:46px;height:18px;}
    .header.on .m4a-symbol{width:46px;height:14px;}*/
    /* .header .pc_menu{display:none;} */
     /* .header .m_menu{display:flex;}
     .header .header_new .nav-group{display:flex;} */
}
@media only screen and (max-width: 760px) {
    /* .header .pc_menu{display:none;}
.header .m_menu{display:flex;}
.header .header_new .nav-group{display:flex;} */
    .header .inc-wrap.header_new{height:70px;}

.container{padding-top: 15px;}
.header{position: relative;}
.header .pc_menu{display:none;}
  .header .m_menu{display:flex;}
     .header .header_new .nav-group{display:flex;}
}

/* footer */
#footer{background:#2A2A2F;}
.footer_wrap{padding:32px 100px;color:#AAA;}
.footer_wrap .footer_logo{position:relative;width:80px;height:30px;margin-bottom:24px;background:url('../images/footer_logo.svg') no-repeat 0 0;background-size:100% auto;}
.footer_wrap .company_info,
.footer_wrap .copy{font-size:1.4rem;}
.footer_wrap .company_info > div{margin-bottom:8px;}
.footer_wrap .company_info .link{position:relative;}
.footer_wrap .company_info .link + .link{margin-left:10px;padding-left:10px;}
.footer_wrap .company_info .link + .link::before{content:'';position:absolute;top:3px;left:0;width:1px;height:9px;background-color:rgba(102, 102, 102, 0.4)}

@media only screen and (max-width: 1280px) {
    .footer_wrap{padding:40px 32px;}
    .footer_wrap .footer_logo{width:65px;height:24px;}
    .footer_wrap .company_info,
    .footer_wrap .copy{font-size:1.3rem;}
    .footer_wrap .company_info .link{display:block;}
    .footer_wrap .company_info .link + .link{margin-left:0;padding-left:0;margin-top:8px;}
    .footer_wrap .company_info .link + .link::before{display:none;}
}

/* fixed_btn */
/* .fixed_btn *{transition:all .5s ease;}
.fixed_btn{position:fixed;right:40px;height:56px;z-index:9;}
.fixed_btn.bottom{position:absolute;}
.fixed_btn .sales-btn{position:relative;display:block;width:56px;height:56px;border-radius:16px;box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, .14);overflow:hidden;}
.fixed_btn .sales-btn::before{content:'';position:absolute;top:16px;left:16px;width:24px;height:24px;background:url('../images/fixed_btn.png') no-repeat center center;background-size:20px auto;}
.fixed_btn .sales-btn span{display:flex;margin-left:56px;white-space: nowrap;overflow: hidden;padding:18px 0;font-size:1.4rem;}
.fixed_btn .sales-btn:hover{width:160px;} */
.sales-btn{position:relative;padding: 9px 16px 9px 48px;border-radius:8px;background-color:#000;align-items: center;color:#fff;font-weight: 800;font-size:16px;}
.sales-btn:after{content:'';position:absolute;top:6px;left:16px;width:26px;height:26px;background:url('../images/email_icon.png') no-repeat center center;background-size:100%;}
@media only screen and (max-width: 800px) {
    .fixed_btn{bottom:16px;right:16px;}
    .fixed_btn .sales-btn:hover{width:56px;} 
}


/* works */
.works-list-new{padding:0px 100px 0;}
.works-list01 .works-list{display:flex;flex-wrap:wrap;margin:-15px -30px;}
.works-list01 .list-item{opacity:0;width:calc(25% - 60px);margin:15px 30px;transform:translateY(50px);transition: all .4s ease-in-out;}
.works-list01 .list-item.observe{opacity:1;transform:translateY(0);}
.works-list01 .list-item .link-block{position:relative;display:block;height:100%;}
.works-list01 .list-item .img-sec{position:relative;height: 0px;padding-top:75%;border-radius:8px;background-color:#F1F4F7;background-size:100%;background-position:center;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);transition: all .4s ease-in-out;}
.works-list01 .list-item a.link-block:hover .img-sec{background-size: 110% auto;}
.works-list01 .list-item .img-sec.no-img{background:#F1F4F7 url('../images/works-noimg.svg') no-repeat 50% 50%;background-size:104px auto;}
.works-list01 .list-item .img-sec .kind_wrap{position:absolute;bottom:24px;left:24px;}
.works-list01 .list-item .img-sec .kind_wrap .kind{display:inline-block;padding:7px 16px;background-color:rgba(255, 255, 255, 0.8);backdrop-filter: blur(16px);font-size:1.6rem;border-radius:19px;box-shadow:0px 0px 16px rgba(10, 30, 82, 0.16);}
.works-list01 .list-item .img-sec .kind_wrap .kind + .kind{margin-left:8px;}
.works-list01 .list-item .info-sec{padding:15px 0px 32px;}
.works-list01 .list-item .info-sec .ptn{font-size:1.6rem;}
.works-list01 .list-item .info-sec .name{font-size:2.4rem;font-family:'NanumSquare Neo'}/**/
.works-list01 .list-item .info-sec .name b{font-weight:900;}
.works-list02{margin-top:60px;padding:60px 0 90px;border-top:1px solid #ddd;}
.works-list02 .works-list{display:flex;flex-wrap:wrap;margin:-40px -20px;}
.works-list02 .list-item{width:calc(50% - 40px);margin:40px 20px;opacity:0;transform:translateY(50px);transition: all .4s ease-in-out;}
.works-list02 .list-item.observe{opacity:1;transform:translateY(0);}
.works-list02 .year{font-size:3.2rem;margin-bottom:32px;}
.works-list02 .year_list li{font-size:2rem;}
.works-list02 .year_list li + li{margin-top:24px;}
.works-list02 .year_list .list-item{font-size:2rem;opacity:0;transform:translateY(50px);}

.dimmed {position:absolute;top:0;left:0;right:0;bottom:0;display: flex;align-items: center;justify-content: center;pointer-events: none;z-index:1;transition: opacity 0.3s ease;}
.dimmed .dimmed-icon{width:100%;opacity:1;position:relative;height:0px;padding-top:75%;border-radius:8px;background-size:100%;background-position:center}
.list-item:hover .dimmed .dimmed-icon{opacity:0;}
.hidden {opacity: 0;pointer-events: none;display: none !important;}
.dimmed.hidden{display: none !important;}

.works-list01 .list-item.type1.n0{width: calc(50% - 60px);}
/* .works-list01 .list-item.type1.n0 .dimmed, .works-list01 .list-item.type1.n0 .dimmed-icon{background:none !important} */

@media only screen and (max-width: 1600px) {
    .works-list01 .list-item{width:calc(33.3% - 60px);}
}
@media only screen and (max-width: 1280px) {
    .works-list-new{padding:0 20px;}
    /* .works-list01 .list-item{width:calc(50% - 40px);margin: 15px 20px;} */
    /* .works-list01 .works-list{margin:-15px -20px;} */
    .works-list01 .list-item .img-sec .kind_wrap{bottom:20px;left:20px;}
    .works-list01 .list-item .img-sec .kind_wrap .kind{padding:4px 12px;font-size:1.4rem;border-radius:19px;box-shadow:0px 0px 16px rgba(10, 30, 82, 0.16);}
    .works-list01 .list-item .info-sec .ptn{font-size:1.4rem;}
    .works-list01 .list-item .info-sec .name{margin-top:2px;font-size:2rem;}
    .works-list02 .list-item{width:calc(100% - 40px);margin:40px 20px;}

    .works-list01 .list-item.type1.n0{width: calc(66% - 60px);}
}
@media only screen and (max-width: 760px) {
    .works-list01 .works-list{margin:-16px 0;}
    .works-list01 .list-item{width:100%;margin:25px 0;}
    .works-list01 .list-item .info-sec{padding:15px 8px 30px;}

    .works-list01 .list-item.type1.n0{width:100%;}
}


/* detail */
.works-detail-new{padding:0;}
.works-detail-new img{margin:0 auto;display:block;vertical-align:top;}
.wd-scope{padding:120px 0 160px;}
.wd-scope:first-child{padding:0 0 160px;}
.works-detail-new [class*=detail-art]{max-height:inherit;overflow:inherit;}
.detail-art + .detail-art{margin-top:120px;}
.bg_gray{background:#F1F4F7;}
.wd_inner{max-width:1280px;margin:0 auto;}
.w-detail .info-sec{position:relative;display:flex;flex-direction:column;align-items: center;text-align: center;min-height:335px;}
.w-detail .info-sec#sub{position:relative;display:flex;flex-direction:column;align-items: center;text-align: center;min-height:435px;}
.w-detail .ptn{font-size: 1.4rem;}
.w-detail .name{font-size:6.0rem;margin-top:20px;padding:0px 50px;line-height:1.2;transition:all .4s ease-in-out;font-weight:800;font-family:var(--ex-bold)}
.w-detail .name > span{display:inline-flex;position:relative;}
.w-detail .name > span:before,
.w-detail .name > span:after{content: '';position: absolute;top: 50%;transform: translateY(-50%) rotate(30deg);width: 2px;height: 30px;background: #000;}
.w-detail .name > span:before{left: -40px;}
.w-detail .name > span:after{right: -40px;}
.w-detail .etc-group{text-align:left;position:absolute;left:50%;bottom:20px;width:calc(100% - 40px);max-width:1280px;font-size:1.4rem;transform:translateX(-50%);transition:all .4s ease-in-out;}
.w-detail .etc-group .etc{margin-top:5px;}
.w-detail .etc-group .etc b{display:inline-block;width:100px;}
.detail-art .img-sec{position:relative;height:400px;}
.detail-art .img-sec .img-sec-bg{position:absolute;height:320px;bottom:0;left:0;width:100%;z-index:0;}
.detail-art .img-sec .img-url{position: absolute;bottom:0;left:50%;width:1280px;height:400px;background-repeat:no-repeat;background-position:right bottom;transform:translateX(-50%);background-size:auto 100%;z-index:1;}
.wd_textbox{display:flex;flex-direction:column;align-items:center;text-align:center;}
.wd_textbox .title{margin-bottom:32px;font-size:1.4rem;color:#2375CA;}
.wd_textbox .tit_text{margin-bottom:24px;font-size:4rem;font-weight: 700;}
.wd_textbox .sub_text{margin-bottom:60px;font-size:1.8rem;}

.wd_img01{height:540px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;border-radius:16px;}
.wd_img02{height:360px;background-repeat:no-repeat;background-position:center center;background-size:auto 220px;border-radius:16px;}

.wd_inner .wd_imgbox {position: relative;}
.wd_inner .wd_imgbox .shc01{position: absolute; top: 35%; right: 2%; width: 23.5%; height: 18.5%; min-width: 120px; min-height: 120px; background: url(../images/works_detail1_character_01.png) no-repeat ; background-size: cover;}
.wd_inner .wd_imgbox .shc02{position: absolute; top: 76%; left: 20%; z-index: 1; width: 19.5%; height: 32.2%; background: url(../images/works_detail1_character_02.png) no-repeat ; background-size: cover;}
.wd_inner .wd_imgbox .shc03{position: absolute; top: 36%; right: -2%; width: 23.5%; height: 18.5%; min-width: 120px; min-height: 120px; background: url(../images/works_detail6_character_01.png) no-repeat ; background-size: cover;}
.wd_inner .wd_imgbox .shc04{position: absolute; top: 73%; left: 19%; z-index: 1; width: 19.5%; height: 32.2%; background: url(../images/works_detail6_character_02.png) no-repeat ; background-size: cover;}
.wd_inner .wd_imgbox .shc05{position: absolute; top: 69%; right: -2%; width: 23.5%; height: 36.5%; min-width: 120px; min-height: 120px; background: url(../images/works_detail14_character_01.png) no-repeat ; background-size: cover;}
.wd_inner .wd_imgbox .shc06{position: absolute; top: 72%; left: 19%; z-index: 1; width: 19.5%; height: 32.2%; background: url(../images/works_detail14_character_02.png) no-repeat ; background-size: cover;}
.wd_inner .wd_imgbox .shc07{position: absolute; top: 72.5%; left: 19.5%; z-index: 1; width: 19.5%; height: 32.2%; background: url(../images/works_detail12_character_01.png) no-repeat ; background-size: cover;}

.wd_img_lst{display:flex;flex-wrap:wrap;align-items:center;}
.wd_img_lst .first{position:relative;flex:none;width:31.8%;margin-right:6.48%;}
.wd_img_lst.chr-no .first{position:relative;flex:none;width:31.8%;margin-right:4.3% !important;}
.wd_img_lst.chr-no .first video{position:relative;flex:none;width:407px;margin-right:4.3% !important;}
.wd_img_lst .first img{border-radius:30px;border:16px solid #D0D9E2;}
.wd_img_lst .first video{border-radius:30px;border:16px solid #D0D9E2;}
.wd_img_lst .item{display:flex;flex:1 1 auto;justify-content:space-between;}
.wd_img_lst .item > div{padding:16px 0;width:47.4%;text-align:center;}
.wd_img_lst :not(.first) img {border-radius:30px;width:375px;}
.wd_img_lst.chr-no :not(.first) video{border-radius:30px;width:375px;height:746px;border:1px solid #D0D9E2}

/* 비활성화된 링크 스타일 */
a.disabled {pointer-events: none; color: #444 !important; cursor: not-allowed;}

/* type2 : 캐릭터가 없는 경우 */
.wd_img_lst.type2{justify-content:center;gap:45px}
.wd_img_lst.type2 .first{width:auto;margin-right:0}
.wd_img_lst.type2 .item{flex:none;gap:45px}
.wd_img_lst.type2 .item > div{width:auto}
.wd_img_lst.type2 .item > div.first{padding:0}
 
@keyframes worksImgShow { 
    0% { background-position-x:0% }
    40% { background-position-x:100% }
    50% { background-position-x:100% }
    90%, 100% { background-position-x:0% }
}

@keyframes worksImgShow2 { 
    0% { background-position-x:-10% }
    40% { background-position-x:110% }
    50% { background-position-x:110% }
    90%, 100% { background-position-x:-10% }
}

@media only screen and (max-width: 1280px) {
    .works-detail-sec{padding:0;}
    .wd-scope{padding:80px 0 80px;}
    .wd-scope:first-child{padding:0 0 80px;}
    .wd-scope:last-child{padding-bottom:120px}
    .detail-art + .detail-art{margin-top:80px;}
    .wd_inner{margin:0 20px;}
    .wd_inner.wide{margin:0;}
    .w-detail .info-sec{min-height:240px;}
    .w-detail .info-sec#sub{min-height:480px;}
    .w-detail .ptn{font-size: 1.2rem;}
    .w-detail .name{font-size:3.0rem;padding:0px 15px;}
    .w-detail .name > span:before,
    .w-detail .name > span:after{width: 1px;height: 20px;}
    .w-detail .name > span:before{left: -20px;}
    .w-detail .name > span:after{right: -20px;}
    .w-detail .etc-group{font-size:1.2rem;}
    .detail-art .img-sec{height:320px;}
    .detail-art .img-sec .img-sec-bg{height:240px;}
    .detail-art .img-sec .img-url{width:100%;height:280px;}
    .wd_textbox .title{margin-bottom:15px;font-size:1.2rem;}
    .wd_textbox .tit_text{margin-bottom:20px;font-size:2.8rem;font-weight: 700;}
    .wd_textbox .sub_text{margin-bottom:48px;}

    .wd_inner .wd_imgbox .shc02{top: 36.5%; left: 54%; width: 19.7%; height: 16%; min-height: 120px; min-width: 250px;}
    .wd_inner .wd_imgbox .shc04{top: 36.5%; left: 54%; width: 19.7%; height: 16%; min-height: 120px; min-width: 250px;}
    .wd_inner .wd_imgbox .shc06{top: 36.5%; left: 54%; width: 19.7%; height: 16%; min-height: 120px; min-width: 250px;}
    .wd_inner .wd_imgbox .shc07{top: 36.5%; left: 54%; width: 19.7%; height: 16%; min-height: 120px; min-width: 250px;}

    .wd_img02{height:320px;border-radius:0;padding-top:0;background-size:auto 180px;}
    .wd-scope:first-child .wd_img02{margin-bottom:-80px}
    .wd_img_lst .first{width:68%;margin:0 16% 60px;text-align:center;}
    .wd_img_lst.chr-no .first{width:68% !important;margin:0 16% 60px;text-align:center;}
    .wd_img_lst .first img,.wd_img_lst .first video{width:377px; border-width:8px; border-radius:25px;}
    .wd_img_lst :not(.first) img{border-radius:0;height:auto}
    .wd_img_lst.chr-no :not(.first) video{border-radius:16px; height:auto}
    .wd_img_lst .item{flex:1 1 auto}
    .wd_img_lst .item > div{padding:0;}
    /* type2 : 캐릭터가 없는 경우 */
    .wd_img_lst.type2{gap:60px}
    .wd_img_lst.type2 .first{width:67.5%;margin:0 auto;text-align:center;}
    .wd_img_lst.type2 .item{flex:1 1 auto;gap:24px}
    .wd_img_lst.type2 .item > div{padding:0;flex:1 1 auto;width:47.4%}
    .wd_img_lst.type2 .item > div.first{width:calc(47.4% + 16px);margin:-8px}
}
@media only screen and (max-width: 800px) {
    .wd_img01{height:400px;border-radius:0;animation: worksImgShow 14s ease infinite;}
    .wd_img02{animation: worksImgShow2 14s ease infinite;}
    .wd_inner .wd_imgbox .shc02{top: 41%; right: 0%; left: auto; width: 15.3%; height: 120px; min-width: 120px;}
    .wd_inner .wd_imgbox .shc04{top: 40%; right: -2%; left: auto; width: 15.3%; height: 120px; min-width: 120px;}
    .wd_inner .wd_imgbox .shc06{top: 40%; right: -2%; left: auto; width: 15.3%; height: 120px; min-width: 120px;}
    .wd_inner .wd_imgbox .shc07{top: 40%; right: -2%; left: auto; width: 15.3%; height: 120px; min-width: 120px;}
}

/* contact */
.main-content.contact{min-height:auto;}
.contact-sec.contact-new{flex-direction:column;padding:0;height:auto;}
.contact-new .contact-art1{width:100%;max-width:1280px;margin:0 auto 120px;}
.contact-new .info_box{display:flex;flex-wrap:wrap;align-items:center;flex-direction:column;}
.contact-new .info_box [class*=info]{position:relative;display:flex;flex-direction:column;text-align:center;}
.contact-new .info01{margin-top:0px;}
.contact-new .info01 .title{margin-bottom:32px; background: linear-gradient(transparent 70%, #B3FF9F 70%); line-height: 140%;}
.contact-new .info01 .title b{position:relative;display:inline-block;font-size:7.2rem;font-weight:900;margin-right:10px;}
/* .contact-new .info01 .title::before{content:'';position:absolute;bottom:95px;left:0;width:100%;height:24px;background-color:#B3FF9F;z-index:-1;} */
.contact-new .info01 .twinkle{position: absolute;}
.contact-new .info01 .twinkle1{width: 10px; height: 10px; top: -25px; right: 58px; background: url(/images/twinkle1.png) no-repeat; background-size: cover; animation: twinkle 2s ease infinite alternate; animation-delay: 0s;}
.contact-new .info01 .twinkle2{width: 7px; height: 12px; top: -30px; right: 45px; background: url(/images/twinkle2.png) no-repeat; background-size: cover; animation: twinkle 2s ease infinite alternate; animation-delay: 0.4s;}
.contact-new .info01 .twinkle3{width: 8px; height: 12px; top: -30px; right: 30px; background: url(/images/twinkle3.png) no-repeat; background-size: cover; animation: twinkle2 2s ease infinite alternate; animation-delay: 0.2s;}
.contact-new .info01 .twinkle4{width: 11px; height: 11px; top: -25px; right: 14px; background: url(/images/twinkle4.png) no-repeat; background-size: cover; animation: twinkle2 2s ease infinite alternate; animation-delay: 0.6s;}

@keyframes twinkle {
    0% { scale: 0.2; opacity: 0;}
    20% { scale: 1;}
    60% { scale: 1;}
    80% { scale: 0}  
    100% { scale: 0;} 
}

@keyframes twinkle2 {
    0% { scale: 0.2; opacity: 0;}
    20% { scale: 1;}
    60% { scale: 1;}
    80% { scale: 0} 
    100% { scale: 0;} 
}

.contact-new .info01 .left_hand,
.contact-new .info01 .right_hand{display: inline-block; margin: -5px 0;}
.contact-new .info01 .left_hand{width: 40px; top: 15px; right: -50px; animation: wave-hand 1.5s ease-in-out infinite alternate; transform-origin: center bottom;}
.contact-new .info01 .right_hand{width: 40px; top: 15px; right: -100px;  animation: wave-hand2 1.5s ease-in-out infinite alternate; transform-origin: center bottom;}

@keyframes wave-hand {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(-4deg); }
    100% { transform: rotate(0deg); }
}

@keyframes wave-hand2 {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(4deg); }
    100% { transform: rotate(0deg); }
}

.contact-new .info01 .sub_text{font-size:2.4rem;}
.contact-new .info02{margin-top:160px;padding:84px 0 0;}
.contact-new .info02::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:60px;background:url('../images/location_on.svg') no-repeat center center;background-size:100% auto;}
.contact-new .info02 .company_name{margin-bottom:16px;font-size:3.2rem;}
.contact-new .info02 .company_address{margin-bottom:32px;font-size:2rem;color:#666;}
.contact-new .info02 .contact_data > p{display:inline-block;font-size:2rem;}
.contact-new .info02 .contact_data > p + p{margin-left:24px;}
.contact-new .info02 .brochure_new{margin-top:60px;}

.contact-new .contact-art2{min-height:700px;}

@media only screen and (max-width: 1280px) {
    .contact-new .contact-art1{margin:0;padding:0 20px 60px;}
    .contact-new .info01{margin-top:75px;}
    .contact-new .info01 .title{margin-bottom:16px;}
    .contact-new .info01 .title b{margin-bottom:8px;font-size:4rem;}
    /* .contact-new .info01 .title b::before{bottom:73px; height: 16px;} */

    .contact-new .info01 .twinkle1{width: 10px; height: 10px; top: -20px; right: 45px;}
    .contact-new .info01 .twinkle2{width: 8px; height: 12px; top: -25px; right: 36px;}
    .contact-new .info01 .twinkle3{width: 8px; height: 12px; top: -25px; right: 22px;}
    .contact-new .info01 .twinkle4{width: 10px; height: 10px; top: -20px; right: 10px;}

    .contact-new .info01 .left_hand{width: 30px; top: 5px; right: -5px;}
    .contact-new .info01 .right_hand{width: 30px; top: 5px; right: -35px;}

    .contact-new .info01 .sub_text{font-size:1.6rem;}
    .contact-new .info02{margin-top:80px;padding:56px 0 0;}
    .contact-new .info02::before{width:40px;height:40px;}
    .contact-new .info02 .company_name{margin-bottom:12px;font-size:2.4rem;}
    .contact-new .info02 .company_address{margin-bottom:24px;font-size:1.4rem;}
    .contact-new .info02 .contact_data > p{display:block;font-size:1.6rem;}
    .contact-new .info02 .contact_data > p + p{margin-left:0;margin-top:12px;}
    .contact-new .info02 .brochure_new{margin-top:60px;}

    .contact-new .contact-art2{min-height:420px;}
}

/* brochure */
.link-download{position:relative;display:inline-block;height:60px;line-height:60px;background:#000;color:#fff;padding-left:40px;padding-right:64px;font-size:2rem;overflow:hidden;font-weight:bold;border-radius:30px;}
.link-download::before{content:'';position:absolute;top:50%;transform:translateY(-50%);right:32px;width:24px;height:24px;background:url('../images/btn_download.svg') no-repeat center center;background-size:100% auto;}
@media only screen and (max-width: 1280px) {
    .link-download{height:42px;line-height:42px;padding-left:24px;padding-right:44px;border-radius:21px;font-size:1.4rem;}
    .link-download::before{width:20px;height:20px;right:20px;}
}

/* about */
.about-sec{padding: 0 100px;}
.about-sec .title_wrap{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 220px;margin-top:-10px;}
.about-sec .title_wrap h2{position:relative;}
.about-sec .title_wrap h2 span{position:relative;display:inline-block;font-size:72px;font-weight:900;line-height:1.2;}
.about-sec .title_wrap h2 span::before{content:'';position:absolute;bottom:16px;left:0;width:100%;height:24px;background:#B3FF9F;z-index:-1;}
.about-sec .title_wrap h2 span.second{margin-left:-50px;}
.about-sec .title_wrap h2 span.second::before{width:calc(100% + 56px);}
/* .about-sec .title_wrap h2 i + span{padding-left:20px;} */
.about-sec .title_wrap h2 i{display:none;}
.about-sec .title_wrap p{font-size:2.4rem;margin-top:10px;}
/* @media only screen and (max-width: 1280px){
    .about-sec .title_wrap h2 span.second::before{left:0px;}
} */
/* .about-sec .title_wrap .about_aniBox{position:relative;height:130px;margin-bottom:40px;}
.about-sec .title_wrap .about_ani{position:absolute;width:100px;height:130px;top:0;left:50%;transform:translate(-50%, 0);}
.about_ani .obj01{position:absolute;bottom:0;left:0;width:100px;height:100px;background-image:url('../images/about_obj_on.png');background-size:100% auto;background-repeat:no-repeat;background-position:center 0;animation:aboutAni01 2s ease-in-out infinite alternate;}
.about_ani [class*=line]{position:absolute;width:4px;height:14px;background-color:#FFDB71;border-radius:2px;animation: lineani 2s ease infinite;opacity: 0;}
.about_ani .line01{top:18px;left:17%;transform:rotate(-40deg); animation-delay: 0s;}
.about_ani .line02{top:8px;left:33%;transform:rotate(-20deg);animation-delay: 0.4s;}
.about_ani .line03{top:5px;left:49%;animation-delay: 0.2s;}
.about_ani .line04{top:8px;left:67%;transform:rotate(20deg);animation-delay: .6s;}
.about_ani .line05{top:18px;left:83%;transform:rotate(40deg);animation-delay: .4s;}
@keyframes aboutAni01 {
    0%{background-image:url('../images/about_obj.png');}
    100%{background-image:url('../images/about_obj_on.png');}
}
@keyframes lineani {
    0%{ scale: 0.2; opacity: 0;}
    10%, 50% { scale: 1;opacity: 1;}
    65%, 100% { scale: 0;} 
} */


.about-sec .blog_wrap{padding-bottom:120px;}
.blog_list .list-item{opacity:0;transform: translateY(50px);position:relative;display:block;width:100%;padding:24px 140px 24px 0;color:#999;transition:all 0.2s ease-in-out;}
.blog_list .list-item::before{content:'';position:absolute;bottom:24px;right:0;width:60px;height:60px;background-image:url('../images/blog_arrow.png');background-repeat:no-repeat;background-position:center center; background-size:100% auto;transition:all 0.2s ease-in-out;}
.blog_list .list-item::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#999;transition:all 0.2s ease-in-out;}
.blog_list .list-item.observe{opacity:1;transform: translateY(0);}
.blog_list .list-item:hover{color:#000;}
.blog_list .list-item:hover::before{background-image:url('../images/blog_arrow_on.png');}
.blog_list .list-item:hover::after{height:4px;background-color:#000;}
.blog_list .list-item + .list-item{margin-top:60px;}
.blog_list .list-item .type{display:block;font-size:2.4rem;}
.blog_list .list-item .title{display:block;margin-top:26px;font-size:4rem;font-weight:900;text-overflow:ellipsis;white-space: nowrap;overflow: hidden; }

@media only screen and (max-width: 1280px) {
    .about-sec{padding: 0 20px;}
    .about-sec .title_wrap{padding:50px 0 80px;}
    .about-sec .title_wrap h2 span{font-size:4rem;}
    .about-sec .title_wrap h2 span::before{bottom:8px;height:16px;}
    .about-sec .title_wrap h2 i{display:block;}
    .about-sec .title_wrap h2 i + span{padding-left:0;}
    .about-sec .title_wrap p{font-size:1.6rem;margin-top:16px;}

    .about-sec .title_wrap .about_aniBox{height:90px;margin-bottom:32px;}
    .about-sec .title_wrap .about_ani{width:60px;height:80px;}
    .about_ani .obj01{width:60px;height:60px;}
    .about_ani [class*=line]{width:2px;height:7px;border-radius:1px;}

    .blog_list .list-item,
    .blog_list .list-item:hover{padding:24px 64px 24px 0;color:#000;}
    .blog_list .list-item::before,
    .blog_list .list-item:hover::before{width:40px;height:40px;background-image:url('../images/blog_arrow_on.png');}
    .blog_list .list-item::after,
    .blog_list .list-item:hover::after{height:3px;background-color:#000;}
    .blog_list .list-item + .list-item{margin-top:40px;}
    .blog_list .list-item .type{font-size:1.6rem;}
    .blog_list .list-item .title{margin-top:12px;font-size:2.4rem;white-space:inherit;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
}

.obj_ani{position:absolute;}
.obj_ani.t01{width:61px;height:70px;top:-40px;left:-38px;}
.obj_ani.b01{width:35px;height:43px;top:61px;right:-70px; transform: scaleX(-1)}
.obj_ani.h01{width:56px;height:56px;bottom:20px;right:-60px;}
.obj_ani::before,
.obj_ani::after{content:'';position:absolute;background-repeat:no-repeat;background-position:center center;background-size:100% auto;animation: starTwinkle 1.5s ease infinite alternate;}
.obj_ani.t01::before{width:48px;height:48px;bottom:0;left:0;background-image:url('../images/icon_star01.png'); animation-delay: 0s;}
.obj_ani.t01::after{width:38px;height:38px;top:0;right:0;background-image:url('../images/icon_star02.png'); animation-delay: 0.3s;}
.obj_ani.b01::before{width:35px;height:43px;bottom:0;left:0px;background-image:url('../images/icon_star01.png'); animation-delay: 0.2s;}
.obj_ani.b01::after{width:15px;height:23px;top:0px;right:0;background-image:url('../images/icon_star02.png'); animation-delay: 0s; }
.obj_ani.h01::before{width:56px;height:56px;top:0;right:0;background-image:url('../images/icon_hand.png'); animation-delay: 0.2s; }
.obj_ani.h01::before,.obj_ani.h01::after{animation: tilt 1.5s ease-in-out infinite;}


@media only screen and (max-width: 1280px) {
	.obj_ani.t01{width:61px;height:70px;top:-30px;left:-40px;}
	.obj_ani.b01{width:36px;height:40px;top:10px;right:-64px;}
	.obj_ani.t01::before{width:48px;height:48px;}
	.obj_ani.t01::after{width:36px;height:36px;}
	.obj_ani.b01::before{width:26px;height:26px;}
	.obj_ani.b01::after{width:14px;height:14px;}
	.obj_ani.h01{width:48px;height:48px;bottom:5px;right:-50px;}
    .obj_ani.h01::before{width:48px;height:48px;}
    .obj_ani.h01::after{width:48px;height:48px;}
}
@keyframes starTwinkle {
	0% { scale: 0.2; opacity: 0;}
	20% ,60% { scale: 1;} 
	100% { scale: 0;} 
}
@keyframes tilt {
    0%, 100% { transform: rotate(-10deg); }
    50% { transform: rotate(10deg); }
}
.wd_lst_type{display: flex; gap: 4.5rem;}
.wd_lst_imgbox.first{max-width:40.7rem;}
.wd_lst_imgbox{max-width:37.5rem;}
.wd_lst_type_sec{display: flex; gap: 4.5rem;}

@media only screen and (max-width: 1280px) {
    .wd_lst_type{flex-direction:column;}
    .wd_lst_imgbox{width:47.4%;}
    .wd_lst_imgbox.first{width: 68%;margin:0 auto 1.5rem;}
    .wd_lst_type_sec{gap:2.4rem;justify-content: space-around;}
}

/* process_lst */
.process_lst{position:relative;padding:4.5rem  3rem 4rem;background-color:#F9F9F9;margin:0 auto}
.process_lst > ul{display:flex;gap:5.5rem;justify-content: center;}
.process_lst_item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;}
.process_lst_item::before{content: "";position: absolute;left:-2.25rem;width:1rem;height:100%;background:url(../images/process_arrow.png) no-repeat center /100%;} 
.process_lst_item:first-child::before{all: unset;}
.process_lst_item img{width: 14rem;margin-bottom:3rem;}
.process_lst_item .step{margin-bottom:1rem;white-space: nowrap;}
.step_pc{display: block;}
.step_mo{display: none;}
@media only screen and (max-width: 1280px) {
    .process_lst > ul{flex-wrap: wrap;gap:3rem 7rem;}
    .process_lst_item{width:25%;}
    .process_lst_item::before{left:-3.5rem;}
} 

@media only screen and (min-width: 761px) and (max-width: 1280px) {
    .process_lst_item img{max-width: 10rem; width: 100%;}
    .process_lst{margin: 0 -2rem;}
}
@media only screen and (max-width: 760px) {
    .process_lst{margin: 0 -2rem;padding:4.8rem 2rem; }
    .process_lst > ul{flex-wrap: wrap;gap:4.7rem 0rem;}
    .process_lst_item{width: 100%;    flex-direction: row;}
    .step_mo{display: block;text-align:left;}
    .process_txt {text-align: left;}
    .step_pc{display: none;}
    .process_lst_item::before{content: "";position: absolute;width: 100%;height: 1rem;background: url(../images/process_arrow_bottom.png) no-repeat center / 100%;top: -30.5px;left: 50%;transform: translateX(-50%);} 
    .process_lst_item img{width: 8rem;margin:0 1.5rem 0 0;}
}

.wd_lst_type02{display:flex;gap:4rem;justify-content:center}
.wd_lst_type02_img{max-width:375px;width:100%;}


/* prev,next */
.fixed_btn{bottom:80px;}
.fixed_btn .sales-btn{background:rgba(255, 255, 255, 0.9)}
/* works-btm-fixed2 임시 클래스 */
.works-btm-fixed2{background:rgba(255, 255, 255, 0.8);width: 100%;height:100px;position: fixed;left: 0;bottom: 0;z-index: 5;display:flex;align-items:center;padding: 0 100px;font-weight: 900;transition: all .4s ease-in-out;}
.works-btm-fixed2 .ctrl-group{width:100%;display:flex;justify-content:space-between;}
.works-btm-fixed2 .ctrl-group{font-weight:700;font-size:24px;height:24px;line-height:27.5px;}
.works-btm-fixed2 .ctrl-group .prev{display:flex;}
.works-btm-fixed2 .ctrl-group .next{display:flex;}
.works-btm-fixed2 .ctrl-group .prev::before{content:'';display:block;width:24px;height: 24px;background:url('../images/works_prev.png') no-repeat center center;background-size:cover;}
.works-btm-fixed2 .ctrl-group .next::after{content:'';display:block;width:24px;height: 24px;background:url('../images/works_next.png') no-repeat center center;background-size:cover;}

@media only screen and (max-width: 425px) {
    .fixed_btn{bottom:70px;}
    .works-btm-fixed2{height:50px;padding:0 20px;}
    .works-btm-fixed2 .ctrl-group{font-weight:700;font-size:14px;height:14px;line-height:17.5px;}
    .works-btm-fixed2 .ctrl-group .prev::before{width:16px;height:16px;}
    .works-btm-fixed2 .ctrl-group .next::after{width:16px;height:16px;}
}

@media only screen and (min-width:200px) and (max-width:550px) {
    .about-sec .title_wrap h2 span{font-size:3rem;}

}

/* works-btm-fixed3 임시 클래스 */
.works-btm-fixed3 {box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.30);backdrop-filter: blur(8px);padding:0 30px;width:303px;height:56px;position: fixed;right: 100px ;bottom: 20px;z-index:5;display:flex;align-items:center;justify-content:center;transition: all .4s ease-in-out;background-color:#000;border-radius:60px;}
.works-btm-fixed3 .inquiry-group{font-size:16px;font-weight:700;}
.works-btm-fixed3 .inquiry-group .mail{display:flex;align-items:center;}
.works-btm-fixed3 .inquiry-group .mail::before{content:'';display:inline-block;width:30px;height:30px;margin-right:12px; background:url(../images/works_mail.png) no-repeat center center;background-size:cover;}
/* .works-btm-fixed3 .ctrl-group{display:flex;font-weight:700;font-size:24px;height:24px;line-height:27.5px;} */
.works-btm-fixed3 .ctrl-group{display:flex;font-weight:700;font-size:14px;height:24px;line-height:27.5px;align-items:center;}
.works-btm-fixed3 .ctrl-group a{color:#aaa;font-weight:700;}
.works-btm-fixed3 .ctrl-group a:hover{color:#fff;font-weight: 800;}
.works-btm-fixed3 .ctrl-group .prev{display:flex;}
.works-btm-fixed3 .ctrl-group .next{display:flex;}
.works-btm-fixed3 .ctrl-group .list{margin:0 50px}
/* .works-btm-fixed3 .ctrl-group .prev::before{content:'';display:inline-block;width:24px;height: 24px;background:url('../images/works_prev.png') no-repeat center center;background-size:18px 18px;}
.works-btm-fixed3 .ctrl-group .next::after{content:'';display:inline-block;width:24px;height: 24px;background:url('../images/works_next.png') no-repeat center center;background-size:18px 18px;}
.works-btm-fixed3 .ctrl-group .m4a_symbol{width:59px;height:18px; opacity:0.3;margin:0 60px;} */


@media only screen and (max-width: 760px) {
    /* .fixed_btn{bottom:70px;} */
    .works-btm-fixed3{bottom: 10px;margin:0 auto;left:0;right:0;display:none;}
    .works-btm-fixed3 .ctrl-group .list{margin:0 50px}
    .works-btm-fixed3 .ctrl-group{font-weight:700;font-size:14px;height:14px;line-height:17.5px;}
    .works-btm-fixed3 .ctrl-group .prev::before{width:16px;height:16px;}
    .works-btm-fixed3 .ctrl-group .next::after{width:16px;height:16px;}
.works-btm-fixed3 .inquiry-group .mail .mail_txt{display:none}
.works-btm-fixed3 .inquiry-group .mail::before{width:20px;height:20px;margin-right:0;}
.works-btm-fixed3 .ctrl-group .m4a_symbol{width:30px;height:9px;margin:0 20px;}

}