*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#ff9c00;--primary-hover:#e68a00;--secondary-color:#00a874;--text-color:#1f2937;--text-light:#6b7280;--border-color:#e5e7eb;--bg-color:#fff;--bg-light:#f5f5f5;--bg-section:#f0f0f0;--shadow:0 2px 4px 0 #00000014;--shadow-md:0 4px 12px 0 #0000001a;--shadow-lg:0 8px 24px 0 #0000001f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:16px;line-height:1.6}body{color:var(--text-color);background-color:var(--bg-light);min-height:100vh}.container{max-width:700px;margin:0 auto;padding:0 1rem}.page{flex-direction:column;min-height:100vh;display:none}.page.active{display:flex}.page-header{color:#111;text-align:center;background:#fff;padding:3.5rem 0;position:relative;box-shadow:0 2px 8px #00000014}.back-button{color:#111;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:opacity .2s;display:flex;position:absolute;top:1.5rem;left:1rem;transform:none}.back-button:hover{opacity:.8}@media (min-width:769px){.back-button{left:calc(50% - 400px + 1rem)}}.logo-wrapper{justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.logo{width:auto;height:20px}.page-title{color:#111;margin-bottom:1rem;font-size:1.25rem;font-weight:800}.page-subtitle{opacity:.95;font-size:1.1rem;font-weight:400}.page-content{flex:1;padding:4rem 0}.tab-nav{background:0 0;border-radius:0;justify-content:center;gap:1rem;max-width:100%;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:0;display:flex}.tab-button{color:var(--text-color);cursor:pointer;opacity:.7;background:#e5e7eb;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:52px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.tab-button.active{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-md);opacity:1;transform:translateY(-2px)}.tab-title{font-size:1.32rem;font-weight:700}.tab-button:hover:not(.active){background:#d1d5db}.main-tab-nav button:first-child.active{background:var(--primary-color)!important}.main-tab-nav button:nth-child(2).active{background:var(--secondary-color)!important}.sub-tab-nav button:first-child.active{background:#111827!important}.sub-tab-nav button:nth-child(2).active{background:#4b5563!important}.tab-content{display:none}.tab-content.active{display:block}.basic-tab-content h3,.basic-tab-content .sub-title,.basic-tab-content .info-list li:before{color:var(--secondary-color)!important}.info-section{background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);border-radius:1.5rem;margin-bottom:2rem;padding:2rem;transition:all .3s;box-shadow:0 4px 12px #00000014}.info-section:hover{box-shadow:0 12px 24px #0000001f}.info-section h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.info-list{padding:0;list-style:none}.info-list li{color:var(--text-color);padding:.75rem 0 .75rem 1.5rem;font-size:.95rem;line-height:1.8;position:relative}.info-list li:before{content:"•";color:var(--primary-color);font-size:1.2rem;font-weight:700;position:absolute;left:0}.page.active .detail-card{margin-top:1.5rem;display:none}.page.active .detail-card.active{display:block}.detail-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:1rem;padding:1.3rem;transition:all .3s;box-shadow:0 2px 8px #0000000f}.detail-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.detail-item{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:flex-start;padding:.75rem 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-item strong{color:var(--text-color);min-width:120px;font-weight:600}.detail-item span{text-align:left;color:var(--text-color);flex:1;line-height:1.8}.sub-title{color:var(--text-color);margin-top:1.2rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;display:block;position:relative}.sub-title:before{display:none!important}.detail-item .info-list{flex:1;margin:0}.detail-item .info-list li{padding:.5rem 0 .5rem 1.5rem}.page-footer{background:var(--bg-light);color:var(--text-color);text-align:center;margin-top:auto;padding:2rem 0}.page-footer p{opacity:.8;margin:0}@media (max-width:768px){:root{font-size:14px}.page-title{font-size:1.25rem}.page-subtitle{font-size:1rem}.detail-item{flex-direction:column;gap:.5rem}.detail-item strong{min-width:auto}.detail-item .info-list li{padding:.4rem 0 .4rem 1.5rem}.page{padding-bottom:64px}}@media (max-width:480px){:root{font-size:13px}}