/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
/* s_title  */
.s_title {text-align: center; }
.s_title h2 {font-family: 'paybooc-Medium',sans-serif; font-size: 14px; color:#0068b7; margin-bottom: 15px; font-weight: bold; letter-spacing: 1.4px ; text-transform: uppercase; font-weight: 400;}
.s_title h1 {font-family: 'paybooc-ExtraBold',sans-serif; font-size: 57px; color:#000; font-weight: 400;}
.s_title h3 {font-family: 'paybooc-Light',sans-serif; font-size: 24px; color:#000; margin-top: 30px; font-weight: 400;}
.s_title p {font-family: 'paybooc-Light',sans-serif; font-size: 18px; color:#888; margin-top: 30px; line-height: 34px; word-break: keep-all; font-weight: 400;}
.s_title.wh h2 {color:rgba(255, 255, 255, 0.5);}
.s_title.wh h1 {color:#fff; }



/*Content CSS*/
#about {padding:0 0 140px;}
#about .s_title.top {padding-bottom: 120px;}

/* section */
#ab_sec > .top {width: 100%; height: 400px; position: relative; z-index: 1; background: url('../img/ab_s1_top.jpg') 50% 50% no-repeat; background-size:cover; padding:110px 0 0;}
#ab_sec > .top::after {content: ''; display: block; width: 1px; height: 70px; background-color: #fff; position: absolute; bottom: 80px; left:50%; transform:translateX(-50%);}
#ab_sec .sub_con {padding: 80px 0 0 50px; display: flex; justify-content: space-between; align-items: flex-end; background-color: #fff; z-index: 2; position: relative; margin-top:-80px;}
#ab_sec .sub_con .txt .top {width: 660px; margin-bottom: 40px;}
#ab_sec .sub_con .txt .top ul li {width: 100%; position: relative; font-family: 'paybooc-Medium',sans-serif; font-size: 14px; color: #777; padding-left: 150px; margin-bottom: 18px;}
#ab_sec .sub_con .txt .top ul li:last-child {margin-bottom: 0; }
#ab_sec .sub_con .txt .top ul li span {position: absolute;left: 0; top: 0; font-family: 'paybooc-Medium',sans-serif; color:#000; font-weight: bold;}
#ab_sec .sub_con .txt .btm {width: 660px; padding: 34px; background: #fff; box-shadow: 0 0 19.7px 4.3px rgba(14, 26, 41, 0.05);}
#ab_sec .sub_con .txt .btm ul {display: flex; flex-direction: row; justify-content: space-between;}
#ab_sec .sub_con .txt .btm ul li {flex: 1; text-align: center; border-right: 1px solid #ddd;}
#ab_sec .sub_con .txt .btm ul li:last-child {border-right: 0;}
#ab_sec .sub_con .txt .btm ul li .icon {margin-bottom: 15px; height: 43px; line-height: 43px;}
#ab_sec .sub_con .txt .btm ul li .icon img  {vertical-align:middle; transition:transform 500ms}
#ab_sec .sub_con .txt .btm ul li:hover .icon img {transform:rotateY(180deg); transition:transform 500ms}

#ab_sec .sub_con .txt .btm ul li h1 {margin-bottom: 15px; font-family: 'paybooc-Medium',sans-serif; color:#000; font-weight: bold;}
#ab_sec .sub_con .txt .btm ul li p { font-family: 'paybooc-Medium',sans-serif; font-size: 13px; color: #777;}



























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

}

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

}

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

}
