/* 공통 */
.sub_con {width: 100%; 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: 15px; font-size:36px; 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: 60px 20px;}
#ab_sec1 .top_title {position: relative; z-index: 1; width: 100%; padding: 40px 20px 60px; 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: 30px; background-color: #fff; position: absolute; bottom: 0; left:50%;}
#ab_sec1 .w_box {background-color: #fff; z-index: 2; margin-top: 30px;}

#ab_sec1 .txt .top li {display: flex; align-items: flex-start ; line-height: 20px; text-align: left; margin-bottom: 15px;}
#ab_sec1 .txt .top li:last-child {margin-bottom: 0;}
#ab_sec1 .txt .top li h2 {font-size:15px; font-weight: 700; color:#000; margin-right: 30px ; min-width: 100px;}
#ab_sec1 .txt .top li p {font-size:13px; font-weight: 300; color:#777; word-break: keep-all; width: calc(100% - 100px)}

#ab_sec1 .txt .btm {margin-top: 30px; background-color: #fff; padding:32px 20px; box-shadow: 0 0 19.7px 4.3px rgba(14, 26, 41, 0.05); }
#ab_sec1 .txt .btm li {padding: 15px 0; border-bottom: 1px solid #ddd; display: flex; align-items: center; }
#ab_sec1 .txt .btm li:last-child {border-bottom: 0; }
#ab_sec1 .txt .btm li .icon {font-size: 20px; color:#000;}
#ab_sec1 .txt .btm li h3 {font-size:17px ;font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; margin: 0 20px 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: 10px; width: 150px; margin: 0 auto;}
#ab_sec1 .logo img {width: 150px;}


/* section2 */
#ab_sec2 { }
#ab_sec2 > div { width: 100%; }
#ab_sec2 .txt {background-color: #333; text-align: center; padding: 60px 20px; width: 100%;}
#ab_sec2 .txt h1 { font-size:36px; font-weight: 800; color:#fff ; font-family: 'NanumSquare',sans-serif;}
#ab_sec2 .txt > div {width: 100%; }
#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:100%){

}


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

}

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

}