@charset "utf-8";
/*컨설팅 신청*/
.consulting-box{margin: 60px 0 100px 0;}
.consulting-box div.bn{width: 100%; height: 359px; background: url("/images/contents/consulting-bn.jpg") no-repeat center; position: relative; transition: all .3s ease-in-out; }
.consulting-box.data div.bn{width: 100%; height: 359px; background: url("/images/contents/data-bn.jpg") no-repeat center; position: relative; transition: all .3s ease-in-out; }

.consulting-box div.bn div.txt-box{width:501px; background: rgb(32,158,255);
  background: linear-gradient(167deg, rgba(32,158,255,1) 0%, rgba(94,110,250,1) 100%);  position: absolute; bottom:-94px; left:60px; padding: 50px 50px;}
.consulting-box div.bn div.txt-box span{display: block;}
.consulting-box div.bn div.txt-box span.tit{font-family:'GmarketSansM'; font-size:28px; color: #fff; padding: 0 0 15px 0;}
.consulting-box div.bn div.txt-box span.txt{font-family: 'NotoKrL'; font-size:14px;  color: #fff;}
.consulting-box div.bn div.txt-box span.txt i{font-family: 'NotoKrL'; font-size:14px; padding-top: 5px; display: block;}

/*SW융합클러스터 2.0소개*/
div.con-0101 h5.tit-0101{font-family: 'GmarketSansM'; font-size:23px; color: #000000; text-align: center; line-height: 130%; position: relative; padding: 50px 0; }
div.con-0101 h5.tit-0101:before{content: ""; width: 60px; height: 38px; background: url("/images/contents/rest-ico.png") no-repeat; position: absolute; top:0; left:80px;}
div.con-0101 h5.tit-0101:after{content: ""; width: 60px; height: 38px; background: url("/images/contents/rest-ico.png") no-repeat; position: absolute; bottom:0; right:0; transform: rotate(180deg);}
div.con-0101 ul.icolist-box{width:100%; height: 413px; background: url("/images/contents/img0101-05.png") no-repeat center; display: flex; justify-content: center; flex-flow: wrap; margin: 80px 0 80px 0;}
div.con-0101 ul.icolist-box li{width: 50%; position: relative;}
div.con-0101 ul.icolist-box li div{width: 200px; height: 200px; background: rgb(78,174,255);
  background: linear-gradient(130deg, rgba(78,174,255,1) 0%, rgba(88,113,251,1) 100%); border-radius: 50%; position: absolute; top:-50px; left:67px;}
div.con-0101 ul.icolist-box li:nth-child(2) div{right:67px; top:-50px; left: auto;}
div.con-0101 ul.icolist-box li:nth-child(3) div{left:67px; top:30px;}
div.con-0101 ul.icolist-box li:nth-child(4) div{right:67px; top:30px; left: auto;}
div.con-0101 ul.icolist-box li div p.tit{display: block; width: 85%; height: 85%; background: #fff; border-radius: 50%; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
div.con-0101 ul.icolist-box li div p.tit span{font-family: 'NotoKrM'; padding: 90px 0 0 0; display: block; text-align: center; position: relative; font-size:15px; color: #209eff; line-height: 120%;}
div.con-0101 ul.icolist-box li div p.tit span:before{content: ""; width: 49px; height: 58px;
  background: url("/images/contents/img0101-01.png") no-repeat center; position: absolute; top:20px; left:50%; transform: translate(-50%, 0); background-size: 49px;}
div.con-0101 ul.icolist-box li:nth-child(2) div p.tit span:before{ width: 63px; height: 58px; background: url("/images/contents/img0101-02.png") no-repeat center; background-size: 58px;}
div.con-0101 ul.icolist-box li:nth-child(3) div p.tit span:before{width:89px; height: 65px; background: url("/images/contents/img0101-03.png") no-repeat center; background-size: 70px;}
div.con-0101 ul.icolist-box li:nth-child(4) div p.tit span:before{width:55px; height: 58px; background: url("/images/contents/img0101-04.png") no-repeat center; background-size: 50px;}

div.con-0101 ul.box-list{display: flex; justify-content: space-between;}
div.con-0101 ul.box-list li{width: 45%; background: #f7f7f7; position: relative;}
div.con-0101 ul.box-list li:after{content: ""; width: 39px; height: 78px; background: url("/images/contents/img0101-06.png") no-repeat; position: absolute; top:50%; right:-71px; transform: translate(0, -50%);}
div.con-0101 ul.box-list li:last-child:after{content: none;}
div.con-0101 ul.box-list li h6.tit{font-family: 'NotoKrB'; font-size:16px; background: rgb(83,170,254);
  background: linear-gradient(90deg, rgba(83,170,254,1) 0%, rgba(127,149,249,1) 100%); padding: 15px 0px; color: #fff; text-align: center;}
div.con-0101 ul.box-list li ul.depth02{display: block; padding: 30px 30px;}
div.con-0101 ul.box-list li ul.depth02 li{width: 100%; position: relative; padding: 0 0 15px 15px; color: #000;}
div.con-0101 ul.box-list li ul.depth02 li:before{content: ""; width: 8px; height: 2px; background: #5364f3; position: absolute; top:10px; left:0;}
div.con-0101 ul.box-list li ul.depth02 li:after{content: none;}
div.con-0101 ul.box-list li:nth-child(2) h6.tit{background: rgb(125,148,249);
  background: linear-gradient(90deg, rgba(125,148,249,1) 0%, rgba(90,114,250,1) 100%);}
div.con-0101 div.loc-box img.img-map{max-width:100%;}
div.con-0101 div.loc-box ul.map-list{padding: 30px 0 0 0; display: flex; justify-content: space-between;}
div.con-0101 div.loc-box ul.map-list li{width: 45%; position: relative;}
div.con-0101 div.loc-box ul.map-list li:last-child{padding-left: 60px;}
div.con-0101 div.loc-box ul.map-list li:last-child:before{content: ""; width: 1px; height: 120px; background: #e1e1e1; position: absolute; top:11px; left:0;}
div.con-0101 div.loc-box ul.map-list li h6.tit{font-family:'NotoKrR';font-size:20px; font-weight: 300; color: #000; padding: 7px 0 16px 35px; position: relative;}
div.con-0101 div.loc-box ul.map-list li h6.tit:before{content: ""; width: 25px; height: 35px; background: url("/images/contents/img0101-08.png") no-repeat; position: absolute; top:0; left:0;}
div.con-0101 div.loc-box ul.map-list li:last-child h6.tit:before{background: url("/images/contents/img0101-09.png") no-repeat;}
div.con-0101 div.loc-box ul.map-list li ul.depth02{margin-top: 10px;}
div.con-0101 div.loc-box ul.map-list li ul.depth02 li{width:100%; display: flex; justify-content: flex-start; padding-bottom: 20px;}
div.con-0101 div.loc-box ul.map-list li ul.depth02 li:last-child{border:none; padding-left: 0px;}
div.con-0101 div.loc-box ul.map-list li ul.depth02 li:last-child:before{content: none;}
div.con-0101 div.loc-box ul.map-list li ul.depth02 li span.tit{width:60px; padding: 4px 10px; background: #209eff; color: #fff; border-radius: 20px; display: block; text-align: center; font-size:14px;}
div.con-0101 div.loc-box ul.map-list li ul.depth02 li span.txt{padding: 3px 0 0 10px; color: #000000;}

/*쇼룸안내*/
div.con-0202 h5.tit-0101{font-family: 'GmarketSansM'; font-size:23px; color: #000000; text-align: center; line-height: 130%; position: relative; padding: 50px 0; }
div.con-0202 h5.tit-0101:before{content: ""; width: 60px; height: 38px; background: url("/images/contents/rest-ico.png") no-repeat; position: absolute; top:0; left:80px;}
div.con-0202 h5.tit-0101:after{content: ""; width: 60px; height: 38px; background: url("/images/contents/rest-ico.png") no-repeat; position: absolute; bottom:62px; right:0; transform: rotate(180deg);}
div.con-0202 div.box02{margin:50px 0 175px 0; position: relative;}
div.con-0202 div.box02:before{content: ""; width: 207px; height: 126px; background: url("/images/contents/0202-img11.png") no-repeat center; position: absolute; bottom:0; left:50%; transform: translate(-50%, 130px); }
div.con-0202 div.box02 ul.box-wrap{display: flex; justify-content: space-between; flex-flow: wrap; position: relative; padding: 50px 50px 50px 61px;}
div.con-0202 div.box02 ul.box-wrap:before{content: ""; width: 100%; height: 305px; background: #e1f2ff; position: absolute; top:0; left:0; z-index: -1;}
div.con-0202 div.box02 span.bottom-txt{color: #fff;width: 250px;height: 100px;font-family: 'GmarketSansB';font-size:24px;padding-top: 44px;line-height: 130%;text-align: center;display: block;background: url("/images/contents/0202-bg01.jpg") no-repeat;position: absolute;bottom: -23px;right:74px;z-index: 1;box-shadow: 3px 3px 17px #b1b1b1;}
div.con-0202 div.box02 ul.box-wrap li{width: 20%; margin-bottom: 25px;}
div.con-0202 div.box02 ul.box-wrap li img{max-width: 100%;}

div.con-0202 div.box03{display: flex; justify-content: flex-start; position: relative; padding: 0 0 0 50px;}
div.con-0202 div.box03:before{content: ""; width: 520px; height: 520px; background: #fdf3ff; position: absolute; top:40px; left:0; z-index: -1;}
div.con-0202 div.box03 div.left h5.tit{width: 250px;height: 100px;background: url("/images/contents/0202-bg02.jpg") no-repeat;font-family: 'GmarketSansB';line-height: 130%;color: #fff;padding-top: 44px;font-size:24px;text-align: center;box-shadow: 3px 3px 17px #b1b1b1;}

div.con-0202 div.box03 div.right{padding:70px 0 0 95px; }
div.con-0202 div.box03 div.right div.img img.img01{max-width: 100%;}
ul.txt-list{padding-top: 30px;}
ul.txt-list li{font-size:15px; color: #000000; padding: 0 0 10px 15px; position: relative; font-family: 'NotoKrL';}
ul.txt-list li:before{content: ""; width: 8px; height: 2px; background: #5364f3; position: absolute; top:10px; left:0;}
ul.txt-list li ul.txt-list.depth02{padding: 7px 0 0 0;}
ul.txt-list li ul.txt-list.depth02 li{padding: 0 0 5px 15px; font-size:14px; color:#666666; letter-spacing: -1px; position: relative;}
ul.txt-list li ul.txt-list.depth02 li:before{content: ""; width: 3px; height: 3px; background: #514f6f; position: absolute; top:10px; left:2px;}


@media all and (max-width:1200px){
  div.con-0101 h5.tit-0101{font-size:20px;}
  div.con-0101 h5.tit-0101:before{left:0px;}

    /*쇼룸안내*/
  div.con-0202 h5.tit-0101{font-size:20px;}
  div.con-0202 h5.tit-0101:before{left:0px;}

}

@media all and (max-width:1000px){
  /*컨설팅 신청*/
  .consulting-box{margin: 0px 0 60px 0;}
  .consulting-box div.bn{padding: 0 20px; box-sizing: border-box;}
  .consulting-box div.bn div.txt-box{position:relative; width:100%; bottom:0px; box-sizing: border-box; opacity: 0.8; top:50%; left: 50%; transform:translate(-50%, -50%);}

  div.con-0101 ul.icolist-box li div{left:0px}
  div.con-0101 ul.icolist-box li:nth-child(2) div{right:0px;}
  div.con-0101 ul.icolist-box li:nth-child(3) div{left:0px;}
  div.con-0101 ul.icolist-box li:nth-child(4) div{right:0px;}

  div.con-0101 ul.box-list li:after{background-size: 25px; transform:translate(0, -30%); right:-60px; }

  div.con-0101 div.loc-box ul.map-list li:last-child{padding-left: 30px;}
  div.con-0101 div.loc-box ul.map-list li h6.tit{font-size:18px; padding: 2px 0 16px 35px;}
  div.con-0101 div.loc-box ul.map-list li h6.tit:before{background-size: 20px;}
  div.con-0101 div.loc-box ul.map-list li:last-child h6.tit:before{background-size: 20px;}
  div.con-0101 div.loc-box ul.map-list li ul.depth02 li span.tit{width: 55px;}
  div.con-0101 div.loc-box ul.map-list li ul.depth02 li span.txt{font-size:14px;}

    /*쇼룸안내*/
  div.con-0202 div.box02 ul.box-wrap li{width: 17%;}
  div.con-0202 div.box03:before{height: 100%; top:0px;}
  div.con-0202 div.box03 div.right{padding: 70px 0 0 20px;}

}

@media all and (max-width:680px){
  /*컨설팅 신청*/
  .consulting-box div.bn div.txt-box{padding: 30px 30px;}
  .consulting-box div.bn div.txt-box span.tit{font-size:23px;}

  div.con-0101 h5.tit-0101{font-size:18px;}
  div.con-0101 h5.tit-0101 br{display: none;}
  div.con-0101 h5.tit-0101:before{background-size: 40px;}
  div.con-0101 h5.tit-0101:after{background-size: 40px;}
  div.con-0101 ul.icolist-box{width:100%; height: auto; background: url("/images/contents/img0101-05-mb.png") no-repeat center top; margin: 50px 0 50px 0;}
  div.con-0101 ul.icolist-box li{width: 100%; margin-bottom: 10px;}
  div.con-0101 ul.icolist-box li:first-child{margin: 250px 0 10px 0;}
  div.con-0101 ul.icolist-box li div{width:100%; height: auto; border-radius: 50px; position: relative; top:auto; left:auto; padding: 5px 5px; box-sizing: border-box;}
  div.con-0101 ul.icolist-box li:nth-child(2) div{right:auto; top:auto;}
  div.con-0101 ul.icolist-box li:nth-child(3) div{left:auto; top:auto;}
  div.con-0101 ul.icolist-box li:nth-child(4) div{right:auto; top:auto;}
  div.con-0101 ul.icolist-box li div p.tit{width: 100%; height: 100%; border-radius: 50px; position: relative; top:auto; left:auto;transform:inherit; }
  div.con-0101 ul.icolist-box li div p.tit span{padding: 15px 0 15px 100px; text-align: left; font-size:13px;}
  div.con-0101 ul.icolist-box li div p.tit span:before{top:0px; left: 10px; transform:translate(0, -4px); background-size: 28px; }
  div.con-0101 ul.icolist-box li:nth-child(2) div p.tit span:before{background-size: 28px; left: 6px;}
  div.con-0101 ul.icolist-box li:nth-child(3) div p.tit span:before{background-size: 45px; left: 5px; transform:translate(0, -7px);}
  div.con-0101 ul.icolist-box li:nth-child(4) div p.tit span:before{background-size: 28px; transform:translate(0, -6px);}
  div.con-0101 ul.icolist-box li div p.tit span br{display: none;}

  div.con-0101 ul.box-list{flex-flow: wrap;}
  div.con-0101 ul.box-list li{width: 100%;}
  div.con-0101 ul.box-list li:first-child{margin-bottom: 50px;}
  div.con-0101 ul.box-list li:after{transform: translate(-50%, -6px) rotate(90deg); top:auto; right:auto; left: 47%;}
  div.con-0101 ul.box-list li ul.depth02 li{margin-bottom: 0px;}
  div.con-0101 ul.box-list li h6.tit{font-size:15px; padding: 10px 0;}
  div.con-0101 ul.box-list li ul.depth02 li{padding: 0 0 5px 15px; font-size: 13px;}

  div.con-0101 div.loc-box ul.map-list{flex-flow: wrap;}
  div.con-0101 div.loc-box ul.map-list li{width: 100%;}
  div.con-0101 div.loc-box ul.map-list li:last-child{padding-left: 0px; padding-top: 30px;}
  div.con-0101 div.loc-box ul.map-list li:last-child:before{width: 100%; height: 1px; top:5px;}
  div.con-0101 div.loc-box ul.map-list li ul.depth02 li{padding-top:0px;}
  div.con-0101 div.loc-box ul.map-list li ul.depth02 li span.tit{font-size:13px; padding: 0px 10px;}
  div.con-0101 div.loc-box ul.map-list li ul.depth02 li span.txt{font-size:13px; padding: 0px 0 0 10px;}

    /*쇼룸안내*/
  div.con-0202 h5.tit-0101{font-size:18px;}
  div.con-0202 h5.tit-0101 br{display: none;}
  div.con-0202 h5.tit-0101:before{background-size: 40px;}
  div.con-0202 h5.tit-0101:after{background-size: 40px; bottom:0px;}

  div.con-0202 div.box02{margin: 50px 0 110px 0;}
  div.con-0202 div.box02 ul.box-wrap{padding: 20px 20px 20px 20px;}
  div.con-0202 div.box02 ul.box-wrap li{width: 31%;}
  div.con-0202 div.box02 ul.box-wrap:before{height: 100%;}
  div.con-0202 div.box02 span.bottom-txt{right:auto; bottom:auto; top:50%; left:50%; transform: translate(-50%, -50%); width: 200px; height: 85px; padding-top: 31px; font-size:22px;}
  div.con-0202 div.box02:before{background-size: 150px; transform: translate(-50%, 110px);}

  div.con-0202 div.box03{flex-flow: wrap;}
  div.con-0202 div.box03{padding: 0 20px 0 20px;}
  div.con-0202 div.box03:before{width:100%; height: 100%; top:0px;}
  div.con-0202 div.box03 div.left{width: 100%;}
  div.con-0202 div.box03 div.left h5.tit{width: 100%; height: 87px; padding-top: 30px; font-size: 22px; background-size: 100%; display: block; margin: 0 auto;}
  div.con-0202 div.box03 ul.txt-list{margin-top: 20px;}
  ul.txt-list li ul.txt-list.depth02{margin-top: 0px;}
  div.con-0202 div.box03 div.right{width:100%; padding: 20px 0 0 0;}
  div.con-0202 div.box03 div.right div.img img.img01{display: block; margin: 0 auto;}
}


/* S.비전및 전략 */
.visionWrap .visionTit{text-align: center; display: block; margin:0 auto; padding:30px 5px; width:540px; font-size:25px; font-family:'GmarketSansM'; font-weight:700; color:#fff; letter-spacing: -0.5px; border-radius:50px; background:linear-gradient(90deg, rgba(95,113,250,1) 0%, rgba(32,158,255,1) 100%); line-height: 100%;}
.visionWrap .vsCircles{width:100%; text-align:center; display: flex; justify-content: center;}
.visionWrap .vsCircles > .vcLi {width: 218px; height: 218px; position: relative;}
.visionWrap .vsCircles > .vcLi:before{content:''; display: block; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border:1px dashed rgba(0,0,0,0.64); width:129%; height: 129%; z-index: -1;}
.visionWrap .vsCircles > .vcLi > p{position: relative; border:2px solid #fff; border-radius: 50%; background-color:#fff; width: 100%; height: 100%; box-sizing: border-box; padding-top:140px; background-position: center 40px; background-repeat: no-repeat; font-size:16px; color:#000; letter-spacing: -0.5px; line-height: 130%;}
.visionWrap .vsCircles > .vcLi:nth-child(1) > p, .vsCircles > .vcLi:nth-child(2) > p {border-color:#209eff;}
.visionWrap .vsCircles > .vcLi:nth-child(3) > p, .vsCircles > .vcLi:nth-child(4) > p {border-color:#5162f1;}
.visionWrap .vsCircles > .vcLi:nth-child(1)  > p{ background-image:url("/images/contents/vsIcon1.png");}
.visionWrap .vsCircles > .vcLi:nth-child(2)  > p{ background-image:url("/images/contents/vsIcon2.png");}
.visionWrap .vsCircles > .vcLi:nth-child(3)  > p{ background-image:url("/images/contents/vsIcon3.png");}
.visionWrap .vsCircles > .vcLi:nth-child(4)  > p{ background-image:url("/images/contents/vsIcon4.png");}
.visionWrap .boxArrow{width:100%; height: 90px; background: url("/images/contents/vsArrow.png") center no-repeat; margin:70px 0;}
.visionWrap .vsCntUl1{width: 100%; display: flex;}
.visionWrap .vsCntUl1 .vsCntLi{width: 260px; padding:15px 10px; box-sizing: border-box; text-align: center; color:#fff; font-size:16px; letter-spacing: -0.5px; border-radius: 50px; line-height: 120%;}
.visionWrap .vsCntUl1 .vsCntLi:not(:first-child){margin-left:-30px;}
.visionWrap .vsCntUl1 .vsCntLi:nth-child(1){background-color:rgba(90,114,250,0.79);}
.visionWrap .vsCntUl1 .vsCntLi:nth-child(2){background-color:rgba(22,139,230,0.79);}
.visionWrap .vsCntUl1 .vsCntLi:nth-child(3){background-color:rgba(75,85,144,0.79);}
.visionWrap .vsCntUl1 .vsCntLi:nth-child(4){background-color:rgba(58,148,217,0.79);}
.visionWrap .vsCntBoxs {position: relative; width: 100%; height:350px; box-sizing: border-box;}
.visionWrap .vsCntBoxs .centerBox{position: absolute; width: 350px; height: 350px; box-sizing: border-box; top:50%; left:50%; transform: translate(-50%,-50%); border:52px solid #f7f7f7; background-color:#fff; border-radius: 50%; z-index: 1; padding-top:70px; text-align: center;}
.visionWrap .vsCntBoxs .centerBox .vsCentImg .vsM{display: none;}
.visionWrap .vsCntBoxs .centerBox .ctbStit{font-size:16px; color:#646464; letter-spacing: -0.5px; word-break: keep-all; margin-top:10px; line-height: 130%;}
.visionWrap .vsCntBoxs .vsctbUl{width: 100%; height: 100%; position: relative; overflow: hidden;}
.visionWrap .vsCntBoxs .vsctbUl > li{position: absolute; left:50%; z-index: 2; width: 40%; display: flex; vertical-align: middle;}
.visionWrap .vsCntBoxs .vsctbUl > li .ctbCir{border-radius: 50%; width:134px; height: 134px; color:#fff; font-size:16px; font-family:'NotokrM'; letter-spacing: -0.5px; box-sizing: border-box; padding-top:90px; text-align: center; background-repeat: no-repeat; background-position: center 25px; line-height: 120%;}
.visionWrap .vsCntBoxs .vsctbUl > li.ctbLi1 .ctbCir{background-color:#2c8cea; background-image: url("/images/contents/vsIcon5.png");}
.visionWrap .vsCntBoxs .vsctbUl > li.ctbLi2 .ctbCir{background-color:#7179a8; background-image: url("/images/contents/vsIcon8.png");}
.visionWrap .vsCntBoxs .vsctbUl > li.ctbLi3 .ctbCir{background-color:#7d90fb; background-image: url("/images/contents/vsIcon6.png");}
.visionWrap .vsCntBoxs .vsctbUl > li.ctbLi4 .ctbCir{background-color:#64abe1; background-image: url("/images/contents/vsIcon7.png"); padding-top:75px; background-position: center 20px;}
.visionWrap .vsCntBoxs .vsctbUl > li.ctbLi1, .visionWrap .vsCntBoxs .vsctbUl > li.ctbLi2{top:0}
.visionWrap .vsCntBoxs .vsctbUl > li.ctbLi3, .visionWrap .vsCntBoxs .vsctbUl > li.ctbLi4{bottom:0}
.visionWrap .vsCntBoxs .vsctbUl > li.ctbLeft{left:-17px; flex-direction: row-reverse;}
.visionWrap .vsCntBoxs .vsctbUl > li.ctbRight{margin-left:116px;}
.visionWrap .vsCntBoxs .vsctbUl > li .ctbCnt{color:#000; font-size:16px; margin-top:45px; line-height: 130%; }
.visionWrap .vsCntBoxs .vsctbUl > li.ctbLeft .ctbCnt{margin-right:30px; text-align: right;}
.visionWrap .vsCntBoxs .vsctbUl > li.ctbRight .ctbCnt{margin-left:30px;}
.visionWrap .vsCntUl2 {display: flex; justify-content: space-between; -webkit-justify-content: space-between; width:100%;}
.visionWrap .vsCntUl2 > li{width:223px; border-radius: 50px; border:3px solid #00a0e9;  text-align: center; box-sizing: border-box; padding:15px 10px 10px; color:#000; font-size:16px; position: relative; line-height: 120%;}
.visionWrap .vsCntUl2 > li:before{content:''; display: block; width:22px; height: 22px; position: absolute; top:-13px; left:50%; margin-left:-11px; background: url("/images/contents/vsCircleBg.png");}
.visionWrap .vcBotTit{margin:90px 0; text-align: center;}
.visionWrap .vcBotTit > p{display: inline-block; padding:0 80px; position: relative; font-size: 24px; font-family:'GmarketSansM'; font-weight: 700; color:#000; letter-spacing: -0.5px; line-height: 130%;}
.visionWrap .vcBotTit > p:before, .visionWrap .vcBotTit > p:after{content:''; display: block; position: absolute; width:68px; height: 38px; background-repeat: no-repeat; background-position: center;}
.visionWrap .vcBotTit > p:before{background-image: url("/images/contents/vsTitBg1.png"); top:-24px; left:0;}
.visionWrap .vcBotTit > p:after{background-image: url("/images/contents/vsTitBg2.png"); bottom:-24px; right:0;}
.visionWrap .vsflexCnt{width: 100%; position: relative; display: flex;}
.visionWrap .vsflexCnt .vsfTit {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 130px; height: 130px;
  border:10px solid #fff; z-index: 1;background:linear-gradient(100deg, rgba(32,158,255,1) 0%, rgba(77,123,251,1) 100%);
  border-radius: 50%; text-align: center; box-sizing: border-box; padding-top:25px; font-family: 'GmarketSansL';
  font-weight:600; line-height: 140%; color:#fff; letter-spacing:2px; font-size:24px}
.visionWrap .vsflexCnt .vsfCnt {width:50%; padding:20px 20px; box-sizing: border-box; display: flex;}
.visionWrap .vsflexCnt .vsfL {border-radius: 100px 0 0 100px; background-color:#8b96f3;}
.visionWrap .vsflexCnt .vsfR {border-radius: 0 100px 100px 0; background-color:#6ab5ef; flex-flow: row-reverse;}
.visionWrap .vsflexCnt .vsfCnt .vsfImg{position: relative; display: inline-block;}
.visionWrap .vsflexCnt .vsfCnt .vsfImg .vsM{display: none;}
.visionWrap .vsflexCnt .vsfL .vsfImg{padding-right:20px;}
.visionWrap .vsflexCnt .vsfR .vsfImg{padding-left:20px;}
.visionWrap .vsflexCnt .vsfCnt .vsfImg:before{content:''; display: block; position: absolute; width:1px; height:50px; margin-top:-25px; top:50%; background-color:rgba(255,255,255,0.52); }
.visionWrap .vsflexCnt .vsfL .vsfImg:before{right:0;}
.visionWrap .vsflexCnt .vsfR .vsfImg:before{left:0;}
.visionWrap .vsflexCnt .vsfCnt > ul{display: inline-block; padding-left:15px; padding-top: 5px; box-sizing: border-box;}
.visionWrap .vsflexCnt .vsfCnt.vsfR > ul{padding-right:15px;}
.visionWrap .vsflexCnt .vsfCnt > ul > li {color:#fff; padding-left:10px; position: relative; font-size:16px; letter-spacing: -0.7px; margin-bottom:5px;}
.visionWrap .vsflexCnt .vsfCnt > ul > li:last-child {margin-bottom:0;}
.visionWrap .vsflexCnt .vsfCnt > ul > li:before {content:''; display: inline-block; position: absolute; top:8px; left:0; width:6px; height: 6px; border-radius: 50%; background-color:#fff;}
.visionWrap .vsBotCntBox {margin-top:100px;}
.visionWrap .vsBotCntBox .vsbMapBox {position: relative;}
.visionWrap .vsBotCntBox .vsbMapBox img{width: 100%;}
.visionWrap .vsBotCntBox .vsbMapBox .btn-wrap{position: absolute; bottom:20px; right:20px; z-index: 2; display: none;}
.visionWrap .vsBotCntBox .vsbUl {width: 100%; display: flex; justify-content: space-between;}
.visionWrap .vsBotCntBox .vsbUl li{width:23.5%; text-align: center; height: 175px; padding-top:100px; background-repeat: no-repeat; background-position: center 30px; box-sizing: border-box; margin-top:20px; color:#fff;}
.visionWrap .vsBotCntBox .vsbUl li.vsbLi1{background-image: url("/images/contents/vsIcon9.png"); background-color:#2c8cea;}
.visionWrap .vsBotCntBox .vsbUl li.vsbLi2{background-image: url("/images/contents/vsIcon10.png"); background-color:#7179a8;}
.visionWrap .vsBotCntBox .vsbUl li.vsbLi3{background-image: url("/images/contents/vsIcon11.png"); background-color:#7d90fb;}
.visionWrap .vsBotCntBox .vsbUl li.vsbLi4{background-image: url("/images/contents/vsIcon12.png"); background-color:#64abe1;}

@media screen and (max-width:1000px){
  .visionWrap .visionTit{font-weight: 500; padding:25px 5px 23px; width:100%; max-width:580px;}
  .visionWrap .vsCircles {flex-wrap: wrap; justify-content: space-between;}
  .visionWrap .vsCircles > .vcLi {width: 49%; height: 244px;}
  .visionWrap .vsCircles > .vcLi:nth-child(n+3) {margin-top:20px;}
  .visionWrap .vsCircles > .vcLi > p {border-radius:30px; border-width:7px; box-sizing: border-box; background-size: 120px; background-position: center 20px; font-size:20px;}
  .visionWrap .vsCircles > .vcLi:nth-child(1)  > p{ background-image:url("/images/contents/vsIcon1_m.png");}
  .visionWrap .vsCircles > .vcLi:nth-child(2)  > p{ background-image:url("/images/contents/vsIcon2_m.png");}
  .visionWrap .vsCircles > .vcLi:nth-child(3)  > p{ background-image:url("/images/contents/vsIcon3_m.png");}
  .visionWrap .vsCircles > .vcLi:nth-child(4)  > p{ background-image:url("/images/contents/vsIcon4_m.png");}
  .visionWrap .vsCircles > .vcLi:before{display: none;}
  .visionWrap .boxArrow{margin:25px auto;}
  .visionWrap .vsCntUl1{flex-wrap: wrap;}
  .visionWrap .vsCntUl1 .vsCntLi{width: 100%; margin-bottom:10px; font-size:20px; padding:21px 10px;}
  .visionWrap .vsCntUl1 .vsCntLi:not(:first-child){margin-left:0;}
  .visionWrap .vsCntUl1 .vsCntLi:last-child{margin-bottom:0px;}
  .visionWrap .vsCntUl1 .vsCntLi > br{display: none;}
  .visionWrap .vsCntBoxs{height: auto;}
  .visionWrap .vsCntBoxs .centerBox{position: static; width: 100%; height: auto; border:none; transform: translate(0,0); text-align: center;}
  .visionWrap .vsCntBoxs .centerBox .vsCentImg {margin-bottom:10px;}
  .visionWrap .vsCntBoxs .centerBox .vsCentImg .vsPc{display: none;}
  .visionWrap .vsCntBoxs .centerBox .vsCentImg .vsM{display: inline;max-width:100%;}
  .visionWrap .vsCntBoxs .centerBox .ctbStit{font-size:20px; word-break: keep-all; width:62%; margin:0 auto;}
  .visionWrap .vsCntBoxs .vsctbUl{flex-wrap: wrap; justify-content: space-between; display: flex; margin-top:50px;}
  .visionWrap .vsCntBoxs .vsctbUl > li{position: relative; left:0; margin:0 0 20px; width:49%; display: block; box-sizing: border-box; padding-left:120px; height: 100px; padding-top:13px;}
  .visionWrap .vsCntBoxs .vsctbUl > li:before{position: absolute; content:''; width:96px; height: 96px; left:0; top:0; background-position: center; background-repeat: no-repeat; display: block; border-radius: 50%;}
  .visionWrap .vsCntBoxs .vsctbUl > li.ctbLi1:before{background-image: url("/images/contents/vsIcon5.png"); background-color:#2c8cea;}
  .visionWrap .vsCntBoxs .vsctbUl > li.ctbLi2:before{background-image: url("/images/contents/vsIcon6.png"); background-color:#7179a8;}
  .visionWrap .vsCntBoxs .vsctbUl > li.ctbLi3:before{background-image: url("/images/contents/vsIcon7.png"); background-color:#7d90fb;}
  .visionWrap .vsCntBoxs .vsctbUl > li.ctbLi4:before{background-image: url("/images/contents/vsIcon8.png"); background-color:#8fc2e9;}
  .visionWrap .vsCntBoxs .vsctbUl > li:nth-child(n+3){margin-bottom:0;}
  .visionWrap .vsCntBoxs .vsctbUl > li.ctbLeft, .visionWrap .vsCntBoxs .vsctbUl > li.ctbRight{left:0; margin-left:0; flex-direction: row;}
  .visionWrap .vsCntBoxs .vsctbUl > li .ctbCir{width: 100%; height: auto; background: none !important; color:#000; font-size:20px; padding:0 !important; border-radius: 0; text-align: left;}
  .visionWrap .vsCntBoxs .vsctbUl > li .ctbCir > br{display:none;}
  .visionWrap .vsCntBoxs .vsctbUl > li.ctbLeft .ctbCnt, .visionWrap .vsCntBoxs .vsctbUl > li.ctbRight .ctbCnt{margin-top:5px; text-align: left; margin-left:0;}

  .visionWrap .vsCntUl2{flex-wrap: wrap;}
  .visionWrap .vsCntUl2 > li{width: 49%; padding:13px 5px; margin-bottom: 20px;}
  .visionWrap .vsCntUl2 > li:before{display: none;}

  .visionWrap .vsflexCnt {justify-content: space-between;}
  .visionWrap .vsflexCnt .vsfTit{width:113px; height: 113px; padding-top:15px;}
  .visionWrap .vsflexCnt .vsfCnt{flex-wrap: wrap; padding:30px 25px; border-radius: 30px; width: 49%; flex-direction: row;}
  .visionWrap .vsflexCnt .vsfCnt .vsfImg{display: block; border-bottom: 1px solid rgba(255,255,255,0.52); text-align: center; padding-bottom:25px; width: 100%; padding-right:0;}
  .visionWrap .vsflexCnt .vsfCnt .vsfImg:before{display: none;}
  .visionWrap .vsflexCnt .vsfCnt .vsfImg .vsPc{display: none;}
  .visionWrap .vsflexCnt .vsfCnt .vsfImg .vsM{display: inline-block; max-width:100%;}
  .visionWrap .vsflexCnt .vsfR .vsfImg{padding-left:0;}
  .visionWrap .vsflexCnt .vsfCnt > ul{padding-top:30px; padding-left:0;}
  .visionWrap .vsflexCnt .vsfCnt.vsfR > ul{padding-right:0;}
  .visionWrap .vsBotCntBox{margin-top:50px;}
  .visionWrap .vsBotCntBox .vsbMapBox .btn-wrap{display: block;}

  .visionWrap .vsBotCntBox .vsbUl{flex-wrap: wrap;}
  .visionWrap .vsBotCntBox .vsbUl li{width: 49%; margin-top:2%;}

}

@media screen and (max-width:680px){
  .visionWrap .visionTit{font-size:22px;}
  .visionWrap .vsCircles > .vcLi{height: 194px;}
  .visionWrap .vsCircles > .vcLi > p{background-size:80px; font-size:18px; padding-top:110px;}
  .visionWrap .vsCntUl1 .vsCntLi{font-size: 18px;}
  .visionWrap .vsCntBoxs .centerBox .ctbStit{font-size:18px;}
  .visionWrap .vsCntBoxs .vsctbUl > li .ctbCir{font-size:18px;}
  .visionWrap .vsCntBoxs .vsctbUl > li .ctbCnt{font-size:14px;}
  .visionWrap .vsCntBoxs .vsctbUl > li .ctbCnt > br{display: none;}
  .visionWrap .vsflexCnt .vsfCnt > ul > li{font-size:15px;}
}

@media screen and (max-width:480px){
  .visionWrap .visionTit{font-size:20px;}
  .visionWrap .vsCircles > .vcLi > p{font-size:16px; word-break: keep-all; padding:110px 10px 0;}
  .visionWrap .vsCircles > .vcLi > p > br{display: none;}
  .visionWrap .boxArrow{background-size: 22%; height: 70px;}
  .visionWrap .vsCntBoxs .centerBox{padding-top:10px;}
  .visionWrap .vsCntBoxs .centerBox .ctbStit{font-size:16px; width:75%;}
  .visionWrap .vsCntUl1 .vsCntLi {font-size:16px;}
  .visionWrap .vsCntBoxs .vsctbUl > li{width:100%;}
  .visionWrap .vsCntBoxs .vsctbUl > li:nth-child(3){margin-bottom:20px;}

  .visionWrap .vsCntUl2 > li{width: 100%;}
  .visionWrap .vcBotTit > p{font-size:20px; padding:15px 10px;}
  .visionWrap .vcBotTit > p > br{display: none;}
  .visionWrap .vcBotTit > p:before, .visionWrap .vcBotTit > p:after{width:40px; height: 30px; background-size: 100%;}
  .visionWrap .vcBotTit > p:after{bottom:-5px;}
  .visionWrap .vsflexCnt{flex-wrap: wrap;}
  .visionWrap .vsflexCnt .vsfTit{width:100%; height:auto; font-size:18px; padding:10px 10px 7px; transform: translate(0,0); position: relative; left:0; top:0; border-radius:15px; border:none; margin-bottom:15px;}
  .visionWrap .vsflexCnt .vsfTit > br{display: none;}
  .visionWrap .vsflexCnt .vsfCnt{padding:30px 15px;}
  .visionWrap .vsflexCnt .vsfCnt{width: 100%; margin-bottom:10px;}
  .visionWrap .vsBotCntBox .vsbUl li{font-size:14px;}
}
/* E.비전및 전략 */      

/* S.플랫폼 안내*/
.cnt_0201 .topCntBox .tcbTitBox{background:url("/images/contents/0201Bg1.png") center top no-repeat; padding-top:30px;}
.cnt_0201 .topCntBox .tcbTitBox .topCntTit{text-align: center; width:390px; margin:0 auto 60px; border-radius:100px; background: linear-gradient(90deg, rgba(33,157,255,1) 0%, rgba(83,100,243,1) 100%); color:#fff; font-size:23px; font-family:'GmarketSansM'; font-weight:500; letter-spacing: -0.5px; line-height: 100%; padding:40px 0;}
.cnt_0201 .topCntBox .tcbTitBox .topCnt{text-align: center; font-size:16px; line-height: 190%; color:#111; margin-bottom: 60px;}
.cnt_0201 .topCntBox .topCntList{width:100%; position: relative; display: flex; justify-content: space-between;}
.cnt_0201 .topCntBox .topCntList:before{content:''; display: block; width:83%; height: 1px; border-top:1px dashed #cfcfcf; position: absolute; left:50%; top:0; transform: translate(-50%,0);}
.cnt_0201 .topCntBox .topCntList > li{width: 16.6666%; text-align: center; margin:0 auto; position: relative; padding-top:60px;}
.cnt_0201 .topCntBox .topCntList > li:before, .cnt_0201 .topCntBox .topCntList > li:after{content:''; display: block; position: absolute; left:50%; transform: translate(-50%, 0);}
.cnt_0201 .topCntBox .topCntList > li:before{width:1px; height:40px; border-right:1px dashed #cfcfcf; top:0;}
.cnt_0201 .topCntBox .topCntList > li:after{width:14px; height:14px; border:3px solid #5364f3; top:40px; border-radius: 50%; box-sizing: border-box; background-color:#fff;}
.cnt_0201 .topCntBox .topCntList > li .tclTit{color:#5364f3; font-size:15px; font-family:'NotokrM'; font-weight: 700;}
.cnt_0201 .topCntBox .topCntList > li .tclTit:before{content:''; display: block; width:121px; height: 121px; border:1px dashed #d1d1d1; border-radius: 50%; box-sizing: border-box; margin:0 auto 15px; background-position: center; background-repeat: no-repeat;}
.cnt_0201 .topCntBox .topCntList > li.tcl1 .tclTit:before{background-image: url("/images/contents/0201Icon1.png");}
.cnt_0201 .topCntBox .topCntList > li.tcl2 .tclTit:before{background-image: url("/images/contents/0201Icon2.png");}
.cnt_0201 .topCntBox .topCntList > li.tcl3 .tclTit:before{background-image: url("/images/contents/0201Icon3.png");}
.cnt_0201 .topCntBox .topCntList > li.tcl4 .tclTit:before{background-image: url("/images/contents/0201Icon4.png");}
.cnt_0201 .topCntBox .topCntList > li.tcl5 .tclTit:before{background-image: url("/images/contents/0201Icon5.png");}
.cnt_0201 .topCntBox .topCntList > li.tcl6 .tclTit:before{background-image: url("/images/contents/0201Icon6.png");}
.cnt_0201 .botCntbox {display: flex; justify-content: space-between;}
.cnt_0201 .botCntbox > dl {text-align: center;}
.cnt_0201 .botCntbox > dl dt{ color:#fff; font-size:17px; font-family:'NotokrM'; font-weight:500; padding:12px 5px; box-sizing: border-box;}
.cnt_0201 .botCntbox .bcList1, .cnt_0201 .botCntbox .bcList3 {width:21%;}
.cnt_0201 .botCntbox .bcList2 {width:55%;}
.cnt_0201 .botCntbox .bcList1 dt{background-color:#4999d7;}
.cnt_0201 .botCntbox .bcList2 dt{background-color:#6a7994;}
.cnt_0201 .botCntbox .bcList3 dt{background-color:#7780cf;}
.cnt_0201 .botCntbox > dl > dd{padding:30px 15px; box-sizing: border-box; border:1px dashed #4db1ff; margin-top:20px; height: 411px;}
.cnt_0201 .botCntbox .bcList2 > dd{border-color:#8d98ac;}
.cnt_0201 .botCntbox .visionWrap .vsBotCntBox{margin-top:0; padding:0;}
.cnt_0201 .botCntbox .visionWrap .vsBotCntBox img{width: auto;}
.cnt_0201 .botCntbox .bcList3 > dd{border-color:#7780cf;}
.cnt_0201 .botCntbox > dl > dd > div{border-bottom:1px solid #dadada;padding:15px 0;}
.cnt_0201 .botCntbox > dl > dd > div:last-child{border-bottom:none;}
.cnt_0201 .botCntbox > dl > dd img{max-width:100%;vertical-align: middle;}
.cnt_0201 .botCntbox .bcList1 .bcl1Bot > p{font-size:15px; color:#111; line-height: 140%; margin-top:8px;}
.cnt_0201 .botCntbox .bcList3 > dd{padding-top:5px;}
.cnt_0201 .botCntbox .bcList3 dd > div{padding-top: 75px; background-position: center 10px; background-repeat: no-repeat;}
.cnt_0201 .botCntbox .bcList3 dd .bcl3_1{background-image: url("/images/contents/0201img3.png");}
.cnt_0201 .botCntbox .bcList3 dd .bcl3_2{background-image: url("/images/contents/0201img4.png");}
.cnt_0201 .botCntbox .bcList3 dd .bcl3_3{background-image: url("/images/contents/0201img5.png"); padding-top:85px; background-position: center 15px;}
.cnt_0201 .botCntbox .bcList3 dd > div > p{color:#111; word-break: keep-all;}

@media screen and (max-width:1000px){
  .cnt_0201 .topCntBox .tcbTitBox .topCntTit{padding:30px 0; margin-bottom:40px;}
  .cnt_0201 .topCntBox .tcbTitBox .topCnt{font-size:15px; margin-bottom:40px;}
  .cnt_0201 .topCntBox .topCntList{flex-wrap: wrap;}
  .cnt_0201 .topCntBox .topCntList:before, .cnt_0201 .topCntBox .topCntList > li:before, .cnt_0201 .topCntBox .topCntList > li:after{display: none;}
  .cnt_0201 .topCntBox .topCntList > li{width: 33.333%; padding-top:30px;}
  .cnt_0201 .topCntBox .topCntList > li .tclTit{font-size:14px;}
  .cnt_0201 .botCntbox{flex-wrap: wrap;}
  .cnt_0201 .botCntbox .bcList1 {width:37%;}
  .cnt_0201 .botCntbox .bcList2 {width:60%;}
  .cnt_0201 .botCntbox .bcList3 {width:100%; margin-top:20px;}
  .cnt_0201 .botCntbox .bcList3 > dd{display: flex; height: auto; padding-top: 30px;}
  .cnt_0201 .botCntbox .bcList3 > dd > div{width: 33.33%; box-sizing: border-box; padding:75px 5% 20px; border-bottom:0; border-right:1px solid #dadada;}
  .cnt_0201 .botCntbox dl > dd > div:last-child{border-right:none;}
}

@media screen and (max-width:768px) {
  .cnt_0201 .topCntBox .tcbTitBox .topCntTit{padding:25px 0 22px; font-size:18px;}
  .cnt_0201 .topCntBox .tcbTitBox .topCnt{font-size:14px;}
  .cnt_0201 .topCntBox .topCntList > li .tclTit{line-height: 130%;}
  .cnt_0201 .topCntBox .topCntList > li .tclTit:before{background-size: 47px; width:101px; height: 101px; line-height: 130%;}

  .cnt_0201 .botCntbox .bcList1, .cnt_0201 .botCntbox .bcList2 {width:100%;}
  .cnt_0201 .botCntbox > dl dt{font-size:15px;}
  .cnt_0201 .botCntbox .bcList1 > dd{display: flex;}
  .cnt_0201 .botCntbox > dl > dd{height: auto;}
  .cnt_0201 .botCntbox .bcList1 > dd > div{width: 50%; text-align: center;}
  .cnt_0201 .botCntbox > dl > dd > div{border-bottom: 0;  border-right:1px solid #dadada; padding:15px; box-sizing: border-box;}
  .cnt_0201 .botCntbox .bcList1 .bcl1Bot > p{font-size:14px;}
  .cnt_0201 .botCntbox .bcList1 > dd {position: relative;}
  .cnt_0201 .botCntbox .bcList1 .bcl1Bot{position: absolute; top:50%; transform: translate(0,-50%); right: 0; padding:0;}
  .cnt_0201 .botCntbox .bcList2 {margin-top:20px;}
  .cnt_0201 .botCntbox > dl dt{padding:7px 0;}
}

@media screen and (max-width:480px){
  .cnt_0201 .topCntBox .tcbTitBox .topCntTit{padding:20px 0 17px; width:95%;}
  .cnt_0201 .topCntBox .tcbTitBox .topCnt{margin-bottom:15px; word-break: keep-all;}
  .cnt_0201 .topCntBox .tcbTitBox .topCnt > br{display: none;}
  .cnt_0201 .topCntBox .topCntList > li .tclTit:before{background-size: 35px; width: 70px; height: 70px;}
}
/* E.플랫폼안내 */