/* 공통  */
.sub_con {width: 100%; padding:0 15px; }
.sub_p {font-size:14px; font-weight: 400; color:#666; line-height: 24px; letter-spacing: -.7px; word-break: keep-all; }
.d_bg {background: url('../img/dot_bg.jpg') 50% 50% repeat;}
.tab {display: none; }
.tab.active {display: block; }
.s_title h2 {font-size: 17px; font-weight: 800; color:#60217c; letter-spacing: 3.4px; font-family: 'NanumSquare',sans-serif; margin:0 0 15px; }
.s_title h1 {font-size:22px; font-weight: 300; color:#000;  font-family: 'NanumSquare',sans-serif;}
.s_title h1 b {font-weight: 700; }
/* tab_btn */
.tab_btn_wr {margin-bottom: 50px; }
.tab_btn {display: flex; justify-content: space-between; text-align: center; flex-wrap:wrap; }
.tab_btn li {width: calc(33.3% - 5px); margin-bottom: 7px; }
.tab_btn li a {display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; background: #f5f5f5; font-size: 15px; font-weight:400; color:#333;
height: 45px; transition: all .2s ease; cursor: pointer; }
.tab_btn li a::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: -1; opacity: 0; transition: opacity .2s ease;
background-image: linear-gradient(to right, #60217c, #00325c);}
.tab_btn li a:active::before {opacity: 1;}
.tab_btn li a.active, .tab_btn li a:hover {color:#fff; }
.tab_btn li a.active::before {opacity: 1; }

/*Content CSS*/
#about {padding:0 0 0; text-align: left; }
/* section1 (기업비전 )*/
#ab_sec1 {padding: 0 0  50px;}
#ab_sec1 .top {width: 100%; height: 180px; text-align: center; padding:0 15px; background: url('../img/ab_s1_top.jpg') 50% 50% no-repeat; display: flex; align-items: center; justify-content: center; background-size: cover; }
#ab_sec1 .top h1 {font-size:18px; font-weight: 700; color:#fff; letter-spacing: -.75px; line-height: 30px; font-family: 'NanumSquare',sans-serif; word-break: keep-all;}
#ab_sec1 .top h1 span {color: #ab68f0; }
#ab_sec1 .txt_box {position: relative; z-index: 2; background: #fff; text-align: center; padding:30px 0 0; width: 100%; margin:-0 auto 0; }
#ab_sec1 .txt_box h2 {font-size: 17px; font-weight: 800; color:#60217c; letter-spacing: 3.4px; font-family: 'NanumSquare',sans-serif; }
#ab_sec1 .txt_box h1 {font-size:22px; font-weight: 300; color:#000; font-family: 'NanumSquare',sans-serif; margin:15px 0 25px;}
#ab_sec1 .txt_box h1 b {font-weight: 700;}
#ab_sec1 .txt_box p span {color:#a15ac1;  font-weight: 500;}
#ab_sec1 .txt_box .sub_p {font-size:13px; font-weight: 300; }
#ab_sec1 .txt_box .sub_p b {font-weight: 500; font-size:16px; color:#333;}

/* section2 (연혁)*/
#ab_sec2 {padding:0 0 50px; }
#ab_sec2 .top {text-align: center; padding:40px 0;}
/* his_con_wr */
.his_con_wr {width: 100%; background: #fff; padding:40px 0 0; position: relative; z-index: 2; margin:-0 auto 0; }
.his_con {display: flex; flex-direction: column; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.his_con_wr > .his_con:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.his_con > div {display: flex; position: relative; z-index: 2;}
.his_con div h1 {width: 180px; height: 45px; text-align: center; line-height: 45px; border-radius: 30px;  background-image: linear-gradient(to right, #7f28a5, #00325c);
font-size:17px; font-weight: 700; color:#fff; font-family: 'NanumSquare',sans-serif; margin:0 auto 20px; }
/* .his_con .his_line {display: block; width: 80px; height: 1px; background: #626262;}
.his_con .his_dot {display: block; width: 7px; height: 7px; border-radius: 50%; background: #60217c;} */
/* his_con ul li */
.his_con ul {text-align: left; padding:0 0 0 0; position: relative; z-index: 1;}
/* .his_con ul::after {content: ''; display: block; width:1px; height: calc(100% - 32px); background: #d9d9d9; position: absolute; left:-4px; top:30px; z-index: -1;} */
.his_con ul li {display: flex; flex-direction: column; margin-bottom: 20px;}
.his_con ul li:last-child {margin-bottom: 0;}
.his_con ul li span {font-size:17px; font-weight: 800; color:#60217c; letter-spacing: -.4px; display: block;  font-family: 'NanumSquare',sans-serif; margin:0 0 5px; }
.his_con ul li p {font-size:13px; font-weight: 300; color:#666; line-height: 22px; letter-spacing: -.7px; position: relative; padding-left:10px;
width: 100%; word-break: keep-all;}
.his_con ul li p::before {content: ''; display: block; width: 3px; height: 3px; background: #60217c; position: absolute; left:0; top:9px; }

/* section3 (ci)*/
#ab_sec3 {padding:50px 0; text-align: center; }
/* #ab_sec3 ul {margin:40px 0 0; display: flex; justify-content: space-between; width: 100%; } */
#ab_sec3 .sub_con {background: #fff; border-radius:0;   box-shadow: 0 0 27px 0 rgba(96, 33, 124, 0.08); padding:60px 15px; margin-top:40px;  }
/* #ab_sec3 .logo {width: 405px; height: 270px; display: flex; align-items: center; justify-content: center; background: url('../img/ci_bg.jpg') 50% 50% no-repeat; } */
#ab_sec3 .logo {text-align: center; }
#ab_sec3 .logo img {max-width: 100%; }
#ab_sec3 .s3_box1 {display: flex; flex-direction: column; align-items: center; margin:0 0 0; text-align: left; justify-content: center; }
#ab_sec3 .s3_box1 .txt {text-align: center; margin:30px 0 0;}
#ab_sec3 .s3_box1 .txt h1 {    font-size: 25px; font-weight: 600; color: #000; font-family: 'NanumSquare',sans-serif;}
#ab_sec3 .s3_box1 .txt h1::after{ content: ''; display: block; width: 40px; height: 1px ;background: #000; margin:20px auto 30px;}
#ab_sec3 .s3_box1 .txt ul {display: flex;text-align: left; justify-content: center; }
#ab_sec3 .s3_box1 .txt ul li {display: flex; justify-content: center; margin-right: 50px; }
#ab_sec3 .s3_box1 .txt ul li:last-child {margin-right: 0; }
#ab_sec3 .s3_box1 .txt ul li .color {display: block; width: 60px; height: 45px; background: #662383; margin-right: 20px; }
#ab_sec3 .s3_box1 .txt ul li h2 { font-size: 18px; font-weight: 800; color: #662383; font-family: 'NanumSquare',sans-serif;}
#ab_sec3 .s3_box1 .txt ul li p {font-size:14px; font-weight: 300; color:#333; margin:5px 0 0;}
#ab_sec3 .s3_box1 .txt ul li:nth-child(2) .color {background-color:#1c1c1b; }
#ab_sec3 .s3_box1 .txt ul li:nth-child(2) h2 {color:#1c1c1b; }

#ab_sec3 .s3_box1 .txt .btn_wr { margin:40px 0 0; display: flex; flex-direction: column; align-items: center; }
#ab_sec3 .s3_box1 .txt a.btn {display: block; width: 250px; height: 50px; line-height: 50px; background: #fff; color:#60217c; border-radius: 0;
font-size: 17px; font-weight:400;  font-family: 'NanumSquare',sans-serif; transition: all .3s ease; border:1px solid #60217c;}
#ab_sec3 .s3_box1 .txt a.btn i {margin-left:10px; }
#ab_sec3 .s3_box1 .txt a.btn:hover {background: #662383; color:#fff; }

/* section4 (파트너사)*/
#ab_sec4 {text-align: center; background: #fff; padding:50px 0 80px; position: relative; z-index: 1;}
#ab_sec4 .line {position: absolute; z-index: -1; width: 900px; display: flex; justify-content: space-between; top:0; height: 100%; left:50%; transform:translateX(-50%);}
#ab_sec4 .line > span {display: block; width: 1px; height: 100%; background: #e9eaf4; }
/* c3_list */
.pa_list {display: flex; flex-direction: column; width: 100%; margin:40px 0 0 ; align-items: center;}
.pa_list li {width: 100%; margin-bottom:30px; }
.pa_list li:last-child {margin-bottom: 0; }
.pa_list li a {display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 5px;  box-shadow: 0 0 27px 0 rgba(96, 33, 124, 0.08);
position: relative; height: 150px; }
.pa_list li a .logo {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 20px;}
.pa_list li a .logo img {max-width: 100%; }

/* section5 (오시는길)*/
#ab_sec5 {padding:0px 0 0; background: transparent; text-align: center; position: relative; z-index: 2; }
#ab_sec5  .tab_btn  {justify-content: center; margin:30px auto 40px; }
#ab_sec5  .tab_btn li {width: calc(50% - 5px); max-width: 220px; }
#ab_sec5 .line {position: absolute; z-index: -1; width: 900px; display: flex; justify-content: space-between; top:0; height: 100%; left:50%; transform:translateX(-50%);}
#ab_sec5 .line > span {display: block; width: 1px; height: 100%; background: #e9eaf4; }
#ab_sec5 .box {background: #fff; display: flex; flex-direction: column; padding:30px 0 20px; box-shadow: 0 0 27px 0 rgba(96, 33, 124, 0.08); position: relative; z-index: 2;
text-align: left; }
#ab_sec5 .box .s_title {width: 100%; text-align: center; }
#ab_sec5 .box .s_title h1 {font-size:22px; }
#ab_sec5 .box ul {display: flex; width:100%;  flex-direction: column; text-align: center; padding:0 15px; }
#ab_sec5 .box ul li {width: 100%; text-align: center; border-bottom:1px solid #ddd;  padding:10px 0; display: flex; align-items: center; text-align: left; }
#ab_sec5 .box ul li:last-child {border-bottom: 0; padding-bottom: 0; }
#ab_sec5 .box ul li .icon {width: 30px; text-align: center; }
#ab_sec5 .box ul li .icon img {width: 100%; }
#ab_sec5 .box ul li h1 {font-size:14px; font-weight: 700; color:#333; margin:0 15px; min-width: 65px; width: 65px; }
#ab_sec5 .box ul li p {font-size:12px; font-weight: 300; color:#989898; word-break: keep-all;}
#ab_sec5 .map {margin-top:-0; }
#ab_sec5 .map .root_daum_roughmap .wrap_controllers {display: none; }

/* section6 사명/비전/핵심가치 (오시는길)*/
#ab_sec6 {padding:50px 0 0; text-align: center; border-top:1px solid #e9eaf4; }
.s6_list {display: flex; flex-direction: column; align-items: center; margin:60px 0 0; }
.s6_list li {width: 100%; max-width: 410px; padding:40px 15px 40px; box-shadow: 0 0 27px 0 rgba(96, 33, 124, 0.08); border-top:2px solid #60217c; position: relative;
background: #fff; margin-bottom: 60px; }
.s6_list li:last-child {margin-bottom: 0; }
.s6_list li h1 {font-size: 20px; line-height: 32px; font-weight: 700; color: #333; font-family: 'NanumSquare',sans-serif; padding-bottom:15px; margin-bottom:15px;
border-bottom: 1px solid #e9eaf4; }
.s6_list li h2 {background: #60217c; color:#fff; font-family: 'NanumSquare',sans-serif; font-size:17px; font-weight: 600; position: absolute; left:0; top:-21px ; width: 280px;
height: 38px; line-height: 38px; text-align: left; padding:0 0 0 20px; }
.s6_list li h2 span {color:rgba(255,255,255,.8); font-weight: 400; font-size:14px; font-family: 'Montserrat'; padding-left:5px; }
.s6_list li .sub_p {font-size:13px; font-weight: 300; }
.s6_list li:nth-child(2) {border-color: #333; }
.s6_list li:nth-child(2) h2 {background-color: #333;}

/* section7 삼더정신 */
#ab_sec7 {padding:0 0 50px; text-align: center;  margin:50px 0 0; }
#ab_sec7 .img img {margin:0 0 0; max-width: 100%; }











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

}

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

}

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

}