/* 페이징 */
.pageW { overflow: hidden; position: relative; padding: 10px 0;}
.pageW > a { display: block; width: 180px; height: 50px; background: #999; font-weight: 500; font-size: 15px; line-height: 50px; color: #fff; text-align: center; position: absolute; right: 0; top: 0;}
.pageW .page { overflow: hidden; text-align: center; font-size: 0;}
.pageW .page li { width: 25px; height: 31px; text-align: center; display: inline-block; margin: 0 2px;}
.pageW .page li a { display: block; height: 100%; font-size: 13px; line-height: 29px; color: #676767; border: 1px solid #dbdbdb; box-sizing: border-box;}
.pageW .page li.on a { background: #676767; border-color: #676767; color: #fff;} 

/********************************* 회사소개 *********************************/
/* 회사소개 */
.gtCon { overflow: hidden; height: 426px; padding: 66px 0 0; box-sizing: border-box;}
.gtCon.gt5 { height: 502px;}
.gtCon > strong { display: block; font-weight: 500; font-size: 23px; line-height: 120%; color: #333; text-align: center; clear: both; margin-bottom: 42px;}
.gtCon .img { width: 510px; height: 286px; float: left; margin-top: 4px;}
.gtCon .img iframe { border: none;}
.gtCon .img img { width: 100%; height: 100%;}
.gtCon .txt { overflow: hidden; float: left; width: 690px;}                
.gtCon .txt.pl50 { padding-left: 50px; box-sizing: border-box;}
.gtCon .txt > strong { display: block; font-weight: 500; font-size: 17px; line-height: 22px; color: #333; margin-bottom: 26px;}
.gtCon .txt > p { font-size: 15px; line-height: 22px; color: #666; margin-bottom: 22px;}
.gtCon .txt ul { overflow: hidden;}
.gtCon .txt ul li { overflow: hidden; margin-bottom: 21px;}
.gtCon .txt ul li strong { display: block; font-weight: 500; font-size: 17px; line-height: 100%; color: #333; padding-left: 21px; margin-bottom: 6px;}
.gtCon .txt ul li p { font-size: 14px; line-height: 24px; color: #666; padding-left: 21px;}
.gtCon .txt ul li p a { display: inline-block; width: 74px; height: 24px; background: #474747; font-weight: 500; font-size: 12px; line-height: 24px; color: #ddd; margin-left: 9px; border-radius: 5px; text-align: center;}

.gt6 { overflow: hidden; text-align: center; height: 627px; padding-top: 66px;}
.gt6 > strong { display: block; font-weight: 500; font-size: 23px; line-height: 120%; color: #333; margin-bottom: 38px;}
.gt6 ul { overflow: hidden;}
.gt6 ul li { float: left; width: 33.3%; margin-bottom: 44px;}
.gt6 ul li img { margin-bottom: 17px;}
.gt6 ul li dl { overflow: hidden;}
.gt6 ul li dl dt { font-weight: 500; font-size: 17px; line-height: 100%; color: #333; margin-bottom: 7px;}
.gt6 ul li dl dd { font-size: 14px; line-height: 22px; color: #666;}

/* 사업분야 */
.businessCon1 { overflow: hidden; position: relative; background: url(/img/sub/bg_bs5.jpg) no-repeat center top; height: 541px; margin-bottom: 62px;}
.businessCon1 strong { font-weight: 500; font-size: 22px; line-height: 120%; color: #333; position: absolute; top: 271px; left: 560px;}
.businessCon1 .list { overflow: hidden;}
.businessCon1 .list li { font-weight: 500; font-size: 16px; line-height: 120%; color: #fff; position: absolute;}
.businessCon1 .list li.list1 { top: 59px; left: 562px;}
.businessCon1 .list li.list2 { top: 149px; left: 751px;}
.businessCon1 .list li.list3 { top: 369px; left: 734px;}
.businessCon1 .list li.list4 { top: 459px; left: 562px;}
.businessCon1 .list li.list5 { top: 369px; left: 413px;}
.businessCon1 .list li.list6 { top: 149px; left: 384px;}

.bsList { overflow: hidden;}
.bsList > li { float: left; width: 280px; overflow: hidden; box-sizing: border-box; border: 1px solid #ddd; border-top: 1px solid #555; margin: 0 10px;}
.bsList li .img { width: 100%; height: 149px;}
.bsList li .img img { width: 100%; height: 100%;}
.bsList li .txt { overflow: hidden; background: #f6f6f6;}
.bsList li .txt p { font-weight: 700; font-size: 18px; line-height: 50px; color: #fff; text-align: center;}
.bsList li .txt p.bgcr1 { background: #ed2334;}
.bsList li .txt p.bgcr2 { background: #ef8d22;}
.bsList li .txt p.bgcr3 { background: #0096d6;}
.bsList li .txt p.bgcr4 { background: #17568c;}
.bsList li .txt ul { overflow: hidden; padding: 21px 10px; min-height: 141px; box-sizing: border-box;}
.bsList li .txt ul li { font-size: 14px; line-height: 18px; color: #555; background-position: left top 9px; padding-left: 7px; margin-bottom: 9px;}

/* 연혁 */
.historyCon1 { background: url(/img/sub/bg_historyCon1-1.jpg) no-repeat left top; padding: 65px 0 0 690px; height: 550px; box-sizing: border-box; margin-bottom: 64px;}
.historyCon1 h4 { margin-bottom: 24px;}
.historyCon1 ul { overflow: hidden; width: 520px;}
.historyCon1 ul li { overflow: hidden;}
.historyCon1 ul li strong { font-weight: 400; font-size: 14px; line-height: 40px; color: #333; float: left; display: block; width: 90px;}
.historyCon1 ul li p { font-size: 14px; line-height: 40px; color: #666; float: left; width: calc(100% - 90px); padding-left: 14px; box-sizing: border-box; position: relative;}
.historyCon1 ul li p:before { content: ""; display: block; width: 1px; height: 14px; background: #ccc; position: absolute; left: 0; top: 14px;}

.historyCon2 { overflow: hidden; position: relative;}
.historyCon2 h4 { text-align: center; margin-bottom: 38px;}
.historyCon2 .hisTabs { overflow: hidden; position: absolute; top: 47px; left: 0; right: 0; margin: 0 auto; width: 340px; z-index: 99;}
.historyCon2 .hisTabs li { overflow: hidden; cursor: pointer; font-weight: 500; font-size: 16px; line-height: 47px; color: #fff; float: left; background: #676767; width: 170px; text-align: center;}
.historyCon2 .hisTabs li.active { background: #005b99;}

.historyCon2 .tab_container { border-top: 1px solid #555; overflow: hidden;}
.historyCon2 .tab_container .tab_content { overflow: hidden;}
.historyCon2 .tab_container .tab_content .list { overflow: hidden; }
.historyCon2 .tab_container .tab_content .list > li { overflow: hidden;}
.historyCon2 .tab_container .tab_content .list li.grayBg { background: #f6f6f6;}
.historyCon2 .tab_container .tab_content .list li strong { display: table; float: left; width: 210px; font-weight: 700; font-size: 30px; line-height: 100%; color: #005b99; text-align: center; padding-top: 71px;} 
.historyCon2 .tab_container .tab_content .list li strong span { display: table-cell; vertical-align: middle;}
.historyCon2 .tab_container .tab_content .list li div { float: left; width: 990px; padding-left: 11px; box-sizing: border-box; padding: 68px 0 41px;}
.historyCon2 .tab_container .tab_content .list li div ul { overflow: hidden;}
.historyCon2 .tab_container .tab_content .list li div ul li { overflow: hidden; font-size: 14px; line-height: 25px; color: #666; background-position: left top 11px; padding-left: 9px;}

/* 오시는길 */
.mapTabs { overflow: hidden; font-size: 0; text-align: center; margin-bottom: 10px;}
.mapTabs li { display: inline-block; width: 170px; height: 47px; font-weight: 500; font-size: 16px;}
.mapTabs li a { display: block; border-right: 1px solid #7e7e7e; background: #676767; line-height: 47px; color: #eee;}
.mapTabs li.on a { background: #005b99; border-right-color: #005b99;}

.mapW { overflow:hidden; border: 1px solid #ddd; border-top: 1px solid #555;}
.mapW .txt { float: left; overflow: hidden; background: #f6f6f6; width: 299px; height: 543px; padding: 35px 40px 0;}
.mapW .txt em { font-weight: 500; font-size: 25px; line-height: 130%; color: #333; display: block; border-bottom: 1px solid #dadada; padding-bottom: 23px;}
.mapW .txt em span { font-size: 14px; color: #777; display: block; font-weight: 400;}
.mapW .txt ul { overflow: hidden; padding-top: 26px; margin-bottom: 34px;}
.mapW .txt ul li { overflow: hidden; margin-bottom: 15px;}
.mapW .txt ul li strong { display: block; float: left; width: 41px; font-weight: 400; font-size: 14px; line-height: 18px; color: #333;}
.mapW .txt ul li p { float: left; font-size: 14px; line-height: 18px; color: #666; position: relative; width: calc(100% - 41px); padding-left: 14px; box-sizing: border-box; letter-spacing: -.5px;}
.mapW .txt ul li p:before { content: ""; display: block; width: 1px; height: 14px; background: #ccc; position: absolute; left: 0; top: 3px;}

.mapW .txt .trafficTxt { overflow: hidden;}
.mapW .txt .trafficTxt strong { display: block; font-weight: 500; font-size: 14px; line-height: 32px; color: #eee; text-align: center; width: 80px; height: 32px; background: #676767; border-radius: 8px; margin-bottom: 20px;}
.mapW .txt .trafficTxt dl { overflow: hidden; margin-bottom: 18px;}
.mapW .txt .trafficTxt dl dt { font-weight: 500; font-size: 14px; line-height: 18px; color: #0b8fd3; position: relative; padding-left: 32px; margin-bottom: 5px;}
.mapW .txt .trafficTxt dl dt.iconCr1 { color: #0b8fd3;}
.mapW .txt .trafficTxt dl dt.iconCr2 { color: #f67210;}
.mapW .txt .trafficTxt dl dt span { display: inline-block; width: 17px; height: 17px; border-radius: 2px; margin-right: 10px; position: absolute; top: 0; bottom: 0; left: 5px; margin: auto 0;}
.mapW .txt .trafficTxt dl dt.iconCr1 span { background: #0b8fd3;}
.mapW .txt .trafficTxt dl dt.iconCr2 span { background: #f67210;}
.mapW .txt .trafficTxt dl dd { display: block; font-size: 14px; line-height: 18px; color: #666; padding-left: 32px;}

/********************************* 서비스 *********************************/
/* 뉴스레터 리스트페이지 */
.newCon1 { overflow: hidden;}
.newCon1 .titW { overflow: hidden; padding-bottom: 10px;}
.newCon1 .titW .totalTit { font-size: 13px; line-height: 100%; color: #444; float: left;}
.newCon1 .titW .newSezrch { overflow: hidden; float: right;}
.newCon1 .titW .newSezrch select { width: 100px; height: 30px; border: 1px solid #ccc; box-sizing: border-box; font-size: 12px; line-height: 28px; color: #999; background: url(/img/sub/arrow1.gif) no-repeat right 8px center; padding-left: 32px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand { display: none; }
.newCon1 .titW .newSezrch input { margin-left: 2px;}
.newCon1 .titW .newSezrch input[type="text"] { width: 250px; height: 30px; border: 1px solid #ccc; box-sizing: border-box;}
.newCon1 .titW .newSezrch input[type="button"] { width: 80px; height: 30px; background: #444; font-size: 11px; line-height: 30px; color: #eee; text-align: center; border: none;}

.newListW { overflow: hidden; border-top: 1px solid #444; padding-top: 22px;}
.newListW ul { overflow: hidden;}
.newListW ul li { float: left; width: 260px; overflow: hidden; margin: 0 20px;}
.newListW ul li a { display: block; height: 100%;}
.newListW ul li a .img { width: 100%; height: 338px}
.newListW ul li a .img img { width: 100%; height: 100%;}
.newListW ul li a .txt { overflow:hidden; text-align: center; padding-top: 9px; height: 74px; box-sizing: border-box;}
.newListW ul li a .txt strong { display:block; font-size: 14px; line-height: 20px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newListW ul li a .txt p { font-size: 14px; line-height: 20px; color: #666;}


/* 자격시험 */
.qualifying1 { overflow: hidden; background: url(/img/sub/bg_qualifying1.gif) no-repeat top 61px right;}
.qualifying1 ol { overflow: hidden}
.qualifying1 ol li { overflow: hidden; margin-bottom: 43px;}
.qualifying1 ol li strong	 { display: block; font-weight: 500; font-size: 16px; line-height: 20px; color: #333; position: relative; padding-left: 24px; margin-bottom: 11px;}	
.qualifying1 ol li strong	 span { display: block; width: 19px; height: 19px; background: url(/img/sub/datBg1.gif) no-repeat 0; font-weight: 400; font-size: 13px; line-height: 19px; color: #fff; text-align: center; position: absolute; top: 0; left: 0;}
.qualifying1 ol li ul { overflow: hidden; padding-left: 24px;}
.qualifying1 ol li ul li { font-size: 14px; line-height: 120%; color: #333; margin-bottom: 7px;}

.table1 { margin: 0 20px;}
.table1 thead tr th { background: #757575; font-weight: 500; font-size: 14px; line-height: 120%; color: #fff; height: 55px; border-left: 1px solid #ccc;}
.table1 thead tr th:first-child { border-left: none;}
.table1 tbody tr th { border-bottom: 1px solid #ccc; background: #f7f7f7; font-weight: 400; font-size: 14px; color: #333;}
.table1 tbody tr td { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; font-size: 14px; color: #666; text-align: center; padding: 20px 0;}

/* 온라인샵 */
.onlineTabs { overflow: hidden; text-align: center; font-size: 0; margin-bottom: 30px;}
.onlineTabs li { width: 135px; height:50px; font-size: 15px; text-align: center; display: inline-block;}
.onlineTabs li a { display: block; height: 100%; background: #f4f4f4; line-height: 48px; color: #888; border: 1px solid #ccc; box-sizing: border-box;}
.onlineTabs li.on a { background: #333; color: #fff; border-color: #333;}

.onlineListW { overflow: hidden;}
.onlineListW .onlineList { overflow: hidden; margin-bottom: 49px;}
.onlineListW .onlineList > li { margin-left: 70px; width: 222px; overflow: hidden; float: left;height:427px;margin-bottom:10px;}
.onlineListW .onlineList li:first-child, .onlineListW .onlineList li:nth-child(4n+1) { margin-left: 0;}
.onlineListW .onlineList li .img { width: 100%; height: 287px; border: 1px solid #ccc; box-sizing: border-box;}
.onlineListW .onlineList li .img a { display: block; height: 100%;}
.onlineListW .onlineList li .img a img { width: 100%; height: 100%;}
.onlineListW .onlineList li .txt { overflow: hidden; text-align: center; padding-top: 11px;}
.onlineListW .onlineList li .txt strong { display: block; font-weight: 400; font-size: 14px; line-height: 18px; color: #333; width: 160px; margin: 0 auto 8px;}
.onlineListW .onlineList li .txt span { display: block; font-weight: 500; font-size: 14px; line-height: 100%; color: #ef3125; margin-bottom: 17px;}
.onlineListW .onlineList li .txt ul { overflow: hidden; font-size: 0; text-align: center;}
.onlineListW .onlineList li .txt ul li { display: inline-block; width: 90px; height: 36px; border: 1px solid #bbb; box-sizing: border-box; font-size: 13px; border-radius: 9px; margin: 0 3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+2,dcdcdc+100 */
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 2%, rgba(220,220,220,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 2%,rgba(220,220,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 2%,rgba(220,220,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.onlineListW .onlineList li .txt ul li a { display: block; height: 100%; line-height: 34px; color: #333;}

/* 온라인샵 - 뷰페이지*/
.detailW { overflow: hidden; margin-bottom: 67px;}
.detailW .img { width: 580px; overflow: hidden; text-align: center; float: left;}
.detailW .img img { width: 220px; height: 258px; border: 1px solid #ccc;}
.detailW .txt { width: 620px; overflow: hidden; float: left;}
.detailW .txt h4 { display: block; font-weight: 500; font-size: 22px; line-height: 120%; color: #333; margin-bottom: 28px;}
.detailW .txt .list { overflow: hidden; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 33px 0 68px; margin-bottom: 30px;}
.detailW .txt .list li { overflow: hidden; margin-bottom: 15px;}
.detailW .txt .list li strong { display:  block; float: left; font-weight: 400; font-size: 14px; line-height: 27px; color: #555; width: 86px;}
.detailW .txt .list li p { float: left; font-weight: 500; font-size: 17px; line-height: 27px; color: #ef3125; width: calc(100% - 86px);}
.detailW .txt .list li .pd_number { overflow: hidden; position: relative; width: 52px;}
.detailW .txt .list li .pd_number input[type="text"] { width: 35px; height: 25px; border: 1px solid #d4d4d4; font-size: 14px; line-height: 25px; color: #555; text-align: center;}
.detailW .txt .list li .pd_number a { position: absolute; right: 0;}
.detailW .txt .list li .pd_number a.pdAdd { top: 0;}
.detailW .txt .list li .pd_number a.pdMinus { top: 15px;}
.detailW .txt .btns { overflow: hidden;}
.detailW .txt .detailBtns li { float: left; width: 200px; height: 52px; font-weight: 500; font-size: 16px; text-align: center; margin-left: 10px; border-radius: 2px;}
.detailW .txt .detailBtns li:first-child { margin-left: 0;}
.detailW .txt .detailBtns li a { display: block; height: 100%; line-height: 52px; color: #fff; border-radius: 2px;}
.detailW .txt .detailBtns li.btn1 a { background: #40ade9;}
.detailW .txt .detailBtns li.btn2 a { background: #f43b2c;}
.detailW .txt .detailBtns li.btn3 a { background: #6f6f6f;}

.detailTxtW { overflow: hidden;}
.detailTxtW .detailTxt { overflow: hidden;}
.detailTxtW .detailTxt h5 { font-weight: 500; font-size: 17px; line-height: 120%; color: #333; margin-bottom: 14px;}
.detailTxtW .detailTxt .txt { overflow: hidden; font-size: 14px; line-height: 20px; color: #555; border-top: 1px solid #ccc; padding: 26px 20px 45px; box-sizing: border-box;}
.detailTxtW .detailTxt .txt p { margin-bottom: 20px;}

/* 제품소개 */
/* 새로운기능 */
.nsCon { overflow: hidden; height: 426px; padding: 66px 0 0; box-sizing: border-box;}
.nsCon.nsCon5 { height: 502px;}
.nsCon > strong { display: block; font-weight: 500; font-size: 23px; line-height: 120%; color: #333; text-align: center; clear: both; margin-bottom: 42px;}
.nsCon .img { width: 510px; height: 286px; float: left; margin-top: 4px;}
.nsCon .img iframe { border: none;}
.nsCon .img img { width: 100%; height: 100%;}
.nsCon .txt { overflow: hidden; float: left; width: 690px;}                
.nsCon .txt.pl50 { padding-left: 50px; box-sizing: border-box;}
.nsCon .txt > strong { display: block; font-weight: 500; font-size: 17px; line-height: 22px; color: #333; margin-bottom: 26px;}
.nsCon .txt > p { font-size: 15px; line-height: 22px; color: #666; margin-bottom: 22px;}
.nsCon .txt ul { overflow: hidden;}
.nsCon .txt ul li { overflow: hidden; margin-bottom: 21px;}
.nsCon .txt ul li strong { display: block; font-weight: 500; font-size: 17px; line-height: 100%; color: #333; padding-left: 21px; margin-bottom: 6px;}
.nsCon .txt ul li p { font-size: 14px; line-height: 24px; color: #666; padding-left: 21px;}
.nsCon .txt ul li p a { display: inline-block; width: 74px; height: 24px; background: #474747; font-weight: 500; font-size: 12px; line-height: 24px; color: #ddd; margin-left: 9px; border-radius: 5px; text-align: center;}

.nsCon6 { overflow: hidden; text-align: center; height: 627px; padding-top: 66px;}
.nsCon6 > strong { display: block; font-weight: 500; font-size: 23px; line-height: 120%; color: #333; margin-bottom: 38px;}
.nsCon6 ul { overflow: hidden;}
.nsCon6 ul li { float: left; width: 33.3%; margin-bottom: 44px;}
.nsCon6 ul li img { margin-bottom: 17px;}
.nsCon6 ul li dl { overflow: hidden;}
.nsCon6 ul li dl dt { font-weight: 500; font-size: 17px; line-height: 100%; color: #333; margin-bottom: 7px;}
.nsCon6 ul li dl dd { font-size: 14px; line-height: 22px; color: #666;}



/*********************** 컨설팅 ***********************/
.csltList { overflow: hidden;}
.csltList li { overflow: hidden; float: left; text-align: center;}
.csltList li .bg { width: 160px; height: 160px; background: url(/img/sub/bg_itptCon1-1.gif) no-repeat 0; border-radius: 80px;}
.csltList li .bg2 { width: 130px; height: 130px; background: url(/img/sub/bg_csltList2.gif) no-repeat 0; border-radius: 50%;}
.csltList li .bg strong, .csltList li .bg2 strong { font-weight: 500; font-size: 13px; line-height: 56px; color: #fff;}
.csltList li .bg div, .csltList li .bg2 div { height: 104px; font-weight: 500; font-size: 17px; line-height: 100%; color: #555; padding-top: 32px; box-sizing: border-box;}
.csltList li .bg2 div { height: 80px; padding-top: 20px;}
.csltList li p { font-size: 15px; line-height: 20px; color: #666; padding-top: 18px;}
.csltList li.imgNext { height: 160px; line-height: 130px;}
.csltList li.imgNext img { vertical-align: middle;}

.csltList2 { overflow: hidden;}
.csltList2 li { overflow: hidden; float: left; border-top: 2px solid #555; width: 600px; margin-bottom: 40px;}
.csltList2 li strong { display: block; font-weight: 500; font-size: 17px; line-height: 70px; color: #fff; text-align: center; }
.csltList2 li.csltList2-1 strong { border-right: 1px solid #ccc; background: #3f98e0; }
.csltList2 li.csltList2-2 strong { background: #0e7fd7;}
.csltList2 li .txt { overflow: hidden; border: 1px solid #ccc; border-top: none; padding: 28px 19px 0; text-align: center;}
.csltList2 li.csltList2-2 .txt  { border-left: none;}
.csltList2 li .txt p { font-size: 15px; line-height: 20px; color: #222; background-position: left top 11px; padding-left: 10px; text-align: left;}
.csltList2 li .txt p span { display: block; font-size: 14px; line-height: 20px; color: #666;}

.csltList3 { overflow: hidden; padding-left: 21px;}
.csltList3 li { font-size: 14px; line-height: 22px; color: #666; background-position: left top 10px; padding-left: 8px; overflow: hidden;}
.csltList3 li.cr1 { color: #3f98e0;}
.csltList3 li.cr2 { color: #222;}
.csltList3 li strong { float: left; font-weight: 400;}
.csltList3 li p { float: left; padding-left: 4px;}
.csltList3 li span { display: block; color: #666;}


.csltdl1 { overflow: hidden; padding-left: 21px; display: table;}
.csltdl1 dt { font-weight: 500; font-size: 17px; line-height: 17px; color: #3f98e0; width: 79px; display: table-cell; height: 100%;}
.csltdl1 dd { overflow: hidden; display: block; padding-left: 40px; width: 100%; position: relative; display: table; margin-bottom: 22px;}
.csltdl1 dd:before { content: ""; display: block; width: 1px; height: 17px; background: #bfbfbf; position: absolute; top: 3px; left: 0;}
.csltdl1 dd strong { display: block; font-weight: 500; font-size: 17px; line-height: 120%; color: #333; margin-bottom: 4px;}
.csltdl1 dd p.dat1 { background-position: left top 9px; padding-left: 7px; font-size: 14px; line-height: 24px; color: #666;}
.csltdl1 dd p span { display: block; font-size: 14px; color: #c8961e;}

.table2 { border-top: 2px solid #000; }
.table2 tbody th { font-weight: 500; font-size: 14px; color: #3f98e0; background: #eff6fc; border-bottom: 1px solid #ccc;}
.table2 tbody td { font-size: 14px; color: #666; border-bottom: 1px solid #ccc; padding: 13px 0 16px 63px;}

.table3 { border-top: 2px solid #555; width: 800px;}
.table3 thead tr th { border-bottom: 1px solid #555; background: #f0f0f0; font-weight: 500; font-size: 14px; line-height: 100%; color: #222; height: 49px;}
.table3 tbody tr th { font-weight: 400; font-size: 14px; color: #666; height: 50px; background: #eff6fc; border-bottom: 1px solid #ccc;}
.table3 tbody tr td { font-size: 14px; color: #666; height: 50px; border-bottom: 1px solid #ccc; text-align: center;}

/* 해석 */
.interpretationCon h4 { padding-left: 21px;}
.itptCon1 { overflow: hidden; margin-bottom: 44px;}
.itptCon1 > p { font-size: 14px; line-height: 22px; color: #666; padding-left: 21px; margin-bottom: 36px;}

.itptCon2 h4 { line-height: 20px; margin-bottom: 13px;}

/* 스마트공장 */
.smartCon h4 { padding-left: 21px; margin-bottom: 6px; line-height: 20px;}
.smartCon > div > p { font-size: 14px; line-height: 22px; color: #666; padding-left: 21px; margin-bottom: 36px;}
.smartCon3 .csltList3 { margin-bottom: 24px;}
.smartCon3 .csltdl1 .table2 { margin-top: 10px;}

.smartCon4 .csltList3 { margin-bottom: 26px;}
.smartCon4 .csltdl1 { overflow: hidden; width: 100%;}
.smartCon4 .csltdl1 dd { overflow: hidden; background: url(/img/sub/bg_smartCon4-1.jpg) no-repeat right 192px top 44px;}
.smartCon4 .csltdl1 dd ul { overflow: hidden; width: 810px;}
.smartCon4 .csltdl1 > dd > ul > li { overflow: hidden; display: table; border-bottom: 1px dashed #b8b8b8; padding: 20px 0; width: 100%;}
.smartCon4 .csltdl1 dd ul li .tit { overflow: hidden; display: block; width: 140px; height: 80px; border: 1px solid #b6d5ef; background: #eff6fc; text-align: center; box-sizing: border-box; float: left; padding-top: 14px;}
.smartCon4 .csltdl1 dd ul li .tit em { font-weight: 500; font-size: 14px; line-height: 100%; color: #3f98e0; display: block; margin-bottom: 8px;}
.smartCon4 .csltdl1 dd ul li .tit span { font-size: 11px; line-height: 12px; color: #666; display: block;}
.smartCon4 .csltdl1 dd ul li .txt { width: calc(100% - 160px); display: table; float: left; height: 80px; padding-left: 20px; line-height: 80px; }
.smartCon4 .csltdl1 dd ul li .txt span { display: inline-block; width: 100%; vertical-align: middle; background-position: left top 8px; padding-left: 8px; font-size: 14px; line-height: 20px; color: #666;}
.smartCon4 .csltdl1 dd ul li .txt ul { display: inline-block; width: 100%; vertical-align: middle;font-size: 14px; line-height: 20px; color: #666;}
.smartCon4 .csltdl1 dd ul li .txt ul li { background-position: left top 8px; padding-left: 8px; }
.smartCon4 .csltdl1 dd ul li .txt ul li span { color: #c8961e; display: block;  padding: 0;}

.smartCon .smartCon5 > p { background-position: left 21px top 12px; padding-left: 29px; margin-bottom: 25px;}
.smartCon5 .csltdl1 dd strong { margin-bottom: 26px;}

/* 제품전자매뉴얼 */
.manualCon h4 { padding-left: 21px; margin-bottom: 6px; line-height: 20px;}
.manualCon .csltList2 li .txt { height: 389px;}

/* 설계프로젝트 */
.prohectCon .csltList2 .txt { height: 421px;}
.prohectCon h4 { padding-left: 21px; margin-bottom: 6px; line-height: 20px;}
.prohectCon > div > p { font-size: 14px; line-height: 22px; color: #666; padding-left: 21px; margin-bottom: 36px;}
.prohectCon1 { margin-bottom: 64px;}
.prohectCon2 h4 { margin-bottom: 7px;}

/* 데이타 마이그레이션 */
.migrationCon h4 { padding-left: 21px; margin-bottom: 6px; line-height: 20px;}
.migrationCon > div > p { font-size: 14px; line-height: 22px; color: #666; padding-left: 21px; margin-bottom: 36px;}
.migrationCon .csltList2 li.csltList2-1 strong { border-right: none;}
.migrationCon .mgrtCon2 .csltList2 li.csltList2-1 { width: 100%; box-sizing: border-box;}
.migrationCon .mgrtCon2 .csltList2 li .txt { width: 100%; border-right: 1px solid #ccc; box-sizing: border-box;}
.mgrtCon1 { margin-bottom: 65px;}
.mgrtCon2 h4 { margin-bottom: 7px;}

/* 설계자동화 */
.apiCon h4 { padding-left: 21px; margin-bottom: 6px; line-height: 20px;}
.apiCon > div > p { font-size: 14px; line-height: 22px; color: #666; padding-left: 21px; margin-bottom: 36px;}
.apiCon .csltList2 li.csltList2-1 strong { border-right: none;}
.apiCon .mgrtCon2 .csltList2 li.csltList2-1 { width: 100%; box-sizing: border-box;}
.apiCon .mgrtCon2 .csltList2 li .txt { width: 100%; border-right: 1px solid #ccc; box-sizing: border-box;}
.apiCon1 { margin-bottom: 65px;}
.apiCon2 h4 { margin-bottom: 7px;}

/* 의료용 KIOSK */
.kioskCon h4 { padding-left: 21px; margin-bottom: 6px; line-height: 20px;}
.kioskCon > div > p { font-size: 14px; line-height: 22px; color: #666; padding-left: 21px; margin-bottom: 36px;}
.kioskCon .csltList2 li.csltList2-1 strong { border-right: none;}
.kioskCon .mgrtCon2 .csltList2 li.csltList2-1 { width: 100%; box-sizing: border-box;}
.kioskCon .mgrtCon2 .csltList2 li .txt { width: 100%; border-right: 1px solid #ccc; box-sizing: border-box;}
.kioskCon1 { margin-bottom: 65px;}
.kioskCon2 { margin-bottom: 45px;}
.kioskCon2 .csltList3 { margin-bottom: 26px;}
.kioskCon3 .csltList3 li { margin-bottom: 12px;}


/* 성공사례 */
.successionCon h4 { padding-left: 21px; margin-bottom: 6px; line-height: 20px;}
.successionCon > div { margin-bottom: 51px;}
.successionCon > div > p { font-size: 14px; line-height: 22px; color: #666; padding-left: 21px; margin-bottom: 36px;}

.successionCon2 h4 { margin-bottom: 37px;}
.successionCon2 ul { overflow: hidden; background: url(/img/sub/bg_successionCon2-1.jpg) no-repeat left top; width: 740px; margin: 0 auto;}
.successionCon2 ul li { font-weight: 500; font-size: 17px; line-height: 50px; color: #fff; float: left; width: 246px; text-align: center;}

.successionCon3 .scsListW { overflow:hidden;}
.successionCon3 .scsListW > li { font-weight: 500; font-size: 15px; line-height: 22px; color: #333; padding-left: 21px; margin-bottom: 12px;}
.successionCon3 .scsListW li .csltList3 { overflow: hidden; padding-left: 0; margin-top: 5px;}
.successionCon3 .scsListW li .csltList3 li { font-weight: 400;}
.successionCon3 .scsListW li .csltList3 li span.dat4 { background-position: left top 11px; padding-left: 10px;}

.successionCon4 ul { overflow: hidden; border-top: 2px solid #005c9d; margin-bottom: 40px;}
.successionCon4 ul li { width: 300px; overflow: hidden; border: 1px solid #ddd; border-top: none; border-left: none; float: left; box-sizing: border-box;}
.successionCon4 ul li:first-child { border-left: 1px solid #ddd;}
.successionCon4 ul li .img { width: 100%;}
.successionCon4 ul li .img img { width: 100%; height: 100%;}
.successionCon4 ul li p { font-size: 15px; line-height: 48px; height: 48px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-top: 1px solid #ddd; text-align: center;}


/************* 설계검증 *************/
.vfctList { overflow: hidden; clear: both;}
.vfctList li { float: left; overflow: hidden; width: 33.3%;}
.vfctList li strong { display: block; font-weight: 500; font-size: 17px; line-height: 20px; color: #333; padding-left: 20px; margin-bottom: 6px; }
.vfctList li p { font-size: 14px; line-height: 22px; color: #666; padding-left: 20px; min-height: 98px;}


.buleTitList { overflow: hidden; padding: 0 44px; box-sizing: border-box; text-align: center;}
.buleTitList li { float: left; width: 500px; height: 221px; margin: 0 0 51px 70px;}
.buleTitList li:first-child { margin-left: 0;}
.buleTitList li strong { display: block; font-weight: 500; font-size: 20px; line-height: 70px; color: #fff; width: 100%;}
.buleTitList li strong.bgcr1 { background: #3f98e0;}
.buleTitList li strong.bgcr2 { background: #0e7fd7;}
.buleTitList li .txt { overflow: hidden; background: #fff; width: 100%; min-height: 151px; padding: 16px 12px 54px; box-sizing: border-box; position: relative;}
.buleTitList li .txt p { font-size: 14px; line-height: 22px; color: #666; letter-spacing: -.9px; margin-bottom: 20px;}
.buleTitList li .txt a { display: inline-block; width: 110px; height: 34px; background: #565656; border-radius: 6px; font-weight: 500; font-size: 13px; line-height: 34px; color: #fff; position: absolute; bottom: 20px;left: 0; right: 0; margin: 0 auto;}

.celarDiv { clear: both; text-align: center;}
.celarDiv p { font-weight: 500; font-size: 23px; line-height: 120%; color: #333; margin-bottom: 18px;}
.celarDiv a { display: inline-block; width: 182px; height: 56px; background: #565656; font-weight: 500; font-size: 20px; line-height: 56px; color: #fff; border-radius: 10px;}  


/* 설계검증 */
.nsCon.vfctCon1 { height: auto;}
.nsCon.vfctCon1 > div { margin-bottom: 67px;}

.vfctCon2 { text-align: center;}
.vfctCon2 > strong { display: block; margin-bottom: 36px;}
.vfctCon2 ul { overflow: hidden; padding: 0 44px; box-sizing: border-box;}
.vfctCon2 ul li { float: left; width: 324px; height: 258px; margin: 0 0 51px 70px;}
.vfctCon2 ul li:first-child, .vfctCon2 ul li:nth-child(3n+1) { margin-left: 0;}
.vfctCon2 ul li strong { display: block; font-weight: 500; font-size: 20px; line-height: 70px; color: #fff; width: 100%;}
.vfctCon2 ul li strong.bgcr1 { background: #3f98e0;}
.vfctCon2 ul li strong.bgcr2 { background: #0e7fd7;}
.vfctCon2 ul li strong.bgcr3 { background: #006dc4;}
.vfctCon2 ul li .txt { overflow: hidden; background: #fff; width: 100%; min-height: 188px; padding: 16px 12px 54px; box-sizing: border-box; position: relative;}
.vfctCon2 ul li+li+li+li .txt { height: 199px;}/* 4번째 li부터 적용 */
.vfctCon2 ul li .txt p { font-size: 14px; line-height: 22px; color: #666; letter-spacing: -.9px; margin-bottom: 20px;}
.vfctCon2 ul li .txt a { display: inline-block; width: 110px; height: 34px; background: #565656; border-radius: 6px; font-weight: 500; font-size: 13px; line-height: 34px; color: #fff; position: absolute; bottom: 20px;left: 0; right: 0; margin: 0 auto;}

/* 설계검증 - SOLIDWORKS Simulation - Standard */
.simul1-3 .prfl_l strong.subTitle2 { display: block; margin-bottom: 25px;}

/* 설계검증 - SOLIDWORKS Simulation - Professional */
.bg_simul2-2 { background: url(/img/sub/img_simul2-2.jpg) no-repeat right bottom; height: 504px;}
.bg_simul2-3 { background: url(/img/sub/img_simul2-3.jpg) no-repeat left bottom 27px; height: 516px;}
.bg_simul2-4 { background: url(/img/sub/img_simul2-4.jpg) no-repeat right bottom; height: 470px;}


/* 설계검증 -  SOLIDWORKS Flow Simulatioin */
.vertication2-2 { background: url(/img/sub/img_verification2-3.jpg) no-repeat left bottom; height: 445px;}
.dat4List p { padding-left: 10px; background-position: left top 11px;}

.verification2-5 .prfl_r .subTitle2 { margin-bottom: 15px; display: block;}

/* 설계검증 -  SOLIDWORKS Flow Simulatioin - Electronic Cooling Module */
.fsl1-1 .prfl_l { margin-bottom: 15px;}
.fsl1-1 .celarDiv a { width: 283px;}

/* 설계검증 -  SOLIDWORKS Flow Simulatioin - HVAC Module */
.fsl2-1 .celarDiv a { width: 382px;}