@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap');
/* reset */
* {margin:0 ;padding:0;box-sizing: border-box; font-family: 'Noto Sans', sans-serif; font-size:inherit;}
a {text-decoration:none; color:#fff}
li {list-style:none;}
button {outline:none; border:none; cursor:pointer;}
html{font-size: 10px;}
body{min-width: 1160px; width: 100%; min-height: 100vh; position: relative;}


/*레이아웃 */
.section {min-width:1160px; min-height: calc(100vh - 80px - 260px);}
.carousel {width:100%;height:100vh;}
.wrapper {width:1160px; margin: 0 auto;}
.bg-fiexd {width:100%;height: 400px;background-repeat:no-repeat; background-position:50% 50%; background-image:url(../images/268.jpg);background-attachment: fixed; background-size: cover; }
.room-block {height:90px;min-width: 1160px;}
.room-block02 {height: 350px;min-width: 1160px;}

.carousel .carousel-item {height:100vh;width:100%;position:absolute;left:0;top:0;z-index:-1;background-repeat:no-repeat; background-position:0% 0%;background-size:100% 100%; transition: background 5s;}
.carousel .carousel-item .backGround-text { position: absolute;width:1160px; height:300px;top:36%; left:50%; margin-left:-600px;color:#fff;text-align: right; padding: 0 10px;}
.carousel .carousel-item .backGround-text h1{font-size:50px;}
.carousel .carousel-item .backGround-text p {font-size: 27px;}

.block {text-align: center; overflow: hidden;}
.block h1 {font-size:35px; font-weight: normal;}
.block p { font-size: 20px; margin: 5px 0 70px 0; color:#999999;}
.block div { float:left; width: 25%;padding:0 10px;}
.block div span {display: inline-block; width: 70px; height:70px; border-radius:50%; background-color:#ed6d2b;background-repeat:no-repeat; background-position:50% 50%;}
.block div:nth-of-type(1) span { background-image:url(../images/point01.png);}
.block div:nth-of-type(2) span { background-image:url(../images/point02.png);}
.block div:nth-of-type(3) span { background-image:url(../images/point03.png);}
.block div:nth-of-type(4) span { background-image:url(../images/point04.png);}
.block div ul {text-align: left;}
.block div ul li:first-child {text-align: center; font-size: 19px;color:#000; font-weight: bold;list-style: none;margin-left: 0;}
.block div ul li {color:#444444; font-size: 15px;line-height: 2em; list-style: disc;margin-left: 20px;}

.two-block div{width:20%;}
.two-block div span {width:100%; height: 110px; border-radius:0;background-size: auto 100%; background-repeat: no-repeat; background-color: transparent;}
.two-block div:nth-of-type(1) span {background-image:url(../images/li01.jpg)}
.two-block div:nth-of-type(2) span {background-image:url(../images/li02.jpg)}
.two-block div:nth-of-type(3) span {background-image:url(../images/li03.jpg)}
.two-block div:nth-of-type(4) span {background-image:url(../images/li04.jpg)}
.two-block div:nth-of-type(5) span {background-image:url(../images/li05.jpg)}
.two-block div ul {margin-top:30px;}
.two-block div ul li:first-child {font-size: 15px;}

/*.three-block ul {margin-bottom: 100px;}*/
.three-block ul li {display: inline-block; width:18%;height:100px;border:2px solid #eee;height: 45px;margin-bottom: 3px;}
.three-block ul li a {color: #bbb;}
.three-block ul li span {color: #000;display: block;font-size: 15px;font-weight: bold;}
.three-block ul li:hover {border:2px solid #ed6d2b;background-color: #fff;}
.three-block .flexBox{display: flex; flex-wrap: wrap; align-items: center;float: none;width: auto;padding: 0;}
.three-block .customers-box{justify-content: space-between;}
.three-block .Customers img { display: inline-block;  border: 1px solid #eee;  margin: 10px;}

.bg-fiexd input[type="radio"] {display: none;}
.bg-fiexd .news-inner {width:1160px; margin: 0 auto;height:400px;overflow: hidden;}
.bg-fiexd .news-inner .news-wrap {width: 100%;height:400px;}
.bg-fiexd .news-inner .news-wrap .news-text {display: inline-block;width:1160px; height: 400px; color:#fff;text-align: center;padding-top: 130px;}
.bg-fiexd .news-inner .news-wrap .news-text:nth-child(1),
.bg-fiexd .news-inner .news-wrap .news-text:nth-child(2) {margin-right:-5px;}
.bg-fiexd .news-inner .news-wrap .news-text h3 {font-size: 25px;}
.bg-fiexd .news-inner .news-wrap .news-text p {font-size: 17px;line-height: 1.7em; margin: 20px 0 0px;}
.bg-fiexd .news-inner .news-wrap .news-text a {display: inline-block; width: 200px; height: 50px; border:1px solid #fff;line-height: 50px;transition:0.2s;}
.bg-fiexd .news-inner .news-wrap .news-text a:hover {background-color: #fff; color:#000; border:1px solid #fff;}

.bg-fiexd .smart {width: 1160px; margin: 0 auto; color:#fff; text-align: center; padding-top: 130px;}
.bg-fiexd .smart h1 {font-size: 40px;}
.bg-fiexd .smart p {font-size: 17px;line-height: 1.7em;margin: 20px 0 30px;word-break: keep-all;}
.bg-fiexd .smart a {display: inline-block; width:250px; height:40px; background-color: #616161;border-radius: 5px;line-height: 40px;transition:0.3s;}
.bg-fiexd .smart a:hover {background-color: #737373; }


 @media screen and (max-width: 1160px) {
 	.carousel {height: 1000px;}
 	.carousel .carousel-item {height: 1000px;}
 	.carousel .carousel-item .backGround-text h1{font-size:45px;}
	.carousel .carousel-item .backGround-text p {font-size: 22px;}
 }

 @media screen and (max-width: 700px) {
	/*레이아웃 */
	body{min-width:100%;}
	.section {min-width:100%;}
	.wrapper {width:100%; margin: 0;padding: 10px;}
	.bg-fiexd {width:100%;height: auto;}
	.room-block {height:40px;min-width: 100%;}
	.room-block02 {height: 150px;min-width: 100%;}
	
	/*컨텐츠*/
	.carousel {width: 100%;height: 700px; position: relative;}
	.carousel .carousel-item { height: 100%;width: 100%;position: absolute;left: 0;top: 0;background-repeat: no-repeat; background-position: 0% 0%;background-size: 100% 100%;}
	.carousel .carousel-item .backGround-text { position: absolute;width:100%; height:200px;top:284px; left:0%; margin-left:0;text-align: center;}
	.carousel .carousel-item .backGround-text h1{font-size:30px;}
	.carousel .carousel-item .backGround-text p {font-size: 18px;}
	.block {text-align: center; overflow: hidden;}
	.block h1 {font-size:30px;}
	.block p { font-size: 18px; margin: 5px 0 50px 0;}
	.block div {width: 100%;padding:0 5px;margin-bottom: 15px;}
	.block div ul li {text-align: center;list-style: none  !important;margin: 0;}
	.block div span {width: 60px; height:60px;background-size: 20px; }
	
	.two-block div{width:100%;margin-bottom: 10px;height:100%;border-bottom: 1px solid #eee;}
	.two-block div span {width:100%; height: 110px; background-size: auto 100%;}
	.two-block div ul {margin-top:5px;}
	
	.three-block ul {margin-bottom: 40px;}
	.three-block ul li {width:33%;margin: 10px;}
	
	.bg-fiexd .news-inner {width:100%; margin: 0 ;height:100%;}
	.bg-fiexd .news-inner .news-wrap {width: 100%;height:100%;}
	.bg-fiexd .news-inner .news-wrap .news-text {width:100%; height: 100%;padding:40px 10px;}
	.bg-fiexd .news-inner .news-wrap .news-text h3 {font-size: 22px;}
	.bg-fiexd .news-inner .news-wrap .news-text p {font-size: 16px;}
	
	.bg-fiexd .smart {width: 100%;padding:40px 10px;height: 100%;}
	.bg-fiexd .smart h1 {font-size: 22px;margin-bottom: 20px;}
	.bg-fiexd .smart p {font-size: 16px;margin:0; }
	
 }