@charset "utf-8";


/*****
* 서브 페이지의 추가적인 레이아웃과 각 페이지의 컨텐츠를 정의합니다.
* 2016년 10월 17일 이전에 1차 작업자에 의해 작성된 문서입니다.
*
* 최종 작업에서는 일부 프로퍼티를 수정하고 신규 스타일을 추가했습니다.
* 최종 작업에서 단락 단위로 새로 추가된 경우, [New]로 표기했습니다.
* 컨텐츠 변경으로 인해 대부분 사용하지 않으나 일부 스타일이 아직 영향을 주는 경우. [Obsoleted]로 표기했습니다.
*****/

.blind { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }

caption, legend, .skip {text-indent:-5000px;font-size:0;line-height:0;width:0;height:0;overflow:hidden;}

/* 본문 바로가기 */
.skipNav {z-index:100000;}
.skipNav a {display:block;height:1px;overflow:hidden;position:absolute;top:0;left:0;text-align: center;width:100%;z-index:100000;}
.skipNav a:focus {background:rgba(0,0,0,0.7);color: #fff;height: auto;/*position: static;*/padding:12px 0;font-weight:bold;}

/* GNB (for Sub) */

#gnbWrap.subCont {width:100%;min-width:1200px;height:180px;background:url(/img/main/img_section2_top.png) no-repeat 50% 0;text-align:center}
#gnbWrap.subCont.relative{position:relative !important}
#gnbWrap.subCont.fixed{position:fixed !important}

#gnbWrap.subCont .global, #gnbWrap.subCont .gnbNav {width:1200px;margin:0 auto;}
#gnbWrap.subCont .global{position:absolute;top:47px;left:50%;margin-left:-600px}

#gnbWrap.subCont .gnbNav ul{/* top:8px; */}
#gnbWrap.subCont .global h1{position:absolute;top:-24px;left:0;margin:0}

#gnbWrap.subCont .global a.btnUtile{top:5px}
#gnbWrap.subCont .global a.btnLang{top:5px}
#gnbWrap.subCont .global a.btnMenu{top:9px}


/* Footer (for Sub) */

#wrap .sectionFooter.subCont {margin-top:90px;padding-top:150px;background:url(/img/common/bg_sub_foot.png) no-repeat 50% top;}
#wrap .sectionFooter.subCont .footerCopyWrap {padding-bottom:30px;}


/* Container & Shortcuts */

#wrap {padding-top:180px;}
#gnbWrap.subCont.relative + #wrap {padding-top:0;}

#wrap section {min-height:auto;text-align:left;}
#wrap section.posNone {position:inherit;}

.inner {overflow:hidden;}
.inner.posR {position:relative;}
.inner.overNone {overflow:inherit;}


/* Shortcuts */

.mgT0 {margin-top:0 !important;}

.para01 {color:#222;font-size:18px;}
.cont01 .para01, .para02 {color:#fff;}


#wrap section.cont01 {min-height:1010px;background:url(/img/about/bg_blue.png) no-repeat 50% 0;color:#fff;}

.square.top.sub {position:absolute;top:0;left:0;background:url(/img/main/img_section2_top.png) no-repeat 0 0;height:180px;top:0;width:100%;z-index:999;}

.sub .goTop {position:absolute;right:0;bottom:0;}


/* Title I */

.subTitle {text-align:center;}
.subTitle h2 {background:url(/img/common/icon_titleBar01.gif) no-repeat 50% 100%;color:#000;font-size:56px;font-weight:normal;}
.subTitle p {margin-top:25px;color:#222;font-size:18px;text-align:center;}


/* Tab Button */

.tabType ul {overflow:hidden;width:1200px;margin:0 auto;border-bottom:1px solid #cfcfcf;}
.tabType ul li {display:inline-block;margin-left:50px;}
.tabType ul li:first-child {margin-left:0;}
.tabType ul li a {display:block;padding-bottom:15px;font-size:18px;text-decoration:none;}
.tabType ul li a.on {color:#0c4da2;border-bottom:2px solid #0c4da2;}


/* Title II */

section .hType01, .hType02 {margin:40px 0 15px;background:url(/img/common/icon_titleBar02.gif) no-repeat 0 100%;color:#0c4da2;font-size:45px;font-weight:normal;text-align:left; padding-bottom:15px;}
section .hType04{margin:34px 0 15px;background:url(/img/common/icon_titleBar02.gif) no-repeat 0 100%;color:#0c4da2;font-size:42px;font-weight:normal;text-align:left;padding-bottom:15px;}
section.cont01 .hType01, .hType02 {margin-top:80px;background:url(/img/common/icon_titleBar03.gif) no-repeat 0 100%;color:#fff;} /* 파랑색 BG 위에 사용하는 타이틀 */

section .hType03 {margin:60px 0 15px;padding-top:5px;background:url(/img/common/icon_titleBar04.gif) no-repeat 0 0;font-size:24px;}
section .hType03.lineDown {padding:0 0 11px;margin:17px 0 15px;background-position:0 bottom;}

section .hType01 + .hType03.lineDown {margin-top:32px;}


/* Metanet Profile */

.glance {overflow:hidden;width:645px;margin-top:90px}
.glance li {float:left;width:33.3%;height:140px}
.glance li span {display:inline-block;border-top:1px solid #017dc5;color:#017dc5;line-height:1.3;}
.glance li span br {display: none;}
.glance li span strong {font-size:45px;font-weight:normal;}
.glance li em {display:block;font-size:14px;line-height:16px}

.glanceImg {position:absolute;top:240px;right:0;vertical-align:bottom;z-index:100}

.serviceList {margin-top: 30px;}
.serviceList:after {content: ""; display: block; clear: both;}
.serviceList h5 {padding-bottom: 10px; background: url(/img/common/icon_titleBar03.gif) no-repeat 0 100%; background-size: 20px 1px; font-size: 24px; font-weight: normal;}
.serviceList h6 {padding-bottom: 10px; font-size: 20px;}

.serviceList .pack {float: left; position: relative; padding: 10px 0 20px;}
.serviceList .pack dl {min-height:210px;}
.serviceList .pack dl,
.serviceList .pack ul {color: #eee;}
.serviceList .pack dl:first-child,
.serviceList .pack ul:first-child {padding-top: 40px;}
.serviceList .pack dl + dl {margin-top: 10px;}
.serviceList .pack dt {padding-bottom: 10px; font-size: 16px; font-weight: bold;}
.serviceList .pack dd,
.serviceList .pack li {padding-left: 10px; background: url(/img/common/bul_dot03.png) no-repeat 0 9px; line-height: 25px; font-size: 14px;letter-spacing:-1px;}

.serviceList .pack.i01 {width: 210px;}
.serviceList .pack.i02 {width: 290px;}
.serviceList .pack.i03 {width: 230px; min-height: 264px;}
.serviceList .pack.i03 + .i01 dl {padding-top: 0;}
.serviceList .pack.i04 {width:200px;}

/*.footPrint {position:relative;width:800px;min-height:895px;background:url(/img/about/bg_footPrint.png) no-repeat 50% 30px;}*/

.footPrint {position:relative;width:800px;}
.footPrint .footBg {content: ""; display: block;width:1px;height:1720px;border-right:1px solid #bdbdbd;background:none;margin-top:0;position:absolute;top:30px;left:0;right:0;margin-left:auto;margin-right:auto;}
.footPrint.en .footBg {height:1760px;}
.footPrint div {width:100%;overflow:hidden;position:relative;}
.footPrint div:after {content: ""; display: block;width:16px;height:16px;background:url('/img/about/bg_footPrint.gif') no-repeat center center;position:absolute;top:24px;left:0;right:0;margin-left:auto;margin-right:auto;}


.footPrint div {width:100%;overflow:hidden;}
.footPrint div.print01 {margin-top:0;}
.footPrint div.print02 {margin-top:20px;}
.footPrint div.print03 {margin-top:10px;}
.footPrint div.print04 {margin-top:10px;}
.footPrint div.print05 {margin-top:17px;}
.footPrint div.print06 {margin-top:13px;}
.footPrint div.print07 {margin-top:15px;}
.footPrint div dl {width:373px;}
.footPrint div dl br {}
.footPrint div:nth-child(even) dl {float:left; text-align:right;}
.footPrint div:nth-child(odd) dl {float:right;text-align:left;}

.footPrint div:nth-child(even) dl dt {background:url(/img/common/icon_titleBar04.gif) no-repeat 0 100%; background-position: bottom right;}
.footPrint div:nth-child(odd) dl dt {background:url(/img/common/icon_titleBar04.gif) no-repeat 0 100%;background-position: bottom left;}
.footPrint dt {margin-bottom:20px; padding:0 0 20px;color:#000;font-size:16px;}
.footPrint dt strong {display:block;color:#3f87d2;font-size:40px;font-weight:normal;}
.footPrint dt.point{color:#0c4da2; font-size:20px;background:none!important;}
.footPrint dd {margin-bottom:5px;font-size:16px;}
.footPrint dd span.point{color:#3f87d2;}

.footPrint.ko{width:880px;}
.footPrint.ko div dl {width:415px;}

.footPrint.en div.print02 {margin-top:-30px;}
.footPrint.en div.print03 {margin-top:-15px;}
.footPrint.en div.print04 {margin-top:15px;}
.footPrint.en div.print05 {margin-top:-37px;}
.footPrint.en div.print06 {margin-top:-95px;}
.footPrint.en div.print06 {margin-top:-95px;}
.footPrint.en div dl br {display: inline;}

.footPrintImg {position:absolute;top:135px;right:0;}

#wrap section.cont01.fnce {min-height:888px;background:url(/img/about/bg_Fnce.jpg) no-repeat 50% 0;}
#wrap section.cont01.fnce .imgFnce {margin-top:30px;overflow:hidden;}
#wrap section.cont01.fnce .imgFnce img.left {float:left;}
#wrap section.cont01.fnce .imgFnce img.right {float:right;margin-top:100px;}
#wrap section.cont01.fnce .imgFnce img.center {display:block; margin:0 auto;}

.manager {position:relative;margin-top:70px;padding-left:314px;min-height:225px;}
.hType01 + .manager {margin-top:40px;}

.manager dt {margin-bottom:30px;font-size:24px;font-weight:bold;line-height:1;}
.manager dt span {display:inline-block;border-right:1px solid #a3a3a3;margin-right:5px;padding-right:10px;}
.manager dd.img {position:absolute;top:0px;left:0;}
.manager dd {font-size:16px;}
.manager dd p {margin-bottom:20px;}


/* Metanet Companies */

.svcWrap {overflow:hidden;margin:35px 0 0 -60px; display: flex; flex-wrap: wrap;}
.svcWrap dl {float:left;width:360px; margin-left:60px;margin-bottom:20px;padding-top:160px;background:url(/img/about/bg_svc01.jpg) no-repeat 50% 0;}

.svcWrap dl.svc01 {clear:both;}
.svcWrap dl.svc02 {background-image:url(/img/about/bg_svc02.jpg);}
.svcWrap dl.svc03 {background-image:url(/img/about/bg_svc03.jpg);}
.svcWrap dl.svc04 {background-image:url(/img/about/bg_svc04.jpg);}
.svcWrap dl.svc05 {background-image:url(/img/about/bg_svc05.jpg);}
.svcWrap dl.svc06 {background-image:url(/img/about/bg_svc06.jpg);}
.svcWrap dl.svc07 {background-image:url(/img/about/bg_svc07.jpg);}
.svcWrap dl.svc08 {background-image:url(/img/about/bg_svc08.jpg);}
.svcWrap dl.svc09 {background-image:url(/img/about/bg_svc09.png);}


.svcWrap dl.item3-1 {background:url('/img/about/metanetdigital/img_contBox3-1.jpg') no-repeat 50% 0;}
.svcWrap dl.item3-2 {background:url('/img/about/metanetdigital/img_contBox3-2.jpg') no-repeat 50% 0;}
.svcWrap dl.item3-3 {background:url('/img/about/metanetdigital/img_contBox3-3.jpg') no-repeat 50% 0;}
.svcWrap dl.item3-4 {background:url('/img/about/metanetdigital/img_contBox3-4.jpg') no-repeat 50% 0;}
.svcWrap dl.item3-5 {background:url('/img/about/metanetdigital/img_contBox3-5.jpg') no-repeat 50% 0;}
.svcWrap dl.item3-6 {background:url('/img/about/metanetdigital/img_contBox3-6.jpg') no-repeat 50% 0;}
.svcWrap dl.item3-7 {background:url('/img/about/metanetdigital/img_contBox3-7.jpg') no-repeat 50% 0;}
.svcWrap dl.item3-8 {background:url('/img/about/metanetdigital/img_contBox3-8.jpg') no-repeat 50% 0;}
.svcWrap dl.item3-9 {background:url('/img/about/metanetdigital/img_contBox3-9.jpg') no-repeat 50% 0;}


/*시큐리티*/.svcWrap dl.svc10 {background-image:url(/img/about/bg_svc10.png);}
/*핀테크*/.svcWrap dl.svc11 {background-image:url(/img/about/bg_svc11.png);}
/*넥스젠 NCG*/.svcWrap dl.svc12 {background-image:url(/img/about/bg_svc12.jpg);}
/*엔코아*/.svcWrap dl.svc13 {background-image:url(/img/about/bg_svc13.png);}
/*IGM*/.svcWrap dl.svc14 {background-image:url(/img/about/bg_svc14.png);}
.svcWrap dl.svc15 {background-image:url(/img/about/bg_svc15.jpg);}

.svcWrap dt { padding-bottom:15px;margin-bottom:15px;background:url(/img/common/icon_titleBar02.gif) no-repeat 0 bottom;background-size:20px 1px; font-size:24px;font-weight:bold;line-height:1.2;}
.svcWrap dt img{vertical-align:middle;}
.svcWrap dt .tiny {font-size: 80%;}
.svcWrap dd {font-size:16px;}
.svcWrap dd .tit {margin-bottom:10px;font-weight:bold;}
.svcWrap dd .tit2 {margin-bottom:10px;text-decoration: underline;font-weight:bold;}
.svcWrap dd .services {font-size: 80%; margin-bottom:10px;}

.svcWrap dd.site {margin-top:10px;}
.svcWrap dd.site a {padding:1px 25px 1px 0;background:url(/img/about/icon_link.gif) no-repeat 100% 50%;font-size:12px;}

.svcWrap dd > ul > li {padding-left:10px;background:url(/img/common/bul_dot01.gif) no-repeat 0 9px;}
.svcWrap dd > ul > li ul li {padding-left:10px;background:url(/img/common/bul_dot02.gif) no-repeat 0 11px;}

.svcWrap.en dl {min-height: 500px;}

.svcWrap.microsoft {margin-top:50px;}
.svcWrap.microsoft dl {min-height:250px;padding-top:0;background:none;}

/* People & Value */

.peopleTxt {color:#0c4da2;font-size:26px;text-align:center;line-height:1.3;}

.missionList {width:100%;margin-top:22px;border-bottom:1px solid #cfcfcf;text-align:center;}
.missionList li {display:inline-block;margin-left:-60px;text-align:center;position:relative;vertical-align:bottom;}
.missionList li:first-child {margin-left:0;}
.missionList li:first-child + li {position:static;}
.missionList li img {vertical-align:bottom;}

.hType01.visionTit {margin-top:53px;}

.visionList {overflow:hidden;width:737px;margin:20px auto 10px;}
.visionList li {float:left;margin-top:54px;margin-left:40px;}
.visionList li:first-child {margin-top:0;margin-left:0;}
.visionList li:first-child + li {margin-top:24px;}

/*
#wrap section.valueWrap {min-height:718px;margin-bottom:0;background:url(/img/people/bg_coreValue.jpg) no-repeat 50% 0;z-index:100;}

.coreList {color:#fff;}
.coreList ul {float:right;}
.coreList ul li {font-size:14px;}
.coreList ul li strong {display:block;padding-bottom:11px;margin-bottom:16px;background:url(/img/common/icon_titleBar03.gif) no-repeat 0 bottom;background-size:20px 1px;font-size:24px;}
.coreList ul:first-child {float:left;margin-left:0;text-align:right;}
.coreList ul:first-child li strong {background-position:right bottom}

.coreList li.list01 {margin-top:100px;}
.coreList li.list02 {margin-top:55px;}
.coreList li.list03 {margin-top:40px;}
.coreList li.list04 {margin-top:57px;}
.coreList li.list05 {margin-top:58px;}

.coreList.en li.list02 {margin-top:25px;}
.coreList.en li.list04 {margin-top:40px;}
.coreList.en li.list05 {margin-top:38px;}
 */

/* Contact Us */

.mapWrap {position:relative;margin-top:40px;}
.mapWrap > iframe {width: 1200px; height: 450px; border: 0;}

.mapWrap .location {position:absolute;bottom:20px;right:0;width:350px;min-height:243px;padding:36px 40px 23px;background-color:#017dc5;color:#fff;box-sizing:border-box;}
.mapWrap .location h5 {padding-bottom:13px;margin-bottom:20px;background:url(/img/common/icon_titleBar03.gif) no-repeat 0 100%; font-size:18px;font-weight:bold;}
.mapWrap .location h5 img.mcc_logo{width:112px;}
.mapWrap .location h5 span{display:block;margin-top:5px;font-weight: normal;font-size:14px;}

.mapWrap .location p {margin-bottom:13px;padding-left:30px;background:url(/img/about/icon_contact03.png) no-repeat 0 50%;font-size:16px;}
.mapWrap .location h5 p.sub_txt01{margin-bottom:0; font-size:15px;}
.mapWrap .location p.sub_txt01{background:none;padding-left:0;}
.mapWrap .location p.tel {background-image:url(/img/about/icon_contact01.png);}
.mapWrap .location p.mail {background-image:url(/img/about/icon_contact02.png);}
.mapWrap .location p.tel a,
.mapWrap .location p.mail a {color:#fff;text-decoration:underline;}

.mapWrap.en .location {height: 270px;}

#wrap section.ContactWrap {height:410px;margin-top:76px;background:url(/img/about/bg_contact.jpg) no-repeat 50% 0;color:#fff;z-index:1}

.ContactWrap h5 {padding-bottom:11px;margin-bottom:15px;background:url(/img/common/icon_titleBar03.gif) no-repeat 0 bottom;background-size:20px 1px;font-size:24px;font-weight:normal;}
.ContactWrap p {font-size:16px;}
.ContactWrap div {margin-top:20px;}
.ContactWrap div .tel {margin-bottom:15px;padding-left:30px;background:url(/img/about/icon_contact01.png) no-repeat 0 50%;}
.ContactWrap div .mail {padding-left:30px;background:url(/img/about/icon_contact02.png) no-repeat 0 50%;}
.ContactWrap div .mail a {color:#ffffff;}
.ContactWrap div .ask {display:inline-block;padding:10px 10px 10px 50px;background:url(/img/common/btn_utile1.png) no-repeat 20px 50%; width:80px;  border:1px solid #ffffff;color:#fff;font-size:16px;}


.ContactWrap .contact01 {float:left;}
.ContactWrap .contact02 {float:right;width:497px;}

#wrap section.ContactWrap + section.sectionFooter.subCont {margin-top:-150px;z-index:0}


/* Industries [New] */

ul.ind {width: 1212px; text-align: center; line-height: 2.7; font-size: 14px;}
ul.ind:after {content: ""; display: block; clear: both;}
ul.ind li {float: left; width: 188px; margin: 0 12px 12px 0; padding-top: 88px; border: solid 1px #dedede; background-color: #f2f2f3; background-repeat: no-repeat; background-position: 50% 0; overflow: hidden; white-space: nowrap;}
ul.ind li:before {content: ""; display: block; border-top: solid 1px #dedede;}

ul.ind.en {width: 1215px;}
ul.ind.en li {width: 388px; margin: 0 15px 15px 0;}

ul.ind + .hType03 {margin-top: 48px;}
ul.ind.en + .hType03 {margin-top: 45px;}


/* Marketing Services [Obsoleted] */

.marketingTxt {min-height: 262px; padding:55px 0 0;background:url(/img/marketing/img_cnsrtSvc01.jpg) no-repeat right 60px;}
.marketingTxt + .marketingTxt {margin-top:60px;}  /* 2017-12-07 추가 */

.marketingTxt.program {background-image:url(/img/marketing/img_Program01.jpg);}
.marketingTxt.develop {background-image:url(/img/marketing/img_develop01.jpg);}
.marketingTxt.company {margin-right:57px;background-image:url(/img/it/img_company.jpg);}
.marketingTxt.Consulting {background-image:url(/img/it/img_consulting.jpg);}
.marketingTxt.system {background-image:url(/img/it/img_system.jpg);}
.marketingTxt.outscing {background-image:url(/img/it/img_outscing.jpg);}
.marketingTxt.security {background-image:url(/img/it/img_security01.jpg);}
.marketingTxt.cloud {background-image:url(/img/it/img_cloud.jpg);}

.marketingTxt > p {margin-bottom: 20px; font-size: 18px;}
.marketingTxt > p,
.marketingTxt > ul {padding-right: 360px; }
.marketingTxt > ul {margin-bottom: 20px; font-size: 16px;}
.marketingTxt > ul li {padding-left: 10px; background: url(/img/common/bul_dot01.gif) no-repeat 0 9px;}

.svcWrap.offerWrap dl {min-height:auto;}

.offerWrap dl {padding-top:164px;background:url(/img/marketing/img_cnsrtSvc02.jpg) no-repeat 50% 0;}
.offerWrap dl.cnsrtSvc02 {background-image:url(/img/marketing/img_cnsrtSvc03.jpg);}
.offerWrap dl.cnsrtSvc03 {background-image:url(/img/marketing/img_cnsrtSvc04.jpg);}

.offerWrap dl.programSvc01 {background:url(/img/marketing/img_Program02.jpg) no-repeat 50% 0;}
.offerWrap dl.programSvc02 {background:url(/img/marketing/img_Program03.jpg) no-repeat 50% 0;}
.offerWrap dl.programSvc03 {background:url(/img/marketing/img_Program04.jpg) no-repeat 50% 0;}

.offerWrap dl.developSvc01 {background:url(/img/marketing/img_develop02.jpg) no-repeat 50% 0;}
.offerWrap dl.developSvc02 {background:url(/img/marketing/img_develop03.jpg) no-repeat 50% 0;}
.offerWrap dl.developSvc03 {background:url(/img/marketing/img_develop04.jpg) no-repeat 50% 0;}
.offerWrap dl.developSvc04 {margin-top:84px;background:url(/img/marketing/img_develop05.jpg) no-repeat 50% 0;}

.svcWrap.offerWrap2 {margin-left:0;margin-bottom:-150px;}
.svcWrap.offerWrap2 dl {min-height:300px;margin-left:0;padding-top:0;background:none;}
.svcWrap.offerWrap2 dl:nth-child(odd) {float:left;width:545px;}
.svcWrap.offerWrap2 dl:nth-child(even) {float:right;width:545px;}

/*digital */

.digitalTxt {min-height: 262px; padding:55px 0 0;}
section .digitalTxt .hType01{margin-top:0;}
.digitalTxt .digitalTxt-content{width:712px; float:left;}
.digitalTxt + .digitalTxt {margin-top:60px;}
.digitalTxt .floatR_Bottom + .packCont{clear:both;}

.digitalTxt .digitalTxt-content > p {margin-bottom: 50px; font-size: 18px; color:#222;}
.digitalTxt > p,
.digitalTxt ul {padding:10px 0}
.digitalTxt ul {margin-bottom: 20px; font-size: 16px;}
.digitalTxt ul li {padding-left: 10px; background: url(/img/common/bul_dot01.gif) no-repeat 0 11px;}
.digitalTxt .floatR_Bottom{}


/*data*/
.data-list{clear:both}
.data-list > li{width:380px;height:220px;box-sizing:border-box;margin-left:30px; margin-bottom:30px;padding:25px 20px 0 30px; float:left;}
.data-list.type-01 > li > ul{margin-top:5px;}
.data-list > li:nth-child(1), .data-list > li:nth-child(4), .data-list > li:nth-child(7){margin-left:0;}
.data-list.type-01 > li:nth-child(1){background:url(../img/common/data-icon01.png) 30px 30px no-repeat;}
.data-list.type-01 > li:nth-child(2){background:url(../img/common/data-icon02.png) 30px 30px no-repeat;}
.data-list.type-01 > li:nth-child(3){background:url(../img/common/data-icon03.png) 30px 30px no-repeat;}
.data-list.type-01 > li:nth-child(4){background:url(../img/common/data-icon04.png) 30px 30px no-repeat;}
.data-list.type-01 > li:nth-child(5){background:url(../img/common/data-icon05.png) 30px 30px no-repeat;}
.data-list.type-01 > li:nth-child(6){background:url(../img/common/data-icon06.png) 30px 30px no-repeat;}
.data-list.type-01 > li:nth-child(7){background:url(../img/common/data-icon07.png) 30px 30px no-repeat;}
.data-list.type-01 > li:nth-child(8){background:url(../img/common/data-icon08.png) 30px 30px no-repeat;}
.data-list.type-01 > li:nth-child(9){background:url(../img/common/data-icon09.png) 30px 30px no-repeat;}

.data-list.type-01 > li{border:1px solid #dde4e7; padding-left:90px;background:none;}
.data-list.type-01 > li > strong{display:block; text-align:left; color:#333; font-size:20px; font-weight:600;}

.packCont.data-type02{margin-top:120px;}
.data-list.type-02 > li{background:#f6f7f8; border:1px solid #f6f7f8;}
.data-list.type-02 > li > strong{display:block; text-align:center; color:#3f87d2; font-size:20px; font-weight:600;}

.data-list.type-03 > li{height:260px; border:1px solid #dde4e7;background:none;}
.data-list.type-03 > li > img{display:block;margin:0 auto;}
.data-list.type-03 > li > p{display:block; text-align:center; color:#333; font-size:16px; margin-top:25px; font-weight:400;}


.data-table01{border:1px solid #dde4e7; table-layout: fixed; width:100%;}
.data-table01 thead tr th{}
.data-table01 thead tr th div{text-align:center; margin:10px;background:#0c4da2; line-height:30px; padding:20px 10px; color:#fff; font-size:18px; font-weight:800; }
.data-table01 tbody tr th div{border:1px solid #dde4e7; background:#f6f7f8; text-align:center; margin:10px; padding:36px 10px; vertical-align: middle;font-size:18px; color:#3f87d2}
.data-table01 tbody tr th div.type02{padding:50px 10px;}
.data-table01 tbody tr th div strong{display:block;position:relative;padding-bottom:20px; margin-bottom:20px; }
.data-table01 tbody tr th div strong:after{content:""; display:block; width:20px; height:1px; background:#3f87d2; position:absolute;bottom:0; left:50%; margin-left:-10px; }
.data-table01 tbody tr th div span{display:block;position:relative;}
.data-table01 tbody tr td{vertical-align:top;}
.data-table01 tbody tr td ul{margin:10px 0 0 20px;}
.packCont.data-type02 .data-table01 tbody tr td ul{margin:35px 0 0 20px!important;}


/*solutions*/
.dataware-list{clear:both;margin-bottom:55px; overflow:hidden;}
.dataware-list dt{float:left;width:165px;}
.dataware-list dd{float:left;width:1035px;font-size:16px; color:#333; font-weight:400;}

/* IT Services [Obsoleted] */

.conOffer01 {float:left;width:879px;}
.conOffer02 {float:left;}

.conOffer01 .ConsultingOffer > li {float:left;margin-right:50px;}
.conOffer01 .ConsultingOffer li > ul {margin-top:11px;}
.conOffer01 .ConsultingOffer li > ul > li {padding-left:10px;background:url(/img/common/bul_dot01.gif) no-repeat 0 9px; font-weight:normal;}

.ConsultingOffer {overflow:hidden;}
.ConsultingOffer > li {font-size:16px;font-weight:bold;color:#000;}

.systemList01 {overflow:hidden;}
.systemList01 li {float:left;font-size:24px;}
.systemList01 li:nth-child(odd), .systemList02 > li:nth-child(odd) {width:647px;}

.systemList02 {overflow:hidden;margin-top:40px;}
.systemList02 > li {float:left;margin-bottom:35px;}
.systemList02 > li strong {display:inline-block;height:38px;padding-left:60px;background:url(/img/it/icon_system.gif) no-repeat 0 5px;font-size:20px;line-height:38px;}
.systemList02 > li.list02 strong {background-position:0 -76px}
.systemList02 > li.list03 strong {background-position:0 -155px}
.systemList02 > li.list04 strong {background-position:0 -243px}
.systemList02 > li.list05 strong {background-position:0 -329px}
.systemList02 > li.list06 strong {background-position:0 -415px}
.systemList02 > li > ul {margin:8px 0 0 60px;}
.systemList02 > li > ul > li {padding-left:10px;background:url(/img/common/bul_dot01.gif) no-repeat 0 9px;font-size:16px;}

.systemList02.outList {margin-top:-14px;}
.systemList02.outList > li {width:33.333%;width:calc(100% / 3);padding-left:10px;box-sizing:border-box;}
.systemList02.outList > li:first-child {padding-left:0;}
.systemList02.outList > li:last-child {padding-left:30px;}
.systemList02.outList > li:first-child strong {background:none;}
.systemList02.outList > li strong {height:auto;padding-left:0;padding-top:16px;background:none;background:url(/img/common/icon_titleBar04.gif) no-repeat 0 0; line-height:1.2;font-size:16px;}
.systemList02.outList > li ul {margin:10px 0 0 0;}

.systemList02.outList2 {margin-top:0;}
.systemList02.outList2 > li {float:none;font-size:16px;margin-bottom:0;padding-left:10px;background:url(/img/common/bul_dot01.gif) no-repeat 0 9px;}

.securityWrap {overflow:hidden;margin:30px 0 40px;padding-left:300px;background:url(/img/it/img_security02.jpg) no-repeat 0 10px;}
.securityWrap .hType03.lineDown {margin-top:0;}

.securityWrap div {overflow:hidden;}
.securityWrap ul {float:left;width:300px;}
.securityWrap ul li {padding-left:10px;background:url(/img/common/bul_dot01.gif) no-repeat 0 10px; font-size:16px;}

.securityWrap.best {margin-bottom:0;padding:0;background:none;}
.securityWrap.best > div {float:left;width:50%;height:305px;}
.securityWrap.best > div ul {float:left;width:33.333%;width:calc(100% / 3);}

.cloudList {overflow:hidden;margin:40px 0 60px;}
.cloudList li {float:left;width:25%;font-size:18px;text-align:center;line-height:1.2;}
.cloudList li span {display:block;width:57px;margin:0 auto 30px;height:51px;background:url(/img/it/icon_cloud.gif) no-repeat 0 0;}
.cloudList li span.icon02 {background-position:0 -99px;}
.cloudList li span.icon03 {background-position:0 -199px;}
.cloudList li span.icon04 {background-position:0 -299px;}

.reference {overflow:hidden;}
.reference div {float:left;width:50%;}
.reference div ul li {padding-left:10px;background:url(/img/common/bul_dot01.gif) no-repeat 0 9px;font-size:16px;}
.reference div:first-child {overflow:hidden;}
.reference div:first-child ul {float:left;margin-right:55px;}


/* Content Pack [New] */

.packCont {margin-top: 60px; *zoom: 1;}
.packCont:after {content: ""; display: block; clear: both;}

.packCont .float {float: left; width: 400px; padding-right: 20px; box-sizing: border-box;}
.packCont .float + .float + .float {padding-right: 0;}

.packCont .floatPack {margin-top: 30px; *zoom: 1;}
.packCont .floatPack:after {content: ""; display: block; clear: both;}
.packCont .floatPack > .left {float: left;}
.packCont .floatPack > .left,
.packCont .floatPack > .right {width: 570px; margin-top: 0; box-sizing: border-box;}
.packCont .floatPack > .right {float: left; margin-left: 60px;}

.packCont .clear:before {content: ""; display: block; clear: both;}

.packCont h4 {margin-top: 60px; background: url(/img/common/icon_titleBar02.gif) no-repeat 0 100%; font-size: 45px; font-weight: normal; color: #0c4da2; padding-bottom:15px;}
.packCont h5 {margin-top: 40px; padding-bottom: 15px; background: url(/img/common/icon_titleBar02.gif) no-repeat 0 100%; line-height: 1.2; font-size: 24px;}
.packCont p {margin-top: 20px; font-size: 18px;}
.packCont ul {margin-top: 20px; font-size: 16px;}
.packCont li {padding-left: 10px; background: url(/img/common/bul_dot01.gif) no-repeat 0 11px;}

.packCont dl {margin-top: 20px;}
.packCont dt {font-size: 20px; font-weight: bold;}
.packCont dd {margin-top: 5px; font-size: 16px;}
.packCont dd + dd {margin-top: 20px;}
.packCont dd strong + ul {margin-top: 5px;}

.packCont:first-child,
.packCont h4:first-child,
.packCont > h5:first-child,
.packCont p:first-child,
.packCont ul:first-child,
.packCont dl:first-child {margin-top: 0 !important;}

.packCont .svcWrap dl {margin-top: 20px;}
.packCont .svcWrap dl:first-child,
.packCont .svcWrap dl:first-child + dl,
.packCont .svcWrap dl:first-child + dl + dl {margin-top: 0;}

.packCont .pdR {padding-right: 360px;}

.packCont.combi > .img {float: left; width: 400px; text-align: center;}
.packCont.combi > .txt {float: right; width: 800px;}
.packCont.combi > .txt h5:first-child {margin-top: 0;}

.packCont.combi.reverse > p {padding-bottom: 30px;}
.packCont.combi.reverse > .img {float: right;}
.packCont.combi.reverse > .txt {float: left;}

.packCont.combi > .txt .floatPack > .left,
.packCont.combi > .txt .floatPack > .right {width: 400px;}
.packCont.combi > .txt .floatPack > .right {float: right; margin-left: 0;}

.packCont.combi > .txt .floatPack dd {min-height: 150px; *zoom: 1;}
.packCont.combi > .txt .floatPack dd:after {content: ""; display: block; clear: both;}
.packCont.combi > .txt .floatPack dd ul {float: left; width: 33.333%; margin-top: 0; font-size: 14px;}


/* Image : "marketingTxt" [New] */

.marketingTxt.tech01_01 {background-image: url(/img/contTop/tech01_01.png);}

.marketingTxt.tech02_01 {background-image: url(/img/contTop/tech02_01.png);}
.marketingTxt.tech02_03 {background-image: url(/img/contTop/tech02_03.png);}
.marketingTxt.tech02_05 {background-image: url(/img/contTop/tech02_05.png);}
.marketingTxt.tech02_06 {background-image: url(/img/contTop/tech02_06.png);}

.marketingTxt.tech04_01 {background-image: url(/img/contTop/tech04_01.png);}
.marketingTxt.tech04_02 {background-image: url(/img/contTop/tech04_02.png);}
.marketingTxt.tech04_05 {background-image: url(/img/contTop/tech04_05.png);}
.marketingTxt.tech04_06 {background-image: url(/img/contTop/tech04_06.png);}
.marketingTxt.tech04_07 {background-image: url(/img/contTop/tech04_07.png);}
.marketingTxt.tech04_08 {background-image: url(/img/contTop/tech04_08.jpg);background-position:right 100px;}
.marketingTxt.tech04_09 {background-image: url(/img/contTop/tech04_09.jpg);background-position:right 100px;}

.marketingTxt.op01 {background-image: url(/img/contTop/op01.png);}
.marketingTxt.op02 {background-image: url(/img/contTop/op02.png);}
.marketingTxt.op03 {background-image: url(/img/contTop/op03.png);}
.marketingTxt.op04 {background-image: url(/img/contTop/op04.png);}
.marketingTxt.op05 {background-image: url(/img/contTop/op05.png);}

.marketingTxt.market01 {background-image: url(/img/contTop/market01.png);}
.marketingTxt.market02 {background-image: url(/img/contTop/market02.png);}
.marketingTxt.market03 {background-image: url(/img/contTop/market03.png);}
.marketingTxt.market04 {background-image: url(/img/contTop/market04.png);}
.marketingTxt.market05 {background-image: url(/img/contTop/market05.png);background-position:right 100px;}

.marketingTxt.consult01_01 {background-image: url(/img/contTop/consult01_01.png);}
.marketingTxt.consult01_02 {background-image: url(/img/contTop/consult01_02.png);}
.marketingTxt.consult01_03 {background-image: url(/img/contTop/consult01_03.png);}
.marketingTxt.consult01_04 {background-image: url(/img/contTop/consult01_04.png);}
.marketingTxt.consult01_05 {background-image: url(/img/contTop/consult01_05.png);}
.marketingTxt.consult01_06 {background-image: url(/img/contTop/consult01_06.png);}
.marketingTxt.consult02 {background-image: url(/img/contTop/consult02.png);}

.marketingTxt.recruit {background-image: url(/img/contTop/recruit.png);}

.marketingTxt.none {background: none;}
.marketingTxt.none > p,
.marketingTxt.none > ul {padding-right: 0;}

/* indestires - 2017-12-07 수정 */
.marketingTxt.ind01 {background-image:url('/img/contTop/ind01.png');}
.marketingTxt.ind02 {background-image:url('/img/contTop/ind02.png');}
.marketingTxt.ind03 {background-image:url('/img/contTop/ind03.png');}
.marketingTxt.ind04 {background-image:url('/img/contTop/ind04.png');}
.marketingTxt.ind05 {background-image:url('/img/contTop/ind05.png');}
.marketingTxt.ind06 {background-image:url('/img/contTop/ind06.png');}
.marketingTxt.ind07 {background-image:none;}
.marketingTxt.ind07 img{margin:24px 0; width:100%; display:block;}

/* Technology - 2017-12-18 추가 */
.marketingTxt.inter01 {background-image:url('/img/contTop/interative01.jpg');}
.marketingTxt.inter02 {background-image:url('/img/contTop/interative02.jpg');background-position:right 100px;}
.marketingTxt.ai {padding-left:360px;background-image:url('/img/contTop/tech01_03.png');background-position:left 100px;}
.marketingTxt.ai h4, .marketingTxt.ai > p, .marketingTxt.ai > ul {padding-right:0;}

/*RPA추가 2018-12-12 */
.rpa_bg{float:right;margin-top:100px;}
.cloud_RPA{}
.cloud_RPA p, .cloud_RPA ul, .cloud_RPA dd{padding-top:20px; margin-top:0; font-size:16px;}
.cloud_RPA dt{padding-top:40px;font-size:24px;}

/* outsourcing - 2017-12-19 추가 */
.marketingTxt.mailMarketing {background-image:url('/img/contTop/mailMarketing.png');}
.marketingTxt.printing {background-image:url('/img/contTop/printing.png');background-position:right 100px;}
.marketingTxt.managedServices {background-image:url('/img/contTop/managedServices.png');background-position:right 100px;}
.marketingTxt.generalPrint {background-image:url('/img/contTop/generalPrint.png');background-position:right 100px;}
.marketingTxt.education{background-image:url('/img/contTop/education.png');background-position:right 100px;}

/* Image : ".svcWrap.offerWrap" [New] */

.svcWrap.offerWrap .tech01_01 {background-image: url(/img/contBox/tech01_01.png);}
.svcWrap.offerWrap .tech01_02 {background-image: url(/img/contBox/tech01_02.png);}
.svcWrap.offerWrap .tech01_03 {background-image: url(/img/contBox/tech01_03.png);}
.svcWrap.offerWrap .tech01_04 {background-image: url(/img/contBox/tech01_04.png);}
.svcWrap.offerWrap .tech01_05 {background-image: url(/img/contBox/tech01_05.png);}

.svcWrap.offerWrap .tech02_01 {background-image: url(/img/contBox/tech02_01.png);}
.svcWrap.offerWrap .tech02_02 {background-image: url(/img/contBox/tech02_02.png);}
.svcWrap.offerWrap .tech02_03 {background-image: url(/img/contBox/tech02_03.png);}

.svcWrap.offerWrap .tech02_04 {background-image: url(/img/contBox/tech02_04.png);}
.svcWrap.offerWrap .tech02_05 {background-image: url(/img/contBox/tech02_05.png);}
.svcWrap.offerWrap .tech04_01 {background-image: url(/img/contBox/tech04_01.png);}
.svcWrap.offerWrap .tech04_02 {background-image: url(/img/contBox/tech04_02.png);}
.svcWrap.offerWrap .tech04_03 {background-image: url(/img/contBox/tech04_03.png);}
.svcWrap.offerWrap .tech04_04 {background-image: url(/img/contBox/tech04_04.png);}
.svcWrap.offerWrap .tech04_05 {background-image: url(/img/contBox/tech04_05.png);}
.svcWrap.offerWrap .tech04_06 {background-image: url(/img/contBox/tech04_06.png);}
.svcWrap.offerWrap .tech04_07 {background-image: url(/img/contBox/tech04_07.png);}
.svcWrap.offerWrap .tech04_08 {background-image: url(/img/contBox/tech04_08.png);}
.svcWrap.offerWrap .tech04_09 {background-image: url(/img/contBox/tech04_09.png);}
.svcWrap.offerWrap .tech04_10 {background-image: url(/img/contBox/tech04_10.png);}

.svcWrap.offerWrap .market01_01 {background-image: url(/img/contBox/market01_01.png);}
.svcWrap.offerWrap .market01_02 {background-image: url(/img/contBox/market01_02.png);}
.svcWrap.offerWrap .market01_03 {background-image: url(/img/contBox/market01_03.png);}
.svcWrap.offerWrap .market01_04 {background-image: url(/img/contBox/market01_04.png);}

.svcWrap.offerWrap .consult01_01 {background-image: url(/img/contBox/consult01_01.png);}
.svcWrap.offerWrap .consult01_02 {background-image: url(/img/contBox/consult01_02.png);}
.svcWrap.offerWrap .consult01_03 {background-image: url(/img/contBox/consult01_03.png);}
.svcWrap.offerWrap .consult01_04 {background-image: url(/img/contBox/consult01_04.png);}
.svcWrap.offerWrap .consult01_05 {background-image: url(/img/contBox/consult01_05.png);}
.svcWrap.offerWrap .consult01_06 {background-image: url(/img/contBox/consult01_06.png);}
.svcWrap.offerWrap .consult01_07 {background-image: url(/img/contBox/consult01_07.png);}

/* 아웃소싱 추가 */
.svcWrap.mailMarketing dl {min-height:auto;padding-top:170px;}
.svcWrap.mailMarketing .item1-1 {background-image: url(/img/contBox/out01-01.jpg);}
.svcWrap.mailMarketing .item1-2 {background-image: url(/img/contBox/out01-02.jpg);}
.svcWrap.mailMarketing .item1-3 {background-image: url(/img/contBox/out01-03.jpg);}

.svcWrap.printing dl {min-height:auto;padding-top:170px;}
.svcWrap.printing .item2-1 {background-image: url(/img/contBox/out02-01.jpg);}
.svcWrap.printing .item2-2 {background-image: url(/img/contBox/out02-02.jpg);}
.svcWrap.printing .item2-3 {background-image: url(/img/contBox/out02-03.jpg);}

.svcWrap.managedServices {margin-top:200px;}
.svcWrap.managedServices dl {min-height:220px;padding-top:170px;}
.svcWrap.managedServices .item3-1 {background-image: url(/img/contBox/out03-01.jpg);}
.svcWrap.managedServices .item3-2 {background-image: url(/img/contBox/out03-02.jpg);}
.svcWrap.managedServices .item3-3 {background-image: url(/img/contBox/out03-03.jpg);}
.svcWrap.managedServices .item3-4 {background-image: url(/img/contBox/out03-04.jpg);}



/* 교육 */
.education-area{height:550px; background:url(/img/common/education_img.png) center no-repeat;position:relative;}
.education-area:after{content:""; display:block; clear:both;}
.packCont .education-area dl{margin-top:0;}
.packCont .education-area dl.item1-1{width:420px; position:absolute; left:0; top:60px;}
.packCont .education-area dl.item1-2{width:410px; position:absolute; right:0; top:60px; }
.packCont .education-area dl.item1-3{width:420px; position:absolute; left:0; bottom:10px;}
.packCont .education-area dl.item1-4{width:410px; position:absolute; right:0; bottom:33px;}


.packCont .education-area dl dt{font-size:20px; color:#111;  }
.packCont .education-area dl dd strong{font-size:16px; color:#333; margin-top:5px; }
.packCont .education-area dl dd ul{}
.packCont .education-area dl dd ul li{font-size:16px; font-weight:400;}

/* Oblique Section [New] */

.oblique {margin-top: 60px !important; padding-top: 120px; background-repeat: no-repeat; background-position: 50% 0;}
.oblique .outer {padding-bottom: 120px; background-repeat: no-repeat; background-position: 50% 100%;}
.oblique .inner {padding: 0 0 50px; overflow: visible;}
.oblique .inner > div {position: relative; width: 1200px; margin: 0 auto;}

.oblique.azure {background-image: url(/img/common/bgAzureTop.png);}
.oblique.azure .outer {background-image: url(/img/common/bgAzureBot.png);}
.oblique.azure .inner {background: #017dc5; color: #fff;}

.oblique.blue {background-image: url(/img/common/bgBlueTop.png);}
.oblique.blue .outer {background-image: url(/img/common/bgBlueBot.png);}
.oblique.blue .inner {background: #0c4da2; color: #fff;}

.oblique  .hType01,
.oblique  .hType02 {margin-top: 0; background-image: url(/img/common/icon_titleBar03.gif); color: #fff;}

.oblique .packCont h4,
.oblique .packCont h5 {background-image: url(/img/common/icon_titleBar03.gif); color: #fff;}
.oblique .packCont li {background-image: url(/img/common/bul_dot03.png); background-position: 0 11px;}
.oblique .packCont a {color: #fff;}

.oblique .packCont .svcWrap dt {background-image: url(/img/common/icon_titleBar03.gif);}

.oblique .floatTop {position: absolute; top: -100px; right: 0;}

.oblique .marketingTxt:first-child,
.oblique .floatTop + .marketingTxt {padding-top: 0;}

.oblique.lastest .outer {padding-bottom: 0 !important;}
.oblique.lastest + .sectionFooter {margin-top: 0 !important; padding-top: 0 !important; background: 0 !important;}

.floatR_Bottom{float:right;}

/* Icon [New] */

.hasIcon {padding-left: 60px; background-repeat: no-repeat; background-position: 0 0;}

.hasIcon.tech01_01 {background-image: url(/img/common/icnTech01_01_test.png);min-height:200px;}
.hasIcon.tech01_02 {background-image: url(/img/common/icnTech01_02_test.png);min-height:200px;}
.hasIcon.tech01_03 {background-image: url(/img/common/icnTech02_01.png);min-height:200px;}
.packCont .floatPack > .left.hasIcon.tech01_02 {margin:30px 0;}

.hasIcon.tech02_01 {background-image: url(/img/common/icnTech02_01.png);}
.hasIcon.tech02_02 {background-image: url(/img/common/icnTech02_02.png);}
.hasIcon.tech02_03 {background-image: url(/img/common/icnTech02_03.png);}
.hasIcon.tech02_04 {background-image: url(/img/common/icnTech02_04.png);}


/* Recruit [New] */

section.recruit {height: 535px; background: url(/img/common/bgRecruit.png) no-repeat 50% 0; z-index: 1; color: #fff;}
section.recruit .inner {padding-top: 108px;}

section.recruit h4 {margin-top: 0; padding-bottom: 20px; line-height: 1; font-size: 34px; font-weight: bold;}
section.recruit a {color: #fff;}

section.recruit .pack {margin-top: 25px; *zoom: 1;}
section.recruit .pack:after {content: ""; display: block; clear: both;}

section.recruit .pack dl {float: left; width: 33.33%; margin-top: 40px; font-size: 16px;}
section.recruit .pack dl.first {width: 500px;}
section.recruit .pack dl.first + dl {width: 385px;}
section.recruit .pack dl.first + dl + dl {width: 315px;}
section.recruit .pack dl:first-child,
section.recruit .pack dl:first-child + dl,
section.recruit .pack dl:first-child + dl + dl {margin-top: 0;}

section.recruit .pack dt em {font-size: 20px;}
section.recruit .pack dd {margin-top: 6px;}
section.recruit .pack dd a.email {padding-left: 32px; background: url(/img/common/icnEmail.png) no-repeat 0 50%; text-decoration: underline;}

#wrap section.recruit + section.sectionFooter.subCont {margin-top: -150px; z-index: 0;}


/* Chinese Character [New] */

.charCn {font-family: 'Dotum', sans-serif;}

/* career 2017-04-01 신규 작업 */
.marketingTxt.career {min-height:auto;background:none;}
.marketingTxt.career p {padding-right:0;}
.careerWrap {margin-top:30px;}
.careerWrap h4 {margin-bottom:40px;padding-bottom:16px;font-size:24px;background:url('/img/common/icon_titleBar02.gif') no-repeat 0 bottom;}
.careerWrap ul {overflow:hidden;margin:-40px 0 0 -60px;}
.careerWrap ul li {float:left;margin-left:60px;margin-top:40px;}
.careerWrap ul li a {position:relative;display:block;width:360px;height:190px;}
.careerWrap ul li a span {position:absolute;bottom:0px;left:0;display:block;width:100%;height:60px;line-height:60px;padding:0 20px;background:rgba(1, 125, 197, 0.6) url('/img/career/icon_careerLink.png') no-repeat right center; color:#fff;font-size:18px;font-weight:bold;font-family:'나눔스퀘어',NanumSquare !important;box-sizing:border-box;}
.careerWrap ul li a span em {font-family:SimSun;}

.careerWrap ul li {background:url('/img/career/img_career01.png') no-repeat 0 0;}
.careerWrap ul li.site08 {background-image:url('/img/career/img_career08.png');}
.careerWrap ul li.site09 {background-image:url('/img/career/img_career09.png');}

.careerWrap ul li.site02 {background-image:url('/img/career/img_career02.png');}
.careerWrap ul li.site03 {background-image:url('/img/career/img_career03.png');}
.careerWrap ul li.site04 {background-image:url('/img/career/img_career04.png');}

.careerWrap ul li.site05 {background-image:url('/img/career/img_career05.png');}
.careerWrap ul li.site10 {background-image:url('/img/career/img_career10.png');}
.careerWrap ul li.site06 {background-image:url('/img/career/img_career06.png');}

.careerWrap ul li.site07 {background-image:url('/img/career/img_career07.png');}

.mobileView .marketingTxt.career {padding-top:0;}
.mobileView .careerWrap ul {margin-left:0;text-align:center;}
.mobileView .careerWrap ul li {float:none;display:inline-block;margin-left:0;width:400px;height:200px;background-size:100% 100%;}
.mobileView .careerWrap ul li a {width:400px;height:200px;}
.mobileView .careerWrap ul li a span {text-align:left;}


/* 컨설팅 - 신규메뉴추가 2017-12-12 */
.consulting .hType01 {padding-bottom:10px;font-size:42px;}
.consulting .hType01.mgT100 {margin-top:100px;}
.consulting .hType03 {padding-top:0;padding-bottom:15px;margin-bottom:20px;background-position:0 bottom;;}

.consulting .marketingTxt + .marketingTxt.none {margin-top:0px;padding-top:10px;}
.consulting .marketingTxt.none + .marketingTxt {margin-top:0;padding-top:0px;}
.consulting .marketingTxt ul {padding-right:0;}
.marketingTxt.consulting01_01 {background-image:url('/img/contTop/consulting01_01.png');}
.marketingTxt.consulting01_02 {background-image:url('/img/contTop/consulting01_02.png');background-position:right 0;}
.marketingTxt.consulting01_03 {background-image:url('/img/contTop/consulting01_03.png');background-position:right 0;}
.marketingTxt.consulting02_01 {background-image:url('/img/contTop/consulting02_01.png');}
.marketingTxt.consulting02_02 {background-image:url('/img/contTop/consulting02_02.png');}
.marketingTxt.consulting03_01 {background-image:url('/img/contTop/consulting03_01.png');}
.marketingTxt.consulting03_02 {background-image:url('/img/contTop/consulting03_02.png');background-position:right 0;}
.marketingTxt.consulting03_03 {background-image:url('/img/contTop/consulting03_03.png');background-position:right 0;}

/* 컨설팅 상담문의 */
.support {padding:30px;background-color:#f6f6f6;}
.support ul {overflow:hidden;}
.support ul + ul {margin-top:10px;}
.support ul li {float:left;margin-right:50px;font-size:16px;}
.support ul li:first-child {margin-right:60px;font-size:20px;line-height:1;}
.support.en ul li:first-child {float:none;margin-bottom:15px}
.support ul li:first-child strong {margin-left:16px;}
.support ul li.tel {padding-left: 30px;background: url(/img/common/icon_support01.gif) no-repeat 0 50%;}
.support ul li.mail {padding-left: 30px;background: url(/img/common/icon_support02.gif) no-repeat 0 50%;}
.support ul li.site {padding-left: 30px;background: url(/img/common/icon_support04.png) no-repeat 0 50%;}
.support ul li.mail + li:last-child {padding-left: 30px;background: url(/img/common/icon_support03.gif) no-repeat 0 50%;}
.support ul li.mail + li.site:last-child {background: url(/img/common/icon_support04.png) no-repeat 0 50%;}
.support ul li a {text-decoration:underline;}

/* Alliance & Partners */
.partners + .sectionFooter {background:none !important;margin-top:-150px !important;}
.partners {margin-top:60px !important;padding:35px 0 90px;background:url('/img/about/bg_partners.png') no-repeat 50% 0;color:#fff;}
.partners .para01 {color:#fff;}
.itemList {overflow:hidden;margin-top:46px;}
.itemList ul {overflow:hidden;margin-top:10px;}
.itemList ul li {float:left;width:120px;height:120px;margin-left:10px;line-height:120px;font-size:16px;text-align:center;box-sizing:border-box;}
.itemList ul li.double{line-height:20px; padding:40px 0;}
.itemList ul li.triple{line-height:20px; padding:30px 0;}
.itemList ul li:first-child {margin-left:0;}
.itemList ul.floatL {float:left;}
.itemList ul.floatR {float:right;}
.itemList ul.floatL li {border:1px solid #017dc5}
.itemList ul.floatR li {background-color:#017dc5;}

/* Metanet CF */
.videoWrap {position:relative;margin-top:30px;overflow:hidden;}
.videoItem {padding:0 61px;}
.videoItem .videoInner {overflow:hidden;}
.videoItem .videoInner .video {float:left;width:700px;}
.videoItem .videoInner .videoTxt {float:right;width:339px;margin-top:0;}
.videoItem .videoInner .videoTxt dt {margin-bottom:23px;font-size:24px;color:#0c4da2;line-height:1.2;}
.videoItem .videoInner .videoTxt dd {font-size:16px;color:#666;min-height:170px;overflow-y:auto;}
.videoItem .videoInner .videoTxt dd.date {margin-top:13px;min-height:auto;overflow:hidden;;}
.thumbnail {overflow:hidden; margin:50px 60px 0 60px; border-top:1px solid #dfe2e7;}
.thumbnail li{border-bottom:1px solid #dfe2e7;padding:0}
.thumbnail li a{display:block; width:100%; padding:20px 0; overflow:hidden;}
.thumbnail li:after{content:"";display:block; clear:both;}
.thumbnail li img{width:153px; height:auto;display:block; float:left;}
.thumbnail li .thumb_area{float:left; width:calc(100% - 193px); padding:0 20px;}
.thumbnail li .thumb_area .thumb_title{font-size:20px; font-weight:600; color:#111;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.thumbnail li .thumb_area .thumb_notice{font-size:16px; font-weight:400; margin-top:4px; color:#333;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.thumbnail li .thumb_area .thumb_date{font-size:14px; font-weight:400; color:#999; margin-top:10px;}

.slick-slide {float:left;}
.slick-prev, .slick-next {position:absolute;top:173px;display:inline-block;width:32px;height:62px;text-indent:100%;overflow:hidden;white-space:nowrap;z-index:100;outline:none;}
.slick-prev {left:0;background:url('/img/about/btn_videoLeft.png') no-repeat 0 0;}
.slick-next {right:0;background:url('/img/about/btn_videoRight.png') no-repeat 0 0;}

/* CI 규정 */
#wrap section.valueWrap + .ciRule {margin-top:240px}
.ciRule .bgRule dt {margin-top:40px;}
.ciRule .ciImg {overflow:hidden;margin-top:40px;}
.ciRule .ciImg img {float:left;}
.ciRule .ciImg.color {margin-top:15px;border:1px solid #dddddd;}
.ciRule .ciImg.color.borNone {margin-top:45px;border:0;text-align:center;}
.ciRule .ciImg.color.borNone img {float:none;}
.ciRule p {margin:50px 0 60px;letter-spacing:-1px;}
.ciRule .CIDown {margin-top:35px;}
.ciRule .CIDown a {display:inline-block;width:230px;height:50px;line-height:50px;padding-right:40px;border:1px solid #999999;text-align:center;box-sizing:border-box;font-size:18px;background:url('/img/about/icon_ciDown.gif') no-repeat 180px 50%;}
.ciRule .colorWrap {overflow:hidden;margin-top:50px;}
.ciRule .colorWrap dl {float:left;width:300px;}
.ciRule .colorWrap dl dt {margin-bottom:2px;font-weight:bold;font-size:18px;color:#222222;}
.ciRule .colorWrap dl dd {height:55px;font-size:14px;color:#222;}
.ciRule .colorWrap dl dd.colorType {box-sizing:border-box;padding:10px 15px;color:#fff;font-size:14px;line-height:1.2;letter-spacing:-0.5px;}
.ciRule .colorWrap dl dd.colorType strong {display:block;margin:10px 0 3px;}
.ciRule .colorWrap dl dd.colorType li:first-child strong {margin-top:0;}
.ciRule .colorWrap dl dd.type01 {width:260px;height:182px;background-color:#004098;}
.ciRule .colorWrap dl dd.type02 {width:260px;height:182px;background-color:#5ac2e0;}
.ciRule .colorWrap dl dd.type03 {height:182px;padding:0;}
.ciRule .colorWrap dl dd.type03 ul {overflow:hidden;}
.ciRule .colorWrap dl dd.type03 ul li {float:left;width:134px;height:86px;padding:10px 15px;box-sizing:border-box;}
.ciRule .colorWrap dl dd.type03 ul li strong {margin-top:0;}
.ciRule .colorWrap dl dd.type03 .color01 {background-color:#6b634d;margin-right:10px;}
.ciRule .colorWrap dl dd.type03 .color02 {background-color:#787d83;}
.ciRule .colorWrap dl dd.type03 .color03 {background-color:#4a5055;margin:10px 10px 0 0;}
.ciRule .colorWrap dl dd.type03 .color04 {background-color:#bcbdbb;margin-top:10px;}
.ciRule .colorWrap dl dd.type04 {width:269px;height:86px;background-color:#221815;}


/* 문의하기 */
.inquiry_area{margin-top:50px;position:relative;line-height:30px;}
.inquiry_area h4{font-size:24px;background:url('/img/common/icon_titleBar02.gif') no-repeat left top;padding-top:5px;background-size:20px 1px;}
.inquiry_agr{border:solid 1px #dddddd;font-size:16px;margin-top:15px;padding:15px 20px 16px 20px; overflow-y:scroll; height:200px;}
.inquiry_agr ol li{padding-bottom:8px;padding-top:8px;}
.inquiry_agr ol li p{padding-left:10px;}
.inquiry_agr table.contact{width:96%;border:1px solid #eeeeee; margin-top:10px; margin-bottom:10px;border-collapse:collapse;}
.inquiry_agr table.contact th{font-size:14px;background-color:#f7f7f7;height:40px; text-align:center;border:1px solid #dddddd;}
.inquiry_agr table.contact td{font-size:14px;padding-left:20px;height:40px; text-align:left; border:1px solid #dddddd;}
.inquiry_agr_para{font-size:16px;text-align:center;margin-top:20px}
.inquiry_agr_para input[type="checkbox"]{width:1px;height:1px;padding:0;border:0 none;margin:0;position:absolute;left:0;top:0;overflow:hidden;clip:rect(0 0 0 0);}
.inquiry_agr_para input[type="checkbox"] + label{background:url('/img/common/checkbox_off.png')no-repeat left top;padding-left:45px;cursor:pointer;line-height:30px;display:inline-block}
.inquiry_agr_para input[type="checkbox"]:checked + label{background-image:url('/img/common/checkbox_on.png')}
 
 

.board input.input_all[type="text"], .board input.input_all[type="password"]{width:100%;box-sizing:border-box;height:36px}
.board select.input_all {width:100%;box-sizing:border-box;}
.board select.input_all:disabled{background:#f0f0f0;}
.wrap_email_input{display:table;width:100%}
.wrap_email_input > span{display:table-cell;}
.wrap_email_input > span:nth-child(3){text-align:center}
.wrap_email_input > span:nth-child(5){padding-left:10px}

.inquiry_class > div{display:table;width:50%;float:left}
.inquiry_class > div > span{display:table-cell;}
.inquiry_class > div > span:first-child{width:50px;}

.inquiry_class > div:first-child > span{padding-right:30px}
.inquiry_class > div:first-child > span:first-child{padding-right:0px}

.mobileView .inquiry_area .board th{width:50px}

.board textarea.input_all2 {width:100%;box-sizing:border-box;}

.btnAreaC{text-align:center;margin-top:40px}
.btnType01{display:inline-block;color:#fff;background-color:#0c4da2;padding:9px 15px 12px 15px;min-width:150px}

/* 20118.06 컨텐츠 추가 */
.tech_contents{margin-top:20px}
.tech_contents dl dd p{font-size:16px;margin-top:0}
.tech_contents dl{padding-left:60px;background-repeat:no-repeat;background-position:left top}
.cloud_business dl:nth-child(1){background-image:url('/img/common/icnTech01_01_test.png')}
.cloud_business dl:nth-child(2){background-image:url('/img/common/icnTech01_02_test.png')}
.cloud_business dl:nth-child(3){background-image:url('/img/common/icnTech02_01.png')}
.cloud_service dl:nth-child(1){background-image:url('/img/common/ico_tech_service01.png')}
.cloud_service dl:nth-child(2){background-image:url('/img/common/ico_tech_service02.png')}
.cloud_service dl:nth-child(3){background-image:url('/img/common/ico_tech_service03.png')}
.cloud_solutions dl{background-image:url('/img/common/ico_tech_solutions01.png')}
.cloud_RPA dl{padding-left:0;background-repeat:no-repeat;background-position:left top}

.secu_offerings dl:nth-child(1){background-image:url('/img/common/ico_secu_offer01.png')}
.secu_offerings dl:nth-child(2){background-image:url('/img/common/ico_secu_offer02.png')}
.secu_offerings dl:nth-child(3){background-image:url('/img/common/ico_secu_offer03.png')}

.list_half01::after{content:'';display:block;clear:both}
.list_half01{width:380px}
.list_half01 li{float:left;width:180px;}
.list_half01 li img{display:block}

.list_half01.en{width:660px}
.list_half01.en li{width:320px}

.secu_partner li{padding:0;background:none;display:inline-block;margin:0 5px 5px 0 }

.wrap_rss li:after{content:'';display:block;clear:both}
.wrap_rss li{background:none;padding:0 0 30px 0;border-bottom:solid 1px #cfcfcf;}
.wrap_rss li + li{margin-top:30px}
.wrap_rss li dl{float:left;width:945px}
.wrap_rss li .rss_thumb{float:right;width:255px;text-align:right}
.wrap_rss li .rss_thumb img{max-width:100%;}
.wrap_rss li dl dt,.wrap_rss li dl dd{padding-right:60px}
.wrap_rss li dl dt{color:#0c4da2;text-decoration:underline;font-size:24px;font-weight:normal}
.wrap_rss li dl dt a{color:#0c4da2;}
.wrap_rss li dl dd.date{font-size:14px;color:#999}


.contact_area {overflow:hidden; padding-left:384px;padding-top:100px;background:url('/img/career/bg_contact_us.jpg') no-repeat top 100px left;}
.contact_area > div{padding-left:30px;background-color:#f6f7f8; box-sizing:border-box;}
.contact_area > div strong{display:block;padding-top:20px;font-size:20px;color:#3f87d2;}
.contact_area > div p{margin-top:10px;font-size:16px;}
.contact_area > div.contact_item01{height:270px;float:left; width:100%; margin-top:10px;}
.contact_area > div.contact_item02{height:140px; float:left; width:403px;}
.contact_area > div.contact_item03{height:140px; float:right; width:403px; margin-top:0;}
.contact_area > div.contact_item04{height:200px; float:left; width:100%; padding-top:10px;}
.contact_area > div.contact_item05{height:200px; float:right; width:100%; margin-top:10px; padding-top:10px;}
.contact_area a.contact-link{display:block; margin:15px 0 0 0; width:120px; height:46px;line-height:44px; border:1px solid #333; border-radius:46px;padding:0 30px;color:#333;font-size:16px; position:relative; }
.contact_area a.contact-link:after{position:absolute; display:block; content:""; width:23px; height:9px; background:url(../img/main/main_link_arrow.png) no-repeat; right:20px; top:18px; }



.people01 {padding-top:50px;}
.people01 ul {overflow:hidden;}
.people01 ul li {float:left;width:33.33%;width:calc(100%/3);padding-top:245px;text-align:center;font-size:16px;line-height:1.38;}
.people01 ul li strong {display:block;font-size:24px;font-weight:bold;}
.people01 ul li.people01 {background:url('/img/people/img_people01.jpg') no-repeat left 0;}
.people01 ul li.people02 {background:url('/img/people/img_people02.jpg') no-repeat center 0;}
.people01 ul li.people03 {background:url('/img/people/img_people03.jpg') no-repeat right 0;}
.people01 ul li.people01 strong {color:#0c4da2;}
.people01 ul li.people02 strong {color:#3f87d2;}
.people01 ul li.people03 strong {color:#059fc6;}

.businessTxt > p {margin-bottom: 48px; font-size: 18px;}

.packCont .nodeWrap {overflow:hidden;margin-top:20px;}
.packCont .nodeWrap dl {float:left;width:326px;height:390px;margin-top:20px!important;margin-left:20px;padding:0 30px 30px;background-color:#f6f6f6;}
.packCont .nodeWrap dl.type02 {height:160px;}
.packCont .nodeWrap dl:first-child {margin-left:0;}
.packCont .nodeWrap dl dt {margin-top:26px;font-size:16.5px;text-align:center;line-height:1.3;}
.packCont .nodeWrap dl dt strong {display:block;font-size:26px;color:#3f87d2;}
.packCont .nodeWrap dl dt + dd {margin-top:16.5px;text-align:left; font-weight:bold; font-size:17px;}
.packCont .nodeWrap dl dd {}
.packCont .nodeWrap dl dd img {text-align:center;}
.packCont .nodeWrap dl dd ul {margin-top:10px}
.packCont .nodeWrap dl dd ul li {margin-bottom:5px;line-height:1.35;}

.marketingTxt.blockchain{background-image:url('/img/service/img_te08.png')}
.marketingTxt.blockchain h4{margin-top:0;}
.marketingTxt.blockchain p{padding-right:320px;}

.marketingTxt.solution02{background-image:url('/img/contTop/tech04_03.png')}
.marketingTxt.industries01{background-image:url('/img/industries/img_in01.png')}
.marketingTxt.industries02{background-image:url('/img/industries/img_in02.png')}
.marketingTxt.industries03{background-image:url('/img/industries/img_in03.png')}
.marketingTxt.industries04{background-image:url('/img/industries/img_in04.png')}
.marketingTxt.industries05{background-image:url('/img/industries/img_in05.png')}
.marketingTxt.industries06_01{background-image:url('/img/industries/img_in06_01.png')}
.marketingTxt.industries06_02{background-image:url('/img/industries/img_in06_02.png')}
.marketingTxt.industries06_03{background-image:url('/img/industries/img_in06_03.png')}
.marketingTxt.industries06_04{background-image:url('/img/industries/img_in06_04.png')}
.marketingTxt.industries06_05{background-image:url('/img/industries/img_in06_05.png')}
.marketingTxt.industries06_06{background-image:url('/img/industries/img_in06_06.png')}
.marketingTxt.industries07_01{background-image:url('/img/industries/img_in07_01.png')}
.marketingTxt.industries07_02{background-image:url('/img/industries/img_in07_02.png')}
.marketingTxt.industries08{background-image:url('/img/industries/img_in08.png')}
.marketingTxt.industries09{background-image:url('/img/industries/img_in09.png')}
.marketingTxt.industries10{background-image:url('/img/industries/img_in10.png')}
.marketingTxt.industries11{background-image:url('/img/industries/img_in11.png')}
.marketingTxt.industries12_01{background-image:url('/img/industries/img_in12_01.png')}
.marketingTxt.industries12_02{background-image:url('/img/industries/img_in12_02.png')}


.marketingTxt.industries06_01 .pdR,
.marketingTxt.industries06_02 .pdR,
.marketingTxt.industries06_03 .pdR,
.marketingTxt.industries06_04 .pdR,
.marketingTxt.industries06_05 .pdR,
.marketingTxt.industries06_06 .pdR,
.marketingTxt.industries12_01 .pdR,
.marketingTxt.industries12_02 .pdR,
.marketingTxt.education01 .pdR{min-height:150px;}

.valueWrap{position:relative;min-height:450px;background:url(/img/about/bg_corevalue.jpg) no-repeat 50% 100%;z-index:100;}
.valueWrap {font-size:16px;color:#333;}
.valueWrap .list01{position:absolute;left:120px;top:84px;text-align:right;}
.valueWrap .list01 strong{display:block;color:#00baf2;font-weight:bold;font-size:24px;}
.valueWrap .list02{position:absolute;left:135px;top:292px;text-align:right;}
.valueWrap .list02 strong{display:block;color:#0089d0;font-weight:bold;font-size:24px;}
.valueWrap .list03{position:absolute;right:125px;top:10px;}
.valueWrap .list03 strong{display:block;color:#f04d30;font-weight:bold;font-size:24px;}
.valueWrap .list04{position:absolute;right:118px;top:185px;}
.valueWrap .list04 strong{display:block;color:#ffcb07;font-weight:bold;font-size:24px;}
.valueWrap .list05{position:absolute;right:117px;top:365px;;}
.valueWrap .list05 strong{display:block;color:#7c878e;font-weight:bold;font-size:24px;}


.railList {overflow:hidden;margin:50px 0;}

.railList dl {float:left;width:360px;width:calc(100% / 3 - 40px);height:318px;margin-left:60px;margin-top:0;padding:35px 50px;background-color:#f6f6f6;box-sizing:border-box;}
.en .railList dl {height:470px;}
.railList dl dt {margin-bottom:14px;padding-top:53px;text-align:center;}
.railList dl:first-child {margin-left:0;}
.railList dl:first-child dt {background:url('/img/industries/icon_rail01.gif') no-repeat 50% 0;}
.railList dl:first-child + dl dt {background:url('/img/industries/icon_rail02.gif') no-repeat 50% 0;}
.railList dl:first-child + dl + dl dt {background:url('/img/industries/icon_rail03.gif') no-repeat 50% 0;}
.railList dl dd {text-align:center;}
.railList dl dd ul {display:inline-block;}
.railList dl dd ul li {text-align:left;}

.packCont.addType02 dt{margin-top:30px;}
.tabType.type02 ul{overflow:hidden;width:1000px;padding:0 100px;}
.tabType.type02 ul li{float:left;width:20%;margin-left:0; height:44px;}
.tabType.type02 ul li a{padding:5px 0 10px;}
.tabType.type02 ul li.bk_point{clear:both;}


/*en Add*/
.data-list.type-03.en > li{height:290px;}





/* 2019-11-11 SaaS 추가 */
.marketingTxt.SaaS01{background:url('/img/technology/img_saas01.jpg') no-repeat right 60px;}
.packCont .nodeWrap.SaaS dl{height:210px;}
.packCont .saas-list{clear:both;margin-top:60px;margin-bottom:55px; overflow:hidden;}
.packCont .saas-list dt{float:left;width:180px;padding-top:20px;}
.packCont .saas-list dd{margin-left:205px;font-size:16px; color:#333; font-weight:400;}
.packCont .saas-list dd ul{margin-top:20px!important;font-size:inherit}
.packCont .saas_vis img{max-width:100%;}
.packCont .saas_vis .img_pc{}
.packCont .saas_vis .img_m{display:none;}


/* 2020-07-03 soro */
#mvc{margin:30px 0 0;}
#mvc h3{text-align:center; background-position:center bottom; margin:34px 0;}
#mvc .vision{background:url('/img/people/img_vision_bg.jpg') center center / cover; padding:100px 0; color:#fff;  margin:90px 0;}
#mvc .vision h4{color:#fff; text-align:center; background:url(/img/common/icon_titleBar03.gif) no-repeat 50% 100%; margin:0 0 15px;}
#mvc .vision .peopleTxt{color:#fff;}
#mvc .valueWrap { background: url(/img/people/bg_corevalue_new.png) no-repeat top center; height:470px; padding-bottom:100px;}
#mvc .valueWrap .list01{left:35px; top:96px;}
#mvc .valueWrap .list02 {left:0; top:375px;}
#mvc .valueWrap .list02 strong{color:#ffcf1b;}
#mvc .valueWrap .list04 strong{color:#0089d0;}
#mvc .valueWrap .list03{top:-19px}
#mvc .valueWrap .list04{right:80px; top: 215px;}
#mvc .valueWrap .list05{top:450px;}
#mvc .peopleTxt{color:#000;}



/* CK EDITOR */
.ck-editor[role='application'] .ck.ck-content{
    min-height: 500px;
}