-
@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'PyeongchangPeace';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'PyeongchangPeace';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'ChangwonDanggamAsak';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/CWDangamAsac-Bold.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

.main_wrap{
    margin-bottom: 0;}
#snb{margin: 0}
#snb .title, .location{display: none}
#main #footer{display: block}
#contents_body{width: 100vw;max-width: 100%;width: 100%}
#action *{font-family: 'A2z';}
#left_menu_top{display:none}
body{overflow: visible}
#action .inner{width: 1560px;margin: 0 auto}
#action .visual{background: #F1F8EB;padding-top: 117px;padding-bottom: 85px;}
#action .visual .vis_txt{display: flex;flex-direction: column;align-items: center;gap: 35px}
#action .visual .vis_txt .txt{display: flex;gap: 20px;align-items: center;position: relative}
#action .visual .vis_txt .txt .act img{display: block}
#action .visual .vis_txt .txt .act3{position: absolute;top: -126px;right: -127px; }
#action .visual .vis_txt .txt .act3 img{display: block;width: 216px}
#action .visual .vis_txt .txt2 .act{position: absolute;right: -180px;bottom: -64px}
#action .visual .vis_txt .txt2 .act .mot{position: absolute;top: 0;left: 0;transition: 0.3s}
#action .visual .vis_txt .txt2 .act:hover .mot{transform: rotate(15deg);transform-origin:69% 37%}
#action .visual .vis_txt .txt span{font-family: 'PyeongchangPeace';font-size: 100px;font-weight: 700}
#action .visual .vis_txt .txt strong{font-family: 'PyeongchangPeace';font-size: 100px;font-weight: 700;display: flex;height: 137px;align-items: center;padding: 0 45px}
#action .visual .vis_txt .txt1 strong{background: #60B5FF;color: #fff;border-radius: 70px;}
#action .visual .vis_txt .txt2 strong{background: #FFD153;color: #fff;border-radius: 22px;}
#action .visual .vis_txt .txt3 strong{background: #00C475;color: #fff;border-radius: 70px;}
#action .visual .vis_txt .txt1{position: relative}
#action .visual .vis_txt .txt1 .act{position: absolute;bottom: -70px;left: -150px}
#action .visual .vis_txt .txt1 .act .act_w{position: relative}
#action .visual .vis_txt .txt1 .act .act_w .mot{position: absolute;}
#action .visual .vis_txt .txt1 .act .act_w .mot1{top: 0%;left: 49%;animation: mot2 1s infinite;transform-origin: top right}
#action .visual .line_contnet .act2 .mot{animation: mot2 1s infinite;transform-origin: top right}
#action .visual .vis_txt .txt3 .act .act_w .mot{animation: mot3 1s infinite;transform-origin: top right}
#action .visual .vis_txt .txt1 .act2 .mot{animation: mot2 1s infinite;transform-origin: right bottom}
#action .visual .vis_txt .txt1 .act .act_w .mot2{top: 10%;right: -26%;animation: mot1 1s infinite;transform-origin: bottom left}
@keyframes mot1{
    0%{transform: rotate(0deg)}
    50%{transform: rotate(-10deg)}
    100%{transform: rotate(0deg)}
}
@keyframes mot2{
    0%{transform: rotate(0deg)}
    50%{transform: rotate(10deg)}
    100%{transform: rotate(0deg)}
}
@keyframes mot3{
    0%{transform: rotate(0deg)}
    50%{transform: rotate(5deg)}
    100%{transform: rotate(0deg)}
}
#action .visual .vis_txt .txt1 .act .act_w .base{position: relative;z-index: 5}
#action .visual .vis_txt .txt3 .act{    position: absolute;
    bottom: 50px;
    left: -60px;}
#action .visual .vis_txt .txt3 .act .act_w{position: relative}
#action .visual .vis_txt .txt3 .act .act_w .mot{position: absolute;top: 11%;left: 10%;}
#action .visual .vis_txt .txt3 .act .act_w .base{position: relative;z-index: 15}
#action .visual .vis_txt .txt1 .act2{position: relative}
#action .visual .vis_txt .txt1 .act2 .base{position: relative;z-index: 15}
#action .visual .vis_txt .txt1 .act2 .mot {    top: 7%;
    position: absolute;
    left: 26%;}
#action .visual .inner{padding-top: 45px;}
#action .visual .line_contnet{height: 1px;background: #1A1A1A;width: 1560px;margin: 0 auto;margin-top: 55px;position: relative}
#action .visual .line_contnet .act {position: absolute}
#action .visual .line_contnet .act1{bottom: -10px}
#action .visual .line_contnet .act2{bottom: -10px;right: 60px}
#action .visual .line_contnet .act2 .mot{position: absolute;top: 16%;right: 30%;}
#action .visual .line_contnet .act2 .base{position: relative;z-index: 15}
#action .visual .line_contnet .act .act_w{position: relative}
#action .visual .line_contnet .act1 .act_w{position: relative}
#action .visual .line_contnet .act1 .base{position: relative;z-index: 5}
#action .visual .line_contnet .act1 .mot {position: absolute;top: 20%;left: 52%;animation: mot1 1s infinite;transform-origin: left top}
#action .con02{padding-bottom: 120px;background: #F1F8EB}
#action .con01{background: #00C475}
#action .con03{background: #F1F8EB;padding-top: 120px;position: relative;padding-bottom: 200px}
#action .con03:before{content: '';display: block;width: 1560px;position: absolute;left: 50%;transform: translateX(-50%);background: #1A1A1A;top: 0;max-width: 100%;height: 1px}
#action .con03 .content ul{display: flex;gap: 12px;flex-wrap: wrap}
#action .con03 .content ul li{width: calc(10% - 10.8px);background: #E5F2DB;border-radius: 10px;position: relative;cursor: pointer}
#action .con03 .content ul li .txt{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: inherit;top: 0;left: 0;opacity: 0;transition: 0.5s}
#action .con03 .content ul li.on .txt{opacity: 1}
#action .con03 .content ul li:hover .txt{opacity: 1}
#action .con03 .content ul li img{width: 100%}
#action .con03 .content ul li .txt strong{font-weight: 500;color: #fff;white-space: pre-wrap;text-align: center;line-height: 26px;}
#action .con03 .content ul li.tab1 .txt{background: #CDA5E6}
#action .con03 .content ul li.tab2 .txt{background: #00C475}
#action .con03 .content ul li.tab3 .txt{background: #FFC72D}
#action .con03 .content ul li.tab4 .txt{background: #FF6565}
#action .con03 .content ul li.tab5 .txt{background: #2D2D2D}
#action .con03 .content ul li.tab6 .txt{background: #60B5FF}
#action .tabs{display: flex;justify-content: center;margin-bottom: 50px}
#action .tabs ul{display: flex;justify-content: center;background: #FFFFFF;box-shadow: 0 0 40px #DEF1CE;padding: 15px;border-radius: 50px}
#action .tabs ul li a{display: flex;height: 60px;min-width: 168px;align-items: center;justify-content: center;border-radius: 50px;font-size: 18px;color: #333630;padding: 0 30px}
#action .tabs ul li.on a{background: #CDA5E6;color: #fff}
#action .tabs ul li:nth-child(2).on a{background: #00C475;color: #fff}
#action .tabs ul li:nth-child(3).on a{background: #FFC72D;color: #fff}
#action .tabs ul li:nth-child(4).on a{background: #FF6565;color: #fff}
#action .tabs ul li:nth-child(5).on a{background: #2D2D2D;color: #fff}
#action .tabs ul li:nth-child(6).on a{background: #60B5FF;color: #fff}
#action .con02{padding-top: 135px}
#action .con02 ul.list{display: flex;gap: 20px;flex-wrap: wrap}
#action .con02 ul.list li{width: calc(50% - 10px);background: #E4EFDB;border-radius: 10px;display: flex;height: 140px;flex-direction: column;gap: 14px;justify-content: center;padding: 0 40px}
#action .con02 ul.list li p{font-size: 20px;color: #1A1A1A;font-weight: 600}
#action .con02 ul.list li .tag{display: flex;display: none}
#action .con02 ul.list li .tag span{display: flex;padding: 0 16px;height: 34px;background: #00C475;align-items: center;border-radius: 50px;color: #fff}
#action .con02 ul.list li.col1{background: #fff}
#action .con02 ul.list li.col1 .tag span{border: 1px solid #00C475;color: #00C475;background: #fff}
#action .con02 ul.list li.col2 .tag span{background: #00C475}
#action .con02 ul.list li.col3 .tag span{background: #CDA5E6}
#action .con02 ul.list li.col4 .tag span{background: #FF6565}
#action .con02 ul.list li.col5 .tag span{background: #60B5FF}
#action .con02 ul.list li.col6 .tag span{background: #2D2D2D}
#action .con02 ul.list li.col7 .tag span{background: #FFC72D}
#action .con02 .s_title{text-align: center;margin-bottom: 40px}
#action .con02 .s_title strong{color: #1A1A1A}
#action .con02 .s_title > b{position: relative;position: relative;z-index: 15;font-size: 18px;color: #FFFFFF;font-weight: 600;display: block;margin-bottom: 50px}
#action .con02 .s_title b svg{position: absolute;z-index: -1;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#action .con02 .btn{margin-top: 30px}
#action .con01{padding-top: 180px}
#action .con01 .s_title{margin-bottom: 160px}
#action .con01 .con_w{gap: 60px;display: flex;flex-direction: column;position: relative;padding-bottom: 150px}
#action .con01 .con_w .box{background: #FFFFFF;height: 640px;padding: 40px;border-radius: 8px;overflow: hidden;position: relative;top: 60px}
#action .con01 .con_w .box1{position: sticky;top: calc((100vh - 640px) / 2);transition: 0.5s}
#action .con01 .con_w .box1.on{transform: scale(0.9);opacity: 0.5}
#action .con01 .con_w .box1 .wr{display: flex;align-items: center}
#action .con01 .con_w .box1 .wr .txt{width: calc(100% - 740px);padding-left: 60px}
#action .con01 .con_w .box1 .wr .txt ul li{padding: 40px 0 }
#action .con01 .con_w .box1 .wr .txt ul li:nth-child(1){border-bottom: 2px dashed #E6E6E6}
#action .con01 .con_w .box1 .wr .txt ul li strong{font-weight: 700;color: #1A1A1A;line-height: 48px;font-size: 32px}
#action .con01 .con_w .box1 .wr .txt ul li span{display: flex;width: 84px;height: 40px;border-radius: 70px;background: #00C475;align-items: center;justify-content: center;font-size: 18px;color: #FFFFFF;font-weight: 700;margin-bottom: 25px}
#action .con01 .con_w .box2 .title{display: flex;width: 84px;height: 40px;border-radius: 70px;background: #00C475;align-items: center;justify-content: center;font-size: 18px;color: #FFFFFF;font-weight: 700;margin-bottom: 25px}
#action .con01 .con_w .box1 .wr .txt ul li:nth-child(2) span{background: #008E44}
#action .s_title{text-align: center}
#action .s_title strong{font-family: 'PyeongchangPeace';font-size: 60px;color: #FFFFFF;font-weight: 300}
#action .s_title strong b{font-family: inherit; font-weight: 600;}
#action .s_title p{font-size: 24px;color: #C6FFD9;font-weight: 400;margin-top: 30px;line-height: 40px}
#action .s_title i{width: 1113px;margin: 0 auto;display: block;border-bottom: 1px solid #FFFFFF;margin-top: -75px}
#action .s_title i img{display: block}
#action .con01 .con_w .box2{position: relative;z-index: 15}
#action .con01 .con_w .box2 .wr{height: 100%}
#action .con01 .con_w .box2 .wr2{background: #F0F5EB;display: flex;align-items: center;height: calc(100% - 63px);border-radius: 8px;align-items: center;padding: 40px}
#action .con01 .con_w .box2 .wr2 .left{width: calc(100% - 380px);display: flex;align-items: center;justify-content: center}
#action .con01 .con_w .box2 .wr2 .left ul{width: 644px}
#action .con01 .con_w .box2 .wr2 .left ul li{display: flex;height: 125px;border-bottom: 1.5px dashed #C6CCC1;align-items: center;gap: 20px}
#action .con01 .con_w .box2 .wr2 .left ul li i{display: flex;width: 50px;height: 50px;background: #CDA5E6;align-items: center;justify-content: center;border-radius: 50%;font-size: 20px;color: #FFFFFF;font-weight: 600}
#action .con01 .con_w .box2 .wr2 .left ul li:nth-child(2) i{background: #FF6565}
#action .con01 .con_w .box2 .wr2 .left ul li:nth-child(3) i{background: #60B5FF}
#action .con01 .con_w .box2 .wr2 .left ul li:last-child{border-bottom: none;}
#action .con01 .con_w .box2 .wr2 .left ul li p{font-size: 32px;color: #333630;width: calc(100% - 70px);font-weight: 600}
#action .con01 .con_w .box2 .wr2 .right{width: 380px;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;border-left: 1px solid #D4DECA;padding-left: 40px}
#action .con01 .con_w .box2 .wr2 .right .tit strong{font-size: 24px;color: #333630;font-weight: 500;display: block;text-align: center;line-height: 38px;margin-bottom: 20px}
#action .con01 .con_w .box2 .wr2 .right .tit{border-bottom: 1px solid #D4DECA;width: 100%;padding-bottom: 40px;margin-bottom: 40px}
#action .con01 .con_w .box2 .wr2 .right .list{display: flex;justify-content: space-between;width: 100%;flex-direction: column}
#action .con01 .con_w .box2 .wr2 .right .list p{color: #1A1A1A;font-size: 15px;margin-top: 15px;opacity: 0.5}
#action .con01 .con_w .box2 .wr2 .right .list ul{display: flex;justify-content: space-between;width: 100%}
#action .con01 .con_w .box2 .wr2 .right .list ul strong{font-size: 18px;color: #333630;font-weight: 600;display: block;margin-bottom: 12px;}
#action .con01 .con_w .box2 .wr2 .right .list ul span b{font-size: 30px;color: #333630;font-weight: 600;    font-family: 'ChangwonDanggamAsak';}
#action .btn{ display: flex; justify-content: center;  }
#action .download { margin-top: 30px; }
#action .btn a{ width: 220px; height: 64px; display:flex; align-items: center; justify-content: center; position: relative; border-radius: 60px; background-color: #008E44; overflow: hidden; }
#action .btn a{ width: 220px; height: 64px; display:flex; align-items: center; justify-content: center; position: relative; border-radius: 60px; background-color: #008E44; overflow: hidden; }
#action .btn a ul li{ font-size: 20px; line-height: 1.5em; font-weight: 600; color:#FFFFFF; letter-spacing: -0.02em; transition: transform .5s; }
#action .btn a ul li:last-child{ color: #218553; }
#action .btn a ul{ height: 30px; overflow: hidden; position: relative; z-index: 1; }
#action .btn a:after{ content:""; display: block; width: calc(100% + 32px); aspect-ratio: 1 / 1;  position: absolute; left: 50%; top: 100%; transform: translate(-50%,0); background-color: #fff; border-radius: 50%; transition: top .5s, transform .5s; }

#action .btn a:hover ul li{ transform: translateY(-100%); }
#action .btn a:hover:after{ transform: translate(-50%,-50%); top: 50%; }
#action .con01 .con_w .box2 .wr2 .left{padding-right: 20px}
#action .con01 .con_w .box2 .wr2 .left img{max-width: 100%}

#action .s_title strong{transform: translateY(70px);opacity: 0;display: block}
#action .on .s_title strong{transform: translateY(0px);opacity: 1;transition-duration: 1s;}
#action .tabs{transform: translateY(70px);opacity: 0;}
#action .on .tabs{transform: translateY(0px);opacity: 1;transition-duration: 1s;}
#action .s_title p{transform: translateY(70px);opacity: 0;display: block}
#action .on .s_title p{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.3s}
#action .con03 .content{transform: translateY(70px);opacity: 0;display: block}
#action .con03.on .content{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.3s}
#action .con02 ul.list{transform: translateY(70px);opacity: 0;}
#action .con02.on ul{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.3s}
#action .s_title i{transform: translateY(70px);opacity: 0;display: block}
#action .on .s_title i{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.6s}
#action .s_title >  b{transform: translateY(70px);opacity: 0;display: block}
#action .on .s_title  > b{transform: translateY(0px);opacity: 1;transition-duration: 1s;}

#action .visual .vis_txt i{transform: translateY(70px);opacity: 0;}
#action .visual.on .vis_txt i{transform: translateY(0px);opacity: 1;transition-duration: 1s;}
#action .visual .vis_txt .txt1{transform: translateY(70px);opacity: 0;}
#action .visual.on .vis_txt .txt1{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.3s}
#action .visual .vis_txt .txt2{transform: translateY(70px);opacity: 0;}
#action .visual.on .vis_txt .txt2{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.6s}
#action .visual .vis_txt .txt3{transform: translateY(70px);opacity: 0;}
#action .visual.on .vis_txt .txt3{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.9s}
#action .visual .line_contnet{transform: translateY(70px);opacity: 0;}
#action .visual.on .line_contnet{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 1.2s}
#action .visual .btn{transform: translateY(70px);opacity: 0;}
#action .visual.on .btn{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 1.5s}
@media (max-width: 1600px) {
    #action .inner{width: 100%;padding: 0 20px}
    #action .con03 .content ul li .txt strong{font-size: 14px;line-height: 1.5}
    #action .con01 .con_w .box1 .wr .txt ul li strong{font-size: 24px;line-height: 1.5}
    #action .con01 .con_w .box1 .wr img{width: 600px}
    #action .con01 .con_w .box1 .wr .txt {width: calc(100% - 600px);padding-left: 20px}
    #action .visual .line_contnet{width: 90vw}

}
@media (max-width: 1100px) {
    #action .con01 .con_w .box2 .wr2 .left ul li i{width: 40px;height: 40px;font-size: 15px}
    #action .con01 .con_w .box2 .wr2 .left ul li p{font-size: 20px}
    #action .con01 .con_w .box1 .wr img{width: 500px}
    #action .con01 .con_w .box2 .wr2 .left ul li{height: 100px}
    #action .con01 .con_w .box1 .wr .txt {width: calc(100% - 500px);padding-left: 20px}
    #action .con01 .con_w .box2 .wr2 .right .list p{font-size: 12px}
    #action .con01 .con_w .box2 .wr2 .right .list ul strong{font-size: 14px}
    #action .con01 .con_w .box2 .wr2 .right .list ul span b{font-size: 20px}
    #action .btn a ul li{font-size: 14px}
    #action .btn a ul{height: 21px}
    #action .con01 .con_w .box2 .wr2 .right .tit strong{font-size: 16px;line-height: 1.5}
    #action .btn a{width: 150px;height: 40px}
    #action .con01 .con_w .box1 .wr{align-items: center;height: 100%}
    #action .con01 .con_w .box1 .wr .txt ul li{padding: 20px 0}
    #action .con01 .con_w .box1 .wr .txt ul li span{width: 60px;height: 32px;font-size: 13px;margin-bottom: 15px}
    #action .con01 .con_w .box1 .wr .txt ul li strong{font-size: 20px}
    #action .s_title strong{font-size: 40px;line-height: 1.5}
    #action .con03 .content ul li{width: calc(20% - 9.6px)}
    #action .con03 .content ul li .txt strong{font-size: 13px}
    #action .tabs ul{flex-wrap: wrap}
    #action .tabs ul li a{min-width: 0;font-size: 13px;height: 32px;padding: 0 15px}
    #action .tabs ul{padding: 5px}
    #action .tabs{margin-bottom: 20px}
    #action .con03{padding-top: 50px}
    #action .con02{padding: 50px 0}
    #action .con02 ul.list li p{font-size: 14px}
    #action .con02 ul.list li .tag span{height: 26px;padding: 0 15px;font-size: 13px}
    #action .con02 ul.list li{height: 100px;gap: 5px;padding: 0 15px;border-radius: 10px}
    #action .con02 .s_title > b{font-size: 14px;margin-bottom: 30px}
    #action .con02 .s_title > b svg{width: 150px;height: auto}
    #action .con02 .s_title{margin-bottom: 20px}
    #action .s_title p{font-size: 14px;line-height: 1.5;margin-top: 15px}
    #action .s_title i img{max-width: 100%}
    #action .s_title i{max-width: 100%;margin-top: 0}
    #action .con01{padding-top: 65px}
    #action .con01 .s_title{margin-bottom: 40px}
    #action .con01 .con_w{padding-bottom: 60px}
    #action .visual .vis_txt .txt strong{font-size: 60px;height: 80px;padding: 0 15px}
    #action .visual .vis_txt .txt span{font-size: 60px}
    #action .visual .vis_txt{gap: 15px}
    #action .visual .vis_txt i img{width: 300px}
    #action .visual .vis_txt .txt2 .act{display: none}
    #action .visual .act{transform: scale(0.5)}
    #action .visual .act2{transform: scale(0.5);width: 85px;height: 85px;display: flex;align-items: center;justify-content: center}
    #action .visual .vis_txt .txt1 .act2 .mot {
    top: -33%;
    position: absolute;
    left: 6%;
}
    #action .visual .line_contnet .act1{bottom: -50px;left: -50px}
    #action .visual .vis_txt .txt{gap: 5px}
    #action .visual .vis_txt .txt .act3{display: none}
}
@media (max-width: 760px) {
#action .con01 .con_w .box2 .wr2 .right{border-left: none}
    #action .con01 .con_w .box2 .title{margin-bottom: 10px}
    #action .con01 .con_w .box{top: 0}
    #action .con01 .con_w .box1 .wr .txt{width: 100%}
    #action .con01 .con_w .box1 .wr{flex-direction: column}
    #action .con01 .con_w .box{height: 80vh}
    #action .con01 .con_w .box1{top: 10vh}
    #action .con01 .con_w .box1 .wr .txt ul li span, #action .con01 .con_w .box2 .title{width: 55px;height: 26px;font-size: 12px}
    #action .con01 .con_w .box1 .wr .txt ul li strong{font-size: 15px}
    #action .con01 .con_w .box{padding: 15px;border-radius: 5px}
    #action .con01 .con_w .box1 .img{width: 100%;background: #F0F5EB;text-align: center}
    #action .con01 .con_w .box2 .wr2{flex-direction: column}
    #action .con01 .con_w .box2 .wr2{padding: 10px}
    #action .con01 .con_w .box2 .wr2 .left{width: 100%;padding: 0}
    #action .con01 .con_w .box2 .wr2 .right{width: 100%}
    #action .con01 .con_w .box1 .wr img{max-width: 100%}
    #action .con01 .con_w .box2 .wr2 .right .list ul{justify-content: center;gap: 40px}
    #action .con01 .con_w .box2 .wr2 .right{padding-left: 0}
    #action .con01 .con_w .box2 .wr2 .right .tit{margin-bottom: 20px;padding-bottom: 20px}
    #action .visual .vis_txt i img{width: 220px}
    #action .visual .line_contnet .act2{right: 20px}
    #action .con01 .con_w .box2 .wr2 .left ul li p{font-size: 15px}
    #action .con01 .con_w .box2 .wr2 .left ul li i{width: 30px;height: 30px;font-size: 13px}
}

@media (max-width: 660px) {
    #action .con01 .con_w .box2 .wr2 .left ul li{height: 60px}
    #action .visual .vis_txt .txt strong{font-size: 40px;height: 60px;padding: 0 15px}

    #action .visual .vis_txt .txt span{font-size: 40px}

    #action .s_title strong{font-size: 22px;}
    #action .con02 ul.list li .tag span {height: 21px;padding: 0 9px;font-size: 11px;}
    #action .con02 ul.list{gap: 5px}
    #action .con02 ul.list li{width: 100%;height: auto;padding: 10px;border-radius: 5px}
    #action .con03 .content ul{gap: 6px}
    #action .con03 .content ul li{width: calc(33.33% - 4px)}
    #action .con03 .content ul li{border-radius: 5px}
    #action .con03 .content ul li .txt strong{font-size: 11px}
    #action .s_title p{font-size: 13px}
        #action .tabs ul li a {
        min-width: 0;
        font-size: 13px;
        height: 25px;
        padding: 0 10px;
    }
        #action .visual .vis_txt .txt span{font-size: 30px}

    #action .con02 ul.list li p{font-size: 13px;line-height: 1.5;word-break: keep-all}
}