/*Content CSS*/
.sub_con { width:1300px; margin:0 auto; }
.sub_tit{ position:relative; display: inline-block; font-size: 60px; text-align: center; font-family:'GongGothicMedium'; line-height: 1; }
.sub_tit::before { content:""; position:absolute; left:-20px; top:-20px; width:25px; height: 25px; background:url('../img/c_tri_red.png') no-repeat center; }


#about { text-align: center; padding:65px 0 0; }
.art1_con { margin: 50px 0 100px; }
.art1_con .txt { position:relative; z-index: 2; width: 1100px; margin:0 auto; background:#fff; padding:70px 0 0; margin-top: -70px; line-height: 1; }
.art1_con .txt h2 { position:relative; font-size: 30px; font-weight: 500; }
.art1_con .txt h2::after { content:""; display: block; width:50px; height: 3px; margin:50px auto 45px; background-color: #c4252d; }
.art1_con .txt p { font-size: 18px; font-weight: 300; line-height: 1.67; color: #666; }
.art1_con .txt b { display: block; margin-top: 40px; font-size: 18px; font-weight: 400; }
.art1_con .txt b strong { position:relative; top:5px; display: inline-block; margin-left: 12px; font-size: 45px; font-family: 'Yedang'; }

.art2 { position:relative; background:url('../img/ab_bg.jpg') no-repeat center / cover; }
.art2::after { content:""; position:absolute; left:50%; transform: translateX(-50%); top:-1px; width:76px; height: 40px; background:url('../img/ab_tri.png') no-repeat center; }
.art2 ul { display: flex; border-right: 1px solid rgba(255,255,255,0.3); }
.art2 ul li { padding:93px 0; flex:1; border-left: 1px solid rgba(255,255,255,0.3); line-height: 1; }

.art2 .ico { width:132px; height: 132px; margin:0 auto; display: flex; align-items: center; justify-content: center; background-color:rgba(255,255,255,0.13); border-radius: 50%; }
.art2 .ico img { transition: all .5s; }
.art2 li h3 { margin:45px auto 25px; font-size: 25px; font-weight: bold; color: #fff; }
.art2 li p { font-size: 18px; font-weight: 300; color: rgba(255, 255, 255, 0.8);  }

.art2 li:hover .ico img { transform: rotateY(180deg); }