@charset "utf-8";


@import url(common.css);
@import url(layout.css);
@import url(font.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');

/* 메인 */
.visual-conts { position: relative;clear: both;width:100%;height:100%;background: url(../img/visual-1.jpg) center top no-repeat;background-size: 100%;}
.visual-conts:before { content:''; display:block; padding-top:52.7%;}
/*.visual-conts span {text-indent: -99999;font-size: 0;}*/
.HandyMES-mtxt {position: absolute;right: 7%;top: 10%;background: radial-gradient(#0f47ef, rgba(15,71,239,0.8));width: 210px;height: 210px;border-radius:100%;box-shadow: 0px 0px 20px 15px rgba(15,71,239,0.5);z-index: 10;animation: fadeIn 1s ease-in;display: table;animation: HandyMES-mtxt 1s linear infinite;}
.HandyMES-mtxt span {text-align: center;font-weight: 600;color: #fff;font-size: 14px;display: table-cell;vertical-align: middle;}

.HandyMES-ani {z-index: 10000;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 30rem;}	
.HandyMES-ani circle {fill: rgba(15,71,239,0.5);transform: scale(0);opacity: 1;transform-origin: 50% 50%;animation: HandyMES-ani 10s cubic-bezier(.5,.5,0,10);}
@keyframes HandyMES-ani {
	20% {opacity: 0.8;}	
	100% {transform: scale(1);}	
}
@keyframes HandyMES-mtxt {
    0% {
      margin-top: 0;
    }
    35% {
      margin-top: -5px;
    }
    70% {
      margin-top: 0px;
    }
}

.AiPS-mtxt {position: absolute;right: 1%;bottom: 8%;background: radial-gradient(#0f47ef, rgba(15,71,239,0.8));width: 280px;height: 280px;border-radius:100%;box-shadow: 0px 0px 20px 15px rgba(15,71,239,0.5);z-index: 10;animation: fadeIn 1s ease-in;display: table;animation: AiPS-mtxt 1s linear infinite;}
.AiPS-mtxt span {text-align: center;font-weight: 600;color: #fff;font-size: 18px;display: table-cell;vertical-align: middle;font-family: 'Montserrat';}
.AiPS-ani circle {fill: rgba(15,71,239,0.7);transform: scale(0);opacity: 1;transform-origin: 50% 50%;animation: AiPS-ani 0.2s cubic-bezier(.8,.8,0,1);}
.AiPS-ani circle:nth-child(2) {fill: #7fc6a4;animation: AiPS-ani 2s 0.75s cubic-bezier(.5,.5,0,1);}		
.AiPS-ani circle:nth-child(3) {fill: #e5f77d;animation: AiPS-ani 2s 1.5s cubic-bezier(.5,.5,0,1);}
@keyframes AiPS-ani {	
    50% {opacity: 0.5;}	
	100% {transform: scale(1);}	
}
@keyframes AiPS-mtxt {
    0% {
      margin-bottom: 0px;
    }
    35% {
      margin-bottom: -5px;
    }
    70% {
      margin-bottom: 0px;
    }
}

.LTS-mtxt {position: absolute;right: 35%;bottom: 2%;background: radial-gradient(#0f47ef, rgba(15,71,239,0.2));width: 170px;height: 170px;border-radius:100%;box-shadow: 0px 0px 20px 15px rgba(15,71,239,0.5);z-index: 10;animation: fadeIn 4s ease-in;display: table;animation: LTS-mtxt 5s linear infinite}
.LTS-mtxt span {text-align: center;font-weight: 600;color: #fff;font-size: 20px;display: table-cell;vertical-align: middle;font-family: 'Montserrat';animation: fadeIn 1s ease-out;}
.LTS-ani circle {fill: rgba(15,71,239,0.7);transform: scale(0);opacity: 1;transform-origin: 50% 50%;animation: LTS 0.3s cubic-bezier(.8,.8,0,1);}
.LTS-ani circle:nth-child(2) {fill: #7fc6a4;animation: LTS 2s 0.75s cubic-bezier(.5,.5,0,1);}		
.LTS-ani circle:nth-child(3) {fill: #e5f77d;animation: LTS 2s 1.5s cubic-bezier(.5,.5,0,1);}
@keyframes LTS-ani {	
    50% {opacity: 0.2;}	
	100% {transform: scale(1);}	
}
@keyframes LTS-mtxt {
    0% {
      margin-bottom: 0px;
    }
    35% {
      margin-bottom: -10px;
    }
    70% {
      margin-bottom: 0px;
    }
}

#delay-aips {animation-delay: 0.6s;}
#delay-lts {animation-delay: 0.8s;}

.main-anitxt-a {position: absolute;right: 37%;top: 23%;background: radial-gradient(#0f47ef, rgba(15,71,239,0.4));width: 120px;height: 120px;border-radius:100%;box-shadow: 0px 0px 20px 15px rgba(15,71,239,0.5);z-index: 10;animation: main-anitxt-a 1s;color: #fff;display: table;text-align: center;}
.main-anitxt-a span {display: flex; justify-content: center; align-items:center;height: 100%;}
@keyframes main-anitxt-a {
    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.main-anitxt-b {position: absolute;right: 33%;top: 47%;background: radial-gradient(#0f47ef, rgba(15,71,239,0.7));width: 170px;height: 170px;border-radius:100%;box-shadow: 0px 0px 20px 15px rgba(15,71,239,0.5);z-index: 10;animation: main-anitxt-b 1s;color: #fff;display: table;text-align: center;}
.main-anitxt-b span {display: flex; justify-content: center; align-items:center;height: 100%;}
@keyframes main-anitxt-b {
    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.main-anitxt-c {position: absolute;right: 22%;top: 72%;background: radial-gradient(#0f47ef, rgba(15,71,239,0.5));width: 100px;height: 100px;border-radius:100%;box-shadow: 0px 0px 20px 15px rgba(15,71,239,0.5);z-index: 10;animation: main-anitxt-c 1s;color: #fff;display: table;text-align: center;}
.main-anitxt-c span {display: flex; justify-content: center; align-items:center;height: 100%;}
@keyframes main-anitxt-c {
    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.why-txt {position: absolute;left:9%;top:35%;color: #0f47ef;z-index: 100;}
.why-txtsmall {font-size: 14px;color: #0f7eef;text-align: right;}
.why-ttl {text-transform: uppercase;font-size: 78px;font-weight: 900;font-family:'Montserrat';line-height: 100%;animation-duration: 4s;animation-name: why-ttl;
    animation-iteration-count: infinite;animation-direction: alternate;}

.smart-txtconts {position: absolute;left:18%;top:49%;z-index: 100;text-transform: uppercase;}
.smart-txtsmall {font-size: 15px;float: right;color: #72bf44;padding-right: 15px;}
.smart-txt {animation-duration: 5s;animation-name: smart-txt;animation-iteration-count: infinite;animation-direction: alternate;}
.smart-txt p:first-child {font-size: 78px;font-weight: 900;color: #72bf44;font-family: 'Montserrat';line-height: 100%;}
.smart-txt p span {font-size: 78px;font-weight: 900;-webkit-text-stroke: 1px #72bf44;font-family: 'Montserrat';color: transparent;}
.smart-factory {position: absolute;right: -3px;bottom: 13px;color: rgba(114,191,68,0.4);font-size: 78px;font-weight: 900;font-family: 'Montserrat';text-align: right;line-height: 100%;animation-duration: 3s;animation-name: smart-factory;animation-iteration-count: infinite;animation-direction: alternate;}

@keyframes why-ttl {
    from {
      padding-left: 0%;
      width: 100%
    }
  
    to {
      padding-left: 20%;
      width: 80%;
  
    }
}

@keyframes smart-txt {
    from {
      padding-left: 0%;
      width: 100%
    }
  
    to {
      padding-left: 5%;
      width: 100%;
  
    }
}

@keyframes smart-factory {
    from {
        left: 0;
        width: 100%
    }
  
    to {
        left: 5%;
        width: 100%;
  
    }
}


.main-c-title {color: #fff;display: flex; justify-content: flex-start; align-items:center;margin-bottom: 50px;}
.main-title-m {clear: both;margin-right: 30px;}
.main-title-m span {display: block !important;line-height: 100%;text-align: right;}
.main-title-m span:nth-child(1) {font-size: 26px;font-family: 'Montserrat', sans-serif;font-weight: 400;text-transform: uppercase;}
.main-title-m span:nth-child(2) {font-size: 46px;font-family: 'Montserrat', sans-serif;font-weight: 800;text-transform: uppercase;}
.main-title-s {font-size: 15px;color: rgba(255,255,255,0.80);font-weight: 200;vertical-align: bottom;}
.main-title-s span {display: block !important;}


/* main-solution */
.main-solution {clear: both;width:100%;height:100%;background: url(../img/main-conts-back.jpg) center top no-repeat;background-size: cover;position: relative;padding-bottom: 10%;box-sizing: border-box;}
.main-solution:after { content:''; display:block; /* padding-top:10%;*/}
.main-solution-body {margin-left: 10%;padding-top: 10%;}
.mw-slide-wrap {position: relative;padding-right: 10%;background:rgba(255,255,255,0.95);padding-left: 300px;}
.main-solution-back {width: 100%;height: 100%;background: url(../img/solution-title-back.png) left center no-repeat;position: absolute;left: 0;top: 0;}
.mw-slide-wrap .swiper-container{clear: both;}
/*.mw-slide-wrap .swiper-slide {opacity:0.2;}*/
.mw-slide-wrap .swiper-slide:nth-child(2n+2) {background:rgba(255,255,255,0.95);}
.mw-slide-wrap .swiper-slide-active {opacity:1}
.mw-slide-wrap .swiper-slide-prev{opacity:1}
.mw-slide-wrap .swiper-slide-next{opacity:1}
.mw-slide-wrap .swiper-slide .cont{position:relative;min-height:470px; max-height:470px; overflow:hidden; background:rgba(255,255,255,0.1); padding:45px 55px;box-sizing: border-box;}
.mw-slide-wrap .swiper-slide .cont.gray{background:#635f5e;}
.mw-slide-wrap .swiper-slide .cont.gray .h-info-title{color:#fff;}
.mw-slide-wrap .swiper-slide .cont.gray .data-info-p{color:#fff;}
.mw-slide-wrap .swiper-slide .cont .h-info-title{font-size:30px; margin-bottom:23px; color:#000; font-weight:600;padding-top: 45%;}
.mw-slide-wrap .swiper-slide .cont .data-info-p { font-size:16px; display: -webkit-box;overflow: hidden;line-height: 140%;color:#666;padding-bottom: 100%;}
.mw-slide-wrap .swiper-slide .cont .main-prolink {display:block;position:absolute;right:55px; bottom:35px;}
.main-LTS-ic {position: absolute;right:5%;top:10%;background: url(../img/solution-icon1.png) center no-repeat;width: 79px;height: 74px;}
.main-handyMES-ic {position: absolute;right:5%;top:10%;background: url(../img/solution-icon2.png) center no-repeat;width: 79px;height: 74px;}
.main-AiPS-ic {position: absolute;right:5%;top:10%;background: url(../img/solution-icon3.png) center no-repeat;width: 79px;height: 74px;}

.mw-slide-wrap .mw-txt{text-align:center;}
.mw-slide-wrap .mw-txt h2{font-size:40px; color:#333; margin-bottom:10px;}
.mw-slide-wrap .mw-txt p{font-size:18px; color:#666;}
.mw-slide-wrap .bg-gr{background:rgba(255,255,255,.95); width:100%; height:300px; position:absolute; left:0; bottom:-20px; }
.main-solution-body .swiper-button-prev{width:60px;height:60px; border-radius:50%; background:rgba(0,0,0,.2); left:5%;top: 50%;}
.main-solution-body .swiper-button-next{width:60px;height:60px; border-radius:50%; background:rgba(0,0,0,.2); left:5%;top: 50%;margin-top: 60px;}
.main-solution .swiper-button-prev::after{display:none;}
.main-solution .swiper-button-next::after{display:none;}

/* news */
.main-news {clear: both;background: #0d1c34;padding: 100px 0 50px;}
.main-news-title {color: #fff;display: flex; justify-content: center; align-items:center;}
.main-news-title span {text-transform: uppercase;font-family: 'Montserrat', sans-serif;}
.main-news-title span:first-child {font-size: 26px;font-weight: 400;margin-right: 20px;}
.main-news-title span:last-child {position:relative;font-size: 68px;font-weight: 800;}
.main-news-title span:last-child:before {content: '';position: absolute;width: 47px;height: 2px;background: #0f47ef;left: 4px;}
.main-newslist ul li {border-bottom:1px solid #0e2f88;}
.main-newslist ul li:last-child {border-bottom: none;}
.main-newslist ul li a {padding-bottom: 50px;display: block;}
.main-newslist ul li:nth-child(2n+2) {background: rgba(15,71,239,0.08);}
.main-newslist ul li dl {padding: 50px 0 40px;}
.main-newslist ul li dl dt {font-size: 24px;color: #fff;padding: 15px 0;}
.main-newslist ul li dl dd {font-size: 16px;color: #fff;font-weight: 200;line-height: 150%;}

.sub-content {padding: 50px 0;}
.sub-content:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.sub-content > .innerconts {position: relative;}
.sub-content > .innerconts:before {content: '';display:inline-block;position: absolute;left: 0;top: -60px;background: url(../img/dot.png) left top no-repeat;width: 18px;height: 29px;}

/* 제품소개 */
.product-conts {padding: 50px 0;}
.ltsconts-img {clear: both;}
.sub-title {padding-bottom: 100px;}
.sub-title p {line-height: 120%;}
.sub-title p:nth-child(1) {font-size: 36px;color: #111;font-weight: 600;}
.sub-title p:nth-child(2) {font-size: 18px;color: #424242;font-weight: 300;margin-top: 10px;}
.product-subtitle {position:relative;background: #2c496b;font-size:30px;font-weight: 400;color: #fff;padding:12px 0 7px;text-align: center;border-radius: 50px;max-width: 800px;margin: 7% auto;padding-left: 200px;box-sizing: border-box;top: -25px;}
.product-subtitle span {font-size:30px;font-weight: 600;}
.product-subtitle:before {content: '';position: absolute;left: -150px;top: -150%;background: url(../img/product-ico.png) right center no-repeat;width: 403px;height: 208px;}

.product-lts-process {clear: both;margin: 150px 0 0 0;position: relative;background:linear-gradient(to bottom, #eef1f5, #fff);}
.product-lts-process::after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.product-lts-bg:after {content: '';width: 150%;min-height: 500px;position: absolute;left: -50%;top:0;z-index: -1;}
.product-pro-step-conts {display: flex;flex-wrap: wrap;}
.product-pro-step {flex: 0 0 calc(25% - 5px);padding: 0 30px 100px;box-sizing: border-box;}
.product-pro-step li > img {width: 100%;box-shadow: 5px 0px 20px rgba(220,220,220,0.5);}
.product-pro-step li > dl {padding: 20px 0;}
.product-pro-step li > dl > dt {color: #2f5597;font-size: 24px;font-weight: 600;margin-bottom: 15px;}
.product-pro-step li > dl > dt > .pro-process-no {background: #2f5597;width: 28px;height: 28px;line-height: 28px;text-align: center;color: #fff;border-radius: 100%;display: inline-block;font-weight: 600;font-size: 18px;margin-right: 10px;text-align: bottom;font-family: 'Montserrat', sans-serif;}
.pro-process-nostxt {font-size: 17px;color: #666;font-weight: 400;}
.product-pro-step li > dl > dd {color: #635f5e;font-size: 15px;padding-left: 40px;}
.product-pro-step .none-img img {border-radius: 100%;}
.none-img {text-align: center;}
.none-img img { width: auto !important;}
.product-pro-subtitle {color: #2f5597;font-size: 24px;font-weight: 400;margin-bottom: 15px;text-align: center;padding-top: 100px;}

/* 외부문서 불러오기 탭메뉴 */
.tabmenu-product {clear: both;position: relative;display: flex; justify-content: center; align-items:center;}
.tabmenu-product:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
ul.tabs-promenu {background:#2f5597;width: 30%;float: left;margin-top: 100px;padding: 100px 0;z-index: 10;}
ul.tabs-promenu li {width:100%;cursor: pointer;overflow: hidden; position: relative;background: #2f5597;font-size: 22px;color: #fff;text-align: right;padding-right: 15%;box-sizing: border-box;padding-top: 10px;padding-bottom:10px;}
ul.tabs-promenu li.active {color: #00f0ff;}
div.tabpro-content li.active-2depth a {color: #fff;border-radius: 15px;background: #2f5597;}
.tabpro-container {width: 70%;float: left;padding: 100px 50px 100px 150px;background: #f0f7fb;margin-left: -100px;}
.tabpro-content {padding: 5px; display: none;}
.tabpro-container .tabpro-content ul { width:100%; margin:0px; padding:0px;}
.tabpro-container .tabpro-content ul li { padding:5px 15px;float: left;}
.tabpro-container .tabpro-content ul li a {font-size: 16px;color: #203864;}
.tabpro-container .tabpro-content ul li.active-2depth a {color: #fff;padding: 7px 20px 5px;}

/* 제품소개 슬라이드 */
.prolts1-1-swiper, .prolts1-2-swiper {position:relative;}
.prolts-line {position:relative;}
.prolts-line:after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 8px;background: #d5ddea;z-index: 1;}
.iframe-innerconts {position:relative;z-index:10;max-width: 1320px;margin: 0 auto;}
.iframe-theme {height: 25px;}
.iframe-theme span {display:table;text-align:left;color: #2f5597;font-size: 17px;padding:0 5px;background: #fff;}
.iframe-prolist {max-width: 1320px;margin: 0 auto;}
.iframe-top {display: flex; justify-content: flex-start; align-items:center;}
.iframe-top .iframe-title {font-size: 46px;color: #000;font-weight: 600;min-width: 230px;}
.iframe-top .iframe-title.iframe-title-long {min-width: 280px;}
.iframe-top .iframe-txt {padding-left: 25px;}
.iframe-top .iframe-txt span {display: block;text-align: left;line-height: 140%;}
.iframe-top .iframe-txt span:first-child {font-size: 18px;font-weight: 700;color: #000;}
.iframe-top .iframe-txt span:last-child {color:#525252;}
.iframe-mtitle {clear: both;margin: 25px 0;background: #2f5597;border-radius: 15px;padding: 15px 0 10px;text-align: center;}
.iframe-mtitle p {color: #fff;}
.iframe-mtitle p:nth-child(1) {font-size: 30px;font-weight: 600;}
.iframe-mtitle p:nth-child(2) {font-size: 20px;font-weight: 300;line-height: 140%;}
.iframe-img img {width: 100%;border: 1px solid #e0e0e0;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {display: none;}
.prolts-swiper .swiper-button-prev {left:4%;width: 60px;height: 60px;border-radius: 100%;background:rgba(0,0,0,.55) url(../img/prev-arrow.png) center no-repeat;}
.prolts-swiper .swiper-button-next {right:4%;width: 60px;height: 60px;border-radius: 100%;background:rgba(0,0,0,.55) url(../img/next-arrow.png) center no-repeat;}

.pro-contsBtype {clear: both;padding-top: 5%;}
.pro-topB {display: flex; justify-content: flex-start; align-items:center;}
.pro-topB span:nth-child(1) {font-size: 46px;font-weight: 600;color: #000;}
.pro-topB span:nth-child(2) {font-size: 15px;font-weight: 300;line-height: 140%;margin-left: 10px;color: #525252;}
.pro-contsB-body {border: 1px solid #e0e0e0;margin-top: 2%;padding: 3% 0;}
.pro-contsB-body:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.pro-contsB-body ul {width: calc(100% - 50%);float: left;padding-bottom: 2%;}
.pro-contsB-body ul dl dt {font-size: 20px;color: #2d508e;line-height: 150%;font-weight: 600;}
.pro-contsB-body ul dl dd {font-size: 17px;color: #222;line-height: 150%;}


/* 제품소개 탭메뉴 */
.tabs {width: 100%;}
.tabs ul li {cursor: pointer;font-size: 22px;color: #fff;text-align: right;padding-right: 15%;box-sizing: border-box;padding-top: 10px;padding-bottom: 10px;}
.tabs ul li.active {color: #00f0ff;}
.tab-li {padding: 50px 0 70px;z-index: 10;position: relative;margin-top: 1%;}
.tab-li li {float: left;font-size: 17px;text-align: center;padding: 7px 30px 5px;cursor: pointer; width:auto;color:#203864;overflow: hidden; position: relative;}
.tab-li li.active {color: #fff;background: #2f5597;padding: 7px 30px 5px;border-radius: 15px;}
.tab-container {padding:100px;border: 1px solid #eee; border-top: none; clear: both; float: left; width: 100%;margin-top: 100px;}
.tab-content {display: none;}
.tab-container .tab-content ul { width:100%;}
.tab-container .tab-content ul li {list-style:none;}
.tab-content-ok {clear: both;width: 100%;box-sizing: border-box;}
.content-area {position: relative;width: calc(100% - 100px);padding: 9% 50px 9% 150px;background: #f0f7fb url(../img/pro-backimg.png) center no-repeat;margin-left: -100px;box-sizing:border-box;background-size: cover;}

.tab-mrp, .tab-lts, .tab-qms, .tab-mrp, .tab-lts, .tab-tpm, .tab-barcode {clear: both;position: relative;padding-left: 130px;margin-top:5%;}
.tab-mrp::before {content: '';position: absolute;left: 10px;top: 50%;margin-top:-50px;width: 100px;height: 100px;background: #fff url(../img/mes-mrp-icon.png) center no-repeat;border-radius: 100%;background-size: 50px auto;}
.tab-lts::before {content: '';position: absolute;left: 10px;top: 50%;margin-top:-50px;width: 100px;height: 100px;background: #fff url(../img/mes-lts-icon.png) center no-repeat;border-radius: 100%;background-size: 50px auto;}
.tab-qms::before {content: '';position: absolute;left: 10px;top: 50%;margin-top:-50px;width: 100px;height: 100px;background: #fff url(../img/mes-qms-icon.png) center no-repeat;border-radius: 100%;background-size: 50px auto;}
.tab-tpm::before {content: '';position: absolute;left: 10px;top: 50%;margin-top:-50px;width: 100px;height: 100px;background: #fff url(../img/mes-tpm-icon.png) center no-repeat;border-radius: 100%;background-size: 50px auto;}
.tab-barcode::before {content: '';position: absolute;left: 10px;top: 50%;margin-top:-50px;width: 100px;height: 100px;background: #fff url(../img/mes-barcode-icon.png) center no-repeat;border-radius: 100%;background-size: 50px auto;}
.tab-areattl {font-size: 24px;color: #2f5597;font-weight: 400;line-height: 150%;}
.tab-areatxt {font-size: 15px;color: rgba(47,85,151,0.8);}
.pro-detailtxt {position: absolute;left: 14%;top: 25px;color: #2f5597;}

.tab-wrap {position:relative;width:100%;display: flex; justify-content: space-between; align-items:center;}
.tab-wrap .system-ttl {font-size: 36px;position: absolute;left: 10%;top: 10px;color: #2d508e;font-weight: 600;font-family: 'Montserrat';z-index: 10;}
.tab-wrap .system-ttl:after {content: '▶▶▶';display: inline-block;font-size: 9px;margin-left: 10px;}
.tab-wrap::after{display:block;content:'';clear:both}
.tab-wrap .btn-tab {width:100%;text-align: right;;}
.tab-wrap .btn-tab.act {color: #00f0ff;}
.tabs-3depth-wrap {padding-top: 100px;}
.protab-1depth {background: #2f5597;position: relative;}
.protab-1depth::after {content: '';position: absolute;left:0;bottom:-50px;background: url(../img/pro-back-left.png) left bottom no-repeat;width: 100%;height: 100%;z-index: -1;}
.btn-area {width: 50%;padding: 50px 0 70px;z-index: 10;position: relative;margin-top:55px;}


/* handy mes */
.top-any {clear: both;}
.pro-handymes-back {background: #f4f3f2;}
.pro-handymes-back .sub-title p:nth-child(1) {font-weight: 600;color: #424242;}
.pro-handymes-back .sub-title p:nth-child(2) {padding-top: 10px;}
.top-any-mobile {display: none;}
.top-any-pc img {width: 100%;text-align: center;}

.about-pro-app { background: #f4f3f2; clear: both; padding: 0 0 100px;}
.about-pro-app .innerconts { display: flex; justify-content: flex-start; align-items:flex-start;}
.about-proapp-title { text-align: center; display: flex; justify-content: center; align-items:center; padding-bottom: 60px; }
.about-proapp-title p { font-size: 74px; font-family:'Exo 2'; font-weight: 700; color: #333; text-transform: uppercase; margin-right: 10px; margin-bottom: 12px;}
.about-proapp-title p span { color: #00a7ff;font-family:'Exo 2'; font-weight: 700;}
.about-proapp-title dl dt { color: #333; font-size: 30px; text-align: left; }
.about-proapp-title dl dd { color: #333; font-size: 24px; }
.about-proapp-title dl dd span { color: #0192df; font-size: 24px; font-weight: 700; }
.about-proapp-conts { text-align: center; position: relative; width: 33.33%;}
.about-proapp-conts:after { content: ''; position: absolute; right: -50px; top: 35%; background: url(../img/long-arrow.png) right center no-repeat; width: 109px; height: 21px;}
.about-proapp-conts:last-child::after { background: none;}
.about-proapp-conts .about-wrap { padding-left: 0; position: relative;}
.about-proapp-conts .about-wrap dl { padding: 0 10%;}
.about-proapp-conts .about-wrap dl dt { font-size: 24px; color: #000; padding-bottom: 10px;}
.about-proapp-conts .about-wrap dl dd { font-size: 18px; color: #000; font-weight: 300; line-height: 130%;}
.appimg-step {position: relative; margin:0 auto 40px; width: 290px; height: 290px; border-radius: 100%;display: flex; justify-content: center; align-items:center; background: #0192df;}
.about-pro-app .sub-title p:nth-child(1) {font-weight: 600;color: #383657;}
.about-pro-app .sub-title p:nth-child(2) {font-weight: 500;color: #383657;margin-top: 10px;}
.handymes-bar {position:relative;clear: both;display: flex; justify-content: flex-start; align-items:center;margin: 200px 50px 70px;background: #f4f2f1;border-radius: 50px;padding: 15px 50px 7px;}
.handymes-bar:after {content: '';position: absolute;right: 40px;bottom: 0;background: url(../img/handymes-bar-img.png) center bottom no-repeat;width: 252px;height: 218px;}
.handymes-bar .handymes-bar-title {font-size: 46px;color: #000;font-weight: 600;}
.handymes-bar .handymes-bar-txt {clear: both;margin-left: 20px;}
.handymes-bar .handymes-bar-txt span {display: block;font-size: 16px;color: #525252;}
.handymes-bar .handymes-bar-txt span:first-child {color: #2f5597;}
.handyMES {clear: both;padding-bottom: 100px;}
.handyMES .swiper-button-prev {left:4%;width: 60px;height: 60px;border-radius: 100%;background:rgba(0,0,0,.55) url(../img/prev-arrow.png) center no-repeat;}
.handyMES .swiper-button-next {right:4%;width: 60px;height: 60px;border-radius: 100%;background:rgba(0,0,0,.55) url(../img/next-arrow.png) center no-repeat;}
.handymes-prolist {display: flex; justify-content: center; align-items:center;padding: 0 50px;}
.handymes-txt {width: 35%;clear: both;word-break: break-all;padding-left: 50px;box-sizing: border-box;}
.handymes-txt p.ttl {font-size: 42px;color: #222222;font-weight: 600;}
.handymes-txt p.txt {font-size: 17px;color: #222222;font-weight: 300;line-height: 140%;padding-top: 5px;}
.handymes-txt p.txt span {display: block;font-weight: 300;}
.handymes-txt ul {margin-top: 10px;}
.handymes-txt ul li {font-size: 17px;color: #222;line-height: 150%;position: relative;padding-left: 15px;}
.handymes-txt ul li::before {content: 'ㆍ';position: absolute;left: -3px;top: 0;}

/* AiPS */
.pro-aips {clear: both;}
.aips-listconts dl:first-child {margin-top: 5%;}
.aips-listconts dl {position:relative;clear: both;margin: 7px 0 30px;padding-left: 90px;}
.aips-listconts dl:before {content: '';position: absolute;left:0px;top: -7px;width: 70px;height: 70px;background: #eee9e9;border-radius: 100%;}
.aips-listconts dl dt {font-size: 24px;color: #111;font-weight: 600;}
.aips-listconts dl dd {font-size: 18px;color: #424242;font-weight: 300;padding:10px 0;line-height: 130%;}

.pro-aips-box {clear: both;position:relative;}
.pro-aips-box::after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.aips-process {clear: both;padding: 5% 0 0px;position: relative;overflow: hidden;}
.aips-process .aips-4step {float:left;width:48%;box-sizing: border-box;position: relative;margin:10px 1%;display: flex; justify-content: flex-start; align-items:center;}
.aips-process .aips-a dl,
.aips-process .aips-p dl {word-break: break-all;width:calc(100% - 350px);padding-left: 10%;box-sizing: border-box;}
.aips-process .aips-i dl,
.aips-process .aips-s dl {word-break: break-all;width:calc(100% - 10%);padding-left: 350px;box-sizing: border-box;}
.aips-process dl dt {font-size: 24px;line-height: 140%;color: #1c1b40;font-weight: 600;}
.aips-process dl dd {font-size: 15px;line-height: 130%;color: #1c1b40;margin-top: 5px;}
.aips-center {position: absolute;left: 50%;  top: 50%;  transform: translate(-50%, -50%);z-index: 10;}
.aips-a, .aips-i, .aips-p, .aips-s {height: 291px;}
.aips-a:after {content:'';position:absolute;right:0;top:0;background: url(../img/aips-conts-img2.png) center no-repeat;width: 291px;height: 291px;box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;border-radius: 50px;}
.aips-i:after {content:'';position:absolute;left:0;top:0;background: url(../img/aips-conts-img3.png) center no-repeat;width: 291px;height: 291px;}
.aips-p:after {content:'';position:absolute;right:0;top:0;background: url(../img/aips-conts-img4.png) center no-repeat;width: 291px;height: 291px;}
.aips-s:after {content:'';position:absolute;left:0;top:0;background: url(../img/aips-conts-img5.png) center no-repeat;width: 291px;height: 291px;}
.aips-ttl {color: #fff;font-size: 40px;font-weight: 600;}
.aips-process .aips-a .aips-ttl {position: absolute;right: 35px;top: 35px;z-index: 1;}
.aips-process .aips-i .aips-ttl {position: absolute;left: 35px;top: 35px;z-index: 1;}
.aips-process .aips-p .aips-ttl {position: absolute;right: 35px;bottom: 35px;z-index: 1;}
.aips-process .aips-s .aips-ttl {position: absolute;left: 35px;bottom: 35px;z-index: 1;}
.aips-eng {text-align: center;background: #f5f5f5;border-radius: 20px;width: 100%;padding: 5px 0 3px;margin-top: 20px !important;}
.aips-quick {position:relative;clear: both;padding-top: 200px;text-align: center;}
.aips-quick span {font-size: 30px;color: #1c1b40;border:1px solid #1c1b40;display: inline-block;margin: 0 auto;padding: 15px 100px 10px;border-radius: 50px;}
.aips-quick:before {content: '';position:absolute;left: 50%;top:20px;margin-left:-80px;background: url(../img/aips-conts-img6.png)center top no-repeat;width: 157px;height: 168px;}
.aips-system {clear:both;position: relative;padding: 7% 0 100px 0;}
.systme-ttl {font-size: 48px;color: #111;font-weight: 700;}
.systme-txt {font-size: 18px;color: #424242;font-weight: 300;margin: 10px 0 30px;}
.aips-effect {position: relative;min-height: 1000px;}
.aips-effect > .ac:after {content:'';position: absolute;  left: 50%;  top: 0%;  transform: translate(-50%, 0%);width:100%;height: 850px;background: url(../img/aips-effect.png)center top no-repeat;}
.aips-effect-conts {clear: both;display: flex; justify-content: center; align-items:center;}
.aips-effect-conts .left {padding-right: 300px;padding-top: 15%;}
.aips-effect-conts .left dl {margin-bottom: 15%;word-break: break-all;}
.aips-effect-conts .left dl dt {font-size: 20px;font-weight: 600;color: #424242;}
.aips-effect-conts .left dl dd {line-height: 130%;font-size: 16px;font-weight: 400;margin: 10px 0;color: #333;}
.aips-effect-conts .left dl dd ul {margin-top: 20px;}
.aips-effect-conts .left dl dd ul li {font-weight: 300;color: #000;position: relative;padding-left: 15px;}
.aips-effect-conts .left dl dd ul li::before {content: '-';position: absolute;left: 0;top: 0;}

.aips-effect-conts .right {padding-left: 300px;padding-top: 15%;}
.aips-effect-conts .right dl {margin-bottom: 15%;}
.aips-effect-conts .right dl dt {font-size: 20px;font-weight: 600;color: #424242;}
.aips-effect-conts .right dl dd {line-height: 130%;font-size: 16px;font-weight: 400;margin: 10px 0;color: #333;}
.aips-effect-conts .right dl dd ul {margin-top: 20px;}
.aips-effect-conts .right dl dd ul li {font-weight: 300;color: #000;position: relative;padding-left: 15px;}
.aips-effect-conts .right dl dd ul li::before {content: '-';position: absolute;left: 0;top: 0;}
.aips-effect-last {padding-top: 0%;}

dl.aips-effect-last {width:30%;margin:0 auto;}
dl.aips-effect-last dt {font-size: 20px;font-weight: 600;color: #424242;}
dl.aips-effect-last dd {line-height: 130%;font-size: 16px;font-weight: 400;margin: 10px 0;color: #333;}
dl.aips-effect-last dd ul {margin-top: 20px;}
dl.aips-effect-last dd ul li {font-weight: 300;color: #000;position: relative;padding-left: 15px;}
dl.aips-effect-last dd ul li::before {content: '-';position: absolute;left: 0;top: 0;}

/* rnd 소개 */
.rnd-about {clear: both;position: relative;padding: 50px 0 550px;}
.popuprnd-conts {width:1200px;position: absolute;left: 50%;top: 67%;transform: translate(-50%, -50%);z-index:1000000;background: #fff url(../img/rnd-bodyback.png) center top no-repeat;background-size:cover;border:3px solid #111;border-radius: 20px;padding: 35px;box-sizing: border-box;}
.popuprnd-conts:before {content: '';position: absolute;left: 25%;top: -16px;background: url(../img/popup-arrow.png) center top no-repeat;width: 47px;height: 18px;}
.popuprnd-conts .close-x { position:absolute; right:20px; top:20px;z-index:1000;cursor: pointer;}
.rnd-box {clear: both;height: 750px;overflow-y: auto;}
.rnd-box .ttl {clear: both;font-size: 24px;color: #111;font-weight: 600;padding: 0 0 5px 0;}
.rnd-box .txt {clear: both;font-size: 17px;color: #666;font-weight: 400;}
.rndbox-conts {clear: both;padding-top: 10px;}
.rndbox-conts dl {padding: 25px;border-radius: 20px;margin: 20px 0;float: left;width: 48%;margin-right:3%;box-sizing: border-box;min-height: 300px;}
.rndbox-conts dl:nth-child(2n+2) {margin-right: 0;}
.rndbox-conts dl dt {font-size: 20px;color: #29418a;font-weight: 600;margin-bottom: 10px;}
.rndbox-conts dl dd {font-size: 15px;color: #111;font-weight: 400;line-height: 130%;color: rgba(17,17,17,0.7);}
.rndbox-conts dl dd ul {padding-top: 20px;}
.rndbox-conts dl dd ul li {line-height: 130%;position: relative;padding-left: 15px;color: rgba(17,17,17,0.7);}
.rndbox-conts dl dd ul li::before {content:'-';position: absolute;left: 0;top: 0;}
.rndbox-conts dl.rndbox-a {background: rgba(226, 239, 244, 0.7);}
.rndbox-conts dl.rndbox-b {background: rgba(224, 234, 250, 0.7);}

img.rndabout-map[usemap] {border: none;height: auto;max-width: 100%;width: auto;}

.popuprnd-conts-LTS {position: absolute;top: 78%;}
.popuprnd-conts-LTS:before {content: '';position: absolute;left: 33%;top: -16px;background: url(../img/popup-arrow.png) center top no-repeat;width: 47px;height: 18px;}

.popuprnd-conts-QMS {position: absolute;top: 80%;}
.popuprnd-conts-QMS:before {content: '';position: absolute;left: 48%;top: -16px;background: url(../img/popup-arrow.png) center top no-repeat;width: 47px;height: 18px;}

.popuprnd-conts-TPM {position: absolute;top: 74%;}
.popuprnd-conts-TPM:before {content: '';position: absolute;left: 62%;top: -16px;background: url(../img/popup-arrow.png) center top no-repeat;width: 47px;height: 18px;}

.popuprnd-conts-Barcode {position: absolute;top: 62%;}
.popuprnd-conts-Barcode:before {content: '';position: absolute;left: 68%;top: -16px;background: url(../img/popup-arrow.png) center top no-repeat;width: 47px;height: 18px;}

/* 성과및 활동 */
.rnd-result {clear: both;position: relative;}
.rnd-result > ul {padding: 50px 0 0 0;}
.rnd-result-back {background: #f4f7fd;width: 20%;height:100%;position: absolute;left: 0;top: 0;z-index: -1;}
.rnd-result > ul > li {border-bottom: 1px solid #d3d3d3;padding: 30px 0;}
.rnd-result > ul > li:last-child {border-bottom: none;}
.rnd-result > ul > li .list ul::after {content: '';display: inline-block;width: 51px;height:15px;background: url(../img/mw-slide-go-b.png) center bottom no-repeat;padding-top: 50px;}
.rnd-result > ul > li .list {display: flex;flex-wrap: wrap;}
.rnd-result > ul > li .list .photo {flex: 0 20%; display: flex; align-items: center;border:7px solid #fff;border-radius: 12px;box-shadow: 0px 0px 10px rgba(92, 92, 92, 0.4);margin-right: 50px;}
.rnd-result > ul > li .list ul {flex: 0 calc(80% - 88px); position: relative;display: flex;flex-direction: column;justify-content: center;}
.rnd-result > ul > li .list .photo img {width: 100%;border-radius: 10px;}
.rnd-result > ul > li .rnd-ttl {font-size: 24px;font-weight: 600;color: #222;line-height: 150%;}
.rnd-result > ul > li .rnd-txt {font-size: 20px;font-weight: 400;color: #222;line-height: 150%;}
.rnd-result > ul > li .rnd-txt2 {font-size: 16px;font-weight: 300;color: #222;line-height: 130%;padding-top: 5px;}

/* R&D 구축사례 */
.rnd-story {clear: both;position: relative;padding-bottom: 100px;}
.rnd-story > ul {display:flex; flex-wrap:wrap;padding: 0 10%;justify-content: space-between;}
.rnd-story > ul > li {width:calc((100% / 3) - 50px);margin-right: 50px;background: #fff;border:1px solid #c4c4c4;box-shadow: 0 5px 5px 10px rgba(233, 233, 233, 0.4);}
.rnd-story > ul > li:last-child {margin-right: 0;}
.rnd-story > ul > li .photo img {width: 100%;}
.rnd-story > ul > li .list ul {padding: 30px;border-top:5px solid #2343a1}
.rnd-story > ul > li .list ul::after {content: '';display: inline-block;width: 51px;height:15px;background: url(../img/mw-slide-go-b.png) center bottom no-repeat;padding-top: 50px;}
.rnd-result > ul > li .list {display: flex;flex-wrap: wrap;}
.rnd-story > ul > li .rnd-ttl {font-size: 22px;font-weight: 600;color: #222;line-height: 130%;padding-bottom: 10px;}
.rnd-story > ul > li .rnd-txt {font-size: 20px;font-weight: 400;color: #222;line-height: 150%;padding-bottom: 5px;}
.rnd-story > ul > li .rnd-txt2 {font-size: 15px;font-weight: 400;color: #666;line-height: 150%;padding-top: 5px;}
/* 구축사례 view */
.rnd-story-view {clear: both;border-top:2px solid #203864;padding: 50px 0;}
.rnd-story-view .innerconts {width: 1200px;}
.rnd-story-view .photo img {width: 100%;}
.view-title {padding: 50px 0 0px;font-size: 18px;font-weight: 600;color: #222;}
.view-conts {clear: both;}
.view-conts p {line-height: 160%;}
.view-conts p.view-txt01 {font-size: 24px;padding: 15px 0;color: #111;font-weight: 600;}
.view-conts p.view-txt01 span {font-size: 20px;padding: 15px 0;color: #111;font-weight: 300;}

.view-dl {clear: both;display: flex;padding-top: 5%;}
.view-dl dl {flex:0 70%;padding-right: 50px;}
.view-dl dl dt {position:relative;font-size: 17px;font-weight: 600;color: #173290;line-height: 150%;padding-bottom: 10px;border-bottom: 1px solid #203864;}
.view-dl dl dt:before {content: 'Q';display: inline-block;margin-right: 10px;background: #0e2f88;width: 30px;height: 30px;line-height:30px;border-radius: 100%;color: #fff;text-align: center;}
.view-dl dl dd {position:relative;line-height: 160%;padding: 15px 10px;text-align: justify;border-bottom: 1px solid rgba(233, 233, 233, 0.9);padding-left: 40px;}
.view-dl dl dd:before {content: 'A';position:absolute;left:5px;top:10px;background: #ececec;width: 25px;height: 25x;line-height:25px;border-radius: 100%;color: #222;text-align: center;}
.view-dl .img {flex: 0 30%;}
.view-dl .img img {width: 100%;border-radius: 10px 0 7px 0;}
.view-back {background: #00a7ff;color: #fff;display: inline-block;padding: 7px 30px 3px;border-radius: 30px;font-weight: 300;}
.view-work {clear: both;display:flex;align-items: center;}
.view-work ul {flex:0 60%;display:flex;}
.view-work dl {flex:0 40%;padding:15px 30px;box-sizing: border-box;border-radius: 10px 0 7px 0;background: rgba(233, 233, 233, 0.9);}
.view-work dl dt {font-size: 20px;font-weight: 600;color: #222;line-height: 150%;padding-bottom: 7px;}
.view-work dl dd {font-size: 15px;color: #222;line-height: 130%;}
.view-work ul > li {width:calc((100% / 2) - 25px)}
.view-work ul.photo li {margin: 10px;}
.view-work ul.photo li img {border-radius: 10px 0 7px 0;}
.view-dl .w100p {flex: 0 100%;padding-right: 0px;}

.view-result {clear: both;display:flex;align-items: center;background: rgba(233, 233, 233, 0.9);margin: 0 0 30px 0;border-radius: 10px 0 12px 0;}
.view-result ul {flex:0 50%;display:flex;padding: 5% 5%;box-sizing: border-box;}
.view-result dl {flex:0 50%;padding:15px 30px;box-sizing: border-box;border-radius: 10px 0 7px 0;}
.view-result ul.photo li {margin: 10px;}
.view-result ul.photo li img {border-radius:100%;width: 200px;height: 200px;border:7px solid #fff;box-shadow: 5px 0px 20px rgba(220,220,220,0.5);}
.view-result dl dt {font-size: 20px;font-weight: 600;color: #222;line-height: 150%;padding-bottom: 7px;}
.view-result dl dd {font-size: 15px;color: #222;line-height: 130%;}

/* 회사소개 */
.sub-content.comp-back  {position: relative;}
.comp-back:before {content:'';position: absolute;left: 0;top: 0;background: #f6f6f6;width: 100%;height: 50%;}
.comp-about {clear: both;padding: 5% 0;display: flex;}
.comp-about .comp-left {flex:0 50%;padding-right: 20px;}
.comp-l-ttl {font-size: 50px;font-family: 'Montserrat';font-weight: 800;color: #182945;line-height: 100%;text-transform: uppercase;padding-top: 10%;}
.comp-l-txt {font-size: 17px;line-height: 150%;padding-top: 15%;font-weight: 300;color: #000;}

.comp-about .comp-right {flex:0 50%;display: flex;flex-wrap: wrap;padding: 0 20px;box-sizing: border-box;}
.comp-about .comp-right .comp-rbox {width:calc((100% / 2) - 10px);margin-right: 10px;margin-bottom:10px;height: 285px;display: table;position: relative;}
.comp-about .comp-right .comp-rbox dl {display: table-cell;vertical-align: middle;padding: 0 15%;color: #fff;}
.comp-about .comp-right .comp-rbox dl dt {font-size: 17px;padding-bottom: 20px;}
.comp-about .comp-right .comp-rbox dl dd {line-height: 130%;}
.comp-about .comp-right .comp-rbox:nth-child(1) {background: url(../img/comp-about-1.jpg) center right no-repeat;background-size: cover;margin-left:-15px;margin-right: 15px;margin-top: 10px;}
.comp-about .comp-right .comp-rbox:nth-child(2) {background: url(../img/comp-about-2.jpg) center no-repeat;background-size: cover;margin-left:-5px;margin-right: 15px;}
.comp-about .comp-right .comp-rbox:nth-child(3) {background: url(../img/comp-about-3.jpg) left center no-repeat;background-size: cover;margin-right: 10px;}
.comp-about .comp-right .comp-rbox:nth-child(4) {background: url(../img/comp-about-4.jpg) center no-repeat;background-size: cover;margin-top: -10px;}
.comp-about .comp-right .comp-rbox:nth-child(1)::after {content: '';position: absolute;right: 0;bottom: 0;width: 50px;height: 50px;background: #0f294f;}
.comp-about .comp-right .comp-rbox:nth-child(2)::after {content: '';position: absolute;left: 0;bottom: 0;width: 50px;height: 50px;background: #0f47ef;}
.comp-about .comp-right .comp-rbox:nth-child(3)::after {content: '';position: absolute;right: 0;top: 0;width: 50px;height: 50px;background: #1f547e;}
.comp-about .comp-right .comp-rbox:nth-child(4)::after {content: '';position: absolute;left: 0;top: 0;width: 50px;height: 50px;background: #72bf44;}
.comp-line {clear: both;padding-bottom: 100px;}
.comp-line::before {content: '';display:inline-block;text-align: center;width: 50%;height: 1px;background: #a3a9b5;}
.comp-line span {display: inline-block;width: 50%;flex: 0 50%;font-size: 20px;color: #000;text-align: center;font-weight: 300;}

/* 연혁 */
.sub-content.history-back  {position: relative;}
.history-back:before {content:'';position: absolute;left: 0;top: 0;background: #f6f6f6;width: 100%;height: 300px;}
.history-about {clear: both;}
.history-tab {padding: 100px 0 0 0;}
.history-tab a {flex: 0 50%;font-size: 50px;color: rgba(24,41,69,0.3);font-weight: 900;border-bottom: 1px solid #d4d5d8;padding-bottom: 15px;margin-right: 20%;}
.history-tab span.on a {color: rgba(24,41,69,1);font-weight: 900;border-bottom: 1px solid #72bf44;}
.history-year {clear: both;padding-top: 60px;position: relative;}
.history-year::after {content: '';position:absolute;left: 13.45%;top:17px; width: 1px;height: 100%;background: #e2e3e5;z-index: -1;}
.history-year > ul > li {padding-bottom: 30px;position: relative;margin-left: 13%;}
.history-year > ul > li::before {content: '';position: absolute;left:0;top:2px;width: 12px;height: 12px;background: #72bf44;border-radius: 100%;}
.history-year > ul > li dl {clear: both;position: relative;margin-top: 10px;}
.history-year > ul > li dl dt {position: absolute;left:0;top:0;font-size: 18px;font-weight: 800;color: #182945;width: 150px;padding-left: 25px;}
.history-year > ul > li dl dt span {position: absolute;left:0;top:0;font-size: 18px;font-weight: 800;color: #182945;width: 40px;display: inline-block;padding-left: 100px;}
.history-year > ul > li dl dd {font-size: 16px;line-height: 140%;padding-left: 150px;}
.history-2013 {margin-left: 35%;}
.history-year > ul > li > dl > dd,
.history-year > ul > li > dl > dd > ul > li {color: #000;font-weight: 300;}

/* 약도 */
.map-conts {position: relative;width:100%;height: 800px;margin-bottom: -176px;}
.map-local {position: absolute;left: 0;top:-176px;z-index: 1;}
.map-local .gm-style .place-card-large {display: none !important;}
.map-tab {position: absolute;left: 5%;top:10%;z-index: 100;}
.map-tab a {display: block;width: 155px;height: 155px;line-height:155px;border-radius:100%;background: rgba(0,0,0,0.2);font-size: 40px;font-weight: 600;color: #fff;text-align: center;margin: 10px 0;}
.map-tab a.on {background: rgba(0,0,0,1);}
.map-custo {position: absolute;  left: 50%;  bottom: 50%;  transform: translate(-50%, -50%); bottom: 200px;background: rgba(0,0,0,0.8);z-index: 1000;padding:20px 50px;}
.map-custo p {color: #fff;line-height: 150%;}
.map-custo p:first-child {font-size: 24px;}
.map-custo p span { margin-right: 30px;font-weight: 300;}

/* 인증서 */
.cerfi-about {clear: both;}
.cerfi-img {clear: both;display: flex;flex-wrap: wrap;padding: 7% 0;}
.cerfi-img ul {width:calc((100% / 3) - 10px);margin-right: 10px;margin-bottom: 3%;}
.cerfi-img ul li {text-align: center; margin: 5px 0;}
.cerfi-img ul li:first-child img {box-shadow: 0 0 10px rgba(126,126,126,0.2);}
.cerfi-img ul li:nth-child(2) {font-size: 17px;padding-top: 20px;color: #000;margin-bottom: 10px;}

/* 고객센터 */
.support-info {clear: both;padding: 5% 0 5%;display: flex; justify-content: center; align-items:center;}
.support-left {padding: 0 80px;}
.support-left ul li {border-bottom:1px solid #cacaca;padding: 15px 0;text-align: center;font-size: 36px;font-weight: 800;font-family: 'Montserrat';}
/*.support-left ul li:nth-child(2n+2) {background: #f9f9f9;} */
.support-left ul li:last-child {border-bottom: none;}
.support-left ul li.txt-handyMES {font-size: 26px;}
.support-left ul li span {display: block;font-size: 16px;color: #222222;text-transform: uppercase; font-family: 'Montserrat';font-weight: 400;line-height: 150%;}
.txt-blue {color: #1062a6;}
.txt-green {color: #6fb347;}
.txt-gray {color: #505050;}
.support-right {background: url(../img/new-back.jpg) center no-repeat;width: 750px;height: 428px;box-shadow: 0 0 20px rgba(126,126,126,0.2);display: flex; justify-content: center; align-items:center;}
.support-box {width: 100%;display: flex; justify-content: center; align-items:center;}
.support-box .support-logo {flex: 0 45%;text-align: center;background: url(../img/support-line.png) right center no-repeat;min-height: 275px;padding-top: 15%;}
.support-box .support-copy {flex: 0 55%;padding-left: 10%;}
.support-box .support-copy li {line-height: 130%;padding: 10px 0;font-size: 17px;color: #000;position: relative;padding-left: 45px;}
.support-box .support-copy li:nth-child(1)::before {content: ''; position: absolute;left: 0;top: 50%;margin-top:-17px;width: 35px;height: 35px;border-radius: 100%;background:url(../img/support-home-ic.png) center no-repeat #222;}
.support-box .support-copy li:nth-child(2)::before {content: ''; position: absolute;left: 0;top: 50%;margin-top:-17px;width: 35px;height: 35px;border-radius: 100%;background:url(../img/support-tel-ic.png) center no-repeat #222;}
.support-box .support-copy li:nth-child(3)::before {content: ''; position: absolute;left: 0;top: 50%;margin-top:-17px;width: 35px;height: 35px;border-radius: 100%;background:url(../img/support-main-ic.png) center no-repeat #222;}

.newslist {padding-top: 50px;}
.newslist ul li {border-bottom:1px solid #d3d3d3;}
.newslist ul li .innerconts {display: flex; justify-content: center; align-items:center;}
.newslist ul li:nth-child(2n+2) {background: rgba(211, 211, 211, 0.2);}
.newslist ul li:last-child {border-bottom: none;}
.newslist ul li a {padding: 30px 0;display: block;}
.newslist ul li dl {padding: 0px 0 15px;}
.newslist ul li dl dt {font-size: 24px;color: #222;padding: 15px 0;}
.newslist ul li dl dd {font-size: 16px;color: #222;font-weight: 200;line-height: 150%;}
.newslist-img {margin-top:0px;padding-right: 30px;}
.newslist-img img {width: 200px;border-radius: 7px 0 5px 0;border: 1px solid rgba(17,17,17,0.3);}





/****************************************************************************************/
/****************************************************************************************/
/*Media Query*/
/****************************************************************************************/
/****************************************************************************************/

@media (min-width:1320px) {	
    
    .rnd-story .innerconts {padding: 0;}

}


@media (max-width:1420px) {	

    .mw-slide-wrap .swiper-slide .cont {padding: 45px 25px}

} 

@media (max-width:1320px) {	

    .iframe-innerconts {max-width: 100%;}
    .iframe-prolist {max-width: 100%;}
    .ltsconts-img {clear: both;}

    .popuprnd-conts {width: 100%;}
    .tab-wrap .system-ttl {font-size: 27px;}
    .protab-1depth::after {content: '';background-size: 250px auto;left: -50px;bottom: -30px;}
    .tabs-3depth-wrap {padding: 100px 20px 0;}

    .aips-plan {min-width: 1000px;overflow: auto;}

    .rnd-story .innerconts {padding: 0;}

}    
    
@media (max-width:1200px) {	

    .iframe-innerconts {max-width: 100%;}
    .ltsconts-img img {width: 100%;}
    .tabs ul li {padding-right: 7%;}
    .head-menu > li > a {padding-right: 15px;}
    .sub-conts-current {padding: 0 20px;}

    .about-pro-set { display: block;}
    .appimg-step {width: 220px;height: 220px;}
    .about-proset-conts:first-child dl:after { background: none;}
    .about-proset-photo { width: 390px; text-align: center; margin: 0 auto;}
    .about-wrap { margin-top: 30px; margin-bottom: 30px;}
    .about-proapp-conts:after {right: -5%;top: 25%;width: 60px;height: 21px;}

    .handymes-prolist {padding: 0;}
    .handymes-txt p.ttl {font-size: 30px;}
    .handymes-txt p.txt span {display: inline;font-weight: 300;}
    .handymes-txt p.txt {font-size: 15px;}
    .handymes-txt {padding-left: 0;}

    .handymes-bar {margin: 150px 20px 40px;padding: 30px;display: block;}
    .handymes-bar .handymes-bar-title {font-size: 30px;}
    .handymes-bar .handymes-bar-txt {margin-left: 0;padding-right: 200px;}
    .handymes-bar:after {background-size: 150px 120px;right: 0;}

    .aips-process .aips-a dl, .aips-process .aips-p dl {padding-left: 0;width: calc(100% - 320px);}
    .aips-process .aips-i dl, .aips-process .aips-s dl {width: calc(100% - 1%);padding-left: 320px;}
    
    .rnd-story > ul {padding: 0 20px;}
    .rnd-story > ul > li {width: calc((100% / 3) - 20px);margin-right: 20px;}
    .rnd-result > ul > li .list ul::after {padding-top: 20px;}

    .cerfi-img ul li:first-child img {width: 90%;margin: 5%;}


    .support-left {padding: 0 20px;}


}

@media (max-width:1024px) {	

    .tab-wrap {display: block;}
    .btn-area {width: 100%;padding: 30px 0 25px;margin-top: 20px;overflow: hidden;}
    /*.btn-area:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}*/
    .content-area {clear:both;width: 100%;margin-left: 0;padding: 30px 25px 0px;}
    .tabs ul li {float: left;text-align: center;padding-right: 0;width: 33.33%;font-size: 20px;}
    .tab-li {display: inline-block; justify-content: center; align-items:center;padding: 35px 0 35px;}
    .tab-li li, .tab-li li.active {padding: 7px 15px 5px;}
    .protab-1depth::after {background: none;}
    .tab-wrap .system-ttl {position: relative;left:0;padding-left: 40px;box-sizing: border-box;}
    .pro-detailtxt {position: relative;text-align: center;left: 0;top: 0;}
    .content-title {font-size: 30px;}
    .content-title span {font-size: 30px;}
    .iframe-top {display: block;}
    .iframe-top .iframe-txt {padding-left: 0;}
    .product-subtitle {font-size: 20px;}
    .product-pro-step {flex: 0 0 calc(50% - 5px);padding-bottom: 30px;}
    .prolts-swiper .swiper-button-prev {left:0;width: 40px;height: 40px;}
    .prolts-swiper .swiper-button-next {right:0;width: 40px;height: 40px;}
    
    .top-any img {width: 100%;}

    .product-conts {padding: 50px 20px;}
    .sub-title p:nth-child(1) {font-size: 27px;}
    .about-pro-app {padding-bottom: 0;}

    .handymes-bar {margin: 50px 0;border-radius: 5px;display: block;padding: 30px;}
    .handymes-bar .handymes-bar-title {font-size: 30px;}
    .handymes-bar .handymes-bar-txt {margin-left: 0;line-height: 150%;}

    .handymes-txt {position: absolute;left: 0;top: 0;width: 100%;}
    .handymes-img {padding-top: 180px;}
    .handymes-img img {width: 100%;}
    .handyMES .swiper-button-next {right: 0;}
    .handyMES .swiper-button-prev {left: 0;}
    .handymes-bar:after {right: -40px;}
    .handymes-bar .handymes-bar-txt {padding-right: 110px;}

    .aips-effect-conts .right {padding-left: 200px;}
    .aips-effect > .ac:after {position: relative;display: inline-block;height: 750px;}
    .aips-effect-conts .left {padding-right: 0;padding-top: 0;}
    .aips-effect-conts .right {padding-left: 0;padding-top: 0;}
    .aips-effect-conts .left dl {margin-bottom: 50px;}
    .aips-effect-conts .right dl {margin-bottom: 50px;}
    dl.aips-effect-last {width: 100%;padding: 0 20px;box-sizing: border-box;}
    .aips-effect-conts {display: block;}
    .aips-plan {min-width: 100%;}

    .aips-system {padding: 7% 15px 100px 15px;}
    .aips-quick span {margin: 0 3%;font-size: 20px;padding: 15px 20px 10px;width: 94%;box-sizing: border-box;}
    .systme-ttl {font-size: 36px;}

    .aips-center {position: relative;transform:none;margin-left: -180px; }
    .aips-process .aips-4step {width: 96%;margin: 0 2%;}

    .view-result ul {padding-right: 0;}
    .view-result ul.photo li img {width: 170px;height: 170px;}

    .rnd-story > ul > li .list ul {padding: 30px 10px;}
    .rnd-story > ul > li .rnd-ttl {font-size: 18px;}
    .rnd-story > ul > li {width: calc((100% / 3) - 10px);margin-right: 10px;}

    .rnd-result > ul > li .list .photo {flex: 0 30%;margin-right: 20px;}
    .rnd-result > ul > li .list ul {flex: 0 calc(65% - 1px); position: relative;display: flex;flex-direction: column;justify-content: center;}

    .comp-about {display: block;}
    .comp-l-ttl {padding-top: 0%;}
    .comp-l-txt {padding-top: 5%;}
    .comp-line span {width: 70%;}
    .comp-line::before {width: 30%;}
    .comp-about .comp-right {padding-right: 0;}
    .comp-about .comp-right .comp-rbox:nth-child(2) {margin-right: 5px;}
    .comp-about .comp-right .comp-rbox {height: 240px;}
    .comp-about .comp-right .comp-rbox dl {padding: 0 20px;}
    .comp-about .comp-right .comp-rbox dl dt {font-size: 15px;padding-bottom: 10px;}
    .comp-line::before {background: none;}
    .comp-line {padding-bottom: 50px;}
    .comp-line span {width: 100%;font-size: 15px;}
    .comp-about .comp-left {padding-right: 0;}
    .history-tab {padding-top: 50px;}
    .history-back:before {height: 226px;}
    .history-tab span {width: 50%; display:inline-block;float:left;}
    .history-tab a {margin-right: 0;font-size: 40px;}
    .history-year > ul > li {margin-left: 25px;}
    .history-year::after {left: 30px;}
    .history-2013 {margin-left: 0px;}

    .support-box .support-copy {padding-left: 0px;}
    .support-box .support-copy li {font-size: 15px;}

}  

@media (max-width:760px) {	

    .sub-content {padding-top: 35px;}
    .sub-content > .innerconts:before {left: 20px;}
    .sub-title p:nth-child(1) {font-size: 2rem;}
    .rndbox-conts dl {width: 100%;margin-right: 0;min-height: 100%;}
    .tabs ul li {width: 50%;}
    .tabs-3depth-wrap {padding: 50px 20px 0;}
    .iframe-mtitle {margin: 15px 0;padding: 10px 0 7px;}
    .iframe-mtitle p:nth-child(1) {font-size: 20px;}
    .iframe-mtitle p:nth-child(2) {font-size: 17px;}
    .iframe-top .iframe-title {font-size: 32px;}
    .product-pro-step-conts {display: block;}
    .product-pro-step {padding: 15px;}
    .product-pro-step li > dl > dd {padding-left: 0;}
    .product-pro-subtitle {padding-top: 20px;}
    .content-title span {display: block;font-size: 24px;margin-left: 0;}
    .sub-title p:nth-child(1), .sub-title p:nth-child(2) {text-align: left;}
    .sub-title {padding-bottom: 10%;}
    
    .sub-content > .innerconts:before {background: none;}

    .about-pro-app .innerconts { display: block;}
    .about-proapp-conts { width: 100%; position: relative; }
    .about-proapp-conts:after { content: '';  transform: rotate(90deg); right: 50%; top: 40%; height: 100%; margin-right: -30px; }
    .about-proapp-conts .about-wrap { padding-bottom: 100px;}

    .about-proset-conts { display: block;width: 100%;}
    .about-proset-conts:first-child dl { padding-right: 0;}

    .review-title p:nth-child(1) { font-size: 30px;}
    .review-title p:nth-child(1) span { font-size: 30px;}
    .tabmenu .tabmenu-col ul li { margin: 0 5px;}
    .view-btn p { padding: 13px 0 10px; font-size: 20px; }

    .top-any-pc {display: none;}
    .top-any-mobile {display: block;}
    .top-any-mobile img {width: 100%;}

    .handymes-txt ul li {font-size: 15px;}

    .aips-ttl {font-size: 30px;}
    .aips-a:after, .aips-i:after ,.aips-p:after ,.aips-s:after {width: 200px;height: 200px;background-size: 200px 200px;border-radius: 25px;top: 50%;margin-top: -100px;}
    .aips-process .aips-a dl, .aips-process .aips-p dl {width: calc(100% - 220px);}
    .aips-process .aips-i dl, .aips-process .aips-s dl {padding-left: 220px;}
    .aips-a, .aips-i, .aips-p, .aips-s {height: 220px;}

    .product-conts {padding: 50px 0px;}

    .view-result {display: block;}
    .view-result ul {flex: none;width: 100%;text-align: center;display: inline-block;padding-bottom: 0;}
    .view-result ul.photo li {float: left;width: 46%;}
    .view-result dl {flex: none;text-align: center;}

    .rnd-story > ul {display: block;}
    .rnd-story > ul > li {width: calc((100% / 1) - 0px);margin-right: 0px;margin-bottom: 20px;}

    .rnd-result > ul > li .list .photo {flex: 0 100%;margin-right: 0px;}
    .rnd-result > ul > li .list ul {flex: 0 calc(100% - 1px);margin-top: 20px;}
    .rnd-result-back {width: 60%;}

    .history-tab a {margin-right: 0;font-size: 30px;}
    .history-back:before {height: 200px;}

    .cerfi-img ul {width: calc((100% / 2) - 10px);}

    .map-local {top:-150px}
    .map-tab {top: 0px;}
    .map-custo {width: 96%;margin:0 auto;box-sizing: border-box;bottom: 100px;}

    .newslist-img img {width: 100%;}
    .newslist ul li .innerconts {display: block;padding-right: 0px;}
    .newlist-conts {padding-right: 20px;}

    .support-info {display: block;}
    .support-right {width: 100%;}

    .main-c-title {display: block;}
    .main-title-m span {text-align: left;margin-bottom: 10px;}
    .mw-slide-wrap {padding-left: 0;padding-right: 0;background: #fff;}
    .mw-slide-wrap .swiper-slide .cont {background: #fff;}
    
}


@media (max-width:560px) {

    .support-box .support-copy {flex: 0 65%;}
    .support-box .support-logo {flex: 0 35%;padding-top: 35%;}   
    .support-box .support-logo img {width: 80px;margin-right: 20px;} 
    .main-news-title {display: block;}
    .main-news-title span {display: block;}

}


@media (max-width:460px) {
    
    .tabs ul li {width: 100%;}
    .tab-li li {width: 50%;box-sizing: border-box;}
    .tab-areattl {font-size: 17px;line-height: 120%;}
    .tab-mrp::before {background-size: 50% auto;width: 70px;height: 70px;margin-top: -37px;left: 0;}
    .tab-mrp, .tab-lts, .tab-qms, .tab-mrp, .tab-lts, .tab-tpm, .tab-barcode {padding-left: 80px;}
    .tab-areatxt {font-size: 13px;margin-top: 5px;}
    .product-subtitle:before {background: none;}
    .product-subtitle {padding-left: 0;border-radius: 3px;width: 100%;max-width: 100%;}
    .product-subtitle span {font-size: 20px;}
    .product-lts-process .innerconts {padding: 0;}


    .aips-ttl {font-size: 24px;}
    .aips-a:after, .aips-i:after ,.aips-p:after ,.aips-s:after {width: 150px;height: 150px;background-size: 150px 150px;border-radius: 15px;top: 50%;margin-top: -85px;}
    .aips-process .aips-a dl, .aips-process .aips-p dl {width: calc(100% - 160px);}
    .aips-process .aips-i dl, .aips-process .aips-s dl {padding-left: 170px;}
    .aips-a, .aips-i, .aips-p, .aips-s {height: 220px;}
    .aips-process .aips-a .aips-ttl {right: 20px;top: 45px;}    
    .aips-process .aips-i .aips-ttl {left: 20px;top: 45px;}
    .aips-process .aips-p .aips-ttl {right: 20px;bottom: 55px;}
    .aips-process .aips-s .aips-ttl {left: 20px;bottom: 55px;}
    .aips-eng {margin-top: 10px !important;}
    .aips-process dl dd {font-size: 14px;}

    .comp-l-ttl {font-size: 36px;}

    .comp-about .comp-right .comp-rbox {width: calc((100% / 1) - 0px);height: 200px;}
    .comp-about .comp-right .comp-rbox:nth-child(1) {margin-left: 0;margin-right: 0;}
    .comp-about .comp-right .comp-rbox:nth-child(2) {margin-left: 0;margin-right: 0;}
    .comp-about .comp-right .comp-rbox:nth-child(3) {margin-right: 0;}
    .comp-about .comp-right .comp-rbox:nth-child(4) {margin-top: 0px;}
    .comp-about .comp-right {padding: 0;}
    .comp-about .comp-right .comp-rbox {margin-right: 0;}


    .history-tab a {margin-right: 0;font-size: 22px;}
    .history-back:before {height: 192px;}

    .cerfi-img ul {width: calc((100% / 1) - 10px);}

}