@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');




#container{ padding-top: 62px; } 
#con_1 { width: 1400px; height: 723px; background: url(../images/succulents0.jpg) no-repeat  center/cover fixed; color: #fff; text-align: center; font-size:15px; }

.wr{ height: 723px; background: rgba(0,0,0,0.3); z-index: 1; }
.wr h1 { font-size:65px; letter-spacing: 0.2; padding: 200px 0 20px; }
.wr p { line-height: 2; padding-bottom: 70px;}


.con_3 { background: #ededef; width: 1400px; height: 672px; /*outline: 1px dotted blue;*/ text-align: center; 
}
.con_3 { height: 565px; padding-top: 60px; }
.con_3:last-child { padding:60px 0; }
.con_3:after {content: "";display:block; clear: both;}

.conn { position: relative; float: left; width: 433px; height: 565px; /*outline: 1px dotted red;*/ margin-right: 50px;  overflow: hidden;  }
.conn:last-child {margin:0; }
.conn .mi_box { width: 120px; height: 30px; background: #123132; color: #fff; position: absolute; left: 0; top: 0;  text-align: center; line-height: 30px; font-size: 15px;}
.conn .up_to { width: 433px; height: 30px; position: absolute; left: 0; top: 403px; /*outline: 1px dotted red;*/  font-size: 15px; color:#a86550; opacity: 0; transition: 0.7s}
.conn:hover >.up_to { opacity: 1;}

.con_i { position: relative; width: 433px; height: 132px; background: #ededef; color:#a86550; /*outline: 1px dotted blue;*/ padding-top: 20px; box-sizing: border-box;font-size: 20px;  line-height: 1.3; }
.price_sale { opacity: 0.8; margin-right: 7px; }
.con_i span { font-size: 15px; letter-spacing: 0;}
.conn:hover>img {transform:scale(1.1);}
.conn>img { transition: 0.3s }



.con_i .la{ position: absolute; bottom: 0; left:50%; transform:translateX(-50%); display: block; width: 433px; height: 45px; background: #a86550; color: #fff; text-align: center; line-height: 45px; font-size: 13px;}
.box { width: 433px; height: 45px; background: #fff; position: absolute; bottom: 0; left:50%; transform:translateX(-50%); opacity: 0; transition: 0.5s;}
.la:hover .box { opacity: 0.3;}