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

/* visual_wrap */
#visual_wrap{margin-top: 70px;}
#visual_wrap .inner{position: relative;color:#fff;}
#visual_wrap .visual li{height: 100vh;width: 100%;border-radius: 40px 0 40px 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: 37px;font-weight: 800;text-align: center;margin-bottom: 25px;}
#visual_wrap .txt_wrap p{font-size: 14px;font-weight: 300;line-height: 25px;text-align: center;margin-bottom: 30px;}
#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: 200px;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: 40px;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% - 40px);}
}
#visual_wrap .txt_wrap .arrow_wrap .arrow{display: flex;gap:20px;}
#visual_wrap .txt_wrap .arrow_wrap .arrow > div{cursor: pointer;}
#visual_wrap .txt_wrap .arrow_wrap .arrow > div img{width: 10px;}


/* section01 */
#section01{position: relative; padding: 170px 0 130px;overflow: hidden;}
#section01 .sec01_bg_box{position: absolute;top: 70px;left: 0;}
#section01 h2{position: relative; font-size: 45px;font-weight: 900;margin-bottom: 10px;text-align: center;z-index: 100;}
#section01 h2 span{color: var(--ma_c01);}
#section01 ul{z-index: 100;}
#section01 ul li{margin-right: 30px;}
#section01 ul li .img_ratio_Wrap{width: 200px;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: 7px;font-size: 20px;font-weight: 800;justify-content: center;}
#section01 ul li .txt p em{display: block;padding: 0 6px;border-radius: 10px;line-height: 20px;background: var(--ma_c01);font-size: 11px;font-weight: 900;color: #fff;font-style: normal;}
#section01 ul li .txt span{display: block; font-size:15px;color: #454545;font-weight: 500;text-align: center;}

/* section02 */
#section02{margin-bottom: 190px;}
#section02 .inner{position: relative;}
#section02 .inner:after{content:'';position: absolute;left: 50%;transform: translate(-50% , -50%); top:48%;width: calc(100% - 40px);height: 130%;border: 2px solid #dbdbdb;border-radius: 0 80px 0 80px;}
#section02 .inner:before{display: none; 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: block;align-items: center;padding: 0 20px; z-index: 200;max-width: 100%;gap:20px;}
#section02 .con_box .img_box{display: none; 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: 100%;text-align: center;}
#section02 .con_box .txt_wrap .txt01{margin-bottom: 50px;}
#section02 .con_box .txt_wrap .txt01 .txt_box{display: block;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: 45px;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:30px;justify-content: center;}
#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{position: absolute;bottom: -110px;left: 50%;transform: translateX(-50%); display: block;padding: 0 30px;line-height: 40px;background: #211f1e;border-radius: 20px;font-size: 15px;color: #fff;font-weight: 800;width: fit-content;}


/* section03 */
#section03{padding: 100px 0 100px;background: url(../images/main/main_sec03_bg01.jpg);}
#section03 .tit_box{margin-bottom: 50px;}
#section03 .tit_box p{font-size: 25px;font-weight: 700;text-align: center;color: var(--ma_c01);margin-bottom: 20px;}
#section03 .tit_box h2{font-size: 40px;font-weight: 800;color: #fff;text-align: center;}
#section03 ul{position: relative; display: flex;gap:10px 10px;flex-wrap:wrap;}
#section03 ul li{position: relative; width: calc((100% - 20px)/3);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:nth-child(11):after,
#section03 ul li:nth-child(12):after{display: none;} */
#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: 10px;bottom: 10px;z-index: 2000;width: 45px;height: 50px;border-radius: 10px;background: var(--ma_c01);gap:5px;align-items: center;justify-content: center;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.3s ease, visibility 0.3s ease, pointer-events 0.3s ease;}
.top_btn span{font-size: 14px;color: #fff;font-weight: 600;}
.top_btn img{width: 11px;}


/* footer */
#footer{position: relative; padding: 30px 0 50px;}
#footer .con_box{ padding: 0;}
#footer .con_box ul{display: flex;gap:20px;margin-bottom: 30px;}
#footer .con_box ul li a{font-size: 13px;font-weight: 700;}
#footer .con_box .add_wrap{display: block;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 a img{display: block; width: 160px;margin: 0 auto;}
#footer .con_box .add_wrap .left_box address{font-size: 12px;line-height: 19px;color: #454545;padding: 10px 0 30px;font-style: normal;font-weight: 700;text-align: center;}
#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{position: absolute;left: 0;bottom: 30px;width: 100%; font-size: 12px;font-weight: 700;color: #797979;text-align: center;}
#footer .con_box .add_wrap .right_box{text-align: center;margin-bottom: 15px;}
#footer .con_box .add_wrap .right_box span{display: block;font-size: 14px;font-weight: 900;margin-bottom: 10px;}
#footer .con_box .add_wrap .right_box .txt01{font-size: 30px;font-weight: 900;color: var(--ma_c01);margin-bottom: 10px;}
#footer .con_box .add_wrap .right_box .txt02{font-size: 12px;font-weight: 700;}
#footer .con_box .add_wrap .right_box .txt02 strong{font-weight: 800;}


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

/* sub0101 회사소개*/

.sub0101_wrap .con01{margin-bottom: 100px;}
.sub0101_wrap .con01 .tit_box{margin-bottom: 50px;}
.sub0101_wrap .con01 .tit_box h3{margin-bottom: 15px;}
.sub0101_wrap .con01 ul{border-bottom: 1px solid #dbdbdb;}
.sub0101_wrap .con01 ul li{display: flex; padding: 30px 0;border-top: 1px  solid #dbdbdb;align-items: center;flex-direction: column;align-items: center;gap:20px;}
.sub0101_wrap .con01 ul li strong{display: block;font-size: 18px;font-weight: 900;line-height: 40px;width: 100%;text-align: center;}
.sub0101_wrap .con01 ul li strong span{font-size: 26px;color: var(--ma_c01);}
.sub0101_wrap .con01 ul li p{width: 100%;font-size: 14px;font-weight: 700;line-height: 25px;text-align: center;}
.sub0101_wrap .con01 ul li p br{display: none;}
.sub0101_wrap .con01 ul li p span{display: block;}

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

.sub0101_wrap .con03{position: relative; margin-bottom: 100px;}
.sub0101_wrap .con03 .con03_bg_box{position: absolute;left: 0;width: 100%;top: -100px;}
.sub0101_wrap .con03 .sub_inner02{position: relative; display: flex;gap:80px;z-index: 100;flex-direction: column;}
.sub0101_wrap .con03 .left_box{width: 100%;}
.sub0101_wrap .con03 .left_box .tit_box{margin-bottom: 60px;}
.sub0101_wrap .con03 .left_box .tit_box .ico_box{margin-bottom: 30px;}
.sub0101_wrap .con03 .left_box .tit_box h3{line-height:40px;margin-bottom: 15px;}
.sub0101_wrap .con03 .left_box .tit_box p span{display: block;}
.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: 30px;padding-bottom: 35px;}
.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: -5px;top: -1px;width: 12px;height: 12px;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: 25px;margin-bottom: 30px;}
.sub0101_wrap .con03 .right_box ul li:not(:last-child){margin-bottom: 30px;}
.sub0101_wrap .con03 .right_box ul li p{font-size: 23px;font-weight: 900;color: #fc3646;margin-bottom: 10px;}
.sub0101_wrap .con03 .right_box ul li span{display: block; font-size: 17px;color: #454545;font-weight: 500;margin-bottom: 12px;}
.sub0101_wrap .con03 .right_box ul li span:last-child{margin-bottom: 0;}

.sub0101_wrap .con04 .sub01_tit{text-align: center;margin-bottom: 50px;}
.sub0101_wrap .con04 .box{display: flex;gap:20px;margin-bottom: 50px;flex-direction: column;}
.sub0101_wrap .con04 .box:last-child{margin-bottom: 0;}
.sub0101_wrap .con04 .box .map_box{width:100%;}
.sub0101_wrap .con04 .box .map_box img{width: 100%;height: 270px;}
.sub0101_wrap .con04 .box .txt{width:100%;}
.sub0101_wrap .con04 .box .txt {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 30px 0;} 


/* sub0201_wrap  제품소개*/
.sub0201_wrap .tit_box{margin-bottom: 85px;}
.sub0201_wrap .tit_box p{margin-top: 20px;}
.sub0201_wrap .con01{margin-bottom: 100px;}
.sub0201_wrap .con01 ul li{display: flex;gap:30px;align-items: stretch;margin-bottom: 30px;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: 20px 0;}
.sub0201_wrap .con01 ul li .txt_wrap p{font-size: 15px;line-height: 30px;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:20px;margin-bottom: 20px;justify-content: center;}
.sub0201_wrap .con01 ul li .txt_wrap .txt .ico img{width: 80px;}
.sub0201_wrap .con01 ul li .txt_wrap .txt span{font-size: 15px;line-height: 27px;font-weight: 700;}

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

}