@charset "utf-8"
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
*{margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;box-sizing: border-box;}

a{text-decoration: none;color: inherit;}
li{list-style:none;}

/* 로고가 포함된 최상단 */
.top{
width:100%;
padding:10px 40px;
height:80px;
overflow:hidden;
box-sizing:border-box;

}
.top .logo{
display:block;
float:left;
width:170px;
}
.top .logo img{
width:100%;
}
.top .right{
float:right;
}
.top .right img{
float:left;
margin-right:25px;
padding-top:10px;
}

#wrap{
width:1200px;
margin:0 auto;
}
/* 첫번째 단락 */
#first{
width:1200px;
overflow:hidden;
position:absolute;
top:865px;
left:50%;
margin-left:-600px;
text-align:center;
overflow:hidden;
}
#first .title{
width:800px;
height:120px;
margin:0 auto;
background-color:#fff;
border-radius:100px;
}
#first .title p:nth-child(2) {
color:#d27019;
font-size:30px;
padding-top:0px;
font-weight:600;
}
#first .title p:nth-child(1) {
color:#000;
font-size:22px;
padding-top:20px;
font-weight:500;
}
#content_1{
width:1200px;
margin:0 auto;
margin-top:85px;
text-align:center;
padding-bottom:100px;
}
#content_2{
width:100%;
height:1025px;
background:url(../img/2_img.jpg);
}
#content_3{
text-align:center;
padding:120px 0;
width:1200px ;
margin:0 auto;
padding-bottom:150px;
}
#content_3 .wrap{
width:1200px;
overflow:hidden;
margin:100px 0;
}
#content_3 .wrap .box{
width:390px;
height:320px;
border:1px solid #ccc;
transition:all 0.3s;
box-sizing:border-box;
float:left;
margin-right:13px;
}
#content_3 .wrap .box img{
margin-top:25px;
}
#content_3 .wrap .box:hover{
box-shadow:2px 2px 3px #ccc;
}
#content_3 .wrap .box:nth-child(3){
margin-right:0px;
}

#content_5{
width:1200px;
margin:150px auto ;
text-align:center;
overflow:hidden;
}
#content_5 img:nth-child(2){
margin:50px auto ;
margin-bottom:80px;
}
#content_6{
background:url("../img/6_bg.jpg") no-repeat;
background-size:100%;
height:858px;
}

/* banner3개 */
.banner{
border-radius:15px;
transition:all 0.3s;

}
.banner_box{
border-radius:15px;
display:block;
transition:all 0.3s;
width:390px;
height:180px;
overflow:hidden;
position:relative;
}
.banner_box:hover .banner{
transform:scale(1.07);
}
.banner_txt{
position:absolute;
top:0;
left:0;
z-index:9;
}

/* top */
.topbtn{
display:block;
width:45px;
height:45px;
border:1px solid #02346c;
border-radius:50%;
position:fixed;
bottom:30px;
right:30px;
text-align:center;
line-height:45px;
background-color:#fff;
transition:all 0.3s;
}
.topbtn i{
color:#02346c;
}

.topbtn:hover{
background-color:#02346c;
}
.topbtn:hover i{
color:#fff;
}

/* 제품더보기버튼 */
/* .outer .tabs .tab .product_btn{
display:block;
width:200px;
height:43px;
line-height:43px;
border:1px solid #127c02;
border-radius:50px;
margin:40px 0;
transition:all 0.3s;
}
.outer .tabs .tab .product_btn:hover{
background-color:#127c02;
color:#fff;
} */

.product_btn{
margin:50px auto;
display:block;
}