/* 공통 */
.sub_con {width: 1300px; margin:0 auto; }
.s_title h2 {font-size:18px; font-weight: 600; color:#2458ff; font-family: 'Montserrat'; }
.s_title h1 {font-size:40px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; margin-top: 20px;}
/* table */
.s_table table {border-collapse: collapse; width: 100%; border-top: 3px solid #2458ff; }
.s_table table thead th {padding:15px 10px; font-size:14px; font-weight: 500; color:#fff; background-color: #000; border:1px solid rgba(255,255,255,.2);}
.s_table table tbody th {font-size:13px; font-weight: 400; color:#000; border:1px solid #d9dde8; padding:10px 12px; text-align: center; background-color: #f7f9ff;}
.s_table table tbody th.title {font-size:15px; font-weight: 500;}
.s_table table tbody td {font-size:13px; font-weight: 300; color:#000; border:1px solid #d9dde8; padding:10px 10px; text-align: center;  background-color: #fff; line-height: 20px;}
.s_table table tbody td span {color:#2458ff;}
/* pd w_box */
.w_box {background-color: #fff ;display: flex; align-items: center ;justify-content: center;  box-shadow: 2.2px 2px 11.8px 1.2px rgba(56, 62, 82, 0.15);}

/* tab */
.tab {display: none; }
.tab.active {display: block; }
.tab_btn {display: flex; justify-content: center; margin:50px auto 70px;}
.tab_btn li a {display: block; font-family: 'NanumSquare',sans-serif; font-size:17px; color:#939393;  font-weight: 700; cursor: pointer; padding:0 30px; border-right:1px solid #ddd;
transition: color .3s ease ;}
.tab_btn li:last-child a {border-right: 0; }
.tab_btn li a.active {color:#000;}

/*Content CSS*/
#product2 {padding:100px 0 140px; position: relative; text-align: center; }
#product2 .w_box {padding:30px 0; margin-bottom: 40px; }












@media screen and (max-width:1300px){

}


@media screen and (max-width:960px){

}

@media screen and (max-width:640px){

}