/*font-family: "Outfit", sans-serif;*/
li,dd{list-style:none;}


#cursor2{    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    will-change: transform;
    width: 140px;
    height: 040px;
    border-radius: 50%;
    transform: translate(-50%,-50%);}
#cursor2 div{background: rgba(255,255,255,0.5);backdrop-filter: blur(20px);border-radius: 50%}
#cursor2 div{transform: scale(0.6);opacity: 0;transition: 0.5s}
#cursor2 div img{display: block;}
#cursor2.on div{transform: scale(1);opacity: 1}
ul{padding: 0}
#main{background: url(/img/main/section.png) center center;}
.compass_flow{position: absolute;z-index: 2;left: 50%;width: 50%;display: flex;align-items: center;justify-content: center;height: 100vh;margin-left: -20px;top: -50px;pointer-events: none;}
.compass_flow img{filter: drop-shadow(40px 40px 40px #00000010);}
.main_visual{position: relative;width: 100%;padding-top: 100px;z-index: 5}
.main_visual .scroll{position: absolute;height: auto;display: flex;align-items: flex-end;left: 40px;bottom: 50px;gap: 16px;}
.main_visual .scroll .lin{width: 1px;height: 80px;background: #DDDDDD;position: relative}
.main_visual .scroll .lin:after{content: '';display: block;width: 100%;height: 0;background: #333;position: absolute;top: 0;left: 0;animation: scr 2s infinite linear}
@keyframes scr{
	0%{height: 0%}
	100%{height: 100%}
}
.main_visual .scroll .scr{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 6px;}
.main_visual .scroll strong{color: #333333;font-size: 16px;font-family: "Outfit", sans-serif;font-weight: 500}
.main_visual .scroll svg{display: block;}
.main_visual > div{height: calc(100vh - 100px);position: relative}
.main_visual .vis_title{position: absolute;top: 50%;transform: translateY(-50%);padding-left: 40px;}
.main_visual .vis_title.pc{display: block}
.main_visual .vis_title.mo{display: none}
/*.main_visual .vis_title > div{overflow: hidden}*/
.main_visual .vis_title > div *{font-family: "Outfit", sans-serif;}
.main_visual .vis_title strong{font-size: 100px;line-height: 116px;letter-spacing: -2.8px;font-family: "Outfit", sans-serif;color: #333333;font-weight: 500}
.main_visual .visual_out{width: 100%;height: 100%}
.main_visual .visual_in{position: absolute;top: 0;left: 0;width: 100%;height: 100%;    clip-path: inset(40px 40px 40px 50% round 20px);background: url(/img/main/visual_in.png) center center}
.main_visual .visual_in .vis_title{z-index: 5}
.main_visual .visual_in .vis_title strong{color: #fff}
.main_visual .visual_in .wr{width: 50%;position: absolute;height: 100%;right: 0;top: -40px;padding: 40px;padding-left: 0}
.main_visual .visual_in .wr .compass_in{position: relative;width: 100%;height: 100%;top: 40px}
.main_visual .visual_in .wr .compass_in .cir{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.main_visual .visual_in .wr .compass_in .cir img{display: block}
.main_visual .visual_in .wr .compass_in .cir01 img{animation: 30s cir01 infinite linear}
.main_visual .visual_in .wr .compass_in .cir02 img{animation: 30s cir02 infinite linear}
.main_visual .visual_in .wr .compass_line{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
@keyframes cir01{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(360deg)}
}
@keyframes cir02{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(-360deg)}
}

@keyframes tunnelLoop {
    0%{
        transform: perspective(200px);
        filter: opacity(0);
    } 
    50%{
        filter: opacity(100%)
    }
    100%{
        transform: perspective(200px) translateZ(200px)
    }
}

.line_a {
  animation: tunnelLoop 4s linear infinite;
}
.line_a.line01 {animation-delay: 0.0s}
.line_a.line02 {animation-delay: 0.8s}
.line_a.line03 {animation-delay: 1.6s}
.line_a.line04 {animation-delay: 2.4s}
.line_a.line05 {animation-delay: 3.2s}

.main_visual .visual_in .wr .compass_in .compass{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0.1}
#main .main_con01 > i{position: absolute;left: 50%;top: 0;height: 100%}
#main .main_con01{position: relative;height: 100vh;width: 100%;background: #fff;overflow: hidden;border-top: 1.5px solid #000; border-bottom: 1.5px solid #000}
#main .main_con01 .line_box{position: absolute;width: 100%;height: 100%;}
#main .main_con01 .dim_box{width: 240px;height: 222px;background: #FFFFFF;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2}
#main .main_con01 .line_box .line{position: absolute;top: 50%;left: 50%; margin-top: -160px;margin-left: -335px; width: 670px;height: 320px}
#main .main_con01 .line_box .line.line_a{transform: scale(0.363)}
#main .main_con01 .line_box .line i{display: block;width: 100%;height: 100%;border: 1px solid #333333;border-radius: 9999px}
#main .main_con01 .title02{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;text-align: center;transform: scale(1.8);opacity: 0;z-index: 3}
#main .main_con01 .title01{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;text-align: center;z-index: 3}
#main .main_con01 .title02 strong{font-size: 80px;color: #333333;font-weight: 600;line-height: 100px}
#main .main_con01 .title01 strong{font-size: 100px;color: #333333;text-align: center;font-family: "Outfit", sans-serif;font-weight: 500;letter-spacing: -2px}
#main .main_con01 .sc_line svg{display: block}
#main .main_con01 .sc_line{position: absolute;left: 50%;transform: translateX(-50%)}
#main .main_con01 .sc_line01{top: 39px;clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);}
#main .main_con01 .sc_line02{bottom: 0;clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
#main .main_con02{position: relative;height: 100vh;width: 100%;z-index: 5;z-index: 4}
#main .main_con02 .con03_bg{position: absolute;left: 0;top: 100%;background: #F4F9F9;width: 100%}
#main .main_con02 .line_bg{position: absolute}
#main .main_con02 .line_bg.line_bg01{top: 0;left: 50%}
#main .main_con02 .line_bg.line_bg02{top: 100%;left: 50%;}
#main .main_con02 .compass_wrap{height: 100vh;top: 0;display: flex;align-items: center;left: 50%;transform: translateX(-50%) translateY(-200%) scale(0.6962);position: absolute;z-index: 5;opacity: 0}
#main .main_con02 .compass_wrap img{filter: drop-shadow(40px 40px 40px #00000010);}
#main .main_con02 .title_tab{position: absolute;top: 50%;transform: translateY(-50%);margin-right: 445px;right: 50%}
#main .main_con02 .title_tab ul{display: flex;text-align: right;flex-direction: column;gap: 65px;}
#main .main_con02 .title_tab ul li a{display: block;font-size: 80px;color: #E9E9E9;font-family: "Outfit", sans-serif;font-weight: 500;letter-spacing: -2px;line-height: 110px;}
#main .main_con02 .title_tab ul li:nth-child(1) a{color: #000}
#main .main_con02 .compass{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#main .main_con02 .compass .compass_in{position: relative}
#main .main_con02 .compass img{display: block;}
#main .main_con02 .compass .pin{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#main .main_con02 .list_wrap .list{height: 100%;position: absolute;top: 0;display: flex;align-items: center;width: 50vw;padding-left: 320px;padding-right: 100px;left: 50%}
#main .main_con02 .list_wrap .list ul{display: flex;flex-direction: column;gap: 10px;}
#main .main_con02 .list_wrap .list ul li a{display: flex;height: 70px;position: relative;align-items: center;justify-content: space-between;padding: 0 30px;box-sizing: border-box}
#main .main_con02 .list_wrap .list ul li a:before{content: '';display: block;width: 100%;height: 100%;border: 1px solid #333333;border-radius: 10px;position: absolute;top: 0;left: 0;box-sizing: border-box}
#main .main_con02 .list_wrap .list ul li a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to right, #007F8F, #33C3D5);border-radius: 10px;transform: scale(0.95, 0.8);opacity: 0;transition: 0.5s}
#main .main_con02 .list_wrap .list ul li:hover a:after{transform: scale(1, 1);opacity: 1}
#main .main_con02 .list_wrap .list ul li a:before{transition: 0.5s}
#main .main_con02 .list_wrap .list ul li:hover a:before{transform: scale(1.05, 1.2);opacity: 0}
#main .main_con02 .list_wrap .list ul li span{font-size: 22px;color: #333333;font-family: "Outfit", sans-serif;transition: 0.5s}
#main .main_con02 .list_wrap .list ul li:hover span{color: #fff}
#main .main_con02 .list_wrap .list ul li span, #main .main_con02 .list_wrap .list ul li i{display: block;position: relative;z-index: 5}
#main .main_con02 .list_wrap .list ul li i path{transition: }
#main .main_con02 .list_wrap .list ul li:hover i path{stroke: #fff}
#main .main_con02 .list_wrap .list div{width: 100%}
#main .main_con02 .list_wrap .list02{transform: translateY(100%)}
#main .main_con02 .list_wrap .list03{transform: translateY(200%)}
#main .main_con02 .list_wrap .list03 div{transform: translateY(-40%)}
/*line*/
#main .m_title strong{font-size: 100px;font-weight: 500;color: #333333;line-height: 110px;letter-spacing: -5px;font-family: "Outfit", sans-serif;font-weight: 400}
#main .main_con03{padding: 160px 40px;position: relative;z-index: 4}
#main .m_title > div{overflow: hidden}
#main .m_title strong *{font-family: inherit}
#main .main_con03 .list{padding: 10px;margin-top: 90px;position: relative}
#main .main_con03 .list .dot{position: absolute;width: 30px;height: 30px;}
#main .main_con03 .list .dot:after{content: '';display: block;width: 6px;height: 6px;background: #fff;border: 2px solid #333333;border-radius: 50%;position: absolute}
#main .main_con03 .list .dot01{left: 0;top: 0;border-left: 1px solid #333333;border-top: 1px solid #333333;}
#main .main_con03 .list .dot02{right: 0;top: 0;border-right: 1px solid #333333;border-top: 1px solid #333333;}
#main .main_con03 .list .dot03{right: 0;bottom: 0;border-right: 1px solid #333333;border-bottom: 1px solid #333333;}
#main .main_con03 .list .dot04{left: 0;bottom: 0;border-left: 1px solid #333333;border-bottom: 1px solid #333333;}
#main .main_con03 .list .dot01:after{left: -5px;top: -5px;}
#main .main_con03 .list .dot02:after{right: -5px;top: -5px;}
#main .main_con03 .list .dot03:after{right: -5px;bottom: -5px;}
#main .main_con03 .list .dot04:after{left: -5px;bottom: -5px;}
#main .main_con03 .list ul{display: flex;background: rgba(6,86,96,0.75);backdrop-filter: blur(20px)}
#main .main_con03 .list ul li{height: 420px;width: 100%; display: flex;align-items: center;justify-content: center;text-align: center;position: relative}
#main .main_con03 .list ul li:after{content: '';display: block;width: 1px;height: 360px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #E3FFCC;opacity: 0.1}
#main .main_con03 .list ul li:last-child:after{display: none}
#main .main_con03 .list ul li em{display: block;font-size: 30px;color: #FFFFFF;font-family: "Outfit", sans-serif;margin-bottom: 6px;}
#main .main_con03 .list ul li span{display: block;color: #FFFFFF;font-size: 18px;font-weight: 500}
#main .main_con03 .list ul li strong{font-size: 100px;color: #FFFFFF;font-family: "Outfit", sans-serif;font-weight: 500}
#main .main_con04{padding-bottom: 192px;padding-top: 160px;position: relative}
#main .main_con04 > i{position: absolute;top: 0;right: 50%;margin-right: -440px}
#main .main_con04 .m_title{text-align: center}
#main .main_con04 .wr{display: flex;align-items: center;justify-content: center;margin-top: 60px;gap: 190px}
#main .main_con04 .scope_w .sc_w{position: relative;background: #EBF5F5;border-radius: 50%}
#main .main_con04 .scope_w .sc_w .list li{position: absolute;top: 0;left: 0}
#main .main_con04 .scope_w .sc_w .list2 li{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#main .main_con04 .scope_w .sc_w .list li:nth-child(1){position: relative}
#main .main_con04 .scope_w .sc_w .title{position: absolute;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#main .main_con04 .scope_w .sc_w .title strong{font-size: 22px;color: #333333;display: block;}
#main .main_con04 .line{width: 1px;height: 600px;background: #333333;position: relative}
#main .main_con04 .line:before{content: '';display: block;width: 6px;height: 6px;border: 2px solid #333333;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);top: 0;border-radius: 50%}
#main .main_con04 .line:after{content: '';display: block;width: 6px;height: 6px;border: 2px solid #333333;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;border-radius: 50%}
#main .main_con04 .tit{margin-top: 30px;text-align: center}
#main .main_con04 .tit strong{font-size: 22px;color: #333333;font-weight: 600}
#main .main_con05 .network_cont{display: flex;height: 100vh;width: 100%;padding: 40px;position: relative;overflow: hidden}
#main .main_con05 .network_cont .net_w{overflow: hidden;position: relative; clip-path: inset(0% 0% 0% 0% round 20px);}
#main .main_con05 .network_cont .net_w img{display: block;transform: scale(1.05);transition: 2s}
#main .main_con05.on .network_cont .net_w img{transform: scale(1)}
#main .main_con05 .network_cont .net_w .tit{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;left: 0}
#main .main_con05 .network_cont .net_w .tit strong{font-size: 60px;color: #FFFFFF;line-height: 70px;text-align: center;display: block;text-align: center;font-family: "Outfit", sans-serif;font-weight: 500;transition: 1s;filter: blur(30px);opacity: 0;letter-spacing: 2px}
#main .main_con05.on .network_cont .net_w .tit strong{opacity: 1;filter: blur(0px);letter-spacing: 0px}
#main .main_con05 .network_cont .list_w{position: absolute;top: 0;left: 0;width: 100%;padding: 40px;height: 100%}
#main .main_con05 .network_cont .list_w .list_in{position: relative;overflow: hidden;height: 100%;display: flex;border-radius: 20px;overflow: hidden}
#main .main_con05 .network_cont .list_w .list_in .list{width: 20%;overflow: hidden}
#main .main_con05 .network_cont .list_w .list_in .list a{display: block;position: relative}
#main .main_con05 .network_cont .list_w .list_in .list a .txt_w{text-align: center;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;left: 0}
#main .main_con05 .network_cont .list_w .list_in .list a .txt_w > div{position: relative}
#main .main_con05 .network_cont .list_w .list_in .list a .txt_w > div .txt{position: absolute;width: 100%;padding-top: 30px;opacity: 0}
#main .main_con05 .network_cont .list_w .list_in .list a .txt_w > div .txt strong{font-size: 31px;color: #FFFFFF;font-weight: 600;display: block;margin-bottom: 10px;}
#main .main_con05 .network_cont .list_w .list_in .list a .txt_w > div .txt p{font-size: 18px;color: rgba(255,255,255,0.8);font-weight: 400;display: block;}
#main .main_con05 .network_cont .list_w .list_in .list a .txt_w > div .txt span{display: flex;width: 240px;height: 70px;border-radius: 10px; margin: 0 auto;background: linear-gradient(-45deg,#007F8F, #33C3D5);align-items: center;justify-content: center;font-family: "Outfit", sans-serif;font-size: 20px;margin-top: 70px;color: #fff}
#main .main_con05 .network_cont .list_w .list_in .list .img_w{position: relative}
#main .main_con05 .network_cont .list_w .list_in .list .img_w .dim01{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3)}
#main .main_con05 .network_cont .list_w .list_in .list:hover .img_w .dim02{opacity: 1}
#main .main_con06{padding-top: 160px}
#main .main_con06 .swiper {height: auto}
#main .main_con06 .swiper .swiper-wrapper{height: auto}
#main .main_con06 .swiper .wrap{perspective: 1100px}
#main .main_con06 .swiper .wrap a{display: block;background: #E9F7F8;display: flex;padding: 20px;border-radius: 10px;transition: 0.7s}
#main .main_con06 .swiper .wrap a > div{width: 50%;position: relative;z-index: 5}
#main .main_con06 .swiper .wrap a > div.img{padding-top: 46%;position: relative;border-radius: 6px;overflow: hidden}
#main .main_con06 .swiper .wrap a > div.img div{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%}
#main .main_con06 .swiper .wrap a > div.img div img{min-height: 100%}
#main .main_con06 .swiper .wrap a .txt .date{display: flex;align-items: flex-end;gap: 10px;padding-top: 20px;margin-bottom: 30px;}
#main .main_con06 .swiper .wrap a .txt .date *{font-family: "Outfit", sans-serif;}
#main .main_con06 .swiper .wrap a .txt .date span{font-size: 20px;color: #333333;}
/*#main .main_con06 .swiper .wrap a .txt .date span:nth-child(1){font-size: 100px;color: #333333;font-weight: 500;line-height: 0.9}*/
#main .main_con06 .swiper .wrap a .txt strong{display: block;color: #333333;font-size: 24px;line-height: 30px;padding-right: 20px;word-break: keep-all}

#main .main_con06 .swiper .swiper-slide-next .wrap a{transform: rotateY(-20deg) translateX(-8%)}
#main .main_con06 .swiper .swiper-slide-prev .wrap a{transform: rotateY(20deg) translateX(8%)}
#main .main_con06 .m_title{padding: 0 40px;margin-bottom: 40px;}
#main .main_con06 .m_title .line{overflow: hidden;height: 1px;background: #333333;margin-top: 30px;position: relative}
#main .main_con06 .m_title .line:before{content: '';display: block;width: 6px;height: 6px;background: #fff;border: 2px solid #333333;border-radius: 50%;position: absolute;left: -5px;top: -5px;}
#main .main_con07{padding: 310px 0;position: relative}
#main .main_con07:before{content: '';display: block;width: 100%;height: 485px;position: absolute;top: 0;left: 0;background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0))}
#main .main_con07:after{content: '';display: block;width: 100%;height: 485px;position: absolute;bpttp,: 0;left: 0;background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));bottom: 0}
#main .main_con07 > *{position: relative;z-index: 5}
#main .main_con07 .m_title{text-align: center;margin-bottom: 35px;}
.button_w a{display: flex;align-items: center;justify-content: space-between;width: 240px;height: 70px;border-radius: 10px;padding: 0 30px;margin: 0 auto;position: relative}
.button_w a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;border-radius: inherit;border: 1px solid #333333;box-sizing: border-box;top: 0;left: 0;transition: 0.3s}
.button_w a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;border-radius: inherit;background: linear-gradient(to right, #007F8F, #33C3D5);box-sizing: border-box;top: 0;left: 0;transform: scale(0.9, 0.8);transition: 0.3s;opacity: 0}
.button_w a:hover:after{transform: scale(1);opacity: 1}
.button_w a:hover:before{transform: scale(1.1,1.2);opacity: 0}
.button_w a strong{font-family: "Outfit", 'Pretendard', sans-serif;font-size: 20px;font-weight: 500;letter-spacing: -1px;position: relative;z-index: 2;transition: 0.5s}
.button_w a:hover strong{color: #fff}
.button_w a .ho{display: flex;align-items: center;justify-content: center;gap: 6px;position: relative;z-index: 2}
.button_w a .ho *{display: block;}
.button_w a .ho i{width: 6px;height: 6px;border: 1px solid #333333;border-radius: 50%;transition: 0.3s}
.button_w a .ho svg{;transition: 0.3s}
.button_w a .ho svg path{transition: 0.3s}
.button_w a:hover .ho svg path{stroke: #2DBBCD}
.button_w a:hover .ho svg{position: relative;z-index: 2;transform: translateX(-13px)}
.button_w a:hover .ho i{width: 40px;height: 40px;background: #fff;color: #fff;border-color: #fff;transform: translateX(15px)}
#main .main_con03 .list ul{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}
#main .main_con03.on .list ul{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);transition: 1.2s;transition-delay: 0.3s}

#main .main_con03 .list ul li:after{clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);}
#main .main_con03.on .list ul li:after{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
;transition: 1s;transition-delay: 1s;}
#main .main_con03.on .list ul li:nth-child(2):after{transition-delay: 1.2s}
#main .main_con03.on .list ul li:nth-child(3):after{transition-delay: 1.4s}
/*

.main_visual .visual_in{transition: 1s;transition-delay: 2s}
.main_visual.on .visual_in{    clip-path: inset(40px 40px 40px 40px round 20px);}
.main_visual .vis_title > div{transform: translateX(0)}
.main_visual.on .vis_title > div{transform: translateX(40px);transition: 1s;transition-delay: 2s}



*/

.company_visual .visual{width: 100%}
#main .main_con04 .line{height: 0;}
#main .main_con04.on .line{height: 600px;transition: 1s}
#main .main_con04 .scope_w{transform: scale(0.7)}
#main .main_con04.on .scope_w{transform: scale(1);transition: 1s}

#main .main_con04 .scope_w .sc_w .list li{transform: scale(1);transition: 0.9s;opacity: 0}
#main .main_con04.on .scope_w .sc_w .list li{transform: scale(1);;opacity: 1}
#main .main_con04.on .scope_w .sc_w .list li:nth-child(1){transition-delay: 1s}
#main .main_con04.on .scope_w .sc_w .list li:nth-child(2){transition-delay: 1.2s}
#main .main_con04.on .scope_w .sc_w .list li:nth-child(3){transition-delay: 1.4s}
#main .main_con04.on .scope_w .sc_w .list li:nth-child(4){transition-delay: 1.6s}
#main .main_con04.on .scope_w .sc_w .list li:nth-child(5){transition-delay: 1.8s}
#main .main_con04 .scope_w .sc_w .list2 li{transition: 0.9s;opacity: 0}
#main .main_con04.on .scope_w .sc_w .list2 li{;opacity: 1}
#main .main_con04.on .scope_w .sc_w .list2 li:nth-child(1){transition-delay: 1s}
#main .main_con04.on .scope_w .sc_w .list2 li:nth-child(2){transition-delay: 1.2s}
#main .main_con04.on .scope_w .sc_w .list2 li:nth-child(3){transition-delay: 1.4s}
#main .main_con04.on .scope_w .sc_w .list2 li:nth-child(4){transition-delay: 1.6s}
#main .main_con04.on .scope_w .sc_w .list2 li:nth-child(5){transition-delay: 1.8s}


#main .main_con05 .network_cont .list_w .list_in .list a{display: block;transform: translateY(100%)}
#main .main_con05 .network_cont .list_w .list_in .list{transition: 0.7s}
#main .main_con05 .network_cont .list_w .list_in .list:hover{width: 30.4%}
#main .main_con05 .m_title{padding: 0 40px;}

#main .main_con05 .network_cont .list_w .list_in .list:hover a .txt_w > div .txt{opacity: 1}
#main .main_con05 .network_cont .list_w .list_in .list:hover a .txt_w{transform: translateY(-200%)}
#main .main_con05 .network_cont .list_w .list_in .list a .txt_w > div .txt{transition: 0.7s}
#main .main_con05 .network_cont .list_w .list_in .list a .txt_w{transition: 0.7s}

#main .main_con07 .line{position: absolute;left: 50%;
    transform :translateX(-1440px) translateY(-910px);pointer-events: none}
#main .main_con07 .line .com{position: absolute;top: 0;left: 0;pointer-events: none}
#main .main_con07 .line .com img{width: 318px;filter: drop-shadow(40px 40px 40px #00000010);}
#main .main_con07 .line svg{opacity: 0;}
#main .main_con06 .swiper .wrap a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; border-radius: inherit;background: linear-gradient(45deg, #007F8F, #33C3D5);transform: scale(0.9);transition: 0.3s;opacity: 0}
#main .main_con06 .swiper .wrap a:hover:after{transform: scale(1);opacity: 1}

#main .main_con06 .swiper .wrap a .txt .date span, #main .main_con06 .swiper .wrap a .txt strong{transition: 0.7s}
#main .main_con06 .swiper .wrap a:hover .txt .date span, #main .main_con06 .swiper .wrap a:hover .txt strong{color: #fff}
@media (max-width: 1850px) {
	.main_visual .vis_title strong{font-size: 80px;}
}

@media (max-width: 1600px) {
	.main_visual .vis_title strong{font-size: 65px}
	.main_visual .visual_in .wr .compass_in .compass img, .compass_flow img{width: 360px}
	.main_visual .visual_in .wr .compass_in .cir01 img{width: 500px}
	.main_visual .visual_in .wr .compass_in .cir02 img{width: 700px}
	#main .main_con01 .title01 strong{font-size: 65px}
	#main .main_con01 .title02 strong, #main .m_title strong{line-height: 1.2; font-size: 65px}
	#main .main_con01 .sc_line svg{width: 660px;height: auto}
	#main .main_con02 .list_wrap .list{padding-right: 20px;}
	#main .main_con02 .title_tab ul li a{font-size: 65px;}
	#main .main_con02 .title_tab ul{gap: 40px}
	#main .main_con02 .list_wrap .list ul li span{font-size: 18px;}
	#main .main_con03 .list ul li em{font-size: 20px}
	#main .main_con03 .list ul li strong{font-size: 70px;}
	#main .main_con04 .scope_w .sc_w .list li img{width: 460px}
	#main .main_con04 .scope_w .sc_w .list2 li img{width: 540px}
	#main .main_con03{padding: 90px 20px}
	#main .main_con05 .network_cont .net_w .tit strong{font-size: 45px;line-height: 1.5}
	#main .main_con06{padding-top: 80px;}
	#main .main_con07{padding: 200px  0}
	#main .main_con04 .wr{gap: 60px}
}
@media (max-width: 1400px) {
	#main .main_con02 .compass_wrap img{width:  350px}
	#main .main_con02 .title_tab{left: 20px;margin-left: 0}
	#main .main_con02 .compass img{width: 450px}
	#main .main_con02 .compass .bg img{width: 340px}
	#main .main_con02 .list_wrap .list{padding-left: 190px}
	#main .main_con02 .title_tab ul li a{line-height: 1.2}
	#main .main_con02 .title_tab ul li a{font-size: 55px}
	#main .main_con02 .list_wrap .list ul li a{height: 50px;padding: 0 20px;border-radius: 8px;}
}
@media (max-width: 980px) {
	#main .main_con02 .list_wrap .list03 div{transform: translateY(0)}
	#main .main_con07 .line{top: -30px}
	#main .m_title strong{letter-spacing: -1px}
	#header .hd_inner{height: 80px}
	#main .main_con02 .title_tab{margin-top: -200px ;transform: none;width: 100%}
	#main .main_con02 .title_tab ul{width: 100%;display: flex;justify-content: center;flex-direction: row}
	#main .main_con02 .title_tab ul li a{font-size: 35px;}
	#main .main_con02 .list_wrap .list{width: 100%;left: 0;padding-left: 0;padding-left: 20px;padding-right: 20px;}
	#main .main_con02 .list_wrap .list ul{flex-direction: row;flex-wrap: wrap;gap: 10px}
	#main .main_con02 .list_wrap .list ul li{width: calc(50% - 5px)}
	#main .main_con02 .list_wrap .list{padding-top: 410px; padding-bottom: 20px;}
	#main .main_con02 .compass_wrap img{width: 270px}
	#main .main_con02 .compass .bg img{width: 260px}
	#main .main_con02 .compass img {width: 350px;}
	#main .main_con02 .list_wrap .list ul li span{font-size: 13px}
	#main .main_con02 .list_wrap .list ul li a{height: 35px;padding: 0 10px;border-radius: 7px;}
	#main .main_con02 .list_wrap .list ul li i svg{width: 10px;height: auto}
	#main .main_con01 .title02 strong, #main .m_title strong{font-size: 45px;}
	#main .main_con01 .line_box .line i{border-radius: 10%}
	#main .main_con01 .line_box .line {width: 150px;height: 300px;margin-left: -75px;margin-top: -150px}
	#main .main_con01 .sc_line01{top: 20px}
	#main .main_con01 .sc_line02{bottom: 20px;} 
	#main .main_con01 .sc_line svg{width: 70vw}
	#main .main_con03 .list ul{flex-wrap: wrap}
	#main .main_con03 .list ul li{width: 50%;height: 200px}
	#main .main_con03 .list ul li:after{height: 140px;}
	#main .main_con03 .list ul li em{font-size: 14px;}
	#main .main_con03 .list ul li span{font-size: 14px;}
	#main .main_con03 .list ul li strong{font-size: 50px;}
	#main .main_con03 .list{padding: 5px;}
	#main .main_con03 .list .dot:after{width: 4px;height: 4px;}
	#main .main_con03 .list .dot {width: 20px;height: 20px;}
	#main .main_con03 .list{margin-top: 30px;}
	#main .main_con04.on .line{height: 400px;}
	#main .main_con04 .scope_w .sc_w .list li img{width: 340px}
	#main .main_con04 .scope_w .sc_w .list2 li img{width: 400px}
	#main .main_con04 .scope_w .sc_w .title strong{font-size: 16px}
	#main .main_con04 > i{display: none}
	#main .main_con04{padding: 80px 0}
	#main .main_con04 .tit strong{font-size: 16px}
	#main .main_con05 .network_cont .net_w .tit strong{font-size: 30px;line-height: 1.2}
	#main .main_con05 .network_cont .list_w{padding: 20px;}
	#main .main_con06 .swiper .wrap a .txt .date span:nth-child(1){font-size: 50px}
	#main .main_con06 .swiper .wrap a .txt .date span{font-size: 12px}
	#main .main_con06 .swiper .wrap a .txt .date{gap: 5px}
	#main .main_con06 .swiper .wrap a .txt strong{font-size: 16px;line-height: 1.5}
	#main .main_con06 .swiper .wrap a .txt .date{padding-top: 10px;margin-bottom: 20px;}
    .main_visual .visual_in{clip-path: inset(40% 20px 20px 20px round 20px);}
    .main_visual{padding-top: 60px;}
    .main_visual{padding-top: 0}
    .main_visual > div{height: 100%}
    .main_visual .visual_in .wr{width: 100%}
    .compass_flow{display: none}
    .main_visual .vis_title{top: 30%}
    .main_visual .vis_title strong{font-size: 45px;line-height: 1.2}
    .main_visual .visual_in .wr{padding: 0}
    .main_visual .visual_in .wr .compass_in .compass img, .compass_flow img{width: 200px;}
    .main_visual .visual_in .wr .compass_in .cir02 img{width: 440px;}
    .main_visual .visual_in .wr .compass_in .cir01 img{width: 320px;}
    .main_visual .visual_in .wr .compass_in .compass{opacity: 1}
    .main_visual .visual_in .wr .compass_in{top: auto;height: 60%;bottom: 0}
    .main_visual .visual_in .wr .compass_in{position: absolute}
    .main_visual .vis_title strong i{display: block}
    .main_visual .vis_title{padding-left: 35px;}
    #main .main_con01 .dim_box{width: 100px;height: 100px;}
    #main .main_con02 .list_wrap .list02 {transform: translateX(100%);}
    #main .main_con02 .list_wrap .list03 {transform: translateX(200%);}
    #main .main_con02 .title_tab ul li a{font-size: 30px}
    #main .main_con02 .title_tab ul{gap: 30px;}
    #main .main_con02 .title_tab {transform: translateX(-26px);}
    #main{background-size: 1000px auto}
    #main .main_con02 .line_bg.line_bg02{display: none}
    #main .main_con04 .wr{flex-direction: column}
    #main .main_con04 .line{height: 1px;}
    #main .main_con04.on .line{height: 1px;width: 80%}
    #main .main_con04 .line:after{width: 3px;height: 3px;border: 1px solid #000;right: 0;top: -2px;left: auto;transform: none}
    #main .main_con04 .line:before{width: 3px;height: 3px;border: 1px solid #000;left: 0;top: -2px;transform: none}
    #main .main_con04 .wr{gap: 30px;}
    #main .main_con05 .network_cont .list_w .list_in{flex-direction: column}
    #main .main_con05 .network_cont .list_w .list_in .list{width: 100%;height: 20%}
    #main .main_con05 .network_cont .list_w .list_in .list a{height: 100%;position: relative}
    #main .main_con05 .network_cont .list_w .list_in .list .img_w{position: absolute;width: 100%;transform: translateY(-50%);top: 50%}
    #main .main_con05 .network_cont .list_w .list_in .list .img_w img{width: 100%}
    #main .main_con05 .network_cont .list_w .list_in .list a{overflow: hidden}
    #main .main_con05 .network_cont{padding: 20px;}
    #main .main_con05 .network_cont .list_w .list_in .list a .txt_w img{width: 100px;}
    #main .main_con06 .swiper .wrap a .txt strong{font-size: 14px;line-height: 1.5}
    #main .main_con06 .swiper .wrap a .txt{margin-bottom: 15px}
    #main .main_con06 .swiper .wrap a .txt .date{padding-top: 0}
    #main .main_con06 .swiper .wrap a{padding: 10px;border-radius: 7px}
    #main .main_con06 .swiper .wrap a .txt .date span:nth-child(1){font-size: 30px}
    #main .main_con06 .swiper .wrap a .txt .date{margin-bottom: 10px}
    #main .main_con06 .m_title{padding: 0 20px;margin-bottom: 20px}
    #main .main_con06 .m_title .line{margin-top: 15px;}
    #main .main_con07:after, #main .main_con07:before{height: 20%}
    #main .main_con07{padding: 120px 0}
    .main_visual .vis_title.pc{display: none}
    .main_visual .vis_title.mo{display: block}
    #main .main_con02 .list_wrap .list ul li span{font-size: 14px;}
	.button_w a{width: 160px;height: 45px;padding: 0 15px;border-radius: 7px}
	.button_w a strong{font-size: 15px}
	#main .main_con07 .line{    transform: translateX(560px) translateY(20px);}
	#main .main_con07 .line svg {width: 1200px;height: auto}
	#main .main_con07 .line .com img{width: 128px}
	#main .main_con05 .network_cont .list_w .list_in .list a .txt_w > div .txt{display: none}
	.main_visual .scroll{left: 40px;bottom: 40px;z-index: 15}
	.main_visual .scroll strong{display: none}
	.main_visual .scroll svg{width: 12px;height: auto}
	.main_visual .scroll svg path{stroke: #fff}
	.main_visual .scroll svg #타원_89{stroke: #fff;fill:rgba(0,0,0,0)}
	.main_visual .scroll .lin{background: rgba(255,255,255,0.3);height: 30px}
	.main_visual .scroll .lin:after{background: #fff}
    .main_visual{height: 100vh}
	#cursor2{display: none}
}
@media (max-width: 660px) {
	#main .main_con05 .network_cont .list_w .list_in .list:hover{width: 100%}
    #main .main_con06 .swiper .wrap a > div.img{padding-top: 76px;}
    #main .main_con05 .m_title{padding: 0 20px;}
    #main .main_con04 .wr{margin-top: 30px;}
    #main .main_con03{padding-bottom: 0}
    #main .main_con03 .list ul li{height: 140px}
    #main .main_con03 .list ul li span{font-size: 12px;}
    #main .main_con01 .title02 strong, #main .m_title strong{font-size: 36px}
    #main .main_con02 .compass .bg img{width: 210px}
    #main .main_con02 .compass img{width: 270px}
    #main .main_con02 .compass_wrap img{width: 220px}
	#main .main_con01 .title01 strong{font-size: 28px;line-height: 1.5}
	#main .main_con01 .title02 strong{font-size: 28px;line-height: 1.5}
	#main .m_title strong{letter-spacing: -1px}
	#main .main_con06 .swiper .wrap a{flex-wrap: wrap;flex-direction: column}
	#main .main_con06 .swiper .wrap a > div{width: 100%}
	#main .main_con06 .swiper .swiper-slide-prev .wrap a {transform: rotateY(20deg) translateX(0%);}
	#main .main_con06 .swiper .swiper-slide-next .wrap a {transform: rotateY(-20deg) translateX(0%);}
    .main_visual .visual_in{clip-path: inset(50% 20px 20px 20px round 20px);}
    .main_visual .visual_in .wr .compass_in{top: auto;height: 50%;bottom: 0}
    #main .main_con03 .list ul li:after{height: 100px;}
    #main .main_con01 .line_box .line i{border-radius: 30px}
    #main .main_con03 .list ul li strong{font-size: 40px}
    #main .main_con04 .scope_w .sc_w .list li img{width: 260px}
	#main .main_con04 .scope_w .sc_w .list2 li img{width: 290px}
    #main .main_con04 .tit strong{font-size: 12px;}
    #main .main_con04 .scope_w .sc_w .title strong{font-size: 13px;}
    #main .main_con05 .network_cont .net_w .tit strong{font-size: 24px;line-height: 1.2}
    #main .main_con06 .swiper .wrap a > div.img{padding-top: 75%}
    #header .contact .lang svg{height: 37px;width: auto}
    #header .contact .button_w a{height: 37px;width: 120px;border-radius: 5px}
    #header .contact .button_w a strong{font-size: 13px}
    #header .contact .button_w a{padding: 0 15px;}
    #header .hd_inner {height: 60px}
    #header .contact{right: 20px}

}