/* 공통 */
.sub_con {width: 100%; margin:0 auto; position: relative; padding:0 15px; }
.sub_title h2 {font-size:17px; font-weight: 700; color:#1f9fae; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; font-family: 'NanumSquare',sans-serif;}
.sub_title h1 {font-size:24px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}
.sub_title p {font-size:15px; font-weight: 400; color:#666; margin:20px 0 0; word-break: keep-all;line-height: 26px; }
.sub_p {font-size:14px; font-weight: 300; color:#666; line-height: 24px; letter-spacing: -.7px; word-break: keep-all;}
.w_bg {padding:40px 0 ; background: #fff;}
.g_bg {padding:40px 0 ; background: url('../img/dot_bg.jpg') 50% 50% repeat;}
.bullet_title {position: relative; font-size:18px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif; padding-left:20px; }
.bullet_title span {display: block; width: 3px; height: 18px; background: #1f9fae; position: absolute; left:0; top:5px; }
.bullet_title span::after {content: ''; display: inline-block; width: 3px; height: 18px; background: #4cd2e2; margin-left:8px; }
.step {width: 100%; border-top:1px solid #000; text-align: left; }
.step li {padding:10px 0; border-bottom: 1px solid #ddd; display: flex; align-items: flex-start; }
.step li span {display: block; width: 28px ;height: 28px; border-radius: 50%; background: #1f9fae; text-align: center; line-height: 28px; font-size: 13px; font-weight: 600;
color:#fff;  margin-right:15px; min-width: 28px ; min-height: 28px;  }
.step li p {font-size:13px; font-weight: 300; color:#666; letter-spacing: -.7px; line-height: 22px; position: relative; top:2px; word-break: keep-all; }
.step li:nth-child(even) span {background-color: #333; }

/*Content CSS*/
#policy3 {text-align: center; padding:40px 0 60px;}
/* sec1 */
#pol3_sec1 .img {margin:20px 0 0;}
#pol3_sec1 .img img {max-width: 100%; }
#pol3_sec1 .txt {display: flex; justify-content: space-between; width: 100%;margin:30px auto 0; }
#pol3_sec1 .txt h2 {font-size:18px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif; width: 100%;  display: flex; align-items: center; justify-content: space-between; padding:0 20px; }
#pol3_sec1 .txt h2 > span.bar {width: 27%; height: 1px; position: relative; background: #19a0b0;}
#pol3_sec1 .txt h2 > span.bar::before {content: ''; display: block; width: 1px; height: 20px; background: #19a0b0; position: absolute; top:-20px; }
#pol3_sec1 .txt h2 > span.bar:first-child::before {left:0;}
#pol3_sec1 .txt h2 > span.bar:last-child::before {right:0;}
#pol3_sec1 .txt h2 > span:not(.bar){padding: 0 15px;}


.cer_list {display: flex; justify-content: space-between; width: 100%; background: #fff; position: relative; z-index: 2; margin:30px 0 0;}
.cer_list li {width: calc(50% - 5px);}
.cer_list li a {display: block; position: relative; border:1px solid #f0f0f0;}
.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(31,159,174,.8); transition: all .2s ease; opacity: 0; display: flex;
justify-content: center; align-items: center; display: none;}
/* .cer_list li a:hover .hv_plus {opacity: 1;} */









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

}

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

}

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

}

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

}