@charset "utf-8";


/* **** Common Reset **** */
*{margin:0;padding:0;text-decoration:none;list-style:none;font-size:15px;color:#555555; font-family:'NanumBarunGothic', sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
li,p,span,strong,a{font-size:inherit;color:inherit;font-family:inherit;}
body, html{width:100%;/*height:100%;*/}
input,select,img{vertical-align:middle;}
img{border:0;}
a{transition:all 0.3s ease-in-out;}
table{border-collapse:collapse;width:100%; min-width:500px; table-layout:fixed;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clear{clear:both;}
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden;font-size:0px;overflow:hidden;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.hidden {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;line-height: 0;border: none;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}
.disnone {display: none !important;}
.bold{font-weight:bold !important;}
.fc-black{color:#000000;}
/*占쎌뮇��*/
.wrap{/* margin-bottom: 4.3%; */}
.content-top .line{width:1920px;margin:0 auto;padding-top: 15px;padding-bottom: 15px;border-top: 3px solid #ed1b24;}
.bg-gray .line{width:1920px;margin:0 auto;padding: 29px 0;background: #43413e;}
.content1 .line{width:1920px;margin:0 auto;background: url(../images/bg01.jpg) no-repeat left top;position: relative;}
.content2 .line{width:1920px;margin:0 auto;background: url(../images/bg02.jpg) no-repeat left top;}

.content2-1 .line{width:1920px;margin:0 auto;background: #ffffff;}
.content3 .line{width:1920px;margin:0 auto;text-align: center;background: url(../images/bg03.jpg) no-repeat left top;}
.content4 .line{width:1920px;margin:0 auto;text-align: center;background: url(../images/bg04.jpg) no-repeat left top;}
.content4-1 .line{width:1920px;margin:0 auto;background: #ffffff;}
.content5 .line{width:1920px;margin:0 auto;text-align: center;background: url(../images/bg05.jpg) no-repeat left top;}
.content5-2 .line{width:1920px;margin:0 auto;background: #ffffff}
.content5-1 .line{width:1920px;margin:0 auto;text-align: center;padding-top: 128px;padding-bottom: 107px;background: url(../images/bg06.jpg) no-repeat left top;}
.content6 .line{width:1920px;margin:0 auto;background: #f2e5af;}
.content7 .line{width:1920px;margin:0 auto;background: #ffffff;padding-top: 86px;padding-bottom: 38px;text-align: center;}
.content8 .line{width:1920px;margin:0 auto;background: #c5a286;text-align: center;}
.width-auto-box{width:1425px;margin:0 auto;position:relative; }
.width-auto-box:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

.content1 .width-auto-box{width: 85%;margin: 0 auto;position: relative;}
.content1 .img-top{margin-top: 11%;}
.content1 .img-top .text{color: #000000;font-size: 32px;line-height: 54px;width: 53%;margin-top: -1%;}
.content1 .img-top .text img{width:100%;}
.content1 .text-area{background: url(../images/bg08.png) repeat left top;padding: 27px 45px;position: absolute;bottom: 0;width: calc(100% - 90px);}
.content1 .text-area p{font-size:22px;color:#ffffff;line-height: 32px;}
.content1 .img-top .dream-word{position: absolute;left: 701px;top: 0;position: absolute;left: 33%;top: 28%;}
.content1 .button01{width: 37%;padding-top: 58px;padding-top: 3%;font-size: 26px;margin: 0;}
.content2 .button01{width: 37%;padding-top: 58px;padding-top: 3%;font-size: 26px;margin: 0;left: 50%;margin-left: 169px;top: 108%;}
.content1 .text-t{margin-bottom: 23px;}
.fixed-div .button03{width: 12%;position: absolute;top: 14px;left: 50%;margin-left: 18%;}
.fixed-div .button03 img{width:100%;}
.fixed-div .button04{width: 14.5%;position: absolute;top: 14px;left: 50%;margin-left: 18%;}
.fixed-div .button04 img{width:100%;}
.fixed-div{position: fixed !important;bottom: 100px;z-index: 99999;left:0;right:0;bottom:0;}
.fixed-div .line{width: 1920px; margin: 0 auto;}
.content1 p.text-t {width: 50%;margin-bottom: 2.5%;}
.content1 p.text-t img {width: 100%;}
.button01{padding-top: 49%;width: 38%;display: inline-block;text-align: center;position: absolute;left: 0;right: 0;margin: 0 auto;}
.button01 img{width:100%;}
.bg-gray p{color:#ffffff;font-size: 23px;}
.content2 .img-text {text-align: center;text-align: right;float: right;width: 50%;margin-top: 18%;}
.content2 .img-text img{width: 100%;}
.content2 .img-text p{width: 94%;text-align: right;display: inline-block;}
.content2 p.bottom{color: #ffffff;font-size: 30px;text-align: right;margin-top: -33px;}

.content2 .text-box{width: 33%;display:inline-block;/* text-align: right; *//* margin-top: 28%; *//* margin-left: 7%; */position: absolute;top: 23%;left: 49%;}
.content2 .text-box .img{margin-bottom: 10px;width: 100%;}
.content2 .text-box .tit{font-size: 64px;display: inline;color: #000000;line-height: 77px;margin-bottom: 16px;font-weight: bold;font-family: 'NanumMyeongjo' , dotum, sans-serif;}
.content2 .text-box .text{text-align: right;width: 89%;display: inline-block;}
.content2 .text-box .text img{width:100%;}

.content2-1 .text-box{width: 55%;display:inline-block;text-align: right;margin-top: 35%;margin-right: 8%;float: right;}
.content2-1 .text-box .img{margin-bottom: 10px;}
.content2-1 .text-box .tit{font-size: 64px;display: inline;color: #000000;line-height: 77px;margin-bottom: 16px;font-weight: bold;font-family: 'NanumMyeongjo' , dotum, sans-serif;}
.content2-1 .text-box .text{text-align: right;width: 89%;display: inline-block;}
.content2-1 .text-box .text img{width:100%;}
.content2-1 .img-box{display:inline-block;width:554px;margin: 0 35px;vertical-align: top;}
.content2-1 .img-box img{width:100%;}

.content3 p.title{font-size: 38px;color: #ffffff;font-weight: bold;line-height: 48px;}
.content3 p.title span.underline{color: #fe7200;border-bottom: 1px solid #fe7200;}
.content3 .img-text {display: inline-block;/* text-align: right; */width: 23%;/* margin-top: 45%; *//* float: left; */position: absolute;right: 29%;top: 10%;}
.content3 .img-text img{}
.content3 .img-text p{}
.list01 li{font-size: 25px;color: #ffffff;text-align: left;margin-bottom: 12px;text-indent: 10px;text-indent: -17px;padding-left: 23px;}
.list01 li span.underline{font-size: 29px;color: #fe7200;border-bottom: 1px solid #fe7200;}

.content4 p.title{font-size: 38px;color: #ffffff;font-weight: bold;line-height: 48px;}
.content4 p.title span.underline{color: #fe7200;border-bottom: 1px solid #fe7200;}
.content4 .img-text {text-align: left;margin-top: 28%;margin-left: 6%;width: 81%;}
.content4 .img-text img{width: 100%;}
.content4 .img-text p{width: 38%;}

.content4-1 .text-box{width: 35%;display: inline-block;/* text-align: right; *//* margin-top: 41%; *//* margin-right: 8%; *//* float: right; */position: absolute;top: 8%;/* display: none; */}
.content4-1 .text-box .img{margin-bottom: 20px;}
.content4-1 .text-box .img2{margin-bottom: 38px;width: 100%;}
.content4-1 .text-box .text{color: #000000;}
.content4-1 .img-box{display:inline-block;width: 490px;vertical-align: top;}
.content4-1 .img-box img{width:100%;}
.content4-1  .img-text{position:absolute;left: 14%;top: 15%;width: 37%;}
.button-case03 {position: relative;width: 31.5%;height: 5.8%;position: absolute;left: 7%;top: 65%;border: 3px solid #ffffff;border-radius: 10px;}
.button-case03 > img{width:100%;}
.button-case04 {position: relative;width: 34%;position: absolute;left: 55%;top: 66%;}
.button-case04 > img{width:100%;}
.button-case05 {position: relative;width: 34%;position: absolute;left: 55%;top: 66%;}
.button-case05 > img{width:100%;}
.content5 .img-text {text-align: left;margin-top: 10%;}
.content5 .img-text img{width: 100%;}
.content5 .img-text p.tit{font-size: 64px;display: inline;color: #000000;line-height: 77px;margin-bottom: 16px;font-weight: bold;font-family: 'NanumMyeongjo' , dotum, sans-serif;}
.content5 .img-text p.text{width: 60%;}

.content5-2 .img-text{width: 33%;display:inline-block;/* float: right; *//* margin-top: 13%; */position: absolute;top: 11%;left: 15%;}
.content5-2 .img-text .img{margin-bottom: 53px;}
.content5-2 .img-text .text{/* font-size: 64px; *//* font-family: 'NanumMyeongjo' , dotum, sans-serif; *//* margin-top: 20px; *//* width: 100%; */}
.content5-2 .img-text .text img{width:100%;}
.content5-2 .img-text .text-t{width: 92%;}
.content5-2 .img-text .text-t img{width:100%;}
.content5-2 .img-box{display:inline-block;width: 434px;margin: 0 35px;vertical-align: top;}
.content5-2 .img-box img{width:100%;}



.content5-1 .left-b{float:left;width: 51%;margin-right: 24px;}
.content5-1 .left-b .title{font-size:43px;color:#ffffff;margin-bottom: 130px;}
.content5-1 .right-b{float:right;width: 46%;}

.content5-1  .house-roof-img{position: absolute;right: 7%;top: 154px;width: 30%;}
.content5-1  .house-roof-img img {width:100%;}
.content5-1 .img-text {text-align: center;margin-bottom: 179px;text-align: left;}
.content5-1 .img-text img{margin-bottom: 35px;}
.content5-1 .img-text p{color: #ffffff;font-size: 25px;line-height: 42px;}

.content6 p {background: url(../images/line_bg01.jpg) repeat-x left bottom;font-size: 39px;text-align: left;display: inline;color: #034e6d;line-height: 56px;margin-bottom: 10px;font-weight: bold;font-family: 'NanumMyeongjo' , dotum, sans-serif;}
.content6 .case01{text-align:center;margin-top: 60px;margin-bottom: 60px;}
.content6 .case01 li{display:inline-block;margin-right: 35px;}
.content6 .case01 li:last-child{margin-right:0;}
.content6 .tc{text-align:center;}

.content7 p.tit{font-size: 35px;line-height: 49px;font-weight: bold;color: #000000;font-family: 'NanumMyeongjo' , dotum, sans-serif;}
.content7 p.tit span.underline{border-bottom:1px solid #ffffff;}
.content7 p.con span.underline{border-bottom:1px solid #ffffff;}
.content7 p.con{font-size: 27px;color: #000000;line-height: 47px;}
.content7-1{text-align:center;}
.content7-1 .line{padding-top: 67px;padding-bottom:63px;width: 1920px;background: url(../images/bg07.jpg) no-repeat left top;margin: 0 auto;}
.content7-1 p.tit{font-size: 47px;line-height: 49px;font-weight: bold;display: inline-block;margin-bottom: 44px;font-family: 'NanumMyeongjo' , dotum, sans-serif;}
.content7-1 p.tit {border-bottom: 3px solid #d94251;color:#d94251;}
.content7-1 p.con {font-size:25px;color:#ffffff;line-height: 35px;}

.content8 .tit{font-size: 42px;color: #ffffff;line-height: 64px;padding-top: 81px;font-family: 'NanumMyeongjo' , dotum, sans-serif;}
.content8 .tit span.underline{border-bottom:1px solid #0368a9;}
.text-case03 {margin-top: 43px;text-align:center;padding-bottom: 93px;}
.text-case03 li{display:inline-block;color: #ffffff;vertical-align: top;width: 352px;padding-top: 83px;position: relative;}
.text-case03 li span.line{width:2px;height: 255px;background: url(../images/line_bg02.gif) repeat-y right center;position: absolute;right: 0;top: 0;}
.text-case03 li p.t{font-size: 24px;margin-top: 12px;color: #7a4d29;font-weight: bold;font-family: 'NanumMyeongjo' , dotum, sans-serif;}
.text-case03 li p.con{font-size: 17px;line-height: 30px;margin-top: 13px;letter-spacing: -0.5px;}
.text-case03 li.bg1{background:url(../images/content_img15.png) no-repeat center top ;}
.text-case03 li.bg2{background:url(../images/content_img16.png) no-repeat center top ;}
.text-case03 li.bg3{background: url(../images/content_img17.png) no-repeat center 13px;}
.text-case03 li.bg4{background:url(../images/content_img18.png) no-repeat center top ;}
.bot-text{font-size: 18px;}
.text-case04 {margin-top: 57px;text-align:center;padding-bottom: 28px;}
.text-case04 li{display:inline-block;color: #000000;vertical-align: top;width: 450px;position: relative;margin: 0 11px;}
.text-case04 li img{width:100%;}
.text-case04 li p.t{font-size: 36px;font-weight: bold;color: #000000;margin-top: 39px;font-family: 'NanumMyeongjo' , dotum, sans-serif;}
.text-case04 li p.con{font-size: 17px;line-height: 30px;margin-top: 13px;}
.text-case04 li .count{font-size: 45px;font-weight: bold;margin-top: 23px;}
.text-case04 li .count span{ font-size: 21px; font-weight: normal; margin-left: 5px;}
.text-case04 li.bg1{background:url(../images/content_img15.png) no-repeat center top ;}
.text-case04 li.bg2{background:url(../images/content_img16.png) no-repeat center top ;}
.text-case04 li.bg3{background: url(../images/content_img17.png) no-repeat center 13px;}
.text-case04 li.bg4{background:url(../images/content_img18.png) no-repeat center top ;}
.c5-img-m{display:none;}


.text-css3-c1{padding-bottom:40px;}
.text-css3-c1 > div{display:inline-block;}
.text-css3-c1 span{width: 100%;height: auto;display: inline-block;}
.text-css3-c1 span img{width:100%;}
.text-css3-c1 > div{width: 9%;height: auto;}

.content2-1 .text-t{width: 92%;text-align: right;display: inline-block;}
.content2-1 .text-t img{width: 100%;}
.text-css3-c2{padding-bottom:40px;}
.text-css3-c2 > div{display:inline-block;}
.text-css3-c2 span{width: 100%;height: auto;display: inline-block;}
.text-css3-c2 span img{width:100%;}
.text-css3-c2 > div{width: 6%;height: auto;}

.content3 .text-t{text-align: left;width: 100%;margin-left: 10%;}
.content3 .text-t img{width: 100%;}
.content3 .text{text-align: left;width: 100%;margin-left: 10%;display: inline-block;}
.content3 .text img{width: 100%;}

.text-css3-c3{padding-bottom: 5%;}
.text-css3-c3 > div{display:inline-block;}
.text-css3-c3 span{width: 100%;height: auto;display: inline-block;}
.text-css3-c3 span img{width:100%;}
.text-css3-c3 > div{width: 7%;height: auto;}

.content4 .text-t{width: 34%;text-align: right;display: inline-block;}
.content4 .text-t img{width: 100%;}
.text-css3-c4{margin-bottom: 2%;}
.text-css3-c4 > div{display:inline-block;}
.text-css3-c4 span{width: 100%;height: auto;display: inline-block;}
.text-css3-c4 span img{width:100%;}
.text-css3-c4 > div{width: 5%;height: auto;}

.text-css3-c5{margin-bottom: 4%;}
.text-css3-c5 > div{display:inline-block;}
.text-css3-c5 span{width: 100%;height: auto;display: inline-block;}
.text-css3-c5 span img{width:100%;}
.text-css3-c5 > div{width: 5%;height: auto;}
.content4-1 .text-t{width: 100%;text-align: left;display: inline-block;}
.content4-1 .text-t img{width: 100%;}
.content4-1 .text{width: 100%;text-align: right;display: inline-block;}
.content4-1 .text img{width: 100%;}
.text-css3-c6{margin-bottom: 4%;}
.text-css3-c6 > div{display:inline-block;}
.text-css3-c6 span{width: 100%;height: auto;display: inline-block;}
.text-css3-c6 span img{width:100%;}
.text-css3-c6 > div{width: 4%;height: auto;}

.text-css3-c6{}
.text-css3-c6 > div{display:inline-block;}
.text-css3-c6 span{display: inline-block;}

	#nav{width: 20px;position: fixed;right: 30px;top: 22%;}
	#nav li {margin: 5px 0;width:20px;height:20px;display:inline-block;background: #b6aea9;border-radius: 13px;}
	#nav li:hover{cursor:pointer;}
	#nav li.on{background:#ed1b24 ;}

	.mo-bg{text-align: center;width: 1920px;margin: 0 auto;position: relative;}
	.mo-bg > img{width:100%;}
	.wrap > div{position:relative;}
	.line {position: absolute !important;top: 0 !important;left: 0;right: 0;background: none !important;}

	.button-case02.position1{left: -2%;}
	.button-case02.position2{width: 37%;bottom: 26%;right: -31%;}
	.button-case02{position:relative;width: 44.5%;height: 6.3%;/* text-align: center; */position: absolute;left: 16%;/* right: 0; *//* margin:0 auto; *//* bottom: -110%; */top: 81%;}
	.video{/* border:5px solid red; */position:absolute;top: 41.5%;right: 47%;width: 45%;height: 38%;}
	.video video{width:100%;height:100%;}
	.button-case02 .button-b01{display:inline-block;}
	.button-case02 .button-b01{display:inline-block;}
	
	.button-bot{position:relative;width: 100%;text-align:center;margin-top: 2%;}
	.button-bot .btn a{display:inline-block;width: calc(50% - 21px);width: 49%;}
	.button-bot .btn.posi1 a{}
	.button-bot .btn.posi2 a{top: 20px;left: 51%;}
	.button-bot .btn.posi1 a:hover{/* top: -10px; */}
	.button-bot .btn.posi2 a:hover{top: -10px;}
	.button-bot .btn img{width:100%;}
	.button-case02 img{width:100%;}

	.fixed-div-style{background: #42668e;}
	.fixed-div-style > img{width: 100%;}
	.btn-love-img{width: 94%;height: 62%;position: absolute;left: 2.5%;top: 18%;}
	.btn-love-img img{width:100%;}
	.btn-love-img2{width: 7%;height: 24%;position: absolute;left: 2.5%;top: 6%;}
	.btn-love-img2 img{width:100%;}
	.btn-love-img3{width: 7%;height: 39%;position: absolute;left: 2.5%;top: 12%;}
	.btn-love-img3 img{width:100%;}
	.imgButton-off{display:block;}
	.imgButton-on{display:none;}
	.homeButton{position: fixed;right: 7%;top: 5%;z-index: 9999;width: 8%;display: inline-block;}
	.homeButton img{width:100%;}

	.button-case02 img {width: 100%;}
	.btn-hover1{position: absolute;right: 0;top: 80%;width: 49%;position: absolute;left: -3px;top: 130%;width: 49%;}
	.btn-hover2{position: absolute;right: -1px;top: 130%;width: 49%;}
	.btn-hover1:hover{top: 120%;}
	.btn-hover2:hover{top: 120%;}

	.button-case03 img {width: 100%;}
	.btn-hover3{position: absolute;left: -3px;top: 132%;width: 49%;}
	.btn-hover4{position: absolute;right: -3px;top: 132%;width: 49%;}
	.btn-hover3:hover{top: 120%;}
	.btn-hover4:hover{top: 120%;}

	.button-case04 img {width: 100%;}
	.btn-hover5{position: absolute;left: -25%;top: 117%;width: 49%;}
	.btn-hover6{position: absolute;right: -31%;top: 117%;width: 49%;}
	.btn-hover5:hover{top: 112%;}
	.btn-hover6:hover{top: 112%;}


	.button-case03.s2{left: 8%;top: 69%;height: 6.5%;}
	.button-case03.s3{left: 22.5%;top: 71.5%;height: 6.5%;border: 0;border-radius: 0;width: 54%;}







	.blueroof .button-case02 {left:auto;right: 3%;border: 3px solid #ffffff;border-radius: 10px;}
	.blueroof .video {right: 3.0%;}
	.blueroof .img-text {z-index:10;}
	.blueroof .img-text img {width:100%;}
	.blueroof .content2-1 .flexslider {position:absolute;right:3%;bottom:12%;width:40%;height:40%;overflow:hidden;border-radius:30px;box-shadow:10px 10px 20px rgba(0,0,0,0.5);}
	.blueroof .content2-1 .flexslider img {width:100%;margin-top:-12%;}
	.flex-direction-nav a {position:absolute;top:50%;margin-top:-33px;display:inline-block;width:6%;height:65px;text-indent:-9999px;background-size:contain;}
	.flex-prev {left:4%;background:url(../images/sld_left.png) center 100% no-repeat;}
	.flex-next {right:4%;background:url(../images/sld_right.png) center 100% no-repeat;}
	.blueroof .content2-1 .text-box2 {z-index:10;position:absolute;right:3%;bottom:2%;text-align:center;width:40%;}
	.blueroof .content2-1 .text-box2 img {width:100%;max-width:55%;}
	.blueroof .content3 .img-text {top:22%;right:8%;width:32%;}
	.blueroof .content4-1 .img-text {top:23%;left:6.5%;width:42%;}
	.blueroof .content4 .img-text {display: inline-block;width: 23%;position: absolute;right: 29%;top: 10%;}
	.blueroof .content5-1 .img-text {display: inline-block;width: 42.5%;position: absolute;margin-top:5.5%;left: 49.5%;top: 0%;}
	.blueroof .content5-1 .button-case03 {left:auto;right:57%;top:11%;width:32%;}
	.blueroof .content5-2 .img-text {width:25.5%;top:14%;left:22.5%;}
	.blueroof .content6 .img-text {display: inline-block;width: 44.5%;position: absolute;left: 7.9%;top: 18%;}
	.blueroof .content7 .img-text {display: inline-block;width: 56%;position: absolute;left: 12.5%;top: 7%;}
	.blueroof .content8 .img-text {display: inline-block;width: 30.6%;position: absolute;left: 63%;top: 25%;}
	.blueroof .content7 .button-case03 {/* width:31.7%; *//* left:61.7%; *//* top:73.7%; */}
	.blueroof .content11 .button-case05 {position:absolute;top:56%;padding-top:10%;left:33%;width:34%;}
	.blueroof .content11 .button-case05 .btn-hover5 {float:left;width: 77%;}
	.blueroof .content11 .button-case05 .btn-hover6 {float:right;width: 77%;}
	.blueroof .content11 .button-case05 img {width:100%;}




.button-A1{position: absolute;top: 37%;left: 0;right: 0;margin: 0 auto;width: 21%;}
.button-A1 img{width:100%;}
.button-A1:hover{top: 36%;}

.button-A2{position: absolute;top: 65.5%;left: 7%;width: 22%;}
.button-A2 img{width:100%;}
.button-A2:hover{top: 64.5%;}


.button-A3{position: absolute;top: 70%;left: 8%;width: 22%;}
.button-A3 img{width:100%;}
.button-A3:hover{top: 69%;}

/*0317-1*/.div-logo{ height: 60px;position:relative;}
/*0317-1*/.div-logo a{display:inline-block;position: absolute;top: 13px;left: 5%;}


/*==========================================*/
@media screen and (max-width:1920px) {
	.mo-bg{width: 100%;}
	.content-top .line { width: 100%;}
	.content1 .line { width: 100%; }
	.content2 .line { width: 100%; }
	.content2-1 .line { width: 100%;}
	.content3 .line {width: 100%;}
	.content4 .line { width: 100%;}
	.content4-1 .line {width: 100%;}
	.content5 .line {width: 100%;}
	.content5-1 .line {width: 100%;}
	.content5-2 .line {width: 100%;}
	.content6 .line {width: 100%;}
	.content7 .line { width: 100%;}
	.content7-1 .line{ width: 100%;}
	.content8 .line { width: 100%;}
	.width-auto-box{width: 85%;padding:0 20px;}
	.button01{padding-top: 42%;}
	.content5-1 .house-roof-img{right: 13%;top: 102px;width: 27%;}
	.fixed-div .line{width: 100%; }
	.fixed-div .button03{top: 13px;left: 50%;width: 10%;}
	.wrap{margin-bottom: 3%;}
	.content2 .text-box{margin-top: 24%;margin-left: 12%;width: 29%;}
	.content2-1 .text-box{width: 41%;margin-top: 30%;margin-right: 13%;}
	.content3 .img-text{/* width: 38%; *//* margin-top: 41%; *//* margin-left: 8%; */}
	.content4-1 .text-box{/* margin-top: 36%; *//* margin-right: 14%; *//* width: 30%; */}
	.content4 .img-text{margin-top: 23%;margin-left: 12%;width: 73%;}
	.button-case02 {/* width: 42%; *//* left: 14%; *//* bottom: -111%; */}
	.button-case02.position2 {width: 37%;bottom: 26%;right: -25%;}
	.button-case02.position1{left: 7%;bottom: -133%;}
	.button-bot{/* bottom: 59%; */}

}

/*=====================1530=====================*/
@media screen and (max-width:1530px) {
	.content5-1 .house-roof-img{right: 13%;top: 48px;width: 27%;}
	.fixed-div .button03{top: 10px;}
	.button-bot{bottom: 57%;}
}


/*=====================1430=====================*/
@media screen and (max-width:1430px) {
	.content5-1 .house-roof-img{right: 13%;top: 48px;width: 27%;}
	.fixed-div .button03{top: 9px;}
	.button-case02.position1 {left: 7%;bottom: -148%;}
	.button-case02.position2 {bottom: 24%;}



}

/*=====================1300=====================*/
@media screen and (max-width:1300px) {
	.button-case02.position1 {left: 7%;bottom: -165%;}
	.button-case02.position2 {
    bottom: 23%;
}
}

/*=====================1024=====================*/
@media screen and (max-width:1024px) {
	.width-auto-box {width: 983px !important;}
	.mo-bg {width: 1024px !important;position: relative;}
	.content5-1 .house-roof-img{right: 16%;top: 15px;width: 25%;}
	.button01{padding-top: 36%;width: 39%;top: 104% !important;margin-left: 118px !important;}
	.content6 .button01{padding-top: 36%;width: 39%;top: 104% !important;margin-left: 308px !important;}
	.content1 .img-top{margin-top: 14%;}
	.content2 .text-box{margin-top: 21%;margin-left: 17%;width: 24%;}
	.content2-1 .text-box{width: 35%;margin-top: 27%;margin-right: 17%;}
	.content3 .img-text{/* margin-top:3%; */}
	.content4 .img-text{margin-top: 6%;}
	.content4-1 .text-box{margin-top: 12%;}
	.content5 .img-text{margin-top: 5%;}
	.content5-2 .text-box{margin-top: 13%;}
	.fixed-div .button03{top: 7px;width: 10%;}
	.content3 .text-t{margin-left: 0%;}
	.content3 .text{margin-left: 0%;}
	.content5-2 .text-box .text{width: 84%;}
	.content4-1 .text-box{margin-top: 31%;margin-right: 17%;width: 27%;}
	.content4 .img-text{margin-top: 21%;margin-left: 16%;width: 61%;}
	.button-case02.position2{right: -21%;bottom: 22%;}
	.button-case02.position1{left: 11%;bottom: -176%;}
	.button-bot{bottom: 51%;}
}