/*community3andBasic*/
    .community_wrap{position: relative; width: 100%; max-width: 1100px; margin: auto; padding-bottom: 5rem; padding-top: 1rem; 
/*        background:url(sub/community/community03_bg.jpg)no-repeat; height: 3000px;*/
    }
    .community_box{position: relative; width: 100%;}
    .community_box .bg{position: absolute; margin: 0 2%; width: 96%; padding-bottom: 60%; background: #f3f3f1; opacity: .5;}
    .community_box .tit{position: relative; transform: translateY(32px); left: 0; width:14rem; height: auto; background: #a32a57; }
    .community_box .tit h1{font-size: 1.2rem;padding: 4.2% 0; color: #fff; font-weight: 400; }
    
    
    .co_cg{position: relative; transform: translateY(9.5rem);}
    
    .co_cg img{ opacity: 0; width: 100%; max-width: min-content;}
    .co_marker_box{width: 1.5%; height: 2.4%; border: 1px solid #373737; border-radius: 100%; position: absolute; z-index: 9;}
     .co_marker_box.box01{top:5.5% ; left:29.5% ;}
     .co_marker_box.box02{top:15% ; left:25.5% ;}
     .co_marker_box.box03{top:25.5% ; left:22% ;}
     .co_marker_box.box04{top:57.5% ; left:27% ;}
     .co_marker_box.box05{top:65% ; left:41% ;}
     .co_marker_box.box06{top:10.5% ; left:44% ;}
     .co_marker_box.box07{top:17% ; left:46.5% ;}
     .co_marker_box.box08{top:46% ; left:81% ;}
     .co_marker_box.box09{top:19% ; left:53% ;}

     
    .co_marker{ width: 100%; height: 100%; border-radius: 100%; position: relative;}
    .co_marker>div { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
    .co_marker>div::after { content: ''; width: 100%; height: 100%; border-radius: 100%; background-color: #373737; position: absolute;
    left: 0; top: 0; opacity: 1; z-index: -2; animation-name: co_marker; animation-duration: 5s, 2.1s;
    animation-delay: 0s, 0s; animation-timing-function: ease, ease; animation-fill-mode: both, both; animation-iteration-count: infinite, infinite;}
    @keyframes co_marker {
	0% { transform: scale(.3); }
	60% { transform: scale(1.1); }
	100% { transform: scale(.3); }
}
    
    .co_marker h6 { font-family: 'Poppins', sans-serif; font-size: 0.625rem; line-height: 100%; color: #fff; display: none;}
    .co_marker_txt { text-align: center; color: #fff; width: 940%; position: absolute; z-index: -1;}
     .co_marker_txt.txt01 {top:-25%; left: -1905%;}
     .co_marker_txt.txt02 {top:-25%; left: -1636%;}
     .co_marker_txt.txt03 {top:-25%; left: -1405%;}
     .co_marker_txt.txt04 {top:1230%; left: -420%;}
     .co_marker_txt.txt05 {top:1230%; left: -420%;}
     .co_marker_txt.txt06 {top:-1200%; left: -420%;}
     .co_marker_txt.txt07 {top:-1200%; left: -420%;}
     .co_marker_txt.txt08 {top:-1200%; left: -430%;}
     .co_marker_txt.txt09 {top:-840%; left: 220%;}
    .co_marker_txt>div { position: relative;background: #373737;  opacity: 0; ;}
    .co_marker_txt>div>h2{ font-size: .9rem; padding: 3%;}
    
    .co_marker_line01 { display: block;  width: 103%; height: 1px; position: absolute; left: 100%; top: 0.8rem;}
    .co_marker_line01::after { content: ''; width: 0%;  height: 100%; background-color: #373737; position: absolute; right: 0; top: 0;}
    .co_marker_line02 { display: block;  width: 1px; height: 600%; position: absolute; left: 50%; top: -570%;}
    .co_marker_line02::after { content: ''; width: 100%;  height: 0%; background-color: #373737; position: absolute; left: 0; top: 0;}
    .co_marker_line03 { display: block;  width: 1px; height: 500%; position: absolute; left: 50%; top: 100%;}
    .co_marker_line03.new { height: 370%; left: -19%; top: 48%;}
    .co_marker_line03.new2 {height: 180%; left: 59%; top: 100%;}
    .co_marker_line03::after { content: ''; width: 100%;  height: 0%; background-color: #373737; position: absolute; left: 0; bottom: 0;}
    .co_marker_line04 { display: block;  width: 19.5%; height: 1px; position: absolute; right: 100%; top: 0.8rem;}
    .co_marker_line04::after { content: ''; width: 0%;  height: 100%; background-color: #373737; position: absolute; left: 0; top: 0;}
    .co_marker_line05 { display: block;  width: 190%; height: 1px; position: absolute; right: 100%; top: 0.8rem;}
    .co_marker_line05::after { content: ''; width: 0%;  height: 100%; background-color: #373737; position: absolute; left: 0; top: 0;}
    .co_marker_line06 { display: block;  width: 1px; height: 500%; position: absolute; left: 59%; top: 100%;}
    .co_marker_line06::after { content: ''; width: 100%;  height: 0%; background-color: #373737; position: absolute; left: 0; top: 0;}

    
    
    
    .co_txt_wrap{position: relative; margin: 0 2%; width: 96%; /*transform: translateY(18.5rem);*/ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .co_txt_wrap .co_txt_box{ width: 30%; height: 10.5rem; text-align: left; opacity: 0;transform: translateY(15px);}
    .co_txt_wrap .co_txt_box>div{ display: flex; justify-content: flex-start; align-items: flex-start; gap: 0.375rem;}
    .co_txt_wrap .co_txt_box>div>h6{ display: none; }
    .co_txt_wrap .co_txt_box h3{ font-size: 1.375rem; font-weight: 600;}
    .co_txt_wrap .co_txt_box p::after{content: ''; width: 100%;  height: 1px; font-size: 0.915rem; background-color: #000; position: absolute; left: 0; top: -44%;}
    .co_txt_wrap .co_txt_box p{ opacity: 1; transform: translateY(1.8rem); font-size: 0.915rem;}
    .co_txt_wrap .co_txt_box.left{left: 0; }
    .co_txt_wrap .co_txt_box>div>div:first-child { display: none; }



/*community8*/
     .community_box.cont02{position: relative; width: 100%; padding-top: 9rem;}
     .community_box.cont02 .co_cg{transform: translateY(5.7rem);}
     .community_box.cont02 .co_marker_box.box06{top:29.5% ; left:47.4% ;}
     .community_box.cont02 .co_marker_box.box01{top:69% ; left:47.5% ;}
     .community_box.cont02 .co_marker_box.box09{top:81.5% ; left:75.5% ;}
    .community_box.cont02 .co_marker_txt.txt06 {top:-1450%; left: -420%;}
    .community_box.cont02 .co_marker_txt.txt09 {top:-40%; left: 690%;}
    .community_box.cont02 .co_marker_line03 { display: block;  width: 1px; height: 720%; position: absolute; left: 50%; top: 100%;}
    .community_box.cont02 .co_marker_line04 {width:62%;}
    .community_box.cont02 .co_txt_wrap{transform: translateY(9.5rem);}
    .community_box.cont02 .co_txt_wrap .co_txt_box{ width: 48%; }
    .community_box.cont02 .co_txt_wrap .co_txt_box h3{ font-size: 1.2rem;}
    .community_box.cont02 .co_txt_wrap .co_txt_box p::after{content: ''; width: 100%;  height: 1px; background-color: #000; position: absolute; left: 0; }
 .cont03 .co_cg{transform: translateY(8.5rem);}
                        .cont03 .co_marker_box{width: 1.3%;}
                        
                        .cont03 .co_marker_txt.txt01{top: -610%; left: -1770%;}
                        .cont03 .co_marker_box.box01.new .co_marker_txt.txt01{top: 600%; left: -1270%;}
                        .cont03 .co_marker_box.box01.new2 .co_marker_txt.txt01{top: 400%; left: -1740%;}
                        .cont03 .co_marker_txt.txt04{top: 850%; left: -510%;}
                        .cont03 .co_marker_box.box04.new .co_marker_txt.txt04{top: 1450%; left: -510%;}
                        .cont03 .co_marker_box.box04.new2 .co_marker_txt.txt04{top: 1350%;}
                        .cont03 .co_marker_txt.txt06{top: -1100%; left:-490%;}
                        .cont03 .co_marker_txt.txt05{top: -50%; left:1900%;}
                        .cont03 .co_marker_box.box06.new .co_marker_txt.txt06{top: -900%; left:-490%;}
                        .cont03 .co_marker_box.box06.new2 .co_marker_txt.txt06{top: -900%; left:-490%;}
                        .cont03 .co_marker_txt.txt07{top: -1450%; left:-505%;}
                        .cont03 .co_marker_txt.txt09{top: -1000%; left:300%;}
                        
                        .cont03 .co_marker_box.box01{top: 29%; left: 23.8%;}
                        .cont03 .co_marker_box.box01.new{top: 34%; left: 17.3%;}
                        .cont03 .co_marker_box.box01.new2{top: 57%; left: 23.5%;}
                        .cont03 .co_marker_box.box04{top: 87%;}
                        .cont03 .co_marker_box.box04.new{top: 81%; left: 41.5%;}
                        .cont03 .co_marker_box.box04.new2{top: 67%; left: 72.2%;}
                        .cont03 .co_marker_box.box05{top: 26%; left: 53%;}
                        .cont03 .co_marker_box.box06.new{top: 13%; left: 48.5%;}
                        .cont03 .co_marker_box.box06.new2{top: 5%; left: 60.5%;}
                        .cont03 .co_marker_box.box06{top: 25%; left: 30.6%;}
                        .cont03 .co_marker_box.box07{top: 8%; left: 54.5%;}
                        .cont03 .co_marker_box.box09{top: 15%; left: 64.6%;}
                        
                        .cont03 .co_marker_line01{width: 130%; top: 280%; left: 58%;}
                        .cont03 .co_marker_box.box01.new .co_marker_line01{width: 80%; top: -240%; left: 58%;}
                        .cont03 .co_marker_box.box01.new2 .co_marker_line01{width: 127%; top: -150%; left: 58%;}
                        .cont03 .co_marker_line02{height: 320%; top: -310%; left: 59%;}
                        .cont03 .co_marker_box.box04.new .co_marker_line02{height: 560%; top: -560%; left: 59%;}
                        .cont03 .co_marker_box.box04.new2 .co_marker_line02{height: 560%; top: -560%; left: 59%;}
                        .cont03 .co_marker_line03{height: 360%; left: 57%;}
                        .cont03 .co_marker_line03.new{height: 380%; left: -27%; top: 40%;}
                        .cont03 .co_marker_line03.new2{height: 180%;}
                        .cont03 .co_marker_line06{top: -240%; height: 240%;}
                        .cont03 .co_marker_box.box01.new2 .co_marker_line06{top: -150%; height: 140%;}
                        .cont03 .co_marker_line03.new3{height: 510%;left: 59%;}
                        .cont03 .co_marker_box.box06.new .co_marker_line03{height: 275%; left: 57%;}
                        .cont03 .co_marker_box.box06.new2 .co_marker_line03{height: 275%; left: 57%;}
/*                        .cont03 .co_marker_line03.new3{height: 390%; left: -27%; top: 44%;}*/
                        .cont03 .co_marker_line04{width: 27%;}
                        .cont03 .height{padding-top: 21.6rem;}
        
        .community_box.cont04{ padding-top: 9rem;}
        .cont04 .co_cg{transform: translateY(12.7rem);}
        .cont04 .co_txt_wrap{transform: translateY(23.5rem);}
        .cont04 .co_txt_wrap .co_txt_box{width: 48%;}
        .cont04 .co_txt_wrap .co_txt_box h3{ font-size: 1.2rem;}
        .cont04 .co_txt_wrap .co_txt_box p::after{top: -70%;}
        .cont04 .co_marker_box.box06{top: 30.5%; left: 25%;}
        .cont04 .co_marker_txt.txt06{top: -2100%;}
        .cont04 .co_marker_line03{height: 762%;}
        .cont04 .co_marker_box.box01{top: 45.5%; left: 68%;}
        .cont04 .co_marker_txt.txt04{top: 1630%;}
        .cont04 .co_marker_line02{top: -630%; height: 630%; left: 49.5%;}
        .cont04 .co_marker_box.box09{ top: 30%; left: 80%;}
        .cont04 .co_marker_txt.txt09{ top: -950%; left: 390%;}
        .cont04 .co_marker_line04{width: 36%;}
        .cont04 .co_marker_line03.new{width: 1px; left: -36%; top: 46%; height: 343%;}
        
               
                        
                        .cont03 .co_marker_txt>div { width: 117%;}
                        .cont04 .co_marker_box { width: 1.2%;}

/*community15*/
.cont05 .co_cg{ transform: translateY(8.5rem);}
        .cont05 .co_marker_box.box05{ top: 65.5%; left: 59.5%;}
        .cont05 .co_marker_txt.txt05{ top: -500%; left: 1200%;}
        .cont05 .co_marker_line05{ top: 280%; right: 50%; width: 168%;}
        .cont05 .co_marker_line03.new2{left: 49.5%; height: 180%;}
        .cont05 .box01 .co_marker_line03.new2{height: 150%;}
        .cont05 .box09 .co_marker_line03.new2{height: 390%; left: -20%; top: 40%;}
        .cont05 .co_marker_box.box06{top: 14.5%; left: 39.5%;}
        .cont05 .co_marker_txt.txt06{top: -900%;}
        .cont05 .co_marker_line03{height: 360%;}
        .cont05 .co_marker_box.box01{ top: 77%; left: 56%;}
        .cont05 .co_marker_txt.txt01{ top: -430%; left: -2500%;}
        .cont05 .co_marker_line01{ width: 217%; top: 250%; left: 49%;}
        .cont05 .co_marker_box.box09{ top: 50%; left: 62.8%;}
        .cont05 .height{padding-top: 14.2rem}
        
        .community_box.cont06{padding-top:4rem ;}
        .cont06 .co_txt_wrap .co_txt_box{width: 48%;}
        .cont06 .co_cg{transform: translateY(12.1rem);}
        .cont06 .co_cg img{ transform: translateX(-205px);}
        .cont06 .co_marker_box{ height: 3.4%;}
        .cont06 .co_marker_box.box09{ top: 40%; left: 49.6%;}
        .cont06 .co_marker_txt.txt09{ top: -780%; left: 380%;}
        .cont06 .co_marker_line04{width: 36%;}
        .cont06 .co_marker_line03.new{ height: 310%; left: -36%; top: 44%;}
        .cont06 .co_marker_box.box06{ top: 33%; left: 42.5%;}
        .cont06 .co_marker_txt.txt06{ top: -1800%;}
        .cont06 .co_marker_line03{height: 720%;}
        .cont06 .co_marker_box.box01{top: 87%; left: 31.7%;}
        .cont06 .co_marker_txt.txt04{top: 500%; left: -1600%;}
        .cont06 .co_marker_line01{width: 76%;}
        .cont06 .co_marker_line02{ top: -180%; left: 175%;height: 230%;}
        
        .cont06 .co_cg.cg02 .co_marker_box{ height: 3.8%;}
        .cont06 .co_cg.cg02{transform: translateY(3rem);}
        .cont06 .co_cg.cg02 img{ transform: translateX(290px);}
        .cont06 .co_cg.cg02 .co_marker_box.box06{top: 19.5%; left: 73%;}
        .cont06 .co_cg.cg02 .co_marker_txt.txt06{top: -1500%;}
        .cont06 .co_cg.cg02 .co_marker_line03 { height: 550%; left: 49%;}
        .cont06 .co_cg.cg02 .co_marker_line03.new {height: 310%; left: -33%;}
        .cont06 .co_cg.cg02 .co_marker_box.box01 {top: 51%; left: 64.2%;}
        .cont06 .co_cg.cg02 .co_marker_box.box09 {top: 7%; left: 80.2%;}
        .cont06 .co_cg.cg02 .co_marker_txt.txt09 { top: -820%; left: 360%;}
        .cont06 .co_cg.cg02 .co_marker_line04 {     width: 33%;}
        
        .co_cg.active .box09 .co_marker_line03.new2::after{transition: 0.8s 0s linear; }
        .co_cg.active .co_marker_line05::after{transition: 0.8s 0s linear; }
        .co_cg.active .cont06 .co_marker_line01::after{ transition: 0.6s .8s linear; }


    
/*    active*/
.co_cg.active img { opacity: 1;  transition: .9s .1s;}
.co_cg.active .co_marker_line03.new2::after { width: 100%; transition: 0.6s .8s linear; }
.co_cg.active .co_marker_line06::after { height: 100%; transition: 0.6s .8s linear; }
.co_cg.active .co_marker_line05::after { width: 100%; transition: 0.6s .8s linear; }
.co_cg.active .co_marker_line04::after { width: 100%; transition: 0.6s .8s linear; }
.co_cg.active .co_marker_line03::after { height: 100%; transition: 0.8s 0s linear; }
.co_cg.active .co_marker_line02::after { height: 100%; transition: 0.8s 0s linear; }
.co_cg.active .co_marker_line01::after { width: 100%; transition: 0.8s 0s linear; }
.co_cg.active .co_marker_txt>div { transform: translate(0); opacity: 1; transition: 1.2s 1.2s; }
.co_txt_wrap.active .co_txt_box.box01 { transform: translate(0); opacity: 1; transition: 1s .5s; }
.co_txt_wrap.active .co_txt_box.box02 { transform: translate(0); opacity: 1; transition: 1s .7s; }
.co_txt_wrap.active .co_txt_box.box03 { transform: translate(0); opacity: 1; transition: 1s .9s; }
.co_txt_wrap.active .co_txt_box.box04 { transform: translate(0); opacity: 1; transition: 1s 1.1s; }
.co_txt_wrap.active .co_txt_box.box05 { transform: translate(0); opacity: 1; transition: 1s 1.3s; }
.co_txt_wrap.active .co_txt_box.box06 { transform: translate(0); opacity: 1; transition: 1s 1.5s; }
    
/*
.community_wrap.active h1 { margin-left: 0; opacity: 1; transition: 1.5s 0.4s; }
.community_wrap.active h2 { transform: translate(0); opacity: 1; transition: 1.2s 0.4s; }
*/
/*.community_wrap.active p { transform: translateY(1.8rem); opacity: 1; transition: 0.6s .8s; }*/
    
    .w74{width: 74%!important;}
    .w50{width: 50%!important;}
.f-left{ transform: translateX(-15px);}
.f-right{ transform: translateX(15px);}
.f-top{ transform: translateY(-15px);}
.f-bottom{ transform: translateY(15px);}
    .height{padding-top: 14vw; width: 100%;}
    .sub_ori{margin-top: 5rem;}




@media all and (max-width: 1200px) { 
        
    .community_box.cont01 .co_cg img { width: 760px; margin: auto; }
    .community_box.cont02 .co_cg img { width: 680px; margin: auto; }
    .community_box.cont01 .co_txt_wrap { margin-top: 5rem; }
    
    .community_box.cont03 .co_cg img { width: 720px; margin: auto; }
    .community_box.cont04 .co_cg img { width: 740px; margin: auto; }

    .community_box.cont05 .co_cg img { width: 620px; margin: auto; }
    /* .community_box.cont06 .co_cg img { width: 400px; margin: auto; }
    .community_box.cont06 .co_cg.cg02 img { width: 280px; margin: auto; } */

}



/* @media all and (max-width: 1000px) { 
        
    .community_box.cont01 .co_cg img { width: 640px; margin: auto; }
    .community_box.cont02 .co_cg img { width: 560px; margin: auto; }
    
    .co_txt_wrap .co_txt_box p br { display: none; }
    .co_txt_wrap .co_txt_box p br.mo { display: block; }

} */


/*mobile*/
@media all and (max-width: 1000px) { 
    /* .height{padding-top: 24vw!important;} */
    .sub_ori{margin-top: 5rem!important;}
    .co_cg{ transform: translateY(6.5rem);}
    .co_cg img{ width: 100% !important; transform:none!important;}
    .community_box .bg{ padding-bottom: 80%; padding-bottom: 60%; }
    .co_txt_wrap { gap: 2.5rem 0; }
    .co_txt_wrap .co_txt_box p::after{display: none;}
    .co_txt_wrap .co_txt_box{width: 48%; height: auto;}
    .co_marker h6{ font-size: 9px; display: block;}
    .co_marker_box{width: 16px!important; height: 16px!important; transform: scale(1.4); }
    .co_marker_txt{display: none;}
    .co_marker>div::after{ left: 50%; top: 50%; animation-name: co_marker_m; border: 1px solid #373737; background: none;}
    @keyframes co_marker_m {
        0% { transform: translate(-50%,-50%) scale(1); }
        60% { transform: translate(-50%,-50%) scale(1.5); }
        100% { transform: translate(-50%,-50%) scale(1); }
    }
    .co_marker_box{background: #373737;}
    /* .co_txt_wrap .co_txt_box>div { flex-direction: column; } */
    .co_txt_wrap .co_txt_box>div>div>h6{ font-family: 'Poppins', sans-serif; width: 1.5rem; height: 1.5rem; line-height: 1.625rem; font-size: 0.875rem; color: #fff; background-color: #373737; display: inline-block; border-radius: 100%; transform: translateY(-0.25rem); text-align: center; letter-spacing: 0px; }
    .co_txt_wrap .co_txt_box p{ padding-left: 1.875rem;transform: none; padding-left: 0; margin-top: 0.25rem; }
    .co_txt_wrap .co_txt_box p br { display: none; }
    .co_txt_wrap .co_txt_box p br.mo { display: block; }
    .co_txt_wrap .co_txt_box h3>span{font-size: .8rem;}
    .cont04 .co_txt_wrap{transform: translateY(5.5rem);}
    /* .cont04 .co_marker_box{} */
    .cont04 .co_cg{transform: translateY(2.7rem);}
    .cont03 .co_cg{ transform: translateY(3.5rem);}
    .co_txt_wrap .co_txt_box h3{font-size: 1.2rem;}
    .cont05 .co_cg{ transform: translateY(4.5rem);}
    .cont06 .co_cg{ transform: translateY(4rem);}
    .cont06 .co_cg.cg02{ transform: translateY(6rem);}

    .co_txt_wrap .co_txt_box>div>div:first-child { display: block; }

/*  */

    .co_txt_wrap.active .co_txt_box { transition: 1.0s 0s !important; }

    /* .community_box.cont01 .co_txt_box.box01 { order: 3; }
    .community_box.cont01 .co_txt_box.box02 { order: 1; }
    .community_box.cont01 .co_txt_box.box03 { order: 5; }
    .community_box.cont01 .co_txt_box.box04 { order: 6; }
    .community_box.cont01 .co_txt_box.box05 { order: 4; }
    .community_box.cont01 .co_txt_box.box06 { order: 2; } */


    .community_box.cont02 .co_txt_wrap { margin-top: 0; }

    .co_marker_box.box01{top:7.5% ; left:29.5% ;}
    .co_marker_box.box02{top:15% ; left: 19% ;}
    .co_marker_box.box03{top:25.5% ; left:14% ;}
    .co_marker_box.box04{top:57.5% ; left:27% ;}
    .co_marker_box.box05{top:65% ; left:41% ;}
    .co_marker_box.box06{top:10.5% ; left:44% ;}
    .co_marker_box.box07{top:17% ; left:42.5% ;}
    .co_marker_box.box08{top:46% ; left:81% ;}
    .co_marker_box.box09{top:19% ; left:53% ;}

    .cont03 .height { padding-top: 8rem; }

    .cont03 .co_marker_box.box01{top: 29%; left: 15%;}
    .cont03 .co_marker_box.box01.new {top: 33%; left: 6%;}
    .cont03 .co_marker_box.box01.new2{top: 57%; left: 23.5%;}
    .cont03 .co_marker_box.box04{top: 84%; left: 20%; }
    .cont03 .co_marker_box.box04.new{top: 78%; left: 37%;}
    .cont03 .co_marker_box.box04.new2{top: 64%; left: 72.2%;}
    .cont03 .co_marker_box.box05{top: 26%; left: 53%;}
    .cont03 .co_marker_box.box06.new{top: 13%; left: 48.5%;}
    .cont03 .co_marker_box.box06.new2{top: 5%; left: 64%;}
    .cont03 .co_marker_box.box06{top: 22%; left: 30.6%;}
    .cont03 .co_marker_box.box07{top: 9%; left: 56%;}
    .cont03 .co_marker_box.box09{top: 17%; left: 65.6%;}

    .cont04 .co_marker_box.box06{top: 32%; left: 18%;}
    .cont04 .co_marker_box.box01{top: 45.5%; left: 72%;}
    .cont04 .co_marker_box.box09{ top: 30%; left: 88%;}

    
    .cont06 .co_marker_box { display: none; }

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

    .co_marker_box{ transform: scale(1); }

}