@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

body{margin:0;font-family:'Pretendard',sans-serif;font-size:15px:color:#1f2937}

.container{margin:auto;}

.hero{background:#111827;color:#fff;text-align:center;}
.hero .container{padding:60px 30px}
.hero h1{font-size:48px;font-weight:700;margin-bottom:20px;}
.hero p{font-size:16px;margin-bottom:30px}

.btn-primary{font-size:16px;background:#3b82f6;color:#fff;padding:12px 24px;border-radius:3px;border:none}
.btn-primary:hover{font-size:16px;background:#3b82f6;color:#fff;padding:12px 24px;border-radius:3px;border:none}

.section{padding:60px 0}

.section h1.p-tit {
	margin-bottom:20px;
}

.section h1.p-tit img {
	height:50px;
}

.section h3.p-stit {
	font-size:17px;
	margin-bottom:30px;
}

.tabs,.sub-tabs{display:flex;gap:12px;margin-bottom:24px}
.tab-btn,.sub-tab{font-size:16px;padding:8px 16px;border-radius:3px;background:#e5e7eb;border:none}
.tab-btn.active,.sub-tab.active{background:#000;color:#fff}

.tab-content h1.title {
	font-weight:600;
	margin-bottom:20px;
}

.tab-content h4.sub-title {
	font-size:16px;
	margin-bottom:20px;
}

.accordion{width:100%;padding:12px 16px;border:none;background:none;font-size:16px;text-align:left}

.panel{max-height:0;overflow:hidden;transition:max-height .3s ease}
.panel.open{}

.panel p {
	padding:12px 16px;
	font-size:16px;
}

.card-wrap {
	background:#f4f4f4;
	padding:30px 20px;
	margin:30px 0;
}

h3.title {
	font-size:20px;
	margin-bottom:20px;
}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:.3s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15)}

.accordion-item {
	background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:.3s
}

.hidden{display:none}

.footer{background:#111827;color:#fff;text-align:center;padding:40px}

.text-black {
	color:#101010;
}

.mr-30 {
	margin-right:30px;
}

@media(max-width:1024px){
.card-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
.card-grid{grid-template-columns:1fr}
.hero h1{font-size:32px}
}