@media (min-width:1921px) {
    main{max-width:100%; margin:0 auto;}
}
@media (max-width:1680px) {
    
    .main_hero_bigtext01{left:28%;}
    .main_hero_bigtext02{right:28%;}
    .main_hero_text_wrap{top:67%;}
    
}

@media (max-width:1580px) {
    
    /* main_intro */
    .main_hero_bigtext01{left:20%;}
    .main_hero_bigtext02{right:26%;}
    
    /* main_section04 */
    .main_sec_resin{padding:4rem 0 4.5rem;}
    .main_rsn_head{padding:0 1.5rem 2.5rem;}
    .main_rsn_head_title{letter-spacing:0.1em;}
    .main_rsn_head_desc{font-size:0.938rem; line-height:1.7;}
    
    /* main_section05 */
    .main_atcl_title{padding:6rem 3rem 6rem 4rem;}
    
    /* main_section07 */
}

@media (max-width:1440px) {
    html, body{
      font-size:15px !important;
    }
    
    /* main_intro */
    .main_hero_bigtext01{left:19%;}
    .main_hero_bigtext02{right:25%;}
    
    /* main_section07 */
}

@media (max-width:1280px) {
    html, body{
      font-size:14px !important;
    }
    
    .main_hero_bigtext01{left:24%;}
    .main_hero_bigtext02{right:24%;}
    .main_hero_text_wrap{top:65%;}
    
    /* main_section04 */
    .main_sec_resin{padding:4rem 0 4.5rem;}
    
    /* main_section05 */
    .main_atcl_title{padding:5rem 2.5rem 5rem 2.5rem;}

    /* main_section06 */
    .main_sec_case{padding:8rem 0;}
    .main_case_bna_box{max-width:90%;}
    
    /* main_section07 */
    
    /* main_section08 */
}

@media (max-width:1024px) {
    html, body{
      font-size:14px !important;
    }
    
    .pc_cont_1024{display:none; opacity:0; visibility:hidden;}
    .m_cont_1024{display:block; opacity:1; visibility:visible;}
    .pc_cont_1024_in{display:none; opacity:0; visibility:hidden;}
    .m_cont_1024_in{display:inline-block; opacity:1; visibility:visible;}
    
    /* main_video - 모바일: 스크롤 시 vh 변동으로 영상이 커지지 않도록 높이 고정 */
    .main_section.main_video_section{
        height: var(--hero-lock-h, 100svh);
        min-height: var(--hero-lock-h, 100svh);
        max-height: var(--hero-lock-h, 100svh);
        padding: 0;
        overflow: hidden;
    }
    .main_video{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-width: unset;
        min-height: unset;
        transform: none;
        object-position: center;
    }
    .main_video_text{
        top:auto;
        bottom:clamp(1.25rem, 5vh, 3rem);
        width:calc(100% - clamp(2.5rem, 18vw, 21.5rem));
        max-width:100%;
        transform:translateX(-50%);
    }
    .main_video_text .txt01{font-size:clamp(2.75rem, 9vw, 5.5rem); letter-spacing:-0.01em; line-height:1;}
    .main_hero_text_inner{gap:clamp(0.2rem, 1vw, 0.45rem);}
    
    /* main_joy_space */
    .main_sec_joy_space{padding:5rem 0 0;}
    .main_joy_space_head{max-width:90%; margin-bottom:0;}
    .main_joy_space_title{font-size:1.75rem;}
    .main_joy_space_desc{font-size:1.1rem; line-height:1.7;}
    .main_joy_space_desc br{display:none !important;}
    .main_joy_space_banner{padding:clamp(0.75rem, 2vw, 1.25rem) clamp(1rem, 3vw, 2rem);}
    .main_joy_space_grid{
        --joy-radius:clamp(14px, 3.5vw, 32px);
        aspect-ratio:1770 / 708;
    }
    .main_joy_space_caption_wrap{width:calc(100% - 2rem); top:41%;}
    .main_joy_space_caption{font-size:clamp(1.5rem, 5vw, 2.75rem);}
    .main_joy_space_caption_sub{font-size:clamp(0.875rem, 3.5vw, 1.25rem);}
    
    /* main_about */
    .main_sec_about{padding:5rem 0 0;}
    .main_about_head{padding:0 2rem 2rem;}
    .main_about_title{font-size:1.75rem;}
    .main_about_sub{font-size:0.9rem;}
    .main_about_grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        border-left:none;
    }
    .main_about_cell:nth-child(2n){
        border-right:none;
    }
    .main_about_thumb{
        aspect-ratio:auto;
        height:clamp(140px, 44vw, 220px);
        border-bottom:none;
    }
    .main_about_body{
        padding:1.75rem 1.75rem 2.5rem;
        border-top:1px solid #D05326;
    }
    .main_about_en{font-size:1.5rem;}

    /* main_values - mobile 4 sections */
    .main_sec_values{padding:5rem 0 6rem;}
    /* mobile section head - unified with main_values_head */
    .main_values_head,
    .main_rsn_head,
    .main_atcl_title{
        text-align:center;
        max-width:90%;
        margin:0 auto 3rem;
        width:100%;
        padding:0;
        align-items:center;
    }

    .main_values_title,
    .main_rsn_head_title,
    .main_atcl_title > .txt01{
        font-size:1.75rem;
        font-weight:400;
        letter-spacing:0.05em;
        line-height:1.2;
        color:#D05326;
        margin-bottom:0;
        text-transform:none;
    }

    .main_rsn_head_title,
    .main_rsn_head_desc{
        color:#fff;
    }

    .main_values_desc,
    .main_rsn_head_desc,
    .main_atcl_title .txt02{
        margin-top:1.5rem;
        font-size:1.1rem;
        line-height:1.7;
        letter-spacing:normal;
        font-weight:400;
        word-break:keep-all;
    }

    .main_values_desc br,
    .main_rsn_head_desc br,
    .main_atcl_title .txt02 br{
        display:none;
    }

    .main_values_grid{
        display:flex;
        flex-direction:column;
        grid-template-columns:none;
        grid-template-rows:none;
        border-left:none;
    }
    .main_values_row{
        display:grid;
        grid-template-columns:1fr auto;
        grid-template-rows:auto auto;
        align-items:center;
        gap:0.5rem 1.5rem;
        min-height:0;
        height:auto;
        padding:2.5rem 1.75rem;
        border-bottom:1px solid #D05326;
    }
    .main_values_row:nth-child(1),
    .main_values_row:nth-child(3){
        grid-column:auto;
        grid-row:auto;
    }
    .main_values_row:nth-child(2),
    .main_values_row:nth-child(4){
        grid-template-columns:auto 1fr;
        grid-column:auto;
        grid-row:auto;
    }
    .main_values_row:nth-child(3) .main_values_row_info,
    .main_values_row:nth-child(3) .main_values_row_content,
    .main_values_row:nth-child(4) .main_values_row_info,
    .main_values_row:nth-child(4) .main_values_row_content{
        order:unset;
    }
    .main_values_row_info{
        grid-column:1;
        grid-row:1;
        border:none;
        padding:0;
        align-items:flex-start;
        text-align:left;
    }
    .main_values_row_content{
        display:contents;
        border:none;
        padding:0;
    }
    .main_values_hover{display:none;}
    .main_values_ko{
        font-size:1.5rem;
        font-weight:600;
        color:#111;
        line-height:1.3;
    }
    .main_values_en{
        margin-top:0.35rem;
        font-size:1rem;
        color:#999;
        line-height:1.4;
    }
    .main_values_text{
        grid-column:1;
        grid-row:2;
        margin-top:0.75rem;
        font-size:0.938rem;
        line-height:1.75;
        text-align:left;
    }
    .main_values_icon{
        grid-column:2;
        grid-row:1 / 3;
        align-self:center;
        padding-top:0;
        margin-top:0;
        justify-content:center;
    }
    .main_values_icon img{
        max-width:clamp(56px, 16vw, 80px);
        width:100%;
        height:auto;
    }
    .main_values_row:nth-child(even) .main_values_row_info{
        grid-column:2;
        align-items:flex-end;
        text-align:right;
    }
    .main_values_row:nth-child(even) .main_values_text{
        grid-column: 2;
        text-align: right;
    }
    .main_values_row:nth-child(even) .main_values_icon{
        grid-column:1;
    }

    /* more_btn */
    .main_more_btn > a{width:12rem; padding:1.125rem 1.5rem;}
    .main_more_btn > a > p{font-size:1.125rem;}
    
    /* main_section04 */
    .main_rsn_img_wrap{
        overflow:hidden;
        max-height:none;
        padding:0 2.5rem;
        -webkit-transition:padding 1s 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 1s 0.6s ease-in-out;
        transition:padding 1s 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 1s 0.6s ease-in-out;
    }
    .main_sec_resin.on .main_rsn_img_wrap{
        padding:0 clamp(1.5rem, 5vw, 3rem);
    }
    .main_rsn_img{
        padding:0 0 32%;
        -webkit-transition:padding 1s 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transition:padding 1s 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .main_sec_resin.on .main_rsn_img{padding:0 0 48%;}
    .main_rsn_img_text{
        width:calc(100% - 2rem);
        max-width:calc(100% - 2rem);
        bottom:clamp(1.5rem, 4vw, 2.5rem);
    }
    .main_rsn_img_text .txt01{
        font-size:clamp(1.85rem, 7.5vw, 3.35rem);
        letter-spacing:0.02em;
    }
    .main_rsn_text_inner{
        gap:clamp(0.35rem, 2vw, 0.65rem);
        max-width:100%;
    }
    .main_rsn_line{
        width:clamp(3.75rem, 17vw, 7rem);
        height:2px;
        margin-bottom:0.18em;
    }
    
    /* main_section05 */
    .main_atcl_section{flex-direction:column; padding:4rem 0 0;}
    .main_atcl_box{width:100%; padding:0;}
    .main_atcl_box{margin:3rem 0 4rem; padding:0 0 4rem; border-left:none;}
    .main_atcl_swiper_m{position:relative; width:100%;}
    .main_atcl_swiper_m > .swiper-wrapper{transition-timing-function: linear;}
    .main_atcl_slider{width:calc(50% - 4rem) !important; margin:0 2rem;}
    .main_atcl_slider_text{padding:0; width:100%; text-align:center;}
    .swiper-button-next.main_atcl_next_m{
        top:36%; right:20rem; width:20px; height:36px; opacity:1; background: url(../img/sub_cont_slide_next.png) 50% 50%/100% no-repeat; border-radius:100%; z-index:1;
        transform: translateY(-50%) translateZ(0);
        -webkit-transform: translateY(-50%) translateZ(0); 
        -moz-transform: translateY(-50%) translateZ(0); 
        -ms-transform: translateY(-50%) translateZ(0); 
        -o-transform: translateY(-50%) translateZ(0);
    }
    .swiper-button-prev.main_atcl_prev_m{
        top:36%; left:20rem; width:20px; height:36px; opacity:1; background: url(../img/sub_cont_slide_prev.png) 50% 50%/100% no-repeat; border-radius:100%; z-index:1;
        transform: translateY(-50%) translateZ(0);
        -webkit-transform: translateY(-50%) translateZ(0); 
        -moz-transform: translateY(-50%) translateZ(0); 
        -ms-transform: translateY(-50%) translateZ(0); 
        -o-transform: translateY(-50%) translateZ(0);
    }
    .swiper-button-next.main_atcl_next_m::after,
    .swiper-button-prev.main_atcl_prev_m::after {
        display: none;
    }
    .main_atcl_section .main_more_btn{margin:0 auto 6rem;}
    
    /* main_faq */
    .main_sec_faq{padding:4rem 0 5rem;}
    .main_faq_section{
        padding:0 1.75rem;
    }
    .main_faq_head{
        margin-bottom:0;
        text-align:left;
    }
    .main_faq_content{
        justify-content:flex-start;
        gap:2rem;
    }
    .main_faq_title{font-size:1.75rem;}
    .main_faq_desc{font-size:1.1rem; line-height:1.7;}
    .main_faq_desc br{display:none;}
    .main_faq_body{
        flex-direction:column;
        gap:2.5rem;
    }
    .main_faq_visual{
        flex:none;
        max-width:100%;
        width:100%;
    }
    .main_faq_visual img{
        max-width:420px;
        margin:0 auto;
    }
    .main_faq_trigger{padding:1rem 0;}
    
    /* main_section06 */
    .main_case_title > .txt01::after{left:51.2%;}
    .main_case_anw01 .main_case_anw_cont02{display:none;}
    .main_case_anw02 .main_case_anw_cont02{display:none;}
    .main_case_anw03 .main_case_anw_cont02{display:none;}
    .main_case_anw04 .main_case_anw_cont02{display:none;}
    .main_case_anw05 .main_case_anw_cont02{display:none;}
    
    /* main_section07 */
    
    /* main_section08 */
    
}
@media (max-width:960px) {
    html, body{
        font-size:14px !important;
        overflow-y: auto;
    }
    
    /* .main_hero_wrap{display:none !important;} */
    
    .main_rsn_img_wrap{
        overflow:hidden;
        max-height:none;
        padding:0 2.5rem;
        -webkit-transition:padding 1s 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 1s 0.6s ease-in-out;
        transition:padding 1s 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 1s 0.6s ease-in-out;
    }
    .main_sec_resin.on .main_rsn_img_wrap{
        padding:0 clamp(1.5rem, 5vw, 3rem);
    }
    
    .main_sec_article{border-top: 1px solid #D05326; border-bottom:0;}
    .main_atcl_box{border-bottom:none; padding:0;}
    .main_atcl_section .main_more_btn{margin:0 auto 2rem;}
    .swiper-button-next.main_atcl_next_m{right:18rem;}
    .swiper-button-prev.main_atcl_prev_m{left:18rem;}
    .main_case_anw01 .main_case_anw_cont02{margin:4rem 0 1rem;}
    .main_case_anw02 .main_case_anw_cont02{margin:4rem 0 1rem;}
    .main_case_anw03 .main_case_anw_cont02{margin:4rem 0 1rem;}
    .main_case_anw04 .main_case_anw_cont02{margin:4rem 0 1rem;}
    .main_case_anw05 .main_case_anw_cont02{margin:4rem 0 1rem;}
    .main_case_anw01 .main_case_anw_cont02 > ul{max-height:18rem;}
    .main_case_anw02 .main_case_anw_cont02 > ul{max-height:18rem;}
    .main_case_anw03 .main_case_anw_cont02 > ul{max-height:18rem;}
    .main_case_anw04 .main_case_anw_cont02 > ul{max-height:18rem;}
    .main_case_anw05 .main_case_anw_cont02 > ul{max-height:18rem;}
    
    
    
    .main_more_btn > a{width:11rem; padding:0.8rem 1.5rem;}
    
    .reveal { transition:none;}
    .fade-in { opacity:1; }
    .fade-up { transform:translateY(0); opacity:1; }
    .fade-down { transform:translateY(0); opacity:1; }
    .fade-left { transform:translateX(0); opacity:1; }
    .fade-right { transform:translate(0%,-0%); opacity:1; }
}
@media (max-width:800px) {
    
    
    .main_atcl_slider{width: calc(50% - 5rem) !important; margin: 0 2.5rem;}
    .main_atcl_slider.swiper-slide-active .main_atcl_slider_img > a > img{border-radius:50px;}
    .main_atcl_slider.swiper-slide-active .main_atcl_slider_hover_wrap{border-radius:50px; opacity:1; visibility:visible;}
    .swiper-button-next.main_atcl_next_m{right:13.5rem;}
    .swiper-button-prev.main_atcl_prev_m{left:13.5rem;}
    
    .main_case_title > .txt01{font-size:2.1rem;}
    .main_case_title > .txt01::after{left:52%;}
    .main_case_title > p + p{font-size: 1.25rem!important; margin:1.5rem 0 0;}
    .main_case_bna_box{margin:4rem auto 0;}
    .main_case_anw01 .main_case_anw_cont01 .main_case_bna_text > .txt01{font-size:1.6rem;}
    .main_case_anw02 .main_case_anw_cont01 .main_case_bna_text > .txt01{font-size:1.6rem;}
    .main_case_anw03 .main_case_anw_cont01 .main_case_bna_text > .txt01{font-size:1.6rem;}
    .main_case_anw04 .main_case_anw_cont01 .main_case_bna_text > .txt01{font-size:1.6rem;}
    .main_case_anw05 .main_case_anw_cont01 .main_case_bna_text > .txt01{font-size:1.6rem;}
    .main_case_anw01 .main_case_anw_cont01 .main_case_bna_text > .txt01::after{top:48%;}
    .main_case_anw02 .main_case_anw_cont01 .main_case_bna_text > .txt01::after{top:48%;}
    .main_case_anw03 .main_case_anw_cont01 .main_case_bna_text > .txt01::after{top:48%;}
    .main_case_anw04 .main_case_anw_cont01 .main_case_bna_text > .txt01::after{top:48%;}
    .main_case_anw05 .main_case_anw_cont01 .main_case_bna_text > .txt01::after{top:48%;}
    
}

@media (max-width:640px) {
    
}

@media (max-width:480px) {
    html, body{
      font-size:13px !important;
    }
    
    .pc_cont_480{display:none; opacity:0; visibility:hidden;}
    .m_cont_480{display:block; opacity:1; visibility:visible;}
    .pc_cont_480_in{display:none; opacity:0; visibility:hidden;}
    .m_cont_480_in{display:inline-block; opacity:1; visibility:visible;}
    
    
    .main_sec_about{padding:4rem 0 0;}
    .main_about_head{padding:0 1.5rem 1.5rem;}
    .main_about_title{font-size:1.5rem;}
    .main_about_grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        border-left:none;
    }
    .main_about_cell:nth-child(2n){
        border-right:none;
    }
    .main_about_thumb{
        aspect-ratio:auto;
        height:clamp(120px, 42vw, 180px);
        border-bottom:none;
    }
    .main_about_body{
        padding:1.25rem 1rem 1.5rem;
        border-top:1px solid #D05326;
    }
    .main_about_en{font-size:1.125rem;}
    .main_about_text{font-size:0.9rem; line-height:1.65;}

    .main_sec_values{padding:4rem 0 5rem;}
    .main_values_head,.main_about_sub
    .main_rsn_head,
    .main_atcl_title{max-width:92%;}
    .main_values_title,
    .main_rsn_head_title,
    .main_atcl_title > .txt01{font-size:1.5rem;}
    .main_values_row{padding:2rem 1.5rem; gap:0.5rem 1.25rem;}
    .main_values_ko{font-size:1.35rem;}
    .main_values_en{font-size:0.938rem;}
    .main_values_text{font-size:0.9rem; line-height:1.7;}

    .main_rsn_img{
        padding:0 0 38%;
        -webkit-transition:padding 1s 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transition:padding 1s 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .main_sec_resin.on .main_rsn_img{padding:0 0 72%;}
    .main_rsn_img_text{
        bottom:clamp(1.25rem, 4vw, 2rem);
        width:calc(100% - 1.5rem);
        max-width:calc(100% - 1.5rem);
    }
    .main_rsn_img_text .txt01{font-size:clamp(1.55rem, 6.5vw, 2.5rem); letter-spacing:0.015em;}
    .main_rsn_text_inner{align-items:flex-end; gap:clamp(0.3rem, 1.5vw, 0.5rem); max-width:100%;}
    .main_rsn_line{width:clamp(2.5rem, 11vw, 4.75rem); height:1px; margin-bottom:0.16em;}
    .main_sec_resin{padding:3.5rem 0 4rem;}
    
    .main_atcl_slider{width: calc(80% - 4rem) !important; margin: 0 2rem;}
    .main_atcl_slider.swiper-slide-active .main_atcl_slider_img > a > img{border-radius:20px;}
    .main_atcl_slider.swiper-slide-active .main_atcl_slider_hover_wrap{border-radius:20px; opacity:1; visibility:visible;}
    .swiper-button-next.main_atcl_next_m{right:3rem;}
    .swiper-button-prev.main_atcl_prev_m{left:3rem;}
    
    .main_case_que > a{padding:1rem 1.5rem;}
    .main_case_que > a > p{font-size:1.25rem;}
    .main_case_que > a > p > span{font-size:1rem; margin-right:-0.5rem;}
    .main_case_btn{right:1.5rem;}
    .main_case_plus{width:1.539rem; height:1.539rem;}
    .main_case_anw01 .main_case_anw_cont01 .main_case_bna{gap:0 1rem;}
    .main_case_anw01 .main_case_anw_cont01 .main_case_anw_img{width:calc(50% - 0.5rem);}
    .main_case_anw01 .main_case_anw_cont02 > ul{max-width:calc(100% - 2rem); max-height:14rem; margin:0.6rem 0 0;}
    .main_case_anw01 .main_case_anw_cont02 > ul > li > .main_case_notice > .main_case_anw_img{width:calc(40% - 2rem); margin-right:2rem;}
    .main_case_anw_text{width:100%; text-align:left; padding:0.8rem 0.5rem;}
    .main_case_anw_text > p{font-size:0.938rem;}
    .main_case_anw02 .main_case_anw_cont02 .txt01{margin:0;}
    .main_case_anw02 .main_case_anw_cont01 .main_case_bna{gap:0 1rem;}
    .main_case_anw02 .main_case_anw_cont01 .main_case_anw_img{width:calc(50% - 0.5rem);}
    .main_case_anw02 .main_case_anw_cont02 > ul{max-width:calc(100% - 2rem); max-height:14rem; margin:0.6rem 0 0;}
    .main_case_anw02 .main_case_anw_cont02 > ul > li > .main_case_notice > .main_case_anw_img{width:calc(40% - 2rem); margin-right:2rem;}
    .main_case_anw03 .main_case_anw_cont02 .txt01{margin:0;}
    .main_case_anw03 .main_case_anw_cont01 .main_case_bna{gap:0 1rem;}
    .main_case_anw03 .main_case_anw_cont01 .main_case_anw_img{width:calc(50% - 0.5rem);}
    .main_case_anw03 .main_case_anw_cont02 > ul{max-width:calc(100% - 2rem); max-height:14rem; margin:0.6rem 0 0;}
    .main_case_anw03 .main_case_anw_cont02 > ul > li > .main_case_notice > .main_case_anw_img{width:calc(40% - 2rem); margin-right:2rem;}
    .main_case_anw04 .main_case_anw_cont02 .txt01{margin:0;}
    .main_case_anw04 .main_case_anw_cont01 .main_case_bna{gap:0 1rem;}
    .main_case_anw04 .main_case_anw_cont01 .main_case_anw_img{width:calc(50% - 0.5rem);}
    .main_case_anw04 .main_case_anw_cont02 > ul{max-width:calc(100% - 2rem); max-height:14rem; margin:0.6rem 0 0;}
    .main_case_anw04 .main_case_anw_cont02 > ul > li > .main_case_notice > .main_case_anw_img{width:calc(40% - 2rem); margin-right:2rem;}
    .main_case_anw05 .main_case_anw_cont02 .txt01{margin:0;}
    .main_case_anw05 .main_case_anw_cont01 .main_case_bna{gap:0 1rem;}
    .main_case_anw05 .main_case_anw_cont01 .main_case_anw_img{width:calc(50% - 0.5rem);}
    .main_case_anw05 .main_case_anw_cont02 > ul{max-width:calc(100% - 2rem); max-height:14rem; margin:0.6rem 0 0;}
    .main_case_anw05 .main_case_anw_cont02 > ul > li > .main_case_notice > .main_case_anw_img{width:calc(40% - 2rem); margin-right:2rem;}
    .main_case_anw01 .main_case_anw_cont02 .txt01{margin:0;}
    
    .main_more_btn{margin:2rem 0 0;}
    .main_more_btn > a{width:10rem; padding:0.8rem 1rem 0.7rem;}
    .main_more_btn > a > p{font-size:1rem;}
}

@media (max-width:434px){
    .m_cont_434{display:block; opacity:1; visibility:visible;}
    .pc_cont_434{display:none !important; opacity:0 !important; visibility:hidden !important;}
    
    .main_sec_resin{padding:3.5rem 0 4rem;}
    .main_sec_case{padding:6rem 0;}
    .main_rsn_img_text .txt01{font-size:clamp(1.35rem, 5.5vw, 2.1rem); letter-spacing:0.01em;}
    .main_rsn_line{width:clamp(2.35rem, 12vw, 4.25rem); height:1px;}
    .main_rsn_text_inner{gap:0.25rem;}
    
    .main_atcl_slider_text{padding:0 4rem;}
    
    .main_case_que > a{padding:1rem 1rem;}
    .main_case_que > a > p{font-size:1.2rem;}
    .main_case_que > a > p > span{
        position:absolute; top:50%; left:1rem; 
        transform: translateY(-50%) translateZ(0);
        -webkit-transform: translateY(-50%) translateZ(0); 
        -moz-transform: translateY(-50%) translateZ(0); 
        -ms-transform: translateY(-50%) translateZ(0); 
        -o-transform: translateY(-50%) translateZ(0);
    }
    .main_case_btn{right:1rem;}
    .main_case_plus{width:1.45rem; height:1.45rem;}
    
    .main_case_anw_box{padding:2rem 0;}
    .main_case_anw01 .main_case_anw_cont01 .main_case_bna{padding:0;}
    .main_case_anw02 .main_case_anw_cont01 .main_case_bna{padding:0;}
    .main_case_anw03 .main_case_anw_cont01 .main_case_bna{padding:0;}
    .main_case_anw04 .main_case_anw_cont01 .main_case_bna{padding:0;}
    .main_case_anw05 .main_case_anw_cont01 .main_case_bna{padding:0;}
    .main_case_anw01 .main_case_anw_cont01 .main_case_bna_text{top:36%;}
    .main_case_anw02 .main_case_anw_cont01 .main_case_bna_text{top:36%;}
    .main_case_anw03 .main_case_anw_cont01 .main_case_bna_text{top:36%;}
    .main_case_anw04 .main_case_anw_cont01 .main_case_bna_text{top:36%;}
    .main_case_anw05 .main_case_anw_cont01 .main_case_bna_text{top:36%;}
    
}

@media (max-width:418px){
    
    .main_sec_resin{padding:3.5rem 0 4rem;}
    
    .swiper-button-prev.main_atcl_prev_m{left:2rem;}
    .swiper-button-next.main_atcl_next_m{right:2rem;}
    
}

@media (max-width:414px){
    html, body{
      font-size:12px !important;
    }
}

@media (max-width:400px){
    html, body{
      font-size:12px !important;
    }
    
}
@media (max-width:390px){
    html, body{
      font-size:11px !important;
    }
}
@media (max-width:376px){
    html, body{
      font-size:11px !important;
    }
    
}

@media (max-width:360px){
    html, body{
      font-size:11px !important;
    }
}

/********************************************************** 
* Header Responsive
***********************************************************/
@media (max-width: 1024px) {
	.main-header {
		height: 84px;
	}
	.header_wrap {
		padding: 1.25rem 30px;
	}

	.quick-menu {
		right: 16px;
		bottom: 24px;
	}
}

@media (max-width: 960px) {
	.quick-menu {
		right: max(16px, env(safe-area-inset-right));
		bottom: max(24px, env(safe-area-inset-bottom));
	}

	.quick-wrap {
		width: 50px;
	}

	.quick-button-group {
		width: 50px;
	}

	.quick-social-icon .title-wrap {
		width: 50px;
		height: 50px;
		padding: 0;
		gap: 0;
		border-radius: 50%;
		margin-bottom: 10px;
	}

	.quick-social-icon .title-wrap:last-child {
		margin-bottom: 0;
	}

	.quick-social-icon .tit {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.quick-social-icon .icon-social {
		width: 22px;
		height: 22px;
	}
}

@media (max-width: 800px) {
	.main-header {
		height: 72px;
	}
	.header_wrap {
		padding: 1rem 20px;
	}
	.header_lang_wrap {
		display: block !important;
	}
	.header_lang {
		display: flex !important;
		width: auto;
		min-width: 40px;
		height: 32px;
		padding-right: 10px;
	}
}

@media (max-width: 480px) {
	.main-header {
		height: 68px;
	}
	.header_wrap {
		padding: 0.875rem 15px;
	}
	.header_logo img {
		height: 32px;
	}
	.header_right {
		gap: 15px;
	}

	.quick-menu {
		right: max(16px, env(safe-area-inset-right));
		bottom: max(24px, env(safe-area-inset-bottom));
	}
}

/********************************************************** 
* GNB Mobile Responsive
***********************************************************/
@media (max-width: 960px) {
	.gnb-outer {
		z-index: 14;
	}

	.open .main-header {
		z-index: 10010;
	}

	.open .gnb-outer {
		pointer-events: none;
	}

	.open .gnb-outer .gnb-inner,
	.open .gnb-outer .gnb-outer-bg {
		pointer-events: auto;
	}
	
	.gnb-inner {
		width: 100%;
		padding-top: 70px;
		box-sizing: border-box;
		transform: translateY(-100%) translateZ(0);
		-webkit-transform: translateY(-100%) translateZ(0);
		-moz-transform: translateY(-100%) translateZ(0);
		-ms-transform: translateY(-100%) translateZ(0);
		-o-transform: translateY(-100%) translateZ(0);
	}
	
	.open .gnb-inner {
		transform: translateY(0%) translateZ(0);
		-webkit-transform: translateY(0%) translateZ(0);
		-moz-transform: translateY(0%) translateZ(0);
		-ms-transform: translateY(0%) translateZ(0);
		-o-transform: translateY(0%) translateZ(0);
	}
	
	.gnb-inner::after {
		display: none;
	}
	
	.gnb-inner::before {
		display: none;
	}
	
	.gnb_number_wrap {
		display: none;
	}
	
	.gnb_info_wrap {
		display: none;
	}
	
	.gnb_login_wrap {
		right: 0;
	}
	
	.gnb-menu-list {
		width: 100%;
		height: 95%;
	}
	
	.gnb-menu-list-wrap {
		width: 90%;
		padding: 6rem 0 4rem;
		gap: 0;
	}
	
	.gnb-menu-depth1 {
		padding: 0 1rem;
		height: auto;
		min-height: 60px;
	}
	
	.gnb-menu-depth1:not(.on) {
		height: 60px;
		overflow: hidden;
	}
	
	.gnb-menu-depth1 + .gnb-menu-depth1 {
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}
	
	.gnb-menu-depth1 > a {
		font-size: 1.125rem;
		padding: 1rem 2.5rem 1rem 0;
	}
	
	.gnb-menu-depth1 > a::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0.5rem;
		width: 1.5rem;
		height: 1.5rem;
		background: url(../img/gnb-menu-arrow-icon.png) 50% 50%/100% no-repeat;
		transform: translateY(-50%) rotate(0) translateZ(0);
		-webkit-transform: translateY(-50%) rotate(0) translateZ(0);
		-moz-transform: translateY(-50%) rotate(0) translateZ(0);
		-ms-transform: translateY(-50%) rotate(0) translateZ(0);
		-o-transform: translateY(-50%) rotate(0) translateZ(0);
		transition: transform 0.3s ease;
		-webkit-transition: transform 0.3s ease;
		-moz-transition: transform 0.3s ease;
		-ms-transition: transform 0.3s ease;
		-o-transition: transform 0.3s ease;
	}
	
	.gnb-menu-depth1.on > a::after {
		transform: translateY(-50%) rotate(180deg) translateZ(0);
		-webkit-transform: translateY(-50%) rotate(180deg) translateZ(0);
		-moz-transform: translateY(-50%) rotate(180deg) translateZ(0);
		-ms-transform: translateY(-50%) rotate(180deg) translateZ(0);
		-o-transform: translateY(-50%) rotate(180deg) translateZ(0);
	}
	
	.gnb-menu-depth2 {
		padding: 0.5rem 0 1rem 1rem;
		flex-direction: column;
		align-items: flex-start;
		display: none;
	}
	
	.gnb-menu-depth1.on > .gnb-menu-depth2 {
		display: flex;
	}
	
	.gnb-menu-depth2 > li > a {
		font-size: 0.875rem;
		padding-top: 0.5rem;
	}
	
	.hamberger {
		width: 32px;
		height: 26px;
		z-index: 1001;
	}

	.hamberger_box,
	.hamberger_line_3d {
		width: 100%;
		height: 100%;
	}

	.hamberger:not(.hamberger_gnb) .line {
		position: absolute;
		top: 50%;
		height: 2px;
		margin: 0;
		pointer-events: none;
	}

	.hamberger:not(.hamberger_gnb) .line1 {
		right: 5px;
		left: auto;
		width: calc(70% - 5px);
		transform: translateY(calc(-50% - 7px));
	}

	.hamberger:not(.hamberger_gnb) .line2 {
		left: 5px;
		right: 5px;
		width: calc(100% - 10px);
		transform: translateY(-50%);
	}

	.hamberger:not(.hamberger_gnb) .line3 {
		left: 5px;
		right: auto;
		width: calc(70% - 5px);
		transform: translateY(calc(-50% + 7px));
	}
	
	.hamberger.hamberger_gnb {
		display: none;
	}
	
	.open .hamberger:not(.hamberger_gnb) {
		z-index: 10011;
		pointer-events: auto;
		overflow: hidden;
	}

	.hamberger.open:not(.hamberger_gnb) .line1,
	.open .hamberger:not(.hamberger_gnb) .line1 {
		left: 5px;
		right: 5px;
		width: calc(100% - 10px);
		transform: translateY(-50%) rotate(45deg);
	}

	.hamberger.open:not(.hamberger_gnb) .line1,
	.open .hamberger:not(.hamberger_gnb) .line1,
	.hamberger.open:not(.hamberger_gnb) .line2,
	.open .hamberger:not(.hamberger_gnb) .line2,
	.hamberger.open:not(.hamberger_gnb) .line3,
	.open .hamberger:not(.hamberger_gnb) .line3 {
		pointer-events: none;
	}

	.hamberger.open:not(.hamberger_gnb) .line2,
	.open .hamberger:not(.hamberger_gnb) .line2 {
		opacity: 0;
		visibility: hidden;
		transform: translateY(-50%) scaleX(0);
	}
	
	.hamberger.open:not(.hamberger_gnb) .line3,
	.open .hamberger:not(.hamberger_gnb) .line3 {
		left: 5px;
		right: 5px;
		width: calc(100% - 10px);
		transform: translateY(-50%) rotate(-45deg);
	}
	
	/* 모바일에서 PC 메뉴 숨김 */
	.gnb-menu-list.pc_cont_434 {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}
	
	/* 모바일에서 모바일 메뉴 표시 */
	.gnb-menu-list.m_cont_434 {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
}