#sub{
	width:100%;
	min-width:1180px;
	overflow:hidden;
}

.mar_t50{
	margin-top:50px;
}

#sub .subMenu{
	width:100%;
	border-bottom:1px solid #e5e5e5;
}

#sub .subMenu .subMenuList{
	width:1180px;
	margin:0 auto;
	display:flex;
}

#sub .subMenu .subMenuList li{
	width:100%;
	display:inline-block;
	text-align:center;
	font-weight:300;
	font-size:16px;
	padding:15px 0px;
}


#sub .subMenu .subMenuList .on{
	border-bottom:1px solid #2f6bab;
}
#sub .subMenu .subMenuList .on a{
	color:#2f6bab;
}


#sub .sub_title{
	font-size:30px;
	text-align:center;
	color:#222;
}

#sub .subSubject{
	font-size:20px;
	text-align:left;
	color:#222;
}


#sub .infomation{
	width:1180px;
	margin:40px auto 80px;
}

#sub .infomation .b_tableArea{
	width:100%;
	margin-top:20px;
}

#sub .infomation .b_tableArea table{
	width:100%;
}

#sub .infomation .b_tableArea table thead th{
	padding:15px 0px;
	background:#2f6bab;
	color:#fff;
	border-right:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	font-weight:normal;
	font-family:'roboto','noto sans kr'
}

#sub .infomation .b_tableArea table tbody th{
	padding:15px 0px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	font-weight:normal;
	font-family:'roboto','noto sans kr'	    
}

#sub .infomation .b_tableArea table tbody td{
	padding:15px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	font-weight:normal;
	font-family:'roboto','noto sans kr'
}

#sub .infomation .b_tableArea table th:first-child{
	border-left:1px solid #e5e5e5;
}

#sub .infomation .carImg{
	width:100%;
	margin-top:20px;
}

#sub .infomation .carImg img{
	width:100%;
}

#sub .infomation .compare{
	width:100%;
	margin-top:50px;
}

#sub .infomation .compare{
	width:100%;
	margin-top:30px;
}

#sub .infomation .compare dl{
	width:100%;
	display:inline-block;
}


#sub .infomation .compare dl dd{
	width:580px;
	display:inline-block;
	float:left;
	margin-left:20px;
}

#sub .infomation .compare dl dd:first-child{
	margin-left:0px;
}


#sub .infomation .compare dl dd .subject{
	font-size:24px;
	font-weight:bold;
	color:#222;
}

#sub .infomation .compare dl dd .substance{
	font-size:16px;
	color:#777;
	margin-top:10px;
}

#sub .infomation .de{
	width:100%;
	margin-top:50px;
}

#sub .infomation .de dl{
	width:100%;
	display:inline-block;

}


#sub .infomation .de dd{
	display:inline-block;
	margin-left:20px;
	float:left;
}



#sub .infomation .de dd:first-child{
	width:770px;
	margin-left:0px;
}


#sub .infomation .de dd:last-child{
	width:390px;
}


#sub .infomation .arl{
	width:100%;
	margin-top:20px;
	color:#777;
	font-size:15px;
}


#sub .direction{
	width:1180px;
	margin:80px auto 80px;
}

#sub .direction .map{
	width:100%;
	height:450px;
	margin-top:50px;
}


#sub .direction .add{
	width:100%;
	text-align:center;
	margin-top:20px;
}
#sub .direction .add .ico{
	width:20px;
	display:inline-block;
	vertical-align:middle;
}

#sub .direction .add .addText{
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
}


#sub .direction .useList{
	width:100%;
	margin-top:20px;
}

#sub .direction .useList dd{
	width:100%;
	padding:30px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
}



#sub .direction .useList dd:last-child{
	border-bottom:0px solid #e5e5e5;
}


#sub .direction .useList dd .iconArea{
	display:inline-block;
	vertical-align:middle;
	width:125px;
}

#sub .direction .useList dd .iconArea .ico{
	width:100%;
}
#sub .direction .useList dd .iconArea .ico img{
	width:100%;
}

#sub .direction .useList dd .iconArea .subj{
	display:none;
}

#sub .direction .useList dd .textArea{
	display:inline-block;
	vertical-align:middle;
	width:80%;
	margin-left:20px;
}
#sub .direction .useList dd .textArea .subject{
	font-size:20px;
	color:#222;
	font-weight:500;
}


#sub .direction .useList dd .textArea .subsList{
	width:100%;
}


#sub .direction .useList dd .textArea .subsList li{
	width:100%;
	margin-top:20px;
}

#sub .direction .useList dd .textArea .subsList li .subj{
	font-size:18px;
	color:#444;
	font-family:'roboto','noto sans kr';
	font-weight:500;
}


#sub .direction .useList dd .textArea .subsList li .subs{
	font-size:16px;
	color:#444;
	font-family:'roboto','noto sans kr';
	font-weight:300;
}

#sub .process{
	width:1180px;
	margin:80px auto 80px;
}

#sub .process .subject{
	font-size:30px;
}	

#sub .process .listArea{
	width:100%;
	background:#f7f7f7;
	padding:80px 0px;
	margin-top: 30px;
}

#sub .process .listArea .processList{
	width:100%;
	text-align:right;
	display:inline-block;
	margin-left:-40px;
}

#sub .process .listArea .processList:nth-child(2){
	margin:20px 0px 20px -70px;
}



#sub .process .listArea .processList li{
	width:222px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}

#sub .process .listArea .processList .rotate01{
	transform:rotate(90deg);
	padding-bottom:50px;
}


#sub .process .listArea .processList .rotate02{
	transform:rotate(180deg)
}




#sub .process .listArea .processList li .ico{
	width:139px;
	margin:0 auto;
}

#sub .process .listArea .processList li .subj{
	font-size:22px;
	text-align:Center;
	color:#222;
	margin-top:20px;
	letter-spacing:-0.7px;
	word-break:keep-all;
}

#sub .process .listArea .processList li .subs{
	font-size:14px;
	text-align:Center;
	color:#444444;
	letter-spacing:-0.7px;
	margin-top:5px;
	word-break:keep-all;
}



#sub .paper{
	width:100%;
	margin-top:30px;
}
#sub .paper .subject{
	font-size:30px;
}

#sub .paper .paperList{
	width:100%;
	display:flex;
	margin-top:30px;
}

#sub .paper .paperList li{
	width:100%;
	display:inline-block;
	margin-left:20px;
	padding:20px;
	box-sizing:border-box;
	background:#f7f7f7;
}

#sub .paper .paperList li:first-child{
	margin-left:0px;
}



#sub .paper .paperList li .ico{
	
}

#sub .paper .paperList li .subject{
	font-size:28px;
	color:#222;
	margin-top:15px;
}

#sub .paper .paperList li .substance{
	font-size:16px;
	color:#444444;
	margin-top:15px;
	line-height:26px;
	font-weight:300;
	word-break:keep-all;
	letter-spacing:-0.7px;
}



#sub .model{
	 width:100%:
}

#sub .model .subject{
	font-size:40px;
	color:#222;
	text-align:Center;
	font-weight:500;
	margin-top:80px;
}


#sub .model .carThum{
	width:1180px;
	margin:50px auto 50px;
	
}

#sub .model .highlights{
	font-size:20px;
	color:#444;
	margin:50px auto 80px;
	width:1180px;
	
}


#sub .model .benefit{
	width:100%;
	background:#f7f7f7;
	padding:80px 0px;
	
}

#sub .model .benefit .container{
	width:1180px;
	padding:80px 0px;
	margin:0 auto;
}

#sub .model .benefit .container .benefitList{
	width:100%;
}

#sub .model .benefit .container .benefitList dd{
	width:100%;
	display:inline-block;
	position:relative;
	margin-top:80px;
}


#sub .model .benefit .container .benefitList dd:first-child{
	margin-top:0px;
}
#sub .model .benefit .container .benefitList dd .textbox{
	width:560px;
	background:#fff;
	padding:80px 50px;
	box-sizing:border-box;
	font-size:18px;
	color:#444;
	font-weight:300;
	letter-spacing:-0.7px;
	word-break:keep-all;
	box-shadow:5px 5px 10px #e5e5e5;
	display:inline-block;
}

#sub .model .benefit .container .benefitList dd .textbox span{
	font-weight:bold;
}


#sub .model .benefit .container .benefitList dd .line{
	width:150px;
	height:3px;
	background:#2d6299;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:10%;
}


#sub .model .benefit .container .benefitList dd .tableArea{
	width:560px;
	z-index:9;
	float:right;
	box-shadow:5px 5px 10px #e5e5e5;
	display:imline-block;
}

#sub .model .benefit .container .benefitList dd .tableArea table{
	width:100%;
}

#sub .model .benefit .container .benefitList dd .tableArea table thead th{
	background:#2d6299;
	text-align:Center;
	color:#fff;
	padding:15px 0px;
	font-size:16px;
}

#sub .model .benefit .container .benefitList dd .tableArea table tbody th{
	background:#fff;
	border-bottom:1px solid #e5e5e5;
	padding:15px 0px;
	font-size:16px;
	font-weight:normal;
	border-right:1px solid #e5e5e5;
}

#sub .model .benefit .container .benefitList dd .tableArea table tbody th:last-child{
	border-right:0px solid #e5e5e5;
}




#sub .model .benefit .container .benefitList dd .longBox{
	width:580px;
	display:inline-block;
	float:left;
	text-align:right;
	margin-right:40px;
}


#sub .model .benefit .container .benefitList dd .longBox .ico{
	width:268px;
	display:inline-block;
}


#sub .model .benefit .container .benefitList dd .num{
	width:560px;
	display:inline-block;
	float:Right;
}


#sub .model .benefit .container .benefitList dd .num img{
	width:100%;
	
}

#sub .model .benefit .container .benefitList dd .num img{
	width:100%;
	
}



#sub .model .line{
	width:1180px;
	margin:0 auto;
	height:1px;
	background:#e5e5e5;
	
}



#sub .model .techList{
	width:1180px;
	margin:50px auto 0;
	text-align:center;
}

#sub .model .techList li{
	width:24%;
	display:inline-block;
	vertical-align:top;
	
}

#sub .model .techList li .ico{
	width:124px;
	margin:0 auto;
}
#sub .model .techList li .ico img{
	width:100%;
}

#sub .model .techList li .subj{
	font-size:22px;
	text-align:Center;
	color:#444;
	word-break:keep-all;
	letter-spacing:-0.7px;
}

#sub .model .techList li .subj span{
	color:#2e66a1;
	font-weight:bold;
}


#sub .model .convList{
	width:1180px;
	margin:80px auto 0;
	text-align:Center;
}

#sub .model .convList li{
	width:380px;
	display:inline-block;
	text-align:center;
	margin-left:16px;
}


#sub .model .convList li:first-child{
	margin-left:0px;
}





#sub .model .convList li{
	width:380px;
	display:inline-block;
	text-align:center;
	margin-left:16px;
}


#sub .model .machine{
	width:1180px;
	margin:30px auto 0;
	text-align:center;
}


#sub .model .machine .machineImg{
	width:590px;
	display:inline-block;
	vertical-align:middle;
}
#sub .model .machine .machineImg img{
	width:100%;
}


#sub .model .machine .func{
	width:585px;
	display:inline-block;
	vertical-align:middle;
	padding-left:50px;
	box-sizing:border-box;
}


#sub .model .machine .func li{
	width:100%;
	margin-top:10px;
	text-align:left;
	font-size:16px;
}


#sub .model .machine .func li span{
	width:20px;
	line-height:20px;
	display:inline-block;
	background:#2268ab;
	text-align:Center;
	border-radius:100%;
	font-family:roboto;
	color:#fff;
	margin-right:10px
}










#sub .estimate{
	width:1180px;
	margin:30px auto 80px;
}



#sub .estimate .tbl_head01{
	width:100%;
	margin-top:30px;
}



#sub .estimate .tbl_head01 label{
	width:100%;
	font-size:16px;
	color:#222;
	font-family:'roboto','noto sans kr'
}

#sub .estimate .tbl_head01 .radioAreea{
	width:100%;
	margin-top:10px;
}


#sub .estimate .tbl_head01 .radioAreea input{
	margin-right:5px;
	margin-left:15px;
}


#sub .estimate .tbl_head01 .radioAreea input:first-child{
	margin-left:0px;
}

#sub .estimate .tbl_head01 select{
	width:100%;
	padding:10px 0px;
	color:#777;
	border-bottom:1px solid #e5e5e5;
	border-left:0;
	border-right:0;
	border-top:0;
}



#sub .estimate .tbl_head01 .title{
	font-size:30px;
	color:#222;
	margin:50px 0px 20px;
}


#sub .estimateNew{
	width:1180px;
	margin:80px auto 80px;
}

#sub .estimateNew dt{
	text-align:center;
	color:#222;
	font-size:36px;
	font-weight:bold;
}

#sub .estimateNew dd{
	width:100%;
	display:inline-block;
	border-bottom:4px double #e5e5e5;
	padding:20px 0px
}

#sub .estimateNew .dashBorder{
	width:100%;
	border-bottom:1px dashed #e5e5e5;
}



#sub .estimateNew dd .subject{
	font-size:20px;
	font-weight:bold;
	color:#222;
	font-family:'roboto','noto sans kr';
}

#sub .estimateNew dd .carSelect{
	width:100%;
	display;inline-block;
	margin-top:20px;
}

#sub .estimateNew dd .carSelect li{
/*
	width:48%;
	display:inline-block;
	vertical-align:middle;
	float:left;
	margin-left:4%;
*/
	width:100%;
	display:inline-block;
	vertical-align:middle;
}


#sub .estimateNew dd .carSelect li:first-child{
	margin-left:0%;
}

#sub .estimateNew dd .carSelect li .subj{
	font-size:16px;
	font-family:'roboto','noto sans kr'
}


#sub .estimateNew dd .carSelect li .substance{
	width:100%;
	margin-top:10px;
}

#sub .estimateNew dd .carSelect li .substance select{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:12px;
	font-size:14px;
}

#sub .estimateNew dd .carPrice{
	width:100%;
	display:inline-block;
	margin-top:30px;
}

#sub .estimateNew dd .carPrice .sj{
	display:inline-block;
	font-size:18px;
	color:#777;
}

#sub .estimateNew dd .carPrice .vl{
	display:inline-block;
	font-size:18px;
	color:#222;
	float:Right;
	font-family:'roboto','noto sans kr'
}

#sub .estimateNew dd .subj{
	font-size:16px;
	font-family:'roboto','noto sans kr'
}

#sub .estimateNew dd .optionList{
	width:100%;
	margin-top:20px;
}


#sub .estimateNew dd .optionList li{
	width:100%;
	display:inline-block;
	margin-top:10px;
}

#sub .estimateNew dd .optionList li .selectArea{
	width:48%;
	display:inline-block;
}

#sub .estimateNew dd .optionList li .selectArea select{
	width:100%;
	padding:12px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sub .estimateNew dd .optionList li .vl{
	width:51.5%;
	display:inline-block;
	vertical-align:middle;
	text-align:Right;
	font-size:18px;
}


#sub .estimateNew dd .priceList{
	width:100%;
}

#sub .estimateNew dd .priceList li{
	width:100%;
	display:inline-block;
	margin-top:10px;
}

#sub .estimateNew dd .priceList li:first-child{
	margin-top:0px;
}

#sub .estimateNew dd .priceList .sj{
	display:inline-block;
	font-size:18px;
	color:#777;
}

#sub .estimateNew dd .priceList .vl{
	display:inline-block;
	font-size:18px;
	color:#222;
	float:Right;
	font-family:'roboto','noto sans kr'
}



#sub .estimateNew dd .inlineSelect{
	display:inline-block;
	margin-left:10px;
	width:15%;
	vertical-align:middle;
}

#sub .estimateNew dd .inlineSelect select{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:12px;
}



















#sub .board{
	width:1180px;
	margin:80px auto 0;
}







#sub .termTitle{
	font-size:30px;
	text-align:Center;
}
#sub .termBox{
	width:1180px;
	margin:4em auto 4em;
}

#sub .termBox textarea{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:Border-box;
	margin-top:30px;
	padding:20px;
	font-size:15px;
}





#sub .backGR{
	padding:20px 400px;
	background:#f7f7f7;
	box-sizing:border-box;
}




/* ¹®ÀÇÇϱâ */

#sub .contractusFrm {
	max-width:600px;
	width:100%;
	margin:80px auto;
}

#sub .contractusFrm dt{
	text-align:center;
	color:#222;
	font-size:36px;
	font-weight:bold;
	margin-bottom:50px;
}

#sub .contractusFrm dd{
	width:100%;
	display:inline-block;
	border-bottom:4px double #e5e5e5;
	padding:30px
}


#sub .contractusFrm dd .inline_wrap { display:table; }
#sub .contractusFrm dd .inline_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#sub .contractusFrm dd .inline_wrap + .inline_wrap { margin-top:30px; }

#sub .contractusFrm dd .subject{
	display:table-cell; 
	font-size:20px;
	font-weight:bold;
	color:#222;
	font-family:'roboto','noto sans kr';
	width:150px;
	vertical-align:middle;
}

#sub .contractusFrm dd .inline_inp {
	display:table-cell; 
	vertical-align:middle;
}

#sub .contractusFrm dd select { width:100% !important;  }
#sub .contractusFrm dd .frm_input { font-size:20px; } 
#sub .contractusFrm dd .frm_hp { width:100px; }
#sub .contractusFrm .btn_confirm { text-align:center; margin-top:30px; }
#sub .contractusFrm .btn_confirm .btn_submit { width:200px; height:50px; font-size:18px; }
#sub .contractusFrm .cs_agree { font-size:14px; text-align:center; margin-top:10px; }
#sub .contractusFrm .cs_agree a { color:blue; }

@media screen and (max-width:600px){
	#sub .contractusFrm { padding:0 10px; }
	#sub .contractusFrm dd { padding:20px 0; }
	#sub .contractusFrm dd .subject { display:block; font-size:18px; margin-bottom:20px; }
	#sub .contractusFrm dd .inline_inp { display:block; }

	#sub .contractusFrm dd .frm_input { width:100%; }
	#sub .contractusFrm dd .frm_hp { width:28%; }

	#sub .contractusFrm .cs_agree { font-size:12px; }
}