@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); /*나눔고딕*/

html, body {width:100%; height:100%; background-color:#fff; font-weight:400;  font-family:'LotteMartDream', 'Nanum Gothic', 'Nanum Square', sans-serif;}
a {font-weight:400; font-size:100%; font-family:'LotteMartDream', 'Nanum Gothic', 'Nanum Square', sans-serif; color:#666; text-decoration:none;}
body {min-width:1100px;}
body.main-wrap {overflow-y:hidden;}


/* --------------------------------------------------------------------------------------------------------------------- layout */
#wrapper {position:relative; width:100%;}

/* --------------------------------------- header */
#header {position:absolute; top:0; left:0; z-index:99999; width:100%; min-height:100px; background-color:#fff; background-color:rgba(255,255,255,1);}
#header .inner {margin:0 auto; width:1100px; min-height:100px;}
#header.scroll {position:fixed; border-bottom:1px solid #d6d6d6; background-color:rgba(255,255,255,0.95);}

/* logo */
#header h1 {float:left; margin-top:31px;}
#header h1 a {display:block; width:100%; height:100%;}

/* gnb */
#gnb {float:right; font-size:0; line-height:0;}
#gnb > li {position:relative; display:inline-block;}
#gnb > li > a {display:block; padding:0 30px; width:100%; height:100%; box-sizing:border-box; font-size:17px; line-height:100px; color:#000; transition:.3s; cursor: default;}
#gnb > li > a.onclick{color:#224da0; }
#gnb > li:last-child a {padding-right:0; width: 104px;}
#gnb > li > a:after {content:''; position:absolute; bottom:0; left:25px; display:inline-block; width:calc(100% - 50px); height:3px; background-color:#224da0; transform:scaleX(0); transition:.3s;}
#gnb > li:last-child a:after {width:calc(100% - 25px);}
#gnb li ul {display:none; position:absolute; top:100px; left:0; z-index:9999; padding:25px 0 25px 30px;}
#gnb li ul a {font-size:14px; line-height:28px; color:#666;}
#gnb > li:hover > a ,
#gnb li ul a:hover {color:#224da0;}
#gnb > li:hover > a:after {transform:scaleX(1);}
#gnb > li > span.onunderline{  content: '';
    position: absolute;
    bottom: -2px;
    left: 25px;
    display: inline-block;
    width: calc(100% - 50px);
    height: 3px;
    background-color: #224da0;}
#gnb > li:last-child > span.onunderline{ width: calc(100% - 25px);}

.header-bg {display:none; position:absolute; top:100px; left:0; z-index:5555; min-width:100%; width:100%; height:191px; border-top:1px solid #d6d6d6; background-color:#fff; box-shadow:5px 5px 5px rgba(0,0,0,.2);}


/* --------------------------------------- footer */
#footer {position:relative; padding:30px 0; width:100%; background-color:#f1f1f1;}
.main-wrap #footer {top:-126px;}
#footer .inner {overflow:hidden; margin:0 auto; width:1100px;}
#footer p {float:left; margin-top:20px; width:230px;}
#footer address {float:left; width:870px; font-style:normal; font-size:13px; line-height:20px; color:#666;}
#footer address strong {display:inline-block; margin-bottom:10px; width:100%; font-weight:normal; font-size:16px; line-height:1;}
#footer address span {display:inline-block; width:100%; font-weight:300;}

/* --------------------------------------- contents */
#contents {overflow:hidden; position:relative; width:100%; min-height: calc(100vh - 126px);}
.sub_contents{top:100px; }


/* --------------------------------------------------------------------------------------------------------------------- main */
/* main visual */
#mainViausl {position:relative; height:100vh; box-sizing:border-box;}
#mainViausl ul {width:100%; height:calc(100vh);}
#mainViausl li {height:100%;}
#mainViausl li a {display:block; width:100%; height:100%;}
#mainViausl li a img {display:none;}
#mainViausl li.visual01 a{background:url('../images/main/main0.jpg') no-repeat center center; background-size:100% auto;}
#mainViausl li.visual02 a{background:url('../images/main/main1.jpg') no-repeat center center; background-size:100% auto;}
#mainViausl li.visual03 a{background:url('../images/main/main2.jpg') no-repeat center center; background-size:100% auto;}
#mainViausl li.visual04 a{background:url('../images/main/main6.jpg') no-repeat center center; background-size:100% auto;}
#mainViausl li.visual05 a{background:url('../images/main/main5.jpg') no-repeat center center; background-size:100% auto;}
#mainViausl li.visual06 a{background:url('../images/main/main6.jpg') no-repeat center center; background-size:100% auto;}

#mainViausl li span {position:absolute; bottom:306px; left:50%; display:block; margin-left:-100px; width:200px; height:50px; background:url('../images/main/btn-view-more-bg.png') repeat 0 0; font-weight:700; font-size:16px; line-height:50px; color:#fff; text-align:center; letter-spacing:1px;}

#mainViausl .bx-has-pager {position:absolute; bottom:206px; left:0; width:100%; text-align:center; font-size:0; line-height:0;}
#mainViausl .bx-pager-item {display:inline-block; margin:0 4px;}
#mainViausl .bx-pager-item a {display:block; width:15px; height:15px; border-radius:50%; background-color:#fff;}
#mainViausl .bx-pager-item .active {background-color:#224da0;}

@media screen and (max-width: 1680px) { 
#mainViausl li.visual01 a{background:url('../images/main/main0.jpg') no-repeat center top;  background-size:cover;}
#mainViausl li.visual02 a{background:url('../images/main/main1.jpg') no-repeat center center;  background-size:cover;}
#mainViausl li.visual03 a{background:url('../images/main/main2.jpg') no-repeat center center; background-size:cover;}
#mainViausl li.visual04 a{background:url('../images/main/main6.jpg') no-repeat center center; background-size:cover;}
#mainViausl li.visual05 a{background:url('../images/main/main5.jpg') no-repeat center center;  background-size:cover;}
#mainViausl li.visual06 a{background:url('../images/main/main6.jpg') no-repeat center center;  background-size:cover;}
}

/* main notice */
.notice-wrap {position:absolute; left:0; bottom:250px; width:100%; background-color:rgba(0,0,0,.6);}
.notice-wrap dl {overflow:hidden; margin:0 auto; width:1100px; font-size:0; line-height:0;}
.notice-wrap dt, .notice-wrap dd, .notice-wrap dd a, .notice-wrap dd span {display:inline-block; line-height:50px; color:#fff; vertical-align:top;}
.notice-wrap dt {margin-right:70px; font-size:18px;}
.notice-wrap dd {width:964px;}
.notice-wrap dd a,.notice-wrap dd span {font-weight:300; font-size:14px;}
.notice-wrap dd a {overflow:hidden; max-width:88%; white-space:nowrap; text-overflow: ellipsis;}
.notice-wrap dd span {float:right;}

/* --------------------------------------------------------------------------------------------------------------------- 회사소개 sub */
/* greetings */
.sub_title_img{width:100%; height:215px; background:url('../images/sub/sub_common.jpg') no-repeat center center; text-align: center;}
.sub_title{font-size:55px; color:#fff; padding:50px 0px 30px 0px; font-family: 'Nanum Square'; font-weight: 700;}
.sub_title_cont{font-size:15px; color:#fff; padding-bottom:50px; font-family: 'Nanum Gothic';}
.subpg_gnb_wrap{width:100%; height:50px; border-bottom:1px solid #dedede; background-color: rgba(255,255,255,1);}
.subpg_gnb_wrap .subpg_gnb{width:1100px; height:50px; margin: 0 auto;}
.subpg_gnb_wrap .subpg_gnb li {float:left; position:relative;}
.subpg_gnb_wrap .subpg_gnb li a{display:inline-block; width:220px; text-align: center;  height: 50px;  line-height: 50px; font-family: 'Nanum Square'; color: #010101;}
.subpg_gnb_wrap .subpg_gnb li a.on_meun{color:#224da0; border-bottom: 3px solid #224da0; height: 47px; font-weight: bold;}

.route{font-size: 12px; padding-top: 20px; text-align: right; width: 1100px; margin: 0 auto; font-family: 'Nanum Gothic'; color: #6d6d6d;}

.greetings_toptxt{position:relative;  padding-top: 40px;width: 995px;  margin: 0 auto;}
.greetings_toptxt > span{position:absolute;  display:inline-block; width:230px; height:195px; box-sizing:border-box; border:5px solid #e1e1e1;}
.greetings_toptxt > span.line_box1{border-right:none;}
.greetings_toptxt > span.line_box2{right:0; border-left:none;}
.greetings_toptxt > p{font-size:29px; color:#575757; font-family: 'Nanum Square'; text-align:center; line-height:53px; padding: 44px 0px;}
.greetings_toptxt > p > span{font-size:37px; color:#114ab8; }

.greetings_cont{display:inline-block;
               width:900px; padding:70px 0 0 100px; font-size:15px; 
			   line-height:24px; color:#444; font-family: 'Nanum Gothic'; margin-right: 55px;
				    vertical-align: top; letter-spacing: -0.1px;}
.greetings_cont.pad_rig{margin-right: 0px;}

.product_cont{display:inline-block; width:500px; padding-top:30px; font-size:15px; line-height:24px; color:#444; font-family: 'Nanum Gothic'; margin-right: 55px;
				    vertical-align: top; letter-spacing: -0.1px;}
.product_cont.pad_rig{margin-right: 0px;}

.owner{margin-top: 40px; text-align: right; font-size:16px; color:#333; font-family: 'Nanum Gothic';}
.owner > span{font-weight:bold; font-size:23px; line-height:33px;}
/* overview */
.sub_wrap{width:1100px; margin:0px auto; padding: 50px 0 100px 0px;  min-height: 360px;}
.overview_tb{font-family:'Nanum Gothic'; width:100%; margin-top: 35px; border-top: 2px solid #0a58b0; border-bottom: 1px solid #919191;}
.overview_tb tr th{width:145px; font-size:20px; color:#0a4eb5; vertical-align: middle;}
.overview_tb tr td{padding: 20px 30px; font-size:15px; color:#444; border-bottom:1px solid #bbb;}
.overview_tb tr td.bor_nb{ border-bottom:0px;}
.overview_tb ul li{float:left; position:relative;  width: 200px;  height: 200px; background:url('../images/sub/overview_li1.png') no-repeat center center; margin:0 0px 0 100px;} 
.overview_tb ul li:nth-child(2){background:url('../images/sub/overview_li1.png') no-repeat center center;}
.overview_tb ul li:nth-child(3){background:url('../images/sub/overview_li1.png') no-repeat center center;}
.overview_tb ul li:nth-child(4){background:url('../images/sub/overview_li1.png') no-repeat center center; margin-right: 0px;}
.overview_tb ul li > p{text-align: center; font-size:15px; color:#555;  line-height: 22px;  display: inline-block;  width: 180px;padding: 32px 0px;}
.overview_tb ul li > p > span{font-size:18px; color:#0a4eb5;font-weight: bold; padding-top: 25px;  display: inline-block;}

.prtview_tb{font-family:'Nanum Gothic'; width:100%; margin-top: 35px;margin-bottom: 25px; border-top: 2px solid #0a58b0; border-bottom: 1px solid #919191;}
.prtview_tb tr th{font-size:16px; color:#0a4eb5; vertical-align: middle;}
.prtview_tb tr td{padding: 20px; font-size:14px; color:#444; border-bottom:1px solid #bbb;vertical-align: middle;}
.prtview_tb tr td.bor_nb{ border-bottom:0px;}


/* history */
.history_ls{width:1060px; margin:0 auto; }
.history_ls li{float:left; margin-right:38px; margin-bottom:100px;}
.history_ls li:last-child{margin-right:0px;}
.sub_wrap .history{font-family:'Nanum Square';}
.sub_wrap .history:before{ display: block; content: ""; clear:both;}
.sub_wrap .history dt:before{ display: block; content: ""; width: 20px; height: 4px; background: #182c8f; margin-bottom: 10px;}
.sub_wrap .history dt{font-family:'NanumSquare';  float:left; font-size: 45px; color: #1a48b0; font-weight: 300;}
.sub_wrap .history .first{float:right;  font-size: 15px; color: #646464; border-left: 1px solid #898989;  margin: 50px 0px;}
.sub_wrap .history .first.mar_top{margin-top:0px;}
.sub_wrap dl.history .first > span:last-child{border-bottom:none;}
.sub_wrap .history .first .date{font-family:'NanumSquare'; display: inline-block; width: 110px; font-size: 18px; color: #182c8f; text-align: center; font-weight: bold;
								padding-bottom: 20px;}
.sub_wrap .history .first span.date.point:before {display: block; content: ""; width:10px; height:10px; border-radius:50%; background:#214ea1; top: 14px;
    left: -5px; position: relative;}
.sub_wrap .history .first .date_txt{display: inline-block; width: 762px; padding: 20px 0px; border-bottom: 1px solid #e1e1e1;}

/* location */
.sub_wrap .map_area{width:1100px; height:350px; border:1px solid #ddd; box-sizing:border-box; margin-bottom:5px; }
.sub_wrap .map_contents{padding-top:70px; border-top:1px solid #363636;}
.sub_wrap .map_contents dt{ float: left;}
.sub_wrap .map_contents p{float: right; font-family:'Nanum Gothic'; font-size: 15px;  color: #4c4c4c; display: inline-block; width: 767px; padding-left: 85px;}
.sub_wrap .map_contents p > span{display: inline-block; margin-bottom: 20px;}
.sub_wrap .map_contents p > span:last-child{margin-bottom:0px;}
.sub_wrap .map_contents p > span > img{vertical-align:middle; padding-right: 25px;}

/* location */
.sub_wrap .organization_chart{text-align:center;}

/* --------------------------------------------------------------------------------------------------------------------- 3D 융합사업 sub */

/*  business introduce  */
.sub2_title_img{width:100%; height:210px; background:url('../images/sub/sub2_common.png') no-repeat center center; text-align: center;}
.subpg_gnb_wrap .subpg_gnb.threed li a{display:inline-block; width:366.5px; text-align: center;  height: 50px;  line-height: 50px; font-family: 'Nanum Square'; color: #010101;}
.subpg_gnb_wrap .subpg_gnb.threed li a.on_meun{color:#224da0; border-bottom: 3px solid #224da0; height: 47px; font-weight: bold;}
.sub_wrap .business_intro{font-size: 15px; line-height: 24px; text-align: center; font-family: 'Nanum Gothic'; width: 620px; padding-bottom: 65px; margin: 0 auto;}
.sub_wrap .business_intro > span{color:#114ab8; font-size:20px; font-weight:bold; font-family: 'NanumSquare';}
.sub_wrap .business_intro_img > li{float: left; padding-right: 19.2px; padding-bottom: 70px; position:relative;}
.sub_wrap .business_intro_img > li > p{position:absolute;  font-size:17px; font-weight:bold; font-family: 'NanumSquare'; color:#fff; line-height:167px; text-align:center;
display:inline-block; top: 0;  left: 0; width:167px;}
.sub_wrap .business_intro_img > li > p > span{line-height:25px; display: inline-block; vertical-align: middle;}
.sub_wrap .business_intro_img > li:last-child{ padding-right:0px;}

/*  탭메뉴 부분 */
.tab_area{padding-top:30px;}
.tab_area .tab li {float:left;}
.tab_area .tab li a {display: inline-block; color: #3d3d3d; text-align: center; box-sizing:border-box; font-family: 'NanumSquare';
			text-decoration: none; font-size: 17px; background:#f3f3f3; width: 274.5px; height: 50px; line-height: 50px;border: 1px solid #b0c0cb;
			 border-bottom: 0px;}
.tabcontent {display: none; padding-top: 40px;}
.tabcontent > ul{width:1020px; margin: 0 auto;}
ul.tab{position:relative;}
ul.tab li.current{ z-index:999; border:1px solid #30859c; border-bottom:none;}
ul.tab li.current:before { content: ""; position:absolute; left: 0px; top:50px; height: 50px;width:1100px;  border-top:1px solid #30859c; } 
ul.tab li.current > a{background-color: #fff; color: #30859c; font-weight:bold;}
.tabcontent.current {display: block;}
.tabcontent ul > li{float:left; margin-right: 30px; position:relative;}
.tabcontent ul > li:nth-child(3n){margin-right:0px; margin-bottom:50px;}
.tabcontent ul > li:last-child{margin-bottom:0px;}
.tabcontent ul.imgtwo > li:nth-child(2n) {margin-right:0px;}
.tab_area_tbox{width:1020px; box-sizing:border-box; border:1px solid #ddd; border-radius: 5px; margin: 0 auto; margin-bottom: 70px;}
.tab_area_tbox > p{font-size:15px; color:#3d3d3d; line-height:24px; font-family: 'Nanum Gothic'; padding: 20px 30px; letter-spacing: -0.1px;}
.tabcontent ul.type_img_txt > li > div{ position:absolute; bottom: 1px; width:100%; background:rgba(0,0,0,0.4);}
.tabcontent ul.type_img_txt > li > div > p{padding:10px 13px; color:#fff; font-size:15px; font-family: 'Nanum Gothic'; font-weight:bold;}

.tab_area .tab.softtab li a{width: 366px;}
.tabcontent ul.imgtwo.irregular > li:nth-child(3n) > div > p{ padding-left: 120px;}
.tabcontent ul.imgtwo.irregular > li{margin-right:0px;}
.tabcontent ul.imgtwo.irregular > li:nth-child(2n) {margin-right:30px;}
.tabcontent ul.imgtwo.irregular > li:first-child{margin-right:30px;}
.tabcontent ul.imgtwo.irregular > li:last-child{margin-bottom:0px; margin-right:0px;}
.tabcontent ul.imgtwo.irregular{position:relative;}
.tabcontent ul.imgtwo.irregular .float_img{ position: absolute; z-index: 99; left: 243px; top: 161px;}

.tab_area .nontab li {float:left;}
.tab_area .nontab li a {display: inline-block; color: #3d3d3d; text-align: center; box-sizing:border-box; font-family: 'NanumSquare';
			text-decoration: none; font-size: 17px; background:#f3f3f3; width: 274px; height: 50px; line-height: 50px;border: 1px solid #b0c0cb;
			 border-bottom: 0px;}
ul.nontab{position:relative;}
ul.nontab li.current{ z-index:999; border:1px solid #30859c; border-bottom:none;}
ul.nontab li.current:before { content: ""; position:absolute; left: 0px; top:50px; height: 50px;width:1100px;  border-top:1px solid #30859c; } 
ul.nontab li.current > a{background-color: #fff; color: #30859c; font-weight:bold;}
.tab_area .nontab.softtab li a{width: 366px;}

/* --------------------------------------------------------------------------------------------------------------------- smartsolution sub */

/*  smartsolution introduce  */
.sub3_title_img{width:100%; height:210px; background:url('../images/sub/sub3_common.png') no-repeat center center; text-align: center;}
.sub_wrap .smart_intro{ font-size: 15px; line-height: 24px; font-family: 'Nanum Gothic';   padding-bottom: 65px;}
.sub_wrap .smart_intro > span{color:#114ab8; font-size:20px; font-weight:bold; font-family: 'NanumSquare';}
.sub_wrap .configuration{font-size: 15px; color:#444; text-align:center; font-family: 'Nanum Gothic'; margin-bottom: 50px;}
.sub_wrap .configuration > span{font-size: 25px; color:#333; font-family: 'NanumSquare'; font-weight:bold; display: inline-block; padding-bottom: 20px;}
.padding_topfiv{padding-top:30px;}

/*  scap introduce  */
.subpg_gnb_wrap .subpg_gnb.fourth li a{display:inline-block; width:275px; text-align: center;  height: 50px;  line-height: 50px; font-family: 'Nanum Square'; color: #010101;}
.subpg_gnb_wrap .subpg_gnb.fourth li a.on_meun{color:#224da0; border-bottom: 3px solid #224da0; height: 47px; font-weight: bold;}

.sub_wrap .sems_txt{font-size: 15px; color:#444; text-align:center; font-family: 'Nanum Gothic'; line-height: 24px; }
.sub_wrap .sems_txt.padding_topeig{padding-top: 80px;}
.sub_wrap .sems_txt > span{font-size: 25px; color:#333; font-family: 'NanumSquare'; font-weight:bold; display: inline-block;  padding-bottom: 15px; width: 100%;
    text-align: center;}
.sub_wrap .sems_txt > img{vertical-align: top;}
.sub_wrap .sems_libox{width:1020px; margin:0 auto; padding-top: 65px;}
.sub_wrap .sems_libox > li{ float:left; width: 238px; border: 1px solid #e1e1e1; margin-right: 20px;}
.sub_wrap .sems_libox > li img{ vertical-align: bottom;}
.sub_wrap .sems_libox > li:last-child{margin-right: 0px;}
.sub_wrap .sems_libox .sems_libox_txt{background: #f7f7f7; border-top: 1px solid #e1e1e1;}
.sub_wrap .sems_libox .sems_libox_txt > p{ padding: 13px 20px; line-height: 18px; font-size: 13px; color: #444; font-family: 'Nanum Gothic'; min-height: 82px;}
.sub_wrap .sems_libox .sems_libox_txt.ams > p{min-height: 182px;}
.sub_wrap .sems_libox .sems_libox_txt.partsol > p{min-height: 100px;}
.sub_wrap .sems_libox .sems_libox_txt > p > span{font-size: 15px; font-weight: bold; margin-bottom: 10px; display: inline-block;}
.sub_wrap .sems_libox .sems_libox_txt > p > span > img{vertical-align: middle;}

/*  스마트팩토리  */
.sub_wrap .smartfactory_list{margin-top: 50px; padding: 0px 40px;}
.sub_wrap .smartfactory_list > li{float:left; width:320px; margin-right:30px; font-family: 'Nanum Gothic';}
.sub_wrap .smartfactory_list > li:last-child{margin-right:0px;}
.sub_wrap .smartfactory_list > li .smartfactory_list_title{ background:#83b6c4; padding: 13px 20px; font-size:15px; color:#fff; font-weight: bold; border-top-left-radius: 3px;
    border-top-right-radius: 3px;  vertical-align: middle;}
.sub_wrap .smartfactory_list > li .smartfactory_list_title.line-heig{line-height: 18px;}
.sub_wrap .smartfactory_list > li .smartfactory_list_title.line-heig > img{position: relative; top: 8px;}
.sub_wrap .smartfactory_list > li .smartfactory_list_title > span.ssmmal{font-size:13px; font-weight:normal;}
.sub_wrap .smartfactory_list > li .smartfactory_list_cont{font-size:13px; color:#444; background:#f7f7f7; border:1px solid #efefef; padding: 14px 18px;
    line-height: 18px; letter-spacing: -0.1px; min-height: 253px;}
.sub_wrap .smartfactory_list > li .smartfactory_list_cont span.smartfactory_imglayout{text-align:center; display: inline-block; width: 100%; padding-top: 20px;}
.sub_wrap .smartfactory_list > li .smartfactory_list_cont span.smartfactory_imglayout.last_imglayout{padding-top: 38px;}
.sub_wrap .smartfactory_list > li .smartfactory_list_cont img{border:1px solid #efefef; }
.sub_wrap .smartfactory_list > li .smartfactory_list_cont strong{color:#0a58b0;}
.smartfactory_list_cont .inline_span{display: inline-block; width: 153px; margin-right: 10px;}
.smartfactory_list_cont .inline_span.ttwwoo{position:absolute; width:117px;}
.smartfactory_list_cont .inline_span .span_txt{font-size: 12px; text-align: center; display: inline-block; padding-top: 20px;}

/*  스마트팩토리 보급실적  */
.sub_wrap .distribution{font-family: 'Nanum Gothic'; font-size:13px; color:#444; border-top:2px solid #30859c; margin: 0 auto; margin-top: 35px;}
.sub_wrap .distribution tr th{ background: #f7f7f7; padding: 20px 0px;  font-size: 15px; }
.sub_wrap .distribution tr{border-bottom:1px solid #e9e9e9;}
.sub_wrap .distribution thead{border-bottom:1px solid #ccc;}
.sub_wrap .distribution tr:last-child{border-bottom:1px solid #ccc;}
.sub_wrap .distribution tr td{padding: 15px 0px; vertical-align: middle; text-align: center;}
.sub_wrap .distribution tr td:first-child{font-weight: bold;}
.sub_wrap .distribution tr td:last-child{text-align: left; padding-left: 25px;}
.sub_wrap .distribution tr td:last-child > span{font-size: 12px; color: #30859c; font-weight: bold;}

.mes_logolist{padding:0px 50px; margin-top: 50px;}
.sub_wrap .sems_txt.alignleft{text-align:left;}
.mes_logolist ul{padding: 0px 40px;}
.mes_logolist ul > li{float:left; margin-right: 15px; margin-bottom: 15px;}
.mes_logolist ul > li:nth-child(5n){ margin-right: 0px; }

/*  스마트팩토리 핵심성과  */
.sub_wrap .performance_img{ margin: 0 auto; margin-top: 35px;  text-align: center;}

/*  스마트팩토리 솔루션강점  */
.sub_wrap .strength_layout{margin-top:35px;}
.sub_wrap .strength_list{position:relative; width: 705px;  border: 1px solid #30859c; border-bottom-right-radius: 3px; border-top-right-radius: 3px; line-height:28px;
				padding:25px 20px 25px 175px; margin: 0 auto; margin-bottom: 15px; font-size:20px; font-family: 'NanumSquare'; font-weight:bold; color:#444; }
.sub_wrap .strength_list.marginnon{margin-bottom: 0px; }
.sub_wrap .list_box{position:absolute; left:0; top:0; display: inline-block;  width:0px;height:0px; border-right:80px solid transparent;  border-top:80px solid #30859c; }
.sub_wrap .list_box.purple{border-top:80px solid #5e5ba0;}
.sub_wrap .list_box.blue{border-top:80px solid #234da1;}
.sub_wrap .strength_list span.strength_num{font-size:30px; color:#fff; position:absolute; left: 8px; top: 6px;}

/*  ICT사업부문 소개  */
.sub4_title_img{width:100%; height:210px; background:url('../images/sub/sub4_common.png') no-repeat center center; text-align: center;}
.sub_wrap .ict_txt{font-size: 25px; color: #333; font-family: 'NanumSquare'; font-weight: bold;  padding-bottom: 50px; text-align: center;}
.sub_wrap .ict_intro{font-family: 'Nanum Gothic'; font-size:15px; color:#444; border-top:2px solid #234da1; margin: 0 auto; }
.sub_wrap .ict_intro tr{border-bottom:1px solid #e9e9e9;}
.sub_wrap .ict_intro tr.last_none{border-bottom:1px solid #ccc;}
.sub_wrap .ict_intro tr td{padding:10px; vertical-align: middle; text-align: center;}
.sub_wrap .ict_intro tr td:first-child{font-size: 18px; font-weight: bold; color: #fff; background: #96aad1;}
.sub_wrap .ict_intro tr td:last-child{text-align:left; padding-left:25px; }
.sub_wrap .ict_intro tr td:last-child > span{font-size:17px; font-weight: bold; display: inline-block; padding-bottom:15px;}
.sub_wrap .ict_intro tr td:last-child > p{line-height: 22px;}
.sub_wrap .ict_txt.ma_top{margin-top:80px; position: relative;}
.sub_wrap .ict_txt.ma_top > img{ position: absolute; right:10px; bottom:20px;}
.sub_wrap .ict_intro2{font-family: 'Nanum Gothic'; font-size:15px; color:#444; border-top:2px solid #234da1; margin: 0 auto; }
.sub_wrap .ict_intro2 tr{border-bottom:1px solid #e9e9e9;}
.sub_wrap .ict_intro2 tr td{padding:20px 25px;  line-height: 18px; vertical-align: top;}
.sub_wrap .ict_intro2 tr td.ict_intro2title{font-size: 18px; font-weight: bold; color: #fff; background: #96aad1; padding:20px 0px; text-align: center; vertical-align: middle;}
.sub_wrap .ict_intro2 tr td.ict_intro2subtitle{font-size: 18px; font-weight: bold; color: #444; background: #efefef; text-align: center; 
												border-bottom: 1px solid #ccc;  border-right: 1px solid #e9e9e9;}
.sub_wrap .ict_intro2 tr td:nth-child(1){ border-right: 1px solid #e9e9e9;}
.sub_wrap .ict_intro2 tr td.color_ccc {border-bottom: 1px solid #ccc;}

/*  ICT사업부문 제품소개  */
.tab_area .product_wrapper{font-family: 'Nanum Gothic'; font-size:15px;}
.tab_area .product_wrapper .product_toplayout{position:relative;}
.tab_area .product_wrapper .product_toplayout > div {display:inline-block; width: 520px; height:232px; vertical-align: top;}
.tab_area .product_wrapper .product_toplayout > div.imgarea {box-sizing: border-box; border: 1px solid #ddd; margin-right: 55px; position:relative;}
.tab_area .product_wrapper .product_toplayout > div.imgarea > img{position: absolute; }
.tab_area .product_wrapper .product_toplayout > div.textarea > p:first-child { font-size: 20px; font-weight: bold; padding-bottom: 50px;}
.tab_area .product_wrapper .product_toplayout > div.textarea > p:nth-child(2){ font-size: 17px; padding-bottom: 30px;}
.tab_area .product_wrapper .product_toplayout > div.textarea > p:nth-child(3){ padding-bottom: 30px; line-height: 22px;}
.tab_area .product_wrapper .product_toplayout > div.textarea > p:last-child{position:absolute; bottom:0; right:0;}
.tab_area .product_wrapper .product_toplayout > div.textarea > p:last-child > span{display: inline-block; width: 250px; height: 35px; background: rgba(48,133,156,0.6); 
border-radius: 3px; color: #fff; font-weight: bold; text-align: center; line-height: 35px; cursor:pointer;}
.tab_area .product_wrapper .product_toplayout > div.textarea > p:last-child > span:hover{background: rgba(48,133,156,1);}
.tab_area .product_wrapper .product_toplayout > div.textarea > p:last-child > span > img{vertical-align: middle;}
.tab_area .product_wrapper .product_toplayout > div.textarea > p:last-child > span:first-child { margin-right: 15px;}
.tab_area .product_wrapper .product_toplayout > div.textarea > p:last-child > span > a{display: inline-block; width: 250px; height: 35px; color:#fff; 
font-family: 'Nanum Gothic'; font-weight: bold; } 
.tab_area .product_wrapper .product_cont_title{font-size: 17px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #0a58b0; padding-top: 50px; clear:both;}
.tab_area .product_wrapper .product_cont_txt{line-height: 24px; padding: 15px;}
.tab_area .product_wrapper .product_cont_txt > span {font-weight: bold;}
.tabcontent ul.main_function_list{width: 943px; margin: 0 auto;}
.tabcontent ul.main_function_list > li{ width: 215px;  margin-right: 149px;}
.tabcontent ul.main_function_list > li > p{text-align: center; line-height: 22px; padding-top: 10px;}
.tabcontent ul.main_function_list > li:nth-child(3){margin-right: 0px; margin-bottom: 0px;}
.tabcontent ul.main_function_list > li:nth-child(4){margin-left: 182px; margin-top:20px;}
.tabcontent ul.main_function_list > li:nth-child(5){margin-top:20px;}
.tabcontent ul.main_function_list > li:last-child {margin-right: 0px;}
.tabcontent ul.main_function_list.twodepth{width: 580px; }
.tabcontent ul.main_function_list.twodepth > li{margin-top:20px;}
.tabcontent ul.main_function_table{font-family: 'Nanum Gothic'; font-size:15px; width:943px; margin:0 auto; margin-top:15px;}
.tabcontent ul.main_function_table > li{float:left; width:313px; margin-right: 0px; border-left: 1px solid #e9e9e9; border-bottom:1px solid #ccc; box-sizing: border-box;}
.tabcontent ul.main_function_table > li:nth-child(3n){ border-right: 1px solid #e9e9e9;}
.tabcontent ul.main_function_table > li:last-child{ border-right: 1px solid #e9e9e9;}
.tabcontent ul.main_function_table > li > p:first-child { background:#96aad1; padding:15px 26px; font-size:17px; color:#fff; font-weight:bold; text-align:center; vertical-align: middle;     
  /* ----제목 2줄일때---- min-height: 44px; line-height: 40px;*/ }
.tabcontent ul.main_function_table > li > p:first-child > span{line-height: 22px; display: inline-block; vertical-align: middle;}
.tabcontent ul.main_function_table > li > p:last-child{background:#f7f7f7;  padding:15px;  line-height: 22px;  position:relative; min-height: 132px;}
.tabcontent ul.main_function_table > li > p:last-child > span{position:absolute; left:15px;}
.tabcontent ul.main_function_table > li:nth-child(3n){margin-bottom: 0px;}
.tabcontent ul.main_function_table.technology > li > p:first-child {background:#80b2c0; min-height: 66px;   line-height: 60px;}
.tabcontent ul.main_function_table.technology > li > p:first-child > span {line-height: 22px; display: inline-block; vertical-align: middle;}
.tabcontent ul.main_function_table.workstation > li > p:last-child{ min-height: 132px;}
.tabcontent ul#target_ul2 > li > p:last-child{min-height: 88px;}

/*  고객센터 기술지원문의  */
.sub5_title_img{width:100%; height:210px; background:url('../images/sub/sub5_common.png') no-repeat center center; text-align: center;}
.sub_wrap .total_technology_question{font-family: 'Nanum Gothic'; font-size:13px; color:#444;}
.sub_wrap .total_technology_question input {font-size:13px; padding: 6px 12px; font-family: 'Nanum Gothic';  color:#444; vertical-align: middle;}

.sub_wrap .total_technology_question select.question_select{height:37px; font-size:13px; color:#444; width:100%; padding-left:10px; font-family: 'Nanum Gothic'; border: 1px solid #ccc;
	border-radius: 3px;  width: 876px;}
.sub_wrap .total_technology_question > table.technology_question_table{width:100%;}
.sub_wrap .total_technology_question > table.technology_question_table tr th{ font-size: 15px; color:#000; text-align: left; padding: 5px 0px 0px 15px; vertical-align: top;}
.sub_wrap .total_technology_question > table.technology_question_table tr th:before {display: block;
    content: ""; width: 15px; height: 3px; background: #114ab8; transform: rotate(90deg); position: relative; left: -20px; top:10px;}
.sub_wrap .total_technology_question > table.technology_question_table tr th > span{color:#ff0000; position: relative; top: -5px;}
.sub_wrap .total_technology_question > table.technology_question_table tr td{padding-bottom:15px;}
.sub_wrap .total_technology_question > table.technology_question_table tr td .question_privacy{padding: 10px 12px; border: 1px solid #ccc; border-radius: 5px; line-height: 18px; margin-bottom: 10px;}
.sub_wrap .submit_button_lay{text-align:center; margin-top: 40px;}

.sub_wrap .total_technology_question > table.technology_question_table tr td .textbox {position: relative; width: 848px; }
.sub_wrap .total_technology_question > table.technology_question_table tr td .textbox input[type="text"]{
     width: 100%;
    height: auto;
    line-height: normal;
    padding: .8em 1em;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select {-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    background: url('../images/common/faq_arrow_off.png') no-repeat 99% 50%; }

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display: none;}

select#field_cate{   background: url('../images/common/faq_arrow_off.png') no-repeat 95% 50%; }
select#field{  background: url('../images/common/faq_arrow_off.png') no-repeat 95% 50%;}

.sub_wrap .total_technology_question .textareabox {position: relative; width: 848px; }
.sub_wrap .total_technology_question .textareabox textarea{
     width: 100%;
    height: auto;
    line-height: normal;
    padding: .8em 1em;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline-style: none;
    -webkit-appearance: none;
    -moz-appearance: none; font-size: 13px;
    appearance: none; font-family: 'Nanum Gothic';
}


.sub_wrap .submit_button_lay .submit_button{    width: 200px; margin: 0px 3px; height: 40px; background: #114ab8; color: #fff; font-size: 17px; cursor: pointer;
    border-radius: 3px; font-weight: bold;  border: none;}

.sub_wrap .total_technology_question input[type="text"]:-ms-input-placeholder { color: #d5d5d5; }
.sub_wrap .total_technology_question input[type="text"]::-webkit-input-placeholder { color: #d5d5d5; } 
.sub_wrap .total_technology_question input[type="text"]::-moz-input-placeholder { color: #d5d5d5; }
.sub_wrap .total_technology_question textarea:-ms-input-placeholder { color: #d5d5d5; }
.sub_wrap .total_technology_question textarea::-webkit-input-placeholder { color: #d5d5d5; } 
.sub_wrap .total_technology_question textarea::-moz-input-placeholder { color: #d5d5d5; }

/*  고객센터 원격지원  */
.preparing_layout{text-align:center;}