/* 공통  */
.sub_con {width: 1300px; margin:0 auto; }
.blue_bg {width: 100%; background-color: #f0f5fc; padding:100px 0;}

.s_title {text-align: center; }
.s_title h2 {font-size:23px; font-weight: 600; letter-spacing: 4.6px; color:#306fd9; text-transform: uppercase;font-family: 'Play', sans-serif; }
.s_title h1 {margin-top: 25px; font-size: 50px; font-weight: 800; color: #000; line-height: 50px; font-family: 'NanumSquare',sans-serif;}
.s_title p {font-size:18px; font-weight: 400; color:#333; line-height: 36px; margin-top:40px; font-family: 'NanumSquare',sans-serif;}



/*Content CSS*/
#about {padding:90px 0 0; text-align: center; }
/* section1 */
#ab_sec1 {padding-bottom: 120px;}
#ab_sec1 .list {display: flex; justify-content: space-between; align-items: flex-start ; margin-top:80px; }
#ab_sec1 .list li {display: flex; flex-direction: column; letter-spacing: center ;justify-content: center; background-color: #fff; height: 440px; width: 310px;
box-shadow: 1.5px 1.4px 27px 0 rgba(48, 111, 217, 0.16);}
#ab_sec1 .list li:nth-child(even) {margin-top:60px; }
#ab_sec1 .list li .icon {height: 100px; line-height: 100px; }
#ab_sec1 .list li .icon img {transition: transform 500ms;}
#ab_sec1 .list li:hover .icon img {transform: rotateY(180deg);}
#ab_sec1 .list li h1 {font-size:30px; font-weight: 800; color:#306fd9; margin:40px 0 10px ;  font-family: 'NanumSquare',sans-serif;}
#ab_sec1 .list li p {font-size:18px; font-weight: 400; color:#333; line-height: 36px; font-family: 'NanumSquare',sans-serif;}

/* section2 */
#ab_sec2 .s_title {margin-bottom:50px;}
#ab_sec2 .map .root_daum_roughmap .wrap_controllers {display: none;}

/* section3 */
#ab_sec3 {width: 100%; background-color: #306fd9; height: 250px; display: flex; align-items: center; text-align: left; }
#ab_sec3 .list {display: flex; width: 100%; }
#ab_sec3 .list > li {width: 370px; border-right: 1px solid rgba(247,247,247,.4); display: flex; padding:5px 0; justify-content: center; align-items: flex-start; }
#ab_sec3 .list > li:last-child {border-right: 0; justify-content: flex-end; width: 560px; }
#ab_sec3 .list > li:first-child {justify-content: flex-start;}
#ab_sec3 .list > li .txt {margin-left:20px; position: relative; top:5px;}
#ab_sec3 .list > li .txt h1 {font-size:20px; font-weight: 800; color:#f7f7f7; margin-bottom: 10px; font-family: 'NanumSquare',sans-serif;}
#ab_sec3 .list > li .txt p {font-size:16px; font-weight: 300; color:rgba(247,247,247,.72); line-height: 30px; word-break: keep-all;}
#ab_sec3 .list > li .txt p span {font-weight: 600; padding-right: 8px; }














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

}

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

}

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

}

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

}