/*공통 */
.sub_con {width: 100%; margin:0 auto; position: relative; padding:0 15px; }

/*Content CSS*/
#about {padding:0 0 0;}
/* sec1 */
#ab_sec1 .sub_con {position: relative; text-align: left; padding:40px 15px 50px;}
#ab_sec1 .img {width: 100%; text-align: center; }
#ab_sec1 .img img {max-width: 100%; }
#ab_sec1 .txt {position: relative; z-index: 2; background: #fff; margin:40px 0 0;}
#ab_sec1 .txt .title {display: flex; align-items: center; position: relative; padding-right: 55px;}
#ab_sec1 .txt .title h1 {font-size:34px; color:#333; font-weight: 400; font-family: 'ELAND_Nice_M'; }
#ab_sec1 .txt .title h1 span {color:#1ebdc6;}
#ab_sec1 .txt .title > span {display: none; width: 222px; height: 1px; background: #dfe7e7; margin-left:37px; position: relative; top:-8px}
#ab_sec1 .txt .title img {position: absolute; top:0; right: 0; width: 40px;}
#ab_sec1 .txt p {font-size:15px; font-weight: 300; color:#666; line-height: 28px; margin:15px 0 0; letter-spacing: -.7px; word-break: keep-all;}

/* sec2 */
#ab_sec2 {text-align: center; padding:0 0 60px; }
#ab_sec2 .top {width: 100%; position: relative; z-index: 1; height: 180px; background: url('../img/ab_top_bg.jpg') 50% 50% no-repeat; background-size:cover; margin-bottom: -0;
display:flex; justify-content: center; align-items: center; }
#ab_sec2 .top h1 {font-size:25px; 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:0 15px; position: relative; z-index: 2; display: flex; flex-direction: column; }
/* 아이콘 영역 */
#ab_sec2 .img {text-align: center; width: 100%; margin:40px 0 0;}
#ab_sec2 .img img {max-width:60%; }
/* #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; width: 100%;  margin:40px 0 0;}
#ab_sec2 .txt > .box {padding: 25px 0; border-bottom: 1px dashed #ddd; }
#ab_sec2 .txt > .box:first-child {border-top: 1px dashed #ddd;}
#ab_sec2 .txt > .box:last-child {padding-bottom: 0; border-bottom: 0;}
#ab_sec2 .txt h1 { font-size:17px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;word-break: keep-all;line-height: 28px; text-align: center;}
#ab_sec2 .txt h1::before {content: ''; display: block; width: 40px; height: 3px; background: #80d22e; margin-right: 15px; margin:0 auto 15px;}
#ab_sec2 .txt h2 {font-size:15px; font-weight: 300; color:#666; line-height: 26px; margin:10px 0 0;  padding-left:0; text-align: center; }
#ab_sec2 .txt ul {margin-top:25px; padding-left:0; }
#ab_sec2 .txt ul li {display: flex; flex-direction: column; margin-bottom: 30px;  }
#ab_sec2 .txt ul li:last-child {margin-bottom: 0; }
#ab_sec2 .txt ul li h3 {width: 100px; height: 35px; background: #0085df; line-height: 35px; color:#fff; font-size:17px; font-weight: 400; font-family: 'NanumSquare',sans-serif; margin-bottom: 12px; text-align: center;  }
.bullet_p {font-size:13px; font-weight: 300; color:#666; line-height: 24px; position: relative; padding-left: 10px; letter-spacing: -.5px; word-break: keep-all; text-align: left;
display: block; }
.bullet_p::before{ content: ''; display: block; width: 3px; height: 3px; background: #0085df; position: absolute; left:0; top:10px; }
#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) {
}