@charset "utf-8";
/* font */
@font-face {
	font-family: 'NanumBarunGothic';
	src: url('../font/NanumBarunGothic.eot'),
			url('../font/NanumBarunGothic.woff') format('woff'),
			url('../font/NanumBarunGothic.ttf') format('truetype');
	src: local("※"),
		url('../font/NanumBarunGothic.eot'),
		url('../font/NanumBarunGothic.woff') format('woff'),
		url('../font/NanumBarunGothic.ttf') format('truetype'),
		url('../font/NanumBarunGothic.woff2') format('woff2');
}

@font-face {
	font-family: 'NanumMyeongjo';
	src: url('../font/NanumMyeongjo.eot'),
			url('../font/NanumMyeongjo.woff') format('woff'),
			url('../font/NanumMyeongjo.ttf') format('truetype');
	src: local("※"),
		url('../font/NanumMyeongjo.eot'),
		url('../font/NanumMyeongjo.woff') format('woff'),
		url('../font/NanumMyeongjo.ttf') format('truetype'),
		url('../font/NanumMyeongjo.svg#webfonturzspG4F') format('svg');
}

/* **** 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{}
.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 .btn-zone{background:url(../images/content-btn01-01.png) no-repeat left top;background-size: 100% 100%;width: 49.5%;height: auto;left: 50%;margin-left: 1%;top: 111%;text-align: center;position: absolute;padding-top: 7%;padding-bottom: 1%;}
.content2 .btn-zone .btn01{
    display: inline-block;
    width: 45%;
    margin: 0 5px;
}
.content2 .btn-zone .btn01 img{width:100%;}
.content2 .btn-zone .btn02{
    display: inline-block;
    width: 45%;
    margin: 0 5px;
}
.content2 .btn-zone .btn02 img{width:100%;}
.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: 14%;position: absolute;top: 20px;left: 50%;margin-left: 18%;}
.fixed-div .button03 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-1 .text-box{width: 54%;display:inline-block;/* margin: 0 35px; *//* vertical-align: top; */text-align: right;margin-top: 12%;}
.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;float: right;width: 50%;margin-top: 21%;}
.content3 .img-text img{/* margin-bottom: 50px; */}
.content3 .img-text p{/* color: #ffffff; *//* font-size: 27px; *//* line-height: 50px; *//* color: #000000; *//* text-align: right; *//* width: 74%; *//* display: inline-block; */}
.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: center;/* margin-bottom: 103px; */text-align: left;margin-top: 13%;}
.content4 .img-text img{/* margin-bottom: 50px; */width: 100%;}
.content4 .img-text p{width: 38%;}

.content4-1 .text-box{width: 55%;display: inline-block;text-align: right;margin-top: 17%;float: right;}
.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;/* height:829px; *//* margin: 0 35px; */vertical-align: top;}
.content4-1 .img-box 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: 55%;display:inline-block;float: right;margin-top: 13%;}
.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{/* text-align: left; *//* font-size: 30px; *//* line-height: 53px; *//* color: #000000; *//* margin-top: 27px; */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;}
.content6 .btn-zone{background:url(../images/content-btn01-05.png) no-repeat left top;background-size: 100% 100%;width: 50%;height: auto;left: 0;right: 0;margin: 0 auto;margin-top: 47%;text-align: center;position: absolute;padding-top: 7%;padding-bottom: 1%;}
.content6 .btn-zone .btn01{display: inline-block;width: 45%;margin: 0 5px;}
.content6 .btn-zone .btn01 img{width:100%;}
.content6 .btn-zone .btn02{display: inline-block;width: 45%;margin: 0 5px;}
.content6 .btn-zone .btn02 img{width:100%;}

.content7 p.tit{font-size: 35px;line-height: 49px;font-weight: bold;color: #000000;/* margin-bottom: 11px; */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;}
	.mo-bg > img{width:100%;}
	.wrap > div{position:relative;}
	.line {position: absolute !important;top: 0 !important;left: 0;right: 0;background: none !important;}

	.wrap{margin-top:1px;}

/*==========================================*/
@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: 12px;}
	.content2 .btn-zone{ top: 106%;margin-left: -2%;}
	.content6 .btn-zone{ width: 39%; margin-top: 39.5%;}

}


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

}


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

}

/*=====================1024=====================*/
@media screen and (max-width:1024px) {
	.width-auto-box {width: 983px !important;}
	.mo-bg {width: 1024px !important;}
	.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 .img-text{ margin-top: 14%;}
	.content2-1 .text-box{ margin-top: 7%;}
	.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: 6px;}

	.content3 .text-t{margin-left: 0%;}
	.content3 .text{margin-left: 0%;}
	.content5-2 .text-box .text{    width: 84%;}
	.content3 .img-text{margin-top: 15%;}
	.content2 .btn-zone{top: 103%;margin-left: 5%;width: 43%;}
	.content6 .btn-zone{ width: 38%;margin-top: 34%;}


}