@charset "utf-8";

h1{color:#35bc9f}
h2{font-size:50px;color:#35bc9f;padding-bottom:10px}
h3{font-size:23px;color:#35bc9f;font-weight:400;font-family:'Nanum Gothic'}
h4{font-size:20px;font-family:'Nanum Gothic';font-weight:400}
h4 span{display:block}
.clearfix:after{content: '';display: table;clear: both;}

/* header */
.global{position:relative;z-index:10;width:100%;text-align:right}
.global{background:#fff;background-color:rgba(255,255,255,0.7)}
.global .top .logo{float:left;padding:20px 0 10px 20px}
.global .top .gnb{position:relative;display:inline-block;margin:right;margin-right:50px;font-size:20px;font-family:'Nanum Gothic'}
.global .top .gnb li{float:left;margin-left:40px;padding-top:25px;font-weight:700}
.global .top .gnb li:first-child{margin-left:0px}
/*mainvisual*/
.mainvisual{clear:both;background:#000 url('../../img/smartfactory/sub_bg1.jpg') no-repeat;background-size:cover;color:#fff;width:100%;height:236px;text-align:center}
.mainvisual{font-size:20px}
.mainvisual p{font-size:50px;padding-top:80px}
.mainvisual .menu-link{padding-top:10px;font-size:17px;font-weight:700;color:#6c6c6c}
.mainvisual .menu-link a{color:#6c6c6c}
.mainvisual .menu-link a:hover{color:#fff}
.nav{font-family:'Nanum Gothic';font-size:15px;width:100%;background:#36bc9e;line-height:40px;color:#fff}
.nav span{display:inline-block;padding-left:15px}
.nav span:nth-child(1){background:url('../../img/smartfactory/icon_home.gif') no-repeat left 50%;margin-left:10%}
.nav span:nth-child(2){background:url('../../img/smartfactory/icon_arrow.gif') no-repeat left 50%;margin-left:10px}
/*contents*/
.contents{width:1200px;margin:auto;padding:40px 0}
.title{float:left}
.sub-menu{font-size:17px;float:right}
.sub-menu .on,
.sub-menu a:hover{color:#36bc9e;text-decoration:underline;font-weight:700}
.sub-menu span{padding-left:20px}
.content-box{clear:both;padding:50px 0 30px 30px}
.content-box:after{content:'';display:block;clear:both}
address{background:#36bc9e}
/*device*/
.device .left-content{float:left;font-family:'Nanum Gothic'}
.device .left-content li{font-size:25px;padding-bottom:20px;background:url('../../img/smartfactory/dot.png') no-repeat 0 7px;padding-left:20px}
.device .left-content li ul li{font-size:20px;padding-bottom:10px;background:none}
.device .left-content li ul li:first-child{padding-top:10px}
.device .right-img{float:right;background:#e5e5e5;padding:50px}
.device table{width:90%;border-top:1px solid #ddd;border-left:1px solid #ddd;margin:auto;text-align:center;border-collapse:collapse;font-size:20px}
.device table th{background:#36bc9e;color:#fff;padding:10px 0}
.device table td:nth-child(odd){color:#36bc9e}
.device table th,
.device table td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;line-height:40px}
/*gate*/
.visual-gate{background:#000 url('../../img/smartfactory/sub_bg2.jpg') no-repeat}
.gate .left-content{float:left;font-family:'Nanum Gothic'}
.gate .left-content li{font-size:25px;padding-bottom:20px}
.gate .left-content li span{font-weight:700;color:#36bc9e;font-size:40px}
.gate .left-content li ul li{font-size:20px;padding-bottom:10px;background:none;padding-left:43px}
.gate .left-content li ul li:first-child{padding-top:10px}
.gate .right-img{float:right}
/*manager*/
.visual-manager{background:#000 url('../../img/smartfactory/sub_bg3.jpg') no-repeat}
.manager .left-content{float:left;font-family:'Nanum Gothic'}
.manager .left-content li{font-size:25px;padding-bottom:20px}
.manager .left-content li span{font-weight:700;color:#36bc9e;font-size:40px}
.manager .right-img{float:right}
.manager .right-img img{border:1px solid #ddd}
/*client*/
.visual-client{background:#000 url('../../img/smartfactory/sub_bg4.jpg') no-repeat}
.client .img-box{text-align:center}
.client .img-box ul{display:inline-block;background:#f0f0f0;padding:20px 20px 0}
.client .img-box li{float:left;height:350px;font-size:20px;padding-left:30px}
.client .img-box li p{padding-top:10px}
.client .img-box li:first-child{padding-left:0}
.client .left-content{clear:both;font-family:'Nanum Gothic';padding-top:30px}
.client .left-content li{font-size:25px;padding-bottom:20px}
.client .left-content li span{font-weight:700;color:#36bc9e;font-size:40px}
.client .left-content li ul li{font-size:20px;padding-bottom:10px;background:none;padding-left:43px}
.client .left-content li ul li:first-child{padding-top:10px}

/* 20200818 wellbase 추가 */
/*content*/
/* .service-box.title{float: none;} */
.service2 .title, .service2 .ser,
.diff .contents .title{float:none;}

.content{width:100%;font-family:"Nanum Gothic", AppleGothic, Tahoma, Arial, sans-serif}
.service1{width:100%;background:url('../../img/wellpackage/subvisual_1.jpg') no-repeat;background-size:cover}
.service1 .service-box,
.service2 .service-box{width:1200px;margin:auto;padding:40px 0}
.service1 .service-box:after,
.service2 .service-box:after{content:'';display:block;clear:both}
.service1 .ser{padding-top:30px}
.service1 .ser dl{float:left;margin-left:20px}
.service1 .ser dl:first-child{margin-left:0}
.service1 .ser dt{width:183px;height:100px;padding-top:83px;text-align:center;opacity:0.8;color:#fff;font-size:20px;font-weight:700;border-radius:50%}
.service1 .ser dt{background-color:#e60012;background-position:50% 40px;background-repeat:no-repeat}
.service1 .ser dl:nth-child(1) dt{background-image:url('../../img/wellpackage/icon_1.png')}
.service1 .ser dl:nth-child(1) dd{text-align:center}
.service1 .ser dl:nth-child(2) dt{background-image:url('../../img/wellpackage/icon_2.png')}
.service1 .ser dl:nth-child(2) dd{padding-left:25px}
.service1 .ser dl:nth-child(3) dt{background-image:url('../../img/wellpackage/icon_3.png');background-position:50% 35px}
.service1 .ser dl:nth-child(3) dd{padding-left:37px}
.service1 .ser dl:nth-child(4) dt{background-image:url('../../img/wellpackage/icon_4.png')}
.service1 .ser dl:nth-child(4) dd{padding-left:20px}
.service1 .ser dl:nth-child(5) dt{background-image:url('../../img/wellpackage/icon_5.png')}
.service1 .ser dd{font-size:18px;padding-top:10px}

.service2{clear:both;height: 550px;}
/* .service2 h3{padding-bottom:30px} */
.service2 .ser div{float:left;padding-left:118px}
.service2 .ser div:first-child{padding-left:0}
.service2 .ser div ul{font-size:18px}
.service2 .ser div ul .title{background:none;font-size:20px;padding-left:0}
.service2 .ser div ul li{padding-left:10px;padding-top:15px;background:url('../../img/wellpackage/icon.png') no-repeat 0 23px}

.diff{background:#f0f0f0;padding-bottom:80px;padding-top:20px}
/* .diff h3{padding-bottom:30px} */
.diff table{width:100%;max-width:1200px;border-top:1px solid #ddd;border-left:1px solid #ddd;margin:auto;text-align:center;border-collapse:collapse;font-size:18px}
.diff table th,
.diff table td{border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.diff table th{height:40px;line-height:40px;background:#35bc9f;color:#fff}
.diff table td{padding:10px;background:#fff}
.diff table td.left{text-align:left;padding-left:20px}
.diff table ul li{padding:5px;background:url('../../img/wellpackage/icon.png') no-repeat 0 50%;padding-left:15px}

.system{width:1200px;margin:auto;text-align:center;padding-top:30px}
.system h2, .system h3{text-align:left}
.system h2{padding-bottom:10px}
/* .system h3{padding-bottom:30px} */
.system .base,
.system .mes{display:inline-block;padding-bottom:50px;}
.system .base{float:left}
.system .mes{padding-left: 150px;}
.effect-title{clear:both; width: 1200px;margin: auto;padding-top: 80px;}
.effect{color:#fff;text-align:center}
.effect h4{font-size:35px;padding-bottom:20px}
.effect ul li{text-align:left;font-size:20px;padding-top:20px;line-height:30px;background:url('../../img/wellpackage/icon_white.png') no-repeat 0 32px;padding-left:15px}
.effect .skill,
.effect .economy{float:left;width:50%;box-sizing:border-box;padding:150px 100px;height:500px}
.effect .skill{background:url('../../img/wellpackage/subvisual_2.jpg') no-repeat;background-size:cover}
.effect .economy{background:url('../../img/wellpackage/subvisual_3.jpg') no-repeat;background-size:cover}

address{background:#36bc9e;clear:both}