@media screen and (max-width:1024px) {

/* visual_wrap */
#visual_wrap{margin-top: 90px;}
#visual_wrap .inner{position: relative;color:#fff;}
#visual_wrap .visual li{height: 100vh;width: 100%;border-radius: 60px 0 60px 0;overflow: hidden;}
#visual_wrap .visual li p{width: 100%;height: 100%; background: url(../images/main/main_visual01.jpg);background-size: cover;}
#visual_wrap .visual li.slick-active p{animation: visual_ani02 5s ease forwards;}
#visual_wrap .visual li:nth-child(2) p{background: url(../images/main/main_visual02.jpg);background-size: cover;}
#visual_wrap .visual li:nth-child(3) p{background: url(../images/main/main_visual03.jpg);background-size: cover;}

@keyframes visual_ani02 {
    0% {transform: scale(1);}
    100% {transform: scale(1.2);}
}

#visual_wrap .txt_wrap{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
#visual_wrap .txt_wrap strong{display: block;font-size: 60px;font-weight: 800;text-align: center;margin-bottom: 40px;}
#visual_wrap .txt_wrap p{font-size: 25px;font-weight: 300;line-height: 40px;text-align: center;margin-bottom: 40px;}
#visual_wrap .txt_wrap .arrow_wrap{display: flex;align-items: center;gap:30px;justify-content: center;}
#visual_wrap .txt_wrap .arrow_wrap .slick-dots{position: relative;width: 250px;height: 3px;background: rgba(255,255,255,.4);}
#visual_wrap .txt_wrap .arrow_wrap .slick-dots li{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
#visual_wrap .txt_wrap .arrow_wrap .slick-dots li:after{content:'';position: absolute;left: 0;top: 0;width: 50px;height: 100%;background: linear-gradient(to right, rgba(255,255,255,.4), rgba(255,255,255,1));}
#visual_wrap .txt_wrap .arrow_wrap .slick-dots li.slick-active{opacity: 1;}
#visual_wrap .txt_wrap .arrow_wrap .slick-dots li.slick-active:after{animation: visual_ani01 5s linear forwards;}

@keyframes visual_ani01 {
    0% {left: 0;}
    100% {left: calc(100% - 50px);}
}
#visual_wrap .txt_wrap .arrow_wrap .arrow{display: flex;gap:25px;}
#visual_wrap .txt_wrap .arrow_wrap .arrow > div{cursor: pointer;}


/* section01 */
#section01{position: relative; padding: 270px 0 140px;overflow: hidden;}
#section01 .sec01_bg_box{position: absolute;top: 130px;left: 0;}
#section01 h2{position: relative; font-size: 55px;font-weight: 900;margin-bottom: 30px;text-align: center;z-index: 100;}
#section01 h2 span{color: var(--ma_c01);}
#section01 ul{z-index: 100;}
#section01 ul li{margin-right: 40px;}
#section01 ul li .img_ratio_Wrap{width: 300px;margin: 0 auto;}
#section01 ul li .img_ratio_Wrap .img_ratio{padding-bottom: 100%;}
#section01 ul li .txt p{display: flex;gap:5px;align-items: center;margin-bottom: 10px;font-size: 25px;font-weight: 800;justify-content: center;}
#section01 ul li .txt p em{display: block;padding: 0 8px;border-radius: 10px;line-height: 27px;background: var(--ma_c01);font-size: 15px;font-weight: 900;color: #fff;font-style: normal;}
#section01 ul li .txt span{display: block; font-size:20px;color: #454545;font-weight: 500;text-align: center;}

/* section02 */
#section02{margin-bottom: 170px;}
#section02 .inner{position: relative;}
#section02 .inner:after{content:'';position: absolute;left: 50%;transform: translate(-50% , -50%); top:48%;width: calc(100% - 40px);height: 80%;border: 2px solid #dbdbdb;border-radius: 0 80px 0 80px;}
#section02 .inner:before{content:'';position: absolute;left: 80%;transform: translate(-50% , -50%); top:8%;width: 20px;height: 20px;border-radius: 50%;background: var(--ma_c01);z-index: 10;}
#section02 .con_box{position: relative;display: flex;align-items: center;padding: 0 20px; z-index: 200;max-width: 100%;gap:20px;}
#section02 .con_box .img_box{width: calc((100% - 20px)/2);border-radius: 80px 0 0 80px;overflow: hidden;}
#section02 .con_box .img_box img{width: 100%;}
#section02 .con_box .txt_wrap{width: calc((100% - 20px)/2);}
#section02 .con_box .txt_wrap .txt01{margin-bottom: 50px;}
#section02 .con_box .txt_wrap .txt01 .txt_box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
#section02 .con_box .txt_wrap .txt01 .txt_box .txt span{display: block; font-weight: 900;color: var(--ma_c01);margin-bottom: 15px;}
#section02 .con_box .txt_wrap .txt01 .txt_box .txt strong{font-size: 40px;font-weight: 800;}
#section02 .con_box .txt_wrap .txt01 p{font-size: 15px;color: #454545;line-height: 25px;font-weight: 500;}
#section02 .con_box .txt_wrap .txt02{display: flex;gap:50px}
#section02 .con_box .txt_wrap .txt02 .txt strong{display: block;font-size: 30px;color: var(--ma_c01);font-weight: 800;margin-bottom: 15px;}
#section02 .con_box .txt_wrap .txt02 .txt strong span{font-size: 16px;}
#section02 .con_box .txt_wrap .txt02 .txt p{font-size: 15px;font-weight: 800;line-height: 22px;}
#section02 .con_box .txt_wrap .btn_st01{display: block;padding: 0 15px;line-height: 35px;background: #211f1e;border-radius: 20px;font-size: 13px;color: #fff;font-weight: 800;width: fit-content;}


/* section03 */
#section03{padding: 120px 0 120px;background: url(../images/main/main_sec03_bg01.jpg);}
#section03 .tit_box{margin-bottom: 60px;}
#section03 .tit_box p{font-size: 30px;font-weight: 700;text-align: center;color: var(--ma_c01);margin-bottom: 20px;}
#section03 .tit_box h2{font-size: 55px;font-weight: 800;color: #fff;text-align: center;}
#section03 ul{position: relative; display: flex;gap:20px 10px;flex-wrap:wrap;}
#section03 ul li{position: relative; width: calc((100% - 40px)/5);border-radius: 20px;background: #fff;overflow: hidden;}
/* #section03 ul li:nth-child(11):after,
#section03 ul li:nth-child(12):after,
#section03 ul li:nth-child(13):after,
#section03 ul li:nth-child(14):after,
#section03 ul li:nth-child(15):after {content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 100px;background: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0));} */
#section03 ul li .img_ratio{padding-bottom: 39.286%;}
#section03 .btn_st02{background: #fff;color: #000;margin: 55px auto 0;line-height: 50px;padding: 0 25px;font-size: 15px;}


/* 탑버튼 */
.top_btn{display: flex;flex-direction: column; position: fixed;right: 20px;bottom: 20px;z-index: 2000;width: 60px;height: 66px;border-radius: 20px;background: var(--ma_c01);gap:5px;align-items: center;justify-content: center;}
.top_btn span{font-size: 16px;color: #fff;font-weight: 600;}


/* footer */
#footer{padding: 40px 0;}
#footer .con_box{ padding: 0;}
#footer .con_box ul{display: flex;gap:25px;margin-bottom: 40px;}
#footer .con_box ul li a{font-size: 14px;font-weight: 700;}
#footer .con_box .add_wrap{display: flex;align-items: flex-start;justify-content: space-between;}
#footer .con_box .add_wrap .left_box a{display: block;}
#footer .con_box .add_wrap .left_box address{font-size: 14px;line-height: 22px;color: #454545;padding: 10px 0 30px;font-style: normal;font-weight: 700;}
#footer .con_box .add_wrap .left_box address strong{font-weight: 800;}
#footer .con_box .add_wrap .left_box address span{padding: 0 7px;}
#footer .con_box .add_wrap .left_box p{font-size: 14px;font-weight: 700;color: #797979;}
#footer .con_box .add_wrap .right_box span{display: block;font-size: 16px;font-weight: 900;margin-bottom: 15px;}
#footer .con_box .add_wrap .right_box .txt01{font-size: 35px;font-weight: 900;color: var(--ma_c01);margin-bottom: 15px;}
#footer .con_box .add_wrap .right_box .txt02{font-size: 14px;font-weight: 700;}
#footer .con_box .add_wrap .right_box .txt02 strong{font-weight: 800;}


/* -------------------------------- sub --------------------------------*/

/* sub0101 회사소개*/

.sub0101_wrap .con01{margin-bottom: 130px;}
.sub0101_wrap .con01 .tit_box{margin-bottom: 60px;}
.sub0101_wrap .con01 .tit_box h3{margin-bottom: 20px;}
.sub0101_wrap .con01 ul{border-bottom: 1px solid #dbdbdb;}
.sub0101_wrap .con01 ul li{display: flex; padding: 40px 0;border-top: 1px  solid #dbdbdb;align-items: center;flex-direction: column;align-items: center;gap:30px;}
.sub0101_wrap .con01 ul li strong{display: block;font-size: 28px;font-weight: 900;line-height: 45px;width: 100%;text-align: center;}
.sub0101_wrap .con01 ul li strong span{font-size: 32px;color: var(--ma_c01);}
.sub0101_wrap .con01 ul li p{width: 100%;font-size: 17px;font-weight: 700;line-height: 30px;text-align: center;}

.sub0101_wrap .con02{margin-bottom: 270px;background: url(../images/sub/sub01_bg03.jpg) no-repeat top 0px center;background-size: 1100px auto;}
.sub0101_wrap .con02 h3{text-align: center;margin-bottom: 75px;}
.sub0101_wrap .con02 ul{display: flex;flex-wrap:wrap;gap:30px 20px;}
.sub0101_wrap .con02 ul li{width: calc((100% - 60px)/4);border-radius: 20px;background: #fff;overflow: hidden;}
.sub0101_wrap .con02 ul li .img_ratio{padding-bottom: 39.286%;}

.sub0101_wrap .con03{position: relative; margin-bottom: 170px;}
.sub0101_wrap .con03 .con03_bg_box{position: absolute;left: 0;width: 100%;top: -150px;}
.sub0101_wrap .con03 .sub_inner02{position: relative; display: flex;gap:115px;z-index: 100;flex-direction: column;}
.sub0101_wrap .con03 .left_box{width: 100%;}
.sub0101_wrap .con03 .left_box .tit_box{margin-bottom: 80px;}
.sub0101_wrap .con03 .left_box .tit_box .ico_box{margin-bottom: 30px;}
.sub0101_wrap .con03 .left_box .tit_box h3{line-height: 60px;margin-bottom: 15px;}
.sub0101_wrap .con03 .left_box .img_box{margin-bottom: 40px;}
.sub0101_wrap .con03 .left_box .img_box img{width: 100%;}
.sub0101_wrap .con03 .right_box{position: relative; width:100%;padding-left: 65px;padding-bottom: 45px;}
.sub0101_wrap .con03 .right_box .line_box{position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #dbdbdb;}
.sub0101_wrap .con03 .right_box .line_box .line{position: absolute;top: 0;left: 0;width: 100%;height:0;background: #fc3646;transition: height 0.3s ease;}
.sub0101_wrap .con03 .right_box .line_box .circle{position: absolute;left: -8px;top: -1px;width: 17px;height: 17px;border-radius: 50%;background: #fc3646;}
.sub0101_wrap .con03 .right_box .line_box .circle02{top: auto;bottom: -1px;}
.sub0101_wrap .con03 .right_box strong{display: block;font-weight: 800;font-size: 32px;margin-bottom: 60px;}
.sub0101_wrap .con03 .right_box ul li:not(:last-child){margin-bottom: 50px;}
.sub0101_wrap .con03 .right_box ul li p{font-size: 26px;font-weight: 900;color: #fc3646;margin-bottom: 10px;}
.sub0101_wrap .con03 .right_box ul li span{display: block; font-size: 22px;color: #454545;font-weight: 500;margin-bottom: 15px;}
.sub0101_wrap .con03 .right_box ul li span:last-child{margin-bottom: 0;}

.sub0101_wrap .con04 .sub01_tit{text-align: center;margin-bottom: 80px;}
.sub0101_wrap .con04 .box{display: flex;gap:40px;margin-bottom: 50px;}
.sub0101_wrap .con04 .box:last-child{margin-bottom: 0;}
.sub0101_wrap .con04 .box .map_box{width:calc((100% - 40px)/2);}
.sub0101_wrap .con04 .box .map_box img{width: 100%;height: 330px;}
.sub0101_wrap .con04 .box .txt{width:calc((100% - 40px)/2);}
.sub0101_wrap .con04 .box .txt {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding-top: 60px;} 


/* sub0201_wrap  제품소개*/
.sub0201_wrap .tit_box{margin-bottom: 85px;}
.sub0201_wrap .tit_box p{margin-top: 20px;}
.sub0201_wrap .con01{margin-bottom: 150px;}
.sub0201_wrap .con01 ul li{display: flex;gap:50px;align-items: stretch;margin-bottom: 50px;flex-direction: column;}
.sub0201_wrap .con01 ul li:last-child{margin-bottom: 0;flex-direction: column-reverse;}
.sub0201_wrap .con01 ul li .img_box{width: 100%;}
.sub0201_wrap .con01 ul li .img_box img{width: 100%;}
.sub0201_wrap .con01 ul li .txt_wrap{display: flex;flex-direction: column;justify-content: center; width:100%;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;padding: 30px 0;}
.sub0201_wrap .con01 ul li .txt_wrap p{font-size: 23px;line-height: 40px;font-weight: 700;text-align: center;}
.sub0201_wrap .con01 ul li .txt_wrap p strong{font-weight: 900;}
.sub0201_wrap .con01 ul li .txt_wrap .txt{display: flex;align-items: center;gap:30px;margin-bottom: 30px;justify-content: center;}
.sub0201_wrap .con01 ul li .txt_wrap .txt .ico img{width: 130px;}
.sub0201_wrap .con01 ul li .txt_wrap .txt span{font-size: 23px;line-height: 35px;font-weight: 700;}

.sub0201_wrap .con02 h3{margin-bottom: 70px;text-align: center;}
.sub0201_wrap .con02 ul{display: flex; flex-wrap:wrap;gap:50px 20px;}
.sub0201_wrap .con02 ul li{width: calc((100% - 40px)/3);}
.sub0201_wrap .con02 ul li .img_cover{margin-bottom: 25px;border: 1px solid #dbdbdb;}
.sub0201_wrap .con02 ul li p{font-size: 20px;font-weight: 900;text-align: center;}


}