#sub_top_area_plus_wrap{width:100%;}
.sub_top_area_plus{position:relative;width:100%;margin:0 auto;text-align:center;color:#fff;padding: 100px 0 40px 0;}
.plus_sub_top_line {width: 40px; height: 1px; background: #fff; margin: 0  auto 25px auto;}
.sub_top_area_plus h1 {color:#FFF;font-size:20px;font-weight: 400; letter-spacing: -2px; margin: 0; text-shadow: 2px 2px 6px rgba(0,0,0,0.5); font-family: 'Montserrat', 'NanumSquare', sans-serif; margin-bottom: 15px; line-height: 26px;}
.sub_top_area_plus p {color:#FFF;font-size:14px;font-weight: 400; margin: 0; text-shadow: 2px 2px 6px rgba(0,0,0,0.5); font-family: 'Montserrat', 'NanumSquare', sans-serif; letter-spacing: -.5px;}

/* 공통 */
.sub_title_box2 h2 {font-size:20px; color:#333; font-family: 'NanumSquare', sans-serif; font-weight: 600;}
.plus_list li {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.5px; margin-bottom:15px; text-align: left; word-break: keep-all;
     background: url('../images/system/cir_blet_b.png') 0% 9px no-repeat; padding-left: 15px;}
.plus_list li:last-child {margin-bottom:0; }


/* infrat box1 */
.infra1_article, .infra2_article, .inf3_article {margin-top:20px;}
.inf1_img{display: flex; justify-content: center; margin:20px 0; flex-wrap:wrap;}
.inf1_img li {width:49%; height:auto; border-radius: 100%; background: #fff; margin-bottom:20px; display: flex; justify-content: center;}
.inf1_img li:last-child {margin-right:0;}
.inf1_img li div {border-radius: 100%; width:140px; height:140px; border:5px solid #ddd; text-align:center; line-height: 130px;}
.inf1_img li div img {width:70px;}

/* inf2 */
.inf2_img {display: flex; margin:30px 0; flex-wrap:wrap; justify-content: center;}
.inf2_img li {width:30%; padding:20px 0; display: flex; align-items: center; justify-content: center;  background: #fff;  margin-right:10px;}
.inf2_img li:nth-child(n+4) {margin-top:10px;}
.inf2_img li:last-child {margin-bottom:0;}
.inf2_img li img {width:75%;}
.inf2_img li:nth-child(3), .inf2_img li:nth-child(5) {margin-right: 0;}

/* app */
.app1_article, .app2_article, .app3_article {margin-top:40px;}
.app1_list {display: flex; text-align:center; margin-top: 20px; flex-direction: column; align-items: center;}
.app1_list li {width:100%; border-bottom:1px dashed #ddd; padding:30px 10px; max-width:500px;}
.app1_list li:last-child {border-bottom:0;}
.app1_list li div {width:120px; height:120px; background: #f7f7f7; border-radius: 100%; line-height: 110px;  margin:0 auto; transition: all 0.2s ease;}
.app1_list li span {display: block; margin:25px auto 15px; width:30px; height:1px; background: #000;}
.app1_list li p{font-size:15px; font-weight: 300; color:#666; letter-spacing: -1px; margin-top:8px; word-break: keep-all; line-height: 22px;}
.app1_list li h3 {color:#000; font-size:20px; font-weight: 700; font-family: 'Montserrat', sans-serif;}

.pic_area {width:100%; margin-top:50px; background-color: #fff; min-height: 400px; }

/* 0623 추가 */
.app_area {width:100%; margin-top:100px;}
.app_area ul {display: flex; width:100%; flex-direction: column; align-items: center;}
.app_area ul li {width:100%; border:1px solid #ddd; padding:100px 20px 30px 20px; border-bottom:3px solid #197cfa; display: flex; flex-direction: column; align-items: center; position: relative;     transition: all 0.3s ease; max-width:500px; margin-bottom:110px;}
.app_area ul li:last-child {margin-bottom:0;}

.app_area ul li  h2 {font-size:18px; color:#333; font-family: 'NanumSquare', sans-serif; font-weight: 600; margin:15px 0 15px 0;}
.app_area ul li  p {line-height: 26px;}
.app_area ul li > div {border-radius: 50%; width:150px; height:150px; background: #fff; border:4px solid #197cfa; position: absolute; top:-80px; line-height: 145px; transition: all 0.3s ease;}
.app_area ul li > span { width:60px; height:1px;background: #333; margin-bottom:15px; transition: all 0.3s ease;}
.app_area ul li img{  vertical-align:middle; transition:transform 500ms;}
.app_area ul li:nth-child(2) { border-bottom:3px solid #333; background: #fff;}
.app_area ul li:nth-child(2) div {border:4px solid #333;}
.app_area ul li:hover img {transform:rotateY(180deg); transition:transform 500ms}