:root{--color-bg: #ffffff;--color-wave: #f2f2f2;--color-skyline: #e5e5e5;--color-skyline-dark: #d5d5d5;--color-primary-blue: #000000;--color-footer-blue: #000000;--color-logo-yellow: #000000;--color-text-dark: #000000;--color-text-gray: #666666;--color-cone-orange: #000000;--color-cone-dark: #333333;--color-barrier-red: #000000;--color-sign-yellow: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Pretendard,sans-serif;background-color:var(--color-bg);color:var(--color-text-dark);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.layout-wrapper{min-height:100vh;display:flex;flex-direction:column;width:90%;max-width:1400px;margin:0 auto;position:relative;overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 0;position:relative;z-index:10}.logo-banner{display:flex;justify-content:flex-start;align-items:center}.logo-banner img{height:40px;width:auto}nav{display:flex;gap:2rem;margin-top:2rem}nav a{text-decoration:none;color:var(--color-text-dark);font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}nav a:hover{color:var(--color-primary-blue)}main{flex:1;display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:2;padding-bottom:5rem}.text-content{flex:1;max-width:50%;padding-right:2rem;position:relative;z-index:10}.text-content h1{font-size:clamp(2.2rem,8vw,4rem);font-weight:800;line-height:1.1;margin-bottom:.5rem;color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:-.5px}.text-content h2{font-size:2rem;font-weight:500;color:var(--color-primary-blue);margin-bottom:1.5rem}.text-content p{color:var(--color-text-gray);line-height:1.6;margin-bottom:2rem;font-size:.95rem}.btn-read-more{display:inline-block;background-color:var(--color-primary-blue);color:#fff;text-decoration:none;padding:.8rem 2rem;border-radius:25px;font-weight:600;font-size:.9rem;box-shadow:0 4px 6px #5583c433;transition:background-color .3s ease,transform .2s ease}.btn-read-more:hover{background-color:#333;transform:translateY(-2px)}.bg-wave{position:absolute;bottom:-20px;left:0;width:100%;height:120%;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%)}.illustration-container{flex:1;position:relative;height:500px;display:flex;justify-content:flex-end;align-items:flex-end;z-index:3}.illustration-svg{width:100%;max-width:600px;height:auto}footer{background-color:#fff;width:100%;z-index:10;padding-bottom:1.5rem}.footer-content{width:100%;display:flex;justify-content:space-between;align-items:center;color:#666;font-size:.85rem;border-top:1px solid #e0e0e0;padding-top:1.5rem}.footer-left{display:flex;align-items:center;gap:1.5rem}.footer-left a{color:#333;text-decoration:none;font-weight:500;transition:color .2s ease}.footer-left a:hover{color:#000}.footer-right{display:flex;align-items:center;gap:1.2rem}.footer-right a{color:#333;transition:color .2s ease;display:flex;align-items:center}.footer-right a:hover{color:#000}@media(max-width:900px){main{flex-direction:column;justify-content:flex-start;text-align:center;padding-top:3rem;padding-bottom:8rem}.text-content{max-width:100%;padding-right:0;margin-top:0;padding-bottom:2rem}.text-content h1{font-size:clamp(2rem,10vw,2.8rem);word-break:keep-all}.text-content h2{font-size:1.5rem}.illustration-container{width:100%;height:auto;min-height:300px;margin-top:2rem;justify-content:center}.illustration-svg{max-width:100%}header{flex-direction:column;align-items:center;padding:2rem 0}.logo-banner{margin-bottom:1.5rem}nav{margin-top:0;flex-wrap:wrap;justify-content:center}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-left{flex-direction:column;gap:.8rem}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1!important;visibility:visible!important;display:flex!important}.modal-container{background:#fff;border-radius:16px;width:90%;max-width:520px;padding:2rem;box-shadow:0 20px 40px #0003;transform:translateY(20px);transition:transform .3s ease;border:1px solid rgba(0,0,0,.1)}.modal-overlay.active .modal-container{transform:translateY(0)}.modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.modal-header .warning-icon{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;color:#e63946!important;flex-shrink:0!important}.modal-header h3{font-size:1.25rem;font-weight:700;color:#111;margin:0}.modal-body{color:#444;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.modal-body p{margin-bottom:.8rem}.modal-body p:last-child{margin-bottom:0}.modal-body .highlight-box{background-color:#fff8f8;border-left:4px solid #e63946;padding:.8rem 1rem;margin:1rem 0;border-radius:0 8px 8px 0;font-size:.9rem;color:#b71c1c}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem}.btn-modal-close{background-color:#111;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.btn-modal-close:hover{background-color:#333}.modal-lang-tabs{display:flex!important;gap:.5rem!important;margin-bottom:1.25rem!important;border-bottom:1px solid #f0f0f0!important;padding-bottom:.6rem!important}.lang-tab-btn{background:#f5f5f5!important;border:1px solid #e5e5e5!important;padding:.4rem .85rem!important;border-radius:6px!important;font-size:.85rem!important;font-weight:600!important;color:#666!important;cursor:pointer!important;transition:all .2s ease!important}.lang-tab-btn:hover{color:#111!important;background-color:#eaeaea!important}.lang-tab-btn.active{color:#fff!important;background-color:#111!important;border-color:#111!important}.lang-content{display:none!important}.lang-content.active{display:block!important}
