<div id="ai_editor">
<div class="estimate-hero">
<div class="hero-icon">&#128176;</div>
<h1>견적서 작성 가이드</h1>
<p class="hero-subtitle">부가세 포함·별도 구분부터 전략적 작성법까지</p>
</div>

<div class="quick-summary">
<div class="summary-item">
<div class="summary-number">01</div>
<div class="summary-text">
<h3>&#128203; 견적서란?</h3>
<p>거래 전 가격과 조건을 제시하는 공식 문서</p>
</div>
</div>
<div class="summary-item">
<div class="summary-number">02</div>
<div class="summary-text">
<h3>&#127919; 핵심 목적</h3>
<p>사전 합의로 분쟁 예방 및 계약 체결 기초</p>
</div>
</div>
<div class="summary-item">
<div class="summary-number">03</div>
<div class="summary-text">
<h3>&#9878;&#65039; 법적 효력</h3>
<p>승낙 시 계약 성립, 일방 변경 불가</p>
</div>
</div>
</div>

<section class="main-section">
<h2 class="main-title">&#128181; 부가세 포함 vs 별도</h2>

<div class="vat-compare">
<div class="vat-card include">
<div class="card-top">
<h3>부가세 포함</h3>
<span class="tag">일반 소비자용</span>
</div>
<div class="card-content">
<div class="info-row">
<span class="label">표시방식</span>
<span class="value">최종 금액만 표시</span>
</div>
<div class="info-row">
<span class="label">주사용처</span>
<span class="value">개인, B2C, 소매업</span>
</div>
<div class="info-row">
<span class="label">장점</span>
<span class="value">소비자가 이해하기 쉬움</span>
</div>
<div class="example-box">&#128161; 예시 : 총 금액 110,000원</div>
</div>
</div>

<div class="vat-card separate">
<div class="card-top">
<h3>부가세 별도</h3>
<span class="tag">사업자용</span>
</div>
<div class="card-content">
<div class="info-row">
<span class="label">표시방식</span>
<span class="value">공급가액과 부가세 구분</span>
</div>
<div class="info-row">
<span class="label">주사용처</span>
<span class="value">기업, B2B, 도매업</span>
</div>
<div class="info-row">
<span class="label">장점</span>
<span class="value">매입세액 공제, 회계 처리 용이</span>
</div>
<div class="example-box">&#128161; 예시 : 공급가액 100,000원 + 부가세 10,000원 = 합계 110,000원</div>
</div>
</div>
</div>
</section>

<section class="main-section gray">
<h2 class="main-title">&#128221; 필수 구성 항목</h2>

<div class="components-list">
<div class="comp-box red">
<div class="comp-header">
<span class="priority">필수</span>
<h4>&#128196; 견적 기본정보</h4>
</div>
<ul>
<li>견적번호 : 관리용 고유번호 (예: EST-2025-001)</li>
<li>견적일자 : 작성 날짜</li>
<li>유효기간 : 견적 유효 기간 (보통 7~30일)</li>
<li>납품기한 : 계약 후 납품 소요일</li>
</ul>
</div>

<div class="comp-box red">
<div class="comp-header">
<span class="priority">필수</span>
<h4>&#127970; 공급자 정보</h4>
</div>
<ul>
<li>회사명, 대표자명</li>
<li>사업자등록번호 (10자리)</li>
<li>주소, 전화, 팩스, 이메일</li>
<li>업태, 종목</li>
</ul>
</div>

<div class="comp-box red">
<div class="comp-header">
<span class="priority">필수</span>
<h4>&#128101; 고객 정보</h4>
</div>
<ul>
<li>회사명 또는 성명</li>
<li>담당자명, 직급</li>
<li>연락처 (전화, 이메일)</li>
<li>주소 (청구지/납품지)</li>
</ul>
</div>

<div class="comp-box orange">
<div class="comp-header">
<span class="priority">중요</span>
<h4>&#128230; 품목 내역</h4>
</div>
<ul>
<li>품목명, 규격, 사양</li>
<li>수량, 단위 (EA, SET 등)</li>
<li>단가, 금액 (단가×수량)</li>
<li>비고 (추가 설명)</li>
</ul>
</div>

<div class="comp-box orange">
<div class="comp-header">
<span class="priority">중요</span>
<h4>&#128176; 금액 정보</h4>
</div>
<div class="amount-calc">
<div class="calc-formula">&#128208; 공급가액 + 부가세(10%) = 총 견적금액</div>
<div class="calc-note">
&#8226; 부가세 포함 : 총액만 표시<br>
&#8226; 부가세 별도 : 공급가액, 부가세, 합계 모두 표시
</div>
</div>
</div>

<div class="comp-box green">
<div class="comp-header">
<span class="priority">선택</span>
<h4>&#128203; 거래 조건</h4>
</div>
<ul>
<li>결제조건 : 계좌이체, 현금, 카드, 어음</li>
<li>결제기한 : 납품 후 ○일 이내</li>
<li>배송조건 : 배송비 포함 여부</li>
<li>A/S조건 : 무상 A/S 기간</li></ul></div></div></section>

<div class="final-section">
<h2>&#10024; 정확하고 경쟁력 있는 비즈폼 견적서로 계약 성사율을 높이세요.</h2>
<div class="final-points">
<div class="final-point">&#10003; 명확한 조건으로 분쟁 예방</div>
<div class="final-point">&#10003; 적정 마진 확보한 가격 설정</div>
<div class="final-point">&#10003; 신속한 대응으로 신뢰 구축</div>
</div>
</div>
</div>

<style>
#ai_editor {
max-width: 1200px ;
margin: 0 auto ;
padding: 0 ;
background: #faf8ff ;
font-family: &#39;Noto Sans KR&#39;, -apple-system, BlinkMacSystemFont, sans-serif ;
color: #2d2d2d ;
line-height: 1.7 ;
}

#ai_editor * {
box-sizing: border-box ;
}

/* 히어로 */
#ai_editor .estimate-hero {
background: linear-gradient(135deg, #ff9999 0%, #ffb3ba 100%) ;
padding: 50px 30px ;
text-align: center ;
color: white ;
box-shadow: 0 10px 30px rgba(255, 153, 153, 0.3) ;
margin-bottom: 75px ;
}

#ai_editor .hero-icon {
font-size: 50px ;
margin-bottom: 15px ;
}

#ai_editor .estimate-hero h1 {
font-size: 42px ;
font-weight: 700 ;
margin: 0 0 12px 0 ;
}

#ai_editor .hero-subtitle {
font-size: 20px ;
margin: 0 ;
opacity: 0.95 ;
}

/* 퀵 서머리 */
#ai_editor .quick-summary {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
margin-bottom: 75px ;
background: white ;
box-shadow: 0 4px 20px rgba(155, 135, 245, 0.12) ;
}

#ai_editor .summary-item {
display: flex ;
align-items: center ;
gap: 20px ;
padding: 35px 28px ;
border-right: 1px solid #f0ebff ;
}

#ai_editor .summary-item:last-child {
border-right: none ;
}

#ai_editor .summary-number {
width: 48px ;
height: 48px ;
background: linear-gradient(135deg, #ff9999 0%, #ffb3ba 100%) ;
color: white ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-size: 19px ;
font-weight: 700 ;
flex-shrink: 0 ;
box-shadow: 0 4px 15px rgba(255, 153, 153, 0.3) ;
}

#ai_editor .summary-text h3 {
font-size: 20px ;
margin: 0 0 6px 0 ;
color: #2d2d2d ;
font-weight: 700 ;
}

#ai_editor .summary-text p {
font-size: 17px ;
margin: 0 ;
color: #666 ;
line-height: 1.5 ;
}

/* 메인 섹션 */
#ai_editor .main-section {
padding: 50px 30px ;
margin-bottom: 75px ;
background: white ;
}

#ai_editor .main-section.gray {
background: #f8f5ff ;
}

#ai_editor .main-title {
font-size: 32px ;
font-weight: 700 ;
text-align: center ;
margin: 0 0 40px 0 ;
color: #2d2d2d ;
}

/* VAT 비교 */
#ai_editor .vat-compare {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 30px ;
max-width: 900px ;
margin: 0 auto ;
}

#ai_editor .vat-card {
background: white ;
border-radius: 16px ;
overflow: hidden ;
box-shadow: 0 4px 20px rgba(155, 135, 245, 0.12) ;
border: 1px solid #f0ebff ;
transition: transform 0.3s ease ;
}

#ai_editor .vat-card:hover {
transform: translateY(-3px) ;
}

#ai_editor .card-top {
padding: 28px 24px ;
text-align: center ;
}

#ai_editor .vat-card.include .card-top {
background: linear-gradient(135deg, #a8d5ba 0%, #c5e8d4 100%) ;
}

#ai_editor .vat-card.separate .card-top {
background: linear-gradient(135deg, #ff9999 0%, #ffb3ba 100%) ;
}

#ai_editor .card-top h3 {
font-size: 24px ;
font-weight: 700 ;
margin: 0 0 10px 0 ;
color: white ;
}

#ai_editor .tag {
display: inline-block ;
background: rgba(255, 255, 255, 0.3) ;
color: white ;
padding: 6px 16px ;
border-radius: 15px ;
font-size: 16px ;
font-weight: 600 ;
}

#ai_editor .card-content {
padding: 28px 24px ;
}

#ai_editor .info-row {
display: flex ;
justify-content: space-between ;
align-items: center ;
margin-bottom: 16px ;
padding-bottom: 16px ;
border-bottom: 1px solid #f8f5ff ;
}

#ai_editor .info-row:last-of-type {
margin-bottom: 20px ;
padding-bottom: 0 ;
border-bottom: none ;
}

#ai_editor .label {
font-size: 17px ;
color: #666 ;
font-weight: 600 ;
}

#ai_editor .value {
font-size: 17px ;
color: #2d2d2d ;
font-weight: 500 ;
}

#ai_editor .example-box {
background: #fff9f0 ;
padding: 18px 20px ;
border-radius: 10px ;
font-size: 17px ;
color: #666 ;
line-height: 1.7 ;
border-left: 3px solid #ffd4a0 ;
}

/* 컴포넌트 리스트 */
#ai_editor .components-list {
display: grid ;
gap: 22px ;
max-width: 1000px ;
margin: 0 auto ;
}

#ai_editor .comp-box {
background: white ;
border-radius: 14px ;
padding: 28px 24px ;
box-shadow: 0 4px 20px rgba(155, 135, 245, 0.12) ;
transition: transform 0.3s ease ;
}

#ai_editor .comp-box:hover {
transform: translateY(-3px) ;
}

#ai_editor .comp-box.red {
border-left: 4px solid #ff9dcd ;
}

#ai_editor .comp-box.orange {
border-left: 4px solid #ffd4a0 ;
}

#ai_editor .comp-box.green {
border-left: 4px solid #a8d5ba ;
}

#ai_editor .comp-header {
display: flex ;
align-items: center ;
gap: 14px ;
margin-bottom: 18px ;
}

#ai_editor .priority {
padding: 6px 14px ;
border-radius: 14px ;
font-size: 16px ;
font-weight: 700 ;
color: white ;
}

#ai_editor .comp-box.red .priority {
background: #ff9dcd ;
}

#ai_editor .comp-box.orange .priority {
background: #ffd4a0 ;
color: #b8860b ;
}

#ai_editor .comp-box.green .priority {
background: #a8d5ba ;
color: #2d6a4f ;
}

#ai_editor .comp-header h4 {
font-size: 21px ;
margin: 0 ;
color: #2d2d2d ;
font-weight: 700 ;
}

#ai_editor .comp-box ul {
margin: 0 ;
padding: 0 0 0 22px ;
}

#ai_editor .comp-box li {
font-size: 17px ;
color: #555 ;
margin-bottom: 12px ;
line-height: 1.6 ;
}

#ai_editor .comp-box li:last-child {
margin-bottom: 0 ;
}

#ai_editor .amount-calc {
background: #fff9f0 ;
padding: 20px 22px ;
border-radius: 10px ;
border: 1px solid #ffd4a0 ;
}

#ai_editor .calc-formula {
font-size: 18px ;
font-weight: 700 ;
color: #2d2d2d ;
text-align: center ;
margin-bottom: 16px ;
}

#ai_editor .calc-note {
font-size: 17px ;
color: #666 ;
line-height: 1.7 ;
}

/* 전략 박스 */
#ai_editor .strategy-boxes {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 25px ;
max-width: 1000px ;
margin: 0 auto ;
}

#ai_editor .strat-box {
background: white ;
border-radius: 14px ;
padding: 28px 22px ;
box-shadow: 0 4px 20px rgba(155, 135, 245, 0.12) ;
position: relative ;
border: 1px solid #f0ebff ;
transition: transform 0.3s ease ;
}

#ai_editor .strat-box:hover {
transform: translateY(-3px) ;
}

#ai_editor .strat-num {
position: absolute ;
top: -14px ;
left: 22px ;
width: 42px ;
height: 42px ;
background: linear-gradient(135deg, #ff9999 0%, #ffb3ba 100%) ;
color: white ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-size: 18px ;
font-weight: 700 ;
box-shadow: 0 4px 15px rgba(255, 153, 153, 0.3) ;
}

#ai_editor .strat-box h4 {
font-size: 20px ;
margin: 12px 0 8px 0 ;
color: #2d2d2d ;
font-weight: 700 ;
}

#ai_editor .strat-desc {
font-size: 17px ;
color: #666 ;
margin: 0 0 18px 0 ;
}

#ai_editor .strat-points {
display: grid ;
gap: 10px ;
}

#ai_editor .point {
font-size: 17px ;
color: #555 ;
line-height: 1.5 ;
}

/* 스텝 리스트 */
#ai_editor .steps-list {
max-width: 850px ;
margin: 0 auto ;
}

#ai_editor .step-item {
display: grid ;
grid-template-columns: 220px 1fr ;
gap: 30px ;
margin-bottom: 30px ;
padding-bottom: 30px ;
border-bottom: 1px solid #f0ebff ;
}

#ai_editor .step-item:last-child {
border-bottom: none ;
margin-bottom: 0 ;
padding-bottom: 0 ;
}

#ai_editor .step-left {
display: flex ;
align-items: center ;
gap: 16px ;
}

#ai_editor .step-number {
width: 45px ;
height: 45px ;
background: linear-gradient(135deg, #ff9999 0%, #ffb3ba 100%) ;
color: white ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-size: 20px ;
font-weight: 700 ;
flex-shrink: 0 ;
box-shadow: 0 4px 15px rgba(255, 153, 153, 0.3) ;
}

#ai_editor .step-left h4 {
font-size: 19px ;
margin: 0 ;
color: #2d2d2d ;
font-weight: 700 ;
}

#ai_editor .step-right p {
font-size: 17px ;
margin: 0 0 14px 0 ;
color: #555 ;
line-height: 1.6 ;
}

#ai_editor .step-tip {
background: #fff9f0 ;
padding: 14px 18px ;
border-radius: 10px ;
font-size: 17px ;
color: #666 ;
border-left: 3px solid #ffd4a0 ;
line-height: 1.6 ;
}

/* 실수 그리드 */
#ai_editor .mistakes-grid {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 24px ;
max-width: 1000px ;
margin: 0 auto ;
}

#ai_editor .mistake-item {
background: white ;
border-radius: 14px ;
padding: 26px 20px ;
box-shadow: 0 4px 20px rgba(155, 135, 245, 0.12) ;
text-align: center ;
border: 1px solid #f0ebff ;
transition: transform 0.3s ease ;
}

#ai_editor .mistake-item:hover {
transform: translateY(-3px) ;
}

#ai_editor .mistake-icon {
font-size: 40px ;
margin-bottom: 14px ;
font-weight: 700 ;
}

#ai_editor .mistake-icon.error {
color: #ff9dcd ;
}

#ai_editor .mistake-icon.warn {
color: #ffd4a0 ;
}

#ai_editor .mistake-item h5 {
font-size: 18px ;
margin: 0 0 16px 0 ;
color: #2d2d2d ;
font-weight: 700 ;
}

#ai_editor .bad-example,
#ai_editor .good-example {
background: #f8f5ff ;
padding: 12px 14px ;
border-radius: 8px ;
margin-bottom: 12px ;
font-size: 16px ;
color: #555 ;
text-align: left ;
line-height: 1.5 ;
}

#ai_editor .bad-example {
border-left: 3px solid #ff9dcd ;
}

#ai_editor .good-example {
border-left: 3px solid #a8d5ba ;
margin-bottom: 0 ;
}

/* 팁 리스트 */
#ai_editor .tips-list {
max-width: 850px ;
margin: 0 auto ;
}

#ai_editor .tip-row {
display: grid ;
grid-template-columns: 240px 1fr ;
gap: 30px ;
margin-bottom: 35px ;
padding-bottom: 35px ;
border-bottom: 1px solid #f0ebff ;
}

#ai_editor .tip-row:last-child {
border-bottom: none ;
margin-bottom: 0 ;
padding-bottom: 0 ;
}

#ai_editor .tip-title {
font-size: 19px ;
font-weight: 700 ;
color: #2d2d2d ;
}

#ai_editor .tip-content p {
font-size: 17px ;
margin: 0 0 14px 0 ;
color: #555 ;
line-height: 1.6 ;
}

#ai_editor .tip-ex {
background: #fff9f0 ;
padding: 16px 18px ;
border-radius: 10px ;
font-size: 17px ;
color: #666 ;
border-left: 3px solid #ffd4a0 ;
line-height: 1.6 ;
}

/* 최종 섹션 */
#ai_editor .final-section {
background: linear-gradient(135deg, #9b87f5 0%, #d4a5ff 100%) ;
padding: 50px 30px ;
text-align: center ;
color: white ;
box-shadow: 0 10px 30px rgba(155, 135, 245, 0.3) ;
}

#ai_editor .final-section h2 {
font-size: 34px ;
font-weight: 700 ;
margin: 0 0 32px 0 ;
line-height: 1.4 ;
}

#ai_editor .final-points {
display: flex ;
justify-content: center ;
gap: 45px ;
flex-wrap: wrap ;
}

#ai_editor .final-point {
font-size: 19px ;
font-weight: 600 ;
}

/* 반응형 */
@media (max-width: 1024px) {
#ai_editor .estimate-hero {
padding: 40px 25px ;
margin-bottom: 60px ;
}

#ai_editor .estimate-hero h1 {
font-size: 36px ;
}

#ai_editor .hero-subtitle {
font-size: 19px ;
}

#ai_editor .quick-summary {
margin-bottom: 60px ;
}

#ai_editor .summary-item {
padding: 30px 22px ;
}

#ai_editor .main-section {
padding: 40px 25px ;
margin-bottom: 60px ;
}

#ai_editor .main-title {
font-size: 28px ;
margin-bottom: 32px ;
}

#ai_editor .vat-compare {
gap: 25px ;
}

#ai_editor .card-top {
padding: 24px 20px ;
}

#ai_editor .card-content {
padding: 24px 20px ;
}

#ai_editor .components-list {
gap: 20px ;
}

#ai_editor .comp-box {
padding: 25px 20px ;
}

#ai_editor .strategy-boxes {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}

#ai_editor .step-item {
grid-template-columns: 180px 1fr ;
gap: 25px ;
margin-bottom: 25px ;
padding-bottom: 25px ;
}

#ai_editor .mistakes-grid {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}

#ai_editor .tip-row {
grid-template-columns: 200px 1fr ;
gap: 25px ;
margin-bottom: 30px ;
padding-bottom: 30px ;
}
}

@media (max-width: 768px) {
#ai_editor .estimate-hero {
padding: 35px 20px ;
margin-bottom: 50px ;
}

#ai_editor .estimate-hero h1 {
font-size: 32px ;
}

#ai_editor .hero-subtitle {
font-size: 18px ;
}

#ai_editor .hero-icon {
font-size: 45px ;
}

#ai_editor .quick-summary {
grid-template-columns: 1fr ;
margin-bottom: 50px ;
}

#ai_editor .summary-item {
border-right: none ;
border-bottom: 1px solid #f0ebff ;
padding: 28px 20px ;
}

#ai_editor .summary-item:last-child {
border-bottom: none ;
}

#ai_editor .summary-number {
width: 45px ;
height: 45px ;
font-size: 18px ;
}

#ai_editor .summary-text h3 {
font-size: 19px ;
}

#ai_editor .summary-text p {
font-size: 16px ;
}

#ai_editor .main-section {
padding: 35px 20px ;
margin-bottom: 50px ;
}

#ai_editor .main-title {
font-size: 26px ;
margin-bottom: 28px ;
}

#ai_editor .vat-compare {
grid-template-columns: 1fr ;
gap: 20px ;
}

#ai_editor .card-top {
padding: 22px 18px ;
}

#ai_editor .card-top h3 {
font-size: 22px ;
}

#ai_editor .card-content {
padding: 22px 18px ;
}

#ai_editor .components-list {
gap: 18px ;
}

#ai_editor .comp-box {
padding: 22px 18px ;
}

#ai_editor .comp-header h4 {
font-size: 20px ;
}

#ai_editor .strategy-boxes {
grid-template-columns: 1fr ;
gap: 18px ;
}

#ai_editor .strat-box {
padding: 25px 18px ;
}

#ai_editor .strat-box h4 {
font-size: 19px ;
}

#ai_editor .step-item {
grid-template-columns: 1fr ;
gap: 18px ;
margin-bottom: 22px ;
padding-bottom: 22px ;
}

#ai_editor .step-number {
width: 42px ;
height: 42px ;
font-size: 19px ;
}

#ai_editor .step-left h4 {
font-size: 18px ;
}

#ai_editor .mistakes-grid {
grid-template-columns: 1fr ;
gap: 18px ;
}

#ai_editor .mistake-item {
padding: 22px 18px ;
}

#ai_editor .mistake-item h5 {
font-size: 17px ;
}

#ai_editor .tip-row {
grid-template-columns: 1fr ;
gap: 14px ;
margin-bottom: 25px ;
padding-bottom: 25px ;
}

#ai_editor .tip-title {
font-size: 18px ;
}

#ai_editor .final-section {
padding: 40px 20px ;
}

#ai_editor .final-section h2 {
font-size: 28px ;
margin-bottom: 28px ;
}

#ai_editor .final-points {
flex-direction: column ;
gap: 18px ;
}

#ai_editor .final-point {
font-size: 18px ;
}
}

@media (max-width: 480px) {
#ai_editor .estimate-hero {
padding: 30px 16px ;
margin-bottom: 45px ;
}

#ai_editor .estimate-hero h1 {
font-size: 28px ;
}

#ai_editor .hero-subtitle {
font-size: 17px ;
}

#ai_editor .hero-icon {
font-size: 42px ;
}

#ai_editor .quick-summary {
margin-bottom: 45px ;
}

#ai_editor .summary-item {
padding: 24px 16px ;
gap: 16px ;
}

#ai_editor .summary-number {
width: 42px ;
height: 42px ;
font-size: 17px ;
}

#ai_editor .summary-text h3 {
font-size: 18px ;
}

#ai_editor .main-section {
padding: 30px 16px ;
margin-bottom: 45px ;
}

#ai_editor .main-title {
font-size: 24px ;
margin-bottom: 24px ;
}

#ai_editor .vat-compare {
gap: 18px ;
}

#ai_editor .card-top {
padding: 20px 16px ;
}

#ai_editor .card-top h3 {
font-size: 20px ;
}

#ai_editor .card-content {
padding: 20px 16px ;
}

#ai_editor .info-row {
margin-bottom: 14px ;
padding-bottom: 14px ;
}

#ai_editor .example-box {
padding: 16px 16px ;
}

#ai_editor .components-list {
gap: 16px ;
}

#ai_editor .comp-box {
padding: 20px 16px ;
}

#ai_editor .comp-header {
gap: 12px ;
margin-bottom: 16px ;
}

#ai_editor .comp-header h4 {
font-size: 19px ;
}

#ai_editor .comp-box li {
font-size: 16px ;
margin-bottom: 10px ;
}

#ai_editor .amount-calc {
padding: 18px 16px ;
}

#ai_editor .calc-formula {
font-size: 17px ;
margin-bottom: 14px ;
}

#ai_editor .calc-note {
font-size: 16px ;
}

#ai_editor .strategy-boxes {
gap: 16px ;
}

#ai_editor .strat-box {
padding: 22px 16px ;
}

#ai_editor .strat-num {
width: 38px ;
height: 38px ;
font-size: 17px ;
left: 16px ;
}

#ai_editor .strat-box h4 {
font-size: 18px ;
}

#ai_editor .strat-desc {
font-size: 16px ;
margin-bottom: 16px ;
}

#ai_editor .point {
font-size: 16px ;
}

#ai_editor .step-item {
gap: 16px ;
margin-bottom: 20px ;
padding-bottom: 20px ;
}

#ai_editor .step-number {
width: 40px ;
height: 40px ;
font-size: 18px ;
}

#ai_editor .step-left h4 {
font-size: 17px ;
}

#ai_editor .step-right p {
font-size: 16px ;
margin-bottom: 12px ;
}

#ai_editor .step-tip {
padding: 12px 14px ;
font-size: 16px ;
}

#ai_editor .mistakes-grid {
gap: 16px ;
}

#ai_editor .mistake-item {
padding: 20px 16px ;
}

#ai_editor .mistake-icon {
font-size: 36px ;
margin-bottom: 12px ;
}

#ai_editor .mistake-item h5 {
font-size: 16px ;
margin-bottom: 14px ;
}

#ai_editor .tip-row {
gap: 12px ;
margin-bottom: 22px ;
padding-bottom: 22px ;
}

#ai_editor .tip-title {
font-size: 17px ;
}

#ai_editor .tip-content p {
font-size: 16px ;
margin-bottom: 12px ;
}

#ai_editor .tip-ex {
padding: 14px 14px ;
font-size: 16px ;
}

#ai_editor .final-section {
padding: 35px 16px ;
}

#ai_editor .final-section h2 {
font-size: 24px ;
margin-bottom: 24px ;
}

#ai_editor .final-points {
gap: 16px ;
}

#ai_editor .final-point {
font-size: 17px ;
}
}
</style>

<style type="text/css">

.VBN_42585 {WORD-BREAK: break-all; font-family:굴림;font-size:9pt;line-height:normal;color:#000000;padding-left:10;padding-right:10;padding-bottom:15;padding-top:15;}
.VBN_42585 p, .VBN_42585 td, .VBN_42585 li{font-family:굴림;font-size:9pt;color:#000000;TEXT-DECORATION:none;line-height:normal;margin-top:2;margin-bottom:2}
.VBN_42585 font{line-height:normal;margin-top:2;margin-bottom:2}
.VBN_97131{font-family:굴림; font-size:9pt;}
</style>


<span id="VBN_23247" style="position:relative">
<div class="VBN_42585" style="WIDTH: 100%">
<p align="center"><br>&nbsp;</p><p align="center">&nbsp;</p><p align="center">&nbsp;</p><p align="center">&nbsp;</p><p align="center">&nbsp;</p><p align="center">&nbsp;</p><p align="center"><img border="0" src="http://www.bizforms.co.kr/forms_contents/20140918_101721.jpg">&nbsp;&nbsp;</p>
</div>
</span>