/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
.wh_bg {padding:100px 0; background-color: #fff; }
.dot_bg {padding:100px 0; background: url('../img/dot_bg.jpg') 50% 50% repeat; }

/* s_title  */
.s_title {text-align: center; }
.s_title h2 {font-family: 'paybooc-Medium',sans-serif; font-size: 14px; color:#0068b7; margin-bottom: 15px; font-weight: bold; letter-spacing: 1.4px ; text-transform: uppercase; font-weight: 400;}
.s_title h1 {font-family: 'paybooc-ExtraBold',sans-serif; font-size: 57px; color:#000; font-weight: 400;}
.s_title h3 {font-family: 'paybooc-Light',sans-serif; font-size: 24px; color:#000; margin-top: 30px; font-weight: 400;}
.s_title p {font-family: 'paybooc-Light',sans-serif; font-size: 18px; color:#888; margin-top: 30px; line-height: 34px; word-break: keep-all; font-weight: 400;}
.s_title.wh h2 {color:rgba(255, 255, 255, 0.5);}
.s_title.wh h1 {color:#fff; }

/*Content CSS*/
#product2 {padding:0 0 140px; text-align: center; }
#product2 .s_title.top {padding-bottom:70px;}

/* section */
#pd2_sec p.bullet {font-size:18px; font-weight: 400; color:#666; padding-left:20px; position: relative; font-family: 'paybooc-Medium'; margin-top:30px; }
#pd2_sec p.bullet::before {content: ''; display: block; width: 5px; height: 5px; background-color: #0068b7; position: absolute; left:0; top:8px; }
#pd2_sec .list {display: flex; flex-wrap:wrap; text-align: left; }
#pd2_sec .list li {width: 400px; margin-right: 50px;}
#pd2_sec .list li:nth-child(3n) {margin-right: 0;}
#pd2_sec .list li:nth-child(n+4) {margin-top:60px; }



















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

}

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

}

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

}

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

}