body {width:calc(100% - 0px); margin:0 auto; }
.product div.flex1{display:flex; justify-content:space-between; position:relative; max-width:1350px; padding:0 25px; 
margin:0 auto; overflow:hidden; height:418px; }

.tit_main h3 {font-size:55px; line-height:55px; font-weight:600;  padding-bottom:20px; font-family:"Poppins";}
.tit_main .txt{font-size:18px ; font-weight:400;}
.tit_main .more {  margin-top:50px; }
.tit_main .more a {display:block; font-size:16px; width:160px; color:#333; text-align:center; padding:7px 0 10px 0; 
background-color:#fff; border:1px solid #888; border-radius:50px;}

.product div.flex1 .item {width:800px; }
.product div.flex1 .item img {max-width:100%; height:auto;}
.product div.flex1 .item .txt {position:absolute; bottom:0; left:0; width:450px; height:150px; background:#fff;
 padding:35px 0 0 20px; border-radius:0  0px 0 0; }
.product div.flex1 .item .txt h4 {font-size:28px; padding-bottom:10px; font-weight:600; }
.product div.flex1 .item .txt p{font-size:16px; }

div.product {margin-top:-87px;  background:#fff;  position:relative; border-radius:100px 0 0 0; padding:130px 0 110px 0;  }
.product section {float:left; display:block;  box-sizing:border-box; margin:0px; padding: 0px;  }
.product .carousel-control.left {position:absolute; left:25px; background:url(../img/arrow_left3.png)no-repeat center}
.product .carousel-control.right {position:absolute; left:85px; background:url(../img/arrow_right3.png)no-repeat center} 
.product .information-gallery-slide {/*width: calc(100% - 20px);margin: auto;*/}
.product .carousel-control{position: absolute; bottom: 70px;left: 0; text-align: center; 
width:50px; height:50px; border:1px solid #aaa; border-radius:30px; }
.product .carousel-control:hover {border:1px solid #555; background-color:rgb(255,255,255,0.5);}
.product .item td:first-child .col-sm-3{padding-left: 5px;}
.product .col-sm-3{	position: relative;	min-height: 1px; padding-top: 0px; padding-right: 0px; padding-left: 70px; box-sizing:border-box;}
.product .board_output_gallery_subject {width:100%; font-family:"Noto Sans KR","Dotum","Gulim,Helvetica","sans-serif"; 
font-size: 20px; padding:5px 0;   margin-bottom:20px; text-align:center; }
.product .board_output_imgs {border:0px solid #222; border-radius:5px 5px; /*box-shadow:0px 1px 7px rgba(0,0,0,0.2);*/ }

/*mouse over effect
.main_gallery tr.item td table {position:relative;}
.main_gallery tr.item td table tr:last-child td {position:absolute; top:0; width:100%; height:100%;}
.main_gallery tr.item td table tr:last-child span {width:100%; height:100%; }
.main_gallery tr.item td table tr:last-child a{width:100%; display:block; height:100%; 
 padding-top:45%; background-color:rgb(0,0,0,0); opacity: 0; color:#fff;transition:all 0.3s  }
.main_gallery tr.item td table tr:last-child a:hover{width:100%; display:block; height:100%; border-radius:5px 5px;
  background-color:rgb(0,0,0,0.6); opacity: 1; transition:all 0.3s }*/
/*img slide*/

.product .carousel {	position: relative ;  }
.product .carousel-inner { position: relative;	width: 100%;	overflow: hidden}
.product .carousel-inner .item {	position: relative;	display: none;	-webkit-transition: .6s ease-in-out left;	-o-transition: .6s ease-in-out left;	transition: .6s ease-in-out left}
.product .carousel-inner .item > td > table {width:100% !important}
.product .carousel-inner tbody>.active, .product  .carousel-inner .next, .product  .carousel-inner .prev {display: block}
.product .carousel-inner tbody>.active {left: 0}
.product .carousel-inner .next, .product  .carousel-inner .prev {	position: absolute;	top: 0;	width: 100%}
.product .carousel-inner .next {border:0px solid #dfdfdf; 	left: 100%}
.product .carousel-inner .prev {	left: -100%}
.product .carousel-inner .next.left, .product  .carousel-inner .prev.right {	left: 0}
.product .carousel-inner .active.left {	left: -100%}
.product .carousel-inner .active.right {	left: 100%}
span.br {display:block;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.product {margin-top:0px;  background:#fff;  position:relative; border-radius:30px 0 0 0; padding:0px 0;  }	
div.product {padding:50px 0; background:#fff; margin-top:0;}
div.product .tit {padding-top:0px; padding-bottom:60px}	
.product div.flex1{display:block; position:relative; max-width:100%; width:100%; padding: 0 15px; height:auto;} 
.product div.flex1 .item {width:100%; height:auto;}
div.product .tit_main {width:100%; padding-bottom:70px;}
	
.tit_main {width:100%; padding-bottom:25px;}
.tit_main h3 {font-size:28px; line-height:30px; font-weight:500;   margin-bottom:5px; padding-bottom:0px;}
.tit_main  .txt {font-size:13px; padding:10px 0;}
.tit_main .more {  margin:10px auto 0 auto; position:absolute; top:60px; right:25px }
.tit_main .more a {display:block; font-size:14px; width:130px; padding:4px 0 6px 0;}
.tit_main .txt {position:relative; width:100%; height:auto;  padding:0px 0px 0 0;  }
.tit_main .txt p{font-size:15px;}	
	
.product .description {  width:100%;}	
.product .carousel-control.left { left:25px; }
.product .carousel-control.right { left:80px;} 
.product .carousel-control{top:68px;bottom: 0;left: 5px; width:40px; height:40px;  }
.product .col-sm-3{position: relative;	min-height: 1px; padding-right: 5px; padding-left: 5px}
.product .col-sm-3 a{width:33.3333333% !important;}
.product .item td:first-child .col-sm-3{padding-left: 5px;}
.product .carousel-inner { height:auto;}	
.product .main_gallery tr.item > td {width:33.333%}
.product .main_gallery .item table tr img{}
.product .board_output_gallery_subject { margin-bottom:0px; font-size:15px;}
.product .main_gallery   { width:100%; text-align:center; }
.product .secBox {  width:100%; margin:0 auto; padding:0 0px; box-sizing:border-box;}
.product .description div.btn a{margin:0px auto 0 auto;}
span.br {display:inline-block;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}