.inner{width: 1400px;margin: 0 auto;}
#main{background-color: #000000;}
#main .m_title{text-align: center;margin-bottom: 100px;}
#main .m_title span{color: #fff;font-family: "neulis-sans", sans-serif;color: #00FFB1;display: block;margin-bottom: 25px;;}
#main .m_title strong{display: block;font-size: 50px;color: #FFFFFF;font-weight: 700;line-height: 70px;}
.more_btn{display: flex;justify-content: center;;}
.more_btn a{display: flex;align-items: center;padding: 0 25px;height: 60px;align-items: center;border: 1px solid #ffffff50;border-radius: 4px;color: #FFFFFF;gap:10px;transition: 0.5s;}
.more_btn a:hover{border-color: #fff;}
.more_btn a i{overflow: hidden;position: relative;}
.more_btn a i svg{width: auto;height: auto;display: block;transition: 0.5s;}
.more_btn a:hover i svg{transform: translate(100%,-100%);}
.more_btn a i svg:nth-child(1){position: absolute;top: 100%;left: -100%;}
#main #intro{position: absolute;top: 0;left: 0;background: #000;display: flex;align-items: center;justify-content: center;z-index: 999;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center}
#main #intro video{width: 100%}
#main .main_visual{position: relative;position: relative;height: 100vh;overflow: hidden;}
#main .main_visual .vis_img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#main .main_visual .vis_chess{position: absolute;bottom: 0%;left: 50%;transform: translate(-50%,0%);}
#main .main_visual .vis_img img{display: block;}
#main .main_visual .dim{position: absolute;width: 100%;height: 100%;background: linear-gradient(to left, #000000, #00000000, #000000);}
#main .main_visual .txt_content{position: absolute;width: 100%;left: 0;display: flex;justify-content: center;;top: 50%;transform: translateY(-50%);gap: 640px}
#main .main_visual .txt_content strong{font-size: 60px;color: #FFFFFF;font-weight: 700;}
#main .main_visual .txt_content strong b{color: #40BC96;font-weight: inherit;}
#main .main_visual .bg_txt{position: absolute;top: 50%;transform: translateY(-50%);;}
#main .main_visual .bg_txt strong{font-size: 300px;color: #FFFFFF10;font-family: "neulis-sans", sans-serif;white-space: nowrap;}
#main .main_visual .info_txt{background-color: rgba(0,0,0,0.5);backdrop-filter: blur(10px);top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;gap: 75px;opacity: 0;pointer-events: none;}
#main .main_visual .info_txt .wrap{justify-content: center;align-items: center;display: flex;gap: 75px}
#main .main_visual .info_txt .wrap div{position: relative;}
#main .main_visual .info_txt .wrap div svg{position: absolute;left: -63px;top: -57px;}
#main .main_visual .info_txt strong{font-size: 30px;color: #FFFFFF;font-weight: 700;line-height: 50px;text-align: center;display: block;}
#main .main_con01{padding-bottom: 360px;padding-top: 167px;position: relative;}
#main .main_con01 .bg{position: absolute;top: 380px;pointer-events: none;}
#main .main_con01 .case_wrap{display: flex;}
#main .main_con01 .case_wrap .case_w{width: 50%;display: flex;align-items: flex-start;flex-direction: column;}
#main .main_con01 .case_wrap1 .txt{padding-left: 240px;}
#main .main_con01 .case_wrap2 {justify-content: flex-end;margin-top: -350px;}
#main .main_con01 .case_wrap2 .case_w{align-items: flex-end;;}
#main .main_con01 .case_wrap3 .case_w{align-items: flex-end;;}
#main .main_con01 .case_wrap2 .txt{padding-right: 40px;;}
#main .main_con01 .case_wrap3{margin-top: -170px;}
#main .main_con01 .case_wrap3 .txt{padding-right: 225px;;}
#main .main_con01 .case_wrap .txt {margin-top: 40px;}
#main .main_con01 .case_wrap .txt span{display: flex;width: 80px;height: 32px;background-color: #40BC96;border-radius: 4px;align-items: center;justify-content: center;font-size: 14px;color: #FFFFFF;font-family: "neulis-sans", sans-serif;}
#main .main_con01 .case_wrap .txt strong{font-size: 30px;color: #FFFFFF;line-height: 40px;display: block;margin-top: 20px;;}
#main .main_con02{padding-bottom: 360px;padding-top: 167px;position: relative;}
#main .main_con02 .bg_txt{position: absolute;padding: 0 40px;}
#main .main_con02 .bg_txt1{width: 100%;top: 0;display: flex;justify-content: space-between;}
#main .main_con02 .bg_txt2{bottom: 0;right: 0;}
#main .main_con02 .bg_txt strong{font-size: 300px;font-weight: 700;font-family: "neulis-sans", sans-serif;color: #ffffff10;}
#main .main_con02 .txt_wrap{position: relative;z-index: 15;text-align: center;dis}
#main .main_con02 .txt_wrap span{display: block;font-size: 18px;color: #DDDDDD;margin-top: 40px;}
#main .main_con02 .txt_wrap strong{font-size: 40px;color: #FFFFFF;line-height: 1.5;;margin-top: 40px;display: block;}
#main .main_con04{padding-bottom: 300px;padding-top: 300px}
#main .main_con04 .sl {display: flex;}
#main .main_con04 .sl01 .wrap .s2{position: absolute;left: 100%;top: 0;}
#main .main_con04 .sl02 .wrap .s2{position: absolute;left: -100%;top: 0;}
#main .main_con04 .sl .wrap{position: relative;}
#main .main_con04 .sl .wrap > div img{height: 145px}
#main .main_con04 .sl01 .wrap > div{animation: 60s scr1 infinite linear;}
#main .main_con04 .sl02 .wrap > div{animation: 60s scr2 infinite linear;}
@keyframes scr1 {
    0%{transform: translate(0);}
    100%{transform: translate(-100%);}
}
@keyframes scr2 {
    0%{transform: translate(0);}
    100%{transform: translate(100%);}
}
#sub .sub_con{overflow: hidden}
#main .main_con05{padding-bottom: 300px;;}
#main .main_con05 .m_title{text-align: left;margin-bottom: 60px;}
#main .main_con05 .list{padding-bottom: 40px;position: relative; margin-bottom: 80px;}
#main .main_con05 .list:after{content: '';display: block;position: absolute;left: calc(10% + 26px);width: calc(80% - 56px);bottom: 0px;border-bottom: 1.5px dotted #FFFFFF50;;}
#main .main_con05 .list:before{content: '';width: 1px;height: 40px;position: absolute;bottom: -40px;left: 50%;margin-left: -0.5px;border-left: 1.5px dotted #FFFFFF50;;}
#main .main_con05 .list ul{display: flex;gap:14px}
#main .main_con05 .list ul li{flex: 1;}
#main .main_con05 .list ul li .wr{height: 150px;display: flex;align-items: center;justify-content: center;background: linear-gradient(to bottom, #FFFFFF10, #FFFFFF00);border-radius: 4px;position: relative;}
#main .main_con05 .list ul li .wr:after{content: '';display: block;width: 6px;height: 6px;position: absolute;bottom: -3px;left: 50%;margin-left: -3px;background-color: #00FFB1;border-radius: 50%;}
#main .main_con05 .list ul li .wr:before{content: '';width: 1px;height: 40px;position: absolute;bottom: -40px;left: 50%;margin-left: -0.5px;border-left: 1.5px dotted #FFFFFF50;;}
#main .main_con05 .list ul li .wr strong{font-size: 20px;color: #FFFFFF;line-height: 1.5;display: block;text-align: center;}
#main .main_con05 .wrap{display: flex;justify-content: center;font-size: 30px;color: #FFFFFF;font-weight: 600;gap: 30px;margin-bottom: 40px;}
#main .main_con05 .wrap i{color: #FFFFFF;font-weight: 600}
#main .main_con05 .kpi > i{display: flex;justify-content: center;;}
#main .main_con06{padding-bottom: 260px;}
#main .main_con06 .m_title{text-align: left;margin-bottom: 60px;}
#main .main_con06 ul{display: flex;flex-wrap: wrap;}
#main .main_con06 ul li{width: 33.33%;padding: 40px;position: relative;}
#main .main_con06 ul li:before{content: '';display: block;width: 1px;height: calc(100% - 80px);position: absolute;right: 0;top: 40px;background-color: #333333;}
#main .main_con06 ul li:nth-child(3):before{display: none;}
#main .main_con06 ul li:nth-child(4):before{display: none;}
#main .main_con06 ul li:nth-child(4):after{display: none;}
#main .main_con06 ul li:nth-child(5):after{display: none;}
#main .main_con06 ul li:nth-child(6):after{display: none;}
#main .main_con06 ul li:after{content: '';display: block;height: 1px;width: calc(100% - 80px);position: absolute;bottom: 0;left: 40px;background-color: #333333;}
#main .main_con06 ul li span{color: #fff;font-family: "neulis-sans", sans-serif;color: #00FFB1;font-size: 16px;margin-bottom: 10px;display: block;}
#main .main_con06 ul li strong{font-size: 24px;color: #FFFFFF;display: block;line-height: 30px;margin-bottom: 30px;display: block;height: 60px;}
#main .main_con06 ul li p{font-size: 18px;color: #999999;line-height: 27px;;}
#main .main_con06 ul li:nth-child(1){order: 1;}
#main .main_con06 ul li:nth-child(2){order: 2;}
#main .main_con06 ul li:nth-child(3){order: 3;}
#main .main_con06 ul li:nth-child(6){order: 4;}
#main .main_con06 ul li:nth-child(5){order: 5;}
#main .main_con06 ul li:nth-child(4){order: 6;}
#main .main_con07 .mySwiper{overflow: visible;}
#main .main_con07 .mySwiper a{display: block;}
#main .main_con07 .mySwiper a .img_w{overflow: hidden;border-radius: 4px;position: relative;}
#main .main_con07 .mySwiper a .img_w .img{    aspect-ratio: 680 / 480;width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center}
#main .main_con07 .mySwiper a .img_w .view{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: 0.5s;}
#main .main_con07 .mySwiper a:hover .img_w .view{opacity: 1;}
#main .main_con07 .mySwiper a .img_w .view:before{content: '';display: block;width: 90px;height: 90px;border-radius: 50%;background-color: #40BC96;position: absolute;top: 50%;left: 50%;margin-left: -45px;margin-top: -45px;transform: scale(1.5);opacity: 0;transition: 0.5s;}
#main .main_con07 .mySwiper a:hover .img_w .view:before{opacity: 1;transform: scale(1);}
#main .main_con07 .mySwiper a .img_w .view strong{display: block;position: relative;z-index: 15;font-size: 16px;color: #FFFFFF;font-family: "neulis-sans", sans-serif;}
#main .main_con07 .mySwiper a .img_w .img img{filter: grayscale(100%);display: block;width: 100%;transition: 0.5s;}
#main .main_con07 .mySwiper a:hover .img_w .img img{filter: grayscale(0%);transform: scale(1.05);}
#main .main_con07 .mySwiper a .txt{display: flex;align-items: center;gap: 15px;margin-top: 20px;}
#main .main_con07 .mySwiper a .txt strong{font-size: 22px;color: #FFFFFF;font-weight: 600;}
#main .main_con07 .mySwiper a .txt i{overflow: hidden;position: relative;}
#main .main_con07 .mySwiper a .txt i svg{width: auto;height: auto;display: block;}
#main .main_con07 .mySwiper a .txt i svg:nth-child(1){position: absolute;top: 100%;left: -100%;}
#main .main_con08{padding: 300px 0;position: relative;}
#main .main_con08 .bg_light{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#main .main_con08 .bg_light img{display: block;}
#main .main_con08 .inner{position: relative;z-index: 15;;}
#main .main_con08 .more_btn{margin-top: 80px;font-size: 17px;}

#main .main_visual .txt_content > div{overflow: hidden;}
#main .main_visual .txt_content strong{display: block;transition: 1s;transition-delay: 1.7s;}
#main .main_visual.on .txt_content > div.left strong{transform: translateY(100%);}
#main .main_visual.on .txt_content > div.right strong{transform: translateY(-100%);}
#main .main_visual .bg_txt strong{transition: 2s;display: block;}
#main .main_visual.on .bg_txt strong{transform: translateX(-20%);}
#main .main_visual .info_txt{opacity: 0;transition: 1s;transition-delay: 3.2s;}
#main .main_visual.on .info_txt{opacity: 1;;}
#main .main_visual .info_txt .wrap{gap: 150px;transition: 1s;transition-delay: 3.2s;}
#main .main_visual.on .info_txt .wrap{gap: 75px;}
#main .m_title p{font-size: 20px;color: #999999;line-height: 1.5;margin-top: 35px}
#main .m_title span{transform: translateY(70px);opacity: 0;}
#main .m_title strong{transform: translateY(70px);opacity: 0;;}
#main .on .m_title span{transform: translateY(0px);opacity: 1;transition: 1.2s;}
#main .on .m_title strong{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;}
#main .main_con05 .list{transform: translateY(70px);opacity: 0;}
#main .main_con05 .kpi{transform: translateY(70px);opacity: 0;}
#main .main_con05.on .list{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;}
#main .main_con05.on .kpi{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.9s;}
#main .main_con07 .sw_wrap{transform: translateY(70px);opacity: 0;}

#main .main_con07.on .sw_wrap{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;}

#main .main_con04 .sl{transform: translateY(70px);opacity: 0;}

#main .main_con04.on .sl{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;}
#main .main_con01 .case_wrap{transform: translateY(70px);opacity: 0;}
#main .main_con01 .case_wrap.on{transform: translateY(0px);opacity: 1;transition: 1.2s;}

#main .main_con02 .bg_txt1{transform: translateX(-70px);opacity: 0;}
#main .main_con02.on .bg_txt1{transform: translateX(0px);opacity: 1;transition: 1.2s;}
#main .main_con02 .bg_txt2{transform: translateX(70px);opacity: 0;}
#main .main_con02.on .bg_txt2{transform: translateX(0px);opacity: 1;transition: 1.2s;}
#main .main_con02 .txt_wrap i{transform: translateY(70px);opacity: 0;display: block;}
#main .main_con02.on .txt_wrap i{transform: translateY(0px);opacity: 1;transition: 1.2s;}
#main .main_con02 .txt_wrap span{transform: translateY(70px);opacity: 0;display: block;}
#main .main_con02.on .txt_wrap span{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;}
#main .main_con02 .txt_wrap strong{transform: translateY(70px);opacity: 0;display: block;}
#main .main_con02.on .txt_wrap strong{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;}
#main .main_con07 .sw_wrap{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s;}
#main .main_con07.on .sw_wrap{transform: translateY(0px);opacity: 1;}
#main .main_con06 ul{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s;}
#main .main_con06.on ul{transform: translateY(0px);opacity: 1;}

#main .main_con03 .cont_wrap .left{transform: translateX(-70px);opacity: 0;}
#main .main_con03.on .cont_wrap .left{transform: translateX(0px);opacity: 1;transition: 1.2s;}
#main .main_con03 .cont_wrap .right{transform: translateX(70px);opacity: 0;}
#main .main_con03.on .cont_wrap .right{transform: translateX(0px);opacity: 1;transition: 1.2s;}
#main .main_con08 .bg_light div{opacity: 0.2;transition: 2s;transform: translateY(50%);}
#main .main_con08.on .bg_light div{opacity: 1;transform: translateY(0%)}

#main .main_con03 .cont_wrap{display: flex;justify-content: space-between;align-items: flex-end;position: relative;margin-top: -170px;}
#main .main_con03 .cont_wrap .line{position: absolute;width: 100vw;left: 50%;transform: translateX(-50vw);height: 1px;background: rgba(255,255,255,0.4);}
#main .main_con03 .cont_wrap .line1{bottom: 82px;}
#main .main_con03 .cont_wrap .line2{bottom: 275px;}
#main .main_con03 .cont_wrap .line3{bottom: 484px;}
#main .main_con03 .cont_wrap .line4{bottom: 700px;opacity: 0.2;}
#main .main_con03 .cont_wrap .right{margin-right: -260px;position: relative;z-index: 15;}
#main .main_con03 .cont_wrap .left{padding-bottom: 175px;position: relative;z-index: 15;;}
#main .main_con03 .cont_wrap .left ul{display: flex;flex-direction: column;gap: 85px;background-color: #000;}
#main .main_con03 .cont_wrap .left ul li{width: 400px;padding: 0 40px;height: 60px;display: flex;justify-content: space-between;align-items: center;border-left: 1px solid #727272;border-right: 1px solid #727272;}
#main .main_con03 .cont_wrap .left ul li span{font-size: 24px;color: #FFFFFF;font-weight: 600;}
#main .main_con03 .cont_wrap .left ul li p{font-size: 30px;color: #00FFB1;font-weight: 600;}
#main .main_con03 .m_title{text-align: left;margin-bottom: 0;}
@media (max-width: 1440px) {
    #main .main_con05 .list:after {
    left: calc(10% + 15px);
    width: calc(80% - 29px);
        bottom: 0px;}
    #main .main_con02 .bg_txt strong{font-size: 220px;}
    .inner{width: 100%;padding: 0 20px;}
    #main .main_visual .txt_content strong{font-size: 48px;}
    #main .main_visual .vis_chess img{width: 480px;}
    #main .main_visual .bg_txt strong{font-size: 220px;}
    #main .m_title strong{font-size: 44px;line-height: 1.5;;}
    #main .main_visual .txt_content{gap: 340px}
    #header{padding: 0 20px;}
    #header #logo svg{height: 28px;width: auto;}
    #main .main_con03 .cont_wrap{flex-direction: column;align-items: flex-start;}
    #main .main_con03 .cont_wrap .right{margin-right: -5%;justify-content: center;display: flex;justify-content: center;}
    #main .main_con03 .cont_wrap{margin-top: 0;}
    #main .main_con03 .cont_wrap .left ul{flex-direction: row;width: 100%;}
    #main .main_con03 .cont_wrap .left{flex-direction: row;width: 100%;margin-top: 60px;padding-bottom: 20px;}
    #main .main_con03 .cont_wrap .left ul li{flex: 1;width: auto;}
    #main .main_con03 .cont_wrap .right img{max-width: 100%;}
    #main .main_visual .info_txt strong{font-size: 25px;}
	#header:hover{background-color: #000;}
	#header:hover #gnb > ul > li > a{color: #fff;}
	#header:hover .more_btn a{color: #fff;border-color: #ffffff20;}
	#header:hover .more_btn a path{stroke: #fff;}
	#header:hover #logo path{fill: #fff}
	#header:hover #logo path#패스_1{fill: #fff}
	#header:hover .all_menu_b span{background: #fff !important}
}
@media (max-width: 1145px) {
    #main .main_visual.on .info_txt .wrap {gap: 25px}
    #main .main_visual .info_txt i svg{width: 20px;auto;}
    #main .main_visual .info_txt strong{font-size: 22px;line-height: 1.5;;}
    #main .main_con07 .mySwiper a:hover .img_w .view{display: none;}
    #main .m_title p{font-size: 16px;margin-top: 20px;;}
    #main .main_con03 .cont_wrap .left ul li{height: 30px;}
    #main .main_con03 .cont_wrap .left ul li p{font-size: 18px;}
    #main .main_con03 .cont_wrap .left ul li span{font-size: 16px;}
    #main .main_con03 .cont_wrap .left ul li{padding: 0 15px}
    #main .main_con03 .cont_wrap .left ul{gap: 20px}
    #main .main_con03 .cont_wrap .line{display: none;}
    #main .main_con03 {padding-bottom: 60px;}
    #main .m_title strong{font-size: 36px;}
    #main .m_title span{font-size: 14px;margin-bottom: 10px;;}
    #main .main_con01 .case_wrap1 .txt{padding-left: 40px;}
    #main .main_con01 .case_wrap3 .txt{padding-right: 20px;}
    #main .main_con01 .case_wrap .txt strong{font-size: 22px;line-height: 1.5;}
    #main .main_con01 .case_wrap3{margin-top: 0;}
    #main .main_con01 .case_wrap2{margin-top: 0;}
    #main .main_con01{padding-top: 150px;padding-bottom: 150px;;}
    #main .main_con02 .txt_wrap strong{font-size: 33px;}
    #main .main_con02 .txt_wrap span{font-size: 14px;}
    #main .main_con02 .bg_txt strong{font-size: 160px;}
    #main .m_title{margin-bottom: 40px;}
    #main .main_con04 .sl .wrap img{height: 90px;}
    #main .main_con02 {padding-bottom: 180px;padding-top: 87px;}
    #main .main_con04{padding-bottom: 150px;}
    #main .main_con05 .list ul li .wr strong{font-size: 15px;line-height: 1.5;;}
    #main .main_con05 .wrap{font-size: 20px;}
    #main .main_con05 .kpi > i svg{width: 30px;height: auto;}
    #main .main_con05 .wrap{margin-bottom: 13px;}
    #main .main_con05{padding-bottom: 150px;}
    #main .main_con05 .list ul li .wr{height: 110px;}
    #main .main_con06 ul li span{font-size: 14px;}
    #main .main_con06 ul li strong{font-size: 18px;height: 26px;height: 52px;margin-bottom: 15px;}
    #main .main_con06 ul li p{font-size: 14px;line-height: 1.5;;}
    #main .main_con06 ul li{padding: 20px;}
    #main .main_con06 ul li:after{width: calc(100% - 40px);left: 20px;}
    #main .main_con06 ul li:before{height: calc(100% - 40px);top: 20px;}
    #main .main_con07 .mySwiper a .txt strong{font-size: 16px;}
    #main .main_con07 .mySwiper a .txt i svg{width: 10px;}
    #main .main_con08{padding: 150px 0;}
    #main .main_con08 .bg_light img{width: 700px;}
    #main .main_con08 .more_btn{margin-top: 20px;}
    .more_btn a{height: 40px;font-size: 14px;padding: 0 15px;}
    #footer .ft01 .left ul li{font-size: 13px;}
    #footer .ft01 .left ul{gap: 10px;margin-top: 15px;}
    #footer .ft01 .left .ft_logo svg{width: 150px;height: auto;}
    #footer{padding: 60px 0;}
    #footer .ft01{padding-bottom: 20px;}
    #footer .ft02 address{font-size: 12px;;}
    #footer .ft01 .right ul li a{font-size: 13px;}
    #footer .ft01 .right ul li a svg{width: 5px;height: auto;}
    #main .main_visual .txt_content strong{font-size: 40px;}
    #main .main_visual .vis_chess img{width: 410px;}
    #main .main_con06{padding-bottom: 150px;}
    #header #gnb{display: none;}
    #header .hd_inner{height: 80px;}
    #header .all_menu_b{display: block;right: 0;}
    #header .more_btn{right: 40px;}
    #header:hover .all_menu_b span{background-color: #000;}
   
}
@media (max-width: 880px) {
	#main .main_con04{padding-top: 0}
    #main .main_visual .info_txt strong{font-size: 16px;}

    #main .main_con01 .case_wrap .txt strong{font-size: 18px;margin-top: 15px;}
    #main .m_title strong{font-size: 26px;}
    #main .m_title span{font-size: 13px;}
    #main .main_con01 .case_wrap1 img{width: 260px;}
    #main .main_con01 .case_wrap2 img{width: 300px;}
    #main .main_con01 .case_wrap3 img{width: 300px;}
    #main .main_con01 .case_wrap {margin-bottom: 30px;}
    main .main_con01 .case_wrap3{margin-bottom: 0;}
    #main .main_con01 .case_wrap .txt span{width: 60px;height: 30px;font-size: 11px;}
    #main .main_con01 .case_wrap1 .txt{padding-left: 0;}
    #main .main_con01 .case_wrap .txt{margin-top: 20px;;}
    #main .main_con01 .case_wrap .case_w{width: auto;}
    #main .main_con02 .bg_txt strong{font-size: 130px;}
    #main .main_con04 .sl .wrap img{height: 70px;}
    #main .main_con02 .txt_wrap strong{font-size: 26px;margin-top: 20px;;}
    #main .main_con06, #main .main_con05, #main .main_con04{padding-bottom: 60px;}
    #main .main_con01{padding-top: 60px;padding-bottom: 60px;;}
    #main .main_visual .txt_content strong{font-size: 30px;}
    #main .main_visual .vis_chess img{width: 270px;}
    #main .main_visual .txt_content{gap: 20px}
    #main .main_visual .bg_txt strong{font-size: 110px;}
    #main .main_con05 .wrap{font-size: 17px;}
    #footer .ft01 .left ul{width: 100%;}
    #footer .ft01{flex-direction: column;}
    #footer .ft01 .right{margin-top: 15px;}
    #footer .ft01 .right ul{flex-direction: row;gap: 20px}
    #footer .ft01 .right ul li a{justify-content: flex-start;}
    #footer .ft01 .left .ft_logo svg{width: 110px;}
    #header .hd_inner{height: 60px;}
    #main .main_visual .info_txt .wrap div svg{display: none;}
    #main .main_visual .info_txt .wrap{gap: 30px}
    #sub.kpi .why .list ul li .title:before{display: none}
    #privacy_popup .pop_in .pop_w p{font-size: 12px;line-height: 1.5}
    #privacy_popup .pop_in .pop_w{padding-bottom: 20px}

}
@media (max-width: 660px) {
    .more_btn a{padding: 0 10px;}
    #main .main_con05 .wrap{align-items: center;}
    #main .main_con05 .kpi em{display: block;}
    #main .main_visual .info_txt .wrap{gap: 30px}
    #main .main_visual .info_txt i svg{width: 9px;}
    #main .main_visual .info_txt strong{font-size: 14px;line-height: 1.5;}

    #main .main_con05 .wrap{line-height: 1.5;}
    #main .m_title p{font-size: 14px;}
    #main .main_con03 .cont_wrap .left{margin-top: 25px;}
    #main .main_con03 .cont_wrap .left ul{gap: 10px}
    #main .main_con03 .cont_wrap .left ul li span{font-size: 12px;}
    #main .main_con03 .cont_wrap .right{width: 150vw;margin-left: -30vw;}
    #main .m_title strong{font-size: 22px;}
    #main .main_con01 .case_wrap .txt strong{font-size: 14px;}
    #main .main_con01 .case_wrap .txt span {width: 56px;height: 23px;}
    #main .main_con01 .case_wrap1 img{width: 220px;}
    #main .main_con01 .case_wrap2 img{width: 240px;}
    #main .main_con01 .case_wrap3 img{width: 220px;}
    #main .main_con02 .bg_txt strong{font-size: 90px;}
    #main .main_con02 .txt_wrap span{font-size: 12px;margin-top: 20px;;}
    #main .main_con02 .txt_wrap strong{font-size: 20px;margin-top: 15px;}
    #main .main_con02 {
        padding-bottom: 100px;
        padding-top: 57px;
    }
    #main .main_con02 .txt_wrap svg{width: 20px;height: auto;}
    #main .main_con04 .sl .wrap img{height: 50px;}
    #main .main_con05 .list ul li .wr strong{font-size: 13px;}
    #main .main_con05 .list ul li .wr{height: 80px;}
    #main .main_con05 .list ul{gap: 5px}
    #main .main_con05 .list:after {
    left: calc(10% + 13px);
    width: calc(80% - 26px);}
    #main .main_con05 .list{padding-bottom: 20px;}
    #main .main_con05 .list ul li .wr:before{height: 20px;bottom: -20px;}
    #main .main_con05 .list:before{height: 20px;bottom: -20px;}
    #main .main_con05 .list{margin-bottom: 40px;}
    #main .main_con05 .wrap{gap: 10px}
    #main .main_con05 .m_title, #main .main_con06 .m_title{margin-bottom: 25px;}
    #main .main_con06 ul li{width: 50%;}
    #main .main_con06 ul li:nth-child(1){order: 1;}
    #main .main_con06 ul li:nth-child(2){order: 2;}
    #main .main_con06 ul li:nth-child(3){order: 3;}
    #main .main_con06 ul li:nth-child(4){order: 4;}
    #main .main_con06 ul li:nth-child(5){order: 5;}
    #main .main_con06 ul li:nth-child(6){order: 6;}
    #main .main_con06 ul li:nth-child(3):before{display: block;}
    #main .main_con06 ul li:nth-child(4):after{display: block;}
    #main .main_visual .txt_content{transform: translateY(-180%);}
    #main .main_con06 ul li:nth-child(2n):before{display: none;}
    #main .main_visual .bg_txt {transform: translateY(-122%);}
    #main .main_visual .txt_content{flex-direction: column;justify-content: center;align-items: center;gap: 10px}
    #main .main_visual .txt_content strong{font-size: 30px;}
    #main .main_visual .bg_txt strong{font-size: 150px;}
    #main .main_visual .bg_txt {transform: translateY(-103%);}
    #main .main_con02 .bg_txt strong{font-size: 70px;}
    #main .main_con06 ul li strong{font-size: 15px;line-height: 23px;height: 46px;margin-bottom: 10px;}
    #main .main_con06 ul li p{font-size: 13px;}
    #main .main_con06 ul li span{font-size: 12px;}
    #main .main_con06 ul {width: calc(100% + 40px);position: relative;left: -20px;}
    #main .m_title strong i{display: block;}
    #main .main_con07 .mySwiper a .txt strong{font-size: 14px;}
    #main .main_con08 .bg_light img{width: 500px;}
        #main .main_con08 {
        padding: 90px 0;
    }
    #main .main_con05 .list ul{flex-wrap: wrap;}
    #main .main_con05 .list ul li{width: calc(50% - 5px);flex: auto}
    #main .main_con05 .list ul li .wr:after{display: none;}
    #main .main_con05 .list ul li .wr:before{display: none;}
    #main .main_con05 .list:after{display: none;}
    #main .main_con05 .list:before{display: none;}
    #main .main_con05 .list{margin-bottom: 20px;padding-bottom: 0;;}
    #main .main_con05 .wrap{text-align: center;}
}