/*공통*/
.con1300 {width: 1300px; margin: 0 auto;}

/*Content CSS*/
#ab_c1, #ab_c2 {padding-bottom: 120px;}
#about .img {width: 100%; height: 300px; line-height: 300px; text-align: center; background: url('../img/about_img.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; font-size:60px; font-weight: 400; color:#fff; font-family: 'paybooc-ExtraBold'}
#about .txt {width: 100%;}
#about .txt ul li {position: relative; padding-left: 15px;}
#about .txt ul li::before {display: block; content: ""; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background: #1f4de5;}

#about table {border-collapse: collapse; width: 100%;}
#about table th, td {padding: 15px 30px;}
#about table thead {background: linear-gradient(155deg, rgba(2,55,147,0.85) 0%, rgba(109,67,218,0.85) 66%); }
#about table thead th { color:#fff; font-size: 16px;font-weight: 500; border:1px solid rgba(255,255,255,0.2)}
#about table tbody th, #about table tbody td {border: 1px solid #d5d6e6; text-align: left;}
#about table tbody th {background: #eaedf1; font-size: 15px; font-weight: 500; color:#333;}
#about table tbody td {font-size: 14px; font-weight: 300; color:#666; }
#about table tbody td b {display: block; font-weight: 500; margin:10px 0 5px; font-size:15px; color:#333; }
#about table tbody td.motto {font-size:17px; letter-spacing: 1.5px ;}
#about table tbody td.motto span {color:#ddd; }
#about table tbody td ul li {font-size: 14px; font-weight: 300; color:#666; line-height: 26px; margin-bottom: 0px; padding-left: 15px; position: relative;}
#about table tbody td ul li::before {width: 5px; height: 5px; background: #6d43da; display: block; content: ""; position: absolute; top: 11px; left: 0;}
#about table tbody td ul.cost li {font-size:15px; line-height: 32px; }
#about table tbody td ul.cost li::before {top:13px;}
#about table tbody td ul.cost li b {font-weight: 500; display: inline; color:#333;}
#about table tbody td ul.flex {display: flex; flex-wrap:wrap; width: 100%; max-width: 400px;}
#about table tbody td ul.flex li {width: 50%;}


#ab_c2 .img {background-image: url('../img/about_img2.jpg'); }
#ab_c2 table tbody th  {text-align: center; }
#ab_c2 table tbody td {vertical-align: top; }


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

}

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

}

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

}

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

}