@charset "utf-8";
/****************************************************************************************************************
	[template guide]
	40. contract
****************************************************************************************************************/
/* 40. contract */
/* 40-00. settion */
.contract-wrap li + li {margin-top:0.5%;}
.contract-wrap li > ol,
.contract-wrap li > ul {margin:1.5% 2%;}
.contract-wrap ol, .contract-wrap ul {margin-left:2%;}
.contract-wrap ol + .contract-default-txt,
.contract-wrap ul + .contract-default-txt {margin-top:2%;}
/* 40-01. title */
.contract-large-tit {font-size:42px;}
.contract-large-tit + * {margin-top:1%;}
.contract-medium-tit {font-size:28px;}
.contract-medium-tit + * {margin-top:1%;}
.contract-small-tit {font-size:18px;}
.contract-small-tit + * {margin-top:1%;}
.contract-point-tit {font-weight:500;}
/* 40-02. text */
.contract-default-txt {}
.contract-default-txt + .contract-default-txt {margin-top:0.5%;}
/* 40-03. button */
.contract-funtion-btn {height:48px;line-height:48px;min-width:200px;padding:0 20px;}
/* 40-05. form */
.contract-wrap .output-form {border:none;border-bottom:1px solid #000000;border-radius:0;height:42px;line-height:inherit;padding:7px 12px;}
/* 40-06. table */
.contract-wrap .default-table {}
.contract-wrap .default-table td {padding:0.5% 0.5%;border:1px solid #BDBDBD;}
/* 40-11. box-area */
.signature-field {border-top:1px solid #000000;border-bottom:1px solid #000000;margin-top:8%;padding:23px 0;overflow:hidden;}
.signature-section {float:left;width:50%;line-height:1.6;}
.signature-section ul {margin:0 0;}
.signature-section li:first-child {height:130px;}
.signature-section .contract-small-tit {font-size:28px;margin-bottom:30px;}
.signature-section .contract-point-tit {display:block;font-size:18px;margin-bottom:10px;}
.signature-section [data-image-type="signature"] {width:86px;}
.signature-section [data-btn-type="signature"] {background-color:#f2f5ff;border:1px solid #002ae1;border-radius:8px;}
.signature-section [data-form-style="signature"] {font-family:"Nanum Brush Script";font-size:24px;}
.signature-section .output-form {border:none;display:block;color:#333333;font-size:28px;font-weight:600;height:48px;line-height:48px;padding:0 0;}
/* 40-15. list-wrap */
.contract-dotted-list {}
.contract-dotted-list > li {text-indent:-0.8%;margin-left:0.8%;}
.contract-dotted-list > li:before {background-color:#2E2E2E;content:'';display:inline-block;margin-right:0.5%;width:4px;height:4px;border-radius:50%;vertical-align:middle;}
.contract-alphabet-list {}
.contract-alphabet-list > li {text-indent:-1.3%;margin-left:1.3%;}
.contract-dashed-list {}
.contract-dashed-list > li {}
.contract-dashed-list > li:before {content:'-';display:inline-block;margin-right:0.5%;vertical-align:middle;}
.contract-number-list {}
.contract-number-list > li {text-indent:-1.6%;margin-left:1.6%;}
.contract-number-list > li .contract-default-txt + .contract-default-txt {text-indent:0;margin-left:0;}
/* 40-21. layout */
#template {height:100%;overflow-y:auto;}
#template .contract-submit-area {text-align:center;}
#template .contract-section {text-align:left;}
#template .contract-section:nth-child(1) {text-align:center;}
#template .signature-field {text-align:left;}
.contract-wrap {font-size:16px;line-height:3.13;padding:3% 10%;}
.contract-section {margin-top:8%;}
.contract-section .contract-section {margin-top:2%;}
.contract-section:nth-child(1) {margin-top:0;padding:18% 0;text-align:center;}
.contract-section .contract-large-tit {margin-bottom:6%}
.contract-section [data-image-type="logo"] {margin:0 auto;width:130px;}
.contract-section [data-style-top="150"] {margin-top:150px;}