body{background:#2551a2; /*transition-delay:4.25s;*/ animation-delay:4.2s; animation-name: mainbg; animation-duration:5.5s; animation-duration: leaner; animation-iteration-count:1; animation-direction:alternate; animation-fill-mode: forwards; } #symbol { } /*#symbol.on{width: 1920px; max-width: 100%; height:100%;margin: 0 auto; cursor: none;transition: opacity 7s ease; transition-delay: 1.25s; opacity: 0;transition: 1s; animation: fadeout 3s; -moz-animation: fadeout 3s; -webkit-animation: fadeout 3s; -o-animation: fadeout 3s; animation-fill-mode: forwards; background: url("../../images/visual/main-visual-pc01.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;}*/ @-webkit-keyframes mainbg { 0% { background:#2551a2; opacity: 1; } 75% { opacity: 0.5; } 100% { background: url("../../images/visual/main-visual-pc01.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.5; } } /* #symbol .sym, #symbol .vis_area .bg_img{display: none} */ #symbol .vis_area {position: relative} #symbol .vis_area .bg_img{position: absolute; top: 35px; left: 50%; margin-left: -491.5px; opacity: 0;transition: 1s;z-index: -1; display: none} #symbol .vis_area .logo_wrap:hover .bg_img{opacity: 1} #symbol .vis_area{padding-top: 278px; box-sizing: border-box; height: 937px; width: 100%; overflow: hidden} #symbol .img_wrap{position: relative; margin: 0 auto; width: 900px; } #symbol .sym img{} #symbol .img_wrap.act{opacity: 0;transition: 1s;} /*s 시작*/ #symbol .over{opacity: 1; transition: 1s} #symbol .over.opac{opacity: 0.3 !important} #symbol .over.on{opacity: 1 !important} #symbol .txt_line01 {padding-top: 36px} #symbol .img_wrap{transform: scale(1.3);} /*작업우기*/ /*#symbol .logo_wrap .over img{opacity:0.5 ! important }*/ #symbol .logo_wrap {position: absolute; top: 0px; left: 0; width: 900px; height: 100%; left: 50%; margin-left: -450px; border-radius: 50%;} #symbol .logo_wrap .wrap{position: relative; width: 900px; margin: 0 auto;padding-top: 278px; z-index: 5;} #symbol .img_wrap .dot{border-radius: 50%; display: block; position: absolute; width: 10px; height: 10px;z-index: 8} #symbol .img_wrap .dot01{width: 10px; height: 10px; background: #e7e8e8; left: -138px; top:76px} #symbol .img_wrap .dot02{width: 16px; height: 16px; background: #e7e8e8; left: -131px; top:76px} #symbol .img_wrap .dot03{width: 10px; height: 10px; background: #e7e8e8; left: -138px; top:85px} #symbol .img_wrap .dot04{width: 16px; height: 16px; background: #e7e8e8; left: -132px; top:90px} #symbol .img_wrap .dot05{width: 10px; height: 10px; background: #e7e8e8; left: -138px; top:95px} #symbol .img_wrap .dot06{width: 16px; height: 16px; background: #e7e8e8; left: -138px; top:105px} #symbol .img_wrap .dot07{width: 11px; height: 11px; background: #f8f8f8; left: -124px; top:105px} #symbol .img_wrap .dot08{width: 15px; height: 15px; background: #f8f8f8; left: -130px; top:115px;z-index: 2} /*작업우기*/ #symbol .img_wrap .dot09{background: #e7e8e8; left: -138px; top:120px;} #symbol .img_wrap .dot10{background: #f8f8f8; left: -138px; top:130px;width: 12px; height: 12px;} #symbol .img_wrap .dot11{background: #f8f8f8; left: -126px; top:129px;width: 11px; height: 11px;} #symbol .img_wrap .dot12{background: #f8f8f8; left: -138px; top:140px;} #symbol .img_wrap .dot13{background: #f8f8f8; left: -138px; top:149px;width: 16px; height: 16px;} #symbol .img_wrap .dot14{background: #fff; left: -128px; top:140px;width: 12px; height: 12px;} #symbol .img_wrap .dot15{background: #fff; left: -152px; top:163px;} #symbol .img_wrap .dot16{background: #fff; left: -145px; top:158px;width: 12px; height: 12px;} #symbol .img_wrap .dot17{background: #fff; left: -140px; top:165px;width: 14px; height: 14px;} #symbol .img_wrap .dot18{background: #fff; left: -160px; top:170px;width: 14px; height: 14px;} #symbol .img_wrap .dot19{background: #e7e8e8; left: -147px; top:170px;} #symbol .img_wrap .dot20{background: #e7e8e8; left: -165px; top:180px;} #symbol .img_wrap .dot21{background: #e7e8e8; left: -154px; top:178px;} #symbol .img_wrap .dot22{background: #fff; left: -157px; top:186px;width: 14px; height: 14px;} #symbol .img_wrap .dot23{background: #fff; left: -163px; top:185px;} #symbol .img_wrap .dot24{background: #e7e8e8; left: -166px; top:195px;width: 14px; height: 14px;} #symbol .img_wrap .dot25{background: #e7e8e8; left: -165px; top:188px;width: 8px; height: 8px;} #symbol .img_wrap .dot26{background: #e7e8e8; left: -163px; top:205px;} #symbol .img_wrap .dot27{width: 16px; height: 16px;background: #e7e8e8; left: -160px; top:215px;} #symbol .img_wrap .dot28{background: #b2b3b3; left: -155px; top:198px;} #symbol .img_wrap .dot29{width: 13px; height: 13px;background: #e7e8e8; left: -158px; top:230px;} #symbol .img_wrap .dot30{width: 13px; height: 13px;background: #e7e8e8; left: -168px; top:225px;} #symbol .img_wrap .dot31{background: #e7e8e8; left: -168px; top:235px;} #symbol .img_wrap .dot32{width: 9px; height: 9px;background: #b2b3b3;left: -168px; top:215px;z-index: 2} #symbol .img_wrap .dot33{width: 12px; height: 12px;background: #e7e8e8; left: -158px;top:204px;} #symbol .img_wrap .dot34{width: 16px; height: 16px;background: #b2b3b3;left: -162px; top:240px;} #symbol .img_wrap .dot35{background: #e7e8e8; width: 9px; height: 9px;left: -166px; top:208px;} #symbol .img_wrap .dot36{background: #e7e8e8; left: -155px; top:255px;} #symbol .img_wrap .dot37{width: 13px; height: 13px;background: #e7e8e8; left: -168px; top:245px;z-index: 4} #symbol .img_wrap .dot38{width: 16px; height: 16px;background: #b2b3b3; left: -167px; top:256px;z-index: 2} #symbol .img_wrap .dot39{width: 13px; height: 13px;background: #b2b3b3; left: -158px; top:278px;} #symbol .img_wrap .dot40{width: 12px; height: 12px;background: #b2b3b3; left: -158px; top:268px;z-index: 2} #symbol .img_wrap .dot41{width: 16px; height: 16px;background: #e7e8e8; left: -168px; top:288px;} #symbol .img_wrap .dot42{background: #e7e8e8; left: -155px; top:298px;z-index: 3} #symbol .img_wrap .dot43{width: 16px; height: 16px;background: #fff; left: -168px; top:270px;z-index: 2} #symbol .img_wrap .dot44{width: 9px; height: 9px;background: #e7e8e8; left: -158px; top:308px;} #symbol .img_wrap .dot45{width: 16px; height: 16px;background: #b2b3b3; left: -168px; top:298px;z-index: 2} #symbol .img_wrap .dot46{width: 14px; height: 14px;background: #e7e8e8; left: -160px; top:330px;z-index: 2} #symbol .img_wrap .dot47{width: 16px; height: 16px;background: #e7e8e8; left: -168px; top:315px;} #symbol .img_wrap .dot48{background: #b2b3b3;left: -155px; top:315px;} #symbol .img_wrap .dot49{background: #e7e8e8; left: -165px; top:310px;} #symbol .img_wrap .dot50{width: 13px; height: 13px;background: #b2b3b3; left: -157px; top:325px;z-index: 3} #symbol .img_wrap .dot51{width: 11px; height: 11px;background: #e7e8e8; left: -165px; top:310px;} #symbol .img_wrap .dot52{width: 12px; height: 12px;background: #e7e8e8; left: -167px; top:330px;} #symbol .img_wrap .dot53{width: 16px; height: 16px;background: #e7e8e8;background: #e7e8e8; left: -104px; top:185px;} #symbol .img_wrap .dot54{width: 16px; height: 16px;background: #e7e8e8; left: -112px; top:158px;} #symbol .img_wrap .dot54{width: 13px; height: 13px;background: #e7e8e8; left: -100px; top:175px;} #symbol .img_wrap .dot55{width: 12px; height: 12px;background: #e7e8e8; left: -128px; top:153px;} #symbol .img_wrap .dot56{width: 16px; height: 16px;background: #e7e8e8; left: -128px; top:163px;} #symbol .img_wrap .dot57{width: 12px; height: 12px;background: #e7e8e8; left: -118px; top:158px;} #symbol .img_wrap .dot58{width: 16px; height: 16px;background: #e7e8e8; left: -111px; top:165px;} #symbol .img_wrap .dot59{width: 13px; height: 13px;background: #e7e8e8; left: -120px; top:171px;} #symbol .img_wrap .dot60{width: 15px; height: 15px;background: #e7e8e8; left: -108px; top:205px;} #symbol .img_wrap .dot61{width: 12px; height: 12px;background: #fff; left: -108px; top:196px;} #symbol .img_wrap .dot62{width: 16px; height: 16px;background: #e7e8e8; left: -102px; top:217px;} #symbol .img_wrap .dot63{width: 12px; height: 12px;background: #fff; left: -110px; top:178px;} #symbol .img_wrap .dot64{background: #d4d4d5; left: -108px; top:188px;} #symbol .img_wrap .dot65{background: #d4d4d5; left: -108px; top:216px;} #symbol .img_wrap .dot66{width: 13px; height: 13px;background: #d4d4d5; left: -100px; top:196px;z-index: 2} #symbol .img_wrap .dot67{width: 15px; height: 15px;background: #fff; left: -102px; top:206px;} #symbol .img_wrap .dot68{width: 14px; height: 14px;background: #e7e8e8; left: -108px; top:232px;} #symbol .img_wrap .dot69{background: #e7e8e8; left: -98px; top:272px;} #symbol .img_wrap .dot70{width: 16px; height: 16px;background: #e7e8e8; left: -102px; top:256px;} #symbol .img_wrap .dot71{width: 16px; height: 16px;background: #e7e8e8; left: -109px; top:305px;} #symbol .img_wrap .dot72{width: 16px; height: 16px;background: #e7e8e8; left: -103px; top:290px;} #symbol .img_wrap .dot74{width: 16px; height: 16px;background: #d4d4d5; left: -103px; top:245px;} #symbol .img_wrap .dot75{width: 13px; height: 13px;background: #d4d4d5; left: -107px; top:278px;z-index: 2} #symbol .img_wrap .dot76{background: #fff; left: -97px; top:232px;z-index: 3} #symbol .img_wrap .dot77{width: 12px; height: 12px;background: #e7e8e8; left: -110px; top:225px;} #symbol .img_wrap .dot78{width: 13px; height: 13px;background: #fff; left: -100px; top:238px;} #symbol .img_wrap .dot79{width: 12px; height: 12px;background: #d4d4d5; left: -109px; top:293px;} #symbol .img_wrap .dot80{width: 13px; height: 13px;background: #e7e8e8; left: -100px; top:330px;} #symbol .img_wrap .dot81{width: 12px; height: 12px;background: #b2b3b3; left: -108px; top:320px;z-index: 2} #symbol .img_wrap .dot82{background: #e7e8e8; left: -109px; top:332px;z-index: 2} #symbol .img_wrap .dot83{width: 14px; height: 14px;background: #b2b3b3; left: -100px; top:278px;z-index: 2} #symbol .img_wrap .dot84{background: #b2b3b3; left: -98px; top:306px;z-index: 2} #symbol .img_wrap .dot85{width: 14px; height: 14px;background: #e7e8e8; left: -100px; top:315px;z-index: 2} #symbol .img_wrap .dot86{width: 15px; height: 15px;background: #d4d4d5; left: -108px; top:263px;} #symbol .img_wrap .dot87{background: #fff; left: -108px; top:242px;} #symbol .img_wrap .dot88{background: #e7e8e8; left: -108px; top:255px;} /*A시작*/ #symbol .img_wrap .dot89{width: 10px; height: 10px; background: #e7e8e8; left: 0px; top:76px} #symbol .img_wrap .dot90{width: 16px; height: 16px; background: #e7e8e8; left: 5px; top:76px} #symbol .img_wrap .dot91{width: 10px; height: 10px; background: #b2b3b3; left: 13px; top:93px} #symbol .img_wrap .dot92{width: 16px; height: 16px; background: #e7e8e8; left: 0px; top:125px} #symbol .img_wrap .dot93{width: 10px; height: 10px; background: #e7e8e8; left: 13px; top:125px} #symbol .img_wrap .dot94{width: 16px; height: 16px; background: #e7e8e8; left: 5px; top:110px} #symbol .img_wrap .dot95{width: 11px; height: 11px; background: #fff; left: 0px; top:115px} #symbol .img_wrap .dot96{width: 15px; height: 15px; background: #f8f8f8; left: 8px; top:135px;z-index: 2} #symbol .img_wrap .dot97{width: 16px; height: 16px;background: #b2b3b3; left: 0px ; top:86px;z-index: 2} #symbol .img_wrap .dot98{width: 13px; height: 13px;background: #e7e8e8; left: 5px ; top:104px;z-index: 2} #symbol .img_wrap .dot99{background: #fff; left: 0px ; top:93px;z-index: 2} #symbol .img_wrap .dot100{width: 16px; height: 16px;background: #b2b3b3; left: 5px ; top:102px;z-index: 2} #symbol .img_wrap .dot101{width: 11px; height: 11px;background: #e7e8e8; left:0px ; top:102px;z-index: 2} #symbol .img_wrap .dot102{width: 14px; height: 14px;background: #e7e8e8; left: 0px ; top:135px;z-index: 2} #symbol .img_wrap .dot103{width: 12px; height: 12px;background: #b2b3b3; left: 5px ; top:145px;z-index: 2} #symbol .img_wrap .dot104{width: 16px; height: 16px;background: #e7e8e8; left: 0px ; top:150px;z-index: 2} #symbol .img_wrap .dot105{width: 16px; height: 16px;background: #b2b3b3; left: 10px ; top:161px;z-index: 2} #symbol .img_wrap .dot106{width: 16px; height: 16px;background: #e7e8e8; left: -21px ; top:163px;} #symbol .img_wrap .dot107{width: 13px; height: 13px;background: #e7e8e8; left: -3px ; top:160px;} #symbol .img_wrap .dot108{width: 13px; height: 13px;background: #e7e8e8; left: -28px ; top:178px;} #symbol .img_wrap .dot109{width: 10px; height: 10px;background: #b2b3b3; left: 33px ; top:170px;z-index: 5} #symbol .img_wrap .dot110{width: 16px; height: 16px;background: #b2b3b3; left: 33px ; top:179px;z-index: 5} #symbol .img_wrap .dot111{width: 16px; height: 16px;background: #fff; left: 34px ; top:202px; z-index: 5} #symbol .img_wrap .dot112{width: 13px; height: 13px;background: #b2b3b3; left: -28px ; top:206px;z-index: 5} #symbol .img_wrap .dot113{width: 16px; height: 16px;background: #b2b3b3; left: -28px ; top:233px;z-index: 5} #symbol .img_wrap .dot114{width: 15px; height: 15px;background: #e7e8e8; left: 30px ; top:229px;z-index: 4} #symbol .img_wrap .dot115{width: 13px; height: 13px;background: #b2b3b3; left: 37px ; top:239px;z-index: 4} #symbol .img_wrap .dot116{width: 16px; height: 16px;background: #e7e8e8; left: 30px; top:251px;z-index: 4} #symbol .img_wrap .dot117{background: #9fa0a0; left: 30px; top:293px;z-index: 3} #symbol .img_wrap .dot118{width: 16px; height: 16px;background: #e7e8e8;left: -24px; top:253px;z-index: 4} #symbol .img_wrap .dot119{width: 14px; height: 14px;background: #b2b3b3; left: 30px; top:265px;z-index: 3} #symbol .img_wrap .dot120{width: 16px; height: 16px;background: #b2b3b3; left: -28px; top:270px;z-index: 3} #symbol .img_wrap .dot121{background: #9fa0a0; left: -24px; top:195px;z-index: 5} #symbol .img_wrap .dot122{background: #9fa0a0; left: -17px; top:202px;z-index: 5} #symbol .img_wrap .dot123{background: #e7e8e8; left: -17px; top:180px;z-index: 5} #symbol .img_wrap .dot124{background: #fff; left: -18px; top:237px;z-index: 5} #symbol .img_wrap .dot125{width: 12px; height: 12px;background: #9fa0a0; left: -28px; top:331px;z-index: 5} #symbol .img_wrap .dot126{width: 15px; height: 15px;background: #9fa0a0; left: -23px; top:315px;z-index: 5} #symbol .img_wrap .dot127{background: #9fa0a0; left: 37px; top:276px;z-index: 5} #symbol .img_wrap .dot128{width: 12px; height: 12px;background: #9fa0a0; left: -20px; top:307px;z-index: 5} #symbol .img_wrap .dot129{background: #9fa0a0; left: -15px; top:275px;z-index: 5} #symbol .img_wrap .dot130{background: #fff; left: 30px; top:309px;z-index: 4} #symbol .img_wrap .dot131{background: #fff; left: 37px; top:217px;z-index: 4} #symbol .img_wrap .dot132{background: #b2b3b3; left: 34px; top:320px;z-index: 4} #symbol .img_wrap .dot133{width: 16px; height: 16px;background: #9fa0a0; left: 35px; top:297px;z-index: 4} #symbol .img_wrap .dot134{background: #f8f8f8; left: 0px; top:270px;z-index: 4} #symbol .img_wrap .dot135{background: #fff; left: 30px; top:333px;z-index: 4} #symbol .img_wrap .dot136{background: #f8f8f8; left: 0px; top:280px;z-index: 3} #symbol .img_wrap .dot137{width: 14px; height: 14px;background: #f8f8f8; left: 10px; top:275px;z-index: 3} #symbol .img_wrap .dot138{width: 14px; height: 14px;background: #f8f8f8; left: -20px; top:302px;z-index: 3} #symbol .img_wrap .dot139{width: 13px; height: 13px;background: #f8f8f8; left: 30px; top:301px;z-index: 3} #symbol .img_wrap .dot140{background: #f8f8f8; left: 37px; top:313px;z-index: 3} #symbol .img_wrap .dot141{background: #f8f8f8; left: -25px; top:292px;z-index: 3} #symbol .img_wrap .dot142{width: 15px; height: 15px;background: #e7e8e8; left: -22px; top:329px;z-index: 2} #symbol .img_wrap .dot143{background: #e7e8e8; left: -28px; top:283px;z-index: 2} #symbol .img_wrap .dot144{width: 14px; height: 14px;background: #e7e8e8; left: 38px; top:330px;z-index: 2} #symbol .img_wrap .dot145{background: #e7e8e8; left: -28px; top:310px;z-index: 2} #symbol .img_wrap .dot146{background: #e7e8e8; left: -28px; top:266px;z-index: 2} #symbol .img_wrap .dot147{width: 14px; height: 14px;background: #9fa0a0; left: 17px; top:270px;z-index: 2} #symbol .img_wrap .dot148{width: 16px; height: 16px;background: #e7e8e8; left: 35px; top:283px;z-index: 2} #symbol .img_wrap .dot149{width: 12px; height: 12px;background: #9fa0a0; left: -28px; top:302px;} #symbol .img_wrap .dot150{background: #fff; left: 5px; top:268px;} #symbol .img_wrap .dot151{width: 14px; height: 14px;background:#e7e8e8; left: -10px; top:270px;} #symbol .img_wrap .dot152{background: #fff; left: -20px; top:269px;} #symbol .img_wrap .dot153{width: 14px; height: 14px;background: #e7e8e8; left: -28px; top:217px;} #symbol .img_wrap .dot154{background: #fff; left: -28px; top:251px;} #symbol .img_wrap .dot155{background: #9fa0a0; left: -25px; top:283px;} #symbol .img_wrap .dot156{background: #fff; left: -28px; top:283px;} #symbol .img_wrap .dot157{width: 12px; height: 12px;background: #e7e8e8;left: 25px; top:276px;} #symbol .img_wrap .dot158{width: 14px; height: 14px;background: #f8f8f8; left: 38px; top:263px;z-index: 2} #symbol .img_wrap .dot159{width: 14px; height: 14px;background: #f8f8f8; left: -15px; top:172px;z-index: 2} #symbol .img_wrap .dot160{background: #f8f8f8; left: -11px; top:158px;z-index: 2} #symbol .img_wrap .dot161{width: 14px; height: 14px;background: #f8f8f8; left: 20px; top:160px;z-index: 2} #symbol .img_wrap .dot162{width: 16px; height: 16px;background: #f8f8f8; left: -28px; top:184px;z-index: 2} #symbol .img_wrap .dot163{width: 13px; height: 13px;background: #f8f8f8; left: 29px; top:213px;z-index: 2} #symbol .img_wrap .dot164{width: 13px; height: 13px;background: #fff; left: 29px; top:183px;;z-index: 2} #symbol .img_wrap .dot165{background: #fff; left: 29px; top:163px;z-index: 2} #symbol .img_wrap .dot166{width: 13px; height: 13px;background: #f8f8f8; left: 25px; top:173px;z-index: 2} #symbol .img_wrap .dot167{width: 12px; height: 12px;background: #e7e8e8; left: 13px; top:158px;z-index: 2} #symbol .img_wrap .dot168{width: 16px; height: 16px;background: #fff; left: 34px ; top:192px; z-index: 5} #symbol .img_wrap .dot169{width: 16px; height: 16px;background: #f8f8f8;left: 30px ; top:222px; } #symbol .img_wrap .dot170{width: 14px; height: 14px;background: #fff; left: 29px ; top:192px; } #symbol .img_wrap .dot171{width: 15px;height: 15px;background: #e7e8e8; left: 36px ; top:228px; } #symbol .img_wrap .dot172{width: 16px;height: 16px;background: #ffffff; left: 34px ; top:252px; } #symbol .img_wrap .dot173{width: 16px;height: 16px;background: #ffffff; left: -24px; top:192px;} #symbol .img_wrap .dot174{width: 13px;height: 13px;background: #ffffff; left: -28px; top:198px;} #symbol .img_wrap .dot175{width: 14px;height: 14px;background: #d4d4d5; left: -22px; top:212px;z-index: 1} #symbol .img_wrap .dot176{width: 16px;height: 16px;background: #d4d4d5; left: -25px; top:222px;z-index: 1} #symbol .img_wrap .dot177{width: 16px;height: 16px;background: #d4d4d5; left: -24px; top:192px;z-index: 1} #symbol .img_wrap .dot178{width: 14px;height: 14px;background: #fff; left: -22px; top:165px;} #symbol .img_wrap .dot179{width: 15px;height: 15px;background: #e3e4e4; left: 36px; top:314px;} #symbol .img_wrap .dot180{width: 15px;height: 15px;background: #d4d4d5; left: 29px; top:317px;z-index: 2} #symbol .img_wrap .dot181{width: 16px;height: 16px;background: #e7e8e8; left: -28px; top:317px;} #symbol .img_wrap .dot182{width: 16px;height: 16px;background: #e7e8e8; left: -28px; top:317px;} #symbol .img_wrap .dot183{width: 16px;height: 16px;background: #b2b3b3; left: -25px; top:280px;} #symbol .img_wrap .dot184{width: 16px;height: 16px;background: #d4d4d5; left: -25px; top:230px;z-index: 2} #symbol .img_wrap .dot185{width: 16px;height: 16px;background: #e7e8e8; left: 29px; top:240px;} #symbol .img_wrap .dot186{width: 16px;height: 16px;background: #b2b3b3; left: -25px; top:242px;z-index: 2} #symbol .img_wrap .dot187{width: 13px;height: 13px;background: #e7e8e8; left: 29px; top:205px;} #symbol .img_wrap .dot188{width: 12px;height: 12px;background: #b2b3b3; left: 38px; top:214px;z-index: 2} #symbol .img_wrap .dot189{width: 16px;height: 16px;background: #e7e8e8; left: -11px; top:270px;} #symbol .img_wrap .dot190{width: 13px;height: 13px;background: #e7e8e8; left: -20px; top:290px;} #symbol .img_wrap .dot191{width: 16px;height: 16px;background: #b2b3b3; left: -28px; top:290px;z-index: 2} /*m*/ #symbol .img_wrap .dot192{width: 10px; height: 10px; background: #e7e8e8; left: 138px; top:76px} #symbol .img_wrap .dot193{width: 16px; height: 16px; background: #e7e8e8; left: 146px; top:76px} #symbol .img_wrap .dot194{width: 10px; height: 10px; background: #e7e8e8; left: 138px; top:85px} #symbol .img_wrap .dot195{width: 16px; height: 16px; background: #e7e8e8; left: 144px; top:90px} #symbol .img_wrap .dot196{width: 10px; height: 10px; background: #e7e8e8; left: 138px; top:95px} #symbol .img_wrap .dot197{width: 16px; height: 16px; background: #e7e8e8; left: 138px; top:105px} #symbol .img_wrap .dot198{width: 11px; height: 11px; background: #f8f8f8; left: 152px; top:105px} #symbol .img_wrap .dot199{width: 15px; height: 15px; background: #f8f8f8; left: 146px; top:115px;z-index: 2} #symbol .img_wrap .dot200{background: #e7e8e8; left: 138px; top:120px;} #symbol .img_wrap .dot201{background: #f8f8f8; left: 138px; top:130px;width: 12px; height: 12px;} #symbol .img_wrap .dot202{background: #f8f8f8; left: 150px; top:129px;width: 11px; height: 11px;} #symbol .img_wrap .dot203{background: #f8f8f8; left: 138px; top:140px;} #symbol .img_wrap .dot204{background: #f8f8f8; left: 138px; top:149px;width: 16px; height: 16px;} #symbol .img_wrap .dot205{background: #fff; left: 148px; top:140px;width: 12px; height: 12px;} #symbol .img_wrap .dot206{background: #fff; left: 162px; top:163px;} #symbol .img_wrap .dot207{background: #fff; left: 155px; top:158px;width: 12px; height: 12px;} #symbol .img_wrap .dot208{background: #fff; left: 150px; top:163px;width: 14px; height: 14px;} #symbol .img_wrap .dot209{background: #fff; left: 170px; top:170px;width: 14px; height: 14px;} #symbol .img_wrap .dot210{background: #e7e8e8; left: 159px; top:170px;} #symbol .img_wrap .dot211{background: #e7e8e8; left: 175px; top:180px;} #symbol .img_wrap .dot212{background: #e7e8e8; left: 164px; top:178px;} #symbol .img_wrap .dot213{background: #fff; left: 167px; top:186px;width: 14px; height: 14px;} #symbol .img_wrap .dot214{background: #fff; left: 173px; top:185px;} #symbol .img_wrap .dot215{background: #e7e8e8; left: 176px; top:195px;width: 14px; height: 14px;} #symbol .img_wrap .dot216{background: #e7e8e8; left: 182px; top:188px;width: 8px; height: 8px;} #symbol .img_wrap .dot217{background: #e7e8e8; left: 173px; top:205px;} #symbol .img_wrap .dot218{width: 16px; height: 16px;background: #e7e8e8; left: 170px; top:215px;} #symbol .img_wrap .dot219{background: #b2b3b3; left: 167px; top:198px;} #symbol .img_wrap .dot220{width: 13px; height: 13px;background: #e7e8e8; left: 168px; top:230px;} #symbol .img_wrap .dot221{width: 13px; height: 13px;background: #e7e8e8; left: 176px; top:225px;} #symbol .img_wrap .dot222{background: #e7e8e8; left: 173px; top:235px;} #symbol .img_wrap .dot223{width: 9px; height: 9px;background: #b2b3b3;left: 168px; top:215px;z-index: 2} #symbol .img_wrap .dot224{width: 12px; height: 12px;background: #e7e8e8; left: 166px;top:204px;} #symbol .img_wrap .dot225{width: 16px; height: 16px;background: #b2b3b3;left: 167px; top:240px;} #symbol .img_wrap .dot226{background: #e7e8e8; width: 9px; height: 9px;left: 171px; top:208px;} #symbol .img_wrap .dot227{background: #e7e8e8; left: 169px; top:255px;} #symbol .img_wrap .dot228{width: 13px; height: 13px;background: #e7e8e8; left: 176px; top:245px;z-index: 4} #symbol .img_wrap .dot229{width: 16px; height: 16px;background: #b2b3b3; left: 173px; top:256px;z-index: 2} #symbol .img_wrap .dot230{width: 13px; height: 13px;background: #b2b3b3; left: 168px; top:278px;} #symbol .img_wrap .dot231{width: 12px; height: 12px;background: #b2b3b3; left: 168px; top:268px;z-index: 2} #symbol .img_wrap .dot232{width: 16px; height: 16px;background: #e7e8e8; left: 173px; top:288px;} #symbol .img_wrap .dot233{background: #e7e8e8; left: 168px; top:290px;z-index: 3} #symbol .img_wrap .dot234{width: 16px; height: 16px;background: #fff; left: 173px; top:270px;z-index: 2} #symbol .img_wrap .dot235{width: 9px; height: 9px;background: #e7e8e8; left: 168px; top:308px;} #symbol .img_wrap .dot236{width: 16px; height: 16px;background: #b2b3b3; left: 168px; top:298px;z-index: 2} #symbol .img_wrap .dot237{width: 14px; height: 14px;background: #e7e8e8; left: 168px; top:330px;z-index: 2} #symbol .img_wrap .dot238{width: 16px; height: 16px;background: #e7e8e8; left: 167px; top:315px;} #symbol .img_wrap .dot239{background: #b2b3b3;left: 179px; top:315px;} #symbol .img_wrap .dot240{background: #e7e8e8; left: 178px; top:305px;} #symbol .img_wrap .dot241{width: 13px; height: 13px;background: #b2b3b3; left: 176px; top:325px;z-index: 3} #symbol .img_wrap .dot242{width: 11px; height: 11px;background: #e7e8e8; left: 168px; top:310px;} #symbol .img_wrap .dot243{width: 12px; height: 12px;background: #e7e8e8; left: 177px; top:330px;} #symbol .img_wrap .dot244{width: 16px; height: 16px;background: #e7e8e8;background: #e7e8e8; left: 110px; top:185px;} #symbol .img_wrap .dot245{width: 16px; height: 16px;background: #e7e8e8; left: 142px; top:158px;} #symbol .img_wrap .dot246{width: 13px; height: 13px;background: #e7e8e8; left: 115px; top:175px;} #symbol .img_wrap .dot247{width: 12px; height: 12px;background: #e7e8e8; left: 132px; top:153px;} #symbol .img_wrap .dot248{width: 16px; height: 16px;background: #e7e8e8; left: 110px; top:173px;} #symbol .img_wrap .dot249{width: 12px; height: 12px;background: #e7e8e8; left: 126px; top:159px;} #symbol .img_wrap .dot250{width: 16px; height: 16px;background: #e7e8e8; left: 119px; top:163px;} #symbol .img_wrap .dot251{width: 13px; height: 13px;background: #e7e8e8; left: 123px; top:171px;} #symbol .img_wrap .dot252{width: 15px; height: 15px;background: #e7e8e8; left: 109px; top:200px;} #symbol .img_wrap .dot253{width: 12px; height: 12px;background: #fff; left: 119px; top:196px;} #symbol .img_wrap .dot254{width: 16px; height: 16px;background: #e7e8e8; left: 115px; top:217px;} #symbol .img_wrap .dot255{width: 12px; height: 12px;background: #fff; left: 110px; top:178px;} #symbol .img_wrap .dot256{background: #d4d4d5; left: 120px; top:185px;} #symbol .img_wrap .dot257{background: #d4d4d5; left: 120px; top:246px;} #symbol .img_wrap .dot258{width: 13px; height: 13px;background: #d4d4d5; left: 117px; top:194px;z-index: 2} #symbol .img_wrap .dot259{width: 15px; height: 15px;background: #fff; left: 116px; top:206px;} #symbol .img_wrap .dot260{width: 14px; height: 14px;background: #e7e8e8; left: 116px; top:232px;} #symbol .img_wrap .dot261{background: #e7e8e8; left: 110px; top:272px;} #symbol .img_wrap .dot262{width: 16px; height: 16px;background: #fff; left: 115px; top:253px;} #symbol .img_wrap .dot263{width: 16px; height: 16px;background: #e7e8e8; left: 115px; top:305px;} #symbol .img_wrap .dot264{width: 16px; height: 16px;background: #e7e8e8; left: 112px; top:290px;} #symbol .img_wrap .dot265{width: 16px; height: 16px;background: #d4d4d5; left: 111px; top:245px;} #symbol .img_wrap .dot266{width: 13px; height: 13px;background: #d4d4d5; left: 117px; top:278px;z-index: 2} #symbol .img_wrap .dot267{background: #fff; left: 109px; top:232px;z-index: 3} #symbol .img_wrap .dot268{width: 12px; height: 12px;background: #e7e8e8; left: 110px; top:225px;} #symbol .img_wrap .dot269{width: 13px; height: 13px;background: #fff; left: 110px; top:262px;} #symbol .img_wrap .dot270{width: 12px; height: 12px;background: #d4d4d5; left:110px; top:293px;} #symbol .img_wrap .dot271{width: 13px; height: 13px;background: #e7e8e8; left: 117px; top:330px;} #symbol .img_wrap .dot272{width: 12px; height: 12px;background: #b2b3b3; left: 109px; top:320px;z-index: 2} #symbol .img_wrap .dot273{background: #e7e8e8; left: 109px; top:333px;z-index: 2} #symbol .img_wrap .dot274{width: 14px; height: 14px;background: #b2b3b3; left: 110px; top:278px;z-index: 2} #symbol .img_wrap .dot275{background: #b2b3b3; left: 110px; top:303px;z-index: 2} #symbol .img_wrap .dot276{width: 14px; height: 14px;background: #e7e8e8; left: 116px; top:319px;z-index: 2} #symbol .img_wrap .dot277{width: 15px; height: 15px;background: #d4d4d5; left: 116px; top:263px;} #symbol .img_wrap .dot278{background: #fff; left: 110px; top:242px;} #symbol .img_wrap .dot279{background: #e7e8e8; left: 110px; top:255px;} #symbol .img_wrap .dot280{background: #fff; left: 109px; top:215px} #symbol .img_wrap .dot281{background: #fff; left: 109px; top:312px} #symbol .img_wrap .dot282{background: #fff; left: 120px; top:297px} #symbol .img_wrap .dot283{background: #fff; left: 134px; top:167px} #symbol .img_wrap .dot284{background: #fff; left: 138px; top:161px} #symbol .img_wrap .dot285{background: #fff; left: 152px; top:150px; z-index: 2} #symbol .img_wrap .dot286{background: #fff; left: 119px; top:285px; z-index: 2;width: 12px; height: 12px;} #symbol .img_wrap .dot287{background: #fff; left: 179px; top:253px} #symbol .img_wrap .dot288{background: #f8f8f8; left: 165px; top:163px;width: 13px; height: 13px;} #symbol .img_wrap .dot289{background: #f8f8f8; left: 176px; top:206px;width: 13px; height: 13px;} #symbol .img_wrap .dot290{background: #f8f8f8; left: 176px; top:236px;width: 13px; height: 13px;} #symbol .img_wrap .dot291{background: #f8f8f8; left: 176px; top:283px;width: 13px; height: 13px;} #symbol .img_wrap .dot292{background: #f8f8f8; left: 173px; top:300px;width: 16px; height: 16px;} #symbol .img_wrap .dot293{width: 13px; height: 13px;background: #e7e8e8; left: 205px; top:138px;} #symbol .img_wrap .dot294{background: #f8f8f8; left: 208px; top:148px;} #symbol .img_wrap .dot295{background: #e7e8e8; left: 227px; top:200px;} #symbol .img_wrap .dot296{background: #e7e8e8; left: 235px; top:186px;width: 13px; height: 13px;} #symbol .img_wrap .dot297{background: #e7e8e8;left: 237px; top:235px;} /*m_2*/ #symbol .img_wrap .dot298{width: 10px; height: 10px; background: #e7e8e8; left: 198px; top:76px} #symbol .img_wrap .dot299{width: 16px; height: 16px; background: #e7e8e8; left: 202px; top:76px} #symbol .img_wrap .dot300{width: 10px; height: 10px; background: #e7e8e8; left: 198px; top:85px} #symbol .img_wrap .dot301{width: 16px; height: 16px; background: #e7e8e8; left: 204px; top:90px} #symbol .img_wrap .dot302{width: 10px; height: 10px; background: #e7e8e8; left: 198px; top:95px} #symbol .img_wrap .dot303{width: 16px; height: 16px; background: #e7e8e8; left: 198px; top:104px} #symbol .img_wrap .dot304{width: 11px; height: 11px; background: #f8f8f8; left: 208px; top:103px} #symbol .img_wrap .dot305{width: 15px; height: 15px; background: #f8f8f8; left: 203px; top:115px;z-index: 2} #symbol .img_wrap .dot306{background: #e7e8e8; left: 198px; top:120px;} #symbol .img_wrap .dot307{background: #f8f8f8; left: 198px; top:130px;width: 12px; height: 12px;} #symbol .img_wrap .dot308{background: #f8f8f8; left: 208px; top:129px;width: 11px; height: 11px;} #symbol .img_wrap .dot309{background: #f8f8f8; left: 198px; top:140px;} #symbol .img_wrap .dot310{background: #f8f8f8; left: 198px; top:149px;width: 16px; height: 16px;} #symbol .img_wrap .dot311{background: #fff; left: 203px; top:140px;width: 12px; height: 12px;} #symbol .img_wrap .dot312{width: 16px; height: 16px;background: #d4d4d5; left: 178px; top:163px;} #symbol .img_wrap .dot313{width: 13px; height: 13px;background: #f8f8f8; left: 189px; top:158px;z-index: 2} #symbol .img_wrap .dot314{background: #fff; left: 189px; top:170px;z-index: 3} #symbol .img_wrap .dot315{width: 12px; height: 12px;background: #e7e8e8; left: 180px; top:175px;} #symbol .img_wrap .dot316{width: 13px; height: 13px;background: #fff; left: 196px; top:163px;} #symbol .img_wrap .dot317{width: 12px; height: 12px;background: #d4d4d5; left: 205px; top:163px;} #symbol .img_wrap .dot318{width: 13px; height: 13px;background: #e7e8e8; left: 212px; top:155px;} #symbol .img_wrap .dot319{width: 12px; height: 12px;background: #b2b3b3; left: 220px; top:160px;;z-index: 2} #symbol .img_wrap .dot320{background: #e7e8e8; left: 214px; top:167px;z-index: 2;width: 11px; height: 11px;} #symbol .img_wrap .dot321{width: 14px; height: 14px;background: #b2b3b3; left: 224px; top:165px;z-index: 2} #symbol .img_wrap .dot322{background: #b2b3b3; left: 220px; top:175px;z-index: 2} #symbol .img_wrap .dot323{width: 14px; height: 14px;background: #e7e8e8; left: 229px; top:170px; z-index: 2} #symbol .img_wrap .dot324{width: 15px; height: 15px;background: #d4d4d5; left: 225px; top:180px;} #symbol .img_wrap .dot325{background: #fff; left: 235px; top:180px;width: 11px; height: 11px;} #symbol .img_wrap .dot326{background: #e7e8e8; left: 234px; top:195px;width: 14px; height: 14px;} #symbol .img_wrap .dot327{background: #fff; left: 226px; top:207px;width: 16px; height: 16px;} #symbol .img_wrap .dot328{background: #fff; left: 226px; top:192px;width: 12px; height: 12px;} #symbol .img_wrap .dot329{background: #fff; left: 238px; top:205px;} #symbol .img_wrap .dot330{background: #d4d4d5; width: 14px; height: 14px;left: 233px; top:212px;} #symbol .img_wrap .dot331{background: #fff; left: 226px; top:220px;width: 12px; height: 12px;} #symbol .img_wrap .dot332{background: #fff;width: 12px; height: 12px;left: 235px; top:224px; z-index: 2} #symbol .img_wrap .dot333{background: #b2b3b3; left: 227px; top:230px;z-index: 2;width: 14px; height: 14px;} #symbol .img_wrap .dot334{background: #d4d4d5; width: 14px; height: 14px;left: 233px; top:212px;} #symbol .img_wrap .dot335{background: #f8f8f8; left: 226px; top:240px;} #symbol .img_wrap .dot336{background: #f8f8f8; left: 235px; top:243px;width: 13px; height: 13px;} #symbol .img_wrap .dot337{background: #f8f8f8; left: 226px; top:236px;width: 13px; height: 13px;} #symbol .img_wrap .dot338{background: #b2b3b3; left: 234px; top:253px;width: 13px; height: 13px;} #symbol .img_wrap .dot339{background: #f8f8f8; left: 233px; top:262px;width: 16px; height: 16px;} #symbol .img_wrap .dot340{background: #e7e8e8; left: 226px; top:248px;width: 14px; height: 14px;} #symbol .img_wrap .dot341{background: #f8f8f8; left: 225px; top:253px;width: 16px; height: 16px;} #symbol .img_wrap .dot342{background: #e7e8e8; left: 225px; top:266px;width: 11px; height: 11px;} #symbol .img_wrap .dot343{background: #b2b3b3; left: 238px; top:272px;} #symbol .img_wrap .dot344{background: #fff; left: 225px; top:275px;width: 16px; height: 16px;} #symbol .img_wrap .dot345{background: #fff; left: 236px; top:282px;width: 12px; height: 12px;} #symbol .img_wrap .dot346{background: #fff;width: 12px; height: 12px;left: 226px; top:290px; z-index: 2} #symbol .img_wrap .dot347{background: #b2b3b3; left: 227px; top:300px;z-index: 2;width: 14px; height: 14px;} #symbol .img_wrap .dot348{background: #d4d4d5; width: 14px; height: 14px;left: 233px; top:292px;} #symbol .img_wrap .dot349{background: #b2b3b3; left: 227px; top:310px;width: 11px; height: 11px;} #symbol .img_wrap .dot350{background: #f8f8f8; left: 235px; top:303px;width: 13px; height: 13px;} #symbol .img_wrap .dot351{background: #fff; left: 226px; top:296px;width: 13px; height: 13px;} #symbol .img_wrap .dot352{background: #b2b3b3; left: 234px; top:316px;width: 13px; height: 13px;} #symbol .img_wrap .dot353{background: #f8f8f8; left: 233px; top:328px;width: 16px; height: 16px;} #symbol .img_wrap .dot354{background: #fff; left: 227px; top:320px;width: 12px; height: 12px;} #symbol .img_wrap .dot355{background: #b2b3b3; width: 13px; height: 13px;left: 227px; top:329px;} #symbol .img_wrap .dot357{background: #fff; left: 226px; top:315px;} /*D*/ #symbol .img_wrap .dot356{background: #f8f8f8; left: 343px; top:115px;width: 13px; height: 13px;} #symbol .img_wrap .dot358{background: #b2b3b3; left: 335px; top:76px;} #symbol .img_wrap .dot359{background: #f8f8f8; left: 335px; top:83px;width: 16px; height: 16px;} #symbol .img_wrap .dot360{background: #f8f8f8; left: 343px; top:76px;width: 13px; height: 13px;} #symbol .img_wrap .dot361{background: #b2b3b3; left: 335px; top:96px;} #symbol .img_wrap .dot362{background: #f8f8f8; left: 335px; top:103px;width: 16px; height: 16px;} #symbol .img_wrap .dot363{background: #fff; left: 343px; top:88px;width: 13px; height: 13px;} #symbol .img_wrap .dot364{background: #b2b3b3; left: 335px; top:116px;} #symbol .img_wrap .dot365{background: #f8f8f8; left: 335px; top:148px;width: 16px; height: 16px;} #symbol .img_wrap .dot366{background: #d4d4d5; left: 306px; top:168px;width: 13px; height: 13px;} #symbol .img_wrap .dot367{background: #b2b3b3; left: 337px; top:163px;width: 11px; height: 11px;} #symbol .img_wrap .dot368{background: #f8f8f8; left: 306px; top:156px;width: 16px; height: 16px;} #symbol .img_wrap .dot369{background: #b2b3b3; left: 335px; top:135px;width: 16px; height: 16px;} #symbol .img_wrap .dot370{background: #f8f8f8; left: 306px; top:186px;width: 16px; height: 16px;} #symbol .img_wrap .dot371{background: #fff; left: 345px; top:96px;width: 12px; height: 12px;} #symbol .img_wrap .dot372{background: #d4d4d5; left: 345px; top:104px;width: 13px; height: 13px;} #symbol .img_wrap .dot373{background: #d4d4d5; left: 341px; top:123px;width: 16px; height: 16px;} #symbol .img_wrap .dot374{background: #b2b3b3; left: 335px; top:125px;width: 12px; height: 12px;} #symbol .img_wrap .dot375{background: #fff; left: 345px; top:157px;width: 16px; height: 16px;} #symbol .img_wrap .dot376{background: #fff; left: 345px; top:146px;width: 13px; height: 13px;} #symbol .img_wrap .dot377{background: #fff; left: 346px; top:137px;width: 11px; height: 11px;} #symbol .img_wrap .dot378{background: #d4d4d5; left: 364px; top:170px;width: 16px; height: 16px;} #symbol .img_wrap .dot379{background: #b2b3b3; left: 371px; top:182px;width: 13px; height: 13px;} #symbol .img_wrap .dot380{background: #fff; left: 346px; top:167px;} #symbol .img_wrap .dot381{background: #d4d4d5; left: 364px; top:189px;width: 16px; height: 16px;} #symbol .img_wrap .dot382{background: #b2b3b3; left: 371px; top:205px;width: 13px; height: 13px;} #symbol .img_wrap .dot383{background: #fff; left: 375px; top:212px;} #symbol .img_wrap .dot384{background: #fff; left: 372px; top:192px;width: 14px; height: 14px;} #symbol .img_wrap .dot383{background: #b2b3b3; left: 369px; top:232px;width: 16px; height: 16px;} #symbol .img_wrap .dot385{background: #fff; left: 364px; top:212px;} #symbol .img_wrap .dot385{background: #fff; left: 362px; top:182px;} #symbol .img_wrap .dot386{background: #fff; left: 355px; top:168px;width: 14px; height: 14px;} #symbol .img_wrap .dot387{background: #b2b3b3; left: 359px; top:162px;width: 12px; height: 12px;} #symbol .img_wrap .dot388{background: #d4d4d5; left: 319px; top:156px;width: 13px; height: 13px;} #symbol .img_wrap .dot389{background: #fff; left: 327px; top:156px;width: 15px; height: 15px;} #symbol .img_wrap .dot390{background: #b2b3b3; left: 318px; top:165px;width: 12px; height: 12px;} #symbol .img_wrap .dot391{background: #d4d4d5; left: 328px; top:165px;} #symbol .img_wrap .dot392{background: #fff; left: 311px; top:175px;width: 16px; height: 16px;} #symbol .img_wrap .dot393{background: #d4d4d5; left: 305px; top:179px;} #symbol .img_wrap .dot394{background: #d4d4d5; left: 315px; top:186px;width: 12px; height: 12px;} #symbol .img_wrap .dot395{background: #f8f8f8; left: 305px; top:197px;width: 14px; height: 14px;} #symbol .img_wrap .dot396{background: #b2b3b3; left: 315px; top:195px;width: 13px; height: 13px;} #symbol .img_wrap .dot397{background: #d4d4d5; left: 305px; top:208px;width: 16px; height: 16px;} #symbol .img_wrap .dot398{background: #f8f8f8; left: 314px; top:204px;width: 14px; height: 14px;} #symbol .img_wrap .dot399{background: #d4d4d5; left: 312px; top:216px;width: 16px; height: 16px;} #symbol .img_wrap .dot400{background: #f8f8f8; left: 305px; top:222px;width: 14px; height: 14px;} #symbol .img_wrap .dot401{background: #d4d4d5; left: 305px; top:232px;width: 12px; height: 12px;} #symbol .img_wrap .dot402{background: #f8f8f8; left: 314px; top:230px;width: 14px; height: 14px;} #symbol .img_wrap .dot403{background: #d4d4d5; left: 305px; top:242px;width: 16px; height: 16px;} #symbol .img_wrap .dot404{background: #f8f8f8; left: 316px; top:242px;} #symbol .img_wrap .dot405{background: #b2b3b3; left: 314px; top:250px;width: 13px; height: 13px;} #symbol .img_wrap .dot406{background: #fff; left: 312px; top:261px;width: 16px; height: 16px;} #symbol .img_wrap .dot407{background: #d4d4d5; left: 306px; top:257px;width: 12px; height: 12px;} #symbol .img_wrap .dot408{background: #fff; left: 306px; top:268px;width: 9px; height: 9px;} #symbol .img_wrap .dot409{background: #d4d4d5; left: 306px; top:274px;width: 16px; height: 16px;} #symbol .img_wrap .dot410{background: #f8f8f8; left: 318px; top:275px; } #symbol .img_wrap .dot411{background: #d4d4d5; left: 306px; top:288px;width: 14px; height: 14px;} #symbol .img_wrap .dot412{background: #fff; left: 315px; top:284px;width: 13px; height: 13px;} #symbol .img_wrap .dot413{background: #fff; left: 305px; top:300px;width: 16px; height: 16px;} #symbol .img_wrap .dot414{background: #d4d4d5; left: 315px; top:295px;width: 12px; height: 12px;} #symbol .img_wrap .dot415{background: #d4d4d5; left: 314px; top:305px;width: 14px; height: 14px;} #symbol .img_wrap .dot416{background: #fff; left: 305px; top:315px;width: 16px; height: 16px;} #symbol .img_wrap .dot417{background: #d4d4d5; left: 315px; top:318px;width: 12px; height: 12px;} #symbol .img_wrap .dot418{background: #d4d4d5; left: 305px; top:328px;width: 16px; height: 16px;} #symbol .img_wrap .dot419{background: #f8f8f8; left: 315px; top:328px;width: 14px; height: 14px;} #symbol .img_wrap .dot420{background: #d4d4d5; left: 325px; top:324px;width: 12px; height: 12px;} #symbol .img_wrap .dot421{background: #d4d4d5; left: 335px; top:328px;width: 14px; height: 14px;} #symbol .img_wrap .dot422{background: #d4d4d5; left: 345px; top:330px;width: 14px; height: 14px;} #symbol .img_wrap .dot423{background: #f8f8f8; left: 325px; top:332px;width: 11px; height: 11px;} #symbol .img_wrap .dot424{background: #f8f8f8; left: 335px; top:323px; } #symbol .img_wrap .dot425{background: #f8f8f8; left: 343px; top:323px;width: 14px; height: 14px; } #symbol .img_wrap .dot426{background: #f8f8f8; left: 355px; top:323px;width: 16px; height: 16px; } #symbol .img_wrap .dot427{background: #d4d4d5; left: 353px; top:318px;width: 9px; height: 9px; } #symbol .img_wrap .dot428{background: #fff; left: 365px; top:315px;width: 16px; height: 16px; } #symbol .img_wrap .dot429{background: #b2b3b3; left: 359px; top:312px;width: 12px; height: 12px; } #symbol .img_wrap .dot430{background: #fff; left: 363px; top:300px;width: 16px; height: 16px; } #symbol .img_wrap .dot431{background: #d4d4d5; left: 370px; top:308px;width: 13px; height: 13px; } #symbol .img_wrap .dot432{background: #f8f8f8; left: 370px; top:290px;width: 15px; height: 15px; } #symbol .img_wrap .dot433{background: #d4d4d5; left: 376px; top:302px;width: 9px; height: 9px; } #symbol .img_wrap .dot434{background: #d4d4d5; left: 365px; top:294px;} #symbol .img_wrap .dot435{background: #d4d4d5; left: 371px; top:279px;width: 14px; height: 14px;} #symbol .img_wrap .dot436{background: #fff; left: 364px; top:282px;width: 14px; height: 14px;} #symbol .img_wrap .dot437{background: #f8f8f8; left: 364px; top:272px;width: 16px; height: 16px;} #symbol .img_wrap .dot438{background: #f8f8f8; left: 373px; top:267px;width: 13px; height: 13px;} #symbol .img_wrap .dot439{background: #f8f8f8; left: 363px; top:257px;width: 16px; height: 16px;} #symbol .img_wrap .dot440{background: #d4d4d5; left: 373px; top:258px;width: 12px; height: 12px;} #symbol .img_wrap .dot441{background: #d4d4d5; left: 370px; top:245px;width: 16px; height: 16px;} #symbol .img_wrap .dot442{background: #d4d4d5; left: 363px; top:245px;width: 13px; height: 13px;} #symbol .img_wrap .dot443{background: #d4d4d5; left: 363px; top:235px;width: 11px; height: 11px;} #symbol .img_wrap .dot444{background: #f8f8f8; left: 364px; top:227px; } #symbol .img_wrap .dot445{background: #f8f8f8; left: 370px; top:217px;width: 16px; height: 16px;} #symbol .img_wrap .dot446{background: #d4d4d5; left: 364px; top:215px;width: 13px; height: 13px;} #symbol .img_wrap .dot447{background: #f8f8f8; left: 364px; top:204px;width: 16px; height: 16px;} /*o글자*/ #symbol .img_wrap .dot448{width: 10px; height: 10px; background: #e7e8e8; left: 474px; top:76px} #symbol .img_wrap .dot449{width: 16px; height: 16px; background: #e7e8e8; left: 479px; top:76px} #symbol .img_wrap .dot450{width: 10px; height: 10px; background: #e7e8e8; left: 474px; top:85px} #symbol .img_wrap .dot451{width: 16px; height: 16px; background: #e7e8e8; left: 479px; top:90px} #symbol .img_wrap .dot452{width: 10px; height: 10px; background: #e7e8e8; left: 474px; top:95px} #symbol .img_wrap .dot453{width: 13px; height: 13px; background: #e7e8e8; left: 483px; top:104px} #symbol .img_wrap .dot454{width: 11px; height: 11px; background: #f8f8f8; left: 474px; top:103px} #symbol .img_wrap .dot455{width: 15px; height: 15px; background: #f8f8f8; left: 479px; top:115px;z-index: 2} #symbol .img_wrap .dot456{background: #e7e8e8; left: 474px; top:120px;} #symbol .img_wrap .dot457{background: #f8f8f8; left: 474px; top:130px;width: 12px; height: 12px;} #symbol .img_wrap .dot458{background: #f8f8f8; left: 474px; top:129px;width: 11px; height: 11px;} #symbol .img_wrap .dot459{background: #f8f8f8; left: 474px; top:140px;} #symbol .img_wrap .dot460{background: #f8f8f8; left: 474px; top:149px;width: 16px; height: 16px;} #symbol .img_wrap .dot461{background: #fff; left: 483px; top:130px;width: 12px; height: 12px;} #symbol .img_wrap .dot462{background: #f8f8f8; left: 474px; top:110px;} #symbol .img_wrap .dot463{width: 15px; height: 15px;background: #f8f8f8; left: 480px; top:140px;} #symbol .img_wrap .dot464{width: 15px; height: 15px;background: #f8f8f8; left: 444px; top:180px;} #symbol .img_wrap .dot465{width: 13px; height: 13px;background: #d4d4d5; left: 450px; top:170px;} #symbol .img_wrap .dot466{background: #d4d4d5; left: 455px; top:165px;} #symbol .img_wrap .dot467{width: 14px; height: 14px;background: #d4d4d5; left: 465px; top:156px;} #symbol .img_wrap .dot468{width: 16px; height: 16px;background: #fff; left: 458px; top:160px;} #symbol .img_wrap .dot469{width: 11px; height: 11px;background: #e7e8e8; left: 457px; top:183px;} #symbol .img_wrap .dot470{width: 13px; height: 13px;background: #fff; left: 456px; top:173px;} #symbol .img_wrap .dot471{width: 12px; height: 12px;background: #e7e8e8; left: 452px; top:192px;} #symbol .img_wrap .dot472{width: 16px; height: 16px;background: #d4d4d5; left: 444px; top:203px;} #symbol .img_wrap .dot473{width: 11px; height: 11px;background: #fff; left: 444px; top:194px;} #symbol .img_wrap .dot474{width: 13px; height: 13px;background: #fff; left: 452px; top:202px;} #symbol .img_wrap .dot475{width: 16px; height: 16px;background: #fff; left: 450px; top:212px;} #symbol .img_wrap .dot476{width: 12px; height: 12px;background: #e7e8e8; left: 444px; top:212px;} #symbol .img_wrap .dot475{width: 16px; height: 16px;background: #fff; left: 444px; top:222px;} #symbol .img_wrap .dot476{width: 16px; height: 16px;background: #e7e8e8; left: 450px; top:214px;} #symbol .img_wrap .dot477{background: #d4d4d5; left: 444px; top:216px;} #symbol .img_wrap .dot478{width: 16px; height: 16px;background: #fff; left: 444px; top:224px;} #symbol .img_wrap .dot479{width: 16px; height: 16px;background: #fff; left: 450px; top:238px;} #symbol .img_wrap .dot480{width: 13px; height: 13px;background: #d4d4d5; left: 452px; top:228px;} #symbol .img_wrap .dot481{background: #d4d4d5; left: 444px; top:234px;} #symbol .img_wrap .dot482{width: 16px; height: 16px;background: #d4d4d5; left: 450px; top:245px;} #symbol .img_wrap .dot483{width: 11px; height: 11px;background: #b2b3b3; left: 444px; top:242px;} #symbol .img_wrap .dot484{width: 15px; height: 15px;background: #fff; left: 444px; top:252px;} #symbol .img_wrap .dot485{width: 16px; height: 16px;background: #b2b3b3; left: 450px; top:258px;} #symbol .img_wrap .dot486{background: #d4d4d5; left: 444px; top:265px;} #symbol .img_wrap .dot487{width: 15px; height: 15px;background: #fff; left: 444px; top:273px;} #symbol .img_wrap .dot488{width: 11px; height: 11px;background: #f8f8f8; left: 453px; top:270px;} #symbol .img_wrap .dot489{width: 16px; height: 16px;background: #f8f8f8; left: 450px; top:288px;} #symbol .img_wrap .dot490{width: 16px; height: 16px;background: #d4d4d5; left: 444px; top:300px;} #symbol .img_wrap .dot491{width: 13px; height: 13px;background: #fff; left: 444px; top:285px;} #symbol .img_wrap .dot492{background: #b2b3b3; left: 454px; top:280px;} #symbol .img_wrap .dot493{background: #d4d4d5; left: 444px; top:290px;} #symbol .img_wrap .dot494{width: 13px; height: 13px;background: #b2b3b3; left: 446px; top:312px;} #symbol .img_wrap .dot495{width: 16px; height: 16px;background: #fff; left: 452px; top:320px;} #symbol .img_wrap .dot496{width: 14px; height: 14px;background: #f8f8f8; left: 463px; top:329px;} #symbol .img_wrap .dot497{width: 12px; height: 12px;background: #b2b3b3; left: 473px; top:333px;} #symbol .img_wrap .dot498{width: 15px; height: 15px;background: #b2b3b3; left: 483px; top:330px;} #symbol .img_wrap .dot499{width: 15px; height: 15px;background: #fff; left: 493px; top:320px;} #symbol .img_wrap .dot500{width: 11px; height: 11px;background: #b2b3b3; left: 473px; top:325px;} #symbol .img_wrap .dot501{width: 12px; height: 12px;background: #b2b3b3; left: 462px; top:320px;} #symbol .img_wrap .dot502{width: 13px; height: 13px;background: #fff; left: 455px; top:310px;} #symbol .img_wrap .dot503{width: 14px; height: 14px;background: #f8f8f8; left: 452px; top:300px;} #symbol .img_wrap .dot504{width: 12px; height: 12px;background: #fff; left: 483px; top:325px;} #symbol .img_wrap .dot505{width: 14px; height: 14px;background: #f8f8f8; left: 501px; top:310px;} #symbol .img_wrap .dot506{width: 15px; height: 15px;background: #b2b3b3; left: 503px; top:320px;} #symbol .img_wrap .dot507{width: 14px; height: 14px;background: #fff; left: 495px; top:327px;} #symbol .img_wrap .dot508{width: 14px; height: 14px;background: #f8f8f8; left: 505px; top:290px;} #symbol .img_wrap .dot509{width: 12px; height: 12px;background: #d4d4d5; left: 510px; top:315px;} #symbol .img_wrap .dot510{width: 16px; height: 16px;background: #b2b3b3; left: 508px; top:302px;} #symbol .img_wrap .dot511{width: 13px; height: 13px;background: #fff; left: 512px; top:296px;} #symbol .img_wrap .dot512{background: #f8f8f8; left: 504px; top:302px;} #symbol .img_wrap .dot513{background: #b2b3b3; left: 505px; top:283px;} #symbol .img_wrap .dot514{width: 16px; height: 16px;background: #fff; left: 510px; top:270px;} #symbol .img_wrap .dot515{width: 12px; height: 12px;background: #f8f8f8; left: 513px; top:285px;} #symbol .img_wrap .dot516{width: 9px; height: 9px;background: #f8f8f8; left: 505px; top:275px;} #symbol .img_wrap .dot517{width: 14px; height: 14px;background: #b2b3b3; left: 505px; top:265px;} #symbol .img_wrap .dot518{width: 16px; height: 16px;background: #f8f8f8; left: 505px; top:255px;} #symbol .img_wrap .dot519{width: 12px; height: 12px;background: #f8f8f8; left: 513px; top:262px;} #symbol .img_wrap .dot520{width: 11px; height: 11px;background: #b2b3b3; left: 515px; top:252px;} #symbol .img_wrap .dot520{width: 16px; height: 16px;background: #fff; left: 505px; top:242px;} #symbol .img_wrap .dot521{width: 12px; height: 12px;background: #d4d4d5; left: 514px; top:251px;} #symbol .img_wrap .dot522{width: 16px; height: 16px;background:#f8f8f8; left: 509px; top:228px;} #symbol .img_wrap .dot523{background:#b2b3b3; left: 515px; top:242px;} #symbol .img_wrap .dot524{background:#b2b3b3; left: 505px; top:238px;} #symbol .img_wrap .dot525{width: 12px; height: 12px;background:#d4d4d5; left: 504px; top:227px;} #symbol .img_wrap .dot526{width: 16px; height: 16px;background:#b2b3b3; left: 504px; top:212px;} #symbol .img_wrap .dot527{width: 13px; height: 13px;background:#d4d4d5; left: 512px; top:219px;} #symbol .img_wrap .dot528{width: 11px; height: 11px;background:#e7e8e8; left: 515px; top:209px;} #symbol .img_wrap .dot529{width: 16px; height: 16px;background:#fff; left: 505px; top:198px;} #symbol .img_wrap .dot530{width: 13px; height: 13px;background:#fff; left: 513px; top:208px;} #symbol .img_wrap .dot531{width: 13px; height: 13px;background:#fff; left: 505px; top:188px;} #symbol .img_wrap .dot532{width: 11px; height: 11px;background:#e7e8e8; left: 514px; top:190px;} #symbol .img_wrap .dot533{width: 11px; height: 11px;background:#d4d4d5; left: 514px; top:198px;} #symbol .img_wrap .dot534{width: 16px; height: 16px;background:#f8f8f8; left: 509px; top:178px;} #symbol .img_wrap .dot535{width: 13px; height: 13px;background:#b2b3b3; left: 501px; top:178px;} #symbol .img_wrap .dot536{width: 15px; height: 15px;background:#f8f8f8; left: 494px; top:167px;} #symbol .img_wrap .dot537{width: 15px; height: 15px;background:#b2b3b3; left: 504px; top:167px;} #symbol .img_wrap .dot538{width: 14px; height: 14px;background:#f8f8f8; left: 497px; top:160px;} #symbol .img_wrap .dot539{width: 16px; height: 16px;background:#fff; left: 482px; top:160px;} #symbol .img_wrap .dot540{width: 16px; height: 16px;background:#f8f8f8; left: 472px; top:160px;} #symbol .img_wrap .dot541{width: 12px; height: 12px;background:#b2b3b3; left: 465px; top:168px;} #symbol .img_wrap .dot542{width: 11px; height: 11px;background:#b2b3b3; left: 492px; top:157px;} #symbol .img_wrap .dot543{width: 11px; height: 11px;background:#d4d4d5; left: 488px; top:153px;} /*ani start*/ #symbol .vis_area .img_wrap .dot01{transform: translate(10px, -500px);} #symbol .vis_area .img_wrap .dot02{transform: translate(10px, -500px);} #symbol .vis_area .img_wrap .dot03{transform: translate(20px, -400px);} #symbol .vis_area .img_wrap .dot04{transform: translate(-60px, -500px);} #symbol .vis_area .img_wrap .dot05, .vis_area .img_wrap .dot06{transform: translate(-40px, -550px);} #symbol .vis_area .img_wrap .dot07{transform: translate(-40px, -550px);} #symbol .vis_area .img_wrap .dot08{transform: translate(-60px, -750px);} #symbol .vis_area .img_wrap .dot09{transform: translate(-80px, -750px);} #symbol .vis_area .img_wrap .dot10{transform: translate(-100px, -850px);} #symbol .vis_area .img_wrap .dot11, .vis_area .img_wrap .dot12{transform: translate(-150px, -650px);} #symbol .vis_area .img_wrap .dot13{transform: translate(-170px, -650px);} #symbol .vis_area .img_wrap .dot14{transform: translate(-170px, -650px);} #symbol .vis_area .img_wrap .dot15{transform: translate(-200px, -950px);} #symbol .vis_area .img_wrap .dot16{transform: translate(-200px, -1050px);} #symbol .vis_area .img_wrap .dot17{transform: translate(-200px, -1050px);} #symbol .vis_area .img_wrap .dot18{transform: translate(-250px, -750px);} #symbol .vis_area .img_wrap .dot19{transform: translate(-300px, -950px);} #symbol .vis_area .img_wrap .dot20{transform: translate(-700px, -1150px);} #symbol .vis_area .img_wrap .dot21{transform: translate(-850px, -1150px);} #symbol .vis_area .img_wrap .dot22{transform: translate(-950px, -1150px);} #symbol .vis_area .img_wrap .dot23{transform: translate(-551px, -110px);} #symbol .vis_area .img_wrap .dot24{transform: translate(-950px, -750px);} #symbol .vis_area .img_wrap .dot25{transform: translate(-1050px, -850px);} #symbol .vis_area .img_wrap .dot26{transform: translate(-880px, -950px);} #symbol .vis_area .img_wrap .dot27{transform: translate(-890px, -950px);} #symbol .vis_area .img_wrap .dot28{transform: translate(-900px, -950px);} #symbol .vis_area .img_wrap .dot29{transform: translate(-950px, -1050px);} #symbol .vis_area .img_wrap .dot30{transform:translate(-664px, -17px);} #symbol .vis_area .img_wrap .dot31{transform: translate(-970px, -950px);} #symbol .vis_area .img_wrap .dot32{transform: translate(-880px, -550px);} #symbol .vis_area .img_wrap .dot33{transform: translate(-870px, -1050px);} #symbol .vis_area .img_wrap .dot34{transform: translate(-940px, 40px)} .vis_area .img_wrap .dot35{transform: translate(-880px, -950px);} #symbol .vis_area .img_wrap .dot36, .vis_area .img_wrap .dot37{transform: translate(-950px, -950px);;transition: 2s} #symbol .vis_area .img_wrap .dot38{transform: translate(-780px, -950px);} #symbol .vis_area .img_wrap .dot39{transform: translate(-1000px, -450px);} #symbol .vis_area .img_wrap .dot40{transform: translate(-800px, -600px);} #symbol .vis_area .img_wrap .dot41{transform: translate(-400px, -800px);} #symbol .vis_area .img_wrap .dot42{transform: translate(-880px, -950px)} #symbol .vis_area .img_wrap .dot43{transform: translate(-980px, -950px)} #symbol .vis_area .img_wrap .dot44{transform: translate(-980px, -650px)} #symbol .vis_area .img_wrap .dot45{transform: translate(-1080px, -650px)} #symbol .vis_area .img_wrap .dot46{transform: translate(-780px, -750px)} #symbol .vis_area .img_wrap .dot47{transform: translate(-780px, -450px)} #symbol .vis_area .img_wrap .dot48{transform: translate(-700px, 285px)} #symbol .vis_area .img_wrap .dot49{transform: translate(-480px, -450px)} #symbol .vis_area .img_wrap .dot50{transform: translate(-580px, -550px)} #symbol .vis_area .img_wrap .dot51{transform: translate(-680px, -650px)} #symbol .vis_area .img_wrap .dot52{transform: translate(-990px, -600px)} #symbol .vis_area .img_wrap .dot53{transform: translate(-790px, -600px)} #symbol .vis_area .img_wrap .dot54{transform: translate(-990px, -550px)} #symbol .vis_area .img_wrap .dot55{transform: translate(-990px, -350px)} #symbol .vis_area .img_wrap .dot56{transform: translate(-890px, -250px)} #symbol .vis_area .img_wrap .dot57{transform: translate(-790px, -450px)} #symbol .vis_area .img_wrap .dot58{transform: translate(-990px, -450px)} #symbol .vis_area .img_wrap .dot59{transform: translate(-990px, -550px)} #symbol .vis_area .img_wrap .dot60{transform: translate(-990px, -650px)} #symbol .vis_area .img_wrap .dot61{transform: translate(-990px, -750px)} #symbol .vis_area .img_wrap .dot62{transform: translate(-890px, -650px)} #symbol .vis_area .img_wrap .dot63{transform: translate(-790px, -650px)} #symbol .vis_area .img_wrap .dot64{transform: translate(-890px, -550px)} #symbol .vis_area .img_wrap .dot65{transform: translate(-690px, -450px)} #symbol .vis_area .img_wrap .dot66{transform: translate(-1090px, -450px)} #symbol .vis_area .img_wrap .dot67{transform: translate(-1090px, -350px)} #symbol .vis_area .img_wrap .dot68{transform: translate(-899px, -350px)} #symbol .vis_area .img_wrap .dot69{transform: translate(-990px, -250px)} #symbol .vis_area .img_wrap .dot70{transform: translate(-990px, -250px)} #symbol .vis_area .img_wrap .dot71{transform: translate(-1090px, -250px)} #symbol .vis_area .img_wrap .dot72{transform: translate(-1090px, -200px)} #symbol .vis_area .img_wrap .dot73{transform: translate(-990px, -200px)} #symbol .vis_area .img_wrap .dot74{transform: translate(-990px, -180px)} #symbol .vis_area .img_wrap .dot75{transform: translate(-1090px, -150px)} #symbol .vis_area .img_wrap .dot76{transform: translate(-990px, -150px)} #symbol .vis_area .img_wrap .dot77{transform: translate(-1090px, -150px)} #symbol .vis_area .img_wrap .dot78{transform: translate(-990px, -130px)} #symbol .vis_area .img_wrap .dot79{transform: translate(-1190px, -130px)} #symbol .vis_area .img_wrap .dot80{transform: translate(-1190px, -100px)} #symbol .vis_area .img_wrap .dot81{transform: translate(-1090px, -100px)} #symbol .vis_area .img_wrap .dot82{transform: translate(-1090px, -80px)} #symbol .vis_area .img_wrap .dot83{transform: translate(-1090px, -50px)} #symbol .vis_area .img_wrap .dot84{transform: translate(-1090px, 0)} #symbol .vis_area .img_wrap .dot85{transform: translate(-1000px, 0)} #symbol .vis_area .img_wrap .dot86{transform: translate(-1000px, 10px)} #symbol .vis_area .img_wrap .dot87{transform: translate(-970px, 10px)} #symbol .vis_area .img_wrap .dot88{transform: translate(-960px, 10px)} #symbol .vis_area .img_wrap .dot89{transform: translate(-980px, 10px)} #symbol .vis_area .img_wrap .dot90{transform: translate(-980px, 13px)} #symbol .vis_area .img_wrap .dot91{transform: translate(-990px, 13px)} #symbol .vis_area .img_wrap .dot92{transform: translate(-1070px, 15px)} #symbol .vis_area .img_wrap .dot93{transform: translate(-990px, 17px)} #symbol .vis_area .img_wrap .dot94{transform: translate(-980px, 17px)} #symbol .vis_area .img_wrap .dot95{transform: translate(-990px, 17px)} #symbol .vis_area .img_wrap .dot96{transform: translate(-990px, 20px)} #symbol .vis_area .img_wrap .dot97{transform: translate(-1070px, 20px)} #symbol .vis_area .img_wrap .dot98{transform: translate(-1090px, 30px)} #symbol .vis_area .img_wrap .dot99{transform: translate(-1090px, 35px)} #symbol .vis_area .img_wrap .dot100{transform: translate(-990px, 38px)} #symbol .vis_area .img_wrap .dot101{transform: translate(-990px, 40px)} #symbol .vis_area .img_wrap .dot102{transform: translate(-1090px, 40px)} #symbol .vis_area .img_wrap .dot103{transform: translate(-1090px, 45px)} #symbol .vis_area .img_wrap .dot104{transform: translate(-1090px, 50px)} #symbol .vis_area .img_wrap .dot105{transform: translate(-1090px, 60px)} #symbol .vis_area .img_wrap .dot106{transform: translate(-1090px, 70px)} #symbol .vis_area .img_wrap .dot107{transform: translate(-990px, 80px)} #symbol .vis_area .img_wrap .dot108{transform: translate(-1090px, 80px)} #symbol .vis_area .img_wrap .dot109{transform: translate(-1090px, 80px)} #symbol .vis_area .img_wrap .dot110{transform: translate(-990px, 80px)} #symbol .vis_area .img_wrap .dot111{transform: translate(-990px, 75px)} #symbol .vis_area .img_wrap .dot112{transform: translate(-990px, 77px)} #symbol .vis_area .img_wrap .dot113{transform: translate(-1090px, 93px)} #symbol .vis_area .img_wrap .dot114{transform: translate(-1090px, 95px)} #symbol .vis_area .img_wrap .dot115{transform: translate(-1090px, 105px)} #symbol .vis_area .img_wrap .dot116{transform: translate(-1090px, 95px)} #symbol .vis_area .img_wrap .dot117{transform: translate(-990px, 75px)} #symbol .vis_area .img_wrap .dot118{transform: translate(-1090px, 75px)} #symbol .vis_area .img_wrap .dot119{transform: translate(-990px, 75px)} #symbol .vis_area .img_wrap .dot120{transform: translate(-990px, 95px)} #symbol .vis_area .img_wrap .dot121{transform: translate(-995px, 95px)} #symbol .vis_area .img_wrap .dot122{transform: translate(-995px, 105px)} #symbol .vis_area .img_wrap .dot123{transform: translate(-1005px, 105px)} #symbol .vis_area .img_wrap .dot124{transform: translate(-1020px, 105px)} #symbol .vis_area .img_wrap .dot125{transform: translate(-1020px, 110px)} #symbol .vis_area .img_wrap .dot126{transform: translate(-1050px, 90px)} #symbol .vis_area .img_wrap .dot127{transform: translate(-1070px, 80px)} #symbol .vis_area .img_wrap .dot128{transform: translate(-1090px, 80px)} #symbol .vis_area .img_wrap .dot129{transform: translate(-1120px, 90px)} #symbol .vis_area .img_wrap .dot130{transform: translate(-1120px, 120px)} #symbol .vis_area .img_wrap .dot131{transform: translate(-1120px, 130px)} #symbol .vis_area .img_wrap .dot132{transform: translate(-1120px, 140px)} #symbol .vis_area .img_wrap .dot133{transform: translate(-1120px, 145px)} #symbol .vis_area .img_wrap .dot134{transform: translate(-1120px, 135px)} #symbol .vis_area .img_wrap .dot135{transform: translate(-1150px, 135px)} #symbol .vis_area .img_wrap .dot136{transform: translate(-1170px, 155px)} #symbol .vis_area .img_wrap .dot137{transform: translate(-1170px, 125px)} #symbol .vis_area .img_wrap .dot138{transform: translate(-1050px, 125px)} #symbol .vis_area .img_wrap .dot139{transform: translate(-1080px, 110px)} #symbol .vis_area .img_wrap .dot140{transform: translate(-1080px, 180px)} #symbol .vis_area .img_wrap .dot141{transform: translate(-1080px, 190px)} #symbol .vis_area .img_wrap .dot142{transform: translate(-1090px, 190px)} #symbol .vis_area .img_wrap .dot143{transform: translate(-1100px, 210px)} #symbol .vis_area .img_wrap .dot144{transform: translate(-1200px, 230px)} #symbol .vis_area .img_wrap .dot145{transform: translate(-1250px, 220px)} #symbol .vis_area .img_wrap .dot146{transform: translate(-1250px, 240px)} #symbol .vis_area .img_wrap .dot147{transform: translate(-1250px, 230px)} #symbol .vis_area .img_wrap .dot148{transform: translate(-1200px, 230px)} /*s motion end*/ #symbol .vis_area .img_wrap .dot149{transform: translate(-445px, 50px)} #symbol .vis_area .img_wrap .dot150{transform: translate(-1100px, 240px)} #symbol .vis_area .img_wrap .dot151{transform: translate(-1400px, 250px)} #symbol .vis_area .img_wrap .dot152{transform: translate(-1500px, 260px)} #symbol .vis_area .img_wrap .dot153{transform: translate(-1100px, 270px)} #symbol .vis_area .img_wrap .dot154{transform: translate(-960px, 280px)} #symbol .vis_area .img_wrap .dot155{transform: translate(-1800px, 290px)} #symbol .vis_area .img_wrap .dot156{transform: translate(-1100px, 300px)} #symbol .vis_area .img_wrap .dot157{transform: translate(-1100px, 450px)} #symbol .vis_area .img_wrap .dot158{transform: translate(-1100px, 480px)} #symbol .vis_area .img_wrap .dot159{transform: translate(-900px, 480px)} #symbol .vis_area .img_wrap .dot160{transform: translate(-400px, 480px)} #symbol .vis_area .img_wrap .dot161{transform: translate(-500px, 480px)} #symbol .vis_area .img_wrap .dot162{transform: translate(-300px, 880px)} #symbol .vis_area .img_wrap .dot163{transform: translate(-300px, 780px)} #symbol .vis_area .img_wrap .dot164{transform: translate(-200px, 680px)} #symbol .vis_area .img_wrap .dot165{transform: translate(-200px, 880px)} #symbol .vis_area .img_wrap .dot166{transform: translate(-200px, 580px)} #symbol .vis_area .img_wrap .dot167{transform: translate(-400px, 680px)} #symbol .vis_area .img_wrap .dot168{transform: translate(-400px, 780px)} #symbol .vis_area .img_wrap .dot169{transform: translate(-400px, 980px)} #symbol .vis_area .img_wrap .dot170{transform: translate(-200px, 880px)} #symbol .vis_area .img_wrap .dot171{transform: translate(-1200px, 230px)} #symbol .vis_area .img_wrap .dot172{transform: translate(-1100px, 240px)} #symbol .vis_area .img_wrap .dot173{transform: translate(-264px, 111px)} #symbol .vis_area .img_wrap .dot174{transform: translate(-1500px, 260px)} #symbol .vis_area .img_wrap .dot175{transform: translate(-1100px, 270px)} #symbol .vis_area .img_wrap .dot176{transform: translate(-960px, 280px)} #symbol .vis_area .img_wrap .dot177{transform: translate(-1800px, 290px)} #symbol .vis_area .img_wrap .dot178{transform: translate(-1100px, 300px)} #symbol .vis_area .img_wrap .dot179{transform: translate(-1100px, 450px)} #symbol .vis_area .img_wrap .dot180{transform: translate(-1100px, 480px)} #symbol .vis_area .img_wrap .dot181{transform: translate(-900px, 480px)} #symbol .vis_area .img_wrap .dot182{transform: translate(-400px, 480px)} #symbol .vis_area .img_wrap .dot183{transform: translate(-500px, 480px)} #symbol .vis_area .img_wrap .dot184{transform: translate(-300px, 880px)} #symbol .vis_area .img_wrap .dot185{transform: translate(-300px, 780px)} #symbol .vis_area .img_wrap .dot186{transform: translate(-200px, 680px)} #symbol .vis_area .img_wrap .dot187{transform: translate(-200px, 880px)} #symbol .vis_area .img_wrap .dot188{transform: translate(-200px, 580px)} #symbol .vis_area .img_wrap .dot189{transform: translate(-400px, 680px)} #symbol .vis_area .img_wrap .dot190{transform: translate(-400px, 780px)} #symbol .vis_area .img_wrap .dot191{transform: translate(-400px, 980px)} #symbol .vis_area .img_wrap .dot192{transform: translate(-200px, 880px)} #symbol .vis_area .img_wrap .dot193{transform: translate(-200px, 980px)} #symbol .vis_area .img_wrap .dot194{transform: translate(-150px, 1000px)} #symbol .vis_area .img_wrap .dot195{transform: translate(-150px, 950px)} #symbol .vis_area .img_wrap .dot196{transform: translate(-150px, 950px)} #symbol .vis_area .img_wrap .dot197{transform: translate(-150px, 1000px)} #symbol .vis_area .img_wrap .dot198{transform: translate(-200px, 1000px)} /*foun end*/ #symbol .vis_area .img_wrap .dot199{transform: translate(10px, -450px);} #symbol .vis_area .img_wrap .dot200{transform: translate(10px, -550px);} #symbol .vis_area .img_wrap .dot201{transform: translate(489px, 240px)} #symbol .vis_area .img_wrap .dot202{transform: translate(25px, -550px);} #symbol .vis_area .img_wrap .dot203{transform: translate(50px, -350px);} #symbol .vis_area .img_wrap .dot204{transform: translate(366px, 59px); } #symbol .vis_area .img_wrap .dot205, #symbol .img_wrap .dot215{transform: translate(60px, -850px);} #symbol .vis_area .img_wrap .dot206{transform: translate(90px, -850px);} #symbol .vis_area .img_wrap .dot207{transform: translate(90px, -1050px);} #symbol .vis_area .img_wrap .dot208{transform: translate(200px, -1050px);} #symbol .vis_area .img_wrap .dot209{transform: translate(250px, -1050px);} #symbol .vis_area .img_wrap .dot210{transform: translate(300px, -1050px);} #symbol .vis_area .img_wrap .dot211{transform: translate(350px, -1050px);} #symbol .vis_area .img_wrap .dot212{transform: translate(350px, -750px);} #symbol .img_wrap .dot214{transform: translate(750px, -650px);} #symbol .img_wrap .dot216{transform: translate(10px, -550px);} #symbol .img_wrap .dot217{transform: translate(10px, -850px);} #symbol .img_wrap .dot218{transform: translate(10px, -950px);} #symbol .img_wrap .dot219{transform: translate(40px, -950px);} #symbol .img_wrap .dot220{transform: translate(622px, 10px);} #symbol .img_wrap .dot211{transform: translate(600px, -850px);} #symbol .img_wrap .dot212{transform: translate(600px, -850px);} #symbol .img_wrap .dot213{transform: translate(600px, -950px);} #symbol .img_wrap .dot216{transform: translate(600px, -950px);} #symbol .img_wrap .dot221{transform: translate(150px, -650px);} #symbol .img_wrap .dot222{transform: translate(685px, -81px);} #symbol .img_wrap .dot223{transform: translate(100px, -650px);} #symbol .img_wrap .dot224{transform: translate(100px, -750px);} #symbol .img_wrap .dot225{transform: translate(200px, -650px);} #symbol .img_wrap .dot226{transform: translate(400px, -450px);} #symbol .img_wrap .dot227{transform: translate(500px, -450px);} #symbol .img_wrap .dot228{transform: translate(300px, -450px);} #symbol .img_wrap .dot229{transform: translate(300px, -550px);} #symbol .img_wrap .dot230{transform: translate(300px, -650px);} #symbol .img_wrap .dot231{transform: translate(506px, 30px)} #symbol .img_wrap .dot232{transform: translate(500px, -500px);} #symbol .img_wrap .dot233{transform: translate(500px, -500px);} #symbol .img_wrap .dot234{transform: translate(900px, -300px);} #symbol .img_wrap .dot235{transform: translate(900px, -200px);} #symbol .img_wrap .dot236{transform: translate(1150px, 100px);} #symbol .img_wrap .dot237{transform: translate(1150px, 0px);} #symbol .img_wrap .dot238{transform:translate(454px, -167px)} #symbol .img_wrap .dot239{transform: translate(1150px, -500px);} #symbol .img_wrap .dot240{transform: translate(1250px, -400px);} #symbol .img_wrap .dot241{transform: translate(1150px, -300px);} #symbol .img_wrap .dot242{transform: translate(1250px, -350px);} #symbol .img_wrap .dot243{transform: translate(1250px, -250px);} #symbol .img_wrap .dot244{transform: translate(1150px, -200px);} #symbol .img_wrap .dot245{transform: translate(1250px, -100px);} #symbol .img_wrap .dot246{transform: translate(1150px, 0);} #symbol .img_wrap .dot247{transform: translate(1150px, -50px);} #symbol .img_wrap .dot248{transform: translate(1150px, 500px);} #symbol .img_wrap .dot249{transform: translate(1150px, 200px);} #symbol .img_wrap .dot250{transform: translate(1760px, 0)} #symbol .img_wrap .dot251{transform: translate(1760px, 10px)} #symbol .img_wrap .dot252{transform: translate(1150px, -10px)} #symbol .img_wrap .dot253{transform: translate(1760px, 100px)} #symbol .img_wrap .dot254{transform: translate(1760px, -100px)} #symbol .img_wrap .dot255{transform: translate(1250px, 5px)} #symbol .img_wrap .dot256{transform: translate(1860px, 0)} #symbol .img_wrap .dot257{transform: translate(1760px, 120px)} #symbol .img_wrap .dot258{transform: translate(1150px, 50px)} #symbol .img_wrap .dot259{transform: translate(1760px, 70px)} #symbol .img_wrap .dot260{transform: translate(1760px, 0)} #symbol .img_wrap .dot261{transform: translate(1760px, 10pc)} #symbol .img_wrap .dot262{transform: translate(1150px, -10px)} #symbol .img_wrap .dot263{transform: translate(1760px, 100px)} #symbol .img_wrap .dot264{transform: translate(1760px, -100px)} #symbol .img_wrap .dot265{transform: translate(1250px, 5px)} #symbol .img_wrap .dot266{transform: translate(1860px, 0)} #symbol .img_wrap .dot267{transform: translate(1760px, 120px)} #symbol .img_wrap .dot268{transform: translate(1150px, 50px)} #symbol .img_wrap .dot269{transform: translate(618px, 75px)} #symbol .img_wrap .dot270{transform: translate(1760px, 250px)} #symbol .img_wrap .dot271{transform: translate(1760px, 450px)} #symbol .img_wrap .dot272{transform: translate(1760px, 650px)} #symbol .img_wrap .dot273{transform: translate(1760px, 450px)} #symbol .img_wrap .dot274{transform: translate(1760px, 450px)} #symbol .img_wrap .dot275{transform: translate(1760px, 550px)} #symbol .img_wrap .dot276{transform: translate(1760px, 650px)} #symbol .img_wrap .dot277{transform: translate(1860px, 650px)} #symbol .img_wrap .dot278{transform: translate(1760px, 550px)} #symbol .img_wrap .dot279{transform: translate(1760px, 700px)} #symbol .img_wrap .dot280{transform: translate(1760px, 650px)} #symbol .img_wrap .dot281{transform: translate(1760px, 450px)} #symbol .img_wrap .dot282{transform: translate(1760px, 450px)} #symbol .img_wrap .dot283{transform: translate(1760px, 550px)} #symbol .img_wrap .dot284{transform: translate(1760px, 650px)} #symbol .img_wrap .dot285{transform: translate(1860px, 650px)} #symbol .img_wrap .dot286{transform: translate(1760px, 550px)} #symbol .img_wrap .dot287{transform: translate(1760px, 700px)} #symbol .img_wrap .dot288{transform: translate(1760px, 750px)} #symbol .img_wrap .dot289{transform: translate(1350px, 1050px)} #symbol .img_wrap .dot290{transform: translate(1450px, 950px)} #symbol .img_wrap .dot291{transform: translate(1550px, 950px)} #symbol .img_wrap .dot292{transform: translate(1560px, 850px)} #symbol .img_wrap .dot293{transform: translate(1760px, 550px)} #symbol .img_wrap .dot294{transform: translate(1760px, 650px)} #symbol .img_wrap .dot295{transform: translate(247px, 77px)} #symbol .img_wrap .dot296{transform: translate(1760px, 350px)} #symbol .img_wrap .dot297{transform: translate(1760px, 250px)} #symbol .img_wrap .dot298{transform: translate(1760px, 150px)} #symbol .img_wrap .dot299{transform: translate(1760px, 650px)} #symbol .img_wrap .dot300{transform: translate(-200px, 1000px)} #symbol .img_wrap .dot301{transform: translate(-200px, 1000px)} #symbol .img_wrap .dot302{transform: translate(-200px, 1200px)} #symbol .img_wrap .dot303{transform: translate(-220px, 1200px)} #symbol .img_wrap .dot304{transform: translate(-200px, 1000px)} #symbol .img_wrap .dot305{transform: translate(-200px, 1000px)} #symbol .img_wrap .dot306{transform: translate(653px, 205px)} #symbol .img_wrap .dot307{transform: translate(130px, 1000px)} #symbol .img_wrap .dot308{transform: translate(334px, 159px)} #symbol .img_wrap .dot309{transform: translate(450px, 800px)} #symbol .img_wrap .dot310{transform: translate(650px, 800px)} #symbol .img_wrap .dot311{transform: translate(650px, 900px)} #symbol .img_wrap .dot312{transform: translate(750px, 800px)} #symbol .img_wrap .dot313{transform: translate(650px, 800px)} #symbol .img_wrap .dot314{transform: translate(950px, 800px)} #symbol .img_wrap .dot315{transform: translate(1050px, 800px)} #symbol .img_wrap .dot316{transform: translate(1150px, 900px)} #symbol .img_wrap .dot317{transform: translate(1150px, 900px)} #symbol .img_wrap .dot318{transform: translate(1250px, 900px)} #symbol .img_wrap .dot319{transform: translate(1350px, 900px)} #symbol .img_wrap .dot320{transform: translate(1250px, 1050px)} #symbol .img_wrap .dot321{transform: translate(1350px, 1150px)} #symbol .img_wrap .dot322{transform: translate(1350px, 1050px)} #symbol .img_wrap .dot323{transform: translate(1250px, 800px)} #symbol .img_wrap .dot324{transform: translate(1350px, 900px)} #symbol .img_wrap .dot325{transform: translate(1150px, 700px)} #symbol .img_wrap .dot326{transform: translate(1250px, 900px)} #symbol .img_wrap .dot327{transform: translate(1350px, 800px)} #symbol .img_wrap .dot328{transform: translate(1250px, 1050px)} #symbol .img_wrap .dot329{transform: translate(1350px, 1150px)} #symbol .img_wrap .dot330{transform: translate(1350px, 1050px)} #symbol .img_wrap .dot331{transform: translate(1350px, 1150px)} #symbol .img_wrap .dot332{transform: translate(1350px, 1050px)} #symbol .img_wrap .dot333{transform: translate(1750px, 800px)} #symbol .img_wrap .dot334{transform: translate(1750px, 900px)} #symbol .img_wrap .dot335{transform: translate(1750px, 700px)} #symbol .img_wrap .dot336{transform: translate(1750px, 900px)} #symbol .img_wrap .dot337{transform: translate(1750px, 800px)} #symbol .img_wrap .dot338{transform: translate(1750px, 1050px)} #symbol .img_wrap .dot339{transform: translate(1750px, 1150px)} #symbol .img_wrap .dot340{transform: translate(1750px, 1050px)} #symbol .img_wrap .dot341{transform: translate(1760px, 120px)} #symbol .img_wrap .dot342{transform: translate(1150px, 500px)} #symbol .img_wrap .dot343{transform: translate(1760px, 70px)} #symbol .img_wrap .dot344{transform: translate(1760px, 0)} #symbol .img_wrap .dot345{transform: translate(1760px, -500px)} #symbol .img_wrap .dot346{transform: translate(1150px, -10px)} #symbol .img_wrap .dot347{transform: translate(1760px, 100px)} #symbol .img_wrap .dot348{transform: translate(1760px, -100px)} #symbol .img_wrap .dot349{transform: translate(1250px, 5px)} #symbol .img_wrap .dot350{transform: translate(1860px, 0)} #symbol .img_wrap .dot351{transform: translate(1760px, -120px)} #symbol .img_wrap .dot352{transform: translate(1450px, 500px)} #symbol .img_wrap .dot353{transform: translate(1760px, -500px)} #symbol .img_wrap .dot354{transform: translate(1760px, 0)} #symbol .img_wrap .dot355{transform: translate(1560px, -500px)} #symbol .img_wrap .dot356{transform: translate(1150px, -10px)} #symbol .img_wrap .dot357{transform: translate(1960px, 100px)} #symbol .img_wrap .dot358{transform: translate(1760px, -100px)} #symbol .img_wrap .dot359{transform: translate(1250px, 5px)} #symbol .img_wrap .dot360{transform: translate(1860px, 0)} #symbol .img_wrap .dot361{transform: translate(1660px, -120px)} #symbol .img_wrap .dot362{transform: translate(1450px, 500px)} #symbol .img_wrap .dot363{transform: translate(1560px, -500px)} #symbol .img_wrap .dot364{transform: translate(1760px, 0)} #symbol .img_wrap .dot365{transform: translate(1560px, -500px)} #symbol .img_wrap .dot366{transform: translate(1150px, -10px)} #symbol .img_wrap .dot367{transform: translate(1760px, 100px)} #symbol .img_wrap .dot368{transform: translate(1760px, -100px)} #symbol .img_wrap .dot369{transform: translate(1250px, 5px)} #symbol .img_wrap .dot370{transform: translate(1860px, 0)} #symbol .img_wrap .dot371{transform: translate(1660px, -120px)} #symbol .img_wrap .dot372{transform: translate(1450px, 500px)} #symbol .img_wrap .dot373{transform: translate(1560px, -500px)} #symbol .img_wrap .dot374{transform: translate(1760px, 0)} #symbol .img_wrap .dot375{transform: translate(1560px, -500px)} #symbol .img_wrap .dot376{transform: translate(1150px, -10px)} #symbol .img_wrap .dot377{transform: translate(1760px, 100px)} #symbol .img_wrap .dot378{transform: translate(1760px, -100px)} #symbol .img_wrap .dot379{transform: translate(1250px, 5px)} #symbol .img_wrap .dot380{transform: translate(1860px, 0)} #symbol .img_wrap .dot381{transform: translate(1760px, 120px)} #symbol .img_wrap .dot382{transform: translate(1860px, 500px)} #symbol .img_wrap .dot383{transform: translate(1760px, 70px)} #symbol .img_wrap .dot384{transform: translate(1760px, 0)} #symbol .img_wrap .dot385{transform: translate(1960px, -500px)} #symbol .img_wrap .dot386{transform: translate(1150px, -10px)} #symbol .img_wrap .dot387{transform: translate(1760px, 100px)} #symbol .img_wrap .dot388{transform: translate(1760px, -100px)} #symbol .img_wrap .dot389{transform: translate(1250px, 5px)} #symbol .img_wrap .dot390{transform: translate(1860px, 0)} #symbol .img_wrap .dot391{transform: translate(1760px, -120px)} #symbol .img_wrap .dot392{transform: translate(1150px, 500px)} #symbol .img_wrap .dot393{transform: translate(1760px, 70px)} #symbol .img_wrap .dot394{transform: translate(1760px, 0)} #symbol .img_wrap .dot395{transform: translate(1760px, -500px)} #symbol .img_wrap .dot396{transform: translate(1860px, -10px)} #symbol .img_wrap .dot397{transform: translate(1760px, 100px)} #symbol .img_wrap .dot398{transform: translate(1760px, -100px)} #symbol .img_wrap .dot399{transform: translate(1950px, 5px)} #symbol .img_wrap .dot400{transform: translate(1660px, -100px)} #symbol .img_wrap .dot401{transform: translate(1760px, -120px)} #symbol .img_wrap .dot402{transform: translate(1660px, 1000px)} #symbol .img_wrap .dot403{transform: translate(1760px, 70px)} #symbol .img_wrap .dot404{transform: translate(1860px, 0)} #symbol .img_wrap .dot405{transform: translate(1960px, -500px)} #symbol .img_wrap .dot406{transform: translate(1150px, -10px)} #symbol .img_wrap .dot407{transform: translate(1760px, 1050px)} #symbol .img_wrap .dot408{transform: translate(1460px, -100px)} #symbol .img_wrap .dot409{transform: translate(1550px, 5px)} #symbol .img_wrap .dot410{transform: translate(1860px, 0)} #symbol .img_wrap .dot411{transform: translate(1760px, -120px)} #symbol .img_wrap .dot412{transform: translate(1150px, -500px)} #symbol .img_wrap .dot413{transform: translate(1760px, -700px)} #symbol .img_wrap .dot414{transform: translate(1960px, 0)} #symbol .img_wrap .dot415{transform: translate(1760px, -500px)} #symbol .img_wrap .dot416{transform: translate(1860px, -10px)} #symbol .img_wrap .dot417{transform: translate(1760px, 1200px)} #symbol .img_wrap .dot418{transform: translate(1660px, -100px)} #symbol .img_wrap .dot419{transform: translate(1950px, 1000px)} #symbol .img_wrap .dot420{transform: translate(1860px, -50px)} #symbol .img_wrap .dot421{transform: translate(1760px, 20px)} #symbol .img_wrap .dot422{transform: translate(1860px, -500px)} #symbol .img_wrap .dot423{transform: translate(1760px, 70px)} #symbol .img_wrap .dot424{transform: translate(1760px, 40px)} #symbol .img_wrap .dot425{transform: translate(1960px, -500px)} #symbol .img_wrap .dot426{transform: translate(1750px, -10px)} #symbol .img_wrap .dot427{transform: translate(1660px, 100px)} #symbol .img_wrap .dot428{transform: translate(2060px, -100px)} #symbol .img_wrap .dot429{transform: translate(1250px, 5px)} #symbol .img_wrap .dot430{transform: translate(1860px, 0)} #symbol .img_wrap .dot431{transform: translate(1760px, -120px)} #symbol .img_wrap .dot432{transform: translate(1550px, -500px)} #symbol .img_wrap .dot433{transform: translate(1760px, 70px)} #symbol .img_wrap .dot434{transform: translate(1760px, 0)} #symbol .img_wrap .dot435{transform: translate(1760px, -500px)} #symbol .img_wrap .dot436{transform: translate(1860px, -10px)} #symbol .img_wrap .dot437{transform: translate(1760px, 100px)} #symbol .img_wrap .dot438{transform: translate(1760px, -100px)} #symbol .img_wrap .dot439{transform: translate(1950px, 5px)} #symbol .img_wrap .dot440{transform: translate(200px, -100px)} #symbol .img_wrap .dot441{transform: translate(1760px, -120px)} #symbol .img_wrap .dot442{transform: translate(1660px, 200px)} #symbol .img_wrap .dot443{transform: translate(1560px, 70px)} #symbol .img_wrap .dot444{transform: translate(1860px, 0)} #symbol .img_wrap .dot445{transform: translate(1960px, -500px)} #symbol .img_wrap .dot446{transform: translate(1150px, -10px)} #symbol .img_wrap .dot447{transform: translate(1360px, 900px)} #symbol .img_wrap .dot448{transform: translate(1460px, -100px)} #symbol .img_wrap .dot449{transform: translate(1550px, 5px)} #symbol .img_wrap .dot450{transform: translate(1860px, 0)} #symbol .img_wrap .dot451{transform: translate(1760px, -120px)} #symbol .img_wrap .dot452{transform: translate(1660px, -200px)} #symbol .img_wrap .dot453{transform: translate(1560px, 700px)} #symbol .img_wrap .dot454{transform: translate(1860px, 0)} #symbol .img_wrap .dot455{transform: translate(1460px, -500px)} #symbol .img_wrap .dot456{transform: translate(1350px, -10px)} #symbol .img_wrap .dot457{transform: translate(1260px, 900px)} #symbol .img_wrap .dot458{transform: translate(1460px, -100px)} #symbol .img_wrap .dot459{transform: translate(1550px, -100px)} #symbol .img_wrap .dot460{transform: translate(1960px, 0)} #symbol .img_wrap .dot461{transform: translate(1860px, -120px)} #symbol .img_wrap .dot462{transform: translate(1660px, 1000px)} #symbol .img_wrap .dot463{transform: translate(1360px, 70px)} #symbol .img_wrap .dot464{transform: translate(1860px, 0)} #symbol .img_wrap .dot465{transform: translate(1960px, -500px)} #symbol .img_wrap .dot466{transform: translate(1150px, -10px)} #symbol .img_wrap .dot467{transform: translate(1760px, 1050px)} #symbol .img_wrap .dot468{transform: translate(1460px, -100px)} #symbol .img_wrap .dot469{transform: translate(1550px, 5px)} #symbol .img_wrap .dot470{transform: translate(1860px, 0)} #symbol .img_wrap .dot471{transform: translate(1760px, -120px)} #symbol .img_wrap .dot472{transform: translate(1250px, -500px)} #symbol .img_wrap .dot473{transform: translate(1760px, -700px)} #symbol .img_wrap .dot474{transform: translate(1560px, 0)} #symbol .img_wrap .dot475{transform: translate(1760px, -500px)} #symbol .img_wrap .dot476{transform: translate(1860px, -10px)} #symbol .img_wrap .dot477{transform: translate(1560px, 1200px)} #symbol .img_wrap .dot478{transform: translate(1660px, -100px)} #symbol .img_wrap .dot479{transform: translate(1950px, 1000px)} #symbol .img_wrap .dot480{transform: translate(1860px, -50px)} #symbol .img_wrap .dot481{transform: translate(1760px, -120px)} #symbol .img_wrap .dot482{transform: translate(1660px, 1000px)} #symbol .img_wrap .dot483{transform: translate(1360px, 70px)} #symbol .img_wrap .dot484{transform: translate(1860px, 0)} #symbol .img_wrap .dot485{transform: translate(1960px, -500px)} #symbol .img_wrap .dot486{transform: translate(1150px, -10px)} #symbol .img_wrap .dot487{transform: translate(1460px, 1050px)} #symbol .img_wrap .dot488{transform: translate(1460px, -100px)} #symbol .img_wrap .dot489{transform: translate(1250px, 5px)} #symbol .img_wrap .dot490{transform: translate(1960px, 0)} #symbol .img_wrap .dot491{transform: translate(1760px, -120px)} #symbol .img_wrap .dot492{transform: translate(1250px, -500px)} #symbol .img_wrap .dot493{transform: translate(1760px, -700px)} #symbol .img_wrap .dot494{transform: translate(1560px, 0)} #symbol .img_wrap .dot495{transform: translate(1760px, -500px)} #symbol .img_wrap .dot496{transform: translate(1360px, -10px)} #symbol .img_wrap .dot497{transform: translate(1560px, 1200px)} #symbol .img_wrap .dot498{transform: translate(1660px, -100px)} #symbol .img_wrap .dot499{transform: translate(1450px, 1000px)} #symbol .img_wrap .dot500{transform: translate(1860px, -50px)} #symbol .img_wrap .dot501{transform: translate(1960px, -120px)} #symbol .img_wrap .dot502{transform: translate(1350px, -500px)} #symbol .img_wrap .dot503{transform: translate(1660px, -700px)} #symbol .img_wrap .dot504{transform: translate(1560px, 0)} #symbol .img_wrap .dot505{transform: translate(1860px, -500px)} #symbol .img_wrap .dot506{transform: translate(1360px, -10px)} #symbol .img_wrap .dot507{transform: translate(1560px, 1200px)} #symbol .img_wrap .dot508{transform: translate(1960px, -100px)} #symbol .img_wrap .dot509{transform: translate(1450px, 1000px)} #symbol .img_wrap .dot510{transform: translate(1860px, -50px)} #symbol .img_wrap .dot511{transform: translate(1960px, -120px)} #symbol .img_wrap .dot512{transform: translate(1650px, -500px)} #symbol .img_wrap .dot513{transform: translate(1860px, -700px)} #symbol .img_wrap .dot514{transform: translate(1760px, 0)} #symbol .img_wrap .dot515{transform: translate(1860px, -500px)} #symbol .img_wrap .dot516{transform: translate(1960px, -10px)} #symbol .img_wrap .dot517{transform: translate(1560px, 1200px)} #symbol .img_wrap .dot518{transform: translate(1960px, -100px)} #symbol .img_wrap .dot519{transform: translate(1450px, 1000px)} #symbol .img_wrap .dot520{transform: translate(2000px, -50px)} #symbol .img_wrap .dot521{transform: translate(1860px, -120px)} #symbol .img_wrap .dot522{transform: translate(1650px, -500px)} #symbol .img_wrap .dot523{transform: translate(1860px, -1000px)} #symbol .img_wrap .dot524{transform: translate(1760px, 0)} #symbol .img_wrap .dot525{transform: translate(1860px, -900px)} #symbol .img_wrap .dot526{transform: translate(1960px, -10px)} #symbol .img_wrap .dot527{transform: translate(1560px, 1200px)} #symbol .img_wrap .dot528{transform: translate(1960px, -100px)} #symbol .img_wrap .dot529{transform: translate(1450px, 1000px)} #symbol .img_wrap .dot530{transform: translate(1900px, -50px)} #symbol .img_wrap .dot531{transform: translate(1960px, -120px)} #symbol .img_wrap .dot532{transform: translate(1850px, -500px)} #symbol .img_wrap .dot533{transform: translate(1760px, -700px)} #symbol .img_wrap .dot534{transform: translate(1560px, 900px)} #symbol .img_wrap .dot535{transform: translate(1860px, -500px)} #symbol .img_wrap .dot536{transform: translate(1960px, -10px)} #symbol .img_wrap .dot537{transform: translate(1560px, 1200px)} #symbol .img_wrap .dot538{transform: translate(1860px, -100px)} #symbol .img_wrap .dot539{transform: translate(1450px, 1000px)} #symbol .img_wrap .dot540{transform: translate(2500px, -50px)} #symbol .img_wrap .dot541{transform: translate(1860px, -120px)} #symbol .img_wrap .dot542{transform: translate(1650px, -300px)} #symbol .img_wrap .dot543{transform: translate(1860px, -1000px)} #symbol .vis_area{position: relative} #symbol .vis_area .img_wrap .dot{transition: 2.6s;} #symbol .vis_area .img_wrap .dot.delay{transition-delay: 0.4s} #symbol .vis_area .img_wrap .dot.delay2{transition-delay: 0.8s} #symbol .vis_area.on .img_wrap .dot{transform: translate(0, 0);} #symbol .symbol_img{margin: 0 auto; position: relative;} /*#symbol .symbol_img:after{content: ''; display: block; position: absolute; width: 100%; height: 100%; z-index: 5; background: url(/img/s1/img_sha.png); top: 0; left: -100%;transition:1.6s; transition-delay: 6.6s}*/ #symbol .vis_area.on .symbol_img:after{left: 100%} #symbol .img{opacity: 0; transition: 1.6s;transition-delay: 4s; position: relative;z-index: 5;} #symbol .on .img{opacity: 1; position: relative; } #symbol .symbol_img .txt{padding-top: 45px; } #symbol .symbol_img .txt img{display: block} #symbol .symbol_img .txt .txt_line01{margin-bottom: 17px; } /*#symbol .vis_area .img_wrap .dot23{transform: translate(-751px, -510px);} #symbol .vis_area .img_wrap .dot30{transform: translate(-964px, -87px);} #symbol .vis_area .img_wrap .dot34{transform: translate(-940px, 40px)} #symbol .vis_area .img_wrap .dot48{transform: translate(-900px, 685px);} #symbol .vis_area .img_wrap .dot149{transform: translate(-945px, 290px);} #symbol .vis_area .img_wrap .dot173{transform: translate(-664px, 801px)} #symbol .vis_area .img_wrap .dot222{transform: translate(985px, -81px)} #symbol .vis_area .img_wrap .dot238{transform: translate(954px, -167px)} #symbol .vis_area .img_wrap .dot220{transform: translate(922px, -167px)} #symbol .vis_area .img_wrap .dot204{transform: translate(366px, -659px)} #symbol .img_wrap .dot231{transform: translate(906px, 30px)} #symbol .img_wrap .dot269{transform: translate(918px, 175px)} #symbol .img_wrap .dot306{transform: translate(953px, 205px)} #symbol .img_wrap .dot308{transform:translate(334px, 559px)} #symbol .img_wrap .dot295{transform:translate(247px, 677px)} #symbol .vis_area .img_wrap .dot201{transform:translate(989px, 540px)}*/ /* #symbol .vis_area .img_wrap .dot23{transform: translate(-751px, -510px);} #symbol .vis_area .img_wrap .dot30{transform: translate(-964px, -87px);} #symbol .vis_area .img_wrap .dot34{transform: translate(-940px, 40px)} #symbol .vis_area .img_wrap .dot48{transform: translate(-900px, 685px);} #symbol .vis_area .img_wrap .dot149{transform: translate(-945px, 290px);} #symbol .vis_area .img_wrap .dot173{transform: translate(-664px, 801px)} #symbol .vis_area .img_wrap .dot222{transform: translate(985px, -81px)} #symbol .vis_area .img_wrap .dot238{transform: translate(954px, -167px)} #symbol .vis_area .img_wrap .dot220{transform: translate(922px, -167px)} #symbol .vis_area .img_wrap .dot204{transform: translate(366px, -659px)} #symbol .img_wrap .dot231{transform: translate(906px, 30px)} #symbol .img_wrap .dot269{transform: translate(918px, 175px)} #symbol .img_wrap .dot306{transform: translate(953px, 205px)} #symbol .img_wrap .dot308{transform:translate(334px, 559px)} #symbol .img_wrap .dot295{transform:translate(247px, 677px)} #symbol .vis_area .img_wrap .dot201{transform:translate(989px, 540px)} */ #symbol .logo_wrap .over{position: relative} #symbol img{opacity: 0; transition: 1.3s;transition-delay: 2.8s;} #symbol .on img{opacity: 1} #symbol .logo_wrap .txt_area{position: absolute; width: 471px;transition: 1s; opacity: 0} #symbol .logo_wrap .on .txt_area{opacity:1} #symbol .logo_wrap .txt_area strong{font-family: 'NanumSquare', sans-serif;font-size: 23px; line-height:45px; color: #fff; display: block; letter-spacing: -0.5px; font-weight: 300; display: block;color: #fff} #symbol .logo_wrap .txt_area strong span{font-family: inherit; font-weight: 600;font-weight: 24px} #symbol .logo_wrap .s .txt_area{width: 528px; text-align: right; left: -560px; bottom: 26px} #symbol .logo_wrap .btm .txt_area{width: 349px; text-align: right; left: -384px; bottom: -10px} #symbol .logo_wrap .txt .txt_area{width: 325px; text-align: right; left: -363px; bottom: 13px} #symbol .logo_wrap .one .txt_area{width: 451px; right: -484px; bottom: -3px} @keyframes dung{ 0%{ margin-top: 0 } 25%{opacity: 1;margin-top: -5px} 50%{margin-top: 0} 75%{margin-top: -10px} 100%{opacity: 1; margin-top: 0} } #symbol .vis_area.on .img_wrap .dot.ani{animation: none; opacity: 1} #symbol .sym img{display: block} #symbol .sym:after{content: ''; display: block; clear: both} #symbol .sym{position: relative} #symbol .sym .left{float: left} #symbol .sym .left .s{ } #symbol .sym .right{float: right;padding-top: 78px; } #symbol .txt img{display: block} #symbol .sym img{} #btn_wrap{display:none; /* 해당 요소의 속성 변경시 2초동안 서서히 변화 */margin-top:0px;position:absolute;left:0px;bottom:22%;text-align:Center;margin:0 auto;width:100%;} .btn_wrap{width:320px;margin:0 auto;} #btn_wrap.on{display:block;text-align:center;margin-top:40px;transition: all 2s;} #btn_wrap.on a{display:block;padding:15px 35px;color:#fff;}