/* 공통 */
.sub_con {width: 100%; margin:0 auto; position: relative; padding:0 15px; }
.sub_title {text-align: center;}
.sub_title h2 {    font-size: 12px; font-weight: 400; color: #0867ae; letter-spacing: 3px; font-family: 'Montserrat'; margin-bottom: 8px; text-transform: uppercase;}
.sub_title h1 {    font-size:22px; font-weight: 400; color: #333; font-family: 'NanumSquare',sans-serif; line-height: 35px; word-break: keep-all;}
.sub_title h1 b {font-weight: 800;}
.apos_head {display: inline-block; position: relative; text-align: center; padding:0 30px;}
.apos_head h1 {font-size:18px; font-weight: 400; color:#333; font-family: 'NanumSquare',sans-serif; word-break: keep-all; line-height: 30px; }
.apos_head h1 span {font-weight: 800; color:#0867ae;}
.apos_head > img {position: absolute; top:-10px; width: 20px; }
.apos_head > img.apos1 {left:0;}
.apos_head > img.apos2 {right:0;}
.sub_p {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.7px; line-height: 25px; word-break: keep-all; word-break: keep-all;}
.sub_list {text-align: left;}
.sub_list li {font-size:12px; font-weight: 300; color:#666; letter-spacing: -.7px; margin-bottom: 6px; display: flex; align-items: flex-start;}
.sub_list li:last-child {margin-bottom: 0;}
.sub_list li::before {content: ''; display: block; width: 3px; height: 3px; min-width: 3px; min-height: 3px; background: #0867ae; margin-right:8px; position: relative; top:7px;}


/*Content CSS*/
#about_wr .sub_title h2 { margin:0 0 30px; }


#about { padding-bottom: 50px; }
/* #about .title {width:487px; height: 487px; border-radius: 50%; position: absolute; top: 155px; left: 44px; text-align: center; display: flex; flex-direction: column; justify-content: center; background: #fff;}
#about .title .logo {font-size: 0; margin-bottom: 30px;}
#about .title h1 {font-family: 'NanumSquare',sans-serif; font-size: 46px; font-weight: 900; color:#000; margin-bottom: 25px;}
#about .title p {font-size: 16px; font-weight: 300; color:#666; line-height: 28px;} */
#about .title {text-align: center; margin:0 0 30px; }
#about .title img {max-width: 100%;}

#about .about_box {display: flex; align-items: center; width: 100%; flex-direction: column; border-bottom: 1px dashed #ddd; padding:20px 15px; }
#about .about_box .icon {width: 120px; height: 120px; border-radius: 50%; text-align: center; font-size: 0; line-height: 120px; background-color: #fff ;
border: 1px solid #8e959b; position: relative; z-index: 1; }
#about .about_box .icon::before { content: ''; display: block; width: calc(100% - 12px); height: calc(100% - 12px); position: absolute; left:6px; top:6px; border-radius: 50%; background: #8e959b; z-index: -1; }
#about .about_box .icon img {transition: all 0.5s; height: 50px; }
#about .about_box .txt {width:100%; text-align: center; margin:15px 0 0; }
#about .about_box h2 {font-family: 'Montserrat'; font-weight: 500; font-size: 12px; margin-bottom: 10px;}
#about .about_box h1 {font-family: 'NanumSquare',sans-serif; font-weight: 700; font-size: 18px; color:#000;  margin-bottom: 10px;}
#about .about_box h3 {font-weight: 500; font-size: 14px; color:#666;  margin-bottom: 10px;}
#about .about_box p {font-weight: 300; font-size: 13px; color:#8b8b8b; line-height: 24px; letter-spacing: -.7px; word-break: keep-all; }

#about .about_box.box1 h2 {color:#8e969b}
#about .about_box.box2 h2 {color:#61bd50}
#about .about_box.box3 h2 {color:#0768af}
#about .about_box.box2 .icon { border-color: #61bd50; }
#about .about_box.box3 .icon { border-color: #0768af; }
#about .about_box.box2 .icon::before {background: #61bd50;}
#about .about_box.box3 .icon::before {background: #0768af;}
#about .about_box.box1 { border-top: 1px dashed #ddd;}

/* #about .about_box.box1 { position: absolute; left: 607px; top: 29px ;}
#about .about_box.box2 { position: absolute; left: 725px; top: 314px;}
#about .about_box.box3 { position: absolute; left: 607px; top: 601px;} */

/* #about .about_box:hover .icon img {transform: rotateY(180deg);} */


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

}

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

}

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

}

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

}
