@charset "utf-8";
@import url('font.css');

@media (min-width:1500px) {

.product_wrap { position:relative; width:80%; max-width:1500px; margin:130px auto; }
.product_wrap .title { margin-bottom:40px; text-align:center;}
.product_wrap .title span { display:block; font-family: 'Pretendard-Bold'; font-size:1.3em; font-weight:600; color:#222; letter-spacing:1.0px; }
.product_wrap .title strong { font-size:2.2em; font-weight:600; color:#222; line-height:1.8em; }	


.technic { background:url(../images/main_data_bg.jpg) center;background-attachment:fixed; background-size:cover; padding:100px 0; }
.technic .content { display:flex; justify-content:space-between; width:80%; max-width:1500px; margin:0 auto; }
.technic .content .title { display:flex; flex-direction:column; }
.technic .content .title span { display:block; margin-bottom:10px; font-family: 'Pretendard-SemiBold'; font-size:1.3em; font-weight:600; color:#fff; letter-spacing:1.0px; }
.technic .content .title strong { font-size:2.4em; font-weight:600; color:#fff; line-height:1.3em; }	
.technic .content .btn { display:flex;align-items:center;}
.technic .content .btn .product { display:block; background:url(../images/more_arr.png) 90% 35px no-repeat; background-color:#fff; width:220px; padding:25px 35px; font-size:1.0em; font-weight:500; transition:all 0.5s; }
.technic .content .btn .product:hover { background:url(../images/more_arr_over2.png) 85% 35px no-repeat; background-color:#0faddb; color:#fff; transition:all 0.5s;}
.technic .content .btn .data { display:block; background:url(../images/more_arr2.png) 90% 35px no-repeat; background-color:#373737; width:220px; padding:25px 35px; font-size:1.0em; font-weight:400; color:#fff; transition:all 0.5s; }
.technic .content .btn .data:hover { background:url(../images/more_arr_over2.png) 85% 35px no-repeat; background-color:#0faddb; border:0; color:#fff; transition:all 0.5s;}

.supply { background:url(../images/main_supply_bg.jpg) center;background-attachment:fixed; background-size:cover; padding:100px 0; }
.supply .supply_wrap { display:flex; justify-content:space-between; width:80%; max-width:1500px; margin:0 auto; }
.supply .supply_wrap .title { display:flex; flex-direction:column; width:20%; }
.supply .supply_wrap .title span { display:block; margin-bottom:10px; font-family: 'Pretendard-SemiBold'; font-size:1.3em; font-weight:600; color:#fff; letter-spacing:1.0px; }
.supply .supply_wrap .title strong { font-size:2.4em; font-weight:600; color:#fff; line-height:1.3em; }
.supply .supply_wrap .title .btn { display:flex; margin-top:auto; background:url(../images/more_arr2.png) 87% 8px no-repeat; width:140px; padding:0; font-family: 'Pretendard-SemiBold';  font-size:1.0em; font-weight:; color:#fff; letter-spacing:0.5px; transition:all 0.5s; }
.supply .supply_wrap .title .btn:hover { background:url(../images/more_arr.png) 82% 8px no-repeat; color:#222; transition:all 0.5s;}
.supply .supply_wrap .pic { display:flex; justify-content:space-between; width:70%; }
.supply .supply_wrap .pic .content { display:flex; width:30%; }
.supply .supply_wrap .pic .content img { border:1px solid #62c1dd; width:100%;}

.overview { width:80%; max-width:1500px; margin:100px auto; }
.overview .title { display:block; text-align:center; }
.overview .title span { display:block; margin-bottom:10px; font-family: 'Pretendard-SemiBold'; font-size:1.3em; font-weight:600; color:#222; letter-spacing:1.0px; }
.overview .title strong { font-size:2.4em; font-weight:600; color:#222; line-height:1.3em; }
.overview_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:30px; }
.overview_wrap .content { border-left:1px solid #dfdfdf; width:16.3%; margin:2% 0; }
.overview_wrap .content:first-child { border-left:0;}
.overview_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.overview_wrap .content .pic img { width:; }
.overview_wrap .content p { display:block; margin-top:15px; font-size:1.0em; color:#222; text-align:center;}


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:260px; font-size:0.95em; font-weight:400; color:#222; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0.5px;}


}


@media (min-width:768px) and (max-width:1499px){

.product_wrap { position:relative; width:90%; margin:90px auto; }
.product_wrap .title { margin-bottom:40px; text-align:center;}
.product_wrap .title span { display:block; font-family: 'Pretendard-Bold'; font-size:1.2em; font-weight:600; color:#222; letter-spacing:0.5px; }
.product_wrap .title strong { font-size:1.8em; font-weight:600; color:#222; line-height:1.8em; }	

.technic { background:url(../images/main_data_bg.jpg) center;background-attachment:fixed; background-size:cover; padding:80px 0; }
.technic .content { display:flex; justify-content:space-between; width:90%; margin:0 auto; }
.technic .content .title { display:flex; flex-direction:column; }
.technic .content .title span { display:block; margin-bottom:10px; font-family: 'Pretendard-SemiBold'; font-size:1.2em; font-weight:600; color:#fff; letter-spacing:1.0px; }
.technic .content .title strong { font-size:1.8em; font-weight:600; color:#fff; line-height:1.3em; }	
.technic .content .btn { display:flex;align-items:center;}
.technic .content .btn .product { display:block; background:url(../images/more_arr.png) 90% 28px no-repeat; background-color:#fff; width:170px; padding:20px 30px; font-size:1.0em; font-weight:500; transition:all 0.5s; }
.technic .content .btn .product:hover { background:url(../images/more_arr_over2.png) 85% 28px no-repeat; background-color:#0faddb; color:#fff; transition:all 0.5s;}
.technic .content .btn .data { display:block; background:url(../images/more_arr2.png) 90% 28px no-repeat; background-color:#373737; width:170px; padding:20px 30px; font-size:1.0em; font-weight:400; color:#fff; transition:all 0.5s; }
.technic .content .btn .data:hover { background:url(../images/more_arr_over2.png) 85% 28px no-repeat; background-color:#0faddb; border:0; color:#fff; transition:all 0.5s;}

.supply { background:url(../images/main_supply_bg.jpg) center;background-attachment:fixed; background-size:cover; padding:80px 0; }
.supply .supply_wrap { display:flex; justify-content:space-between; width:90%; margin:0 auto; }
.supply .supply_wrap .title { display:flex; flex-direction:column; width:20%; }
.supply .supply_wrap .title span { display:block; margin-bottom:10px; font-family: 'Pretendard-SemiBold'; font-size:1.2em; font-weight:600; color:#fff; letter-spacing:1.0px; }
.supply .supply_wrap .title strong { font-size:1.8em; font-weight:600; color:#fff; line-height:1.3em; }
.supply .supply_wrap .title .btn { display:flex; margin-top:auto; background:url(../images/more_arr2.png) 87% 8px no-repeat; width:140px; padding:0; font-family: 'Pretendard-SemiBold';  font-size:1.0em; font-weight:; color:#fff; letter-spacing:0.5px; transition:all 0.5s; }
.supply .supply_wrap .title .btn:hover { background:url(../images/more_arr.png) 82% 8px no-repeat; color:#222; transition:all 0.5s;}
.supply .supply_wrap .pic { display:flex; justify-content:space-between; width:70%; }
.supply .supply_wrap .pic .content { display:flex; width:30%;  }
.supply .supply_wrap .pic .content img { border:1px solid #62c1dd; width:100%; }

.overview { width:90%; margin:80px auto; }
.overview .title { display:block; text-align:center; }
.overview .title span { display:block; margin-bottom:10px; font-family: 'Pretendard-SemiBold'; font-size:1.2em; font-weight:600; color:#222; letter-spacing:1.0px; }
.overview .title strong { font-size:1.8em; font-weight:600; color:#222; line-height:1.3em; }
.overview_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:30px; }
.overview_wrap .content { border-left:1px solid #dfdfdf; width:14.5%; margin:2% 0; }
.overview_wrap .content:first-child { border-left:0;}
.overview_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.overview_wrap .content .pic img { width:30%; }
.overview_wrap .content p { display:block; margin-top:15px; font-size:1.0em; color:#222; text-align:center;}

/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:170px; font-size:0.95em; font-weight:400; color:#222; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0.5px;}


}



@media (max-width:767px){
	
.product_wrap { position:relative; width:90%; margin:20% auto; }
.product_wrap .title { margin-bottom:25px; text-align:center;}
.product_wrap .title span { display:block; font-family: 'Pretendard-Bold'; font-size:1.1em; font-weight:600; color:#222; letter-spacing:1.0px; }
.product_wrap .title strong { font-size:1.5em; font-weight:600; color:#222; line-height:1.8em; }	

.technic { background:url(../images/main_data_bg.jpg) center;background-attachment:fixed; background-size:cover; padding:50px 0; }
.technic .content { width:80%; margin:0 auto; }
.technic .content .title { display:block; margin-bottom:15px;  }
.technic .content .title span { display:block; font-family: 'Pretendard-SemiBold'; font-size:1.1em; font-weight:600; color:#fff; letter-spacing:1.0px; }
.technic .content .title strong { font-size:1.5em; font-weight:600; color:#fff; line-height:1.8em; }	
.technic .content .btn { display:flex; }
.technic .content .btn .product { display:block; background:url(../images/more_arr.png) 87% 18px no-repeat; background-size:10%; background-color:#fff; width:40%; padding:10px 5%; font-size:0.9em; font-weight:500; transition:all 0.5s; }
.technic .content .btn .product:hover { background:url(../images/more_arr_over2.png) 87% 18px no-repeat; background-size:10%; background-color:#0faddb; color:#fff; transition:all 0.5s;}
.technic .content .btn .data { display:block; background:url(../images/more_arr2.png) 87% 18px no-repeat; background-size:10%; background-color:#373737; width:40%; padding:10px 5%; font-size:0.9em; font-weight:400; color:#fff; transition:all 0.5s; }
.technic .content .btn .data:hover { background:url(../images/more_arr_over2.png) 87% 18px no-repeat; background-size:10%; background-color:#0faddb; border:0; color:#fff; transition:all 0.5s;}

.supply { background:url(../images/main_supply_bg.jpg) center;background-attachment:fixed; background-size:cover; padding:50px 0; }
.supply .supply_wrap { width:80%; margin:0 auto; }
.supply .supply_wrap .title { display:block; margin-bottom:20px; }
.supply .supply_wrap .title span { display:block; font-family: 'Pretendard-SemiBold'; font-size:1.1em; font-weight:600; color:#fff; letter-spacing:1.0px; }
.supply .supply_wrap .title strong { display:block; font-size:1.5em; font-weight:600; color:#fff; line-height:1.8em; }
.supply .supply_wrap .title .btn { display:block; background:url(../images/more_arr2.png) 85% 7px no-repeat; background-size:10%; width:110px; margin-top:10px; font-family: 'Pretendard-SemiBold';  font-size:1.0em; font-weight:; color:#fff; letter-spacing:0.5px; transition:all 0.5s; }
.supply .supply_wrap .title .btn:hover { background:url(../images/more_arr.png) 85% 7px no-repeat; color:#222; transition:all 0.5s;}
.supply .supply_wrap .pic { display:flex; justify-content:space-between; width:100%; }
.supply .supply_wrap .pic .content { display:flex; width:30%;  }
.supply .supply_wrap .pic .content img { border:1px solid #62c1dd; width:100%; height:100%; }

.overview { width:90%; margin:50px auto; }
.overview .title { display:block; text-align:center; }
.overview .title span { display:block; font-family: 'Pretendard-SemiBold'; font-size:1.1em; font-weight:600; color:#222; letter-spacing:1.0px; }
.overview .title strong { font-size:1.5em; font-weight:600; color:#222; line-height:1.8em; }
.overview_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:10px; }
.overview_wrap .content { border-left:1px solid #dfdfdf; width:30%; margin:4% 0; }
.overview_wrap .content:nth-child(1), .overview_wrap .content:nth-child(4) { border-left:0;}
.overview_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.overview_wrap .content .pic img { width:33%; }
.overview_wrap .content p { display:block; margin-top:10px; font-size:1.0em; color:#222; text-align:center;}



/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:190px; font-size:1.0em; font-weight:400; color:#222; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0;}


}








/*갤러리게시판*/
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }