@charset "UTF-8";
@import '/CSS/icons.css';
@import './User-Grid.css?ver=1.01';
@import '/CSS/Fonts/NotoSansKR.css';



/*reset -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
*,
*::before,
*::after {  box-sizing: border-box;}

body { margin: 0;padding: 0; text-align: left; overflow-x:hidden;overflow-y:auto}
html {font-family: sans-serif; line-height: 1.15;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar;-webkit-tap-highlight-color: transparent;}

a {color: #333;text-decoration: none;background-color: transparent;-webkit-text-decoration-skip: objects; transition:0.3s;font-family: 'Noto Sans KR'}
a:hover {text-decoration: underline; transition:0.3s; text-decoration:none;}
a:not([href]):not([tabindex]) {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):focus {outline: 0;}

body{color:#333;font-size:15px;line-height:23px;}
body p{font-size:15px;line-height:23px}
body,h1,h2,h3,h4,h5,h6,input[type=text],input[type=password],input[type=email],textarea,select,input[type=button],input[type=submit],button,body .pac-container{
font-family: 'Noto Sans KR',"Nanum Gothic",nunito,helveticaneue,helvetica neue,Helvetica,Arial,sans-serif;text-transform:none}
h1,h2,h3,h4,h5,h6{color:#333;font-weight:500;margin:0;padding:0}

ul{margin:0; padding:0;}
li{list-style:none;}

.clearfix:after{content:''; display:block; clear:both;}
#wrapper{padding-top:0px !important;}

/* 메인 그라데이션 색상 코드 #1b36f6 ->  #19d4df */
/* 서브 그라데이션 색상 코드 #00f6ff ->  #bc7aff */

/* 공통 선언 */
.section{padding:100px 0px;}

.title{color:#000; font-size:40px; line-height:40px; font-weight:700; margin-bottom:40px;}
.title.wt{color:#fff;}
.eff-tit{display:inline-block; background:linear-gradient(to right, #1b36f6, #19d4df); color:transparent; -webkit-background-clip: text; font-size:22px; font-weight:700; margin-bottom:45px; line-height:30px;}
.wt-tit{color:#fff; font-size:22px; font-weight:500; margin-bottom:45px; opacity:0.5; line-height:30px;word-break: keep-all;}
.container2{max-width: 870px; margin:0 auto;}

@media(max-width:1240px){
.section{padding:60px 0px;}

.title{font-size:32px; margin-bottom:30px; line-height:1.3em}
.eff-tit,
.wt-tit{font-size:22px; margin-bottom:35px;  line-height:28px; margin-top:-10px;}
.container2{max-width: 100%;}
}
@media(max-width:992px){
/* .title{margin-bottom:25px;}
.eff-tit,
.wt-tit{margin-bottom:25px;} */
}
@media(max-width:768px){
.title{font-size:25px;  line-height:30px;}
.eff-tit,
.wt-tit{display:block; font-size:18px;  margin-top:-13px; margin-bottom:30px;  line-height:26px;}
}
@media(max-width:480px){
.section{padding:40px 0px;}
.title{font-size:22px;}
.title span{display:block;}
.eff-tit,
.wt-tit{font-size:16px;margin-top:-12px;}
}

/* header */
#header-container{position:static !important;}
#header{width:100%; height:75px; background-color:#fff;}
#header .left-con{float:left;}
#header .left-con img{position:relative; top:20px;}
#header .right-con{float:right;}
#header .right-con ul{position:relative; top:28px;}
#header .right-con ul li{float:left; margin-left:30px;}
#header .right-con ul li a{position:relative; font-size:20px; font-weight:600; color:#333; padding-bottom:15px;}
#header .right-con ul li a.active{color:#1052d7;}
#header .right-con ul li a.active:after{content:''; display:block; position:absolute; bottom:7px; background-color:#1052d7; width:100%; height:3px;}
#header .right-con ul li a:hover{color:#1052d7;}
@media(max-width:1240px){
#header .right-con ul li a{font-size:18px;}
}
@media(max-width:768px){
#header .right-con ul li{margin-left:20px;}
#header .right-con ul li a{font-size:16px;}
}


/* MainVisual */
.mainVisual{position:relative; width:100%;background:url(/Image/mv_img.png) center top no-repeat; background-size:cover; overflow:hidden; padding:100px 0px;}
.mainVisual .container{position:relative; margin:0 auto;}
.mainVisual .bgimg {position:absolute; top:-100px; right:-100px;}

.mainVisual .main-title{ position:relative; z-index:1;}
.mainVisual .main-title .top-tit{display:inline; background:linear-gradient(to right, #1b36f6, #19d4df); color:transparent; -webkit-background-clip: text; font-size:20px; font-weight:400; letter-spacing:4px;}
.mainVisual .main-title .big-tit{font-size:55px; font-weight:700; color:#fff; margin:25px 0px 55px 0px;}
.mainVisual .main-title .txt{font-size:35px; font-weight:500; color:#fff; line-height:50px;}
.mainVisual .main-title .txt.eff{display:inline-block; position:relative; z-index:10;}
.mainVisual .main-title .txt.eff:after{content:''; display:block; position:absolute; bottom:-3px; width:100%; height: 22px; background:linear-gradient(to right, #1b36f6, #19d4df);z-index:-1;}

.mainVisual .list{width:870px; margin:120px auto 0px auto; position:relative; z-index:1;}
.mainVisual .list ul{margin:0px -15px;}
.mainVisual .list ul li{float:left; width:25%; padding:0px 15px;}
.mainVisual .list ul li .obj{display:flex; justify-content: center; flex-direction: column;  height:160px; text-align:center; border-radius:20px;}
.mainVisual .list ul li:nth-child(1) .obj{background-color:#03a1b0;}
.mainVisual .list ul li:nth-child(2) .obj{background-color:#0064cd;}
.mainVisual .list ul li:nth-child(3) .obj{background-color:#1833e0;}
.mainVisual .list ul li:nth-child(4) .obj{background-color:#5921e8;}
.mainVisual .list ul li .obj > div{color:#fff;}
.mainVisual .list ul li .list-tit{position:relative; font-size:20px; font-weight:400; margin-bottom:22px;top:-5px;}
.mainVisual .list ul li .list-tit:after{content:''; display:block; position:absolute; left:50%; bottom:-12px; transform:translateX(-50%); width:14px; height:3px; background-color:rgb(255,255,255,0.5);}
.mainVisual .list ul li .numb{font-size:28px; font-weight:700;}

@media(max-width:1240px){
.mainVisual{padding:60px 0px 70px;}
.mainVisual .container:after{top:50px; right:-30px; width:490px; height:485px;}
.mainVisual .main-title .top-tit{font-size:18px;}
.mainVisual .main-title .big-tit{font-size:50px; margin:20px 0px 50px 0px;}
.mainVisual .main-title .txt{font-size:30px; line-height:45px;}

.mainVisual .list ul{margin:0px -10px;}
.mainVisual .list ul li{padding:0px 10px;}

.mainVisual .list{width:100%; margin:70px auto 0px auto;}
.mainVisual .list ul li .obj{height:130px;}
.mainVisual .list ul li .list-tit{font-size:18px;}
.mainVisual .list ul li .numb{font-size:28px;}
.mainVisual .bgimg {  right:-80px; height:500px;}
}
@media (max-width: 992px) {
.mainVisual .list ul{margin:0px -5px;}
.mainVisual .list ul li{padding:0px 5px; }
}

@media(max-width:768px){
.mainVisual{padding:60px 20px 70px;}
.mainVisual .container:after{opacity:0.35; left:50%; transform:translateX(-50%); margin-left:0; width:540px; height:450px;}
.mainVisual .main-title .big-tit{font-size:40px; margin:20px 0px 40px 0px;}
.mainVisual .main-title .txt{font-size:25px; line-height:35px;}
.mainVisual .list ul li{  width:50%;}
.mainVisual .list ul li .list-tit{font-size:16px;}
.mainVisual .list ul li .numb{font-size:23px;}
.mainVisual .bgimg { height:300px; top:0px;right:-50px}
.mainVisual .list ul li:nth-child(3){margin-top:10px }
.mainVisual .list ul li:nth-child(4){margin-top:10px }
}
@media(max-width:480px){
.mainVisual{padding:40px 10px 50px;}
.mainVisual .main-title{ }
.mainVisual .main-title .big-tit{font-size:35px; line-height:40px; margin:10px 0px 25px 0px;}
.mainVisual .main-title .txt{font-size:20px; line-height:27px;}
.mainVisual .list{margin:50px auto 0px auto;}
.mainVisual .list ul{margin:0px -3px;}
.mainVisual .list ul li{padding:0px 3px; width:100%;}
.mainVisual .list ul li:nth-child(2){margin-top:10px }
.mainVisual .list ul li .list-tit{font-size:18px; margin-bottom:20px}
.mainVisual .list ul li .numb{font-size:25px;}
.mainVisual .bgimg { height:200px; top:0px;right:-20px}
.mainVisual .main-title .top-tit{letter-spacing:1px;}
.mainVisual .list ul li .obj{ height:110px;  border-radius:10px;}

}

/* Ability */
.ability{display:  ; text-align:center; background:url(/image/cr1.png) center bottom no-repeat #f6f6fd;width:100%; }
.ability .box{padding-bottom:100px;padding-top:20px;}
.ability ul{margin:-15px;}
.ability ul li{width:33.333%; float:left; padding:15px;}
.ability ul li .inner{display:flex; justify-content: center; align-items: center; flex-direction: column; background-color:rgba(255,255,255,.7); color:#313131; font-size:22px; 
font-weight:400; line-height:30px; height:100px; border-radius:20px;}
.ability ul li span{display:block;}
.ability ul li:nth-child(2),.ability ul li:nth-child(5),.ability ul li:nth-child(8){position:Relative; top:-20px;}
.ability ul li:nth-child(1) .inner{background-color:#f5d9d9; }
.ability ul li:nth-child(2) .inner{background-color:#c8e5ef; }
.ability ul li:nth-child(3) .inner{background-color:#e0e0bc; }
.ability ul li:nth-child(4) .inner{background-color:#e2d5f2; }
.ability ul li:nth-child(5) .inner{background-color:#cee7bf; }
.ability ul li:nth-child(6) .inner{background-color:#f4deae; }
.ability ul li:nth-child(7) .inner{background-color:#d1d4e7; }
.ability ul li:nth-child(8) .inner{background-color:#f0d3df; }
.ability ul li:nth-child(9) .inner{background-color:#c3e4cd; }
@media(max-width:1240px){
.ability ul li .inner{font-size:18px;line-height:26px;}
}
@media(max-width:1099px){
.ability .box{ }
.ability ul li .inner{height:100px;}
}
@media(max-width:992px){
.ability ul{margin:-5px;}
.ability ul li{ padding:5px;}
.ability{background-size:60%}
}
@media(max-width:768px){
.ability .box{padding-bottom:60px;padding-top:20px;}
.ability{background-size:50%}
.ability ul li .inner{font-size:15px;line-height:24px;height:100px; padding:0px 5px;}
}
@media(max-width:480px){
.ability ul li:nth-child(2),.ability ul li:nth-child(5),.ability ul li:nth-child(8){position:Relative; top:0px;}
.ability .box{padding:0px 15px 50px;}
.ability ul li{width:100%;  padding:5px 0px;}
.ability ul li .inner{display:block; font-size:15px; height:48px; padding-top: 12px; border-radius:80px;}
.ability ul li .inner span{display:inline; margin-left:2px;}
}
@media(max-width:340px){
.ability ul li .inner{font-size:13px;}
}

/* Build */
.build{/*height:1088px;*/ display:  ; background-color:#061f94; text-align:center;}
.build .wrap{margin:0 -15px;}
.build .wrap > div:nth-child(-n+3){width:33.3333%; float:left;}
.build .wrap > div:last-child{width:100%; float:left; margin-top:30px;}
.build .wrap .con{padding:0 15px;}
.build .wrap .con .inner{height:370px; border-radius:20px; padding:30px; background-size:cover !important;}
.build .wrap .con1 .inner{background:url(/Image/info_bg_01.png) top center no-repeat #09101a;}
.build .wrap .con2 .inner{background:url(/Image/info_bg_02.png) top center no-repeat #231402;}
.build .wrap .con3 .inner{background:url(/Image/info_bg_03.png) top center no-repeat #021927;}
.build .wrap .con4 .inner{height:339px;background:url(/Image/info_bg_04.png) center -120px no-repeat #051228; background-size:cover;}
.build .wrap .con .title{color:#fff; font-size:25px; font-weight:600; margin-bottom:60px}
.build .wrap .con .title.mb40{margin-bottom:30px}
.build .wrap .con .s-title{position:relative; color:#fff; font-size:20px; font-weight:500; margin-bottom:45px;}
.build .wrap .con .s-title:after{content:''; display:block; position:absolute; bottom:-20px; width:100%; height:1px; background-color:rgba(255,255,255,0.5);}
.build .wrap .con ul{}
.build .wrap .con ul li{color:#e1e1e1; font-size:18px; font-weight:400;}
.build .wrap .con ul li:not(:last-child){margin-bottom:5px;}
.build .wrap .con .s-title,
.build .wrap .con ul li{text-align:center;}
.build .wrap .con4 ul{display: flex; padding:0px 60px;}
.build .wrap .con4 ul li{ position:relative; display:flex;  	flex-direction: column; 	justify-content: center;  align-items: center;  text-align:center;  width:178px;  height:178px;  border: 1px solid #ccc;  border-radius:50%; margin:0 30px; line-height:28px;
}
.build .wrap .con4 ul li:not(:last-child):after{ content:'';  display:block;  position:absolute;  top:50%;  left:calc(100% + 3px);  transform:translateY(-50%);  background-color:#ccc;  width:56px;  height:1px; }
.build .wrap .con4 ul li .arrow{position:absolute; top:50%; right:-40px; transform:translateY(-50%); width:29px; height:94px; background:url(/image/arrow-w.png) top center no-repeat;}

@media(max-width:1367px){
.build .wrap .con4 ul{display: flex; padding:0px 90px;}
}
@media(max-width:1240px){
.build .wrap .con{padding:0 10px;}
.build .wrap > div:last-child{margin-top:20px;}
.build .wrap .con .inner{height:330px;}
.build .wrap .con:not(:last-child) .inner{height:340px;}
.build .wrap .con .title{font-size:22px;}
.build .wrap .con .s-title{font-size:18px; margin-bottom:35px;}
.build .wrap .con .s-title:after{bottom:-14px;}
.build .wrap .con ul li{font-size:16px;}
}
@media(max-width:992px){
.build .wrap .con .inner{padding:30px 20px}
.build .wrap .con:not(:last-child) .inner{height:280px;}
.build .wrap .con .title{margin-bottom:35px; line-height:24px;}
.build .wrap .con .s-title{margin-bottom:25px;}
.build .wrap .con .s-title:after{bottom:-10px;}
.build .wrap .con4 .inner{height:290px;}
.build .wrap .con4 ul{padding:0px 20px;}
.build .wrap .con4 ul li{width:160px; height:160px;margin:0 20px; line-height:24px;}
.build .wrap .con4 ul li:not(:last-child):after{ width:36px;}
.build .wrap .con4 ul li .arrow{ right:-32px; }
}
@media(max-width:768px){
.build .wrap{width:60%; margin:0 auto;}
.build .wrap > div:not(:first-child){margin-top:20px;}
.build .wrap .con .s-title,
.build .wrap .con ul li{text-align:center;}
.build .wrap > div:nth-child(-n+3){width:100%;}

.build .wrap .con1 .inner{height:280px !important;}
.build .wrap .con2 .inner,
.build .wrap .con3 .inner{height:280px !important;}

.build .wrap .con4 .inner{height:680px;}
.build .wrap .con4 ul{flex-direction: column; align-items: center; padding:0px 5px;}
.build .wrap .con4 ul li:not(:last-child){margin-bottom:40px;}
.build .wrap .con1 .inner{background:url(/Image/info_bg_01.png) center -80px no-repeat #09101a;}
.build .wrap .con2 .inner{background:url(/Image/info_bg_02.png) center -80px  no-repeat #231402;}
.build .wrap .con3 .inner{background:url(/Image/info_bg_03.png) center -80px  no-repeat #021927;}
.build .wrap .con4 ul li:not(:last-child):after{ display:none}
.build .wrap .con4 ul li .arrow{width:94px; height:29px;background:url(/image/arrow-w2.png) top center no-repeat; top:105%; right:-15px; transform:translate(-50%,-30%);  }
}
@media(max-width:480px){
.build .wrap{width:75%;}
}
@media(max-width:320px){
.build .wrap{width:100%;}
}

/* together */
.together{/*height:850px;*/ display:  ;  text-align:center; background:url(/Image/cr2.png) center bottom no-repeat #f6f6fd;  width:100%; }
.together  .box{padding-bottom:0px;margin-top:-30px}
.together ul{margin:-15px}
.together ul li{width:33.3333%; float:left; padding:15px;}
.together ul li .inner{display:flex; justify-content: center; align-items: center; flex-direction: column; background-color:#fff; color:#313131; font-size:22px; font-weight:400; 
line-height:30px; height:100px; border-radius:20px;}
.together ul li span{display:block;}
.together ul li:nth-child(2){position:Relative; top:30px;}
.together ul li:nth-child(1) .inner{background-color:#f5d9d9; }
.together ul li:nth-child(2) .inner{background-color:#c8e5ef; }
.together ul li:nth-child(3) .inner{background-color:#e0e0bc; }
.together ul li:nth-child(4) .inner{background-color:#e2d5f2; }
.together ul li:nth-child(6) .inner{background-color:#cee7bf; }
.together ul li:nth-child(7) .inner{background-color:#f4deae; }
.together ul li:nth-child(9) .inner{background-color:#d1d4e7; }
.together ul li:nth-child(10) .inner{background-color:#f0d3df; }
.together ul li:nth-child(12) .inner{background-color:#c3e4cd; }

@media(max-width:1240px){
.together ul li .inner{font-size:18px; line-height:26px;}
}
@media(max-width:1099px){
}
@media(max-width:992px){
.together ul{margin:-5px}
.together ul li{ padding:5px;}
.together{background-size:20%}
}
@media(max-width:768px){
.together ul li .inner{font-size:15px;line-height:24px; padding:0px 5px;}
}
@media(max-width:480px){
.together  .box{padding:0px 15px 100px;margin-top:0px}
.together ul li{width:100%;  padding:5px 0px;}
.together ul li .inner{display:block; font-size:15px; height:auto; padding: 10px 0px; border-radius:80px;}
.together ul li .inner span{display:inline; margin-left:2px;}
.together ul li:nth-child(2){position:Relative; top:0px;}
.together ul li.hide{padding:0px;}
}
@media(max-width:340px){
.together ul li .inner{font-size:13px;}
}

/* business */
.business{position:relative; text-align:center; background:url(/image/bg01.png) top left repeat-x;}
.business .box{ background-color:#fff; width:870px; border-radius:20px; padding:60px; margin:0 auto;}
.business .box .inner{}
.business .box .con{width:33.3333%; float:left;}
.business .box .con strong{display:block; font-size:25px; margin:30px 0px;}
.business .box .con ul li{font-size:20px; line-height:30px;}

@media(max-width:1240px){
.business .box .con strong{font-size:22px; margin:25px 0px;}
.business .box .con ul li{font-size:18px; line-height:26px;}
.business .box{ width:100%; }
}
@media(max-width:1099px){
}
@media(max-width:992px){
.business .box{padding:30px 20px;}
.business .box .con img{width:80%; height:auto;}
}
@media(max-width:768px){
.business .box{padding:30px 5px;}
.business .box .con strong{font-size:20px; margin:15px 0px;}
.business .box .con ul li{font-size:16px; line-height:24px;}
}
@media(max-width:480px){
.business .box .con{width:100%; margin-bottom:20px}
.business .box .con img{width:160px; height:auto;}
}


/* reference */
.reference{background-color:#fff;  text-align:center;}
.reference .container{position:relative;}
.reference .title-bar{display:flex; justify-content: center; margin-bottom:60px;}
.reference .bubble-tit{ position:relative;  display:flex;  align-items: center;  justify-content: center;  font-size:40px;  font-weight:700;  color:#fff;  background-color:#1a32dc;  width:208px;  height:80px;  border-radius:20px; }
.reference .bubble-tit:after{ content:''; display:block; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%) rotate(-135deg); border-top: 10px solid #1a32dc; border-left: 10px solid #1a32dc; 	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent; }
.reference .eff-tit{margin-bottom:15px; text-align:center; margin-top:initial !important;}
.reference .ref-box{margin:0px -5px;}
.reference .ref-list{text-align:center; padding:0px 5px;  float:left}
.reference .ref-list .inner{border:1px solid #eee; height:290px; padding:20px; border-radius:5px;}
.reference ul {padding-left:20px;height:70px}
.reference ul li{font-size:16px; font-weight:400; line-height:20px; color:#313131; text-align:left;list-style: disc; margin-bottom:5px; word-break:keep-all;}
.reference .ref-list a{ margin-top:30px; background-color:#f4f4f4; border-radius:20px; height:100px;display:flex; justify-content: center; align-items: center; }
.reference .ref-list a img{max-width:90%;}
.reference .slick-prev { left: -55px; top:50%;}
.reference .slick-next {  right: -55px; }
@media (max-width: 1367px) {
.reference .eff-tit{font-size:20px}
.reference .ref-list .inner{padding:20px 10px;}
}

@media(max-width:1240px){
.reference .bubble-tit{font-size:32px; 	width:195px; height:70px;}
.reference .ref-list .inner{height:280px; }
}
@media(max-width:768px){
.reference .bubble-tit{font-size:25px; 	width:180px; height:62px;}
.reference .ref-box{margin:0px -5px;}
.reference .ref-list{ padding:0px 5px;}
.reference .ref-list .inner{padding:20px 20px;}
}
@media(max-width:480px){
.reference .bubble-tit{font-size:22px; 	width:175px; height:58px;}
.reference .title-bar{margin-bottom:25px;}
.reference .ref-list .inner{height:auto; }
.reference ul { height:auto}
.reference .ref-list a{ margin-top:20px;}
}
@media(max-width:380px){
}

/* tech */
.tech{display:  ; background-color:#e2edf9; text-align:center;}
.tech ul{margin:-15px;}
.tech ul li{width:25%; float:left; padding:15px; position:relative; transition:0.3s; top:0px;}
.tech ul li:hover{top:-10px;}
.tech ul li .list-in{display:flex; flex-direction: row; align-items: center;  background-color:#242f3f; width:100%; height:130px; border-radius:20px; padding:0px 0px 0px 40px;}
.tech ul li .list-in img{margin-right:20px;}
.tech ul li .list-in > span{color:#fff; font-size:20px; font-weight:600; text-align:left;}
.tech ul li .list-in > span > span{display:block;}
@media(max-width:1367px){
.tech ul li .list-in{padding:0px 0px 0px 20px;}
}
@media(max-width:1240px){
.tech ul{margin:-10px;}
.tech ul li{padding:10px; position:static;}
.tech ul li .list-in img{margin-right:10px;}
.tech ul li .list-in > span{font-size:18px;}
}
@media(max-width:992px){
.tech ul{margin:-5px;}
.tech ul li{padding:5px;}
.tech ul li .list-in{padding:0px 0px 0px 13px; height:110px;}
.tech ul li .list-in img{width:42px; height:auto;}
.tech ul li .list-in > span{font-size:16px;}
}
@media(max-width:768px){
.tech ul li .list-in{flex-direction: column; justify-content: flex-start; padding:0px 0px 0px 0px; height:115px;}
.tech ul li .list-in img{margin:15px 0px 10px 0px;} 
.tech ul li .list-in span{text-align:center; line-height:20px; font-size:15px;}
}
@media(max-width:480px){
.tech ul li{width:33.3333%;}
.tech ul li:last-child{margin-left:33.3333%;}
.tech ul li .list-in {height:110px;}
.tech ul li .list-in img{width:36px; height:auto; margin:15px 0px 7px 0px;}
}

/* system */
.system{display:  ; background:url(/Image/bg_con_03.png) center center no-repeat #000; text-align:center; background-size:cover;}
.system .inner{width:1770px; margin:0 auto;}
.system .inner > ul{margin:0px -15px;}
.system .inner > ul > li{width:20%; float:left; padding:0px 15px; border-radius:20px;}
.system .inner ul li .list-in{display:flex; flex-direction: column; align-items: flex-start; width:100%; height:420px;  border-radius:20px;}
.system .inner > ul > li:nth-child(1) .list-in{background:url(/Image/system-bg-01.png) center top no-repeat #025253;}
.system .inner > ul > li:nth-child(2) .list-in{background:url(/Image/system-bg-02.png) center top no-repeat #025078;}
.system .inner > ul > li:nth-child(3) .list-in{background:url(/Image/system-bg-03.png) center top no-repeat #0a1391;}
.system .inner > ul > li:nth-child(4) .list-in{background:url(/Image/system-bg-04.png) center top no-repeat #28183d;}
.system .inner > ul > li:nth-child(5) .list-in{background:url(/Image/system-bg-05.png) center top no-repeat #070730;}
.system .inner ul li .list-in img{margin-top:50px;}
.system .inner ul li .list-in h3{color:#fff; width:100%; font-size:25px; font-weight:600; margin:25px 0px 50px 0px;}
.system .inner ul li .list-in img,
.system .inner ul li .list-in h3{position:relative; left:50%; transform:translateX(-50%);}
.system .inner ul li .list-in h3:after{
	content:''; 
	display:block; 
	width: calc(100% - 50px); 
	height:1px; 
	background-color:rgba(255,255,255,0.5); 
	position:absolute; 
	bottom:-25px;
	left:50%;
	transform:translateX(-50%);
}
.system .inner ul li .list-in ul{padding-left:50px;}
.system .inner ul li .list-in ul li{line-height:30px; text-align:left; list-style: disc; color: #fff;}
.system .inner ul li .list-in ul li span{color:#fff; font-size:18px; font-weight:400;}

@media(max-width:1800px){
.system .inner{width:calc(100% - 30px);}
}
@media(max-width:1240px){
.system .inner > ul{margin:0px -10px;}
.system .inner > ul > li{padding:0px 10px;}
.system .inner ul li .list-in{height:350px;}

.system .inner ul li .list-in img{width:auto; height:45px; margin-top:40px;}
.system .inner ul li .list-in h3{color:#fff; width:100%; font-size:22px; font-weight:600; margin:20px 0px 40px 0px;}
.system .inner ul li .list-in h3:after{bottom:-19px;}
.system .inner ul li .list-in ul{padding-left:35px;}
.system .inner ul li .list-in ul li{line-height:26px;}
.system .inner ul li .list-in ul li span{font-size:16px;}
}
@media(max-width:992px){
.system .inner ul li .list-in h3{font-size:18px; margin: 12px 0px 25px 0px;}
.system .inner ul li .list-in h3:after{bottom:-13px;}
.system .inner > ul{margin:0px -5px;}
.system .inner > ul > li{padding:0px 5px; text-align:center;}
.system .inner ul li .list-in img,
.system .inner ul li .list-in h3{position:relative; left:0%; transform:translateX(0%);}
.system .inner ul li .list-in{!important; align-items: center;}
.system .inner ul li .list-in ul{padding-left:0px;}
.system .inner ul li .list-in ul li{text-align:center; width:100%; list-style: none;}
}
@media(max-width:768px){
.system .inner ul li:nth-child(-n+3) .list-in{height:230px;}
.system .inner ul li .list-in{height:305px;}
.system .inner ul li .list-in img{width:auto; height:32px; margin-top:30px;}
.system .inner > ul > li{width:33.333%;}
.system .inner > ul > li:nth-child(-n+3){width:33.3333%; margin-bottom:10px;}
.system .inner > ul > li:nth-child(4){margin-left:16.6666%;}
.system .inner ul li .list-in{background-size:cover !important; align-items: center;}
}
@media(max-width:480px){
.system .inner ul li .list-in h3{margin: 12px 0px 20px 0px;}
.system .inner ul li .list-in h3:after{bottom:-10px;}
 .system .inner ul li:nth-child(-n+4) .list-in{height:220px;}
 .system .inner > ul > li{width:50% !important;}
 .system .inner > ul > li:nth-child(-n+4){margin-bottom:10px;}
 .system .inner > ul > li:nth-child(4){margin-left:0;}
.system .inner > ul > li:nth-child(5){margin-left:25%;}
}

/* diff */
.diff{background-color:#fff; text-align:center;}
.diff .inner{width:870px; margin:0 auto;}
.diff .con1,
.diff .con2{margin-bottom:100px;}
.diff .con .top-tit{
	position:relative; 
	left:50%;
	transform:translateX(-50%);
	font-size:18px; 
	font-weight:500; 
	background:linear-gradient(to right, #1b36f6, #19d4df); 
	color:#fff; 
	width:228px; 
	height:45px; 
	line-height:45px; 
	border-radius:80px;
	margin-bottom:30px;
}
.diff .con .txt-box{width:100%; background-color:#212121; color:#fff; font-size:22px; font-weight:500; line-height:30px; padding:25px 0px;word-break: keep-all;}
.diff .con .txt-box span{display:block;}


@media(max-width:1240px){
.diff .con .top-tit{font-size:16px; width:205px; height:42px; line-height:42px; margin-bottom:25px;}
.diff .con .txt-box{font-size:20px; line-height:26px; padding:20px 0px;}
.diff .con img{width:100%;}
}
@media(max-width:1099px){
.diff .inner{width:calc(100% - 30px);}
}
@media(max-width:992px){
.diff .con1,
.diff .con2{margin-bottom:60px;}
.diff .con .txt-box span{display:inline-block;}
}
@media(max-width:768px){
.diff .con .top-tit{margin-bottom:15px;}
.diff .con .txt-box{font-size:18px; line-height:24px; padding:15px 5px;}
}
@media(max-width:480px){
.diff .con .txt-box{font-size:16px; line-height:24px; padding:10px 8px;}
}

/*graph01*/
.graph-area{background:#f3f7fb;padding:20px}
.graph01{}
.graph01 .frtext{text-align:right; font-size:15px; color:#999}
.graph01 .frtext span:nth-child(1){color:#506a83}
.graph01 .frtext span:nth-child(2){color:#0089ff}

.graph01 .ex01,.graph01 .ex02{padding:0px; overflow:hidden;position:Relative; padding-left:0px;}
.graph01 .ex01{ margin-bottom:20px; }
.graph01 .ex02{ }
.graph01 .ex-t{margin-bottom:10px; overflow:hidden }
.graph01 .ex-t p{text-align:left;font-size:20px; font-weight:bold; margin:0px; float:left}
.graph01 ul{border-radius:15px; overflow:hidden;}
.graph01 ul li {float:left; border-right:1px solid #6b839b}
.graph01 ul li:last-child{border-right:0px}
.graph01 ul li div{display:flex; flex-direction: row; align-items: center;  height:60px; }
.graph01 ul li div p{text-align:center; width:100%; font-size:16px; color:#fff;  line-height:17px;}
.graph01 ul li div p span{font-size:13px; line-height:14px; display:block;}
.graph01 ul li div.bg1{background:#506a83}
.graph01 ul li div.bg2{background:#0089ff}
.graph01 ul li div.bg3{position:Relative;background: linear-gradient(to right, #f61b1b, #d319df);}
.graph01 ul li div.bg3 p{color:#fff; font-weight:bold; padding-bottom:20px; font-size:20px; }
.graph01 ul li div.bg3 p:after{content:""; height:1px; background:#fff; width:100%; position:absolute; left:0px; top:36px;}
.graph01 ul li div.bg3:before{content:"";position:Relative; top:6px;width:9px; height:9px; background:url(/image/arrow-l.png) top left no-repeat; display:block;}
.graph01 ul li div.bg3:after{content:"";position:Relative;  top:6px;width:9px; height:9px; background:url(/image/arrow-r.png) top left no-repeat; display:block;}
.graph01 .ex01 ul li:nth-child(1){width:15%;}
.graph01 .ex01 ul li:nth-child(2){width:15%}
.graph01 .ex01 ul li:nth-child(3){width:35%}
.graph01 .ex01 ul li:nth-child(4){width:10%}
.graph01 .ex01 ul li:nth-child(5){width:25%}
.graph01 .ex02 ul li:nth-child(1){width:10%}
.graph01 .ex02 ul li:nth-child(2){width:15%}
.graph01 .ex02 ul li:nth-child(3){width:10%}
.graph01 .ex02 ul li:nth-child(4){width:15%}
.graph01 .ex02 ul li:nth-child(5){width:50%}
.graph01-text{margin-top:20px;}
.graph01-text ul {padding-left:20px;}
.graph01-text ul li{list-style:disc; text-align:left; font-size:16px; word-break: keep-all;}
@media (max-width: 768px) {
.graph01 ul li div.bg3 p{font-size:17px; }
}
@media (max-width: 480px) {
.graph01 ul li div.bg3 p{font-size:16px; }
.graph01-text ul li{font-size:15px;}
}

/*graph02*/
.graph02{position:Relative;padding-top:52px; height:380px}
.graph02 .con-t{font-size:20px; font-weight:bold; color:#000; margin-bottom:15px}
.graph02:after{content:""; display:block; clear:both;}
.graph02-con{position:absolute; width:100%; z-index:3}
.graph02 .l-con{float:left; width:49%; border-radius:15px; background:#a5d5e1;padding:20px}
.graph02 .r-con{float:right; width:49%; border-radius:15px; background:#ebc3c7;padding:20px}
.graph02 ul{  margin: -3px;}
.graph02 ul li {float:left; padding: 3px; width:50%;}
.graph02 ul li div{display:flex; flex-direction: row; align-items: center;  height:98px; border-radius:15px;}
.graph02 .l-con  ul li div{background:#68a5b5}
.graph02 .r-con  ul li div{background:#d5969d}
.graph02 ul li div p{color:#fff; font-size:18px;width:100%; text-align:center}
.graph02 ul li div p span{font-size:13px; line-height:14px; display:block;}
.graph02 .ctTie{position:absolute; width:109px; height:109px; background:#4ab7fc; color:#fff; font-weight:bold; font-size:25px; text-align:Center; line-height:109px; top:0px; left:50%; transform:translateX(-50%); border-radius:100%;
z-index:5}
.arrow-b{width:121px; height:388px; background:url(/image/arrow-b.png) bottom center no-repeat; position:absolute; top:50px; left:50%; transform:translateX(-50%); }
.arrow-b p{padding-top:300px; color:#fff; font-weight:bold; font-size:25px; }
.b-txt{text-align:center;background: linear-gradient(to right, #1b36f6, #19d4df); font-size:30px; font-weight:bold; color:#fff;padding:30px 0px; line-height:1.3em}
@media (max-width: 768px) {
.graph02{margin-top:20px;height:380px}
.graph02 ul li div p{font-size:15px;}
.b-txt{font-size:22px; padding:25px 0px}
.graph02 .ctTie{width:70px; height:70px;line-height:70px; }
.graph02 .l-con,.graph02 .r-con{padding:10px;}
.graph02 .con-t{padding-top:10px}
.graph02-con{top:40px}
.arrow-b{height:350px; }
.arrow-b p{padding-top:260px;}
}
@media(max-width:480px){
.graph02{ height:480px}
.graph02 ul li { width:100%;}
.graph02 .l-con ul li div{height:72px;}
.graph02 .r-con ul li div{height:72px;}
.arrow-b{height:450px; }
.arrow-b p{padding-top:360px;}
.b-txt{font-size:18px; padding:25px 20px; word-break:keep-all;}
}

/*graph03*/

.graph03{}
.graph03 .line{height:7px;background: linear-gradient(to right, #1b36f6, #19d4df);}
.graph03-con{margin:0px -12px;}
.graph03-con:after{content:""; display:block; clear:both;}
.graph03-con .inner{float:left; width:25%; padding:0px 12px; position:Relative;}
.graph03-con .con-t{font-size:20px; font-weight:bold; color:#000; margin-bottom:15px; text-align:center;position:Relative;padding-top:20px;}
.graph03-con .con-t:after{content:""; display:Block; width:29px; height:29px; position:absolute; top:-17px; left:50%;transform:translateX(-50%);}
.graph03-con .inner:nth-child(1) .con-t:after,.graph03-con .inner:nth-child(2) .con-t:after{background:url(/image/circle1.png) top center no-repeat}
.graph03-con .inner:nth-child(3) .con-t:after,.graph03-con .inner:nth-child(4) .con-t:after{background:url(/image/circle2.png) top center no-repeat}
.graph03-con ul li{padding-bottom:12px;background:url(/image/b-arrow.png) bottom center no-repeat;margin-bottom:3px;}
.graph03-con ul li:last-child{padding:0px; margin:0px;}
.graph03-con ul li div{background:#b4c7cc; font-size:18px; text-align:Center; line-height:53px; border-radius:15px; color:#000}
.graph03-con ul li div.bg1{background:#1b36f6; color:#fff}
.graph03-con ul li div.bg2{background:#00b9c4; color:#fff}
.graph03-con ul:after{content:""; display:Block; height:100%; width:24px; background:url(/image/b-arrow2.png) bottom center no-repeat; position:absolute;top:-20px; right:-10px;}
.graph03-con .inner:last-child ul:after{display:none;}

@media (max-width: 768px) {
.graph03{padding-top:20px; max-width:300px; margin:0 auto;padding-left:20px;position:Relative}
.graph03 .line{float:left; height:1080px; width:7px;background: linear-gradient(to bottom, #1b36f6, #19d4df); position:absolute; left:0px; top:20px;}
.graph03-con .inner{ width:100%; margin-bottom:20px;}
.graph03-con .con-t{padding-top:0px;}
.graph03-con .con-t:after{ top:0px; left:-17px;;transform:translateX(-50%);}
.graph03-con ul li div{font-size:15px; line-height:43px; }
.graph03-con ul:after{content:""; display:Block; height:106px; width:11px; background:url(/image/b-arrow3.png) bottom center no-repeat #f3f7fb; position:absolute;top:auto; right:0px; bottom:-85px;}
}

 
/* destiny */
.destiny{display:  ; background:url(/Image/bg_con_04.png) center center no-repeat; text-align:center; background-size:cover;}
.destiny .box{}
.destiny .box ul{margin:0px -15px}
.destiny .box ul li{width:25%; float:left; padding:0px 15px;}
.destiny .box ul li:first-child{margin-left:12.5%;} /* 첫줄 세개 만들어주기 */
.destiny .box ul li:nth-child(-n+3){margin-bottom:30px;}/* 윗줄 아랫줄 간격추가 */
.destiny .box ul li .list-in{display:flex; flex-direction: column; align-items: center; width:100%; height:210px; background-color:#06193c; border-radius:20px;}
.destiny .box ul li .list-in img{margin:40px 0px 20px 0px;}
.destiny .box ul li .list-in > span{color:#fff; font-size:18px; line-height:25px; word-break:keep-all;}
.destiny .box ul li .list-in > span > span{display:block;}

@media(max-width:1240px){
.destiny .box ul li .list-in > span{font-size:16px;}
.destiny .box ul{margin:0px -10px}
.destiny .box ul li{padding:0px 10px;}
.destiny .box ul li:nth-child(-n+3){margin-bottom:20px;}/* 윗줄 아랫줄 간격추가 */
}
@media(max-width:1099px){
.destiny .box ul li .list-in{height:140px;}
.destiny .box ul li .list-in img{margin:20px 0px 15px 0px; height:48px; width:auto;}
.destiny .box ul li .list-in > span{font-size:15px; line-height: 20px;}
}
@media(max-width:768px){
.destiny .box ul{margin:0px -5px}
.destiny .box ul li{padding:0px 5px;}
.destiny .box ul li:nth-child(-n+3){margin-bottom:10px;}/* 윗줄 아랫줄 간격추가 */
}
@media(max-width:480px){
.destiny .box ul li:first-child{margin-left:0;} /* 첫줄 왼쪽 마진값 제거 */
.destiny .box ul li{width:100% !important; margin-bottom:10px !important;}
.destiny .box ul li .list-in{flex-direction: row; height:65px; padding-right:20px;}
.destiny .box ul li .list-in img{margin:0px 12px 0px 20px; width:38px; height:auto;}
.destiny .box ul li .list-in > span{text-align:left;}
.destiny .box ul li .list-in > span > span{display:inline; margin-left:3px;}
}


/***********************************************/
/************* 레퍼런스 페이지 **************/
/***********************************************/

/* 서브 그라데이션 색상 코드1 #00f6ff ->  #bc7aff */
/* 서브 그라데이션 색상 코드2 #0052e8 ->  #a97bff */

.eff-tit2{display:inline-block; background:linear-gradient(to right, #00f6ff, #bc7aff); color:transparent; -webkit-background-clip: text;}
.eff-tit3{display:inline-block; background:linear-gradient(to right, #0052e8, #a97bff); color:transparent; -webkit-background-clip: text;}
a.consel-btn{
	display:flex; 
	align-items: center; 
	justify-content: center; 
	position:relative;
	left:50%;
	transform:translateX(-50%);
	background-color:#0052e8; 
	width:363px; 
	height:95px; 
	color:#fff; 
	font-size:40px; 
	font-weight:700; 
	border-radius:100px;
	margin-top:60px;
	box-shadow: 0px 0px 10px -2px #000;
	}
a.consel-btn:hover{background-color:#0448c3;}
@media (max-width: 992px) {
a.consel-btn{width:250px;  height:65px; font-size:30px;}
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
a.consel-btn{margin-top:40px;font-size:25px;width:230px;  height:60px;}
}


.mainBanner{width:100%; background:url(/Image/main-img-v.png) center center no-repeat; background-size:cover;height:797px ;position:Relative}
.mainBanner .title{padding-top:230px; text-align:center;}
.mainBanner .title .top-tit{font-size:43px; font-weight:500; letter-spacing:8px;}
.mainBanner .title .main-tit{font-size:70px; line-height:70px; margin:50px 0px; letter-spacing:-1px;font-weight:bold}
.mainBanner .title .txt{font-size:35px; font-weight:500; line-height:50px; letter-spacing:-1px;}
.mainBanner .img1{position:absolute; top:50%; left:100px; transform:translateY(-50%;)}
.mainBanner .img2{position:absolute; top:30%; right:200px; transform:translateY(-50%;)}
.mainBanner .img3{position:absolute; bottom:30%; right:400px; transform:translateY(-50%;)}

@media (max-width: 1367px) {

}
@media (max-width: 1240px) {
.mainBanner,.mainBanner-v{height:557px}
.mainBanner .title{padding-top:120px; }
.mainBanner .title .top-tit{font-size:33px;}
.mainBanner .title .main-tit{font-size:55px; line-height:70px;margin:30px 0px;}
.mainBanner .title .txt{font-size: 30px; line-height: 45px;}
.mainBanner .img1{position:absolute; top:50%; left:50px; transform:translateY(-50%;); height:40px}
.mainBanner .img2{position:absolute; top:30%; right:100px; transform:translateY(-50%;); height:40px}
.mainBanner .img3{position:absolute; bottom:30%; right:200px; transform:translateY(-50%;); height:40px}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.mainBanner,.mainBanner-v{height:550px}
.mainBanner .title .top-tit{font-size:28px;}
.mainBanner .title .main-tit{font-size:48px;margin:20px 0px;}
}
@media (max-width: 768px) {
.mainBanner{height:auto;padding:60px 0px}
.mainBanner .title{padding-top:20px; }
.mainBanner .title .top-tit{font-size:20px;}
.mainBanner .title .main-tit{font-size:40px; line-height:1.2em;}
.mainBanner .title .txt{font-size: 25px; line-height: 35px;}
.mainBanner .img1{position:absolute; top:50%; left:0px; transform:translateY(-50%;); height:30px}
.mainBanner .img2{position:absolute; top:20%; right:50px; transform:translateY(-50%;); height:30px}
.mainBanner .img3{position:absolute; bottom:20%; right:90px; transform:translateY(-50%;); height:30px}
}
@media (max-width: 480px) {
.mainBanner .title .top-tit{letter-spacing:2px;}
.mainBanner .title .txt{font-size: 18px; line-height: 30px; display:inline-block;}
}

/* 탭 */
.tab-list{display: flow-root; position:relative; z-index:100;}
.tab-list ul{margin:0px -15px;}
.tab-list ul li{width:33.3333%;	float:left; padding:0px 15px;}
.tab-list ul li a{ position:relative; 	display:flex; align-items: center;   justify-content: center; width:100%; height:70px; color:#000;
	font-size:25px; font-weight:600; border: 2px solid transparent; border-radius: 20px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #0052e8,  #a97bff);
    background-origin: border-box; background-clip: content-box, border-box; word-break:keep-all; text-align:Center}
.tab-list ul li a.active{  background-image:linear-gradient(to right, #0052e8,  #a97bff) !important; color:#fff; }
.tab-list ul li a.active:after{ content:''; display:block; width:19px; height:16px; background:url(/Image/tab-tri.png) center center no-repeat; position:absolute; left:50%; bottom:-16px; transform:translateX(-50%); }
#tab02 .tab-list ul li a{background-image: linear-gradient(#242f3f, #242f3f), linear-gradient(to right, #0052e8,  #a97bff);color:#fff}
#tab03 .tab-list ul li a{background-image: linear-gradient(#1d242e, #1d242e), linear-gradient(to right, #0052e8,  #a97bff);color:#fff}
@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
.tab-list ul{padding:0px 100px}
.tab-list ul li a{font-size:22px;height:60px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.tab-list ul{padding:0px 0px}
.tab-list ul{margin:0px -5px;}
.tab-list ul li{ padding:0px 5px;}
.tab-list ul li a{font-size:20px;height:55px;}
}
@media (max-width: 768px) {
.tab-list ul li a{font-size:18px;height:55px;}
}
@media (max-width: 480px) {
.tab-list ul{margin:0px -2px;}
.tab-list ul li{ padding:0px 2px;}
.tab-list ul li a{font-size:16px; border-radius: 10px; }

}


/* 레퍼런스 - 자체서비스 */
.s-con1{margin-top:50px;}
.s-con1 .inner{padding:0px 75px;}
.s-con1 .inner ul{margin:0px -15px;}
.s-con1 .inner > ul > li{width:20%; float:left; padding:0px 15px;}
.s-con1 .inner ul li .list-in{ display:flex; 	align-items: center;  flex-direction: column;  justify-content: flex-start; position:relative;  width:100%;  height:460px;  border-radius:20px;  overflow:hidden; }
.s-con1 .inner ul li:nth-child(1) .list-in{background-color:#025253;}
.s-con1 .inner ul li:nth-child(1) .list-in:after{content:''; display:block; width:100%; height:245px; position:absolute; top:-2px; left:0; background:url(/Image/srvc-img-01.png) center center no-repeat;background-size:cover}
.s-con1 .inner ul li:nth-child(2) .list-in{background-color:#025078;}
.s-con1 .inner ul li:nth-child(2) .list-in:after{content:''; display:block; width:100%; height:245px; position:absolute; top:-2px; left:0; background:url(/Image/srvc-img-02.png) center center no-repeat;background-size:cover}
.s-con1 .inner ul li:nth-child(3) .list-in{background-color:#0a1391;}
.s-con1 .inner ul li:nth-child(3) .list-in:after{content:''; display:block; width:100%; height:245px; position:absolute; top:-2px; left:0; background:url(/Image/srvc-img-03.png) center center no-repeat;background-size:cover}
.s-con1 .inner ul li:nth-child(4) .list-in{background-color:#28183d;}
.s-con1 .inner ul li:nth-child(4) .list-in:after{content:''; display:block; width:100%; height:245px; position:absolute; top:-2px; left:0; background:url(/Image/srvc-img-04.png) center center no-repeat;background-size:cover}
.s-con1 .inner ul li:nth-child(5) .list-in{background-color:#070730;}
.s-con1 .inner ul li:nth-child(5) .list-in:after{content:''; display:block; width:100%; height:245px; position:absolute; top:-2px; left:0; background:url(/Image/srvc-img-05.png) center center no-repeat;background-size:cover}
.s-con1 .inner ul li .list-in > img, .s-con1 .inner ul li .list-in > div, .s-con1 .inner ul li .list-in > ul li{position:relative; color:#fff; z-index:100;}
.s-con1 .inner ul li .list-in > .img_box{margin-top:50px;height:52px;}
.s-con1 .inner ul li .list-in > div.tit{font-size:25px; font-weight:600; margin:25px 0px;}
.s-con1 .inner ul li .list-in > div.txt{font-size:20px; font-weight:600;line-height:1.3em;padding:0px 25px ; text-align:center;word-break:keep-all}
.s-con1 .inner ul li .list-in > div.txt span{display:block;}
.s-con1 .inner ul li .list-in > ul{position:relative; padding-top:55px; width:calc(100% - 60px);}
.s-con1 .inner ul li .list-in > ul:before{content:''; display:block; position:absolute; top:27.5px; left:50%; transform:translateX(-50%); width:100%; height:1px; background-color:rgba(255,255,255,0.5)}
.s-con1 .inner ul li .list-in > ul li{list-style: disc;margin-left:15px; font-size:18px; line-height:25px; letter-spacing:-0.5px; word-break:keep-all;margin-bottom:5px}
.s-con1 .inner ul li .list-in > ul li p{margin:0; font-size:18px;}
@media (max-width: 1367px) {
.s-con1 .inner{padding:0px 20px;}
.s-con1 .inner ul{margin:0px -10px;}
.s-con1 .inner > ul > li{ padding:0px 10px;}
}
@media (max-width: 1240px) {
.s-con1 .inner ul{margin:0px -5px;}
.s-con1 .inner > ul > li{ padding:0px 5px;}
.s-con1 .inner ul li .list-in{height:480px; }
.s-con1 .inner ul li .list-in > div.tit{font-size:22px; }
.s-con1 .inner ul li .list-in > div.txt{font-size:18px;}
.s-con1 .inner ul li .list-in > ul li{font-size:16px;}
.s-con1 .inner ul li .list-in > ul{ width:calc(100% - 40px);}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.s-con1{margin-top:30px;}
.s-con1 .inner > ul > li{width:33.333%; margin-bottom:10px}
.s-con1 .inner ul li .list-in > ul{ padding-top:35px; }
.s-con1 .inner ul li .list-in > ul:before{ top:19.5px; }
.s-con1 .inner ul li .list-in > .img_box{margin-top:40px; }
.s-con1 .inner ul li .list-in > div.tit{font-size:20px; margin:10px 0px;}
.s-con1 .inner ul li .list-in{height:370px; }
.s-con1 .inner > ul > li:nth-child(4){margin-left:16.666%}
}
@media (max-width: 768px) {
.s-con1 .inner > ul > li{ width:50%;}
.s-con1 .inner > ul > li:nth-child(4){margin-left:0px}
.s-con1 .inner ul li .list-in > div.tit{font-size:20px; }
.s-con1 .inner ul li .list-in > div.txt{font-size:16px;}
.s-con1 .inner > ul > li:nth-child(5){margin-left:25%}
.s-con1 .inner ul li .list-in{height:350px; }
}
@media (max-width: 480px) {
.s-con1{padding:0px 0px}
.s-con1 .inner > ul > li{ width:100%;}
.s-con1 .inner > ul > li:nth-child(5){margin-left:0%}
.s-con1 .inner ul li .list-in{height:auto; padding-bottom:35px }
}


/* 레퍼런스 - 제휴/커스터마이징 */
/* box1 */
.s-con2{background:url(/image/bg02.png) top left repeat-x;overflow:hidden}
.s-con2 .box1{position:relative;}
.s-con2 .box1 .title{padding-top:50px; text-align:center;}
.s-con2 .box1 .wt-tit{text-align:center;}
.s-con2 .box1 .obj{display:flex; justify-content: space-evenly; align-items: center; flex-direction: row; /* height:380px; */ background-color:#edf5fe; border-radius:20px; padding:0px 165px;}
.s-con2 .box1 .obj .center-con{font-size:157px; line-height:157px; font-weight:800; margin-top:-80px;}
.s-con2 .box1 .obj .left-con,.s-con2 .box1 .obj .right-con{padding:60px 0px;}
.s-con2 .box1 .obj .txt{font-size:25px; font-weight:600; color:#000; text-align:center; margin-top:30px;}
@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.s-con2 .box1 .obj{padding:0px 65px;}
}
@media (max-width: 768px) {
.s-con2 .box1 .obj .txt{font-size:20px;margin-top:10px;}
.s-con2 .box1 .obj img{width:150px}
.s-con2 .box1 .obj{padding:0px 50px;}
.s-con2 .box1 .obj .left-con,.s-con2 .box1 .obj .right-con{padding:40px 0px;}
.s-con2 .box1 .obj .center-con{font-size:100px;margin-top:-50px;}
}
@media (max-width: 480px) {
.s-con2 .box1 .obj{ flex-direction: column;padding:30px 0px}
.s-con2 .box1 .obj .left-con,.s-con2 .box1 .obj .right-con{padding:0px 0px ;}
.s-con2 .box1 .obj .center-con{ line-height:50px;margin-top:0px;height:65px;margin:15px 0px}
}

/* box2 */
.s-con2 .box2{text-align:center;margin-top:100px;}
.s-con2 .box2 ul{}
.s-con2 .box2 ul li{display:flex; flex-direction: column; align-items: center; justify-content: flex-start; width:33.3333%; float:left; height:420px;}
.s-con2 .box2 ul li:nth-child(-n+6){margin-bottom:60px;}
.s-con2 .box2 ul li .eff-tit3{font-size:22px; font-weight:bold; margin:30px 0 25px 0;}
.s-con2 .box2 ul li p{margin:0; line-height:30px; font-size:17px; word-break:keep-all;}
.s-con2 .box2 ul li p span{display:block;}
.s-con2 .box2 ul li:nth-child(1) img{position:Relative; left:12px;}
@media (max-width: 1367px) {

}
@media (max-width: 1240px) {
.s-con2 .box2{margin-top:60px;padding:0px 50px;}
.s-con2 .box2 ul{margin-top:50px;}
.s-con2 .box2 ul li{width:50%; }
.s-con2 .box2 ul li:nth-child(-n+6){margin-bottom:40px;}
.s-con2 .box2 ul li .eff-tit3{font-size:22px; }
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.s-con2 .box2{ padding:0px 0px;}
.s-con2 .box2 ul li{height:320px; }
.s-con2 .box2 ul li img{height:228px;}
.s-con2 .box2 ul li .eff-tit3{ margin:20px 0 10px 0;}
.s-con2 .box2 ul li p{line-height:26px}
}
@media (max-width: 768px) {
.s-con2 .box2 ul{margin-top:30px;}
.s-con2 .box2 ul li{height:280px; }
.s-con2 .box2 ul li img{height:180px;}
.s-con2 .box2 ul li p span{display:inline-block;}
.s-con2 .box2 ul li .eff-tit3{font-size:18px; }
.s-con2 .box2 ul li p{font-size:16px; }
}
@media (max-width: 480px) {
.s-con2 .box2{margin-top:60px;}

.s-con2 .box2 ul li{width:100%; height: auto }
.s-con2 .box2 ul li:nth-child(-n+6){margin-bottom:30px;}

}


/* 레퍼런스 - SI 개발 */
.s-con3{background:url(/Image/si-bg.png) center center no-repeat; position:relative; top:0px; background-size:cover }
.s-con3 .box1{padding:0px 30px; max-width:1600px; margin:0 auto;}
.s-con3 .box1 ul.con3-list{  margin:0px -15px;padding-top:100px}
.s-con3 .box1 ul.con3-list li{width:33.333%; float:left; padding:0px 15px;}
.s-con3 .box1 ul.con3-list li .list-in{position:relative; padding:50px 40px; min-height:435px; border-radius:20px; overflow:hidden; top:0px; transition:all 0.3s;}
.s-con3 .box1 ul.con3-list li:nth-child(1) .list-in{background-color:#0072ff;}
.s-con3 .box1 ul.con3-list li:nth-child(1) .list-in:before{content:''; display:block; position:absolute; top:-2px; left:0; width:100%; height:110%; background:url(/Image/si-img-01.png)center center no-repeat; background-size:cover;}
.s-con3 .box1 ul.con3-list li:nth-child(2) .list-in{background-color:#452ef3;}
.s-con3 .box1 ul.con3-list li:nth-child(2) .list-in:before{content:''; display:block; position:absolute; top:-2px; left:0; width:100%; height:110%; background:url(/Image/si-img-02.png)center center no-repeat; background-size:cover;}
.s-con3 .box1 ul.con3-list li:nth-child(3) .list-in{background-color:#7f28f5;}
.s-con3 .box1 ul.con3-list li:nth-child(3) .list-in:before{content:''; display:block; position:absolute; top:-2px; left:0; width:100%; height:110%; background:url(/Image/si-img-03.png)center center no-repeat; background-size:cover;}
.s-con3 .box1 ul.con3-list li:nth-child(2){position:Relative; top:-50px;}
.s-con3 .box1 ul.con3-list li .list-in > img, .s-con3 .box1 ul.con3-list li .list-in > div, .s-con3 .box1 ul.con3-list li .list-in > p{position:relative; z-index:100;}
.s-con3 .box1 ul.con3-list li img{}
.s-con3 .box1 ul.con3-list li .title{color:#fff; font-size:25px; margin:40px 0px 28px 0px;word-break:keep-all;}
.s-con3 .box1 ul.con3-list li .txt{color:#fff; font-size:18px; letter-spacing:-1px; font-weight:300; line-height:30px; margin:0;word-break:keep-all;padding-right:100px;}
@media (max-width: 1367px) {
.s-con3 .box1 ul.con3-list li .list-in{  padding:50px 30px }
}
@media (max-width: 1240px) {
.s-con3 .box1 ul.con3-list{  margin:0px -5px; }
.s-con3 .box1 ul.con3-list li{ padding:0px 5px;}
.s-con3 .box1 ul.con3-list li .title{ font-size:22px; }
.s-con3 .box1 ul.con3-list li .txt{ font-size:16px;padding-right:0px;}


}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.s-con3 .box1 ul.con3-list li .title{ font-size:20px;margin:20px 0px 20px 0px;}
.s-con3 .box1 ul.con3-list{  padding-top:40px}
.s-con3 .box1 ul.con3-list li img{height:50px;}
.s-con3 .box1{width:80%;}
.s-con3 .box1 ul.con3-list li{width:100%; }
.s-con3 .box1 ul.con3-list li:nth-child(2){position:Relative; top:0px; margin:20px 0px}
.s-con3 .box1 ul.con3-list li .list-in{ min-height:auto; }
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
.s-con3 .box1{ width:100%; }
}

/* 레퍼런스 - 개발실적 */
.s-con4 .box2 .title{text-align:center;}
.s-con4 .box2 ul{}
.s-con4 .box2 ul li{width:33.3333%; float:left; text-align:Center; height:320px}
.s-con4 .box2 ul li .img-box{width:270px; height:159px; border-radius:15px; background:#f4f4f4; margin:0 auto 10px;position:Relative}
.s-con4 .box2 ul li .img-box img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.s-con4 .box2 ul li .s-t{font-size:22px; font-weight:bold; margin:20px 0px;}
.s-con4 .box2 ul li p{margin:0px;font-size:17px; word-break:keep-all;}
@media (max-width: 1367px) {
.s-con4 .box2 ul li .s-t{font-size:20px;}
}
@media (max-width: 1240px) {

.s-con4 .box2 ul li p{ font-size:16px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.s-con4 .box2 ul{margin:0 -5px;}
.s-con4 .box2 ul li{ padding:0px 5px;height:280px}
.s-con4 .box2 ul li .s-t{ margin:10px 0px;}
.s-con4 .box2 ul li .img-box{width:100%; height:132px; }
.s-con4 .box2 ul li .img-box img{max-width:100%}
}
@media (max-width: 768px) {
.s-con4 .box2 ul li .s-t{font-size:18px;}
.s-con4 .box2 ul li{width:50%;}
}
@media (max-width: 480px) {
.s-con4 .box2 ul li{width:100%;height:auto; margin-bottom:30px}
.s-con4 .box2 ul li:last-child{margin:0px}
.s-con4 .box2 ul li .img-box{max-width:270px} 
}


/*개발 사업 실적*/
.s-con5{background:url(/image/bot-bg.png) bottom center no-repeat #151541; background-size:cover}
.s-con5 .title{text-align:center;}
.s-con5 .table-area{background:rgba(0,0,0,.2);color:#fff; border-top:1px solid #000;border-bottom:1px solid #000; font-size:17px;}
.s-con5 .table-area th{text-align:center; vertical-align:top}
.s-con5 .table-area thead th{font-size:20px;height:57px; vertical-align:middle}
.s-con5 .table-area td{border-left:1px solid #0f0f2f;padding:5px 40px;vertical-align:top; line-height:22px; word-break-keep-all;}
.s-con5 .table-area .year2{color:#5ac3ff}
.s-con5 .table-area .year1{color:#9c71ff}
.s-con5 .table-area .year0{color:#ea91f2}
.s-con5 .table-area .year-con th,.s-con5 .table-area .year-con td{ border-top:1px solid #000;padding-top:20px}
.s-con5 .table-area .year-con-b th,.s-con5 .table-area .year-con-b td{padding-bottom:20px}
.s-con5 .table-area p{background:url(/image/bl.png) left 7px no-repeat; margin:0px; padding-left:15px;font-size:17px; line-height:22px}

@media (max-width: 992px) {

.s-con5 .table-area thead th,.s-con5 .table-area colgroup{display:none}
.s-con5 .table-area tbody tr{display:block; overflow:hidden;position:Relative;padding-left:70px}
.s-con5 .table-area tbody th{position:absolute;left:20px}
.s-con5 .table-area tbody td{float:left;padding:5px;border-left:0px;}
.s-con5 .table-area tbody td:last-child{color:#ccc;font-size:13px}
.s-con5 .table-area p{font-size:15px}
.s-con5 .table-area .year-con th,.s-con5 .table-area .year-con td{ border-top:0px solid #000;padding-top:20px}
.s-con5 .table-area .year-con-b th,.s-con5 .table-area .year-con-b td{padding-bottom:20px}
}
@media (max-width: 768px) {
.s-con5 .table-area tbody tr{ padding-left:0px}
.s-con5 .table-area tbody th{position:Relative;left:0px;padding-bottom:5px}
.s-con5 .table-area tbody td{width:100%;}
.s-con5 .table-area .year-con th,.s-con5 .table-area .year-con td{  padding-top:0px}
.s-con5 .table-area .year-con-b th,.s-con5 .table-area .year-con-b td{padding-bottom:0px}
.s-con5 .table-area tbody td:last-child{position:Relative; top:-5px;padding-left:19px}
.s-con5 .table-area{padding:10px 20px}
}
@media (max-width: 480px) {
}

/*상담*/
.consulting{background:url(/image/bg05.png) top center no-repeat #ebebeb;overflow:hidden; background-size:110%}
.consulting .box1{position:relative;}
.consulting .box1 .title{padding-top:50px; text-align:center;}
.consulting .box1 .wt-tit{text-align:center;}
.consulting .box1 .wt-tit span{display:block;}
.consulting .box1 .obj{ background-color:#fff; border-radius:20px; padding:80px;}
.consulting .box1 .obj .input{overflow:hidden; margin-bottom:20px}
.consulting .box1 .obj .input .label-sm{font-size:17px; display:block; font-weight:bold; color:#666; margin-bottom:10px;}
.consulting .box1 .obj .input .inp{border-radius: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 16px;
    border-radius: 10px;
    background-color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    border: 1px solid #e9e9e9;}
.consulting .box1 .obj .input .inp.wd100{width:150px;}
.num-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}
.highpoon {
    font-size: 1.125rem;
    font-weight: 400;
    color: #ababab;
}
.consulting .box1 .obj .input .phone{position:Relative; padding-right:150px;}
.consulting .box1 .obj .input a{display:block; width:140px; height: 50px;line-height:50px;font-size: 1.125rem; text-align:center; background:gray;border-radius: 10px; color:#fff;position:Absolute; right:0px; top:5px;}
.consulting .box1 .obj .input a.blue{background:#0a54e9}
.consulting .box1 .obj .input a.mt0{top:0px;}
textarea.inp{padding:20px 0px;min-height:200px;}
@media (max-width: 1367px) {
.consulting{background-size:130%}
}
@media (max-width: 1240px) {
.consulting .box1 .title{padding-top:40px; }
.consulting{background-size:140%}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.consulting{background-size:200%}
.consulting .box1 .title{padding-top:30px; }
}
@media (max-width: 768px) {
.consulting{background-size:250%}
.consulting .box1 .title{padding-top:10px; }
.consulting .box1 .obj{padding:30px ;}
}
@media (max-width: 480px) {
.consulting{background-size:300%}
.consulting .box1 .title{padding-top:0px; }
.consulting .box1 .obj{padding:20px ;}
.consulting .box1 .obj .input .inp,.highpoon,.consulting .box1 .obj .input a{font-size: 1rem;}
.consulting .box1 .obj .input .phone{position:Relative; padding-right:105px;}
.consulting .box1 .obj .input a{width:100px;}
.num-grp{gap: 4px;}
.consulting .box1 .obj .input .inp.wd100{width:100px;}
.consulting .box1 .obj .input .inp{padding: 0 10px;}
}


/* footer */
#footer{display:flow-root; width:100%; background-color:#fff; padding:60px 0px;}
#footer h4.company{font-size:18px; font-weight:700; margin-bottom:25px;}
#footer ul{display:block;}
#footer ul.btn-area li,#footer ul.info li{float:left;}
#footer ul.btn-area li:not(:first-child),#footer ul.info li:not(:first-child){margin-left:20px;}
#footer ul.info li:last-child{display:block; width:100%; margin-left:0px;}

#footer ul.btn-area li,
#footer ul.btn-area li a{font-size:15px; font-weight:400;}

#footer h4.company,
#footer ul.btn-area li a{color:#010101;}

#footer ul.info{display: inline-block; margin:22px 0px;}
#footer ul.info li{color:#676767;}
#footer em.copyright{display:block; float:left; width:100%; font-size:13px; font-weight:400; font-style:normal; color:#969696;}

@media(max-width:1240px){
#footer{padding:40px 0px;}
#footer h4.company{font-size:16px; margin-bottom:20px;}
#footer ul.info{display: inline-block; margin:17px 0px;}
}
@media(max-width:992px){
#footer ul.info li:nth-child(5){margin-left:0px;}
#footer ul.info li:last-child{display:inline; width:auto; margin-left:20px;}
}
@media(max-width:768px){
#footer{text-align:center;}
#footer ul{text-align:center;}
#footer ul.btn-area li{float:initial; margin-left:0 !important;}
#footer ul.btn-area li:not(:last-child){margin-bottom:10px;}
#footer ul.btn-area li a{display:block; width:calc(100% - 100px); height:42px; line-height:42px; border-radius:50px; background-color:#010101; color:#fff; margin:0 auto;}
#footer ul.info li{display:block !important; width:100% !important; margin-left:0 !important;}
}
@media(max-width:480px){
#footer{padding:28px 0px;}
#footer ul.btn-area li a{width:100%;}
}

/* quick */
.quick{position:fixed; bottom:85px; right:20px; z-index:999;}
.quick ul{}
.quick ul li{display:flex; align-items: center; justify-content: flex-start; width:180px; height:52px; background-color:rgba(255,255,255,.7); box-shadow: 0px 0px 5px rgba(0,0,0,0.3); border-radius:20px;  transition:0.3s;}
.quick ul li:first-child{color:#010101; font-size:16.5px; font-weight:700; margin-bottom:12px;}
.quick ul li:hover{transform:scale(1.05); transition:0.3s;}
.quick ul li img{width:26px; height:auto; margin-right:7px; margin-left:16px;}
.quick ul li a{display:block; width:100%; height:100%; line-height:52px; color:#1b36f6;  font-size:16.5px; font-weight:700;}
.quick ul li a img{vertical-align:middle;}
@media(max-width:1367px){
}
@media(max-width:1240px){
}
@media(max-width:1099px){
}
@media(max-width:992px){
}
@media(max-width:768px){
/*.quick ul li{font-size:0px !important; width:52px; height:52px; justify-content: center; }*/
.quick ul li{width:180px; height:52px; justify-content: center; }
.quick ul li img{margin:0px 0px 0px 0px;}
/*.quick ul li a{font-size:0px !important; width:initial;}*/
.quick ul li a{width:initial;}
.quick{ bottom:40px; }
}
@media(max-width:480px){

}

/* pop-area */

.pop-area{position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1000; display:none}
.pop-area .pop-area-con{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:500px; height:663px;padding: 46px 14px  26px 26px; background:#fff; border-radius:15px;}
.pop-area .pop-area-con .tit{font-size:28px; font-weight:bold; text-align:Center; margin-bottom:25px;}
.pop-area .pop-area-con .scroll-section{height: 475px; padding-right: 13px;overflow-y: auto;margin-bottom:20px;}
.tit2{font-size:17px; font-weight:bold;  text-align:center;margin-bottom:10px;}
.tit-s{margin-bottom:10px;text-align:left!important;}
ul.txt-list{overflow:hidden; margin-bottom:25px;}
ul.txt-list li{float:none!important;padding-left:20px;margin-left:0px!important; word-break:keep-all;margin-bottom: 5px; line-height: 1.5;font-size: 0.9375rem;}
ul.txt-list li p{padding-left:20px;margin:0px; margin-top:5px;}
.pop-area .mb15{margin-bottom:15px;}
.pop-area .btn-group {padding-right:12px;}
.pop-area .btn-group ul{margin:0px -5px; overflow:hidden; }
.pop-area .btn-group li{float:left!important; width:50%; padding:0px 5px;margin:0px!important; font-weight:400}
.pop-area .btn { border-radius: 0;  background-color: transparent;  border: 0;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;   padding: 0;  outline: none;  -webkit-box-shadow: none;  box-shadow: none; cursor: pointer; }
.pop-area .btn-cancel {  width: 100%; height: 50px; border-radius: 10px; background-color: #bcc6db; font-size: 1.125rem; font-weight: 600;  color: #fff; }
.pop-area .btn-primary-sm {width: 100%; height: 50px; border-radius: 10px; background-color: #0961F5; font-size: 1.125rem; font-weight: 600;  color: #fff; }
.pop-area table{border-collapse: collapse; border-spacing: 0;width:100%;margin-top:10px;}
.pop-area table th, .pop-area table td{border:1px solid #333;padding: 0px 5px;}
.pop-area table th{text-align:center;}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
#footer ul.txt-list{text-align:left}
.pop-area .pop-area-con{width:500px; height:663px;}
}
@media (max-width: 480px) {
.pop-area .pop-area-con{width:90%;}
}

/* -------------------------------------------------------------- */
/* 05. Scripts Styles
----------------------------------------------------------------- */

/* ---------------------------------- */
/* Slick Slider
------------------------------------- */
/* Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {position: relative; display: block;overflow: hidden;margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide { display: none; float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {isplay: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide { display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* Arrows */
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute;  top: 50%; display: block;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); cursor: pointer; border: none; outline: none;  background-color: #7f7f7f; border-radius: 50%; width: 35px; height: 35px;display: block;
    top: 50%; transform: translateY(-50%);transition: 0.3s;  box-shadow: 0 0px 0px rgba(0,0,0,0.0);  z-index: 10;}
.slick-prev:hover,
.slick-next:hover {color:transparent;outline: none;background: #2c53b0;}
.slick-prev:hover:before,
.slick-next:hover:before {opacity: 1; color:#fff;}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {pointer-events: none;cursor: default;background-color: #e8e8e8;box-shadow: none;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {color: #808080;}
.slick-prev:before,
.slick-next:before {font-family: "Feather-Icons"; font-size: 26px;line-height: 1;opacity: 1;transition: 0.3s;position: relative;color: #fff;}
.slick-prev { left: -55px; }
.slick-prev:before {  content: '\e92f'; left: -1px; }
.slick-next {  right: -55px; }
.slick-next:before { content: '\e930'; right: -1px; }
/* Dots */
.slick-dots {margin: 0 auto;padding: 20px 0px 0px 0px;text-align: center;}
.slick-dots li {position: relative; display: inline-block;padding: 0; margin: 0 3px;cursor: pointer;}
.slick-dots li {font-size: 0; line-height: 0; cursor: pointer; color: transparent;border: 0;position: relative;outline: none;display: inline-block;width: 15px;
	height: 15px;margin: 0 3px;opacity: 1;border-radius: 50%;line-height: 0;box-shadow: inset 0 0 0 2px #CCC;transition: all 0.3s;}
.slick-dots li.slick-active {box-shadow: inset 0 0 0 6px #111;transition: all 0.3s;}
.slick-dots li:after { display: block;height: 13px;width: 13px;content: "";position: absolute;top: 1px;left: 1px;background-color: transparent;
	border-radius: 50%;transition: all 0.3s;opacity: 0;background-color: #111;}
.slick-dots li.slick-active:after {opacity: 1;}
.slick-dots button{display:none;}

@media(max-width:1240px){
.slick-prev { left: -5px; }
.slick-next {  right: -5px; }
}
@media(max-width:1099px){
}
@media(max-width:992px){
}
@media(max-width:768px){
}
@media(max-width:480px){
}