#wrap{margin-top:100px;}
#wrap h2{margin-bottom:30px;}
strong.yellow{color:#ffcf40;}
strong.red{color:#ff4040;}
strong.blue{color:#4093ff;}
#wrap h3{font-size:24px;line-height:32px;font-weight:700;color:#333;margin-bottom:15px;letter-spacing:-0.05em;}
#wrap p{font-size:18px;line-height:32px;font-weight:350;color:#808080;margin-bottom:30px;word-break:keep-all;letter-spacing:-0.07em;}
#wrap h2.point-h2{color:#ccc;}
#wrap h3.visual-h3{font-size:24px;line-height:36px;font-weight:350;color:#333;word-break:keep-all;}
.text-center{text-align:center;}


/* 회사소개 */
.visual-company{display:table;width:100%;height:700px;background:url('../img/visual-company.jpg') no-repeat center;background-size:cover;}
.visual-company > div{display:table-cell;width:100%;height:700px;vertical-align:middle;}
.visual-company span{display:block;font-size:24px;line-height:36px;font-weight:350;color:#fff;text-align:center;letter-spacing:0.2em;margin-bottom:20px;}
.visual-company h2{color:#fff;text-align:center;}

.vision{padding:140px 0;}
.vision ul li{float:left;width:50%;margin-bottom:20px;}
.vision ul li:nth-child(2n){padding-left:80px;}
.vision ul li:nth-child(2n+1){padding-right:80px;}
.vision ul li span{display:block;width:140px;height:140px;border-radius:50%;border:3px solid #ff4040;margin-bottom:15px;background-image:url('../img/ico-vision01.png');background-repeat:no-repeat;background-position:center;}
.vision ul li:nth-child(2) span{background-image:url('../img/ico-vision02.png');border-color:#4093ff;}
.vision ul li:nth-child(3) span{background-image:url('../img/ico-vision03.png');border-color:#ffcf40;}
.vision ul li:nth-child(4) span{background-image:url('../img/ico-vision04.png');border-color:#29cc29;}

#wrap .vision .intro-icon li h3{letter-spacing:0;}

.business{width:100%;height:1570px;background:url('../img/bg-biz.jpg') no-repeat center;background-size:cover;padding-top:140px;}
.career h2{float:left;width:50%;color:#fff;}
.career > div{float:left;width:50%;}
#wrap .career > div h3{color:#fff;}
.career > div ul li{font-size:18px;line-height:32px;font-weight:350;color:#fff;padding-left:10px;letter-spacing:-0.07em;position:relative;}
.career > div ul li::before{content:'';width:5px;height:1px;background-color:#fff;position:absolute;left:0;top:16px;}
.business .list-area{margin-top:80px;}
.business .list-area li{float:left;width:50%;height:370px;}
.business .list-area li:nth-child(2n){padding-left:80px;}
.business .list-area li:nth-child(2n+1){padding-right:80px;}
.business .list-area li span{display:block;background-repeat:no-repeat;height:180px;margin-bottom:15px;}
.business .list-area li:first-child span{background-image:url('../img/img-biz01.jpg');}
.business .list-area li:nth-child(2) span{background-image:url('../img/img-biz02.jpg');}
.business .list-area li:nth-child(3) span{background-image:url('../img/img-biz03.jpg');}
.business .list-area li:nth-child(4) span{background-image:url('../img/img-biz04.jpg');}
.business .list-area li:nth-child(5) span{background-image:url('../img/img-biz05.jpg');}
.business .list-area li:nth-child(6) span{background-image:url('../img/img-biz06.jpg');}
#wrap .business .list-area li h3{color:#fff;margin-bottom:0;}
#wrap .business .list-area li h4{font-size:24px;line-height:32px;font-weight:350;color:#fff;margin-bottom:15px;}
#wrap .business .list-area li p{color:#fff;}

.location{padding:140px 0;}
.location .root_daum_roughmap{border-bottom:1px solid #ccc;}
.location .root_daum_roughmap .wrap_controllers{display:none;}
.location .root_daum_roughmap .wrap_btn_zoom{z-index:1;}
.location h3{margin-top:40px;}
.location .address{font-size:18px;line-height:32px;font-weight:350;color:#333;}
.location .address span{display:inline-block;position:relative;}
.location .address span:first-child{padding-right:15px;}
.location .address span:first-child::after{content:'';width:1px;height:20px;background-color:#333;position:absolute;right:4px;top:6px;}

/* 제품소개 */
.product-top{padding-top:100px;}
.product-top .wrap-top{margin-top:70px;margin-bottom:130px;}
.wrap-top .left-top{float:left;width:260px;height:560px;background:url('../img/ico-product01.png') no-repeat center 345px;text-align:center;}
.wrap-top .center-top{float:left;width:480px;height:560px;background:url('../img/img-product01.png') no-repeat 60px 5px;}
.wrap-top .right-top{float:left;width:260px;height:560px;padding-top:240px;background:url('../img/ico-product02.png') no-repeat center 70px;text-align:center;}

.view-system{margin-bottom:130px;}
.left-sysview{float:left;width:50%;padding-right:80px;}
.right-sysview{float:left;width:50%;padding-left:80px;padding-top:230px;}

.product-design{max-width:1920px;height:1040px;margin:0 auto;background:url('../img/bg-design.jpg') no-repeat right bottom;position:relative;padding-top:140px;}
.product-design::after{content:'';width:1346px;height:1381px;background:url('../img/img-product02.png') no-repeat;position:absolute;left:-386px;top:-315px;z-index:0;}
.product-design .inner{padding-left:680px;z-index:1;}
.product-design h2, #wrap .product-design h3, #wrap .product-design p{color:#fff;}
#wrap .product-design h3 strong{font-weight:350;}
#wrap .product-design h2.point-h2{color:#333;}
#wrap .product-design h3{font-size:0;}
.product-design h3 span{display:inline-block;font-size:24px;line-height:32px;width:100px;margin-right:15px;position:relative;vertical-align:top;}
.product-design h3 span::after{content:'';width:1px;height:24px;background-color:#fff;position:absolute;right:0;top:5px;}
.product-design h3 strong{display:inline-block;font-size:24px;line-height:32px;width:calc(100% - 115px);}

.product-security{padding-top:140px;}
.wrap-finger{padding-bottom:120px;}
.text-finger{float:left;width:420px;margin-right:80px;}
.text-finger ul{margin-bottom:30px;}
.text-finger ul.last{margin-bottom:0;}
.text-finger ul li{font-size:18px;line-height:32px;font-weight:350;color:#808080;word-break:keep-all;letter-spacing:-0.07em;padding-left:10px;position:relative;}
.text-finger ul li::before{content:'';width:5px;height:1px;background-color:#808080;position:absolute;left:0;top:15px;}
.img-finger{float:left;width:500px;background-repeat:no-repeat;background-position:0 90px;}
.img-finger ul{margin-right:-15px;margin-left:-15px;}
.img-finger ul li{float:left;margin:15px;width:calc(25% - 30px);text-align:center;}
.img-finger ul li span{display:block;border:1px solid #ccc;text-align:center;width:100%;padding-top:100%;position:relative;}
.img-finger ul li span::after{content:'';width:100%;height:100%;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0;}
#wrap .img-finger ul li p{line-height:24px;margin-top:15px;}

.finger01 .img-finger{background-image:url('../img/img-product03.png');height:900px;padding-top:660px;}
.finger01 .img-finger ul li:first-child span::after{background-image:url('../img/finger01-1.png');}
.finger01 .img-finger ul li:nth-child(2) span::after{background-image:url('../img/finger01-2.png');}
.finger01 .img-finger ul li:nth-child(3) span::after{background-image:url('../img/finger01-3.png');}
.finger01 .img-finger ul li:nth-child(4) span::after{content:'FBI';font-size:36px;line-height:100px;font-weight:700;color:#ff4040;}

.finger02 .text-finger{margin-right:0;margin-left:80px;}
.finger02 .img-finger{background-image:url('../img/img-product04.png');height:670px;padding-top:500px;}
.finger02 .img-finger ul li:first-child span::after{background-image:url('../img/finger02-1.png');}
.finger02 .img-finger ul li:nth-child(2) span::after{background-image:url('../img/finger02-2.png');}
.finger02 .img-finger ul li:nth-child(3) span::after{background-image:url('../img/finger02-3.png');}
.finger02 .img-finger ul li:nth-child(4) span::after{background-image:url('../img/finger02-4.png');}

.product-spec .inner{background-color:#f5f5f5;padding-top:140px;padding-bottom:140px;}
.list-spec{border-top:1px solid #ccc;padding:30px 0;font-size:0;}
.list-spec > h3{display:inline-block;width:250px;font-size:24px;line-height:32px;font-weight:700;color:#333;vertical-align:top;}
.list-spec > ul{display:inline-block;width:750px;}
.list-spec > ul > li{float:left;width:33.33%;margin-bottom:30px;}
.list-spec > ul > li > h4{font-size:18px;line-height:32px;font-weight:700;color:#333;}
.list-spec > ul > li > p{font-size:18px;line-height:32px;font-weight:350;color:#808080;}
.list-spec > .view-spec{display:inline-block;width:750px;height:320px;padding-left:500px;background:url('../img/img-product05.png') no-repeat;}
.list-spec > .view-spec .info-spec{width:250px;}
.list-spec > .view-spec .info-spec h4{font-size:18px;line-height:32px;font-weight:700;color:#333;}
.list-spec > .view-spec .info-spec ul{margin-bottom:30px;}
.list-spec > .view-spec .info-spec p, .list-spec > .view-spec .info-spec ul li{font-size:18px;line-height:32px;font-weight:350;color:#808080;}

.product-image{padding:140px 0;}
.wrap-images{}
.wrap-images > div{float:left;width:50%;height:500px;}
.wrap-images > div.big-image{border:1px solid #ccc;background:url('../img/img-spec01.gif') no-repeat center;}
.wrap-images > div > ul{font-size:0;}
.wrap-images > div > ul li{display:inline-block;width:calc(50% - 20px);height:240px;margin-left:20px;margin-bottom:20px;border:1px solid #ccc;background-repeat:no-repeat;background-position:center;}
.wrap-images > div > ul li:first-child{background-image:url('../img/img-spec02.gif');}
.wrap-images > div > ul li:nth-child(2){background-image:url('../img/img-spec03.gif');}
.wrap-images > div > ul li:nth-child(3){background-image:url('../img/img-spec04.gif');margin-bottom:0;}
.wrap-images > div > ul li:nth-child(4){background-image:url('../img/img-spec05.gif');margin-bottom:0;}

.banner-bottom{display:table;width:100%;height:230px;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:url('../img/bg-banner.jpg') no-repeat center;background-size:cover;}
.banner-bottom > div{display:table-cell;width:100%;height:228px;vertical-align:middle;}
#wrap .banner-bottom > div p{margin-bottom:0;}

/* 반응형 태블릿 */
@media screen and (max-width:1280px){
  /*#wrap{padding:0 20px;}*/
  .vision ul li{height:490px;}
  .vision ul li:nth-child(2n), .business .list-area li:nth-child(2n){padding-left:20px;}
  .vision ul li:nth-child(2n+1), .business .list-area li:nth-child(2n+1){padding-right:20px;}
  #wrap .vision .intro-icon li h3{letter-spacing:-0.05em}
  .wrap-top .left-top{width:210px;height:410px;background-size:64px auto;background-position:center 270px;}
  .wrap-top .right-top{width:210px;height:410px;background-size:64px auto;background-position:center 40px;padding-top:160px;}
  .wrap-top .center-top{width:280px;height:410px;background-image:url('../img/timg-product01.png');background-position:left top;}
  .right-sysview{padding-top:130px;}
  .product-design{max-width:1280px;height:1400px;background-size:cover;}
  .product-design::after{background-image:url('../img/timg-product02.png');width:942px;height:967px;left:-48px;top:220px;}
  .product-design .inner{padding-left:430px;}
  .text-finger{width:270px;}
  .img-finger{width:350px;}
  .finger01 .img-finger{background-image:url('../img/timg-product03.png');width:350px;height:343px;padding-top:520px;}
  .finger02 .img-finger{background-image:url('../img/timg-product04.png');width:350px;height:227px;padding-top:380px;}
  .img-finger ul{width:260px;margin:0 auto;}
  .img-finger ul li{width:calc(50% - 30px);}
  #wrap .img-finger ul li p{margin-bottom:0;}
  .wrap-finger{padding-bottom:70px;}
  .product-spec .inner{padding:70px 40px;}
  .list-spec{border-top:none;}
  .list-spec > h3{display:block;width:100%;padding-bottom:30px;margin-bottom:30px !important;position:relative;}
  .list-spec > h3::after{content:'';width:100%;height:1px;background-color:#ccc;position:absolute;left:0;bottom:0;}
  .list-spec > ul{display:block;width:100%;}
  .list-spec > ul > li{margin-bottom:0;}
  .list-spec > .view-spec{display:block;width:100%;padding-left:66.66%;}
  .product-image .inner{padding:0 100px;}
  .wrap-images > div{float:none;width:100%;margin-bottom:30px;}
  .wrap-images > div > ul{margin-right:-20px;margin-left:-20px;}
  .wrap-images > div > ul li{margin:20px;width:calc(50% - 40px);}
}

/* 반응형 모바일 */
@media screen and (max-width:720px) {
  #wrap{margin-top:75px;}
  #wrap h3{font-size:18px;line-height:24px;}
  #wrap p{font-size:15px;line-height:27px;}
  .vision ul li, .business .list-area li,
  .career h2, .career > div{float:none;width:100%;}
  .vision ul li{height:auto;}
  .vision ul li:nth-child(2n), .business .list-area li:nth-child(2n){padding-left:0;}
  .vision ul li:nth-child(2n+1), .business .list-area li:nth-child(2n+1){padding-right:0;}
  .business{height:auto;padding-bottom:70px;}
  .visual-company, .visual-company > div{height:400px;}
  .visual-company span{font-size:18px;line-height:32px;letter-spacing:0.1em;}
  .vision{padding:50px 0 30px;}
  #wrap h2.point-h2{margin-bottom:15px;}
  .vision ul{margin-top:40px;}
  .vision ul li{margin-top:40px;}
  .vision ul li span{margin-right:auto;margin-left:auto;}
  .vision ul li h3, .vision ul li p{text-align:center;}
  .business{padding-top:50px;padding-bottom:50px;}
  .career > div ul li{font-size:15px;line-height:27px;}
  .business .list-area{margin-top:50px;}
  .business .list-area li{height:auto;}
  #wrap .business .list-area li h4{font-size:18px;line-height:24px;}
  .location{padding:50px 0;}
  .location .root_daum_roughmap{height:350px;}
  .location .address{font-size:15px;line-height:27px;}
  .location .address span:first-child::after{height:15px;}
  #wrap h3.visual-h3{font-size:18px;line-height:24px;}
  .wrap-top .left-top{float:none;width:100%;height:170px;background-size:45px auto;background-position:center 100px;}
  .wrap-top .center-top{float:none;width:100%;height:400px;background-image:url('../img/mimg-product01.png');background-position:right top;}
  .wrap-top .right-top{float:none;width:100%;height:auto;background-size:45px auto;background-position:center top;padding-top:80px;}
  .product-top .wrap-top{margin-bottom:70px;}
  .view-system{margin-bottom:70px;}
  .left-sysview{float:none;width:100%;padding-right:0;}
  .right-sysview{float:none;width:100%;padding-top:0;padding-left:0;}
  .product-design{max-width:720px;height:1140px;padding-top:400px;background-image:url('../img/mbg-design.jpg');}
  .product-design::after{background-image:url('../img/mimg-product02.png');width:280px;height:287px;left:calc(50% - 140px);top:80px;}
  .product-design .inner{padding-left:0;}
  #wrap .product-design h3{margin-bottom:0;}
  .product-design h3 span{font-size:18px;line-height:24px;width:75px;}
  .product-design h3 span::after{height:17px;}
  .product-design h3 strong{font-size:18px;line-height:24px;}
  .product-security{padding-top:70px;}
  .wrap-finger{position:relative;}
  .text-finger{float:none;width:100%;margin-right:0;}
  .img-finger{float:none;position:absolute;left:0;}
  .finger01 .img-finger{width:100%;height:auto;background-position:center top;background-image:url('../img/mimg-product03.png');top:160px;padding-top:310px;}
  .finger02 .img-finger{width:100%;height:auto;background-position:center top;background-image:url('../img/mimg-product04.png');top:170px;padding-top:220px;}
  #wrap .text-finger h2.view-img{margin-bottom:500px;}
  #wrap .text-finger h2.view-img2{margin-bottom:440px;}
  .img-finger ul{margin-right:-7px;margin-left:-7px;width:calc(100% + 14px);}
  .img-finger ul li{width:calc(25% - 14px);margin:7px;}
  .img-finger ul li span::after{background-size:30px auto;}
  .finger01 .img-finger ul li:first-child span::after{background-size:52px auto;}
  .finger01 .img-finger ul li:nth-child(4) span::after{font-size:21px;line-height:59px;}
  #wrap .img-finger ul li p{line-height:20px;letter-spacing:-0.08em;margin-top:5px;}
  .text-finger ul li{font-size:15px;line-height:27px;}
  .finger02 .text-finger{margin-left:0;}
  .finger02 .img-finger ul li:first-child span::after{background-size:36px auto;}
  .finger02 .img-finger ul li:nth-child(2) span::after{background-size:19px auto;}
  .finger02 .img-finger ul li:nth-child(3) span::after{background-size:37px auto;}
  .finger02 .img-finger ul li:nth-child(4) span::after{background-size:26px auto;}
  .list-spec > ul > li{float:none;width:100%;}
  .product-spec .inner{padding:30px 20px;}
  .list-spec{padding:0;}
  .list-spec > h3{padding-bottom:20px;margin-top:50px;}
  #wrap .list-spec > ul > li > p{margin-bottom:20px;}
  .list-spec > ul > li > h4{font-size:15px;line-height:20px;}
  .list-spec > .view-spec{padding-top:300px;padding-left:0;background-image:url('../img/mimg-product05.png');height:auto;}
  .list-spec > .view-spec .info-spec{width:100%;}
  .product-image .inner{padding:0;}
  .wrap-images > div{height:280px;margin-bottom:10px;}
  .wrap-images > div > ul li{height:130px;}
  .wrap-images > div.big-image{background-image:url('../img/mimg-spec01.gif');}
  .wrap-images > div > ul li:first-child{background-image:url('../img/mimg-spec02.gif');}
  .wrap-images > div > ul li:nth-child(2){background-image:url('../img/mimg-spec03.gif');}
  .wrap-images > div > ul li:nth-child(3){background-image:url('../img/mimg-spec04.gif');}
  .wrap-images > div > ul li:nth-child(4){background-image:url('../img/mimg-spec05.gif');}
  .wrap-images > div > ul{margin-right:-10px;margin-left:-10px;}
  .wrap-images > div > ul li{margin:10px;width:calc(50% - 20px);}
  .product-image{padding:70px 0;}
  .banner-bottom{height:270px;background-image:url('../img/mbg-banner.jpg');}
  .banner-bottom > div{height:270px;}
}