@charset "utf-8"; 


.font-mon {}
.font-open {}

	

/*ÆäÀÌÁö ÀüÃ¼Æ²*/
#wrap {width:100%; margin:0 auto; overflow:hidden; position:relative;}
/***»ó´Ü¸Þ´º***/
#header {  top: 0px;  left: 0px;  width: 100%;     display: inline-block; }

/*»ó´Ü ¹Ù·Î°¡±â ¾ÆÀÌÄÜ*/
.header-top {width:100%; background:#0071bb; overflow:hidden;}
.header-top ul {width:100%; max-width:1320px; margin:0 auto;}
.header-top ul a {float:right;}
.call-go {padding:0 20px; line-height:50px; background:#005a96; font-size:18px; font-weight:600; color:#fff; letter-spacing:-0.75px;}
.call-go-2 {padding:0 20px; line-height:50px; background:#005a96; font-size:18px; font-weight:600; color:#fff; letter-spacing:-0.75px;}
.call-icon {width:17px; height:50px; margin-left:14px; background:url(../../images/icon-img-5.png) center no-repeat;}
.top-icon-1 {width:10px; height:50px; margin-right:20px; background:url(../../images/icon-img-1.png) center no-repeat;}
.top-icon-2 {width:21px; height:50px; margin-right:20px; background:url(../../images/icon-img-2.png) center no-repeat;}
.top-icon-3 {width:19px; height:50px; margin-right:20px; background:url(../../images/icon-img-3.png) center no-repeat;}
.top-icon-4 {width:15px; height:50px; margin-right:20px; background:url(../../images/icon-img-4.png) center no-repeat;}

/*»ó´Ü ÀüÃ¼¸Þ´º*/
.header-wrap { width:100%; max-width:1320px; margin:0 auto;clear:both;  position:relative;}
.logo { float:left; height:100px;  display: flex; justify-content: center; align-items: center;}
.logo img { height:auto;}
.nav-bar {	display:inline-block; position:relative; float:right; }
.nav-bar ul li{float:left; padding:0 45px; position:relative;}
.nav-bar ul li:last-child {padding-right:0;}
.nav-bar ul li a{display:block; position:relative; line-height:100px; text-align:left; font-size:18px; color:#414042; font-weight:700; -webkit-transition: 500ms ease;
    -moz-transition: 500ms ease;
    -o-transition: 500ms ease;
    transition: 500ms ease;
	letter-spacing:-0.85px;
	}
.nav-bar ul li a:hover {color:#0071bb;}

.nav-bar ul li a.active {color:#0071bb;}

.nav-bar ul li ul {
  position: absolute;
  top: 80px;
  z-index: 1000;
	left:50%;
	width:300px;
	margin-left:-120px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 500ms ease;
  -moz-transition: 500ms ease;
  -o-transition: 500ms ease;
  transition: 500ms ease; 
  background:#0071bb;  
  box-shadow: rgba(0, 0, 0, 0.5) 1px 5px 6px 0px;
}
.nav-bar li:hover ul{
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  }
.nav-bar li ul li{padding:0; width:100%; }
.nav-bar li ul li a{ line-height:38px; color:#fff; font-size:16px; font-weight:700; text-align:left; display:block; width:100%; box-sizing:border-box; padding:0 17px;
	letter-spacing:-0.425px;}
.nav-bar li ul li a span {width:38px; display:inline-block; line-height:38px;}
.nav-bar li ul li a b {width:70px; display:inline-block; line-height:38px;}
.nav-bar li ul li:hover{background:#005a96;}
.nav-bar li ul li:hover a{ color:#fff; }



/**********¸ð¹ÙÀÏ ¾Èº¸ÀÌ±â*********/
#menu-toggle  {display:none;}
.menu-toggle {display:none;}
.overlay{display:none;}
nav{display:none;}

.main-visual {width:100%; height:700px; overflow:hidden; position:relative;}
.main-visual:after {position:absolute; content:''; width:100%;height:100%; top:0; left:0; background:rgba(0,0,0,0.3);}
#video-background {right: 0; bottom: 0; min-width: 100%; max-width: none; min-height: 100%; width: auto; height: auto; z-index: 0; background-size: cover;}
.visual-text {width:100%; max-width:1120px;  position:absolute; top:50%; transform:translateY(-50%); z-index:1; left:50%;  margin-left:-560px;}	
.visual-text img {padding-bottom:30px;}
.visual-text h1 {font-size:26px; color:#fff; line-height:34px; font-weight:600; letter-spacing:-1.2px;}
.visual-text h1 span {display:block; line-height:34px;letter-spacing:-1.2px;}
.section-body {width:100%; max-width:1200px; margin:0 auto;}
	
.section-1 { width:100%; overflow:hidden;}	
.sec-1-body {width:100%; max-width:1120px; margin:0 auto; padding:70px 0;}
.sec-1-body p {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px;}
.sec-1-body p span {display:block; line-height:28px; letter-spacing:-0.6px;}
.sec-1-text-1 {padding-top:12px;}
.sec-1-text-2 {padding-top:12px;}


.section-2 {width:100%; background:url(../../images/bg-img-1.png) center no-repeat;}
.sec-2-body {width:100%; max-width:1120px; margin:0 auto; padding:160px 0; overflow:hidden;}
.sec-2-box {width:18.4%; margin-right:2%; float:left; border:1px solid #fff; border-radius:3px; box-sizing:border-box; -webkit-transition: 500ms ease; -moz-transition: 500ms ease; -o-transition: 500ms ease; transition: 500ms ease; }
.sec-2-box a{padding:30px 0; display:block;}
.sec-2-box:last-child {margin-right:0;}
.sec-2-box img {display:block; max-width:100%; margin:0 auto; padding:30px 0 90px;}
.sec-2-box p {font-size:20px; font-weight:600; text-align:center; color:#fff; line-height:1; padding-bottom:20px;  letter-spacing:-0.75px;}
.sec-2-box:hover{border:1px solid #0071bb; background:#0071bb;}


.section-3 { width:100%; overflow:hidden;}	
.sec-3-body {width:100%; max-width:1120px; margin:0 auto; overflow:hidden; padding-bottom:160px;}
.sec-3-left {width:50%; float:left; padding-top:50px; position:relative;}
.sec-3-left:after {position:absolute; content:''; width:80px; height:5px; background:#0072bc; top:0; left:0;}
.sec-3-top {padding-top:80px; padding-bottom:50px;}
.sec-3-top h1 {font-size:50px; font-weight:700; color:#414042; line-height:56px; letter-spacing:-2.35px; }
.sec-3-box {display:block; margin-right:60px; }
.sec-3-box p {font-size:16px; color:#414042; font-weight:500; line-height:16px; letter-spacing:-0.75px; margin-bottom:7px;}
.sec-3-box p span { color:#0072bc; line-height:16px; margin-left:4px;}
.input-box {width:48%; margin-right:4%; float:left; margin-bottom:20px;}
.input-box:last-child {margin-right:0;}
.input-box input {line-height:38px; height:40px; box-sizing:border-box; border:1px solid #bbbbbb; width:100%; padding:0 15px; }
.input-box input::placeholder {
   font-size:14px; color:#c1c1c1; font-weight:500;
    opacity: 1; /* Firefox */
}
.input-box input:-ms-input-placeholder {
   font-size:14px; color:#c1c1c1; font-weight:500;
    opacity: 1; /* Firefox */
}
.input-box-2 {width:100%; }
.input-box-2 textarea {width:100%; min-height:150px; box-sizing:border-box; padding:15px; border:1px solid #bbbbbb;}

.input-box-2 textarea::placeholder {
   font-size:14px; color:#c1c1c1; font-weight:500;
    opacity: 1; /* Firefox */
}
.input-box-2 textarea:-ms-input-placeholder {
   font-size:14px; color:#c1c1c1; font-weight:500;
    opacity: 1; /* Firefox */
}
.placeholder {
 font-size:14px; color:#c1c1c1; font-weight:500;
    opacity: 1; /* Firefox */
 }


.sec-3-btn {margin-top:20px;}
.send-btn {width:200px; line-height:45px; text-align:center; font-size:18px; font-weight:700; color:#fff; border-radius:5px; background:#0072bc;letter-spacing:-0.75px;}


.sec-3-right {width:50%; float:left; text-align:center;}
.sec-3-right-text-1 {width:100%; padding-bottom:35px;}
.sec-3-right-text-1 h1 span {padding-bottom:10px;font-size:30px; font-weight:700; color:#0072bc; line-height:1;letter-spacing:-1.3px; display:block;} 

.sec-3-right-text-2 {padding-bottom:53px; border-bottom:1px solid #dddddd;}
.sec-3-right-text-2 h1 span {display:block;font-size:30px;font-weight:600; color:#8f8e8e; line-height:21px;letter-spacing:-0.75px;  padding-bottom:14px;font-family: 'Open Sans Condensed', sans-serif;}

.sec-3-right-text-3 {padding-top:43px;}
.sec-3-right-text-3 img {display:block; max-width:100%; margin:0 auto; padding-bottom:20px;}
.sec-3-right-text-3 h1 span {display:block;   padding-bottom:11px; font-size:17px; font-weight:500; line-height:1;letter-spacing:-0.7px; color:#777777; }
.sec-3-right-text-3 h1 span.tel {padding:6px 0 9px;}
 


/*************¼­ºê°øÅë**************/
.article {width:100%; margin:70px auto 0;}
.article-top {width:100%; max-width:1120px; margin:0 auto; padding-bottom:37px; border-bottom:1px solid #ddd;}
.article-top a {font-size:14px; color:#777;  font-weight:600; line-height:14px;}
.article-top a.on {color:#000;}
.article-top span {width:35px; height:14px; display:inline-block; position:relative; background:url(../../images/article-icon.png) center no-repeat;}

.sub-title {font-size:50px; font-weight:700; color:#414042; text-align:center; line-height:50px; padding:44px 0 53px;letter-spacing:-2.5px; }
.sub-title img {display:block; max-width:100%; margin:0 auto;}

/************products*************/

.products {width:100%; overflow:hidden;}
.hl-system-1 {width:100%; max-width:1120px; margin:40px auto 0;}
.hl-system-1 h1 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.59px;}
.hl-system-1 h2 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.58px; padding-top:12px;}

.hl-system-2 {width:100%; max-width:1120px; margin: 71px auto 0;}
.hl-system-2 h1 {font-size:30px; font-weight:700; color:#414042; text-align:left; line-height:30px;letter-spacing:-0.8px;}
.hl-system-2 h2 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.585px; padding-top:14px;}
.hl-system-2 h2 span {display:block; line-height:28px;}

.hl-system-3 {width:100%; max-width:1120px; margin: 70px auto 0;}
.hl-system-3 h1 {font-size:22px; font-weight:700; color:#414042; text-align:left; line-height:30px;letter-spacing:-0.9px; padding-bottom:11px;}
.hl-system-3 p {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px; padding-left:40px; position:relative;}
.hl-system-3 p:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#000; top:11px; left:21px;}

.hl-system-4 {width:100%; max-width:1120px; margin:37px auto 0;}
.hl-system-4 h1 {font-size:22px; font-weight:700; color:#414042; text-align:left; line-height:30px;letter-spacing:-0.9px; padding-bottom:11px;}
.hl-system-4 p {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px; padding-left:40px; position:relative;}
.hl-system-4 p:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#000; top:11px; left:21px;}


.hl-system-5 {width:100%; max-width:1120px; margin:40px auto 0;}
.hl-system-5 h1 {font-size:30px; font-weight:700; color:#414042; text-align:left; line-height:30px;letter-spacing:-0.8px; padding-bottom:11px;}
.hl-system-5 p {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px; padding-left:40px; position:relative;}
.hl-system-5 p:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#000; top:11px; left:21px;}


.hl-system-6 {width:100%; max-width:1120px; margin:70px auto 0;}
.hl-system-6 h1 {font-size:30px; font-weight:700; color:#414042; text-align:left; line-height:30px;letter-spacing:-0.8px; padding-bottom:11px;}
.hl-system-6 p {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px; padding-left:40px; position:relative;}
.hl-system-6 p:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#000; top:11px; left:21px;}


.img-link-box-1 {width:100%; max-width:1120px; margin:74px auto 0; overflow:hidden; padding-bottom:50px; border-bottom:1px solid #ddd;}
.img-link-box-2 {width:100%; max-width:1120px; margin:41px auto 0; overflow:hidden; padding-bottom:50px; border-bottom:1px solid #ddd;}
.img-link-box-2 .img-box {display:block; margin-bottom:50px; }
.img-link-box-2 .img-box img {max-width:100%; }
.img-link-box-1 .img-box { margin-bottom:50px; float:left; max-height:188px;} /*¹Ú½º°øÅë*/
.img-box img {display:block; }
.img-box a {font-size:20px; font-weight:700; color:#414042; line-height:30px; letter-spacing:-0.6px; margin-top:20px; display: table; padding-right:50px; background:url(../../images/product-icon-1.png) right center no-repeat;}

.img-box.box-1 {width:22%;margin-right:4%;}
.img-box.box-1:nth-child(7) {margin-right:0;}
.img-box.box-2 {width:48%; }
.img-box.box-3 {width:74%;margin-right:4%;}
.img-box.box-4 {width:22%;}
.img-box.box-5 {width:48%;margin-right:4%; }
.img-box.box-6 {width:22%;}
.img-box.box-7 {width:100%;}

.tab-system {width:100%; max-width:1120px; margin:100px auto;}
.tab-system h1 {font-size:30px; font-weight:700; color:#414042; text-align:left; line-height:30px;letter-spacing:-0.8px; padding-bottom:20px;}
ul.tabs {
	width:100%;
	margin-bottom:30px;
	overflow:hidden;
}
ul.tabs li {
   float:left; 
   width:50%;
   box-sizing:border-box;
}
ul.tabs li:last-child {margin-right:0;}
ul.tabs li a{
  display:block;  box-sizing:border-box; color:#0072bc; font-size:16px;line-height:50px; height:50px; width:100%; 
  text-align:center;background: url(../../images/product-icon-3.png) right 15px center no-repeat,#f7f7f7; font-weight:700;font-family:'Noto Sans KR'; border:1px solid #ddd;}

ul.tabs li.active a{ color:#fff; background:url(../../images/product-icon-2.png) right 15px center no-repeat,#0072bc; border:1px solid #0072bc;}
.table-1 {width:100%; box-sizing:border-box; border-collapse: collapse;}
.table-1 th {width:30%; text-align:left;border:1px solid #ebebeb; background:#fafafa; font-size:16px; line-height:28px; padding:13px 20px 9px; color:#414042; font-weight:500; text-align:left; letter-spacing:-0.65px;}
.table-1 td {width:70%;border:1px solid #ebebeb; text-align:center; font-size:16px; color:#777; font-weight:500; line-height:28px; padding:13px 20px 9px; letter-spacing:-0.65px;}

.tab_content h2 {font-size:20px; font-weight:700; color:#414042; text-align:left; line-height:20px;letter-spacing:-1.2px; padding-bottom:12px;}
.tab_content h3 {font-size:20px; font-weight:700; color:#414042; text-align:left; line-height:20px;letter-spacing:-1.2px; padding-top:47px; padding-bottom:12px;}
/************solutions************/


/*¼Ö·ç¼Ç ½½¶óÀÌµå*/
.sol-slick {width:100%; max-width:1320px; margin:0 auto;}
.slick-big-wrap {width:100%; max-width:1120px; margin:0 auto;}
.slick-thumb-wrap {position:relative; width:100%; max-width:1160px; margin:0 auto; margin-top:50px;}
.slick-thumb-wrap .slick-thumbs {width:100%;  max-width:1160px; margin:0 auto; margin-left:20px;}
.big-img {width:100%; max-width:1120px; margin:0 auto; }
.big-img img {max-width:100%;}
.small-img {width:250px;  margin-right:40px; box-sizing:border-box;}
.small-img img{max-width:100%; opacity:0.5;  margin:0 auto; box-sizing:border-box;}
.small-img.slick-current img{ opacity:1; box-sizing:border-box; border:3px solid #0070cc;}
.pic-prev, .pic-next {
  display: block;
  position: absolute;
  display: block;
  text-align: left;
  text-indent: -9999px;
  width: 55px;
  height:100%;
}
.pic-prev { top:0; z-index:1; left:-35px; background:url(../../images/prev-img-1.png) left center no-repeat, #fff;}
.pic-next { top:0; z-index:1; right:-35px; background:url(../../images/next-img-1.png) right center no-repeat, #fff;}


/*¼Ö·ç¼Ç ½½¶óÀÌµå ¾Æ·¡ ÅØ½ºÆ®*/
.solutions-2 {width:100%; max-width:1120px; margin:93px auto 82px;}
.solutions-2 p {font-size:16px; color:#414042; font-weight:500; padding-bottom:12px; letter-spacing:-0.59px; line-height:28px;}
.solutions-2 p span { line-height:28px; display:block;}

.solutions-3 {width:100%; max-width:1120px; margin:93px auto 0;}
.solutions-3 p {font-size:16px; color:#414042; font-weight:500; padding-bottom:12px; letter-spacing:-0.59px; line-height:28px;}
.solutions-3 p span { line-height:28px; display:block;}


.solutions-4 {width:100%; max-width:1120px; margin:30px auto 95px;}
.solutions-4 h1 {font-size:30px; font-weight:600; color:#414042; text-align:left; line-height:30px;letter-spacing:-0.8px; padding-bottom:11px;}
.solutions-4 p {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px; padding-left:40px; position:relative;}
.solutions-4 p:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#000; top:11px; left:21px;}

.video {  position: relative; max-width: 100%;  padding-bottom: 56.25%; height: 0; z-index:-1;}

/*********PARTS & SERVICES**********/
.parts-1 {width:100%; max-width:1120px; margin:0 auto; border-bottom:1px solid #ddd; padding-bottom:45px;}
.parts-1 img {display:block; max-width:100%; margin:0 auto;}
.parts-1 h1 {font-size:50px; font-weight:700; color:#414042; text-align:left; line-height:1;letter-spacing:-1.4px; padding-top:47px;  padding-bottom:20px;}
.parts-1 span{font-size:30px; font-weight:700; color:#414042; text-align:left; line-height:30px;letter-spacing:-1.125px;  padding-top:47px; padding-bottom:14px;}
.parts-1 h2 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.575px;}
.parts-1 h3 {font-size:16px; color:#000; line-height:28px; display:block; font-weight:600; letter-spacing:-0.54px; padding-top:13px;}
.parts-1 h4 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px; padding-top:14px; padding-bottom:17px;}
.parts-1 h4 b {color:#000; font-weight:600;}
.parts-1 h5 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px;}
.parts-1 h5 a {line-height:28px; color:#0071bb; font-weight:700; text-decoration: underline;letter-spacing:-0.55px;}
.parts-1 h6 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px; padding-top:14px;}
.parts-1 p {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px; padding-left:40px; position:relative;}
.parts-1 p:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#000; top:11px; left:21px;}
.no-border {border:none; margin-bottom:55px;}

.parts-2 {width:100%; max-width:1120px; margin:0 auto; border-bottom:1px solid #ddd; padding-bottom:46px;}
.parts-2:last-child {border-bottom:none; margin-bottom:50px;}
.parts-2 img {display:block; max-width:100%; margin:0 auto;}
.parts-2 h1 {font-size:50px; font-weight:700; color:#414042; text-align:left; line-height:1;letter-spacing:-1.4px; padding-top:47px;  padding-bottom:20px;}
.parts-2 span{font-size:30px; font-weight:700; color:#414042; text-align:left; line-height:30px;letter-spacing:-1.125px;  padding-top:47px; padding-bottom:14px;}
.parts-2 h2 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.575px; padding-bottom:14px;}
.parts-2 h2 a {line-height:28px; color:#0071bb; font-weight:700; text-decoration: underline;letter-spacing:-0.55px;}
.parts-2 h3 {font-size:16px; color:#000; line-height:28px; display:block; font-weight:600; letter-spacing:-0.54px; padding-bottom:18px;}
.parts-2 h4 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px; padding-top:23px;}
.parts-2 h4 b{color:#000; font-weight:600;line-height:28px;}
.parts-2 h5 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.61px; padding-top:12px;}
.parts-2 h5 a {line-height:28px; color:#0071bb; font-weight:700; text-decoration: underline;letter-spacing:-0.55px;}
.parts-2 h5 b {color:#000; font-weight:600;line-height:28px;}
.parts-2 p {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.6px; padding-left:40px; position:relative;}
.parts-2 p:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#000; top:11px; left:21px;}
.no-border-2 {border:none;}

.hotline {font-size:30px; width:100%; max-width:1120px; margin:0 auto; line-height:28px; font-weight:700; color:#005a96; text-align:center;letter-spacing:-1.7px; padding-bottom:50px; border-bottom:1px solid #ddd;}
.parts-3 {width:100%; max-width:1120px; margin:0 auto; border-bottom:1px solid #ddd; padding-bottom:45px;}
.parts-3 img {display:block; max-width:100%; margin:0 auto;}
.parts-3 h1 {font-size:16px; font-weight:500; color:#414042; text-align:left; line-height:28px;letter-spacing:-0.61px;  padding-top:47px; padding-bottom:14px;}
.parts-3 h1 a {line-height:28px; color:#0071bb; font-weight:700;letter-spacing:-0.6px; display:block;}
.parts-3 h1 a i {line-height:28px;}
.parts-3 h2 {font-size:16px; color:#414042; line-height:28px; display:block; font-weight:500; letter-spacing:-0.575px;}



.parts-form {width:100%; max-width:1120px; margin:0 auto; overflow:hidden;}
.parts-form-body {width:65%; float:left; position:relative;}
.parts-form-body-2 {width:100%; float:left; position:relative;}
.parts-form-top {padding-top:50px;}
.parts-form-top h1 {font-size:30px; font-weight:700; color:#414042; text-align:left; line-height:30px;letter-spacing:-1.125px; }
.sec-3-box {display:block; margin-right:60px; }
.sec-3-box p {font-size:16px; color:#414042; font-weight:500; line-height:16px; letter-spacing:-0.75px; margin-bottom:7px;}
.sec-3-box p span { color:#0072bc; line-height:16px; margin-left:4px;}
.parts-btn {margin:50px 0 100px;}
.parts-btn .send-btn {border-radius:5px;}
/***********distributors***********/
.distributors {width:100%; max-width:1120px; margin:0 auto 100px;}
#map2 {width:100%; height:630px;}
.gm-style div { color:#fff !important;  }
.gm-style-mtc div {color:#000 !important;}
/*********contact us*********/
.contact-1 {width:100%; margin:0 auto 100px;}
.call-us {font-size:18px; font-weight:700; color:#fff; line-height:45px; width:260px; border-radius:5px; background:#0072bc; display:block; margin:0 auto; text-align:center; letter-spacing: -0.85px;}

.contact-form {width:100%; background:#f3f3f3;}
.form-body {width:100%; max-width:1120px; margin:0 auto;}
.form-title {font-size:22px; font-weight:600; color:#414042; line-height:22px; border-bottom:1px solid #ccc; padding:50px 0 20px;}
.form-box { margin-top:50px; width:100%; overflow:hidden;}
.form-box-2 { margin-top:20px; width:100%; overflow:hidden;}
.form-box .form-input {width:48%; margin-right:4%; float:left;}
.form-box-2 .form-input {width:48%; margin-right:4%; float:left;}
.form-box .form-input-2 {width:100%;}
.form-box-2 .form-input-2 {width:100%;}
.form-box .form-input-2:nth-child(2) {margin-top:20px;}
.form-box .form-input:nth-child(2) {margin-right:0;}
.form-box-2 .form-input:nth-child(2) {margin-right:0;}
.form-input input {width:100%; border:1px solid #bbb; line-height:38px; padding:0 15px;  box-sizing: border-box;height:40px;}
.form-input-2 input {width:100%; border:1px solid #bbb; line-height:38px; padding:0 15px; box-sizing: border-box;height:40px;}
.form-input select {width:100%; border:1px solid #bbb; line-height:38px; height:40px; padding:0 15px;}
select.form-sel  {
	padding:0 20px 0 12px;
	-webkit-appearance:none; /* Safari and Chrome */
	-moz-appearance:none; /* È­»ìÇ¥ ¾ø¾Ö±â for firefox*/ 
	appearance:none; /* È­»ìÇ¥ ¾ø¾Ö±â °øÅë*/ 

    background-position: 100% center;
    background-repeat: no-repeat;
    color: #696969;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
	height:40px;
	border:1px solid #bbb;
	background:url(../../images/sel-arrow.png) right no-repeat ,#fff;
    float: left;
}

/* IE ¿¡¼­ Select box È­»ìÇ¥ Á¦°Å */ 
select.form-sel::-ms-expand { display: none; }
.form-box textarea {width:100%; min-height:150px; padding:15px; box-sizing:border-box; border:1px solid #bbb;}
.form-btn {margin-top:50px; padding-bottom:50px;}
.contact-2 {width:100%; max-width:1120px; margin:50px auto 0; text-align:center;}
.contact-2 h1 {font-size:50px; font-weight:700; color:#414042; line-height:43px; padding-bottom:26px; border-bottom:1px solid #ddd; letter-spacing:-1.65px;}
.contact-2 h2 {font-size:16px; line-height:28px; font-weight:500; color:#414042; padding-top:23px; letter-spacing:-0.595px;}
.contact-2 h2 b {font-weight:600; line-height:28px; color:#000;}
.contact-2 h3 {font-size:16px; line-height:28px; color:#000; font-weight:600; padding-top:17px; letter-spacing:-0.595px;}
.contact-2 h4 {font-size:16px; line-height:28px; color:#414042;  font-weight:500; padding-top:1px; letter-spacing:-0.595px;}
.contact-2-btn {width:260px; line-height:45px; border-radius:5px; background:#0072bc; font-weight:700; margin:24px auto 50px; display:block; color:#fff; font-size:18px;  letter-spacing: -0.75px; }

.contact-3 {width:100%; max-width:1120px; margin:0 auto;}
.contact-3-title {padding:30px 0 26px; font-size:30px; font-weight:600; color:#414042; line-height:28px; border-top:1px solid #ddd; text-align:center; letter-spacing: -1px;}

.map-body {padding:30px; border:1px solid #ddd; box-sizing:border-box; margin-bottom:100px;}
.map-address {text-align:center; padding:30px 0 19px;}
.map-address img {display:block; max-width:100%; margin:0 auto; padding-bottom:17px;}
.map-address h1 span {display:block;   padding-bottom:11px; font-size:17px; font-weight:500; line-height:1;letter-spacing:-0.7px; color:#414042; }
.map-address h1 span.tel {padding:0 0 11px;}
#map {padding:20px; box-sizing:border-box;}
/*ÇÏ´Ü*/
footer {width:100%; background:#eeeeee;}
.footer-wrap {width:100%; max-width:1320px; margin:0 auto; overflow:hidden;    padding:59px 0;}
.footer-left {float:left; margin-right:130px;}
.footer-left img {display:block; max-width:100%;}
.footer-mid {float:left; line-height:30px; font-size:16px; padding:10px 0 0 0; font-weight:700; color:#414042;letter-spacing:-0.72px; }
.footer-mid span {font-weight:400; line-height:30px; font-size:18px;}
.footer-right {float:right;}
.footer-right a {float:right;}
.contact-btn {border:2px solid #0071bb; color:#0071bb; font-size:16px;letter-spacing:-1px; font-weight:700; line-height:36px; margin:1px 0 1px 30px; text-align:center; border-radius:5px; background:#fff; width:150px; box-sizing:border-box;}
.bottom-icon-1 {width:11px; height:40px; margin-right:20px; background:url(../../images/icon-img-11.png) center no-repeat;}
.bottom-icon-2 {width:24px; height:40px; margin-right:20px; background:url(../../images/icon-img-12.png) center no-repeat;}
.bottom-icon-3 {width:23px; height:40px; margin-right:20px; background:url(../../images/icon-img-13.png) center no-repeat;}
.bottom-icon-4 {width:18px; height:40px; margin-right:20px; background:url(../../images/icon-img-14.png) center no-repeat;}
.contact-btn-2 {display:none;}

.footer-menu {width:100%; max-width:1120px; margin:0 auto; overflow:hidden; border-top:1px solid #ddd; padding:50px 0 88px;}
.footer-menu ul {display:table;}
.footer-menu ul li {float:left; width:25%;}
.footer-menu ul li p {font-size:24px; color:#777; font-weight:600; margin-bottom:21px;letter-spacing:-1.1px;}
.footer-menu ul li ul li {width:100%;}
.footer-menu ul li ul li a { line-height:28px; color:#777; font-size:16px; font-weight:500;letter-spacing:-0.6px; }

/* media size setting start */
@media all and (max-width:1280px) {
.nav-bar {display:none;}

/*************** ÇÜ¹ö°Å¸Þ´º ********************/

label.menu-toggle {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 50px;
  right: 5%;
  height:100px;
  background:url(http://html.soroweb.co.kr/404.html) repeat-y;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
label.menu-toggle div {float:left;}
.toggle-text {margin-right:10px; margin-left:20px; font-size:15px; color:#fff; font-weight:300; line-height:100px;}
.toggle-line {margin-top:42px;}
.line {
  display: block;
  width: 22px;
  height: 2px;
  background:#0071bb;
  border-radius: 6px;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.line + .line {
  margin-top: 5px;
}

.overlay {
  display: block;
  position: fixed;
  top: 136px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.page {
  position: relative;
  padding: 50px;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 1;
}

nav.ham-menu {
  position: fixed;
  display:block;
  top: 0;
  right: 0;
  bottom: 0;
  float:left;
  width: 250px;
  -webkit-transition: 500ms ease;
    -moz-transition: 500ms ease;
    -o-transition: 500ms ease;
    transition: 500ms ease;
	letter-spacing:-0.85px;
  z-index: 99;
      overflow-y: scroll;
  background:#414042;
   -ms-overflow-style: none; 
  
}
nav.ham-menu::-webkit-scrollbar { 
    display: none !important; 
  }
nav.ham-menu:after {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    -webkit-box-shadow: 4px 0px 10px 1px rgba(10, 10, 10, 0.7);
    box-shadow: 4px 0px 10px 1px rgba(10, 10, 10, 0.7);
    content: " ";
}
nav.ham-menu>ul {
  padding:40px 25px;
  box-sizing:border-box;
  list-style: none;
}

nav.ham-menu li {
display:block;
}
nav.ham-menu li.ab { border-bottom:1px solid #ddd; padding:40px 0;}
nav.ham-menu li.ab:last-child {border-bottom:none;}
nav.ham-menu li p{
	 font-size:16px; 
	 color:#fff; 
	 font-weight:700;
    line-height: 30px;
    text-align: left;
	padding-top:20px;
    display: block;
	cursor:pointer;
	position:relative;
	}
nav.ham-menu li.plus p:after {
    position: absolute;
    content: '';
    bottom: 10px;
    right:0;
    margin-left: -6px;
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid none;
    border-left: 6px solid #fff;
}

#menu-toggle {
  position: fixed;
  left: -99999999px;
}

#menu-toggle:checked ~ body {
overflow:hidden;
}
#menu-toggle:checked ~ .menu-toggle {
z-index:99;
}
#menu-toggle:checked ~  .overlay{
z-index:98;
}
#menu-toggle:checked ~ .menu-toggle .line-1 {
  -webkit-transform: translateY(10px) rotate(45deg) scale(1.3, 1);
          transform: translateY(10px) rotate(45deg) scale(1.3, 1);
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
		  margin-top:-2px;
}
#menu-toggle:checked ~ .menu-toggle .line-2 {
  -webkit-transform: scale(0);
          transform: scale(0);
}
#menu-toggle:checked ~ .toggle-line {margin-top:15px;}
#menu-toggle:checked ~ .menu-toggle .line-3 {
  -webkit-transform: translateY(-10px) rotate(-45deg) scale(1.3, 1);
          transform: translateY(-10px) rotate(-45deg) scale(1.3, 1);
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
		      margin-top: 10px;
}


	.ham-menu { overflow:hidden;clear:both; z-index:96px;   -webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;}
	.ham-menu li{ width:100%;  }
	.ham-menu li:first-child{ border-top:none;}
	.ham-menu li {color:#4a4a4a; line-height:50px;  text-align:left; font-size:16px;  display:block;}

	.ham-menu li ul{display:none;  position:relative;}
	.ham-menu li ul li{ width:100%; font-weight:400;  }
	.ham-menu ul li ul li a {color:#fff; line-height:24px;margin-top:10px;  text-align:left; font-size:12px;display:block; font-weight:400; border-top:1px solid #000;}
	.ham-menu ul li ul li a span {line-height:24px; width:30px;}
	.ham-menu ul li ul li a b {line-height:24px; width:50px; font-weight:400; display:inline-block;}
	.ham-menu ul li ul li a:first-child{border-top:none;}

/*»ó´Ü Å¾*/
.header-top ul{width:90%; margin:0 5%;}
.header-wrap{width:90%; margin:0 5%;}

.wrap-left {position:relative;-webkit-transition: 500ms ease; -moz-transition: 500ms ease; -o-transition: 500ms ease; transition: 500ms ease;}
.active-on {transform:translateX(-250px);}
.active-off {transform:translateX(0);}
.menu-on {transform:translateX(0);}
.menu-off {transform:translateX(250px);}

/*¸ÞÀÎ ºñÁÖ¾ó*/
.visual-text {left:auto; width:90%; margin:0 5%;}
.visual-text img {max-width:100%; display:block;}

/*¸ÞÀÎÄÁÅÙÃ÷ -1*/
.sec-1-body {width:90%; margin:0 5%;}




}

@media all and (max-width:1120px){

/*¸ÞÀÎÄÁÅÙÃ÷ -2*/
.sec-2-body {width:90%; margin:0 5%;}
.sec-2-box p {font-size:14px;}
.sec-2-box img {padding:30px 0 50px; max-height:70px;}

/*¸ÞÀÎÄÁÅÙÃ÷ -3*/
.sec-3-left {width:100%; float:none;}
.sec-3-body {width:90%; margin:0 5%;}
.sec-3-top h1 {font-size:46px;}
.sec-3-box { margin-right:0;}
.sec-3-right {width:100%; float:none; padding:160px 0;}
.sec-3-right-text-1 h1 span {display:contents; margin:0 auto; font-size:26px;}
.sec-3-right-text-1 h1 span:first-child {display:block;}
.sec-3-right-text-2 h1 span {font-size:26px;}

/****¼­ºêÆäÀÌÁö***/
/*°øÅë*/
.article-top {width:90%; margin:0 5%;}
.sub-title {font-size:46px;width:90%; margin:0 5%;}

/*products*/
.hl-system-1 {width:90%; margin:40px 5% 0;}
.hl-system-2 {width:90%; margin:71px 5% 0;}
.hl-system-2 h2 span {display:contents;}
.hl-system-3 {width:90%; margin:70px 5% 0;}
.hl-system-4 {width:90%; margin:37px 5% 0;}
.hl-system-5 {width:90%; margin:40px 5% 0;}
.hl-system-6 {width:90%; margin:70px 5% 0;}
.img-link-box-1 {width:90%; margin:74px 5% 0;}
.img-link-box-2 {width:90%; margin:41px 5% 0;}
.img-link-box-1 .img-box img {max-width:100%;}
.img-box a {font-size:16px;}
.tab-system  {width:90%; margin:100px 5%;}

.img-box.box-1,.img-box.box-2,.img-box.box-6 { margin-bottom:52px;}

/*solutions*/
.sol-slick {width:90%; margin:0 5%;}
.solutions-2 {width:90%; margin:100px 5%;}
.solutions-2 p span {display:contents;}

/*parts&service*/
.parts-1 {width:90%; margin:0 5%;}
.parts-1 h1 {font-size:46px;}
.parts-2 {width:90%; margin:0 5%;}
.parts-2 h1 {font-size:46px;}
.parts-3 {width:90%; margin:0 5%;}
.parts-3 h1 {font-size:46px;}

.parts-form {width:90%; margin:0 5%;}

/*contact-us*/
.form-body {width:90%; margin:0 5%;}
.contact-2 {width:90%; margin:50px 5%;}
.contact-2 h1 {font-size:46px;}
.contact-3 {width:90%; margin:0 5%;}
.contact-3-title {font-size:26px;}

/*ÇÏ´Ü*/
.footer-wrap {width:90%; margin:0 5%; padding:59px 0;}
.footer-left {float:none; margin:0 auto; display:block;}
.footer-left img {margin:0 auto;}
.footer-mid {float:none; margin:30px auto; line-height:18px; display:block; text-align:center;}
.footer-mid span {line-height:18px;}
.footer-right {float:none; margin:0 auto; display:table; text-align:center;}
.footer-right a{float:none; display: inline-block; margin:0 10px;}
.footer-right a.contact-btn {display:none;}
.footer-right a.contact-btn-2 {display:block; border:2px solid #0071bb; color:#0071bb; font-size:16px;letter-spacing:-1px; font-weight:700; line-height:36px; margin: 20px auto 0; text-align:center; border-radius:5px; background:#fff; width:150px; box-sizing:border-box;}

/*ÇÏ´Ü¸Þ´º*/
.footer-menu {width:90%; margin:0 5%;}
.footer-menu>ul>li {width:50%; margin-bottom:50px;}
}

@media all and (max-width:1024px) {

/*¸ÞÀÎºñÁÖ¾ó*/
.visual-text h1 {font-size:22px;}

/*******¼­ºêÆäÀÌÁö*******/

/*products*/
.hl-system-2 h1 {font-size:26px;}
.hl-system-3 h1 {font-size:20px;}
.hl-system-5 h1 {font-size:26px;}
.hl-system-6 h1 {font-size:26px;}
.img-box a {font-size:13px;}
.tab-system h1 {font-size:26px;}


/*solutions*/
.pic-prev {left:-25px;  }
.pic-next {right:-25px;   }
}


@media all and (max-width:767px) {
/*»ó´Ü Å¾*/
.call-go {font-size:15px;}
/*¸ÞÀÎºñÁÖ¾ó*/
.visual-text h1 {font-size:18px;}

/*¸ÞÀÎÄÁÅÙÃ÷ -2*/
.sec-2-body {padding:70px 0;}
.sec-2-box { width:100%; margin-right:0;     display: flex;    align-items: center;justify-content: center;}
.sec-2-box a {padding:0;}
.sec-2-box img {float:left; padding:20px 30px 20px 0; max-height:50px;}
.sec-2-box p {font-size:16px; padding-bottom:10px; line-height:90px; float:left; padding-bottom:0;}
.sec-2-box:nth-child(-n+4) {margin-bottom:2%;}

/*¸ÞÀÎÄÁÅÙÃ÷ -3*/
.sec-3-body {padding:70px 0;}
.sec-3-top {padding-top:0;}
.sec-3-top h1 {font-size:40px;}
.sec-3-right { padding:70px 0;}
.sec-3-right-text-1 h1 span {font-size:22px;}
.sec-3-right-text-2 h1 span {font-size:22px;}

/********¼­ºêÆäÀÌÁö********/
.sub-title {font-size:40px;}
.article-top {padding-bottom:15px;}
.article-top a {font-size:12px;}

/*products*/
.hl-system-1 h1 {font-size:14px;}
.hl-system-1 h2 {font-size:14px;}
.hl-system-2 h1 {font-size:20px;}
.hl-system-2 h2 {font-size:14px;}
.hl-system-3 h1 {font-size:18px;}
.hl-system-3 p {font-size:14px;}
.hl-system-4 h1 {font-size:18px;}
.hl-system-5 h1 {font-size:20px;}
.hl-system-6 h1 {font-size:20px;}
.img-box a {font-size:13px; padding-right:25px; background-size:20px;}

.tab-system h1 {font-size:20px;}
ul.tabs li {width:100%;}
ul.tabs li a {font-size:14px;text-align: left;    padding-left: 20px;}
.table-1 th {font-size:14px; width:50%;}
.table-1 td {font-size:14px;}
.tab_content h2 {font-size:16px;}
.tab_content h3 {font-size:16px;}

/*solutions*/
.slick-thumb-wrap {margin-top:30px;}
.pic-prev {left:-18px;  }
.pic-next {right:-18px;   }
.solutions-2 p {font-size:14px;}

/*parts&service*/
.parts-1 h1 {font-size:40px;}
.parts-1 span {font-size:24px;}
.parts-1 h2 {font-size:14px;}
.parts-1 h2 a {font-size:13px;}
.parts-1 h3 {font-size:14px;}
.parts-1 h4 {font-size:14px;}
.parts-1 h5 {font-size:14px;}
.parts-1 p {font-size:14px;}

.parts-2 h1 {font-size:40px;}
.parts-2 span {font-size:24px;}
.parts-2 h2 {font-size:14px;}
.parts-2 h2 a {font-size:13px;}
.parts-2 h3 {font-size:14px;}
.parts-2 h4 {font-size:14px;}
.parts-2 h5 {font-size:14px;}
.parts-2 p {font-size:14px;}

.parts-3 h1 {font-size:40px;}
.parts-3 span {font-size:24px;}
.parts-3 h2 {font-size:14px;}
.parts-3 h2 a {font-size:13px;}
.parts-3 h3 {font-size:14px;}
.parts-3 h4 {font-size:14px;}
.parts-3 h5 {font-size:14px;}
.parts-3 p {font-size:14px;}

.parts-2 h5 a {font-size:13px;}

.parts-form-top h1 {font-size:24px;}

/*contact-us*/
.form-title {font-size:18px;}
.send-btn {font-size:16px;}
.contact-2 h1 {font-size:40px;}
.contact-2 h2 {font-size:14px; padding:23px 30px 0;}
.contact-2 h2 b {display:block;}
.contact-2 h4 {padding:1px 30px 0;}
.contact-2-btn {font-size:16px;}
}

@media all and (max-width:640px) {
.footer-menu {display:none;}
.article {margin-top:0;}
.article-top {display:none;}

/*¸ÞÀÎÄÁÅÙÃ÷ -3*/
.sec-3-top h1 {font-size:28px;}

/********¼­ºêÆäÀÌÁö********/
.sub-title {font-size:28px;}

/*parts&service*/
.parts-1 h1 {font-size:28px;}
.parts-2 h1 {font-size:28px;}
.parts-3 h1 {font-size:28px;}

.parts-form-body {width:100%;}
.form-box {margin-top:30px;}
.form-box-2 {margin-top:30px;}
.form-box .form-input:nth-child(2){margin-top:30px;}
.form-box .form-input-2:nth-child(2){margin-top:30px;}
.form-box .form-input {width:100%; margin-right:0;}
.send-btn {width:100%;}
/*contact-us*/
.contact-2 h1 {font-size:28px;}

}
@media all and (max-width:620px){

.img-box.box-1 {width:48%;margin-right:4%;}
.img-box.box-1:nth-child(2) {margin-right:0;}
.img-box.box-1:nth-child(5) {margin-right:0;}
.img-box.box-2 {width:100%; }
.img-box.box-3 {width:100%;margin-right:0;}
.img-box.box-4 {width:48%; margin-right:4%;}
.img-box.box-5 {width:100%;margin-right:0; }
.img-box.box-6 {width:48%;margin-right:0;}
.img-box.box-7 {width:100%;}
}

@media all and (max-width:480px) {
.sec-2-box {width:100%; margin-right:0;}
.sec-2-box:nth-child(-n+4) {margin-bottom:4%;}

/*¸ÞÀÎÄÁÅÙÃ÷ -3*/

.sec-3-top h1 {font-size:24px;}
.sec-3-box {overflow:hidden; }
.sec-3-box:first-child .input-box {width:48%; margin-right:4%;}
.sec-3-box:first-child .input-box:last-child { margin-right:0;}
.input-box {width:100%; margin-right:0; margin-bottom:30px;}
.sec-3-right-text-1 h1 span {font-size:17px;}
.sec-3-right-text-2 h1 span {font-size:17px;}
.sec-3-right-text-3 h1 span {font-size:15px;}

/********¼­ºêÆäÀÌÁö********/
.sub-title {font-size:24px;}

/*solutions*/
.pic-prev {left:-15px;    background-size: 15px;}
.pic-next {right:-15px;    background-size: 15px;}
/*contact-us*/
.contact-2 h1 {font-size:24px;}
.form-box {margin-top:30px;}
.form-box .form-input {width:100%; margin-right:0;}
.form-box .form-input:nth-child(2) {margin-top:30px;}
/*ÇÏ´Ü*/
.footer-mid { font-size:14px;}
}
/* media size setting end */
