/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
.s_title h2 {font-size:14px; font-weight: 400; font-family: 'NanumSquare',sans-serif; color:#009fe8; letter-spacing: 1px; text-transform: uppercase; }
.s_title h1 {margin-top: 25px; font-size:49px; font-weight: 800; color:#fff ; font-family: 'NanumSquare',sans-serif;}
.s_title.wh h2 {color:rgba(255, 255, 255, 0.28);}
.s_title.wh h1 {color:#fff; }


/*Content CSS*/
/* section1 */
#ab_sec1 {text-align: center; padding:70px 0 120px;}
#ab_sec1 .top_title {position: relative; z-index: 1; width: 100%; height: 400px; padding:110px 0 0; background: url('../img/ab_s1_top.jpg') 50% 50% no-repeat; background-size:cover; }
#ab_sec1 .top_title::after {content: ''; display: block; width: 1px; height: 80px; background-color: #fff; position: absolute; bottom: 0; left:50%; transform:translateX(-50%);}
#ab_sec1 .w_box {background-color: #fff; z-index: 2; margin-top: -80px; padding:80px 55px 0; display: flex; align-items: flex-end; justify-content: space-between;}
#ab_sec1 .txt .top li {display: flex; align-items: flex-start ; line-height: 20px; margin-bottom: 15px; text-align: left;}
#ab_sec1 .txt .top li:last-child {margin-bottom: 0; }
#ab_sec1 .txt .top li h2 {font-size:16px; font-weight: 700; color:#000; margin-right: 30px ; min-width: 104px;}
#ab_sec1 .txt .top li p {font-size:16px; font-weight: 300; color:#777; }
#ab_sec1 .txt .btm {margin-top: 70px; background-color: #fff; display: flex; padding:32px 0; box-shadow: 0 0 19.7px 4.3px rgba(14, 26, 41, 0.05); }
#ab_sec1 .txt .btm li {padding:0 50px; border-right: 1px solid #ddd; }
#ab_sec1 .txt .btm li:last-child {border-right: 0; }
#ab_sec1 .txt .btm li .icon {height: 43px; line-height: 43px; transition: transform 500ms;}
#ab_sec1 .txt .btm li h3 {font-size:14px ;font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; margin:15px 0 10px;}
#ab_sec1 .txt .btm li p {font-size:13px; font-weight: 300; color:#666; }
#ab_sec1 .txt .btm li:hover .icon {transform: rotateY(180deg);}
#ab_sec1 .logo {padding-bottom: 50px ;}


/* section2 */
#ab_sec2 {display: flex; }
#ab_sec2 > div { width: 50%; }
#ab_sec2 .txt {background-color: #333; display: flex; align-items: center; justify-content: flex-start;}
#ab_sec2 .txt > div {width: 650px; padding-left: 100px;}
#ab_sec2 .txt .list {margin-top: 35px; border-top: 1px solid #fff; width: 100%;  }
#ab_sec2 .txt .list li {padding:30px 0; display: flex; align-items: flex-start ;line-height: 30px; border-bottom: 1px solid rgba(255,255,255,.49); }
#ab_sec2 .txt .list li h2 {font-size:20px ;font-weight: 700; color:#fff; font-family: 'NanumSquare',sans-serif; margin-right: 85px; min-width: 78px;}
#ab_sec2 .txt .list li p {font-size:17px ;font-weight: 400; color:rgba(255, 255, 255, 0.8); font-family: 'NanumSquare',sans-serif;}
#ab_sec2 .txt .list li > div {display: flex; align-items: flex-start; }
#ab_sec2 .txt .list li p i {margin-right: 8px; position: relative; top: 2px ;}
#ab_sec2 .txt .list li > div p:first-child {margin-right: 35px;}
#ab_sec2 .txt .list li > div p {color:#fff; }


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

}


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

}

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

}