#subCont{max-width:1200px; margin:0 auto; padding:20px 10px 50px;}


/* header */
#headerText{}
#headerText .text01 span,#mainSnsBtn{display:none;}
#headerText .text01 img{width:200px;}
#headerText .mainInner .innerBox{padding: 30px 0 30px;}




/* sub title */
#subTitle{position:relative; padding:30px 30px 10px; text-align:center; max-width:  900px; margin: 0 auto;}
#subTitle img{margin-bottom:10px;}
#subTitle b.main{font-size: 26px;}
#subTitle p.sub{font-size: 20px; margin-top: 13px;}	
#subTitle hr{width: 50px; border: none; border-bottom: 2px solid #1170b9; display: inline-block; margin: 30px 0;}
#subTitle>i{color: #1170b9; position: absolute; right: 0; font-size: 50px; top:30px;}


/* about us */
#aboutUsCont{max-width:1000px; margin:0 auto; padding:20px 10px 50px;}
#aboutUs{text-align:center; font-size: 16px; padding: 0 0 50px; /* text-align: justify; */ line-height: 35px; letter-spacing:0.05em;}
#aboutUs p{margin-bottom:20px; display:block;}
#aboutUs .imgBox{height: 200px; background-size: cover; background-position: center; margin-bottom: 20px;}
#aboutUs img{display:block; margin: 0 auto; max-width:548px; width:100%;}
#aboutUs .point1{font-weight: bold; border-bottom: 1px solid;}



/* price */
#price{max-width: 900px; margin: 0 auto; font-size: 16px; line-height: 1.5em; padding: 0 15px; text-align: justify; margin-bottom:50px;}
#price p{}
#price b{color:#333}
#price span{font-size:12px;}
#price img{display:block; margin:0 auto; max-width:548px; width:100%;}




/* gallery */
#subCont #subList{margin-bottom:20px}
#subCont #subList ul{margin:0;}
#subCont #subList ul li{float:left; width:20%; padding:3px; display:inline-block;}
#subCont #subList ul li a{display:inline-block; width:100%; text-align:center; background:#f1f1f1; padding:13px 0; border-radius: 4px; font-size: 12px;}


#gallery{text-align:center;}
#gallery img{width:100%; max-width:800px;}
.gallery{margin-bottom:100px;}

.galleryList{}
.galleryList .group:first-child{padding-top:0}
.galleryList .group:last-child{border:none;}
.galleryList .group{padding: 50px 0; border-bottom: 1px dashed; border-color: #eee;}
.galleryList .title{}
.galleryList .images{overflow-x: auto;}
.galleryList .images::-webkit-scrollbar {width: 10px; }
.galleryList .images::-webkit-scrollbar-thumb {background-color: #1170b9; }
.galleryList .images::-webkit-scrollbar-track {background-color: #ddd; }
.galleryList .images ul{width: max-content;margin:0;}
.galleryList .images ul li{float:left;height:350px; margin-right:5px;}
.galleryList .images ul li img{height: 100%; object-fit: cover;}
.galleryList .cont{}
.galleryList .cont p{background: #eee; padding: 20px; font-size: 18px; line-height: 30px; letter-spacing: 0.03em; margin-top: 15px; border-radius: 15px;}


/* inquiry */
.customerBox{padding-bottom: 150px !important;}
.customerBox .graph{max-width:550px; margin:0 auto;}
.customerBox .graph .graphSection{margin-bottom: 60px;}
.customerBox .graph .graphSection h4{font-size: 1.6em; font-weight: 300; margin-bottom:10px; text-align:;}
.customerBox .graph .graphSection h4 b{font-size: 30px; color: #ccc; padding-left:5px;}
.customerBox .graph .graphSection h4 b span{font-size:24px;}
.customerBox .graph .graphSection ul{border: 2px solid #777; border-radius: 10px; overflow: hidden;}
.customerBox .graph .graphSection ul li.title,.customerBox .graph .graphSection ul li.text{float:left; display:inline-block; text-align:center; padding: 20px 10px; border-bottom:1px solid #ddd; font-size: 1.2em;}
.customerBox .graph .graphSection ul li.title{width:40%; background: #3e89c3; color: #fff;}
.customerBox .graph .graphSection ul li.text{width:60%;}
.customerBox .graph .graphSection ul li.borderNone{border:none;}


#customer{position:relative;}
#customer .text{text-align:center; margin-top:50px;}
#customer .text h2{font-size: 30px; font-weight: 800; letter-spacing: -0.03em;}
#customer .text h2 span{font-size: 16px;  letter-spacing: 0.05em; color:#bbb; margin-top: 0px; display: inline-block;}
#customer .text p{}
#customer .text p.explan{font-size: 14px; margin: 25px 0; line-height: 25px;}
#customer .text p.tel{font-size: 28px; font-weight: 800; text-align:left; display:inline-block;}
#customer .text p.tel span{vertical-align: middle; margin-bottom:10px; display:inline-block;}
#customer .text p.tel span b.colorRed{color:red; font-weight: 800;}
#customer .text p.tel span.title{font-size: 14px; background: ; padding: 5px 15px; border-radius: 30px; color: #fff; font-weight: 100;}
#customer .displayN{display:none;}
#customer .img{float:right; width: 40%; padding-right: 15px;}
#customer .img img{width: 100%;}



/* map */

#map{padding:10px 0;}
.addText {text-align: center; margin-bottom: 100px; line-height: 30px; font-size: 14px; letter-spacing: 0.2em; color: #999;}


/* 반응형 */
@media (max-width: 1000px) {
	#customer .img,#customer .text{float: none; position: relative; display: block; transform: none; text-align:center; width:100%; padding:0;}
	#customer .img{}
	#customer .img img{width:60%;}
	#customer .text{}
}

@media (max-width: 900px) {

}

@media (max-width: 768px) {
	section#header{height:; background-image:none; border-bottom: 1px solid #eee; min-height: 80px;}
	section#header .headerBg { background: #fff;}
	#headerText{display:;}

}

@media (max-width: 700px) {
#subCont #subList ul li{width:33.33333%;}
}

@media (max-width: 600px) {.addText span{width:100%; display:inline-block;}
	.addText .displayN{display:none;}
	.addText{letter-spacing:0.03em;}
	#aboutUs{text-align:justify; font-size:15px; line-height:28px;}
	#customer .displayN{display:inline;}
	#aboutUs span{display:block; width:100%;}
	#customer .text h2{font-size:34px; letter-spacing:-0.05em;}
	#customer .text h2 span{font-size:18px; letter-spacing:0;}
	.galleryList .cont p{font-size:15px;}
	#customer .text p.tel span.title{font-size:14px !important;}
	#customer .text p.tel span{font-size: 17px !important;}
}