/*sub*/

#container{width:100%; overflow:hidden; }
#sub_visual{width:100%; position:relative;}
.visualImg{ width:100%;  height:576px; background-size:cover; background-position:center;}
.visualImg.sub01_01 { background-image:url('/img/sub_01_vimg.jpg') ; }
.visualImg.sub01_02 { background-image:url('/img/sub_01_02vimg.jpg') ; }
.visualImg.sub01_03 { background-image:url('/img/sub_01_03vimg.jpg') ; }
.visualImg.sub01_04 { background-image:url('/img/sub_01_04vimg.jpg') ; }
.visualImg.sub01_05 { background-image:url('/img/sub_01_05vimg.jpg') ; }
.visualImg.sub01_06 { background-image:url('/img/sub_01_06vimg.jpg') ; }
.visualImg.sub02 { background-image:url('/img/sub_02_vimg.jpg') ; }
.visualImg.sub03 { background-image:url('/img/sub_03_vimg.jpg') ; }
.visualImg.sub04 { background-image:url('/img/sub_04_vimg.jpg') ; }
.visualImg.sub05 { background-image:url('/img/sub_05_vimg.jpg') ; }
.visualImg.sub06_01 { background-image:url('/img/sub_06_01vimg.jpg') ; }
.visualImg.sub06_02 { background-image:url('/img/sub_06_02vimg.jpg') ; }
.visualImg.sub06_03 { background-image:url('/img/sub_06_03vimg.jpg') ; }
.visualImg.sub06_04 { background-image:url('/img/sub_06_04vimg.jpg') ; }
.visualImg.sub06_05 { background-image:url('/img/sub_06_05vimg.jpg') ; }
.visualImg.sub07_01 { background-image:url('/img/sub_07_01vimg.jpg') ; }
.visualImg.sub07_02 { background-image:url('/img/sub_07_02vimg.jpg') ; }
.visualImg.sub08_01 { background-image:url('/img/sub_08_01vimg.jpg') ; }
.visualImg.sub08_02 { background-image:url('/img/sub_08_02vimg.jpg') ; }
.visualImg.sub08_03 { background-image:url('/img/sub_08_03vimg.jpg') ; }
.visualImg.login { background-image:url('/img/login_vimg.jpg') ; }
.visualImg.join { background-image:url('/img/join_vimg.jpg') ; }
.visualImg.customer { background-image:url('/img/custmer_vimg.jpg'); }


#contents {width:1280px; margin:0 auto; padding-top:50px;  overflow:hidden; }

#contents .title { width:100%;  padding:53px 0 30px;  }

.top_content{width:100%;height:68px;}

.body_content { width:1263px; margin-top:40px;	border-left:8px solid #ebe7e8;	border-right:8px solid #ebe7e8; padding-bottom:100px; }
.body_content2 {	width:1263px; margin-top:40px; border-left:8px solid #ebe7e8; 	border-right:8px solid #ebe7e8; }
.body_content2 img {vertical-align:center;}
.body_content3 {width:1263px; margin-top:40px; overflow:hidden; padding-bottom:100px;  }
#contents .body_content3 table img { float:none; }

.click_img{width:1196px;height:730px;margin:0 auto;}
.s_img{width:1188px;margin:0 auto;padding-top:10px; overflow:hidden; }
.s_img li{float:left;width:130px;height:81px;background:#d1d1d1;margin-left:2px;}
.s_img li.no_mar{margin-left:0;}
.map{width:100%;margin:0 auto;padding-top:60px;}
.map_api{width:1190px;margin:0 auto;}

.body_content3 .total_txt{font-size:16px;margin:63px 0px 18px 0px;}


table.bbs{width:100%; margin-top:66px; border-spacing:0; margin-bottom:60px; }
table.bbs th{
	height:43px;
	line-height:43px;
	border-bottom:2px solid #e8e8e8;
	font-size:17px;
	font-weight:500;
	color:#353535;
	}

table.bbs td{
	height:41px;
	border-bottom:2px solid #e8e8e8;
	font-size:15px;
	font-weight:400;
	color:#242424;
	text-align:center;
	}
table.bbs td a { font-size:15px; }

table.bbs td:nth-child(2) { text-align:left; overflow:hidden;}

.btnArea { margin:30px 0; text-align:right;}


ul.num{width:115px;height:28px;margin:0 auto;padding-top:32px;}
ul.num li{
	width:15px;
	height:28px;
	float:left;
	text-align:center;
	line-height:28px;
	}
ul.num li a > img{width:27px;height:21px;padding-top:4px;}
ul.num li.here a{
	color:#506182;
	font-weight:600;
	border-bottom:1px solid #506182;
	}

ul.gallery{width:1194px;height:auto;}
ul.gallery li{
	float:left;
	width:218px;
	height:335px;
	margin-left:26px;
	margin-bottom:35px;
	}
ul.gallery  li.no_mar{margin-left:0;}
ul.gallery li p.img{height:218px;background:#000;}
ul.gallery li dl{margin-top:9px;}
ul.gallery li dl dt{font-size:17px;font-weight:600;color:#000;margin-bottom:10px;}
ul.gallery li dl dd{font-size:15px;line-height:24px;}

.befor_after{float:left;margin:0px 32px 40px 0px;}
.befor_after ul{width:380px;height:188px;}
.befor_after ul li {
	width:188px;
	height:188px;
	background:#000;
	float:left;
	margin-left:4px;
	}
.befor_after ul li.no_mar{margin-left:0;}
.befor_after dl{margin-top:11px;}
.befor_after dl dt{font-size:17px;font-weight:600;color:#000;margin-bottom:10px;}
.befor_after dl dd{font-size:15px;line-height:24px;}

.agreement { margin:0 0 50px; }
.agreement textarea { width:1260px; height:500px;  border:1px solid #ccc; padding:10px; white-space:pre-wrap; font-size:13px;  line-height:16px; color:#666; 
								resize: none; font-family: 'NanumGothic'; } 
.privacy  { width:1280px;  white-space:pre-wrap; font-size:13px;  line-height:16px; color:#666; }
.privacy2 { font-size:13px;  }
.privacy2 li { width:640px; float:left;   }
.privacy2 li img { width:100%;  }