/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.sub_title1 {font-size:25px; font-weight: 400; color:#010101; font-family: 'GmarketSansMedium';}
.sub_title1::after {content: ''; display: block; width:160px; height:2px;background: #1d2088; margin:20px auto 0;}
.sub_title1 span { color: #b2b2b2; font-size:20px; }
.sub_title2 {font-size:22px; font-weight: 400; color:#2b2b2b; font-family: 'GmarketSansMedium';}
.sub_title2::after {content: ''; display: block; width:50px; height:2px; background: #1d2088; margin:20px auto 0;}
.sub_title3 {font-size:16px; font-weight: 500; color:#6c6c6c; letter-spacing: 1px; font-family: 'Montserrat'; }
.sub_title3::after{content: ''; display: block; width:1px; height:40px; background: #1d2088; margin:20px auto 0; }
.apos_head {font-family: 'GmarketSansMedium'; font-weight: 400; position: relative; display: inline-block;}
.apos_head > img {position: absolute; top:-40px;}
.apos_head > img.apos1 {left:-100px;}
.apos_head > img.apos2 {right:-100px;}


/*Content CSS*/
.pro_list_wr {padding:60px 0; text-align: center; }
.pro_list {margin-top:40px; display: flex;  flex-wrap:wrap;}
.pro_list > li {margin-right:4%; margin-bottom:25px; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.16); width:48%;}
.pro_list > li:last-child {margin-bottom:0;}
.pro_list > li:nth-child(2n) {margin-right:0;}
.pro_list > li > a {display: block; width:100%; height:100%; position: relative; }
.pro_list > li .pro_img {width:100%; background: #fff;  position: relative; padding-top:30px;}
.pro_list > li .pro_img img {max-width:80%;}
.pro_list > li a .list_hv {display: none;}
.pro_list > li h2 { font-size:22px; font-weight: 500; color:#1d2088; font-family: 'Montserrat', "Noto Sans KR", sans-serif;  text-transform: uppercase;  }
.pro_list > li h2::before {content: ''; display: block; width: 40px; height: 2px; background: #1d2088; margin: 30px auto 20px;}
.pro_subject { padding:0 20px 20px; }
.pro_subject ul {margin-top:15px; text-align: left;}
.pro_subject ul li {font-size:15px; font-weight: 300; color:#707070; letter-spacing: -.5px; position: relative; padding-left:12px; margin-bottom:5px; display: flex; align-items: flex-start;}
.pro_subject ul li:last-child {margin-bottom:0;}
.pro_subject ul li b {font-weight: 400; color:#333;  font-family: 'GmarketSansMedium';  font-size:14px; display: block; margin-right:18px; min-width:60px; position: relative; top:4px; letter-spacing: -.5px;}
.pro_subject ul li::before {content: ''; display: block; width: 4px; height: 4px; background: #1d2088; left: 0; top: 9px; position: absolute; transition: all .3s ease;}
.pro_subject ul.short li b {min-width:30px;}

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

}

@media screen and (max-width: 640px) {
    .pro_list > li {width:100%; margin-right:0;}
}

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

}

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

}