@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:middle;
}
html {height:100%;}
body{
	font-family:'Nanum Gothic','나눔고딕','Malgun Gothic','맑은 고딕','Myriad Pro','Arial','Sans Serif';
	font-size:16px;
	color:#000;/* 컬러변경시 전페이지 대부분 폰트색상 바뀜 */
}
body * {word-break:normal;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
a,a:hover {text-decoration:none; color:#000; transition:all 0.5s;}/* 컬러변경시 7%혜택옆 글자크기와 전화번호 폰트색상 바뀜 */
ul {list-style-type:none;}
p {line-height:20px;}
@media all and (min-width:1050px) {
	p {line-height:30px;}
}

.wrap {width:95%; margin:0 auto; max-width:1200px;}/*사이즈조정시 첫페이지 폰트와 이미지 작아짐 */
/*-- ############### header ########################## --*/
header {clear:both;}
header #logo {padding:0;}
header #logo img {width:370px;}/*라이프크린로고 이미지사이즈 숫자를 조정하면 휴대폰에서 적용됨*/
@media all and (min-width:1050px) {
  header #logo {float:left; width:70%;}/*숫자를 조정하면 라이프크린로고가 pc에서 위치가 바뀜*/
	header #logo img {width:100%; max-width:700px;}/*라이프크린로고 이미지사이즈 숫자를 수정함. 이미지경로=images/common/logo.gif를 포토샾에서 이미지를 조정하여 만듬 */
}
#main_menu_line {clear:both; border-bottom:3px solid #0062b0
;}

/*-- ################# main img######################## --*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*-- PC 메인이미지 마우스오버시 좌우 버튼 --*/
@media all and (min-width:800px) {
  .carousel .carousel-control {opacity:0;}
  .carousel:hover .carousel-control {opacity:0.5;}
}
/*######################## 모바일 일때 백그라운드 전환 (height 고정) #############################*/
.carousel-inner .item {height:260px;}
.carousel-inner .img01 {background:url(/images/index/main_img01.jpg) center center; background-size:cover;}/* 메인이미지 인물*/
.carousel-inner .img02 {background:url(/images/index/main_img02.jpg) center center; background-size:cover;}/* 메인이미지 세제*/
#carousel {clear:both; text-align:center; position:relative;}
/* PC일때 이미지 */
@media all and (min-width:900px) {
	.carousel-inner .item {height:580px;}
}

#index_text01 {padding-top:40px;}
#index_text01 p {margin-bottom:5px;}
#index_text01 p:nth-child(1) {color:#00aeff; font-weight:bold; font-size:20px;}/* PC일때 이미지, 라이프크린 폰트크기 색상 */
#index_text01 p:nth-child(2) {font-weight:1900; font-size:28px;}/*커튼세탁 탈부착 방문서비스! 첫페이지 폰트크기  */
#index_text01 p:nth-child(4) {font-weight:900; color:#ff7800; font-size:520px;}
@media all and (min-width:900px) {
	#index_text01 {text-align:left; padding-top:95px;}
	#index_text01 p:nth-child(1) {font-size:34px;}
	#index_text01 p:nth-child(2) {font-size:50px; padding:17px 0;}
	#index_text01 p:nth-child(3) {font-size:20px;}
	#index_text01 p:nth-child(4) {font-size:30px; padding-top:10px;}
}
#index_text02 {padding-top:60px;}
#index_text02 h6 {font-weight:900; text-shadow:2px 2px 2px #fff; font-size:30px; margin-bottom:15px;}/* 서울경기출장서비스 폰트크기 */
#index_text02 p {font-weight:bold; color:#ff7800; text-shadow:2px 2px 2px #fff; font-size:20px;} /* 다년간 노하우 오랜지색 폰트크기와 색상조정 */
@media all and (min-width:900px) {
	#index_text02 {padding-top:170px;}
	#index_text02 h6 {font-size:50px; margin-bottom:30px;}
	#index_text02 p {font-size:28px; line-height:40px;}
}


/*-- ################ index ######################### --*/
#index_main {display:none;}
section {clear:both; overflow:hidden; padding:30px 0;}
@media all and (min-width:800px) {
	section {padding:80px 0;}
}

#index_s00 {background:#ffffff; color:#004c9a; text-align:center; padding:20px 0;} /* background 회색으로 설정, 라이프크린에 맡겨주십시오 color 를힌색으로 설정됨*/
#index_s00 p {font-weight:bold;}
@media all and (min-width:800px) {
	#index_s00 {padding:40px 0;}
	#index_s00 p {font-size:30px; line-height:40px;}
}

#index_s01 a {display:block; padding:20px; height:200px;}
#index_s01 a h6 {text-shadow:2px 2px 2px #fff; font-size:22px;}
#index_s01 a p {text-shadow:2px 2px 2px #fff;}
#index_s01 a:nth-child(1) {background:url(/images/index/s01_a01.jpg) top right; background-size:cover; margin-bottom:10px;}/* 하단내용 꼭 확인  이미지 청색 흰조명들*/
#index_s01 a:nth-child(1) div {background:#ffffff/*첫페이지 eco친환경세제 이미지 오랜지색을 흰색으로 변경*/; color:#fff; text-align:center; border-radius:4px; display:inline-block; font-weight:bold; font-size:18px; padding:3px 15px; margin:10px 0;}
#index_s01 a:nth-child(2) {background:url(/images/index/s01_a02.jpg) top right; background-size:cover;}/* 회색 이미지 */
#index_s01 a:nth-child(2) h5 {color:#008bc5; text-shadow:2px 2px 2px #fff; font-size:20px;}
#index_s01 a:nth-child(2) h6 {margin:10px 0;}
@media all and (min-width:924px) {
	#index_s01 a {padding:40px; height:300px; width:48.5%;}
	#index_s01 a h6 {font-size:32px;}
	#index_s01 a p {font-size:18px;}
	#index_s01 a:nth-child(1) {margin-bottom:0; float:left;}
	#index_s01 a:nth-child(1) div {font-size:24px; padding:3px 15px; margin:10px 0;}
	#index_s01 a:nth-child(2) {float:right;}
	#index_s01 a:nth-child(2) h5 {font-size:26px;}
}

#index_s02 {background:url(/images/index/s02_a01.jpg) center; background-size:cover; text-align:center;}/* 미색 이미지 */
#index_s02 h6 a {display:block; font-size:22px; margin-bottom:10px; color:#008bc5;}
#index_s02 p {font-size:18px;}
@media all and (min-width:924px) {
	#index_s02 h6 a {font-size:30px;}
	#index_s02 p {font-size:30px; line-height:36px;}
}

#index_s03 article img {width:100%; max-width:580px;}/*첫페이지 이미지 사이즈 반응 */
#index_s03 article {margin-bottom:20px;}
#index_s03 h6 {font-size:20px; margin:15px 0 10px 0;}
@media all and (min-width:924px) {
	#index_s03 article {margin-bottom:0; width:48.5%;}
	#index_s03 article:first-child {float:left;}
	#index_s03 article:last-child {float:right;}
	#index_s03 h6 {font-size:26px;}
	#index_s03 p {line-height:22px;}
}


/*-- ############### footer ########################## --*/
footer {clear:both; text-align:center; background:#eeeeee; padding:20px 0;}
footer p {font-size:14px; color:#666;}/*하단 주소 폰트크기*/
@media all and (min-width:992px) {
  footer {padding:0;}
  footer .wrap {background:url(/images/common/foot_logo.gif) left center no-repeat; text-align:right; padding:30px 0;}
	footer p {line-height:20px;}
}


/*-- ################# sub content ######################## --*/
.sub_img {clear:both; text-align:center; background:#f2f2f2; padding:40px; margin-bottom:30px;}
.sub_img h2 {font-size:24px; margin-bottom:-5px;}
.sub_img span {display:inline-block; background:#008bc5; height:2px; width:100px;}
.sub_img_company {background:url(/images/common/sub_img03.jpg) center; background-size:cover;}
.sub_img_company h2 {color:#fff; padding:10px 0;}
main {width:95%; margin:0 auto; max-width:1200px; overflow:hidden; margin-bottom:30px;}
hr {clear:both; display:block; border:0; height:10px;}
h3 {font-size:20px; margin-bottom:20px;}
@media all and (min-width:800px) {
	.sub_img {padding:60px; margin-bottom:80px;}
	.sub_img h2 {font-size:40px; margin-bottom:0;}
	.sub_img span {width:150px;}
	main {margin-bottom:80px;}
	hr {height:40px;}
	h3 {font-size:30px;}
}


/*-- ################ main content ######################### --*/
.top_text01 {text-align:center; font-size:18px; margin-bottom:20px;}
.top_text02 {color:#fff; text-align:center; padding:30px;}
.top_text02_01 {background:url(/images/page/top_bg.jpg) center; background-size:cover;}
.top_text02_02 {background:url(/images/page/top_bg02.jpg) center; background-size:cover;}
.top_text02 h6 {font-size:20px;}
@media all and (min-width:924px) {
	.top_text01 {font-size:30px; margin-bottom:25px;}
	.top_text01 p {line-height:40px;}
	.top_text02 {padding:60px;}
	.top_text02 h6 {font-size:30px;}
	.top_text02 p {font-size:18px;}
}

#page01_tel img {width:auto;}
#page01_tel {text-align:center; background:#f2f2f2; border-radius:4px; padding:20px 0;}
#page01_tel p {font-weight:bold; font-size:20px; margin-bottom:10px;}
#page01_tel h6 {font-weight:900; font-size:30px; margin:10px 0;}
#page01_tel div {background:#ff8400; color:#fff; text-align:center; border-radius:4px; display:inline-block; font-weight:bold; font-size:18px; padding:3px 15px; margin:10px 0;}
@media all and (min-width:924px) {
	#page01_tel {padding:40px 0; display:inline-block; width:500px;}
	#page01_tel p {font-size:30px; margin-bottom:20px;}
	#page01_tel h6 {font-size:40px; margin:20px 0;}
	#page01_tel div {background:#ff8400; color:#fff; text-align:center; border-radius:4px; display:inline-block; font-weight:bold; font-size:24px; padding:3px 15px; margin:10px 0;}
}

#step {clear:both; overflow:hidden;}
#step div img {width:100%;}
#step div.arrow img {width:auto;}
#step div {float:left; text-align:center; width:43%; margin-bottom:10px;}
#step div.arrow {width:7%; padding-top:35px;}
@media all and (min-width:924px) {
	#step div {width:18%; margin-bottom:0;}
	#step div.arrow {width:2.5%; padding-top:75px;}
}


#company_text {background:url(/images/page/p03_a01.jpg) no-repeat top center; padding-top:250px;}
#company_text h6 {font-size:20px;}
@media all and (min-width:924px) {
	#company_text {background:url(/images/page/p03_a01.jpg) no-repeat right center; padding:0 430px 0 0;}
	#company_text h6 {font-size:24px; line-height:32px;}
	#company_text p:last-child {font-size:20px;}
}


.block02 {clear:both; overflow:hidden;}
.block02 article img {width:100%; max-width:580px;}
.block02 article {margin-bottom:20px;}/*커튼세탁서비스 페이지 이미지 사이즈 반응 */
.block02 h4 {font-size:20px; margin:15px 0 10px 0;}
@media all and (min-width:924px) {
	.block02 {margin-bottom:40px;}
	.block02 article {margin-bottom:0; width:48.5%;}
	.block02 article:first-child {float:left;}
	.block02 article:last-child {float:right;}
	.block02 h4 {font-size:24px;}
	.block02 p {line-height:22px;}
}

/*-- ######################################### --*/
.center {text-align:center;}
.none {display:none;}
.text_mj {font-family: 'Nanum Myeongjo', serif;}
.blue {color:#008bc5;}
.orange {color:#ff6600;}
.bold {font-weight:bold;}

.table1 {border-top:1px solid #666666; border-top:2px solid #0055a5;}
.table1 tr {border-bottom:1px solid #d9d9d9;}
.table1 tr th {background:#f0f0f0; text-align:left; padding:8px 10px; font-weight:bold;}
.table1 tr td {background:#FFFFFF; padding:6px 15px;}