@charset "utf-8";

.form-template { padding: 10px; }

/* 상단 타이틀 */
.form-template .form-title { text-align: center; padding: 30px 0 40px; }
.form-template .form-title .tit { font-size: 2.6rem; }
.form-template .form-title .tit.complication { font-size: 5.8rem; font-weight: 500; letter-spacing: 30px;}

/* 상단 기업 정보 */
.form-template .tukorea { font-size: 1.3rem; font-weight: 500; position: relative; border-bottom: 1px solid #88abda; padding-bottom: 10px;}
.form-template .tukorea:after { content: ''; position: absolute; bottom: 0; right: 0; width: 0px; height: 0px; border-bottom: 17px solid #88abda; border-left: 15px solid transparent; border-right: 150px solid #88abda; }
.form-template .tukorea .txt .symbol { width: 18px; height: 18px; position: relative; top: 4px; display: inline-block; margin-right: 5px; }

.form-template .top-info { position: relative; padding: 10px;border-bottom: 1px solid #88abda;}
.form-template .top-info dl .row { display: flex; font-size: 1.2rem; }
.form-template .top-info dl .row:not(:last-child) { padding-bottom: 3px; }
.form-template .top-info dl .row dt { width: 100px; font-weight: 500; }


/* table */
.form-template table.vertic-table { table-layout: fixed;}
.form-template table.vertic-table tbody tr th { font-size: 1.2rem; height: 35px; width: 100px; }
.form-template table.vertic-table tbody tr td { font-size: 1.2rem; height: 35px; word-break: break-all;}
.form-template table.vertic-table tbody .list-chart td { border-right: 1px solid #E5E5E5; text-align: center;}
.form-template table.vertic-table tbody .list-chart .pay { text-align: right;}
.form-template table.vertic-table tbody .list-chart td:last-child { border-right: 0;}
.form-template table.vertic-table tbody .list-chart.border td:last-child { border-right: 1px solid #E5E5E5; text-align: center; }



.section:not(:first-child) { padding-top: 30px; }
.section .sec-title { position: relative; padding-left: 12px; }
.section .sec-title:after {content: ''; position: absolute; top: 6px; left: 0; width: 0px; height: 0px; border-left: 7px solid #333; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.section .sec-title .tit { position: relative; font-size: 1.3rem; font-weight: 500;}
.section table { margin-top: 7px;}
.section table.vertic-table.margin-0 { margin-top: 0; border-top: 0;}
.section table.vertic-table.margin-0 tbody tr th { word-break: break-all;}


/* date */
.section .date-wrap { display: flex; justify-content: center; gap: 25px; padding: 30px 0 50px 0; }
.section .date-wrap .date { font-size: 1.6rem;}
.section .date-wrap.big { padding: 60px 0 100px 0; }
.section .date-wrap.big .date { font-size: 2.4rem; }

/* stamp */
.section .stamp-wrap { padding-bottom: 50px; text-align: center; }
.section .stamp-wrap.not-calender { padding-top: 50px;}
.section .stamp-wrap .sign { display: inline-block;  position: relative; font-size: 2.3rem; font-weight: 600;}
.section .stamp-wrap .sign .stamp-img { position: absolute; top: -30px; right: -25px; z-index: -9999;}

/* 안내문구 */
.section .caution-wrap { padding: 10px 0;}
.section .caution-wrap .caution-text { display: flex; color: #b40000; padding-top: 2px;}
.section .caution-wrap .caution-text span { margin-right: 10px;}
.section .caution-wrap .caution-text p { font-size: 1.3rem;}
.section .caution-wrap .caution-text p strong { text-decoration: underline; color: #ce0101;}

/* 비고 */
.section .note-wrap { padding: 0 0 100px 15px; }
.section .note-wrap .note-text p { padding-top: 5px; font-weight: 600;}

/* 견적서 */
.estimate-form { display: flex; gap: 30px; border-bottom: 1px solid #777;  }
.estimate-form .left-area { width: calc(100% - 60%);}
.estimate-form .left-area p { font-size: 1.5rem; font-weight: 600; border-bottom: 1px solid #777; padding: 10px;}
.estimate-form .left-area .from { text-align: right;}
.estimate-form .left-area .notice { padding-top: 30px;}
.estimate-form .left-area p:last-child { border-bottom: 0;}
.estimate-form .right-area { width: 100%;}
.form-template .number { position: relative; top: 0;  border-bottom: 2px solid #88abda; padding-bottom: 5px;}
.form-template .number p { font-size: 1.4rem; font-weight: 600;}
.form-template .number p::after {  content: ''; position: absolute; bottom: 0; right: 0; border-bottom: 17px solid #88abda; border-left: 15px solid transparent; border-right: 100px solid #88abda;
}
.form-template table.vertic-table tbody .auto th { width: auto;}



/* 수료증 */
.form-template .header-wrap { display: flex; align-items: center; justify-content: space-between; padding: 20px 0 30px 0;}
.form-template .header-wrap .logo img { width: 300px; height: auto;}
.form-template .header-wrap .c-number p { font-size: 1.5rem; font-weight: 500; padding-right: 60px;}

.form-template .complication-info { padding: 15px 30px 20px;}
.form-template .complication-info .info-text { display: flex; padding-top: 10px; }
.form-template .complication-info .info-text p { font-size: 1.8rem;}
.form-template .complication-info .info-text .info { width: 160px; letter-spacing: 20px; font-weight: 600;}
.form-template .complication-info .info-text .info.two { letter-spacing: 58px;}

.form-template .complication-logo { position: absolute; top: 64%; left: 50%; transform: translate(-50%, -50%);  z-index: -1; width: 50%; }

.form-template .complication-text { padding-top: 60px; text-align: center; }
.form-template .complication-text p { font-size: 2.7rem; font-weight: 300;}

/* 세금계산서 */
.form-template table.vertic-table tbody tr .w-200 { width: 200px;}
.form-template table.vertic-table.padding-0 tbody tr td { padding: 0;}
table.vertic-table.padding-0 tbody tr th { padding: 0;}

.tax-form {display: flex; gap: 50px; align-items: center; justify-content: center; padding-top: 20px;
} 
.tax-form .right-area .tax-number { display: flex; gap: 20px; padding-top: 20px;}
.tax-form .right-area .tax-number:first-child { padding-top: 0;}
.tax-form .right-area .tax-number .tax-text { font-weight: 600;}
.tax-form .right-area .tax-number .tax-num { text-decoration: underline;}