/* common */
#subVisual { width:100%; height:460px; display:table; text-align:center;  position:relative;  overflow:hidden;  transition:all .3s; }
#subVisual h2 { display:table-cell; vertical-align:middle; color:#fff; font-family: 'Poppins',  sans-serif; font-size:72px; font-weight:800; letter-spacing:-1.5px;  }
#subVisual h2 span { display:block; font-size:30px; font-weight:300; }
#subVisual .bg { position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; animation:subVs 1s; }
#subVisual .bg.sub1 { background:url('/img/sub/subVisual1_1.jpg') no-repeat center; background-size:cover; }
#subVisual .bg.sub2 { background:url('/img/sub/subVisual2_1.jpg') no-repeat center; background-size:cover; }
#subVisual .bg.sub3 { background:url('/img/sub/subVisual3.png') no-repeat center; background-size:cover; }
#subVisual .bg.sub4 { background:url('/img/sub/subVisual4.png') no-repeat center; background-size:cover; }
#subVisual .bg.sub5 { background:url('/img/sub/subVisual5.png') no-repeat center; background-size:cover; }
@keyframes subVs { 
	0% { transform:scale(1.5); }
	100% { transform:scale(1);  }
}

.lnb { text-align:center; height:70px; box-sizing:border-box; position:relative; }
.lnb:before { content:""; display:block; width:100%; height:1px; background:#e5e5e5;  position:absolute; bottom:0; left:0; z-index:-1;}
.lnb ul { font-size:0; }
.lnb li { display:inline-block; vertical-align:top; width:200px; }
.lnb li a { height:69px; line-height:69px; font-size:17px; color:#666;  width:100%; display:block; }
.lnb li.on a { color:#09357f; font-weight:500; }
.lnb li.on { border-bottom:1px solid #09357f; }
.lnb.hide { display:none; }

#subCont { padding:140px 0 100px; margin:auto; }
#subCont .tit { text-align:center; }
#subCont .tit h3 { color:#222; font-size:45px; font-weight:700; word-break:keep-all;  }
#subCont .tit.size h3 { font-size:60px; }
#subCont .tit p { margin-top:30px; color:#444; font-size:17px; font-weight:300; line-height:160%; !important; word-break:keep-all;  }
#cont { margin-top:70px; }



/*******************************************************************************************************/

/* 데이터솔루션 & 가공 및 업데이트*/
.contTabMenu { border-top:1px solid #e5e5e5; overflow:hidden; position:relative; }
.contTabMenu li { float:left; width:25%; text-align:center; box-sizing:border-box; border-bottom:1px solid #e5e5e5; }
.contTabMenu li a { display:table; width:100%; height:70px;   }
.contTabMenu li a span  { display:table-cell; vertical-align:middle; font-size:17px;  }
.contTabMenu li.on a { color:#09357f; font-weight:600; }
.contTabMenu li.on { border-bottom-color:#09357f; }
.contTab { margin-top:95px; overflow:hidden; }
.contTab > div:not(:first-child) { display:; }
.contTab .tit dt { color:#222; font-size:42px; line-height:120%; font-weight:700; padding-top:40px;  background:url('/img/sub/bullet_tab.png') no-repeat center top; }
.contTab .tit dd { margin-top:25px; color:#333; font-size:19px; }
.contTab .imgBox { margin-top:65px; text-align:center; position:relative; width:100%;  }
.contTab .imgBox { opacity:0; }
.contTab .imgBox.on { opacity:0; animation:slideUp 1s .8s; animation-fill-mode:forwards;  }
.contTab .imgBox i { position:absolute; }
.contTab .imgBox.on i { animation-fill-mode:forwards; }

.imgBox.on .ver11 img { position:relative; animation-fill-mode:forwards;  }



.ver21 i.text1 { top:125px; left:50%; margin-left:-475px; }
.ver21 i.text2 { top:310px; left:50%; margin-left:-428px; }
.ver21 i.text3 { top:465px; left:50%; margin-left:-290px; }
.ver21 i.text4 { top:520px; left:50%; margin-left:-80px; }
.ver21 i.text5 { top:465px; right:50%; margin-right:-290px; }
.ver21 i.text6 { top:310px; right:50%; margin-right:-428px; }
.ver21 i.text7 { top:125px; right:50%; margin-right:-475px; }





.ver23 i.text1 { top:30px; left:50%; margin-left:-586px; }
.ver23 i.text2 { top:140px; left:50%; margin-left:-586px; }
.ver23 i.text3 { top:54px; left:50%; margin-left:60px; }


.ver21.on i.text1 { animation:zoom-in 2s .1s;  }
.ver21.on i.text2 { animation:zoom-in 2.5s .2s; }
.ver21.on i.text3 { animation:zoom-in 3s .3s; }
.ver21.on i.text4 { animation:zoom-in 3.5s .4s; }
.ver21.on i.text5 { animation:zoom-in 3s .3s; }
.ver21.on i.text6 { animation:zoom-in 2.5s .2s; }
.ver21.on i.text7 {  animation:zoom-in 2s .1s; }






.ver23.on i.text1 { animation:zoom-in 2s .1s;  }
.ver23.on i.text2 { animation:zoom-in 3s .3s;  }
.ver23.on i.text3 { animation:zoom-in 2.5s .2s;  }


.imgBox.on .ver11 img:first-child { animation:fade-in 2s .1s;  }
.imgBox.on .ver11 img:nth-child(2) { animation:fade-in 2.2s .1s;  }
.imgBox.on .ver11 img:nth-child(3) { animation:fade-in 2.4s .1s;  }
.imgBox.on .ver11 img:nth-child(4) { animation:fade-in 2.6s .1s;  }
.imgBox.on .ver11 img:nth-child(5) { animation:fade-in 2.8s .1s;  }
.imgBox.on .ver11 img:nth-child(6) { animation:fade-in 3s .1s;  }


.ver12.on i.text1 { animation:fade-in 2s .1s;  }
.ver12.on i.text2 { animation:fade-in 2.5s .2s; }

/* .ver13.on i.text1 { animation:fade-in 2s .1s;  }
.ver13.on i.text2 { animation:fade-in 2.3s .2s;  } */

.ver13.on i.text1 { animation:fade-in 2s .1s;  }
.ver13 i.text2 { z-index:-1; }
.ver13.on i.text2 { animation:fade-in 2.5s .2s;  }
.ver13.on i.text3 { animation:fade-in 3s .2s;  }
.ver13.on i.text4 { animation:fade-in 3.5s .2s;  }

@keyframes slideUp{
	0% { opacity:0; transform:translateY(50%); }
	100% { opacity:1; transform:translateY(0); }
}
@keyframes zoom-in{
	0%, 50% { opacity:0; transform:scale(0); }
	100% { opacity:1; transform:scale(100%); }
}
@keyframes fade-in{
	0%, 80% { opacity:0;  }
	100% { opacity:1; }
}




.contTab .imgBox.listBox { border:1px solid #e5e5e5; box-sizing:border-box; overflow:hidden; padding:48px; }
.contTab .imgBox.listBox li { float:left; width:50%; position:relative; }
.contTab .imgBox.listBox li:last-child:before { content:""; display:block; width:1px; height:100%; background:#e5e5e5; position:absolute; top:0; left:0; }

.contTab .txtBox { margin-top:100px; background:#eef0f7; padding:100px 90px;  }
.contTab .txtBox > div { overflow:hidden; margin-top: 60px; }
.contTab .txtBox > div:first-child { margin-top:0; }
.contTab .txtBox h4 { float:left; font-size:35px; font-weight:700; color:#222; width:400px; }
.contTab .txtBox .fcBox { float:left; width:calc(100% - 400px);  background:#fff; }
.contTab .txtBox .fcBox ul { overflow:hidden; padding:25px; float:left; width:50%; box-sizing:border-box; }
.contTab .txtBox .fcBox.single ul { width:calc(100% - 50px); }
.contTab .txtBox .fcBox li { border-top:1px solid #e5e5e5; width:100%; padding:15px 0; display:table; }
.contTab .txtBox .fcBox li:first-child { border-top:none; }
.contTab .txtBox .fcBox li h5 { font-size:13px; font-weight:700; color:#b9bfd2; text-align:left; display:table-cell; vertical-align:top; width:50px; text-indent:15px; }
.contTab .txtBox .fcBox li p { font-size:18px; font-weight:500; color:#333; display:table-cell; vertical-align:top; text-align:left; width:calc(100% - 50px);  }
.contTab .txtBox .exList { float:left; width:calc(100% - 400px); }
.contTab .txtBox .exList li { float:left; margin-right:9px; background:#fff; width:calc(19.75% - 6px); height:120px; display:table; text-align:center; }
.contTab .txtBox .exList li:last-child { margin-right:0; }
.contTab .txtBox .exList li span { display:table-cell; vertical-align:middle; color:#333; font-size:19px; font-weight:500; }

.contTab .imgBox.process > p { text-align:center; font-size:0; max-width:1523px; margin:auto; }
.contTab .imgBox.process > p img { width:100%; }
.contTab .imgBox.process > p img:first-child { width:20%; }
.contTab .imgBox.process > p img:nth-child(2) { width:18.5%; }
.contTab .imgBox.process > p img:nth-child(3) { width:11%; }
.contTab .imgBox.process > p img:nth-child(4) { width:18.5%; }
.contTab .imgBox.process > p img:nth-child(5) { width:11%; }
.contTab .imgBox.process > p img:last-child { width:16.5%; }
.contTab .imgBox.process .box { border:1px solid #e5e5e5; margin-top:30px; }
.contTab .imgBox.process .box > div { padding:50px 0; }
.contTab .imgBox.process .box p { background:#f5f5f5; display:table; width:100%; height:60px; }
.contTab .imgBox.process .box p span { text-align:center; display:table-cell; vertical-align:middle; color:#333; font-weight:700; font-size:18px; }

.contTab .imgBox.process .box > div img { width:100%; max-width:1198px; }


.contTab .imgBox.process .list { margin-top:60px; } 
.contTab .imgBox.process .list li { display:inline-block; vertical-align:top; font-size:0; margin:0 5px 5px; box-sizing:border-box; border:1px solid #e5e5e5; background:#f0f0f0; border-radius:5px; max-width:213px; width:15%; }
.contTab .imgBox.process .list li img { width:100%; }
.contTab .imgBox.process .list li p { border-top:1px solid #e5e5e5; width:100%; height:60px; display:table; text-align:center; }
.contTab .imgBox.process .list li p span { display:table-cell; vertical-align:middle; text-align:center; color:#333; font-size:16px; font-weight:700; }
.contTab .imgBox.process .list li p span.blue { color:#09357f; }



/*인사말*/
#cont.greeCon { margin-top:-140px; text-align:center; padding:260px 0 120px; position:relative; }
.greeCon .leftS { position:absolute; top:0; left:0; width:50%; height:100%; z-index:-1; }
.greeCon .rightS { position:absolute; top:0; right:0; width:50%; height:100%; z-index:-1;  }
.greeCon .leftS i,
.greeCon .rightS i { position:absolute;  top:75px; display:block; width:auto; }
.greeCon .leftS i:first-child { top:80px; left:0; }
.greeCon .leftS i:nth-child(2) { top:550px; left:230px; z-index:2; }
.greeCon .leftS i:nth-child(3) { top:450px; left:90px; }
.greeCon .rightS i:first-child { top:420px; right:90px;  z-index:2; }
.greeCon .rightS i:nth-child(2) { top:0; right:0; }
.greeCon .rightS i:nth-child(3) { top:630px; right:395px; }
.greeCon dt { color:#222; font-size:38px; line-height:130%; font-weight:500; }
.greeCon dt span { font-weight:700; font-size:38px; line-height:130%; }
.greeCon dd { margin-top:30px; color:#444; line-height:150%; font-size:17px; }
.greeCon dd.color { color:#09357f; margin-top:40px; }



/*회사소개*/
.infoCon .bn { width:100%; position:relative; overflow:hidden; max-width:1600px; margin:auto; transition:all 1s;  }
.infoCon .bn > div { position:absolute; top:0; left:0; width:100%; height:100%; display:table; background:rgba(0,0,0,0); transition:all 1s; }
.infoCon .bn p { display:table-cell; vertical-align:middle; color:#fff; text-align:center; font-size:40px; line-height:130%; opacity:1; /*padding-top:50vw;*/word-break:keep-all; position:relative; }
.infoCon .bn p span {  transition:all 1s; transition-delay: 1s; position:absolute; top:150%; left:0; width:100%;  transform:translateY(-50%); }
.infoCon .bn p em { font-weight:700;  }
.infoCon .bn img { width:100%; max-width:1600px; margin:auto; display:block; transition:all 1s; }
.infoCon .bn.on { max-width:1920px; }
.infoCon .bn.on > div { background:rgba(0,0,0,.8); }
.infoCon .bn.on > div p span { top:50%; }
.infoCon .bn.on img { max-width:1920px; }

.infoCon .grpBox { background:url('/img/sub/bg_info.png') no-repeat bottom center; padding-top:170px; }
.infoCon .grpBox > div { max-width:1200px; margin:auto; }
.infoCon .grpBox .tit { color:#333; }
.infoCon .grpBox .tit dt { font-size:34px; }
.infoCon .grpBox .tit dt span { color:#222; font-weight:700; font-size:45px; }
.infoCon .grpBox .tit dd { margin-top:25px; color:#444; font-size:17px; line-height:160%; }
.infoCon .dataBox { margin-top:75px; width:100%; overflow:hidden; background:#eef0f7; padding:40px 70px; box-sizing:border-box; text-align:center; }
.infoCon .dataBox h4 { color:#09357f; font-size:22px; font-weight:700; }
.infoCon .dataBox ul { margin-top:30px; text-align:center; overflow:hidden; }
.infoCon .dataBox li { float:left; width:50%; }
.infoCon .dataBox li p { margin-top:15px; font-size:19px; font-weight:600; color:#333; } 
.infoCon .info { text-align:center; margin:90px auto 0; width:100%; max-width:1400px; overflow:hidden; }
.infoCon .info li { float:left; width:25%; box-sizing:border-box; max-width:350px; height:390px; position:relative; text-align:center; display:table; transition:background .3s; }
.infoCon .info li:not(:first-child):before { content:""; display:block; width:1px; height:230px; background:#e5e5e5; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.infoCon .info li > div { display:table-cell; vertical-align:middle;  }
.infoCon .info li i { display:block; height:50px; overflow:hidden; position:relative; text-align:center; }
.infoCon .info li i img { position:absolute; top:0; left:50%; transform:translateX(-50%); }
.infoCon .info li dl { margin-top:30px; }
.infoCon .info li dt { font-size:16px; color:#777; }
.infoCon .info li dd { margin-top:15px; color:#333; font-weight:700; font-size:24px; }
.infoCon .info li p { display:none; }
.infoCon .info li a { display:block; width:160px; height:50px; margin:30px auto 0; background:#fff; border-radius:25px; text-align:center; line-height:50px; color:#333; font-weight:500; font-size:15px; }
.infoCon .info li.hover { }
.infoCon .info li.hover:before { content:""; display:block;  transition:all .5s;  opacity:0; width:100%; height:100%; background: rgb(35,61,127); background: linear-gradient(90deg, rgba(35,61,127,1) 0%, rgba(39,95,173,1) 100%); position:absolute; bottom:0; left:0; z-index:-1; }
.infoCon .info li.hover:hover:before { opacity:1; }
.infoCon .info li.hover:hover i img { top:-100%; }
.infoCon .info li.hover:hover dt { color:rgba(255,255,255,.5); }
.infoCon .info li.hover:hover dd { color:#fff; }
.infoCon .info li.hover:hover p { display:block; }

.grp_box { position:relative; }
.grp_box i { position:absolute; }
.grp_box i.dot1 { bottom:200px; left:185px; }
.grp_box i.dot2 { bottom:47px; left:380px; }
.grp_box i.dot3 { bottom:47px; right:380px; }
.grp_box i.dot4 { bottom:200px; right:185px; }


/*회사연혁*/
.hisCon { overflow:hidden; }
.hisCon nav { float:left; width:280px; }
.hisCon nav.on { position:fixed; top:0; left:50%; transform:translateX(-890px);  }
.hisCon nav li { width:100%; height:70px; }
.hisCon nav li a { display:table; width:100%; height:100%; }
.hisCon nav li a span { display:table-cell; vertical-align:middle; font-size:21px; color:#959595; }
.hisCon nav li.on { background:#eef0f7; }
.hisCon nav li.on a span { padding-left:55px; color:#222; background:url('/img/sub/bullet_history.png') no-repeat 30px center; font-weight:600; }
.hisCon > article { float:right; width:calc(100% - 420px); }
.hisCon .box { overflow:hidden; }
.hisCon .box.historyCon2 { margin-top:130px; }
.hisCon .box dl { float:left; width:340px; }
.hisCon .box dt { color:#222; font-size:60px; line-height:120%; font-weight:600; }
.hisCon .box dd { margin-top:20px; color:#aaa; font-weight:600; font-size:18px; }
.hisCon .box > ul { float:right; width:calc(100% - 340px); overflow:hidden; }
.hisCon .box > ul > li { border-bottom:1px solid #e5e5e5;  overflow:hidden; padding:30px 0; display:table; width:100%; }
.hisCon .box > ul.none > li { border-bottom:none; }
.hisCon .box > ul > li h3 { display:table-cell; vertical-align:top; color:#222; font-weight:500; font-size:40px; width:150px; }
.hisCon .box .list { display:table-cell; vertical-align:top;  }
.hisCon .box .list li div { overflow:hidden; margin-top:18px; }
.hisCon .box .list li div p { color:#09357f;  font-weight:500; font-size:16px; width:40px; float:left; }
.hisCon .box .list li div span { width:calc(100% - 40px); color:#222; font-weight:500; font-size:16px; float:left; }
.hisCon .box .img { display:table-cell; vertical-align:top; width:240px; height:130px; background:#dfdfdf url('/img/sub/img_none.png') no-repeat center; overflow:hidden; position:relative; }
.hisCon .box .img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:100%; min-width:100%;}


/*인재채용*/
.reCon { text-align:center; }
.reCon h3 { background: url('/img/sub/bullet_sub.png') no-repeat center top; padding-top:45px; font-size:42px; font-weight:700; color:#222;  }
.reCon .process { margin:55px auto 0;  width:100%; /*max-width:1200px;*//* width:100%; max-width:1280px; height:280px; background:#edeff7; border-radius:140px;  */ }
.reCon .process img { width:100%; max-width:1214px; }
.reCon .txtBox { margin-top:50px; text-align:center; }
.reCon .txtBox > p { display:inline-block; vertical-align:middle; font-size:24px; color:#222; font-weight:600; }
.reCon .txtBox ul { display:inline-block; vertical-align:middle; font-family: 'Poppins',  sans-serif;  }
.reCon .txtBox li { display:inline-block; vertical-align:middle; margin-left:30px; font-size:16px; color:#333; }
.reCon .txtBox li span { margin-left:10px; line-height:38px; }
.reCon .boardCon { border-top:1px solid #e5e5e5; padding-top:100px; margin-top:100px; }
.reCon .boardCon .inner2 { margin-top:60px; } 


/*오시는길*/
.mapCon ul { margin-top:60px; overflow:hidden; }
.mapCon li { float:left; width:33.333%; position:relative; text-align:center;  font-family: 'Poppins',  sans-serif; }
.mapCon li:before { content:""; display:block; width:1px; height:170px; background:#e5e5e5; position:absolute; top:0; left:0; }
.mapCon li:first-child:before { display:none; }
.mapCon li dt { color:#09357f; font-size:15px; font-weight:500; margin-top:30px;  }
.mapCon li dd { margin-top:15px; color:#444; font-size:17px; line-height:120%; }
#map { width:100%; height:500px; }


/* board */

/*기본게시판목록(공지사항)*/
.sch { background:#f5f5f5; padding:30px 0; text-align:center; }
.sch select { display:inline-block; vertical-align:top; width:150px; height:50px; box-sizing:border-box; border:1px solid #e5e5e5; border-radius:5px; background:#fff; text-indent:10px; }
.sch .input { display:inline-block; vertical-align:top; width:320px; height:50px; box-sizing:border-box; border:1px solid #e5e5e5; background:#fff; border-radius:5px; overflow:hidden; } 
.sch .input input[type='text'] { float:left; width:calc(100% - 50px); height:100%; text-indent:10px; box-sizing:border-box; border:none; font-size:17px; }
.sch .input input[type='button'], input[type='submit'] { float:left; width:40px; height:100%; background:url('/img/sub/icon_search.png') no-repeat center; border:none; text-indent:-9999px; cursor:pointer; }

.list_default { margin-top:40px; border-top:1px solid #09357f; }
.list_default th { background:#f9f9f9; border-bottom:1px solid #e5e5e5; font-size:16px; font-weight:700; color:#333; height:60px; }
.list_default td { font-size:15px; color:#666; height:60px; border-bottom:1px solid #e5e5e5; text-align:center; }
.list_default td.left { text-align:left; }
.list_default td.left a { color:#666; display:inline-block; width:90%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.list_default td.left a:hover { color:#111; }

i.re { display:block; margin:auto; font-style:normal; width:60px; height:30px; border-radius:5px; font-size:14px; line-height:30px; text-align:center; }
i.ing { background:#1eb9ee; color:#fff; }
i.end { background:#eee; color:#888; }

.page { margin-top:60px; text-align:center; }
.page a { display:inline-block; vertical-align:top; font-size:16px; font-family: 'Poppins',  sans-serif; }
.page a img { display:inline-block;  margin:13px 8px 0; }
.page a span { display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; background:none; border-radius:50%; }
.page a.on span { background:#09357f; color:#fff; }

/*기본게시판뷰*/
.board_default .tit { border-top:1px solid #09357f; border-bottom:1px solid #ddd; background:#f5f5f5; padding:40px 10px; }
.board_default .tit dt { color:#222; font-size:28px; line-height:120%; font-weight:700; }
.board_default .tit dt i.re { margin-bottom:15px; }
.board_default .tit dd { margin-top:10px; color:#999; font-size:15px; }
.board_default .content { margin-top:120px; margin-bottom:60px;  }
.board_default .boardTbl { border-top:1px solid #ddd; }
.board_default .boardTbl th { background:#f5f5f5; color:#999; font-size:15px; padding:20px; border-bottom:1px solid #ddd;  width:120px; font-weight:400; }
.board_default .boardTbl td { color:#999; padding:20px 30px; border-bottom:1px solid #ddd; font-size:15px; }
.board_default .boardTbl td .vt { vertical-align:middle; }
.board_default .boardTbl td a { display:inline-block; width:90%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.board_default .boardTbl td a:hover { color:#111; }
.board_default .btn { margin:30px auto 80px; max-width:125px; display:table; width:100%; height:50px; background:#09357f; border-radius:25px; color:#fff;  }
.board_default .btn span { display:table-cell; vertical-align:middle; font-size:15px; text-align:center; }
.board_default .btn span img { margin:-3px 5px 0 0; vertical-align:middle; }


/*썸네일게시판 목록*/
.list_thumb { margin-top:40px; border-top:1px solid #09357f; }
.list_thumb li { border-bottom:1px solid #e5e5e5; overflow:hidden; transition:all .3s; }
.list_thumb li a { display:table; width:100%; height:100%; box-sizing:border-box; padding:20px 60px 20px 20px; }
.list_thumb li .thumb { display:table-cell; vertical-align:middle; width:320px; height:180px; overflow:hidden; position:relative; }
.list_thumb li .thumb img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; max-width:110%; max-height:110%; }
.list_thumb .txt { display:table-cell; vertical-align:middle; padding: 0 50px; }
.list_thumb .txt dt span { display:block; color:#999; font-size:14px; font-weight:300;  font-family: 'Poppins',  sans-serif; }
.list_thumb .txt dt p { display:block; margin-top:15px; color:#222; font-weight:500; font-size:21px; }
.list_thumb .txt dd { margin-top:15px; color:#444; font-size:15px; line-height:170%; height:51px; overflow:hidden;  }
.list_thumb i { display:table-cell; vertical-align:middle; }
.list_thumb i span { display:block; width:80px; height:80px; border:1px solid #e6e6e6; border-radius:50%; position:relative; font-size:0;  transition:all .3s; }
.list_thumb i span:before { content:""; display:block; width:17px; height:17px; border:2px solid #afafaf; border-left:none; border-bottom:none; position:absolute; top:40%; left:35%; transform:rotate(45deg); transition:all .3s;  }
.list_thumb li:hover { background:#f9f9f9; }
.list_thumb li:hover i span { background:#f0f0f0; border-color:#f0f0f0; }
.list_thumb li:hover i span:before { border-color:#666; }

@media (max-width:1780px) {
	.hisCon nav.on { left:0; transform:translateX(0); }
}
@media (max-width:1480px) {

	/* 데이터솔루션 & 가공 및 업데이트*/
	.contTab .txtBox h4 { width:300px; }
	.contTab .txtBox .fcBox,
	.contTab .txtBox .exList { width:calc(100% - 300px); }
 

	/*회사연혁*/
	.hisCon .box.historyCon2 { margin-top:130px; }
	.hisCon .box dl { width:100%; }
	.hisCon .box dt { color:#222; font-size:60px; line-height:120%; font-weight:600; }
	.hisCon .box dd { margin-top:20px; color:#aaa; font-weight:600; font-size:18px; }
	.hisCon .box > ul {  width:100%;  }



}
@media (max-width:1200px) {
	/* common */
	#subVisual { height:360px; } 
	.lnb { height:60px; }
	.lnb li { width:120px; }
	.lnb li a { height:59px; line-height:59px; font-size:15px; }
	#subCont { padding:12vw 0 15vw; }
	#subCont .tit h3 { font-size:40px; }
	#subCont .tit.size h3 { font-size:50px; }
	#subCont .tit p { margin-top:20px; font-size:15px; }
	#cont { margin-top:30px; }


	/* 데이터솔루션 & 가공 및 업데이트*/
	.contTab { margin-top:5vw; }
	.contTab > div:not(:first-child) { display:; }
	.contTab .tit dt { font-size:35px; padding-top:20px;  }
	.contTab .tit dd { margin-top:15px; font-size:15px; }
	.contTab .imgBox { margin-top:3vw; }
	
	/*솔루션 img*/
	.ver21 > img { width:100%; max-width:95%; }
	.ver21 i { width:15%; }
	.ver21 i img { width:100%; }
	.ver21 i.text1 { top:11vw; margin-left:-46%; }
	.ver21 i.text2 { top:30vw; margin-left:-43%; }
	.ver21 i.text3 { top:46vw; margin-left:-28%; }
	.ver21 i.text4 { top:50vw; margin-left:-7%; }
	.ver21 i.text5 { top:46vw; margin-right:-28%; }
	.ver21 i.text6 { top:30vw; margin-right:-43%; }
	.ver21 i.text7 { top:11vw; margin-right:-46%; }

	.contTab .imgBox.listBox { padding:20px; }
	.contTab .imgBox.listBox li img { width:85%; display:block; margin:auto; }
	.contTab .imgBox.listBox img { width:75%; display:block; margin:auto; }

	.ver23 > img { max-width:396px; width:40%; }
	.ver23 i img { width:100%; }
	.ver23 i.text1 { top:3vw; left:0; margin-left:0; width:54%; }
	.ver23 i.text2 { top:13vw; left:0; margin-left:0; width:50%; }
	.ver23 i.text3 { top:6vw; left:56%; margin-left:0; }
	/* //솔루션 img*/


	.contTab .txtBox { margin-top:5vw; padding:30px;  }
	.contTab .txtBox > div { margin-top: 20px; }
	.contTab .txtBox h4 { font-size:30px; width:180px; }
	.contTab .txtBox .fcBox { width:calc(100% - 180px); }
	.contTab .txtBox .fcBox ul { padding:20px; width:100%; }
	.contTab .txtBox .fcBox ul:nth-child(2) { padding-top:0; }
	.contTab .txtBox .fcBox.single ul { width:calc(100% - 50px); }
	.contTab .txtBox .fcBox li { width:100%; padding:15px 0; }
	.contTab .txtBox .fcBox li:first-child { border-top:none; }
	.contTab .txtBox .fcBox li h5 { font-size:13px; width:50px; text-indent:15px; }
	.contTab .txtBox .fcBox li p { font-size:18px; width:calc(100% - 50px);  }
	.contTab .txtBox .exList {  width:calc(100% - 180px); }
	.contTab .txtBox .exList li { margin-right:3px; width:calc(19.5% - 7px); height:110px; padding:3px; }
	.contTab .txtBox .exList li span { font-size:17px; }

	/*서비스 img*/
	.contTab .imgBox.process > p { text-align:center; }
	.contTab .imgBox.process .box { margin-top:3vw; }
	.contTab .imgBox.process .box > div { padding:3vw 0; }
	.contTab .imgBox.process .box > div img { width:90%; }
	.contTab .imgBox.process .box p { height:50px; }
	.contTab .imgBox.process .box p span { font-size:15px; }
	.contTab .imgBox.process .list { margin-top:5vw; } 
	.contTab .imgBox.process .list li { margin:0 0 1vw; max-width:215px; width:30%; }
	.contTab .imgBox.process .list li p { height:50px; }
	.contTab .imgBox.process .list li p span { font-size:15px; }
	.contTab .imgBox.process .list li img { width:100%; }

	.ver12 { max-width:716px; width:70%; margin:auto;  }
	.ver12 img { width:100%; }
	.ver13 { max-width:750px; width:80%; margin:auto;  }
	.ver13 img { width:100%; }
	/* //서비스 img*/

 

	/*인사말*/
	#cont.greeCon { margin-top:0; padding:10vw 0; position:Relative; }
	.greeCon .leftS i img,
	.greeCon .rightS i img { width:100%; }
	.greeCon .leftS i:first-child { top:-5%; left:0; width:60%;  }
	.greeCon .leftS i:nth-child(2) { top:75%; left:30%; width:40%; }
	.greeCon .leftS i:nth-child(3) { top:80%; left:10%; width:30%; }
	.greeCon .rightS i:first-child { top:70%; right:0; width:45%; }
	.greeCon .rightS i:nth-child(2) { top:0; right:0; width:30%; }
	.greeCon .rightS i:nth-child(3) { top:75%; right:35%; width:20%; }
	.greeCon dt { font-size:30px; }
	.greeCon dt span { font-size:30px; }
	.greeCon dd { margin-top:20px; font-size:16px; }
	.greeCon dd.color { margin-top:20px; }



	/*회사소개*/
	.infoCon .bn { max-width:95%; }
	.infoCon .bn p { font-size:30px; padding-top:50vw; }
	.infoCon .bn p em { font-size:30px; }
	.infoCon .bn img { max-width:100%; }
	.infoCon .bn.on { max-width:100%; }
	.infoCon .bn.on img { max-width:100%; }

	.infoCon .grpBox { background-size:100%; padding-top:95px; }

	.infoCon .grpBox .tit dt { font-size:25px; }
	.infoCon .grpBox .tit dt span { font-size:35px; }
	.infoCon .grpBox .tit dd { margin-top:15px; font-size:15px; }
	.infoCon .dataBox { margin-top:5vw; padding:30px; } 
	.infoCon .dataBox ul { margin-top:20px;  }
	.infoCon .dataBox li img { width:100%; } 
	.infoCon .grpBox img { width:100%; }
	.infoCon .info { margin:5vw auto 0;  }
	.infoCon .info li { height:200px; box-sizing:border-box; padding:0 10px;  }
	.infoCon .info li:not(:first-child):before { height:180px; }
	.infoCon .info li i { height:40px;  }
	.infoCon .info li i img { height:40px; }
	.infoCon .info li:nth-child(2) i img { height:80px; }
	.infoCon .info li dl { margin-top:10px; }
	.infoCon .info li dt { font-size:14px; }
	.infoCon .info li dd { margin-top:5px; font-size:20px; }
	.infoCon .info li a { width:120px; height:40px; margin:15px auto 0; border-radius:20px; line-height:40px;  font-size:14px; }

	.grp_box i { width:16%; }
	.grp_box i.dot1 { bottom:17vw; left:50%; margin-left:-35%; }
	.grp_box i.dot2 { bottom:3vw; left:50%; margin-left:-18%; }
	.grp_box i.dot3 { bottom:3vw; right:50%; margin-right:-18%; }
	.grp_box i.dot4 { bottom:17vw; right:50%; margin-right:-35%;  }


	/*회사연혁*/
	.hisCon nav { display:none; }
	.hisCon > article { float:none; width:100%; }
	.hisCon .box.historyCon2 { margin-top:15vw; }
	.hisCon .box dt { font-size:40px; }
	.hisCon .box dd { margin-top:10px; }


	/*인재채용*/
	.reCon h3 { padding-top:20px; font-size:35px;  }
	.reCon .process { margin:25px auto 0;  width:100%;   }
	.reCon .process img { width:100%; }
	.reCon .txtBox { margin-top:5vw; }
	.reCon .txtBox > p { font-size:24px; }
	.reCon .txtBox ul { margin-top:5px; }
	.reCon .txtBox li { display:inline-block; vertical-align:middle; margin-left:30px; font-size:14px; color:#333; }
	.reCon .txtBox li span { font-size:14px; }
	.reCon .boardCon { padding-top:8vw; margin-top:8vw; }
	.reCon .boardCon .inner2 { margin-top:3vw; } 


	/*오시는길*/
	.mapCon iframe { height:50vw; }
	.mapCon ul { margin-top:30px;  }
	.mapCon li { box-sizing:border-box; padding:0 10px; }
	.mapCon li:before { height:170px;  }
	.mapCon li i { max-width:100px; width:40%; display:block; margin:auto;  }
	.mapCon li i img { width:100%; }
	.mapCon li dt { font-size:15px; margin-top:10px;  }
	.mapCon li dd { margin-top:10px; font-size:14px; }
	
	#map { height:300px; }


	/* board */

	/*기본게시판뷰*/
	.board_default .tit { padding:40px 10px; }
	.board_default .tit dt { font-size:28px; }
	.board_default .tit dt i.re { margin-bottom:15px; }
	.board_default .tit dd { margin-top:10px; font-size:15px; }
	.board_default .content { padding:150px 0; }
	.board_default .boardTbl th {  font-size:15px; padding:20px;  width:120px; }
	.board_default .boardTbl td { padding:20px 30px; font-size:15px; }
	.board_default .btn { margin:30px auto 80px; max-width:125px;  height:50px; border-radius:25px;  }
	.board_default .btn span { font-size:15px;  }
	.board_default .btn span img { margin:-3px 5px 0 0;  }


	/*썸네일게시판 목록*/
	.list_thumb { margin-top:30px; }
	.list_thumb li a { padding:15px 10px; }
	.list_thumb li .thumb { width:35%; height:16vw; }
	.list_thumb .txt { padding: 0 20px; }
	.list_thumb .txt dt span { font-size:14px; }
	.list_thumb .txt dt p { margin-top:5px; font-size:20px; }
	.list_thumb .txt dd { margin-top:10px; font-size:15px; height:51px;  }
	.list_thumb i span { width:50px; height:50px; }
	.list_thumb i span:before { width:17px; height:17px; top:32%; left:23%; }
 

}

@media (max-width:765px) {

	/*회사연혁*/
	.hisCon .box > ul > li { padding:20px 0; display:block; }
	.hisCon .box > ul > li h3 { font-size:30px; width:100%; display:block; }
	.hisCon .box > ul > li ul { display:block; width:100%; }
	.hisCon .box .list li div p { font-size:15px; width:30px;  }
	.hisCon .box .list li div span { font-size:15px; width:calc(100% - 30px); }
	.hisCon .box .img { display:block; float:right; margin-top:3vw; }

}
@media (max-width:650px) {
	/* common */
	#subVisual { height:250px; }
	#subVisual h2 { font-size:45px; }
	#subVisual h2 span { font-size:20px; }
/*	.lnb { display:none; }	*/
	.lnb { width: 96%; margin: 70px auto 0; }
	.lnb ul { display: flex; }
	.lnb li { width: 100%; }
	.lnb li a { white-space: nowrap; }
	#subCont .tit h3 { font-size:28px;  }
	#subCont .tit.size h3 { font-size:38px; }

 
	/* 데이터솔루션 & 가공 및 업데이트*/
	.contTabMenu li a { height:50px; }
	.contTabMenu li a span { font-size:15px; }
	.contTab { margin-top:5vw; }
	.contTab .tit dt { font-size:25px; padding-top:15px;  }
	.contTab .tit dd { margin-top:15px; font-size:15px; }
	.contTab .imgBox { margin-top:3vw; }
 
	.contTab .txtBox { padding:20px; }
	.contTab .txtBox > div { margin-top: 30px; }
	.contTab .txtBox h4 { font-size:22px; width:100%;  }
	.contTab .txtBox .fcBox { width:100%; margin-top:10px;  }
	.contTab .txtBox .fcBox ul { margin-top:0; padding:10px; width:100%;  }
	.contTab .txtBox .fcBox.single ul { width:100%; box-sizing:border-box;  }
	.contTab .txtBox .fcBox li { width:100%; padding:10px 0; }
	.contTab .txtBox .fcBox li h5 { font-size:13px; width:30px; text-indent:10px; vertical-align:top; }
	.contTab .txtBox .fcBox li p { font-size:15px; width:calc(100% - 30px);  }
	.contTab .txtBox .exList {  width:100%;  margin-top:10px; }
	.contTab .txtBox .exList li { margin-right:2px;  width:calc(19.75% - 7.5px); height:110px; padding:3px; }
	.contTab .txtBox .exList li span { font-size:15px; }

	/*서비스 img*/
	.contTab .imgBox.process .box p { height:40px; }
	.contTab .imgBox.process .box p span { font-size:14px; }
	.contTab .imgBox.process .list li p { height:40px; }
	.contTab .imgBox.process .list li p span { font-size:14px; }

 
	/*인사말*/
	.greeCon .leftS i:nth-child(2) { top:80%; }
	.greeCon .leftS i:nth-child(3) { top:85%; }
	.greeCon .rightS i:first-child { top:85% }
	.greeCon .rightS i:nth-child(2) { top:0; }
	.greeCon .rightS i:nth-child(3) { top:82%; }
	.greeCon dl { word-break:keep-all; }
	.greeCon dt,
	.greeCon dt span { font-size:25px; }
	.greeCon dd { font-size:14px; }
 

	/*회사소개*/
	.infoCon .bn p,
	.infoCon .bn p em { font-size:18px; }
	.infoCon .grpBox {  padding-top:10vw; }
	.infoCon .grpBox .tit dt { font-size:18px; }
	.infoCon .grpBox .tit dt span { font-size:25px; }
 	.infoCon .grpBox .tit dd { margin-top:15px; font-size:14px; }
	.infoCon .dataBox { padding:20px; }
	.infoCon .dataBox h4 { font-size:18px; } 
	.infoCon .dataBox ul { margin-top:10px;  }
	.infoCon .dataBox li p { margin-top:5px; font-size:14px; }
	.infoCon .info li { width:50%; }
	.infoCon .info li dl { margin-top:10px; }
	.infoCon .info li dd { font-size:18px; }
 

	/*회사연혁*/
	.hisCon .box > ul > li h3 { font-size:20px; }
	.hisCon .box dt { font-size:30px; }
	.hisCon .box dd { margin-top:3px; font-size:14px; }
	.hisCon .box .list li div p { font-size:15px; width:30px;  }
	.hisCon .box .list li div span { font-size:15px; width:calc(100% - 30px); }
	.hisCon .box .img { display:block; float:right; margin-top:3vw; }
 



	/*인재채용*/
	.reCon h3 { padding-top:15px; font-size:25px;  }
	.reCon .process { margin:2vw auto 0;  }
	.reCon .txtBox { margin-top:5vw; }
	.reCon .txtBox > p { font-size:20px; }
	.reCon .txtBox li { margin-left:0; font-size:13px; margin:0 10px; min-width:185px; }
	.reCon .txtBox li span { margin-left:8px; } 



 
	/* board */

	/*기본게시판목록(공지사항)*/
	.sch { padding:20px; }
	.sch select { width:100px; height:50px; }
	.sch .input { width:calc(100% - 110px); height:50px; } 
	.sch .input input[type='text'] { font-size:15px; width:calc(100% - 30px); }
	.sch .input input[type='button'] { width:20px; }
	.list_default { margin-top:20px; }
	.list_default colgroup col:first-child { width:12%; }
	.list_default colgroup col:nth-child(3) { width:20%; }
	.list_default colgroup col:last-child { width:15%; }
	.list_default th { font-size:14px; height:60px; }
	.list_default td { font-size:14px; height:60px; }

	i.re { width:40px; height:25px;  font-size:11px; line-height:25px; }

	.page { margin-top:30px; }
	.page a { font-size:14px; }
	.page a img { margin:10px 5px 0; }
	.page a span { width:30px; height:30px; line-height:30px; }



	/*기본게시판뷰*/
	.board_default .tit { padding:20px 10px; }
	.board_default .tit dt { font-size:25px; }
	.board_default .tit dt i.re { margin-bottom:10px; }
	.board_default .tit dd { margin-top:5px; font-size:14px; }
	.board_default .content { padding:50px 0; }
	.board_default .boardTbl th { font-size:14px; padding:10px; width:80px; }
	.board_default .boardTbl td { padding:18px 10px; font-size:14px; }
	.board_default .btn { margin:20px auto 40px; height:45px;  }
	.board_default .btn span { font-size:14px;  }
	.board_default .btn span img { margin:-3px 5px 0 0;  }

	/*썸네일게시판 목록*/
	.list_thumb li .thumb { width:170px; height:95px; }
	.list_thumb .txt { padding: 0 0 0 20px; }
	.list_thumb .txt dt span { font-size:12px; }
	.list_thumb .txt dt p { font-size:18px; }
	.list_thumb .txt dd { margin-top:5px; font-size:14px; height:45px;  line-height:150%; }
	.list_thumb i span { display:none; }


}
@media (max-width:450px) {

	/*인재채용*/
	.reCon h3 { padding-top:15px; font-size:30px;  }
	.reCon .process { margin:2vw auto 0;  }
	.reCon .txtBox { margin-top:5vw; }
	.reCon .txtBox > p { font-size:20px; }
	.reCon .txtBox li { width:195px; text-align:left; margin-bottom:5px; }
	.reCon .txtBox li span { margin-left:5px; } 


	/* 데이터솔루션 & 가공 및 업데이트*/
	.contTab .txtBox .exList li { margin:0 0 2px; float:none; width:100%; height:40px; }
}