@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0;}
html,body{font-size:12px;font-family:'NanumGothic' '굴림','gulim','돋움','dotum',;}
fieldset,img{border:0 none;vertical-align:top}
dd,dt,dl,ul,ol,li{list-style:none; float:left; }
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0;}
hr{display:none}


/* table style */
.division{border:1px solid #646464; height:300px; margin-top:2px;}
.division_table{font-size:12px;  width:2600px;}
.division_table th{background:#696a6c; color:#fff;font-size:12px; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;font-weight:normal;}
.division_table td{color:#3d3d3d; text-align:right; padding:0 2px 0 2px; border-right:1px solid #f0f0f0; height:18px;}
.division_table tr.deco{background:#f0f0f0;}
.division_table tr.total td{color:#000; font-weight:700; background:#e9e9e9;}

.division_table td span.clip1{display:block;overflow: hidden; text-overflow: clip; white-space: nowrap; width:186px;}

/* table style2 */
.division22{border:1px solid #646464; height:300px; margin-top:2px;}
.division_table22{font-size:12px;  width:2600px;}
.division_table22 th{background:#8C8C8C; height:30px; font-size:13px; border-right:1px solid ; border-bottom:1px solid ;font-weight:normal;}
.division_table22 td{color:#3d3d3d; text-align:right; padding:0 2px 0 2px; border-right:1px solid ; height:30px;}
.division_table22 tr.deco{background:#f0f0f0;}
.division_table22 tr.total td{color:#000; font-weight:700; background:#e9e9e9;}

.division_table22 td span.clip1{display:block;overflow: hidden; text-overflow: clip; white-space: nowrap; width:186px;}

.excess{color:#ff0000;}
.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}

/* button style */
.main_button{}
.main_button img{margin-top:2px;}
.main_button a{float:left;margin-top:2px; margin-left:3px;}
.button_ask{display:block; width:60px; height:23px; overflow: hidden;line-height: 999px; background:url(../images/button/ask_n.png);}
.button_ask:hover{background:url(../images/button/ask_h.png);}
.button_excel{display:block; width:56px; height:23px; overflow: hidden;line-height: 999px; background:url(../images/button/excel_n.png);}
.button_excel:hover{background:url(../images/button/excel_h.png);}
.button_exit{display:block; width:56px; height:23px; overflow: hidden;line-height: 999px; background:url(../images/button/exit_n.png);}
.button_exit:hover{background:url(../images/button/exit_h.png);}
.button_help{display:block; width:56px; height:23px; overflow: hidden;line-height: 999px; background:url(../images/button/help_n.png);}
.button_help:hover{background:url(../images/button/help_h.png);}
.button_print{display:block; width:56px; height:23px; overflow: hidden;line-height: 999px; background:url(../images/button/print_n.png);}
.button_print:hover{background:url(../images/button/print_h.png);}



/* input style */

.b_input1{border-right:none;border-bottom:none;border-left:none; border-top:1px solid #c0c0c0; color:#3d3d3d; font-size:12px; font-family:'NanumGothic'; margin-left:5px;}
.b_input2{border-right:none;border-bottom:none;border-left:none; border-top:1px solid #c0c0c0; color:#000000; font-size:12px; font-family:'NanumGothic'; margin-left:5px;}
.b_input3{border-right:none;border-bottom:none;border-left:none; border-top:1px solid #c0c0c0; color:#3d3d3d; font-size:12px; font-family:'NanumGothic'; margin-left:5px; text-align:center;}
.b_input4{border-right:none;border-bottom:none;border-left:none; border-top:1px solid #c0c0c0; color:#a0a0a4; font-size:12px; font-family:'NanumGothic'; margin-left:5px; text-align:center;}

/* select style */

.b_select1{ font-family:'NanumGothic';font-size:12px;color:#3d3d3d; height:20px; }
 option{}
 
 /* Display hand for hover : by Moon : 20160512 */
 .hand{cursor:pointer;}
 
/* 테이블 선택 체크 : by jeong : 20150701 */ 
.table_click_check tr.selected > td, .table_click_check2 tr.selected > td{background-color:#3399ff; color:#fff;}
.table_menu{position:fixed; z-index:3;}

.wrap{margin:0; width:100%; border:0; position:relative; overflow:hidden; margin:auto;}
.division_scroll{overflow:auto;}
.sum_tr > th{background-color:#8C8C8C; color:#3d3d3d; text-align:right; padding:0 2px 0 2px; border-right:1px solid #f0f0f0; height:22px;}


/* 연말정산 추가 20181018 */
table.tax {
	width:100%;
    border-collapse: collapse;
    border-spacing: 0px;
}
table.tax th {
   font-weight:normal;
   border:1px solid #d0d7e0;
   background:#ecf1f4;
   color:#485259;
}
table.tax th.bl_none {
   font-weight:normal;
   border:1px solid #dcdbda;
   border-left:none !important;
   background:#ecf1f4;
   padding:2px 0;
   color:#485259;
}
table.tax th.btop_blue {
   font-weight:normal;
   border:1px solid #d0d7e0;
   border-top:1px solid #5d97d0 !important;
   background:#ecf1f4;
   padding:2px 0;
   color:#485259;
}
table.tax th.btop_none {
   font-weight:normal;
   border:1px solid #d0d7e0;
   border-top:none !important;
   background:#ecf1f4;
   padding:2px 0;
   color:#485259;
}
table.tax th.bg2{
	background:#dfe5e9 !important;
	font-weight:normal;
    border:1px solid #d0d7e0;
    color:#485259;
}
table.tax td {
    padding:2px;
	border:1px solid #d0d7e0;
	color:#787878;
}
table.tax td.btop_blue{
    padding:2px;
	border:1px solid #d0d7e0;
	border-top:1px solid #5d97d0 !important;
	color:#787878;
}


page[size="A4"] {  
    width: 21cm;
    height: 29.7cm; 
  }

/* text-align */
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}

/* font-color */
.f_grey {color:#b1b0b0;}
.f_blue {color:#0a4ffd;}

/* bgcolor */
.d_grey {background:#939393;}
.grey {background:#d6d6d6;}

/* font-size */
.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f24 {font-size:24px;}
.f28 {font-size:28px;}
.f30 {font-size:30px;}
.b {font-weight:bold;}

/* padding */
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.p10 {padding:10px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}


/* 기타 - 공통 */
.contract{overflow:hidden;width:700px;height:auto;margin:0;padding-left:50px;}
.subtitle{overflow:hidden;width:700px;height:auto;margin:0 auto; font-size:24px; font-weight:bold; padding:10px 30px 50px;}
.etc_dl{overflow:hidden;width:100%;height:auto}
.etc_dt{overflow:hidden;width:100%;height:auto;padding:7px 0}
.etc_dt label{font-size:16px}
.etc_dt_end{padding:20px 0 0}
.etc_dt .txt01{overflow:hidden;width:100%;height:auto;margin-top:10px;font-size:17px;color:#222}
.txt02{overflow:hidden;height:auto;margin:15px 10px 0 24px;font-size:16px;line-height:1.5em;color:#555}
.etc_dt .txt02{overflow:hidden;height:auto;margin:15px 10px 0 24px;font-size:16px;line-height:1.5em;color:#555}
.etc_dt span{display:block;float:left;font-size:16px;line-height:22px;}
.etc_dd{display:block;overflow:hidden;height:auto;padding:5px 30px;border:none;box-sizing:border-box}
.etc_dd .txt01{display:block;overflow:hidden;width:100%;height:auto;margin-top:30px;line-height:1.8em;font-size:14px;color:#222}
.etc_dd .txt01.t01{margin-top:5px;}
.etc_dd .type01,.etc_dt .type01{overflow:hidden;width:100%;height:auto}
.etc_dd .type01 li,.etc_dt .type01 li{overflow:hidden;width:100%;height:auto;margin:0 0 0 20px;padding-left:15px;line-height:1.8em;font-size:14px;color:#555}
.etc_dd .type02{overflow:hidden;width:100%;height:auto; }
.etc_dd .type02 li{overflow:hidden;width:100%;height:auto;margin:0 0 0 20px;line-height:1.8em;font-size:14px;color:#555;}
.etc_dd .type02 li em{display:inline-block;padding-left:120px}
.etc_dt .txt03{overflow:hidden;height:auto;margin:10px 10px 0 24px;font-size:14px;line-height:1.8em;color:#555}
.etc_dt .txt04{overflow:hidden;height:auto;margin:10px 10px 0 24px;font-size:14px;line-height:1.2em;color:#222}



 
  
.contract2{overflow:hidden;width:900px;height:auto;padding:0; margin:auto 0;}
.contract2 .sign{width:100%; padding:20px 0px 100px 730px;}
.contract2 .title{width:100%; text-align:center; font-size:50px;color:#222; font-weight:bold; padding:100px 0 235px 0; font-family: Verdana, Geneva, sans-serif;}
.contract2 .project {height:auto; margin:0 auto; width:350px;}
.contract2 .logo {width:100%; padding:100px 0 180px 300px;}
.contract{overflow:hidden;width:700px;height:auto;margin:0;padding-left:50px; padding-right:50px;}
.etc_dl{overflow:hidden;width:100%;height:auto}
.etc_dl .comment{overflow:hidden;height:auto;margin:10px 10px 0 20px;font-size:14px;line-height:1.2em;color:#222; font-weight:bold;font-family: Verdana, Geneva, sans-serif;  }
.etc_dl .title{overflow:hidden;height:auto;margin:0px;font-size:24px;color:#222; font-weight:bold; text-align:center; padding:25px 0 75px 0;font-family: Verdana, Geneva, sans-serif;}
.etc_dt2{overflow:hidden;width:100%;height:auto;padding:10px 0 10px 0;}
.etc_dt2 .txt01{overflow:hidden; height:auto;margin-top:10px;font-size:16px;color:#222; font-weight:bold; font-family: Verdana, Geneva, sans-serif;line-height:1.4em;}
.etc_dt2 .txt02{overflow:hidden;height:auto;margin:15px 10px 0 10px;font-size:15px;line-height:1.4em;color:#555;font-family: Verdana, Geneva, sans-serif;}
.etc_dt2 .txt03{overflow:hidden;height:auto;margin:15px 10px 0 0px;font-size:15px;line-height:1.4em;color:#555; font-family: Verdana, Geneva, sans-serif;}
.etc_dt2 .txt03 .under{overflow:hidden;height:auto;margin:0px;font-size:15px;line-height:1.4em;color:#555;font-family: Verdana, Geneva, sans-serif; text-decoration:underline;}
.etc_dt2 li{line-height:1.5em;font-size:15px;color:#555;font-family: Verdana, Geneva, sans-serif;}
.etc_dt2 ol{margin:0px;}
.etc_dt3{overflow:hidden;width:47%;height:auto;padding:0px; float:left;font-family: Verdana, Geneva, sans-serif;line-height:1.4em;}
.etc_dt3 .txt01{overflow:hidden; height:auto;margin-top:10px;font-size:15px;color:#222; font-weight:bold;font-family: Verdana, Geneva, sans-serif;line-height:1.4em;}
.etc_dt3 .txt02{overflow:hidden; height:auto;margin-top:10px;font-size:15px;color:#222; line-height:1.4em;font-family: Verdana, Geneva, sans-serif;}
.text5 ul li{
    	padding-left: 26px; /*그리고 다시 padding과 text-indent로 값을 조절하면 끄읏*/
    	text-indent: -21px;font-family: Verdana, Geneva, sans-serif;line-height:1.4em;
    }
table.rule {width:449px; border-collapse:collapse; }
table.rule td{font-size:20px;line-height:1.4em;color:#555; padding:3px; border:1px solid #222;font-family: Verdana, Geneva, sans-serif;}
table.rule th{font-size:20px;line-height:1.4em;color:#222; padding:3px; border:1px solid #222;font-family: Verdana, Geneva, sans-serif;}
table.rule2 {width:100%; border-collapse:collapse; }
table.rule2 td{font-size:15px;line-height:1.4em;color:#555; padding:3px; border:1px solid #222;font-family: Verdana, Geneva, sans-serif; }
table.rule2 th{font-size:16px;line-height:1.4em;color:#222; padding:3px; border:1px solid #222;font-family: Verdana, Geneva, sans-serif;}
table.signature {width:170px; border-collapse:collapse; }
table.signature td{font-size:17px;line-height:1.4em;color:#222; padding:3px; border:1px solid #222; text-align:center;font-family: Verdana, Geneva, sans-serif;}
table.signature th{font-size:17px;line-height:1.4em;color:#222; padding:3px; border:1px solid #222; font-weight:normal; text-align:center;}