@charset "UTF-8";:root{--color-primary-black: var(--color-black);--color-primary-white: var(--color-white);--color-col01: #7ed320;--color-col02: #001f3f;--color-col03: #7b7890;--color-col04: #e20000;--color-col05: #cbc9d9;--color-border: #eae9f0;--color-primary-green: #00a958;--color-primary-yellow: #ffc400;--color-primary-indigo: #38414a;--color-tech-blue: #7ed320;--color-body-bg: #006837;--color-blue-dark: #006837;--color-blue-light1: #E5ECFE;--color-blue-light2: #CCDAFD;--color-blue-light3: #99B5FB;--color-blue-light4: #6690FA;--color-blue-light5: #336BF8;--color-blue-light6: #0046F6;--color-blue-light7: #0038C5;--color-blue-light8: #002A94;--color-blue-light9: #001C62;--color-blue-light10: #001F3F;--color-blue-light11: #000719;--color-green: #34C759;--color-green-light1: #E5F6EE;--color-green-light2: #CCEEDE;--color-green-light3: #99DDBC;--color-green-light4: #66CB9B;--color-green-light5: #33BA79;--color-green-light6: #00A958;--color-green-light7: #008746;--color-green-light8: #006535;--color-green-light9: #004423;--color-green-light10: #002212;--color-green-light11: #001109;--color-yellow-light1: #FFFCEB;--color-yellow-light2: #FFF8D7;--color-yellow-light3: #FFF2AF;--color-yellow-light4: #FEEB88;--color-yellow-light5: #FEE460;--color-yellow-light6: #FEDE38;--color-yellow-light7: #CEB42D;--color-yellow-light8: #9E8A22;--color-yellow-light9: #6E6016;--color-yellow-light10: #3E360B;--color-yellow-light11: #262106;--color-white:#ffffff;--color-gray-typo1: #f5f6fa;--color-gray-typo2: #eaeaea;--color-gray-typo3: #d4d4d4;--color-gray-typo4: #bfbfbf;--color-gray-typo5: #a9a9a9;--color-gray-typo6: #949494;--color-gray-typo7: #767676;--color-gray-typo8: #595959;--color-gray-typo9: #3b3b3b;--color-gray-typo10: #1e1e1e;--color-black: #000;--color-blue-hover: #033CD4;--color-orange-dark: #A01E00;--color-orange: #FA5317;--color-orange-light1: #FAA264;--color-orange-light2: #FACFAA;--color-pink-dark: #8C0054;--color-pink: #F000E8;--color-pink-light1: #FF80FF;--color-pink-light2: #FFC2FF;--color-purple-dark: #37007D;--color-purple: #6D13F7;--color-purple-light1: #A07DFF;--color-purple-light2: #D2C3FF;--color-mint-dark: #005955;--color-mint: #00D4D0;--color-mint-light1: #82E8E8;--color-mint-light2: #C3F6F0;--color-fund-blue1: #003CDC;--color-fund-blue2: #1898F4;--color-blue1: #326af3;--color-blue2: #007FFF;--color-blue3: #00B7FF;--color-blue4: #4CBCE4;--color-lime: #DAFE52;--color-green: #4CA951;--color-purple2: #4E00C7;--color-purple3: #7426ED;--color-green2: #5CBC62;--color-green3: #0D3F3C;--color-green4: #017A78;--color-green5: #00A2A0;--color-yellow1: #FFD52B;--color-yellow2: #FBB938;--color-pink2: #CE007C;--color-pink3: #FCAFFC;--color-pink4: #FF80A9;--color-orange1: #F65742;--color-gray2: #D4D6DB;--color-gray7: #F1F3F8;--color-bg: #f8f9fb;--display01: 64px 1.4em}html{word-break:keep-all;word-wrap:break-word}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}html,body,h1,h2,h3,h4,h5,input,button,textarea{font: 14px/1.2 SCoreDream,Noto Sans KR,Arial,sans-serif;font-weight:500}body{text-align:left;word-break:break-word;overflow-y:scroll}img,fieldset,iframe{border:0 none}li{list-style:none}input,select,button{vertical-align:middle}img{vertical-align:top}i,em,address{font-style:normal}label,button{cursor:pointer}a{color:#222;text-decoration:none}a:hover{text-underline-offset:4px}hr{display:none}legend{width:0}table{border-collapse:collapse;border-spacing:0}caption{font-size:0;line-height:0;height:0}input{background-color:#fff}input[type=radio]{margin-top:0}input[type=text]:focus,input[type=password]:focus{background-color:#fff}*{box-sizing:border-box;-webkit-text-size-adjust:none}select{border:1px solid #D4D4D4}strong{font-weight:700}button{background:inherit;border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;cursor:pointer}input[type=text],input[type=password],input[type=image],input[type=search]{-webkit-appearance:none;-webkit-border-radius:0}a,input{-webkit-tap-highlight-color:transparent}.ml0{margin-left:0!important}.ml1{margin-left:1px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml4{margin-left:4px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.ml35{margin-left:35px!important}.ml40{margin-left:40px!important}.ml45{margin-left:45px!important}.ml50{margin-left:50px!important}.ml60{margin-left:60px!important}.ml70{margin-left:70px!important}.ml80{margin-left:80px!important}.ml90{margin-left:90px!important}.ml100{margin-left:100px!important}.ml150{margin-left:150px!important}.ml200{margin-left:200px!important}.mr0{margin-right:0!important}.mr1{margin-right:1px!important}.mr2{margin-right:2px!important}.mr3{margin-right:3px!important}.mr4{margin-right:4px!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr35{margin-right:35px!important}.mr40{margin-right:40px!important}.mr45{margin-right:45px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px!important}.mr150{margin-right:150px!important}.mr200{margin-right:200px!important}.mt0{margin-top:0!important}.mt1{margin-top:1px!important}.mt2{margin-top:2px!important}.mt3{margin-top:3px!important}.mt4{margin-top:4px!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt45{margin-top:45px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt150{margin-top:150px!important}.mt200{margin-top:200px!important}.mb0{margin-bottom:0!important}.mb1{margin-bottom:1px!important}.mb2{margin-bottom:2px!important}.mb3{margin-bottom:3px!important}.mb4{margin-bottom:4px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.mb60{margin-bottom:60px!important}.mb70{margin-bottom:70px!important}.mb80{margin-bottom:80px!important}.mb90{margin-bottom:90px!important}.mb100{margin-bottom:100px!important}.mb150{margin-bottom:150px!important}.mb200{margin-bottom:200px!important}.pl0{padding-left:0!important}.pl1{padding-left:1px!important}.pl2{padding-left:2px!important}.pl3{padding-left:3px!important}.pl4{padding-left:4px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl35{padding-left:35px!important}.pl40{padding-left:40px!important}.pl45{padding-left:45px!important}.pl50{padding-left:50px!important}.pl60{padding-left:60px!important}.pl70{padding-left:70px!important}.pl80{padding-left:80px!important}.pl90{padding-left:90px!important}.pl100{padding-left:100px!important}.pl150{padding-left:150px!important}.pl200{padding-left:200px!important}.pr0{padding-right:0!important}.pr1{padding-right:1px!important}.pr2{padding-right:2px!important}.pr3{padding-right:3px!important}.pr4{padding-right:4px!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr35{padding-right:35px!important}.pr40{padding-right:40px!important}.pr45{padding-right:45px!important}.pr50{padding-right:50px!important}.pr60{padding-right:60px!important}.pr70{padding-right:70px!important}.pr80{padding-right:80px!important}.pr90{padding-right:90px!important}.pr100{padding-right:100px!important}.pr150{padding-right:150px!important}.pr200{padding-right:200px!important}.pt0{padding-top:0!important}.pt1{padding-top:1px!important}.pt2{padding-top:2px!important}.pt3{padding-top:3px!important}.pt4{padding-top:4px!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt12{padding-top:12px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt35{padding-top:35px!important}.pt40{padding-top:40px!important}.pt45{padding-top:45px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pt150{padding-top:150px!important}.pt200{padding-top:200px!important}.pb0{padding-bottom:0!important}.pb1{padding-bottom:1px!important}.pb2{padding-bottom:2px!important}.pb3{padding-bottom:3px!important}.pb4{padding-bottom:4px!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb35{padding-bottom:35px!important}.pb40{padding-bottom:40px!important}.pb45{padding-bottom:45px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pb150{padding-bottom:150px!important}.pb200{padding-bottom:200px!important}.wid50{width:50px!important}.wid60{width:60px!important}.wid70{width:70px!important}.wid80{width:80px!important}.wid90{width:90px!important}.wid100{width:100px!important}.wid110{width:110px!important}.wid120{width:120px!important}.wid130{width:130px!important}.wid140{width:140px!important}.wid150{width:150px!important}.wid160{width:160px!important}.wid170{width:170px!important}.wid180{width:180px!important}.wid190{width:190px!important}.wid200{width:200px!important}.wid210{width:210px!important}.wid220{width:220px!important}.wid230{width:230px!important}.wid240{width:240px!important}.wid250{width:250px!important}.wid300{width:300px!important}.wid350{width:350px!important}.wid400{width:400px!important}.wid450{width:450px!important}.wid500{width:500px!important}.wid600{width:600px!important}.wid700{width:700px!important}.wid800{width:800px!important}.wid10p{width:10%!important}.wid20p{width:20%!important}.wid30p{width:30%!important}.wid40p{width:40%!important}.wid50p{width:50%!important}.wid60p{width:60%!important}.wid70p{width:70%!important}.wid80p{width:80%!important}.wid90p{width:90%!important}.wid100p{width:100%!important}.mwid50{min-width:50px}.mwid100{min-width:100px}.mwid150{min-width:150px}.mwid200{min-width:200px}.mwid300{min-width:300px}.mwid400{min-width:400px}.mwid500{min-width:500px}.mwid600{min-width:600px}.mwid700{min-width:700px}.mwid800{min-width:800px}.mwid10p{min-width:10%}.mwid20p{min-width:20%}.mwid30p{min-width:30%}.mwid40p{min-width:40%}.mwid50p{min-width:50%}.mwid60p{min-width:60%}.mwid70p{min-width:70%}.mwid80p{min-width:80%}.mwid90p{min-width:90%}.mwid100p{min-width:100%}.font_32{font-size:32px}.font_30{font-size:30px}.font_28{font-size:28px}.font_22{font-size:22px}.font_20{font-size:20px}.font_18{font-size:18px}.font_16{font-size:16px}.font_15{font-size:15px}.font_14{font-size:14px}.font_13{font-size:13px}.font_12{font-size:12px}.h100{height:100px}.h150{height:150px}.h200{height:200px}.h250{height:250px}.h300{height:300px}.h350{height:350px}.h400{height:400px}.h450{height:450px}.h500{height:500px}.col_w30{width:30px}.col_w40{width:40px}.col_w50{width:50px}.col_w60{width:60px}.col_w70{width:70px}.col_w80{width:80px}.col_w90{width:90px}.col_w100{width:100px}.col_w110{width:110px}.col_w120{width:120px}.col_w130{width:130px}.col_w140{width:140px}.col_w150{width:150px}.col_w160{width:160px}.col_w170{width:170px}.col_w180{width:180px}.col_w190{width:190px}.col_w200{width:200px}.col_w210{width:210px}.col_w220{width:220px}.col_w230{width:230px}.col_w240{width:240px}.col_w250{width:250px}.col_w260{width:260px}.col_w270{width:270px}.col_w280{width:280px}.col_w290{width:290px}.col_w300{width:300px}.col_w350{width:350px}.col_w400{width:400px}.col_w500{width:500px}.br{display:block}.dn{display:none!important}.bold{font-weight:600}.u_line{text-decoration:underline}.hyper{color:var(--color-tech-blue)!important}.hyper:hover{text-decoration:underline}.hyper-black{color:var(--color-black)}.hyper-black:hover{text-decoration:underline}.hidden{overflow:hidden}.hide{position:absolute;top:0;right:-1000px;text-indent:-999px;font-size:0}select:disabled,textarea:disabled,input[type=text]:disabled,input[type=password]:disabled,input[type=datetime]:disabled,input[type=datetime-local]:disabled,input[type=date]:disabled,input[type=month]:disabled,input[type=time]:disabled,input[type=week]:disabled,input[type=number]:disabled,input[type=email]:disabled,input[type=url]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=color]:disabled{background:var(--color-gray-typo2);border:1px solid var(--color-gray-typo3)}input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color]{border:1px solid var(--color-gray-typo1);height:44px;line-height:44px;padding:0 12px;border-radius:12px;background-color:var(--color-gray-typo1)}[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button{-webkit-appearance:none}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-moz-placeholder{color:var(--color-gray-typo6);opacity:1}input::placeholder{color:var(--color-gray-typo6)}textarea::placeholder{color:var(--color-gray-typo6)}textarea{width:100%;min-height:120px;resize:none;line-height:1.2em;margin:0;padding:12px;border-radius:12px;box-sizing:border-box;border:none;background-color:var(--color-gray-typo1)}input[type=radio]:disabled+label,input[type=checkbox]:disabled+label{opacity:.5}input[type=checkbox],input[type=radio]{margin:0}input[type=text]:read-only{background-color:#eaeaea}input[type=password]:read-only{background-color:#eaeaea}img{max-width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAPCAYAAAARZmTlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAylpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmE2YTYzOTY4YSwgMjAyNC8wMy8wNi0xMTo1MjowNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjEyIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZFMTc3NzgzRUFBQzExRUZBNDcwOEMzNTFFMzMyQTgxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZFMTc3Nzg0RUFBQzExRUZBNDcwOEMzNTFFMzMyQTgxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkUxNzc3ODFFQUFDMTFFRkE0NzA4QzM1MUUzMzJBODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkUxNzc3ODJFQUFDMTFFRkE0NzA4QzM1MUUzMzJBODEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5h4XYaAAAA4ElEQVR42mL8//8/A60By+kT1wuAdD+U72hqoXmAUkOBZiYAqQlAfAGIC5igDBjYAFRgQAUL5gMxPxDbg8RAlnxAUgOSOECuRUgWwAEwZC4wgQggO5FSi7BZADOXCWrbAkoswmUB1FwGRuTUhUXxRyB2gPoWlwUOQGo/LgvgPkEKP5J8BBXfgM8CDEtIsQjKPwCVx2kBVkuQLJqIyyJSLMCIEyzBAdIUjxZHBdCMRpQFBC3BYREDoTggKrjQgg6U4haSawFRluCxiCgLiAoutKADxYcAqCgCWjCBWH0AAQYALFR9B86xhHMAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:calc(100% - 12px) center;background-color:var(--color-gray-typo1);border:1px solid var(--color-gray-typo1);background-size:24px;cursor:pointer;min-width:120px;height:44px;padding-left:10px;padding-right:38px;border-radius:12px;font-size:16px}select::-ms-expand{display:none}::selection{background:#0046f6;color:#fff}::-moz-selection{background:#0046f6;color:#fff}.t-center{text-align:center!important}.header{position:relative;display:flex;justify-content:center;align-content:center;align-items:center;width:100%;min-width:320px;padding:12px 16px;z-index:10;transition:all .3s ease}.scroll-on .header{box-shadow:0 0 10px var(--color-gray-typo3)}.header .h1{display:block;z-index:2;font-size:24px;font-weight:700}.header .h1 span{display:block;width:72px;height:24px;text-indent:-9999em;background-size:auto 100%}.header .h2{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;padding:0 80px}.header .h2 span{display:flex;justify-content:center;align-items:center;font-size:20px;word-break:keep-all}.header .mob-icon{display:none;position:absolute;top:12px;left:12px}@media only screen and (max-width: 768px){.header .mob-icon{display:block}}.footer{display:flex;justify-content:center;gap:12px;flex-direction:column;width:100%;padding:12px 0;min-width:320px;transition:all .3s ease;color:var(--color-white)}.footer .lang-box{display:flex;justify-content:center;gap:12px}.footer .lang-box .btn01{width:80px;height:28px;font-size:12px}.footer .footer-wrap{width:100%;margin:0 auto;padding:0 16px;text-align:center}.footer .footer-wrap .company-box{display:flex;flex-direction:column}.footer .footer-wrap .company-box .company{font-size:18px;text-align:center}.footer .footer-wrap .company-box .company a{font-size:18px;text-align:center;color:var(--color-white)}.footer .footer-wrap .company-box .link{display:flex;flex-wrap:wrap;gap:12px 8px;padding-top:24px;max-width:540px;margin:0 auto}.footer .footer-wrap .company-box .link a{flex:1 1 calc(33.33% - 12px);font-size:13px;color:var(--color-white);text-align:center;word-break:keep-all}.footer .footer-wrap .information-box{display:flex;flex-direction:column;justify-content:center;padding:24px 0 0}.footer .footer-wrap .information-box dl{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;padding-top:6px}.footer .footer-wrap .information-box dl:first-child{padding-left:0}.footer .footer-wrap .information-box dl:first-child:before{display:none}.footer .footer-wrap .information-box dl a{color:var(--color-white)}.footer .footer-wrap .information-box dl dt{padding-right:4px;font-weight:700}.footer .footer-wrap .copy{padding-top:24px;font-size:12px;text-align:center}.js-left-gnb-close .footer.left-gnb-set,.js-left-gnb-mob-close .footer.left-gnb-set{margin-left:-24px}@media only screen and (max-width: 1024px){.footer.left-gnb-set{margin-left:-24px}}.scrollbar-custom::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.3);border-radius:4px;background-color:#f5f5f5}.scrollbar-custom::-webkit-scrollbar{width:4px;background-color:#f5f5f5}.scrollbar-custom::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.3);background-color:#4d4d4d}.container{display:flex;justify-content:center;align-items:center;padding:0 12px;height:calc(100vh - 150px);overflow:hidden;width:100%;margin:0 auto}.live-cctv{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.container.login-container{padding:24px 16px}.container-wrap{min-height:calc(100vh - 104px);padding-top:76px}.container-wrap.no-header{min-height:calc(100vh - 48px);padding-top:0}.inner-box{padding-bottom:40px}.w-box{padding:16px;background-color:var(--color-white);border-radius:12px}.blind{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);margin:-1px;overflow:hidden}.back-box{padding-bottom:24px}.back-box .btn-back{margin-left:-8px}.back-box .btn-back span{display:block;width:32px;height:32px;text-indent:-9999em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAexJREFUWEfd2E1OwkAUB/B5VboVb4AbCSshEZCVcAL1BJYbcAO8gUewnkA8geywYAKuBDfqDeq2QOsbQhPbWJlviV1BoHm//OfNRwtkyy/Ych/5P8DB4KWQA6sbWeCT5fK+2ij1TaTPnODIm/UQdBajICLu8UmxrRvJAZxiYnD6HWQCyQx88mbnESF36cR0I5mBFDYcvjoQRTcmkVxAClsn6eLHPRPDzQ1cJ1nGJOksTiDx+2TXtluVyoGvavIIAU0ihYGmkFJAE0hpIEWudhnL6uEydJTqvckiDC8ajdK7aE8qAdLi4/FbfhkE/R+QfgTQqtUOJyJIZUBdSKVAHUjlQNVILcC414bezMUCl6ne8wlOHNbjmlbgahnKQFbrxX2WSaMVSGf2IggeEFJOYT4QWPhT4C+4T1x2mqzLjpYEs3BY7DkEcFhxNGHlQDwz0pMOHdZ84jiGuB3bbvKedJQCVeOUJqgDpwyoC6cEmIXDQ8NtzrY7vD2XXnqkejDrIYriavWiw7LObfqPMNAETniITeGEgCZx3MDR47RDAK7TfYNbVxt3B3dTP4n8ztyD+PLoCgt0TeK4EkQgTs7kpTO5uBJHgsm3WyZwXAmuntrmczrMJCTE5TmRiPQed4IyRWTuZR5imSIy92498AuFwRQ4KTRjHwAAAABJRU5ErkJggg==) no-repeat left center;background-size:30px auto;transform:rotate(180deg)}.btn-wrap{display:flex;justify-content:center;gap:16px;padding-top:24px}.btn01{display:flex;justify-content:center;align-items:center;min-width:80px;padding:0 8px;height:36px;text-align:center;font-size:14px;color:#37343f;border-radius:4px;vertical-align:middle;transition:all .3s ease;font-weight:700}.act{transition:all .3s ease}.act:active,.btn01:active{transform:scale(.95)}.act:hover,.btn01:hover{opacity:.8}.btn01.col01{color:var(--color-white);background:var(--color-col04);border:1px solid var(--color-col04)}.btn01.col02{color:var(--color-col02);border:1px solid var(--color-col02);background:var(--color-white)}.btn01.col03{color:var(--color-white);border:1px solid var(--color-blue-dark);background:var(--color-blue-dark)}.btn01.col04{background:var(--color-col02);border:1px solid var(--color-col02);color:var(--color-white)}.btn01.col05,.btn01.disabled,.btn01:disabled{color:var(--color-white);background:var(--color-col05);border:1px solid var(--color-col05);cursor:context-menu;transform:none;pointer-events:none}.btn01.col06{background:none;border:none;color:var(--color-col02)}.btn01.lg{height:80px;min-width:160px;border-radius:12px}.btn01.middle{height:48px;border-radius:12px}.btn01.sm{font-size:12px;height:24px;border-radius:12px}.mob-icon-w{display:none;position:absolute;top:12px;right:22px;z-index:110}.mob-icon{display:inline-block;position:relative;width:24px;height:20px;cursor:pointer}.mob-icon.js-open{width:16px}.mob-icon span{position:absolute;width:100%;height:4px;border-radius:2px;transition:.3s cubic-bezier(.8,.5,.2,1.4);background-color:var(--color-white);transition-duration:.5s}.mob-icon span:nth-child(1){top:0;left:0}.mob-icon span:nth-child(2){top:8px;left:0;opacity:1}.mob-icon span:nth-child(3){bottom:0;left:0}.mob-icon.js-open span:nth-child(1){transform:rotate(45deg);top:10px}.mob-icon.js-open span:nth-child(2){opacity:0}.mob-icon.js-open span:nth-child(3){transform:rotate(-45deg);top:1px}@media only screen and (max-width: 768px){.mob-icon-w{display:block}}.control-buttons{margin-top:20px;display:flex;justify-content:center;gap:20px}.control-buttons button{padding:12px 25px;border:none;border-radius:5px;font-size:1.1em;cursor:pointer;transition:background-color .2s ease-in-out}.reset-button{background-color:#dc3545;color:#fff}.reset-button:hover{background-color:#c82333}.recommend-button{background-color:#28a745;color:#fff}.recommend-button:hover{background-color:#218838}.reset-button:disabled,.recommend-button:disabled{background-color:#888;cursor:none;pointer-events:none}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;background-color:#e9ecef;border-radius:8px;border:1px solid #ddd;min-height:85px;margin-bottom:12px}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}.loading-indicator p{font-size:1.2em;color:#555;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.number-button{width:32px;height:32px;border-radius:50%;background-color:#fff;color:#fff;font-size:1.2em;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center}.number-button:hover{background-color:gold;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.number-button.selected{background-color:#ffd600;color:#fff;border-color:gold;box-shadow:0 4px 8px #ffd70066}.number-button:active{transform:translateY(0);box-shadow:none}.saju-recommender-container{background-color:#e9ecef;padding:8px;border-radius:10px;border:1px solid #ddd;margin-bottom:2rem;text-align:center}.saju-recommender-container h2{margin-top:0;margin-bottom:12px;font-size:1.5rem;color:#333}.saju-input-form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.input-group{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}.saju-input-form input,.saju-input-form select{padding:4px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.saju-input-form input[type=number]{width:54px;text-align:center}.saju-input-form select{width:160px}.saju-input-form button{padding:10px 20px;font-size:1rem;min-height:44px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.saju-input-form button:hover:not(:disabled){background-color:#0056b3}.saju-input-form button:disabled{background-color:#aaa;cursor:not-allowed}.error-message{color:#e63946;font-weight:700;margin-top:15px}.saju-result-display{margin-top:8px;padding-top:8px;border-top:1px solid #e9ecef}.result-text p{font-size:1.1rem;line-height:1.6;margin-bottom:20px}.result-numbers{display:flex;justify-content:center;gap:15px}.result-number-ball{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-size:1.2rem;font-weight:700;box-shadow:0 2px 5px #0003}.result-number-ball.number-color1-10{background-color:#f0c770}.result-number-ball.number-color11-20{background-color:#639fe3}.result-number-ball.number-color21-30{background-color:#fc665d}.result-number-ball.number-color31-40{background-color:#505458}.result-number-ball.number-color41-45{background-color:#8edc7e}.selected-numbers-display{margin-bottom:12px;padding:8px;border:1px solid #ddd;border-radius:8px;background-color:#e9ecef;color:#000;min-height:85px}.selected-numbers-display h2{margin-top:0;color:#333;font-size:1.2em}.selected-numbers-display p{padding-top:8px}.numbers-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:30px;margin-top:8px}.selected-number-item{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background-color:gold;font-weight:700;font-size:1.2em;box-shadow:0 2px 4px #ffd7004d;opacity:0;animation:fadeIn .5s ease-out forwards}.selected-number-item.number-color1-10{background-color:#f0c770}.selected-number-item.number-color11-20{background-color:#639fe3}.selected-number-item.number-color21-30{background-color:#fc665d}.selected-number-item.number-color31-40{background-color:#505458}.selected-number-item.number-color41-45{background-color:#8edc7e}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.zodiac-recommendations-container{background-color:#fff;padding-top:10px;border-radius:10px;margin-bottom:2rem;text-align:center}.zodiac-recommendations-container h2{margin-top:0;margin-bottom:12px;font-size:1.2rem;color:#333}.zodiac-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.zodiac-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.zodiac-box:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001a}.zodiac-icon{font-size:2.5rem;line-height:1}.zodiac-name{font-size:.9rem;font-weight:700;margin-top:4px;color:#495057}.zodiac-number{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;margin-top:4px;border-radius:50%;color:#fff;background-color:gold;font-weight:700;font-size:1.2em;box-shadow:0 2px 4px #ffd7004d;opacity:0;animation:fadeIn .5s ease-out forwards}.zodiac-number.number-color1-10{background-color:#f0c770}.zodiac-number.number-color11-20{background-color:#639fe3}.zodiac-number.number-color21-30{background-color:#fc665d}.zodiac-number.number-color31-40{background-color:#505458}.zodiac-number.number-color41-45{background-color:#8edc7e}@media (max-width: 768px){.zodiac-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.zodiac-grid{grid-template-columns:repeat(4,1fr)}}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:10px;padding:8px;border:1px solid #eee;border-radius:8px;background-color:#f8f9fa;width:100%;max-width:306px;margin:0 auto}.number-color1-10{background-color:#f0c770}.number-color11-20{background-color:#639fe3}.number-color21-30{background-color:#fc665d}.number-color31-40{background-color:#505458}.number-color41-45{background-color:#8edc7e}.todays-fortune-container{background:linear-gradient(135deg,#fdfbfb,#ebedee);border-radius:12px;padding:20px 25px;margin:20px auto;max-width:600px;box-shadow:0 4px 15px #00000014;border:1px solid #e0e0e0;text-align:center}.todays-fortune-container h2{font-size:1.4rem;color:#333;margin-bottom:15px;font-weight:600}.todays-fortune-container .fortune-message{font-size:1rem;color:#555;line-height:1.6}.app{display:flex;flex-direction:row}.side-menu{position:relative;width:260px;height:100vh;overflow-x:hidden;background:#000;z-index:100;transition:all .3s ease}.main-content{width:calc(100% - 260px)}.App{text-align:center;font-family:Arial,sans-serif;padding:8px;background-color:#f4f7f6;min-height:100vh;display:flex;flex-direction:column;align-items:center;min-width:320px}.App-header{background-color:#ffd600;padding:8px;color:#000;width:100%;max-width:800px;margin-bottom:12px;border-radius:8px}.App-header h1{margin:0;font-size:2em}.App-header p{margin-top:4px;font-size:1.1em}main{width:100%;max-width:800px;background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 4px 8px #0000001a}footer{margin-top:20px;color:#666;font-size:.9em}.language-switcher{display:flex;justify-content:center;gap:10px;padding-bottom:12px}.language-switcher button{background-color:#000;color:#fff;padding:8px 12px;border-radius:4px}@media only screen and (max-width: 768px){.side-menu{position:fixed;top:0;left:-100%}.menu-open .side-menu{left:0}.main-content{width:100%}}