/*공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }

/*Content CSS*/
#about {padding:60px 0 0;}
/* sec1 */
#ab_sec1 .sub_con {position: relative; text-align: left; padding:110px 0 0 385px;}
#ab_sec1 .img {width: 572px; height: 429px;  position: absolute; left:0; top:0; z-index: 1;}
#ab_sec1 .txt {position: relative; z-index: 2; background: #fff; padding:85px 0 85px 100px;}
#ab_sec1 .txt .title {display: flex; align-items: center; position: relative; }
#ab_sec1 .txt .title h1 {font-size:72px; color:#333; font-weight: 400; font-family: 'ELAND_Nice_M'; }
#ab_sec1 .txt .title h1 span {color:#1ebdc6;}
#ab_sec1 .txt .title > span {display: block; width: 222px; height: 1px; background: #dfe7e7; margin-left:37px; position: relative; top:-8px}
#ab_sec1 .txt .title img {position: absolute; top:0; right: 0; }
#ab_sec1 .txt p {font-size:18px; font-weight: 300; color:#666; line-height: 40px; margin:25px 0 0; letter-spacing: -.5px; padding-right: 35px ; }

/* sec2 */
#ab_sec2 {text-align: center; }
#ab_sec2 .top {width: 100%; position: relative; z-index: 1; height: 450px; padding:95px 0 0; background: url('../img/ab_top_bg.jpg') 50% 50% no-repeat; background-size:cover;  background-attachment: fixed; margin-bottom: -170px;}
#ab_sec2 .top h1 {font-size:48px; font-weight: 700; color:#fff; font-family: 'NanumSquare',sans-serif;}
#ab_sec2 .top h1::before {content: ''; display: block; width: 50px; height: 2px; background: #1ebdc6; margin:0 auto 30px;}
#ab_sec2 .sub_con {background: #fff; padding:75px 0 120px 115px; position: relative; z-index: 2; display: flex; }
/* 아이콘 영역 */
#ab_sec2 .img ul {width: 339px; height: 1022px; background: url('../img/ab_s2_icon_bg.png') 50% 50% no-repeat; text-align: center; }
#ab_sec2 .img ul li {height: 33.3%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#ab_sec2 .img ul li .icon img {transition: transform 500ms;}
#ab_sec2 .img ul li h1 {font-size:30px; font-weight: 400; color:#80d22e; font-family: 'ELAND_Nice_M'; margin:0 0 25px; text-transform: uppercase;}
#ab_sec2 .img ul li:nth-child(2) h1 {color:#00d3e0;}
#ab_sec2 .img ul li:nth-child(3) h1 {color:#0688e0;}
#ab_sec2 .img ul li:nth-child(1) {padding-top: 30px;}
#ab_sec2 .img ul li:nth-child(2) {padding-top: 20px;}
#ab_sec2 .img ul li:nth-child(3) {padding-bottom: 20px;}
#ab_sec2 .img ul li:hover .icon img {transform: rotateY(180deg);}
/* 텍스트 영역 */
#ab_sec2 .txt {text-align: left; padding-left: 60px; width: calc(100% - 339px);  padding-top:110px; }
#ab_sec2 .txt > .box {margin-bottom: 184px; }
#ab_sec2 .txt > .box:last-child {margin-bottom: 0; }
#ab_sec2 .txt h1 {display: flex; align-items: center; font-size:26px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}
#ab_sec2 .txt h1::before {content: ''; display: block; width: 40px; height: 4px; background: #80d22e; margin-right: 20px; }
#ab_sec2 .txt h2 {font-size:26px; font-weight: 300; color:#666; line-height: 40px; margin:40px 0 0; font-family: 'NanumSquare',sans-serif; padding-left:60px;}
#ab_sec2 .txt ul {margin-top:25px; padding-left:60px; }
#ab_sec2 .txt ul li {display: flex; align-items: center; margin-bottom: 25px; }
#ab_sec2 .txt ul li:last-child {margin-bottom: 0; }
#ab_sec2 .txt ul li h3 {width: 110px; height: 44px; background: #0085df; line-height: 44px; color:#fff; font-size:17px; font-weight: 400; font-family: 'NanumSquare',sans-serif; margin-right: 25px; text-align: center; position: relative; top:1px; }
.bullet_p {font-size:14px; font-weight: 300; color:#666; line-height: 26px; position: relative; padding-left: 10px; }
.bullet_p::before{ content: ''; display: block; width: 3px; height: 3px; background: #0085df; position: absolute; left:0; top:12px; }
#ab_sec2 .txt > .box:nth-child(2) h1::before {background-color:#00d3e0;}
#ab_sec2 .txt > .box:nth-child(3) h1::before {background-color:#0085df;}











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

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

}

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

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