/*Content CSS*/
#product2{overflow: hidden;}
section > article{padding: 75px 0 100px;}
section > article:nth-of-type(even){background-color: #f7f7f7;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_48{font-size: 48px; font-weight: 700; line-height: 1;}
.fs_36{font-size: 36px; font-weight: 700; line-height: 45px;}
.fs_27{font-size: 27px; font-weight: 700; line-height: 1;}
.fs_25{font-size: 25px; font-weight: 700; line-height: 1; letter-spacing: -.5px; color: #fff; font-family: 'Poppins';}
.fs_22{font-size: 22px; font-weight: 400;}
.fs_20{font-size: 20px; font-weight: 700; letter-spacing: -.4px; line-height: 33px;}
.fs_18{font-size: 18px; font-weight: 300; line-height: 33px; letter-spacing: -.36px;}
.fs_17{font-size: 17px; font-weight: 300; line-height: 31px; letter-spacing: -.45px;}
.fs_16{font-size: 16px; font-weight: 400; letter-spacing: -.32px;}

/* title */
.tri{position: relative; padding-bottom: 45px; border-bottom: solid 1px #ddd;}
.tri::before{content: ''; display: block; width: 18px; height: 18px; background: url('../img/tit_tri.png') 50% / cover no-repeat; position: absolute; top: -7px; left: -15px;}
/* bar */
.bar{position: relative; padding-left: 14px; margin-top: 84px;}
.bar::before{content: ''; display: block; width: 4px; height: 33px; background-color: #46b035; position: absolute; top: 6px; left: 0;}
/* dot */
.dot{position: relative; padding-left: 14px; margin-bottom: 35px;}
.dot::before{content: ''; display: block; width: 6px; height: 6px; background-color: #000; position: absolute; top: 11px; left: 0;}
.dot .fs_18{letter-spacing: normal; font-weight: 400;}
/* under */
.under{border-bottom: solid 1px #ddd; padding-bottom: 25px; font-weight: 700; position: relative; margin-top: 40px;}
.under::after{content: ''; display: block; width: 100px; height: 3px; background-color: #000; position: absolute; bottom: -1.5px; left: 0;}

.flex_wrap{display: flex; }
.flex_wrap .table_wrap{width: 635px; margin-right: 42px;}
/* table_wrap */
.table_wrap{}
.table_wrap table{width: 100%; border-collapse: collapse; border-top: solid 3px #46b035;}
.table_wrap table thead{background-color: #000; text-align: center;}
.table_wrap table th{font-weight: 500; padding: 8px 0; color: #fff;}
.table_wrap table th:nth-of-type(1){border-left: solid 1px #000;}
.table_wrap table th:nth-of-type(2){border-left: solid 1px rgba(255,255,255,.3); border-right: solid 1px #000;}
.table_wrap table tbody{background-color: #fff;}
.table_wrap table td{border: solid 1px #ddd; padding: 8px; text-align: center; color: #333;}

/* check_list */
.check_list {margin-top: 15px;}
.check_list li{display: flex; align-items: baseline;}
.check_list li span{font-weight: 300;}
.check_list li i{display: inline-block; margin-right: 15px;}
.check_list li:nth-child(n+2){margin-top: 25px;}
/* desc */
.desc{margin-top: 80px;}
.text{padding: 30px 40px; background-color: #f7f7f7; border: solid 1px #ddd; text-align: center; background-color: #fff;}
.desc2 .text{padding-bottom: 55px; text-align: left;}
.desc3 .text{padding: 60px 40px;}
.box .text{margin-top: 35px;}

/* img_list */
.img_list{display: flex; justify-content: space-between; margin-top: 40px;}
.img_list li{width: calc(50% - 15px); border: solid 1px #ddd; overflow: hidden;}
.img_list li img{transition: .3s;}
.img_list li:hover img{transform: scale(1.1);}
.wrap{padding-bottom: 98px; border-bottom: solid 1px #ddd;}

/* sec2 */
.cont_wrap{position: relative;}
.sec2 .img_list{margin-top: 0;}
.sec2 .img_list li{width: calc(33.3% - 20px); height: 50%;}
.sec2 .table_wrap{width: 858px;}
.img_desc{position: absolute; bottom: 0; left: 0;}
/* img */
.img{border: solid 1px #ddd; overflow: hidden; margin-top: 35px;}
.img img{transition: .3s;}
.img:hover img{transform: scale(1.1);}


/* check */
.check{display: flex; align-items: center; justify-content: center; border: solid 3px #ddd; padding: 40px 0;}
.check i{display: inline-block; margin-right: 13px;}
