/* content css */
#product {position:relative; overflow:hidden;}
#product article {margin:0 auto; padding:0 0 120px; position:relative; z-index:3;}
#product .sub_inner {width:100%; max-width:1600px; padding:0 50px; margin:0 auto; box-sizing:border-box;}

/* font_size */
.fs_30 {font-size: 30px; font-weight: 700; line-height: 1.1;}
.fs_20 {font-size: 20px; font-weight: 400; line-height: 1.65; color: #333;}
.fs_16 {font-size: 16px; font-weight: 700; color: #fff;}

/* pro_list */
#product .pro_list {display: flex; flex-direction: column; gap: 30px;}
#product .pro_list li {padding: 14px 40px 14px 14px; display: flex; gap: 40px; border: 1px solid #ddd; border-radius: 20px;}

/* img */
#product .pro_list li .img {overflow: hidden;}
#product .pro_list li .img > img {border-radius: 10px; transition: transform .3s ease;}
#product .pro_list li .img:hover > img {transform: scale(1.07);}

/* txt */
#product .pro_list li .txt {flex: 1;}
#product .pro_list li .txt h4 {margin: 26px 0 33px; padding-bottom: 32px; border-bottom: 1px solid #ddd;}
#product .pro_list li .txt .bot .list {display:flex; gap:12px; align-items: baseline;}
#product .pro_list li .txt .bot .list:not(:last-child) {margin-bottom: 15px;}
#product .pro_list li .txt .bot .list > span:first-child {display:flex; align-items:center; justify-content:center; padding:0; background:#999; color:#fff; border-radius:20px; width:87px; height:30px;}