

/*section1*/

.reference_Btn{width:100%; text-align:center; margin-bottom:30px;}
.reference_Btn a{display:inline-block; padding:15px 100px; box-sizing:border-box; background-color:#7a44a0; color:#fff; font-size:16px; border-radius:30px;}

.sub_visualBox{padding:40px 20px; box-sizing:border-box;}
.sub_visualBox ul{border:1px solid #ddd;}

.sub_visualBox ul li:first-child img{display:block; width:100%; max-width:240px; margin:auto;}

.sub_visualBox ul li.subVB_textBox{padding:45px 10px 15px 10px; box-sizing:border-box;}
.subVB_textBox small{font-family:"NotoSansKR-Bold"; font-size:16px; color:#222; letter-spacing:-1px;}
.subVB_textBox h2{font-family:"NotoSansKR-Bold"; font-size:38px; color:#222; letter-spacing:-1px; line-height:120%; margin-bottom:10px;}
.subVB_textBox p{font-size:14px; color:#888; margin-bottom:20px;}
.subVB_textBox a{font-size:14px; color:#fff; background-color:#7a44a0; padding:8px 20px; box-sizing:border-box; border-radius:20px; letter-spacing:-1px;}

.sub_visualBox ul li.CS_banner{text-align:center; background-color:#ed008c; padding:45px 10px; box-sizing:border-box;}
.CS_banner span{font-size:16px; color:#ffb7e2; letter-spacing:-1px;}
.CS_banner h5{font-family:"NotoSansKR-Bold"; font-size:40px; color:#fff; letter-spacing:-1px; line-height:120%;}
.CS_banner p{font-size:14px; color:#fff; letter-spacing:-1px; margin-bottom:10px;}
.CS_banner small{font-size:12px; color:#fff; letter-spacing:-1px; line-height:100%;}




@media screen and (min-width:1400px){
	body,html{padding-top:75px;}
	.sub_visualBox ul li{float:left;}
	.sub_visualBox ul li:first-child{width:25%;}
	.sub_visualBox ul li.subVB_textBox{width:52%;}
	.sub_visualBox ul li.CS_banner{width:23%;}
}

@media screen and (max-width:1399px) and (min-width:1100px){
	body,html{padding-top:75px;}
	.sub_visualBox ul li{float:left;}
	.sub_visualBox ul li:first-child{width:25%;}
	.sub_visualBox ul li.subVB_textBox{width:52%;}
	.sub_visualBox ul li.CS_banner{width:23%;}
	.floating_Quick{display:none;}
}

@media screen and (max-width:1099px) and (min-width:960px){
	body,html{padding-top:75px;}
	.sub_visualBox ul li{float:left;}
	.sub_visualBox ul li:first-child{width:20%; padding-top:20px; box-sizing:border-box;}
	.sub_visualBox ul li.subVB_textBox{width:57%;}
	.sub_visualBox ul li.CS_banner{width:23%;}
	.floating_Quick{display:none;}
	.br{display:none;}
}

@media screen and (max-width:959px) and (min-width:540px){
	body,html{padding-top:65px;}
	.sub_visualBox ul li:first-child{width:100%; padding-top:20px; box-sizing:border-box;}
	.sub_visualBox ul li.subVB_textBox{width:100%; text-align:center;}
	.sub_visualBox ul li.CS_banner{width:100%;}
	.floating_Quick{display:none;}
	.br{display:none;}
}

@media screen and (max-width:539px) and (min-width:380px){
	body,html{padding-top:55px;}
	.sub_visualBox ul li:first-child{width:100%; padding-top:20px; box-sizing:border-box;}
	.sub_visualBox ul li.subVB_textBox{width:100%; text-align:center;}
	.sub_visualBox ul li.CS_banner{width:100%;}
	.floating_Quick{display:none;}
	.br{display:none;}
}

@media screen and (max-width:379px){
	body,html{padding-top:55px;}
	.sub_visualBox ul li:first-child{width:100%; padding-top:20px; box-sizing:border-box;}
	.sub_visualBox ul li.subVB_textBox{width:100%; text-align:center;}
	.sub_visualBox ul li.CS_banner{width:100%;}
	.floating_Quick{display:none;}
	.br{display:none;}
}




/*section2*/

.BoxTitle{position:relative; font-size:20px; color:#222; margin-bottom:10px;}
.BoxTitle:before{content:""; display:block; clear:both; position:absolute; top:-8px; left:0; width:60px; height:4px; background-color:#7a44a0;}
.BoxTitle_small{font-size:16px; color:#222; margin-bottom:5px;}
.JobBox{padding:10px; box-sizing:border-box; background-color:#fbf7fd; border:1px solid #ddd; font-size:15px; color:#666; text-align:center; border-radius:10px; margin-bottom:10px;}
.fileDown_Box{width:99%; padding:20px 10px; box-sizing:border-box; background-color:#fbf7fd; border:1px solid #ddd; font-size:15px; color:#666; text-align:center; border-radius:10px; margin-bottom:40px;}
.fileDown_Box h6{font-size:15px; color:#7a44a0; margin-bottom:10px;}
.fileDown_Box a{padding:7px 30px; background-color:#7a44a0; color:#fff; font-size:15px; border-radius:30px; box-sizing:border-box;}


.serviceInfo_Box{padding:20px; box-sizing:border-box;}
.service_Box01{margin-bottom:30px;}
.service_Box01 ul li{border:1px solid #ddd; border-radius:10px; text-align:center; padding:40px 10px; box-sizing:border-box;}

.mapBox{border:1px solid #ddd; font-size:15px; color:#666; text-align:center; border-radius:10px; margin-bottom:50px; padding:40px 20px; box-sizing:border-box;}
.mapBox img{width:100%; max-width:700px;}
.service_Box02 p{font-size:14px; color:#999; margin-bottom:15px;}

.service_Box03{margin-bottom:20px;}
.service_Box03 li{border:1px solid #ddd; border-radius:10px; text-align:center; padding:40px 10px; box-sizing:border-box;}
.service_Box03 li h6{font-size:16px; color:#222;}
.service_Box03 li p{color:#999;}
.service_ImgBox img{display:block; width:100%; max-width:1100px; margin:0 auto 30px auto;}
.carMap img{display:block; width:100%; max-width:485px; margin:auto;}

.service_Box04{margin-bottom:30px;}
.service_Box04 li{border:1px solid #ddd; border-radius:10px; text-align:center; padding:40px 10px; box-sizing:border-box;}
.service_Box04 li h6{font-size:16px; color:#222;}

.payment_table{width:100%; text-align:center; margin-bottom:30px;}
.payment_table td{height:50px; border:1px solid #eee; color:#888;}
.payment_table td.payment_title{background-color:#fbf7fd; color:#222;}
.payment_table td.payment_text{text-align:left; padding:15px; box-sizing:border-box; font-size:12px; color:#999;}

.carBimg_Box{border:1px solid #ddd; border-radius:10px; text-align:center; padding:40px 10px; box-sizing:border-box; margin-bottom:50px;}
.carBimg_Box img{display:block; width:100%; max-width:1100px; margin:0 auto 30px auto;}

.service_Box05{margin-bottom:30px;}
.service_Box05 li{border:1px solid #ddd; border-radius:10px; text-align:center; padding:40px 10px; box-sizing:border-box;}
.service_Box05 li h5{font-size:16px; color:#8851af;}
.service_Box05 li h6{font-size:16px; color:#222;}
.service_Box05 li p{font-size:13px; color:#999;}
.service_Box05 li:nth-child(2){background-color:#fbf7fd;}


.Download_Info{width:99%; padding:20px; border:5px solid #eee; box-sizing:border-box; margin-bottom:30px;}
.Download_Info p{font-size:14px; color:#888; text-align:center;}
.Download_Info h2{font-size:18px; color:#222; text-align:center;}

.reference_table{width:99%; margin-bottom:30px;}
.reference_table td{height:50px; border:1px solid #ddd; text-align:center;}
.reference_table td.reference_title{background-color:#fbf7fd;}



.online_board{width:100%; max-width:1200px; margin-bottom:30px;}
.board_title{font-size:18px; color:#444; margin-bottom:15px; margin-top:40px; font-weight:normal;}
.board_title>small{font-size:13px; color:#FF0000;}

.online_board>table{width:100%; max-width:1200px; border-top:3px solid #ed008c;}
.online_board>table>tbody{width:100%; max-width:1200px;}
.online_board>table>tbody>tr>th{width:20%; height:70px; font-weight:normal; border:1px solid #ddd; padding:5px; padding-left:15px; box-sizing:border-box; text-align:left; border-left:none;}
.online_board>table>tbody>tr>th>span{color:#FF0000;}
.online_board>table>tbody>tr>td{width:80%; height:45px; border:1px solid #ddd; padding:5px; padding-left:10px; box-sizing:border-box; border-right:none;}

.contact{width:100%; max-width:1200px; text-align:center; margin-bottom:30px;}
.online_btn{display:inline-block; padding:12px 60px; box-sizing:border-box; border:1px solid #ddd; background-color:#ed008c; color:#fff; border-radius:15px;}

select,input{margin:3px; border:1px solid #dedede; height:35px; width:80%; border-radius:8px;}
textarea{margin:10px; border:1px solid #dedede; width:95%; border-radius:8px;}
.p_data{height:150px;}
.tel_control{width:25%;}
.check_wrap{position:relative; height:15px; margin:20px auto;}
.check_wrap>small{position:absolute; top:-4px; right:0; padding:3px; box-sizing:border-box; border:1px solid #ddd;}
.check_wrap>small>a{font-size:11px; color:#666;}
.checkbox{width:15px; height:15px; border:1px solid #ddd;}
.check_text{position:absolute; top:0px;}



@media screen and (min-width:1400px){
	.service_Box01 ul li{float:left; width:49.5%; margin-right:1%; margin-bottom:10px;}
	.service_Box01 ul li:nth-child(2),.service_Box01 ul li:last-child{margin-right:0;}
	
	.service_Box03 li{float:left; width:49.5%; margin:0 1% 10px 0;}
	.service_Box03 li:nth-child(2),.service_Box03 li:nth-child(4),.service_Box03 li:last-child{margin-right:0;}
	
	.service_Box04 li{float:left; width:49%; margin:0 1% 10px 0;}
	.service_Box04 li:last-child{margin-right:0;}
	
	.service_Box05 li{float:left; width:32.3%; margin:0 1% 10px 0;}
	.service_Box05 li:last-child{margin-right:0;}
}

@media screen and (max-width:1399px) and (min-width:1100px){
	.service_Box01 ul li{float:left; width:49.5%; margin-right:1%; margin-bottom:10px;}
	.service_Box01 ul li:nth-child(2),.service_Box01 ul li:last-child{margin-right:0;}
	
	.service_Box03 li{float:left; width:49.5%; margin:0 1% 10px 0;}
	.service_Box03 li:nth-child(2),.service_Box03 li:nth-child(4),.service_Box03 li:last-child{margin-right:0;}
	
	.service_Box04 li{float:left; width:49%; margin:0 1% 10px 0;}
	.service_Box04 li:last-child{margin-right:0;}
	
	.service_Box05 li{float:left; width:32.3%; margin:0 1% 10px 0;}
	.service_Box05 li:last-child{margin-right:0;}
}

@media screen and (max-width:1099px) and (min-width:960px){
	.service_Box01 ul li{float:left; width:49.5%; margin-right:1%; margin-bottom:10px;}
	.service_Box01 ul li:nth-child(2),.service_Box01 ul li:last-child{margin-right:0;}
	
	.service_Box03 li{float:left; width:49.5%; margin:0 1% 10px 0;}
	.service_Box03 li:nth-child(2),.service_Box03 li:nth-child(4),.service_Box03 li:last-child{margin-right:0;}
	
	.service_Box04 li{float:left; width:49%; margin:0 1% 10px 0;}
	.service_Box04 li:last-child{margin-right:0;}
	
	.service_Box05 li{float:left; width:32.3%; margin:0 1% 10px 0;}
	.service_Box05 li:last-child{margin-right:0;}
}

@media screen and (max-width:959px) and (min-width:700px){
	.service_Box01 ul li{float:left; width:49.5%; margin-right:1%; margin-bottom:10px;}
	.service_Box01 ul li:nth-child(2),.service_Box01 ul li:last-child{margin-right:0;}
	
	.service_Box03 li{float:left; width:49.5%; margin:0 1% 10px 0;}
	.service_Box03 li:nth-child(2),.service_Box03 li:nth-child(4),.service_Box03 li:last-child{margin-right:0;}
	
	.service_Box04 li{float:left; width:49%; margin:0 1% 10px 0;}
	.service_Box04 li:last-child{margin-right:0;}
	
	.service_Box05 li{float:left; width:32.3%; margin:0 1% 10px 0;}
	.service_Box05 li:last-child{margin-right:0;}
}

@media screen and (max-width:699px) and (min-width:380px){
	.service_Box01 ul li{width:100%; margin:10px auto;}
	
	.service_Box03 li{width:100%; margin:10px auto;}
	
	.service_Box04 li{width:100%; margin:10px auto;}
	
	.service_Box05 li{width:100%; margin:10px auto;}
}

@media screen and (max-width:379px){
	.service_Box01 ul li{width:100%; margin:10px auto;}
	
	.service_Box03 li{width:100%; margin:10px auto;}
	
	.service_Box04 li{width:100%; margin:10px auto;}
	
	.service_Box05 li{width:100%; margin:10px auto;}
}


















