@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sr_col2{display:flex;}
.sr_col2.mediteam {background:#f8f8f8;margin-bottom:80px;border-radius:50px;}
.sr_col2.mediteam:last-child {margin-bottom:0px;}
.sr_col2.mediteam .left {padding-right:0px;}
.sr_col2.mediteam .left img {border-radius:50px 0 0 50px;}
.sr_col2.mediteam .right {padding:40px 55px 40px 60px; width:50%;}
.sr_col2.mediteam .right > h1 {font-size:35px;letter-spacing:-2px;}
.sr_col2.mediteam .right > h1 p {font-size:18px;color:#888;}
.sr_col2.mediteam .right .mediteam_info {margin-top:60px;font-size:0px;}
.sr_col2.mediteam .right .mediteam_info ul:after {content:'';height:1px;width:20%;border-top:solid 1px #121212;position:absolute;top:-30px;left:0px;}
.sr_col2.mediteam .right .mediteam_info ul {display:inline-block;padding:0px 0px;position:relative;width:100%;}
.sr_col2.mediteam .right .mediteam_info ul:before {content:'';height:1px;width:100%;border-top:solid 1px #d6d6d6;position:absolute;top:-30px;left:0px;}
.sr_col2.mediteam .right .mediteam_info ul li {line-height:1.9;font-size:16px;letter-spacing:-1px; margin-bottom:-4px;}
.sr_col2.mediteam .right .mediteam_info ul li span {color:#121212;font-size:16px;font-weight:bold;line-height:2;width:20%;display:inline-block;vertical-align:top;position:relative;}
.sr_col2.mediteam .right .mediteam_info ul li p {display:inline-block;font-size:16px;}
.sr_col2.mediteam .right .mediteam_info ul li p.member_phone{font-size:20px; font-weight:600; letter-spacing:0.3px;}


/* ±âÁ¸CSS */
#vision3 .flex1{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;  }
#vision3 .flex1 .item{   width:47%;  }
#vision3 .flex1 .item .tit {font-family: 'GmarketSansMedium'; font-weight:600; font-size:45px;  line-height:60px; margin-bottom:30px}
#vision3 .flex1 .item .txt {font-size:18px; line-height:28px;}

#vision3 .vision {padding-top:200px; position:relative}
#vision3 .vision:before {content:""; width:1px; height:100px; background:#ccc; position:absolute; left:50%; top:65px;   transform:rotate(25deg);}

#vision3 h3 {font-size:45px; font-weight:600; text-align:center; font-family: 'GmarketSansMedium'; }
#vision3 h3 span{position: relative; padding:0 16px;}
#vision3 h3 span:before { content: "";  width: 10px; height: 10px; background-color:#0071ce ;  position: absolute; 
right: 0; bottom: 12px;   border-radius: 50%;}

#vision3 img {vertical-align:top; max-width:100%;}
#vision3 .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; margin-top:50px }
#vision3 .flex2 .item{  width:260px;  text-align:center;}
#vision3 .flex2 .ico {border:1px dashed #aaa; height:260px; width:260px; margin:0 auto; border-radius:50%; 
background-position:center 22%; background-repeat:no-repeat; background-size:80px; }
#vision3 .flex2 .ico1 {background-image:url(../img/ico1.png);}
#vision3 .flex2 .ico2 {background-image:url(../img/ico2.png);}
#vision3 .flex2 .ico3 {background-image:url(../img/ico3.png);}
#vision3 .flex2 .ico4 {background-image:url(../img/ico4.png);}
#vision3 .flex2 .tit {background-color:#333; border-radius:50px ; color:#fff; padding:7px 7px 8px 7px;  font-size:18px;
width:180px; margin:-115px auto 10px auto; font-weight:500;}
#vision3 .flex2 .txt { font-size:20px; font-weight:500;}
#vision3 .flex2 .txt2 { font-size:18px; font-weight:500; margin-top:50px;}
#vision3 .flex2 .plus {position:relative}
#vision3 .flex2 .plus:before {content:""; width:30px; height:30px;  background:url(../img/plus.jpg)no-repeat  center;
position:absolute; top:40%; right:-42px; z-index: 9}

#vision3 .tit1 {font-size:20px; text-align:center;  padding:20px; 0}
#vision3  .flex3 {display:flex; justify-content: space-between;  margin-top:40px; text-align:center;  }
#vision3  .flex3 .item {width:32%; border:3px solid #efefef; font-size:25px; font-weight:600; padding:50px 30px; border-radius:30px; }
#vision3 .flex3 .item span {display:block; font-size:18px; font-weight:400;  padding-top:15px;}
#vision3 .flex3 .item img {max-width:100%;}

#vision3 .cont2 {background:#f5f5f5; overflow:hidden; padding:70px 80px; margin-top:40px; }
#vision3  .flex4 {display:flex; justify-content: space-between; align-items: center;   padding:10px 0;   }
#vision3  .flex4 .item { font-size:25px;line-height:30px;  padding:30px 0px; border-radius:0px; }
#vision3  .flex4 .item:first-child {width:300px; font-weight:600; }
#vision3  .flex4 .item:last-child {width:calc(100% - 300px); border:1px solid #dfdfdf; background:#fff; 
text-align:center;  font-size:20px; line-height:30px; font-weight:500 }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#vision3 h3 {font-size:25px;  }
#vision3 h3 span{ padding:0 12px;}
#vision3 h3 span:before { content: "";  width: 6px; height: 6px;   position: absolute; 
right: 0; bottom: 7px;   border-radius: 50%;}

#vision3 .flex1{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;  }
#vision3 .flex1 .item{   width:100%;  }
#vision3 .flex1 .item .tit {font-family: 'GmarketSansBold'; font-size:25px;  line-height:32px; margin:20px 0}
#vision3 .flex1 .item .txt {font-size:15px; line-height:22px;}

#vision3 .vision {padding-top:150px; position:relative}
#vision3 .vision:before { height:80px;  top:35px;   transform:rotate(25deg);}

#vision3 .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: start; margin-top:30px }
#vision3 .flex2 .item{  width:48%; margin-bottom:20px;  text-align:center;}
#vision3 .flex2 .ico {border:1px dashed #aaa; height:180px; width:100%; border-radius:0%; background-position:center 15px; background-size:70px }
#vision3 .flex2 .tit {background-color:#333; border-radius:50px ; color:#fff; padding:5px;  font-size:15px;
width:80%; margin:-85px auto 10px auto; font-weight:500; line-height:20px;}
#vision3 .flex2 .txt { font-size:16px; font-weight:500 ; line-height:20px;}
#vision3 .flex2 .txt2 { font-size:15px;  font-weight:500; margin-top:30px;}
#vision3 .flex2 .plus:before {display:none;}

#vision3 .tit1 {font-size:16px; text-align:center;  padding:10px; 0}
#vision3  .flex3 {  margin-top:10px; flex-direction: column;}
#vision3  .flex3 .item {width:100%; font-size:20px;padding:20px 10px; border-radius:20px; margin-top:10px }
#vision3 .flex3 .item span {display:block; font-size:15px;   padding-top:10px;}

#vision3 .cont2 {overflow:hidden; padding:30px 20px 35px 20px; margin-top:30px; }
#vision3  .flex4 {flex-direction: column;  padding:10px 0;   }
#vision3  .flex4 .item { font-size:20px;line-height:25px;  padding:10px 0px; text-align:center; }
#vision3  .flex4 .item:first-child {width:100%; padding:0px 0px 10px 0; }
#vision3  .flex4 .item:last-child {width:calc(100% - 0px);  font-size:15px; line-height:22px;}


@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}