/* common*/
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body {font-family:'Nanum Gothic';  color: #818181; min-width: 300px;  word-break: keep-all}
ul {text-decoration: none; padding-left: 0 !important}
h2 { font-size: 3em;color: #000; font-weight:800; margin-bottom: 60px; letter-spacing: -.5px}
h4 { font-size: 19px; line-height: 1.375em; color: #303030; font-weight: 400; margin-bottom: 30px; }  
a {cursor: pointer}
.fclear:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html .fclear { height:1%; }
.fclear { display:block; min-height:1%;}
.jumbotron { background-color: #f4511e; color: #fff; padding: 100px 25px; font-family: Montserrat, sans-serif; }
.container-fluid { padding: 60px 50px; }
.bg-grey { background-color: #f6f6f6; }
.logo-small { color: #f4511e; font-size: 50px; }
.logo { color: #f4511e; font-size: 200px; }
.thumbnail { padding: 0 0 15px 0; border: none; border-radius: 0; }
.thumbnail img { width: 100%; height: 100%; margin-bottom: 10px; }
.carousel-control.right, .carousel-control.left { background-image: none; color: #f4511e; }
.carousel-indicators li { border-color: #fff; margin:0 3px }
.carousel-indicators li.active { background-color: #ea3137; border:none } 
.item h4 { font-size: 19px; line-height: 1.375em; font-weight: 400; font-style: italic; margin: 70px 0; }
.item span { font-style: normal; }
.panel { border: 1px solid #f4511e;  border-radius:0 !important; transition: box-shadow 0.5s;}
.panel:hover { box-shadow: 5px 0px 40px rgba(0,0,0, .2); }
.panel-footer .btn:hover { border: 1px solid #f4511e; background-color: #fff !important; color: #f4511e; }
.panel-heading { color: #fff !important; background-color: #f4511e !important; padding: 25px; border-bottom: 1px solid transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.panel-footer { background-color: white !important; } 
.panel-footer h3 { font-size: 32px; }
.panel-footer h4 { color: #aaa; font-size: 14px; }
.panel-footer .btn { margin: 15px 0; background-color: #f4511e; color: #fff; }
.navbar { margin-bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 9999; border: 0; font-size: 14px !important; line-height: 1.42857143 !important;  border-radius: 0; font-family: nanum, sans-serif; padding:0; max-width:1400px; margin:0 auto; }
footer  { background:#000; padding:30px 0; width:100%; text-align: center;}
footer div {position:relative; width:100%; max-width:1100px; margin:0 auto; font-size: .8em; color:#fff; font-weight:normal}
footer div ul { position:absolute; right: 0; top: 0; list-style: none; }
footer div ul > li {display:inline-block; *display: inline; *zoom:1; }
footer div ul > li a {color:#666; padding:0 10px; background: url(../images/main/footerbg.gif) right no-repeat;}
footer div ul > li a:hover , footer div ul > li:nth-child(2) a:hover {text-decoration:none; color:#fff;}
footer div ul > li:nth-child(2) a {color:#999;}
footer div ul > li:nth-child(3) a {background:none !important}
.slideanim {visibility:hidden;} 
.slide { animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; }
/*.MainSliderWrap {width:100%; background:#030f23;}
.MainSliderWrap  #MainSlider {max-width:1400px; margin: 0 auto;}*/
#MainSlider.slide {animation-name:none; -webkit-animation-name:none; animation-duration: 0s; -webkit-animation-duration: 0s; visibility: visible;}
/***********************************************************Main***********************************************************/
/*Main Slier*/
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%; margin: 0 auto;}
.carousel-caption {bottom:30%; }
.carousel-caption h1 {font-size:3.5em; font-weight:700}
.carousel-caption p {font-size:1em; margin-top: 5%}
.navbar-brand {padding:0 15px}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-nav li a:hover, .navbar-nav li.active a {background:none !important}

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/*통합플렛폼 지원*/
.MainSupport { background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat;  position: relative; background-image: url(../images/main/history.jpg); background-size: cover !important;  padding:100px 0 }
.MainSupport h2 {text-align:center; color:#fff; }
.Support {width:90%; max-width:1000px; margin:0 auto;}
.Support li {display:inline-block; width: 30%; margin:0 1%; text-align: center; vertical-align: top; color:#fff; border-radius:15px; box-sizing: border-box; padding:30px 20px; height: 260px}
.Support li > h3 {margin-top: 15px; font-size:1.3em; line-height: 1.3em; font-weight:800}
.Support li > p {margin-top: 10px; font-size: 1em; line-height:1.5em;word-break: keep-all; font-weight:200}
.Support li:nth-child(1) {background: rgba(209,50,55,.85)}
.Support li:nth-child(2) {background: rgba(0,136,180,.85)}
.Support li:nth-child(3) {background: rgba(12,52,106,.85)}
/*company*/
.Maincompany {width:100%;; height: 500px;  background:#000}
.company {float:left;  width: 50%;  background:#a12226; height:100%}
.companyinfo {position: relative; padding-top: 100px; width:90%; max-width:650px; margin: 0 auto; font-size: .9em}
.companyinfo > img {position:absolute; left:0; top: 0; max-width:200px}
.companyinfo > p {color:#fff; display: inline-block; *display: inline; *zoom:1; vertical-align: top; line-height: 2em;margin-right: 50px}
.companyinfo > ul {display: inline-block; *display: inline; *zoom:1;}
.companyinfo > ul li { display: block; margin-bottom: 20px;color:#edb0b2; font-size:1em}
.sitemap {width:90%; max-width:650px; margin:20px auto; border-top:1px solid #ab393c; padding:20px 0 0 }
.sitemap div {display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 25%}
.sitemap div h3 {font-size:1.1em; color:#fff; margin-bottom: 1.5em}
.sitemap div ul {list-style:none; padding-left:0; font-size: .85em;}
.sitemap div:nth-child(1) {width:40%}
.sitemap div:nth-child(1) ul li {width:50%; float: left; text-align:left}
.sitemap div ul li a{color:#edb0b2; margin-bottom: .8em; display: block; width: 100%}
.sitemap div ul li a:hover {color:#fff; text-decoration: none}
.map {float:left; width: 50%; height: 100%; opacity: .8}
.skill {text-align:center; margin: 100px auto; max-width: 1100px;}
.skill ul li {width:30%; margin: 0 1%; text-align:center; display: inline-block; vertical-align: top}
.skill ul li:last-child {margin-bottom: 0; border-bottom:0}
.skill ul li > p {padding-bottom: 10px; }
.skill ul li > img { margin: 0 auto;; }	
.skill h3 {color:#333; font-weight:600; font-size: 1.5em;}

.Mainsolution  {padding:50px 0; background:url(../images/main/Mainsolution_bg.png) top left no-repeat; }
.Mainsolutioncon {float: left; width:50%; }
.Mainsolutioncon div {width:100%; max-width:460px; margin:100px auto 0;}
.Mainsolutioncon div h2 {width:100%; text-align:left; max-width:1100px; margin: 0 auto 50px;; color:#222328; font-weight:800; font-size:3.8em; line-height: 1.5em}
.Mainsolutioncon div h2 > small {display:block;color:#ed7013; margin-bottom: 5px; font-size:30%;font-weight: 600 }
.Mainsolutioncon p {font-size:1.1em; color:#333; line-height: 1.5em; margin-bottom: 50px}
.Mainsolutionimg {float:left; width: 50%; }
.Mainsolutionimg img {width:100%;max-width:500px; margin: 0 auto;}
.Mainsolutioncon div a {display:block; margin:2em 0; text-align: center; background:#ea3137; color:#fff; border-radius:50px; padding: 15px 0; width: 200px}

.Maindeviceinfo { position: relative;background:#f2f2f2; padding:50px 0 70px}
.Maindeviceinfo h2 {text-align: center;}
.Maindeviceinfo li img {display:block; margin: 0 auto 15px}
.Maindeviceinfo p {display:block; text-align:center; margin: 0 auto; color:#333; font-weight: 600}
.Maindeviceinfo .bx-wrapper {width:100%; max-width:1100px !important; padding:0; margin:0 auto; background:none !important;}
.Maindeviceinfo .bx-viewport {height:auto !important}
.Maindeviceinfo .bx-wrapper .bx-controls-direction a {width:20px !important; height:30px !important; top:20% !important; z-index: 999; }
.Maindeviceinfo .bx-wrapper .bx-next {background: url('../images/main/history_next.png') no-repeat 0 0; right:-50px;}
.Maindeviceinfo .bx-wrapper .bx-prev {background: url('../images/main/history_prev.png') no-repeat 0 0; left:-50px;}

@keyframes slide {
	0% { opacity: 0; transform: translateY(70%);}  
	100% { 	opacity: 1;  transform: translateY(0%); 	}
}
@-webkit-keyframes slide {
	0% { opacity: 0; -webkit-transform: translateY(70%); }  
	100% { opacity: 1; -webkit-transform: translateY(0%); }
}
@media screen and (max-width:1280px) {
	.company {width:60% }
	.map {width:40%;}
}
@media screen and (max-width:1200px) {
	.MainPartner .bx-wrapper {width:900px}
	.Maindeviceinfo .bx-wrapper {width:825px}
	.Mainbusiness > div > div {height:280px}
	.companyinfo > p {margin-right:15px;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {top:2% !important; right:5% !important; left:auto !important}
	.bxslider3 li:nth-child(1) {background-image: url(../images/main/solution01_M.jpg); background-size: cover;}
	.bxslider3 li:nth-child(2) {background-image: url(../images/main/solution02_M.jpg); background-size: cover;}
	.bxslider3 li:nth-child(3) {background-image: url(../images/main/solution03_M.jpg); background-size: cover;}
	.solutioncon {background:none;}
	.solutioncon div a {width:150px; padding:10px 0}
}
@media screen and (max-width:1080px) {

}
@media screen and (max-width:1000px) {
	.carousel-caption h1 {font-size:2em;} 
	.carousel-caption {bottom:20%}
	
}
@media screen and (max-width:980px) {
	.MainPartner .bx-wrapper {width:720px}
	.Maindeviceinfo .bx-wrapper {width:550px}
	.Mainbusiness > div > div {height:350px}
	.Maincompany {height:auto}
	.company {width:100% }
	.map {width:100%; height:300px; opacity: .7}
	.sitemap {display:none;}
	.Support li {height:300px;}
	.Support li > p br {display:none;}
	.Mainsolution {height:auto; background: none; padding:25px 0} 
	.Mainsolutioncon {float: none; width: 100%; max-width:750px; margin:0 auto; padding:5%;text-align:center; background:url(../images/main/solution01_M.png) 50% 50% no-repeat; background-size: 100%}
	.Mainsolution > div > div {}
	.Mainsolution > div h2 {text-align: center; margin:0 auto 15px}
	.Mainsolution > div p br {display: none;}
	.Mainsolution > div a {margin:30px auto 0}
	.Mainsolutionimg{display:none;}
}

@media screen and (max-width: 768px) {
	h2, .Mainsolutioncon div h2 {font-size:2em; line-height: 1.4em; margin-bottom: 25px}
	.Mainsolutioncon div h2 > small {font-size: 60%;}
	.col-sm-4 { text-align: center; margin: 25px 0; }
	.btn-lg { width: 100%; margin-bottom: 35px; } 
	.carousel-caption h1 {font-size:1.5em;} 
	.carousel-caption {bottom:25%}
}

@media screen and (max-width:720px) {
	.MainPartner .bx-wrapper {width:540px}
	.Maindeviceinfo .bx-wrapper {width:275px}
	.Mainbusiness > div > div {height:370px}
}

@media screen and (max-width: 680px) {
	.Mainbusiness {padding:2em 0;}
	.Mainbusiness > div > div h4 {margin-bottom:.5em}
	.Mainbusiness > div > div {width:90%; float: none; margin:1em auto; height: auto; box-shadow: none; border: 1px solid #ddd}
	.companyinfo {margin-bottom:25px}
	.companyinfo > p {margin-bottom:25px; line-height: 1.6em; text-align: center}
	.companyinfo > p, .companyinfo > ul {display:block; font-size:1.1em;}
	.companyinfo > ul {margin-bottom:25px; margin-top: 25px}
	.companyinfo > ul li {margin-bottom:10px;}
	.companyinfo > p br{display:none;}
	.companyinfo > img {width:50%; left:25%;}
	.Mainbusiness h4 {width:90%; margin:0 auto; font-size:1em;}
	footer {padding:20px 0 20px}
	footer div {text-align:center}
	footer div ul { position:relative; right:auto; top: auto; margin: 1em auto; }
	.MainSupport {background-image: url(../images/main/history_M.jpg);}
	.Maindeviceinfo {}
	.solutioncon div a {margin:2em auto}
	.solutioncon div {margin:0 auto; padding:2em 0 1em; }
	.skill { margin:50px auto; width:95%; }
	.skill ul li {width:90%; text-align:left; margin-bottom: 5%; border-bottom:1px solid #ddd}
	.skill ul li:last-child {margin-bottom: 0; border-bottom:0}
	.skill ul li > p {padding-bottom: 10px;}
	.skill ul li > img {float:left; margin: 5% 5% 2% 0;; width:70px;}	
	.Support li {width:100%; text-align:left; margin-bottom: 5%; padding:3% 5%; height: auto}	
	.Support li > img {float:left; margin: 5% 5% 5% 0; vertical-align: middle; width:50px}
	.Support li > p {vertical-align: middle; font-size:1em;}
	.MainSupport, .Maindeviceinfo { padding:50px 0}
	.Mainsolutioncon div {margin:0 auto ;}	
}

@media screen and (max-width: 560px) {
	.carousel-caption p {display:none}
	.MainPartner .bx-wrapper {width:300px}	
	.skill ul li > p {text-align: justify}
	.Maindeviceinfo .bx-wrapper .bx-next {right:0}
	.Maindeviceinfo .bx-wrapper .bx-prev {left:0}
}

@media screen and (max-width: 380px) {
	.MainSupport {padding:2em 0 }
	.Maindeviceinfo {padding:2em 0 2.5em}
	/*.Maindeviceinfo .bx-wrapper .bx-controls-direction {display:none;}*/
	
	.Maindeviceinfo > h2 {text-align:center; font-size:1.3em}
	.Maindeviceinfo > h2 small {font-size:85%; margin:0 auto 20px}
	.Support li > img { margin: 5% 5% 25% 0;}
}
/***********************************************************sub***********************************************************/
/*sub common*/
.contentPadding {   padding: 5% 0;   position: relative; }
.Stt {font-size:2.5em; color:#333; font-weight:800; margin-bottom: 0; line-height: 1.5em; margin:0; text-align: center}
.Stt small {font-size:60%; color:#333}
.Sttcomment {font-size:1.2em; color:#333; font-weight:normal; margin: 15px 0 60px; vertical-align: middle;  text-align:center;}
.Sttcomment2 {font-size:1em; color:#666; font-weight:normal; margin: 15px 0 60px; vertical-align: middle;  text-align:center;}
.Stt2 {font-size:1.8em; color:#345b96; font-weight:800; line-height: 1.5em; margin:30px 0 15px; text-align: center}
.Ctt {font-size:1.3em; color:#252525; font-weight:800; line-height:2em; margin:15px 0 0; display: block;}
.Cttcomment {font-size:1em; color:#252525; font-weight:normal;  margin-bottom: 30px;}
.con {font-size:1em; color:#666; line-height: 1.6em; word-break: keep-all}
.subcon {font-size:1.1em; color:#666; font-weight: normal; margin-bottom:50px}
.subcon > strong { font-size:1.4em; margin-top: 1em;  margin-bottom: .5em;  font-weight:700; color:#145aba; display: block; vertical-align: middle;}
.subcon > strong span {font-size:80%; }
.subcon > h4 {margin-bottom: 0; font-size: 1em;}
.borderR {border-right:1px solid #ddd}
.borderL {border-left:1px solid #ddd}
.borderB {border-bottom:1px solid #ddd}
.borderT {border-top:1px solid #ddd}
/*contact*/
.ab_banner_area { background: url(../images/sub/contact_bg.jpg) no-repeat scroll center center; background-size: cover; padding: 50px 0px 90px 0px; }
.businessbg { background: url(../images/sub/business_bg.jpg) no-repeat scroll center center; background-size: cover; padding: 50px 0px 90px 0px; }
.productbg { background: url(../images/sub/product_bg.jpg) no-repeat scroll center center; background-size: cover; padding: 50px 0px 90px 0px; }
.aboutbg { background: url(../images/sub/about_bg.jpg) no-repeat scroll center center; background-size: cover; padding: 150px 0px 90px 0px; }
.solutionbg { background: url(../images/sub/solution_bg.jpg) no-repeat scroll center center; background-size: cover; padding: 90px 0px 90px 0px; }
.ab_banner_area .ab_banner_text { text-align: center; color: #fff; }
.ab_banner_area .ab_banner_text h3 { color: #fff; font-weight: bold; font-size: 45px; font-family: "Montserrat", sans-serif; text-transform: uppercase; padding-bottom: 22px; }
.ab_banner_area .ab_banner_text ul li { display: inline-block; margin:0 20px; }
.ab_banner_area .ab_banner_text ul li a { font-size:1em; color: #ccc; position: relative; }
.ab_banner_area .ab_banner_text ul li span {font-size:.7em !important;   color: #eee; margin-left: 5px;}
.ab_banner_area .ab_banner_text ul li:last-child { margin-right: 0px; }
.ab_banner_area .ab_banner_text ul li.active a{ color: #fff; font-size:1.1em; font-weight:bold }
.ab_banner_area .ab_banner_text ul li a:hover {color:#fff}
.formInfo {position:relative; margin-bottom: 15px;}
.formInfo > span {position:absolute; left:0; top: 3px; color:#252525; font-size:1.3em;}
.formInfo > div {padding-left:40px; font-size:1.1em; line-height: 1.5em;}
.formInfo > div span {color:#333; font-weight:700}

/*history*/
.tabs-block {position: relative; }
.tab-menu { display: block; font-size: 1em; line-height: 26px; text-transform: uppercase; font-weight: 700; cursor: pointer; margin-bottom: 45px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; }
.tab-menu:last-child { margin-bottom: 0; } 
.tab-entry { display: none; } 
.tabContentWrapper { position: relative; top: 0;  right: 0; }
.tab-menu { position: relative; } 
.tab-menu span { display: inline-block; vertical-align:top; max-width: 45px; word-break: break-all; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; color:#333; font-weight: bold; font-size:1.2em }
.tab-menu p { display: inline-block; vertical-align: middle; margin-left: 50px; word-break: break-all; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; }
.tab-menu p span {font-size:.8em; vertical-align: middle; margin-top:-4px; margin-right: 5px }
.tab-menu .circle { display: inline-block; width: 14px; height: 14px; background: #ffffff; border: 2px solid #333; border-radius: 100%;  margin: 0 16px; position: absolute; top: 7px; left: 42px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; } 
.tab-menu.active span, .tab-menu.active p { color: #4356ea; }
 .tabMenuWrapper { position: relative; } 
.tabMenuWrapper:before { position: absolute; top: 10px; left: 63px; bottom: 10px; width: 4px; background: #d8d8d8; content: ''; }
.testimonials { position: relative; } 
.testimonials .imgWrapper { margin-bottom: 20px; }
.testimonials .imgWrapper img { border-radius: 100%; }
.testimonials p { color: #fff; font-size: 14px; line-height: 26px; margin-bottom: 20px;  }
.testimonials span { color: #fff; font-size: 14px; line-height: 26px; font-style: italic; }

/*introduction*/
.introwrap {margin: 0 auto;}
.intro1 {font-size:2.5em; font-weight:400; color:#333; margin-bottom: 15px; line-height: 1.3em}
.intro1 strong {font-weight:600; color:#000}
.intro2 {background:#0767b0; color:#fff; padding:5px 10px; margin-bottom: 15px; display: inline-block; font-size: 1.35em}
.intro3 {font-size:1.2em; line-height: 1.7em; font-weight: normal; word-break: keep-all; color: #000; margin-top: 15px; letter-spacing: -0.05em}
.introimg {width:100%; max-width: 306px; margin: 0 auto 15px;}
.about .Stt, .about .Sttcomment {text-align: left }
.about .Sttcomment  {margin-bottom: 30px}

/*organization*/
.organization {text-align:center;}
.organization > img {width:90%; max-width:719px;}

/*partner*/
.servicesThumbnail { position: relative; max-width: 370px; margin: 0 auto 15px; background: #FFF; text-align: center; padding: 30px 0; border: 1px solid #EDEDED; text-align: center; -webkit-box-shadow: 0 0 27px 0 transparent; box-shadow: 0 0 27px 0 transparent; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; }
.servicesThumbnail .imgWrapper img { margin: 0 auto; width:80%; max-width:150px; }
.servicesThumbnail a { -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; }
.servicesThumbnail a:hover, .servicesThumbnail a:focus { color: #4356ea; }
.servicesThumbnail:hover { background: #fff; border-color: #fff; -webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15); }
.contactUsBlock { position: relative; }
.contactUsBlock .as { margin-bottom: 10px; text-transform: none; font-weight: 600;  }
.contactUsBlock p { font-size: 18px; line-height: 25px; font-weight: 300; color: #fff; }
.ourClient { position: relative; padding: 22px 0; min-height: 121px; max-width: 170px; margin: 0 auto; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}
.ourClient .imgWrapper img { margin: 0 auto; }

/*이용약관 개인정보취급방침*/
.rulewrap {word-break: keep-all; margin: 2em auto; text-align:left}
.rulewrap > h3 {font-size:1.3em; margin-bottom: 1em; font-weight:600;}
.rulewrap > h4 {font-size:1.2em; margin: 2em 0 1em; font-weight:600;}
.rulewrap > h5 {font-size:1em; margin-bottom: .7em; margin-top: 1.5em; font-weight:600;}
.rulewrap h6 {font-size:.9em; margin-bottom: .7em; font-weight:600; margin-top: 1em;}
.rulewrap > .ruleupload {font-size:.7em; color:#999;  text-align: right}
.rulewrap > div {font-size:.9em; line-height: 1.5em; margin-bottom:1em; font-weight:500; color:#666}
.rulewrap > div strong {font-weight:600; color:#333; font-size:1.1em; line-height: 1.5em}
.rulewrap > div ul {margin: .5em; list-style:none; padding-left:0}
.rulewrap > div ul > li {margin-bottom: .8em}
.rulewrap > div ul > li > ul {margin: .5em 0 .5em 1em; font-size: .9em;}
.rulewrap > div ul > li > ul > li { margin-bottom: 0}
.rulewrap > div ul > li > ul > li span {margin: .2em 0 .2em 1em;  color:#888; display: block;}
.ruletbl {width:100%; border-collapse: collapse; margin: .5em 0 1em; text-align:center; font-size:11px; line-height: 1.6em}
.ruletbl th {background: #f5f5f5; padding:5px 12px; border:1px solid #ddd; vertical-align: middle; text-align:center}
.ruletbl td { padding:10px 12px; border:1px solid #ddd;vertical-align: middle;}
.ruletbl td a {color:#000; }
.ruletbl td a:hover {text-decoration: underline}
.rulecomment {font-size:.85em; color:#B94D4E}
/*location*/
.location { height: 350px; border: 1px solid #ccc; box-sizing: border-box; padding:0}
.location iframe {width:100%;}
.locationinfo {text-align:left; word-break: keep-all;}

/*경영이념*/
.Ideologyimg {width:100%; max-width:751px; margin: 30px auto; display: block}
.Ideologylist {text-align:center; width:100%; margin: 30px auto;  max-width:751px;  list-style: none}
.Ideologylist li {width:33.3333%; float: left}
.Ideologylist li strong {font-size:1.1em; color:#333; font-weight:800; vertical-align: middle; margin-bottom: 15px; display: block;}
.Ideologylist li p {width:90%; margin: 0 auto; font-size:.9em; line-height: 1.6em; word-break: keep-all; border-top: 1px solid #ddd; padding-top: 15px;}
.Ideologylist li strong::before {content: ""; display: inline-block; height: 15px; width: 15px;margin: 0 5px 0 0; border-radius: 30px;vertical-align: middle;}
.Ideologylist li:nth-child(1) strong::before { background:#ffc601;}
.Ideologylist li:nth-child(2) strong::before { background:#4ea4d6;}
.Ideologylist li:nth-child(3) strong::before { background:#4fb6ae;}


/*사업영역*/
.businessimg {width:100%; max-width:610px; margin: 30px auto; display: block}
.businessbtn {width:80%; max-width:350px; padding: 15px 0; font-size:15px; font-weight: bold; color:#fff; background:#c41515; text-align:center; margin: 0 auto 25px; display: block;}
.businessbtn:hover {text-decoration: none; color:#fff;}
.businesstbl {width:90%; max-width:666px; margin:0 auto }
.businesstbl td {padding:10px; text-align: left; border: 1px solid #ddd; font-size:.8em; vertical-align: top; word-break: break-all}
.businesstbl td small {font-size:90%}
.businesstbl td::before {content: ""; display: inline-block; height:5px; width:5px;margin:-3px 5px 0 0; border-radius: 5px;vertical-align: middle; background:#ccc}
.businesstext {width:90%; max-width:666px; margin: 0 auto 15px; color: #666}
.businesstext strong {display:block; color:#333}

/* 솔루션 개요 */
.Solcomment {font-size:1.5em; pointer-events: 1.5em; color:#333; font-weight:400;  margin: 15px 0 60px; vertical-align: middle;  text-align:center;}
.Solcomment strong {font-weight:600}
.SummaryWrap {text-align:center; }
.SummaryWrap li {float:left; width: 25%; list-style: none;}
.SummaryWrap li:nth-child(odd) {color:#109ae2}
.SummaryWrap li:nth-child(even) {color:#1a71c2}
.SummaryWrap li:last-child {background: none;}
.SummaryWrap li img {width:95%; max-width:250px; margin: 0 auto 15px;}
.SummaryWrap li p {font-size:1em; font-weight:600; }
.SummaryWrap li p strong {font-size:1.4em; display: block; }

/*솔루션 구성 PC MOBILE IMG*/
.makeimgPC, .userappimg {display: block; width: 100%; max-width: 970px; margin: 0 auto}
.makeimgM {display: none; width: 100%}
/*솔루션 예시*/
.adminimg {width:100%; max-width: 970px;margin: 0 auto ; display: block}
.eximg {width:100%; max-width: 610px;margin: 0 auto ; display: block}
.referenceimg {width:100%; max-width: 610px;margin: 0 auto ; display: block}
.textred {color:#ba2242}

/*온도센서*/
.pro6 {max-width: 815px; margin:0 auto; width:100%; }
.pro6 > ul {margin-top:25px;  width: 95%; margin: 2em auto 0;}
.pro6 > ul li {font-size:1em; color:#333; line-height: 1.4em; margin-bottom: .5em; }


@media screen and (max-width:1000px) {
.solutionlist4 {border: 1px solid #ededed; width:90%; margin: 0 auto;  float:none; }
		.verAlign > *[class*="col-"] {display: block;}
}
@media screen and (max-width:767px) {
	.ab_banner_area .ab_banner_text h3 {font-size:2.5em; padding-bottom:0; margin-bottom:.5em; line-height: 1em}
	.ab_banner_area {padding:0 0 5%}
	.Stt {text-align:center; font-size:2em; }
	.Stt2 {text-align:center; font-size:1.5em; }
	.Mnone {display:none;}
	.subcon {width:95%; margin: 0 auto;}
	.solutionlist, .solutionlist3 {width:100%;}	
	.subcon > strong {margin-top:2em; margin-bottom:1em}
	.logolist li {width:20%}
	.Sttcomment {font-size:1em; text-align:center; margin: 15px 0 0px}
	.Sttcomment2 {font-size:.9em; text-align:center; margin: 15px 0 0px}
	.imgWrapper img {margin-bottom:25px;}
	.portfolioContent {margin:0 10px;}
	.introwrap {padding:0 5%}
	.intro1 {font-size:2em;}
	.intro3 {margin-bottom: 50px;}
.SummaryWrap li p {font-size:.9em;}
	.SummaryWrap li p strong {font-size:1.2em; }
	.Solcomment {font-size:1.2em}
	.Solcomment br {display:none}
	.officeImg {display: none}
	.Ideologylist li {width:90%; margin: 0 auto 30px; float:none; background:#f6f6f6; padding:5% 5% 7% 5%; border-radius:15px}
	.businesstbl {width:100%}
	.businesstbl td {display:inline-block; border:0; width: calc(50% - 4px); margin:2px; background: #f4f4f4; box-sizing: border-box;}

}

@media screen and (max-width:560px) {
	
	.ab_banner_area .ab_banner_text h3 {font-size:1.8em; }
	.Stt {text-align:center; font-size:1.5em; }
	.Stt2 {text-align:center; font-size:1.2em; }
	.location {border-left:0; border-right:0}
	.location { height: 200px;}
	.subcon {margin-bottom:20px}
	.ab_banner_text ul {/* display:none */text-align: center;margin-top: 30px;border-top: 1px solid rgba(255,255,255,.5);padding-top: 20px;}
	.ab_banner_area .ab_banner_text ul li {margin:0 0 5px 0;  line-height: 2em; width: 40%;}
	.ab_banner_area .ab_banner_text ul li.active a {font-size:1em;}
	.makeimgPC {display: none}
	.makeimgM {display: block}
	.Sttcomment  > br {display:none;}

	
}
@media screen and (max-width:380px) {
	
	.tab-menu p {font-size:.8em; margin-left:30px;}
	.tabMenuWrapper:before {left:53px;}
	.tab-menu .circle {left:32px;}
	.SummaryWrap li {width:50%; margin-bottom: 20px}
	.businesstbl td {padding:10px 3px; text-align: center;}
	.businesstbl td::before {display:none}
		.ab_banner_area .ab_banner_text ul li {width: 45%;}
	
}