/* 공통 */
.sub_con {width: 100%; padding: 0 15px; position: relative; }
.s_bot_bg {width: 100%; height: 150px; margin:-0 0 0; background: url('../img/ab_bot_bg.jpg') 50% 50% no-repeat; background-size:cover;  }
.s_title h2 {font-size:13px; font-weight: 400; color:#0900cb; letter-spacing: 2px; font-family: 'Play', sans-serif;  text-transform: uppercase; }
.s_title h1 {font-size:24px; font-weight: 500; color:#000; line-height: 24px; margin:15px 0 0;}
.s_table table {border-collapse: collapse; width: 100%;}
.s_table table th, td {padding: 12px 20px;}
.s_table table thead th { color:#fff; font-size: 14px;font-weight: 500; border:1px solid rgba(255,255,255,0.2); background-color: #000062; }
.s_table table tbody th, .s_table table tbody td {border: 1px solid #ddd; }
.s_table table tbody th {background: #f7f7f7; font-size: 14px; font-weight: 400; color:#333; text-align: left; border-left: 0; letter-spacing: -.5px; }
.s_table table tbody td {font-size: 13px; font-weight: 300; color:#666; text-align: center; letter-spacing: -.5px;}
.s_table table tbody tr td:last-child {border-right: 0; }

.bullet_title {font-size:22px; font-weight: 500; color:#000; position: relative; padding-left:50px; text-align: left; margin-bottom: 20px; }
.bullet_title::before {content: ''; display: block; width: 30px; height: 2px; background: #000062; position: absolute; left:0; top:17px ; }

/* res_table  */
.res_table {width: 100%; overflow-x: auto;}
.res_table table { width:100%;max-width: 768px; white-space: nowrap; min-width: 100%; margin-top:5px;}
.res_table_icon {text-align: right;}
.res_table_icon i {font-size:30px; color:#333;}


/*Content CSS*/
#partner {text-align: center; padding:0 0 50px; }

/* section1 */
#pa_sec1 .box {display: flex; align-items: center; flex-direction: column; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ddd; }
#pa_sec1 .box:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
#pa_sec1 .box .img {width: 100%; }
#pa_sec1 .box .img img {max-width: 100%; }
#pa_sec1 .box .txt {width: 100%; text-align: left;}
#pa_sec1 .box .txt h1 {font-size:20px; font-weight: 500; color:#000; margin: 25px 0 15px; }
#pa_sec1 .box .txt table {border-collapse: collapse; width: 100%;}
#pa_sec1 .box .txt table th {text-align: center; font-size:14px; font-weight: 400; color:#000; padding: 12px; background: #f7f7f7; border-bottom: 1px solid #ddd;
width: 120px; }
#pa_sec1 .box .txt table td {text-align: left; font-size:13px; font-weight: 300; color:#666; padding:12px 12px; border-bottom: 1px solid #ddd; letter-spacing: -.5px;
word-break: keep-all;}
#pa_sec1 .box .txt table tr:first-child th {border-top: 1px solid #000;}
#pa_sec1 .box .txt table tr:first-child td {border-top: 1px solid #ddd;}

/* section2 */
#pa_sec2 {margin-top:60px; }
#pa_sec2 .top {display: flex; justify-content: space-between; align-items: flex-end; }
#pa_sec2 .top .bullet_title {margin-bottom: 15px;}

/* section3 */
#pa_sec3 {margin-top:60px; }
.cer_wr {width: 100%; padding:0 0;}

.cer_list {display: flex; flex-wrap:wrap;}
.cer_list li {width: calc(50% - 5px); margin-bottom: 30px;}
.cer_list li:last-child {margin-bottom: 0; }
.cer_list li:nth-child(odd) {margin-right: 10px; }
.cer_list li a {display: block; position: relative; border:1px solid #ddd;}
.cer_list li a > img {width: 100%; }
.cer_list li a .hv_plus {  position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(21,17,111,.8); transition: all .2s ease; opacity: 0; display: flex;
justify-content: center; align-items: center;}
.cer_list li a:active .hv_plus {opacity: 1;}
.cer_list li p {font-size:14px; font-weight: 500; color:#333; text-align: left; letter-spacing: -.5px; }
.cer_list li p::before {content: ''; display: block; width: 25px; height: 1px; background: #000; margin:20px 0 12px;}














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

}

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

}

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

}
