/*
THEME NAME:SmartM2M
THEME URI:http://www.smartm2m.co.kr/theme/
DESCRIPTION: SmartM2M Theme
VERSION:2.0
AUTHOR:Busanweb
AUTHOR URI: http://www.smartm2m.co.kr
TAGS:SmartM2M 
*/


@import url('assets/css/font.css');
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;/*box-sizing:border-box !important;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;*/}
html,body {font-family: "notokr", sans-serif;font-size:14px;margin:0; padding:0; width:100%; height:100%;}
table,div,hr{ border-collapse:collapse;}
textarea { overflow:auto; }
select,input,img,li{ vertical-align:middle; text-align:left; }
ul, li, ol { list-style-type:none;}
ul li {vertical-align:top;font-size:100%;display:inline-block;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
button,input {*overflow: visible;line-height: normal;}
label,input,button,select,textarea,a {outline: none;}
a {outline: none;text-decoration:none}

input[type="checkbox"],input[type="radio"]{margin:-3px 2px 0 0;min-width:14px;min-height:14px;vertical-align:middle;}
input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="color"],
input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"]{display:inline-block;padding-left:5px;margin:0;*padding:2px 0px;border: 1px solid #ddd;background-color:#FFF;}
select{width:auto;padding:0px 3px;min-width:60px;*padding:2px 0px;border: 1px solid #ccc;background-color:#FFF;}
textarea{padding: 4px 6px;*padding:2px 0px;border: 1px solid #ccc;overflow:auto;background-color:#FFF;}
img {box-shadow:none;display:inline-block;vertical-align:middle;max-width:100%;height:auto;border: 0;-ms-interpolation-mode: bicubic;image-rendering: optimizeQuality;}
select,label,input,textarea,keygen{display:inline-block;color:#6A6A6A;font-size:13px;line-height:18px;vertical-align:middle;}
label{padding-right:10px;border:none;} 
label:last-child{padding-right:0px;} 
abbr,acronym {border: 0;}
legend,hr{ display:none; }
legend {height: 0px;overflow: hidden;}
iframe{max-width:100% !important;}
.container:after,.container-fluid:after,.ht-widget-wrap:after{clear:both;}
.container{padding:0px;margin:0 auto !important;position:relative;}
.container-fluid{padding:0px;margin:0px;position:relative;}


a:link, a:visited {text-decoration:none;background:none;}
a:hover,button:hover{text-decoration:none; cursor:pointer;background:none;color:#333;}


.ht-wrapper{}
.ht-layout{}
.ht-display-none{display:none;}
.ht-menu-icon{display:inline-block;cursor:pointer;vertical-align:middle;padding: 0 10px 0 0;}
.ht-right-icon{float:right;cursor:pointer;padding: 1px 0 0 10px;}
.ht-top-bar-search{float:right;cursor:pointer;padding: 0 0 0 0px; position:relative;width:20px; height:22px;margin-left:8px;}
.ht-mobile-search-btn{cursor:pointer;}
.ht-top-bar-search form{position:absolute;right:20px;}
.ht-top-bar-search form input{width:0px; display:none; padding-right:20px;height:21px;}
.ht-top-search-btn{position:absolute;right:3px;top:1px;display:inline-block;width:16px;cursor:pointer;}
.ht-top-close-btn{position:absolute;right:3px;top:2px;display:none;}
.ht-left-img{float:left;}
.ht-border-style1{border:solid 1px #e1e1e1;}
.ht-border-top-style1{border-top:solid 1px #e1e1e1;}
.ht-border-bottom-style1{border-bottom:solid 1px #e1e1e1;}

.icon-panel-open:before {
  content: "\f0c9" !important;
  font-style: normal;
  font-size: 20px;
  color: #DDD;
}

/* header start */

.ht-header-wrapper{
  padding:7px 0;
}
.mb-mobile .ht-header-wrapper,.mb-tablet .ht-header-wrapper{
  padding:2px 0;
}


.ht-main-wrapper{  position:relative;/*overflow:hidden;*/
  background:white;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
.ht-top-bar{
  background-color: #f8f8f8;
  font-weight: 200;
  font-size:13px;
  line-height:16px;
  min-height:29px;
  color:#787878
}
.ht-top-bar .container, .ht-top-bar .container-fluid{
  padding-top:5px !important;
  padding-bottom:2px !important;
}

.ht-top-widget-open {
  color:#ccc;
  -webkit-transition:0.2s all ease-in-out;
  -moz-transition:0.2s all ease-in-out;
  -ms-transition:0.2s all ease-in-out;
  -o-transition:0.2s all ease-in-out;
  transition:0.2s all ease-in-out;
  font-weight:500;
  font-size:24px;
  cursor:pointer;
  top:17%;
  position:absolute;
  left:50%;
  right:50%;
  background-image:url('assets/images/icon_widget_small_bottom.png');
  background-size:20px 20px;
  background-repeat:no-repeat;
  width:20px;
  height:20px;
}

.ht-top-widget-open.ht-show-panel{
	background-image:url('assets/images/icon_widget_small_top.png');
}

/*
.ht-top-widget-open:before {
  content:"\f107";
  font-family:"FontAwesome";
}
.ht-top-widget-open.ht-show-panel {
  color:#333;
}
.ht-top-widget-open.ht-show-panel:before {
  content:"\f106";
}*/


.ht-menu-wrapper {
  display:table;
  width:100%;
  padding:10px 0;
  position:relative;
}
.ht-menu-wrapper .ht-menu-logo {
  display:table-cell;
  vertical-align:middle;
  padding-top:0;
}
.ht-menu-wrapper .ht-site-navigation{
  display:table-cell;
  vertical-align:middle;
  margin:0;  
  padding:0px;
}
.ht-menu-wrapper .ht-site-navigation .ht-menu-nav{
  float:right;
}

.ht-main-nav-panel .ht-menu-wrapper .ht-menu-logo {
  height:64px;
}

.ht-top-navbar-panel .ht-menu-wrapper .ht-menu-logo {
  height:48px;
}


.ht-menu-logo img{max-width:260px;max-height:52px;}
.mb-mobile .ht-menu-logo img{max-width:210px;max-height:auto;}
.ht-top-navbar .ht-menu-logo img{max-width:180px;max-height:auto;}

.ht-top-navbar-panel {
  position:fixed;
  background-color:#FFF;
  -webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.2);
  padding-top:3px;
  height: 56px;
  top:-200px;
  left:0;
  width:100%;
  z-index: 99990;
  -webkit-transition:0.4s all ease-in-out;
  -moz-transition:0.4s all ease-in-out;
  -ms-transition:0.4s all ease-in-out;
  -o-transition:0.4s all ease-in-out;
  transition:0.4s all ease-in-out;
  border-bottom:1px solid #e1e1e1;
}

.ht-top-navbar-panel.ht-navbar-search-show{
	height:107px;
}
.ht-top-navbar-panel .ht-top-navbar .ht-menu-logo {
  display:table-cell;  
  vertical-align:middle;  
  padding:5px 0 0px;
}
.ht-top-navbar-panel.ht-top-navbar-show {
  top:0;
}

.wp_adminbar .ht-top-navbar-panel.ht-top-navbar-show {
  top:32px;
}
.mb-mobile .ht-top-navbar-panel.ht-top-navbar-show, .mb-mobile.wp_adminbar .ht-mobile-panel{
  top:0px;
}


/* header end */
.ht-show-search-popup-btn{
	display:inline-block;width:20px; height:100%; padding-top:13px;	position:absolute;right:6px;top:5px;cursor:pointer;
}
.ht-show-search-popup-close-btn{
	display:inline-block;width:20px; height:100%; padding-top:13px;	position:absolute;right:6px;top:5px;cursor:pointer;
	display:none;
}
.ht-show-search-popup-close-btn img{
	float:right;
}
.ht-show-search-popup-btn img{
	float:right;

}
.ht-top-navbar-popup-search{	
	width:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition:0.4s all ease-in-out;
	-moz-transition:0.4s all ease-in-out;
	-ms-transition:0.4s all ease-in-out;
	-o-transition:0.4s all ease-in-out;
	transition:0.4s all ease-in-out;
}
.ht-top-navbar-popup-search .container>div, .ht-top-navbar-popup-search .container-fluid>div{
	padding:10px 0px;
	border-top:1px solid #E9E9E9;
}

.ht-top-navbar-popup-search.ht-popup-search-show{
	opacity:1;
	top:56px;	
}

.ht-top-navbar-popup-search input{
	height:30px;
	width:100%;
}
.ht-top-navbar-popup-search form{
	position:relative;
}

.ht-top-navbar-popup-search .ht-popup-search-send{
	position:absolute;
	cursor:pointer;
	right:3px;
	top:4px;
	display:inline-block;
	width:20px;
}
/* back to top start */

.ht-back-to-top {
  position:relative;
  display:block;
  text-align:center;
  cursor:pointer;
  position:fixed;
  font-size:11px;
  text-transform:uppercase;
  z-index:3;
  bottom:-95px;
  right:30px;
  height:42px;
  width:42px;
  color:#6f6f6f;
  -webkit-transition:0.3s all ease-in-out;
  -moz-transition:0.3s all ease-in-out;
  -ms-transition:0.3s all ease-in-out;
  -o-transition:0.3s all ease-in-out;
  transition:0.3s all ease-in-out;
  background-color:transparent
}

.ht-back-to-top.ht-back-to-top-shown {
  bottom:0;
}
.ht-back-to-top:before {
  content:"";
  opacity:1;
  display:block;
  width:100%;
  height:100%;
  text-indent:0;
  line-height:48px;
  color:#fff;
  text-align:center;  
  background:transparent;
  -webkit-transition:0.4s all ease-in-out;
  -moz-transition:0.4s all ease-in-out;
  -ms-transition:0.4s all ease-in-out;
  -o-transition:0.4s all ease-in-out;
  transition:0.4s all ease-in-out;
}
.ht-back-to-top i {
  display:block;
  line-height:20px;
  color:#e5e5e5;
  font-size:36px;
  position:absolute;
  top:-40px;
  width:60px;
  height:60px;
  background:url("img/icon_top.png");
}
.ht-back-to-top:hover:before {
  background:transparent;
  color:#fff !important;
}
.ht-back-to-top span {
  display:none;
}

/* back to top end */






/* mobile menu start */
.ht-mobile-panel {
  -webkit-transform: translate3d(-270px,0,0);
  -moz-transform: translate3d(-270px,0,0);
  -ms-transform: translate3d(-270px,0,0);
  -o-transform: translate3d(-270px,0,0);
  transform: translate3d(-270px,0,0);
  -webkit-transition:0.4s all ease-in-out;
  -moz-transition:0.4s all ease-in-out;
  -ms-transition:0.4s all ease-in-out;
  -o-transition:0.4s all ease-in-out;
  transition:0.4s all ease-in-out;
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 9999999;
  height: 100%;
  width: 260px;
  background-color: #FFF;
  overflow-y: auto;
}
.ht-mobile-panel > div{
	padding-left: 10px;
	padding-right:10px;
}

.ht-mobile-panel-dim{
	position:fixed;
	top: 0;
	left: 0;
	z-index: 9999998;
	height: 0;
	width: 0;
	background-color:#000;
	-webkit-transition:0.5s opacity ease-in-out;
	-moz-transition:0.5s opacity ease-in-out;
	-ms-transition:0.5s opacity ease-in-out;
	-o-transition:0.5s opacity ease-in-out;
	transition:0.5s opacity ease-in-out;
	opacity:0;
}
.ht-mobile-panel-shown .ht-mobile-panel-dim{
	position:fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity:0.3;

}
.ht-mobile-panel-shown .ht-mobile-panel {
  -webkit-transition:0.3s all ease-in-out;
  -moz-transition:0.3s all ease-in-out;
  -ms-transition:0.3s all ease-in-out;
  -o-transition:0.3s all ease-in-out;
  transition:0.3s all ease-in-out;  
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-box-shadow: 0px 5px 5px #777;
  -moz-box-shadow: 0px 5px 5px #777;
  box-shadow: 0px 5px 5px #777;
  height: 100%;  
  left: 0;  
}
.ht-mobile-panel-header{
  padding:10px 0px 7px;
  border-bottom:1px solid #EEE;
  text-align:center;
  background-color:#f8f8f8;
}

.ht-mobile-panel-heading{
	width:100%;
	background-color:#f8f8f8;
	border-top:1px solid #ebebeb;
}

.ht-mobile-panel-heading > div{
	padding:18px 2px 15px;
	text-align:center;
}
.ht-mobile-search-box{
	padding:10px 10px;
	border-top:1px solid #ebebeb;
	position:relative;
}
.ht-mobile-search-box input{
	height:25px;
	width:100%;
	padding-left:5px;
	border:1px solid #dadada;	
}
.ht-mobile-search-box img{
	position:absolute;
	top:14px;
	right:15px;
}

.ht-mobile-panel .ht-close-ht-mobile-panel{
	margin-right:5px;
  display: inline-block;
  width: 17px;
  height: 30px;
  cursor:pointer;
  background-image: url(assets/images/icon_small_close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size:17px 17px;
  float:right;
}

/*------------------------------------*/

.ht-mobile-panel-header .ht-mobile-panel-header-person .ht-header-person-info {
  float:left;
  vertical-align:middle;
  font-size: 13px;
}
.ht-mobile-panel-header .ht-mobile-panel-header-person .ht-header-person-img{
  content: "";  
  width: 35px;
  height: 35px;
  cursor:pointer;  
  background-repeat: no-repeat;
  background-position: center center;
  background-size:35px 35px;
  background-color:#ddd;
  border-radius:100%;
  vertical-align:middle;
  margin-left:1px;
  margin-top:1px;
}

.ht-mobile-panel-header .ht-mobile-panel-header-person .ht-header-person-name{
  text-align:left;
  line-height:18px;
  margin-left:9px;
  margin-top:1px;
}

.ht-mobile-panel-header .ht-mobile-panel-header-person .ht-header-person-name span{
  font-size: 12px;
  color:#888;
  
}
.ht-mobile-panel-header .ht-mobile-panel-header-person .ht-header-person-login{
  line-height:18px;
  margin-left:9px;
  margin-top:10px;
}


/* mobile menu end */


/* widget panel start */

.ht-bottom-widget-panel{
  padding-top:25px;
  padding-bottom:10px;
}

.ht-top-widget-panel {
  padding-top:15px;
  padding-bottom:10px;
  position:absolute;
  width:100%;
  z-index:0;
  background:#EEE;
  
  -webkit-transition:0.2s all ease-in-out;
  -moz-transition:0.2s all ease-in-out;
  -ms-transition:0.2s all ease-in-out;
  -o-transition:0.2s all ease-in-out;
  transition:0.2s all ease-in-out;
  -webkit-transform:translateY(-100%);
  -moz-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  -o-transform:translateY(-100%);
  transform:translateY(-100%);
}
.ht-top-widget-panel.ht-show-panel {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  -o-transform:translateY(0);
  transform:translateY(0);
}

.ht-right-widget-panel{
  width: 290px;
  position:fixed;
  z-index: 999998;
  top:0;
  right:-290px;
  padding:30px 22px;
  height:100%;
   -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #FFF;
}

.ht-right-widget-show .ht-right-widget-panel {  
  right:0px;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  font-size: inherit;
}
.ht-widget-panel .ht-widget-title{
  font-size:15px;
  font-weight:500;
  padding:20px 3px;
  margin-bottom:20px;
  border-top:1px solid #e1e1e1;
  border-bottom:1px solid #e1e1e1;
}
.ht-right-widget-panel .widget{
  width:100%;padding-bottom:40px;
}
.mb-tablet .ht-sidebar-right,.mb-desktop .ht-sidebar-right,.mb-desktop-large .ht-sidebar-right {
  padding:40px 0 20px 36px;  
}
.mb-tablet .ht-sidebar-left,.mb-desktop .ht-sidebar-left,.mb-desktop-large .ht-sidebar-left{
  padding:40px 36px 20px 0;  
}
.mb-mobile .ht-sidebar-left,.mb-mobile .ht-sidebar-right{
  padding-top:30px;  
  padding-bottom:10px;  
}
.widget>ul{
  padding:0 5px 0px;
}

.ht-widget-wrap>div{
  width:100%;padding:10px 0px 15px;
}
.ht-side-widget-panel .ht-widget-wrap>div:first-child{
  padding-top:0px;
}
.ht-side-widget-panel .ht-widget-wrap>div{
  padding-bottom:30px;

}
.ht-widget-inline-2>div{
  float:left;width:50%;padding:0 10px;
}
.ht-widget-inline-3>div{
  float:left;width:33.333333333%;padding:0 10px;
}
.ht-widget-inline-4>div{
  float:left;width:25%;padding:10px 10px;
}
.ht-widget-inline-5>div{
  float:left;width:20%;padding:0 5px;
}

.mb-tablet .ht-widget-inline-2>div,.mb-tablet .ht-widget-inline-3>div,.mb-tablet .ht-widget-inline-4>div,.mb-tablet .ht-widget-inline-5>div{
  float:left;width:50%;padding:10px;
}
.mb-mobile .ht-widget-inline-2>div,.mb-mobile .ht-widget-inline-3>div,.mb-mobile .ht-widget-inline-4>div,.mb-mobile .ht-widget-inline-5>div{
  float:none;width:100%;padding:10px 0;
}



/* sidebar end */



/* content start */


.ht-content-fluid{
}
.mb-mobile .ht-content{
  padding:15px 0 15px;
}
/* content end */


/* footer start */

.ht-footer-wrapper{
  padding-top:10px;
  min-height:50px;
}

/* footer end */

.ht-mobile-panel .ht-register-link{
 background-image: url(assets/images/bg_paging_bar.gif);
 background-repeat: no-repeat;
 background-position:left center;
}

.ht-mobile-panel .ht-logout-link{
 background-image: url(assets/images/bg_paging_bar.gif);
 background-repeat: no-repeat;
 background-position:left center;
}

.ht-login-link{
	position:relative; padding-left:20px;
}
.ht-login-link a:before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor:pointer;
  background-image: url(assets/images/icon_small_login.png);
  background-repeat: no-repeat;
  background-position: center center;
  position:absolute;
  background-size:cover;
  left:-20px; 
  top:-1px;
}
.mb-mobile .ht-login-link a:before{
  width: 16px;
  height: 16px;
  background-image: url(assets/images/icon_small_login_mobile.png);
}
.ht-register-link{
	position:relative;padding-left:20px;
}
.ht-register-link>a:before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor:pointer;
  background-image: url(assets/images/icon_small_register.png);
  background-repeat: no-repeat;
  background-position: center center;
  position:absolute;
  background-size:cover;
  left:-20px; 
  top:0px;
}
.mb-mobile .ht-register-link>a:before, .mb-mobile .ht-my-account-link>a:before{
  width: 16px;
  height: 16px;
  background-image: url(assets/images/icon_small_register_mobile.png);
  top:-1px;
}
.ht-logout-link{
	position:relative;padding-left:20px;
}
.ht-logout-link a:before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor:pointer;
  background-image: url(assets/images/icon_small_login.png);
  background-repeat: no-repeat;
  background-position: center center;
  position:absolute;
  background-size:cover;
  left:-20px; 
  top:0px;
}
.mb-mobile .ht-logout-link a:before{
  width: 16px;
  height: 16px;
  background-image: url(assets/images/icon_small_login_mobile.png);
 }
.ht-my-memo-count{
	display:inline-block;-webkit-border-radius:100%;-moz-border-radius:100%;-khtml-border-radius:100%;border-radius:100%;
	min-width:15px;height:14px;background-color:#e2472f;text-align:center;color:#fff;font-size:11px;
	padding:0 0 0 1px;
	margin-right:6px;
}
.ht-my-cart-link{
	position:relative; padding-left:20px;
}
.ht-my-cart-link a:before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor:pointer;
  background-image: url(assets/images/icon_small_my-cart4.png);
  background-repeat: no-repeat;
  background-position: center center;
  position:absolute;
  background-size:cover;
  left:-20px; 
  top:0px;
}

.mb-mobile .ht-my-cart-link a:before{
  width: 16px;
  height: 16px;
  background-image: url(assets/images/icon_small_my-cart4_mobile.png);
  top:-1px;
}

.ht-my-account-link{
	position:relative; padding-left:20px;
}
.ht-my-account-link>a:before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor:pointer;
  background-image: url(assets/images/icon_small_register.png);
  background-repeat: no-repeat;
  background-position: center center;
  position:absolute;
  background-size:cover;
  left:-20px; 
  top:0px;
}
.ht-search-link{
	position:relative;
}
.ht-search-link a:before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor:pointer;
  background-image: url(assets/images/icon_small_search.png);
  background-repeat: no-repeat;
  background-position: center center;
  position:absolute;
  background-size:cover;
}

.mb-hide-content{
	display:none !important;
}
.ht-my-account-link  .menu  {width:100%;background:#fff}
.ht-my-account-link  .menu > li {display:block;margin:0;padding:0}
.ht-my-account-link  .menu > li > a {display:block;font-size:16px;color:#333;padding:0;margin:0}
.ht-my-account-link .menu > li > .sub-menu > li {display:block;border:none;float:right;line-height:2}
.ht-my-account-link > li > div {display:block;border:1px solid blue;width:100%}
.ht-my-account-link .menu > li {display:block;width:100%}
.ht-my-account-link .menu > li > .sub-menu > li {display:block;float:none;text-align:left;padding-left:20px}
.ht-mobile-panel ul.ht-links {}
.ht-mobile-panel ul.ht-links > li {display:block;width:95%;background:#fff;text-align:center;border-bottom:#eee;padding-bottom:0;padding-top:0;line-height:30px}
.ht-mobile-panel ul.ht-links > li.mlink {float:none;display:block;width:100%;text-align:center;border-bottom:1px solid #eee;margin-bottom:10px;background:#f8f8f8}
.ht-mobile-panel ul.ht-links > li.mlink a {display:inline-block;padding-right:50px;line-height:1em}
.ht-mobile-panel ul.ht-links > li.mlink a:last-of-type {padding-right:0}
.ht-mobile-panel ul.ht-links .menu > li > a {display:block;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px 10px;font-size:13px;font-weight:500}
.ht-mobile-panel ul.ht-links .sub-menu {margin:0}
.ht-mobile-panel ul.ht-links .sub-menu > li > a {display:block;}
.ht-mobile-panel .ht-register-link {background:none}
/*
.ht-post-breadcrumbs,.list-head {display:none}
.ht-body-head-wrapper {border-bottom:0}
*/
.mb-board .tab-menu-on {padding:0 !important;border:0 !important}
.gallery_name {}
.vc_custom_heading,.vc_separator {display:none !important}
/*.list-head {display:none !important}*/
.col-sm-12 {padding-left:0 !important;padding-right:0 !important}
.mb-latest-title {display:none}
.mb-board div select {min-width:200px !important}
.ht-content > article > p {display:none}
.mb-mobile .list-search {display:none}
.ht-links li {display:inline}
.ht-body-head-wrapper {display:none}
.mb-desktop-large .list-search, .mb-desktop .list-search {display:none}
.mb-tablet .list-search {display:none}
.gallery-list .gallery-list-head {border-top:0 !important}


/* Add Homepapge CSS */
/* common */
@import url('font.css'); 
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
*:focus { outline:none; }
/* {box-sizing:border-box !important;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;}*/
html,body {font-family: "notokr", sans-serif;font-size:14px; width:100%; height:100%;margin-top:0 !important}
ul,ol,dl {list-style:none}
ul {font-size:0}
ul li {display:inline-block;vertical-align:top;font-size:14px}
a,a:link,a:visited,a:hover  {text-decoration:none !important;}
img {border:0;max-width:100%;width:auto}
table {border-spacing:0;border-collapse:collapse}
.clear {clear:both}
.green {color:#2fe19c}
.blue {color:#025dc3}
.red {color:#c40000}
.red2 {color:#e6441f}
.white {color:#fff !important}
.left {float:left}
.right {float:right}
.strong {font-weight:500}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space70 {clear:both;height:70px}
.space80 {clear:both;height:80px}
.space90 {clear:both;height:90px}
.space100 {clear:both;height:100px}
.pc1200 {display:block}
.mobile1200 {display:none}
.pc1000 {display:block}
.mobile1000 {display:none}
.pc840 {display:block}
.mobile840 {display:none}
.pc640 {display:block}
.mobile640 {display:none}
.pc480 {display:block}
.mobile480 {display:none}
.box{ width:100%; height:100%; position:relative; color:#ffffff}
.wr1200 {max-width:1200px;margin:0 auto}




/* fix main */
.solution-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.solution-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
}

.solution-item:last-child {
  border-bottom: none;
}

.item-img img {
  width: 160px;
  height: auto;
  border-radius: 4px;
  object-fit: cover;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.item-text {
  flex: 1;
}

.item-text .title2 {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.4;
  color: #111;
}

.item-text .con-txt {
  font-size: 17px;
  line-height: 1.6;
  color: #333;
/*   white-space: pre-line; /* 줄바꿈 허용 */ 
}





/* wrap */
#wrap {}


/* header */

#header {position:relative;background:#000}
#header .total_menu {position:absolute;top:107px;background:#1c2537;padding:0 19%}
#header .total_menu > ul > li {display:inline-block;padding:0 3.5%}
#header .total_menu > ul > li > span a {display:block;}
#header .total_menu {}
#header .slideshow-image {
  position: absolute;
  width: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns-1;
  animation-name: kenburns-1;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 5s;
  animation-fill-mode:both;
  -webkit-animation-fill-mode:both;
  animation-duration: 4s;
  opacity: 0;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/* #header .main {background:url("img/main_img.jpg") no-repeat center bottom;background-size:cover;height:940px} */
#header .main {background:url("https://www.smartm2m.co.kr/wp-content/uploads/2025/06/메인이미지1_항만.jpg") no-repeat center bottom;background-size:cover;height:940px}
#header .main_content {position:relative;top:0;left:0;z-index:9999;height:940px;overflow:hidden}
#header .gnb {position:absolute;top:0;left:0;width:100%;height:107px;background:rgba(0,0,0,0.6);z-index:999}
#header .gnb_m {position:absolute;top:0;left:0;width:95%;padding:18px 2.5%;height:34px;background:rgba(0,0,0,0.6);z-index:999}
#header .logo {width:19%;text-align:center;padding:30px 0}
#header .navi * {transition:none}
#header .navi {max-width:1500px;width:72%;margin:0 auto}
#header .navi a.tmenu {display:inline-block;padding:30px 0;font-size:20px;font-weight:500;color:#fff}
#header .navi > ul {font-size:0;text-align:center;width:100%}
#header .navi > ul >  li {display:inline-block;position:relative;padding:0 2.5%;line-height:46px;text-align:center}
#header .navi > ul >  li .sub {display:none;padding:10px 0px;background:#1c2537; z-index:9999;box-shadow:1px 1px 1px #000, 3px 3px 3px #000;border-radius:5px}
#header .navi > ul >  li .sub a {display:block;font-size:16px;font-weight:400; color:#fff; text-align:left;height:auto !important;line-height:1.4em}
#header .navi > ul >  li .sub a:hover {color:#1ad2d6;}
#header .navi > ul >  li .sub1 {position:absolute;top:80px;left:24px}
#header .navi > ul >  li .sub1 a {width:340px;padding:8px 25px}
#header .navi > ul >  li .sub2 {position:absolute;top:80px;left:24px}
#header .navi > ul >  li .sub2 a {width:270px;padding:8px 25px}
#header .navi > ul >  li .sub3 {position:absolute;top:80px;left:24px}
#header .navi > ul >  li .sub3 a {width:220px;padding:8px 25px}
#header .navi > ul >  li .sub4 {position:absolute;top:80px;left:24px}
#header .navi > ul >  li .sub4 a {width:100px;padding:8px 25px}
#header .navi > ul >  li .sub5 {position:absolute;top:80px;left:24px}
#header .navi > ul >  li .sub5 a {width:120px;padding:8px 25px}
#header .navi > ul >  li .sub6 {position:absolute;top:80px;left:24px}
#header .navi > ul >  li .sub6 a {width:150px;padding:8px 25px}
#header .navi > ul >  li .sub7 {position:absolute;top:80px;right:0}
#header .navi > ul >  li .sub7 a {width:140px;padding:8px 25px}

#header .rlink {width:19%;text-align:right}
#header .rlink .menu {display:inline-block}
#header .rlink .mail {padding-right:12%;color:#ed1c24;vertical-align: middle}
#header .rlink .mail img {padding-left:5px;vertical-align: middle;}
#header .rlink .toggle {display:inline-block;background:#ed1c24;width: 125px;height:107px;text-align:center;line-height:107px}
#header .main_txt_area {position:absolute;top:107px;left:0;padding-top:240px;width:100%;text-align:center;opacity:0;-webkit-animation-name: kenburns-2;animation-name: kenburns-2;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-duration: 1s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration: 5s;opacity: 0}
#header .main_txt_area .mtxt2 {font-size:20px;color:#fff;padding-top:5px;text-shadow:1px 1px 5px #000,3px 3px 20px #000}
#header .main_txt_area .main_top_link {width:600px;margin:0 auto}
#header .main_txt_area .main_top_link * {transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out}
#header .main_txt_area .main_top_link ul {width:100%;margin:0 auto;padding-top:50px}
#header .main_txt_area .main_top_link ul li {position:relative;width:25%;text-align:center}
#header .main_txt_area .main_top_link ul li a {display:block;position:absolute;top:0;left:0;width:100%;font-size:14px;font-weight:500;color:#fff;text-shadow:2px 2px 5px #000;text-align:center}
#header .main_txt_area .main_top_link ul li a p {display:block;background:url("img/main_set1.png") no-repeat left top;width:50px;height:40px;margin:0 auto 10px}
#header .main_txt_area .main_top_link ul li:nth-of-type(1) a p {
	display:block;background:url("https://www.smartm2m.co.kr/wp-content/uploads/2024/09/main_port-1.png");
}
#header .main_txt_area .main_top_link ul li:nth-of-type(2) a p {
	background-position: 0px 0;
}
#header .main_txt_area .main_top_link ul li:nth-of-type(3) a p {
	background-position: -150px 0;
}
#header .main_txt_area .main_top_link ul li:nth-of-type(4) a p {
	background-position: -50px 0;
}
/* #header .main_txt_area .main_top_link ul li:nth-of-type(1) a p {background-position: -50px 0;}
#header .main_txt_area .main_top_link ul li:nth-of-type(2) a p {background-position: -150px 0;} */
#header .sub_top {background-size:auto 509px;height:509px;}
#header .sub_bg1 {background:url("https://www.smartm2m.co.kr/wp-content/uploads/2025/06/서브이미지3_항만블록체인.jpg") no-repeat center bottom}
#header .sub_bg2 {background:url("https://www.smartm2m.co.kr/wp-content/uploads/2025/06/서브이미지2_ai자율제조.jpg") no-repeat center bottom}
#header .sub_bg3 {background:url("img/sub_top_bg3.jpg") no-repeat center bottom}
#header .sub_bg4 {background:url("img/sub_top_bg4.jpg") no-repeat center bottom}
#header .sub_bg5 {background:url("img/sub_top_bg5.jpg") no-repeat center bottom}
#header .sub_bg6 {background:url("img/sub_top_bg6.jpg") no-repeat center bottom}
#header .sub_bg7 {background:url("img/sub_top_bg7.jpg") no-repeat center bottom}
#header .sub_bg8 {background:url("https://www.smartm2m.co.kr/wp-content/uploads/2025/06/서브이미지1_항만물류.jpg") no-repeat center bottom}
#header .sub_bg9 {background:url("https://www.smartm2m.co.kr/wp-content/uploads/2025/06/서브이미지4_사이버보안.jpg") no-repeat center bottom}
#header .main_txt_sub_area  * {transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out}
#header .main_txt_sub_area {padding-top:225px;width:100%;text-align:center}
#header .main_txt_sub_area .mtxt1 {font-size:62px;font-weight:500;color:#fff;text-shadow:1px 1px 5px #000,3px 3px 20px #000}
#header .main_txt_sub_area .mtxt2 {font-size:20px;color:#fff;padding-top:15px;text-shadow:1px 1px 5px #000,3px 3px 20px #000}




/* container */
#container * {transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out}
#container .main-content {padding:90px 0 100px}
#container .main-content h1 {font-size:27px;font-weight:300;color:#121212;padding-top:35px}
#container .content {padding-top:60px}
#container .our_product .mroll {position:relative;top:0}
#container .our_product .mroll .left {width:58%}
#container .our_product .mroll .right {width:38%;margin-left:4%}
#container .our_product .mroll .right .title1 {padding-top:15px}
/* 24 */
#container .our_product .mroll .right .title2 {padding-top:30px;font-size:24px;font-weight:500;color:#121212;line-height:1.5}
#container .our_product .mroll .right .con-txt {padding-top:30px;font-size:15px;color:#464646;line-height:1.6}
#container .technology {background:url("img/main_bg.jpg") no-repeat center top;background-size:cover;height:47vw;max-height:720px}
#container .technology * {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
#container .technology ul li {width:25%;border:1px solid #464546;border-right:0}
#container .technology ul li:last-child {border-right:1px solid #464546}
#container .technology ul li div {display:inline-block;padding:40px 10%;height:35vw;max-height:530px;min-height:410px}
#container .technology ul li .icon {background:url("img/main_set2.png") no-repeat left top;width:70px;height:50px}
#container .technology ul li:nth-of-type(1) .icon {background-position:-140px 0}
#container .technology ul li:nth-of-type(2) .icon {background-position:-70px 0}
#container .technology ul li:nth-of-type(3) .icon {background-position:0px 0}
#container .technology ul li:nth-of-type(4) .icon {background-position:-210px 0}
#container .technology ul li .title {font-size:28px;font-weight:400;color:#fff;padding-top:25px;line-height:1.4}
#container .technology ul li .con-txt {font-size:15px;color:#bababa;padding-top:25px;line-height:1.7}
#container .technology ul li a:hover .title,
#container .technology ul li a:hover .con-txt {color:orange}
#container .location .recurit h3 {font-size:27px;font-weight:500;color:#121212;line-height:27px}
#container .location .recurit .txt {font-size:15px;color:#464646;padding-top:5px}
#container .location .recurit li {width:33.3%}
#container .location .recurit li span {float:left;display:inline-block;background:url("img/main_set3.png") no-repeat left top;width:62px;height:62px;margin-right:4%}
#container .location .recurit li:nth-of-type(1) span {background-position:0 0}
#container .location .recurit li:nth-of-type(2) span{background-position:-62px 0}
#container .location .recurit li:nth-of-type(3) span {background-position:-124px 0}
#container .location {padding-bottom:0 !important}
#container .location .wr1200 {position:relative;}
#container .location .online {position:absolute;bottom:-215px;background:#da020a;z-index:9999;width:calc(100% - 60px);height:90px;padding:20px 0 30px 5%}
#container .location .online li:first-child {float:left;width:31.5%;padding:10px  0 15px 4.5%;background:url("img/main_arrow.gif") no-repeat 85% center;border-right:1px solid #e54e54} 
#container .location .online li:first-child a {display:block}
#container .location .online li:first-child h3 {font-size:22px;font-weight:500;color:#fff}
#container .location .online li:first-child .txt {font-size:14px;color:#fff;padding-top:8px}
#container .location .online li:last-child {float:right;width:60%;padding:10px 0 0 3%}
#container .location .online li:last-child div.left {width:45%}
#container .location .online li:last-child div.left .title {font-size:16px;font-weight:300;color:#fff}
#container .location .online li:last-child div.left .tel {font-family:'Nanum';font-size:34px;font-weight:500;color:#fff;padding-top:10px}
#container .location .online li:last-child div.right {width:55%;font-size:15px;color:#fff;vertical-align:middle;padding:10px 0}
#container .location .online li:last-child div.right p {padding:3px 0}
#container .location .online li:last-child div.right img {vertical-align:middle;padding-right:10px}





/* sub container */
#sub_container * {transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out}
#sub_container {max-width:1200px;margin:0 auto;padding:40px 0}
#sub_container .sub_sub_content_title {font-family: 'GmarketSansMedium';font-size:21px;font-weight:500;color:#da020a}
#sub_container .sub_tab {max-width:1200px;overflow:auto;margin:0 auto}
#sub_container .sub_tab ul {width:100%;white-space:nowrap;border-collapse:collapse}
#sub_container .sub_tab ul li {padding:0 40px}
#sub_container .sub_tab ul li:first-child {padding-left:0}
#sub_container .sub_tab ul li a {display:block;font-size:21px;font-weight:500;color:#000;line-height:50px;cursor:pointer;letter-spacing:-1px}
#sub_container .sub_tab ul li a.on {font-weight:500;color:#d10b12;border-bottom:3px solid #d10b12}
#sub_container .sub_content .sub_content_itle {margin-top:40px;font-size:22px;font-weight:300;color:#121212;line-height:1.5}
#sub_container .sub_content .sub_content_itle b {font-weight:500}
#sub_container .sub_content .feather {padding-top:30px}
#sub_container .sub_content .feather li {width:32%;text-align:left;padding-right:1.3%;}
#sub_container .sub_content .sub11 .feather li .img {display:inline-block;background:url("img/sub11_1.jpg") no-repeat left top;width:75px;height:60px}
#sub_container .sub_content .sub12 .feather li .img {display:inline-block;background:url("img/sub12_1.jpg") no-repeat left top;width:75px;height:60px}
#sub_container .sub_content .sub13 .feather li .img {display:inline-block;background:url("img/sub13_1.jpg") no-repeat left top;width:75px;height:60px}
#sub_container .sub_content .sub13 .feather li .img2 {display:inline-block;background:url("img/sub12_1.jpg") no-repeat left top;width:75px;height:60px}
#sub_container .sub_content .sub14 .feather li .img {display:inline-block;background:url("img/sub14_1.jpg") no-repeat left top;width:75px;height:60px}
#sub_container .sub_content .sub15 .feather li .img {display:inline-block;background:url("img/sub15_1.jpg") no-repeat left top;width:90px;height:60px}
#sub_container .sub_content .sub21 .feather li .img {display:inline-block;background:url("img/sub21_1.jpg") no-repeat left top;width:75px;height:60px}
#sub_container .sub_content .sub22 .feather li .img {display:inline-block;background:url("img/sub22_1.jpg") no-repeat left top;width:75px;height:60px}
#sub_container .sub_content .sub23 .feather li .img {display:inline-block;background:url("img/sub23_1.jpg") no-repeat left top;width:120px;height:60px}
#sub_container .sub_content .feather li:nth-of-type(n+4) {margin-top:40px}
#sub_container .sub_content .feather li h3 {font-size:18px;font-weight:500;color:#121212;padding-top:10px}
#sub_container .sub_content .feather li .sub_txt {font-size:15px;color:#565656;padding-top:5px}
#sub_container .sub_content .feather li:nth-of-type(1) .img {background-position:0 0;}
#sub_container .sub_content .feather li:nth-of-type(2) .img {background-position:-75px 0;}
#sub_container .sub_content .feather li:nth-of-type(3) .img {background-position:-150px 0;}
#sub_container .sub_content .feather li:nth-of-type(4) .img2 {background-position:0 0;}
#sub_container .sub_content .feather li:nth-of-type(5) .img2 {background-position:-75px 0;}
#sub_container .sub_content .feather li:nth-of-type(6) .img2 {background-position:-150px 0;}
#sub_container .sub_content .feather li:nth-of-type(4) .img {background-position:-225px 0;}
#sub_container .sub_content .feather li:nth-of-type(5) .img {background-position:-300px 0;}
#sub_container .sub_content .sub15 .feather li:nth-of-type(1) .img {background-position:0 0;}
#sub_container .sub_content .sub15 .feather li:nth-of-type(2) .img {background-position:-90px 0;}
#sub_container .sub_content .sub15 .feather li:nth-of-type(3) .img {background-position:-180px 0;}
#sub_container .sub_content .sub15 .feather li:nth-of-type(4) .img {background-position:-270px 0;}
#sub_container .sub_content .sub23 .feather li:nth-of-type(1) .img {background-position:0 0;}
#sub_container .sub_content .sub23 .feather li:nth-of-type(2) .img {background-position:-120px 0;}
#sub_container .sub_content .sub23 .feather li:nth-of-type(3) .img {background-position:-240px 0;}
#sub_container .sub_content .sub23 .feather li:nth-of-type(4) .img {background-position:-360px 0;}
#sub_container .sub_content .effect {padding-top:30px}
#sub_container .sub_content .effect * {box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#sub_container .sub_content .effect li {width:33.3%;text-align:left;padding:20px 2.5%;border:1px solid #e1e1e1;border-right:0;background:#fafafa;height:220px}
#sub_container .sub_content .sub15 .effect li {width:100%;text-align:left;padding:30px 2.5%;border:1px solid #e1e1e1;border-right:0;background:#fafafa;height:auto}
#sub_container .sub_content .effect li:last-child {border-right:1px solid #e1e1e1}
#sub_container .sub_content .sub11 .effect li .img {display:inline-block;background:url("img/sub11_2.png") no-repeat left top;width:55px;height:40px}
#sub_container .sub_content .sub12 .effect li .img {display:inline-block;background:url("img/sub12_2.png") no-repeat left top;width:55px;height:40px}
#sub_container .sub_content .sub13 .effect li .img {display:inline-block;background:url("img/sub13_2.png") no-repeat left top;width:55px;height:40px}
/* #sub_container .img2 {display:inline-block;background:url("img/sub12_2.png") no-repeat left top;width:55px;height:40px} */
#sub_container .sub_content .sub14 .effect li .img {display:inline-block;background:url("img/sub14_2.png") no-repeat left top;width:55px;height:40px}
#sub_container .sub_content .sub15 .effect li .img {float:left;display:inline-block;background:url("img/sub15_2.png") no-repeat left top;width:55px;height:40px;margin-right:15px}
#sub_container .sub_content .sub21 .effect li .img {display:inline-block;background:url("img/sub21_2.png") no-repeat left top;width:55px;height:40px}
#sub_container .sub_content .sub22 .effect li .img {display:inline-block;background:url("img/sub22_2.png") no-repeat left top;width:55px;height:40px}
#sub_container .sub_content .sub23 .effect li .img {display:inline-block;background:url("img/sub23_2.png") no-repeat left top;width:55px;height:40px}
#sub_container .sub_content .effect li h3 {font-size:18px;font-weight:500;color:#121212;padding-top:10px}
#sub_container .sub_content .effect li .sub_txt {font-size:15px;color:#565656;padding-top:5px}
#sub_container .sub_content .sub21 .effect li:nth-of-type(3) {border-right:1px solid #e1e1e1}
#sub_container .sub_content .sub21 .effect li:nth-of-type(4) {border-top:none;height:245px}
#sub_container .sub_content dt {clear:both;float:left;width:8px;font-size:15px}
#sub_container .sub_content dd {float:right;width:calc(100% - 16px);margin-left:8px;font-size:15px;color:#565656;padding:1px 0}
#sub_container .sub_content .effect li:nth-of-type(1) .img {background-position:0 0;}
#sub_container .sub_content .effect li:nth-of-type(2) .img {background-position:-55px 0;}
#sub_container .sub_content .effect li:nth-of-type(3) .img {background-position:-110px 0;}
#sub_container .sub_content .effect li:nth-of-type(4) .img {background-position:-165px 0;}
#sub_container .sub_content .effect li:nth-of-type(5) .img {background-position:-220px 0;}
#sub_container .sub_content .system h3 {font-size:18px;font-weight:500;color:#121212;padding:30px 0 15px}
#sub_container .sub_content .system li {margin-bottom:20px}
#sub_container .sub_content .system li:nth-of-type(2n+1) {width:46.5%;padding-right:2.5%}
#sub_container .sub_content .system li:nth-of-type(2n)  {width:51%;text-align:right}
#sub_container .sub_content .sub15 .system li,
#sub_container .sub_content .sub21 .system li,
#sub_container .sub_content .sub22 .system li,
#sub_container .sub_content .sub23 .system li {width:100%;padding:0;text-align:left}
#sub_container .sub_con_txt {font-size:16px;color:#363636;line-height:1.8}
#sub_container .sub_content .skill ul {width:100%}
#sub_container .sub_content .skill li {width:48%;text-align:left;padding-right:2%;margin:30px 0 10px}
#sub_container .sub_content .skill li .img {display:inline-block;background:url("img/sub31_1.jpg") no-repeat left top;width:92px;height:92px}
#sub_container .sub_content .sub32 .skill li .img {display:inline-block;background:url("img/sub32_1.jpg") no-repeat left top;width:92px;height:92px}
#sub_container .sub_content .sub33 .skill li .img {display:inline-block;background:url("img/sub33_1.jpg") no-repeat left top;width:92px;height:92px}
#sub_container .sub_content .sub34 .skill li .img {display:inline-block;background:url("img/sub34_1.jpg") no-repeat left top;width:92px;height:92px}
#sub_container .sub_content .skill li h3 {font-size:18px;font-weight:500;color:#121212;padding-top:10px}
#sub_container .sub_content .skill li .sub_txt {font-size:15px;color:#565656;padding-top:5px}
#sub_container .sub_content .skill li:nth-of-type(1) .img {background-position:0 0;}
#sub_container .sub_content .skill li:nth-of-type(2) .img {background-position:-92px 0;}
#sub_container .sub_content .skill li:nth-of-type(3) .img {background-position:-184px 0;}
#sub_container .sub_content .skill li:nth-of-type(4) .img {background-position:-276px 0;}
#sub_container .tbl_basic_div2 {width:100%;}
#sub_container .tbl_basic_div2 caption {border-top:2px solid #000}
#sub_container .tbl_basic_div2 th {width:150px;background:#f6f6f6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:15px 25px;text-align:left;font-size:16px;font-weight:500;color:#121212}
#sub_container .tbl_basic_div2 td {width:calc(100% - 200px);border-bottom:1px solid #d6d6d6;padding:15px 2%;text-align:left;font-size:16px;color:#363636}
#sub_container .tbl_basic_div2 td.list ol li {display:block}
#sub_container .tbl_basic_div2 td dt {clear:both;float:left;width:8px;font-size:16px;padding:3px 0}
#sub_container .tbl_basic_div2 td dd {float:right;width:calc(100% - 10px);font-size:16px;margin-left:0;padding:3px 0}
#sub_container .tbl_basic_div2 td b {font-weight:500;color:#000}
#sub_container .sub-table {width:100%;overflow:auto;}
#sub_container .sub-table table {white-space:nowrap;border-collapse:collapse}
#sub_container .sub73 .tbl_basic_div2 th {text-align:center}
#sub_container .sub73 .patent li {width:32.3%;padding:0 0.5%;margin-bottom:30px}
#sub_container .sub73 .patent li .title {font-size:16px;color:#121212;padding:20px 0 5px}
#sub_container .sub73 .patent li .number {font-size:16px}
#sub_container .sub72 .history_period {max-width:1200px;margin:0 auto}
#sub_container .sub72 .history_period ul {width:100%}
#sub_container .sub72 .history_period ul li {width:280px;height:55px;text-align:center}
#sub_container .sub72 .history_period ul li:first-child {padding-left:0}
#sub_container .sub72 .history_period ul li a {display:block;font-size:16px;font-weight:500;color:#565656;line-height:55px;cursor:pointer;letter-spacing:-1px;background:#f6f6f6;border:1px solid #d3d3d3;border-right:0}
#sub_container .sub72 .history_period ul li:last-child a {border-right:1px solid #d3d3d3}
#sub_container .sub72 .history_period ul li a.on {font-weight:500;color:#fff;background:#101b25}
#sub_container .sub72 .tab_content ol li:nth-of-type(2n+1) {clear:both;float:left;width:15%;font-family: 'GmarketSansMedium';font-size:23px;color:#da020a;margin:20px 0;border-top:1px solid #ddd;padding-top:35px}
#sub_container .sub72 .tab_content ol li:nth-of-type(2n) {float:right;width:85%;margin:20px 0;border-top:1px solid #ddd;padding-top:35px}
#sub_container .sub72 .tab_content ol li:nth-of-type(1),
#sub_container .sub72 .tab_content ol li:nth-of-type(2) {border-top:none}
#sub_container .sub72 .tab_content ol li:nth-of-type(2n) dt {margin-right:0;font-size:16px}
#sub_container .sub72 .tab_content ol li:nth-of-type(2n) dd {width:calc(100% - 10px);margin-left:0;font-size:16px;padding-bottom:10px}





/* footer */
#footer {background:#202020}
#footer .bottom_link {border-bottom:1px solid #373737}
#footer .bottom_link li {padding:0 2%}
#footer .bottom_link li:first-child {padding-left:0}
#footer .bottom_link li a {display:block;font-size:14px;font-weight:500;color:#fff;line-height:80px}
#footer .copyright {padding:30px  0 60px}
#footer .copyright .copy {font-size:13px;color:#878787;line-height:1.8}
#footer .copyright .copy span {margin:0 10px}


.top_link {position:fixed;bottom:10px;right:10px;z-index:99999}
.swiper-button-prev:after,.swiper-button-next:after  {content:'' !important}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {}
.swiper-next {position:absolute;bottom:0;width:55px;height:55px;left:calc(62% + 54px) !important}
.swiper-prev {position:absolute;bottom:0;width:55px;height:55px;left:62% !important}
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: calc(100% - 55px) !important;
    width:55px !important;
    height:55px !important;
    margin-top:0 !important;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent !important;    
}


/* Map */
.labels {
    color:white;
    background-color: #f85f0e;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border: 2px solid white;
    padding: 6px 6px 4px 6px;
    line-height:1.3em;
    cursor:text;
}
#map-canvas {width:100%; height:260px; margin:150px 0 0}
#sub_container .sub73 #map-canvas {width:100%; height:460px; margin:0 0 45px;border:1px solid #ddd}

/* Toggle menu */
nav {position:absolute;z-index:99999}
nav:not(.mm-menu)
{
	display: none;
}

/*�߰� */ 
#menu {z-index:9999999}
#menu:not(.mm-menu)
{
	display: none;
}
#wrap {background:#fff}

.tab_content div.ss_menu {display:none}
.tab_content div.ss_menu:nth-of-type(1) {display:block}
.mm-navbar__title {font-size:1.6rem;font-weight:500;color:#363636}

@media all and (max-width : 1700px){
    #header .navi > ul >  li {display:inline-block;position:relative;padding:0 1.5%}

}

@media all and (max-width : 1400px){
    #header .logo, #header .rlink {width:16%}
    #header .navi {width:68%}
    #header .rlink .mail {display:none}
}

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

    .wr1200 {width:95%;padding-left:2.5%;padding-right:2.5%;}
    .pc1200 {display:none}
    .mobile1200 {display:block}    
    #header .navi > ul >  li:first-child {padding-left:0}
    #header .navi > ul >  li:last-child {padding-right:0}
    #header .logo {width:270px}
    #header .rlink {width:370px}
    #container .technology {height:580px}    
    
    #container .location .online {display:block;clear:both;position:relative;width:94%;height:auto;top:40px;margin-bottom:80px;}
    #map-canvas {display:none}
    #sub_container .sub73 #map-canvas {display:block !important;width:100%; height:300px; margin:0 0 25px;border:1px solid #ddd}
    #container .location .online li {display:table-cell;vertical-align: middle}
    #container .location .online li:first-child {width:44.5%;height:80px;padding:40px 0} 
    #container .location .online li:last-child {width:47%}
    #container .location .online li:last-child div.left {float:none;width:100%}
    #container .location .online li:last-child div.left .title {font-size:16px;font-weight:300;color:#fff}
    #container .location .online li:last-child div.left .tel {font-family:'Nanum';font-size:34px;font-weight:500;color:#fff;padding-top:10px}
    #container .location .online li:last-child div.right {float:none;width:100%;font-size:15px;color:#fff;vertical-align:middle;padding:10px 0}
    #container .location .online li:last-child div.right img {vertical-align:middle;padding-right:10px}    
}

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

    .pc1000 {display:none}
    .mobile1000 {display:block}
    .space60 {clear:both;height:40px}
    .space30 {clear:both;height:20px}
    .space20 {clear:both;height:15px}

    #container .main-content {padding:50px 0 30px}
    #container .main-content h1 {font-size:18px;font-weight:300;color:#121212;padding-top:25px}
    #container .content {padding-top:35px} 
    #container .our_product .mroll .left {float:none;width:100%;padding-top:20px}
    #container .our_product .mroll .right {float:none;width:100%;margin-left:0}
    #container .our_product .mroll .right .title1 {padding-top:10px}
    #container .our_product .mroll .right .title1 img {width:216px}
    #container .our_product .mroll .right .title2 {padding-top:20px;font-size:20px;font-weight:500;color:#121212;line-height:1.5}
    #container .our_product .mroll .right .con-txt {padding-top:30px;font-size:15px;color:#464646;line-height:1.6}
    #container .technology * {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}   
    #container .our_product .mroll .con-txt {padding-top:15px;line-height:1.7}
    #container .technology ul li .con-txt {display:none}
    #container .technology ul li {width:50%;border-right:0;border-bottom:0}
    #container .technology ul li:nth-of-type(2n) {border-right:1px solid #464546}
    #container .technology ul li:nth-of-type(n+2) {border-bottom:1px solid #464546}
    #container .technology ul li div {display:inline-block;padding:25px 15%;height:200px;min-height:auto}
    #container .technology ul li .icon {background:url("img/main_set1.png") no-repeat left top;width:50px;height:40px}
    #container .technology ul li:nth-of-type(1) .icon {background-position:-100px 0}
	#container .technology ul li:nth-of-type(2) .icon {background-position:-50px 0}
    #container .technology ul li:nth-of-type(3) .icon {background-position:0px 0}
    #container .technology ul li:nth-of-type(4) .icon {background-position:-150px 0}
    #container .technology ul li .title {font-size:20px;font-weight:400;color:#fff;padding-top:15px;line-height:1.4}
    .swiper-next {position:absolute;top:0;width:55px;height:55px;right:0 !important;left:auto !important}
    .swiper-prev {position:absolute;width:55px;height:55px;right:34px !important;left:auto !important}
    .swiper-button-prev, .swiper-button-next {position:absolute;top:30px !important} 
    #container .location .recurit li {clear:both;float:none;width:100%;margin-bottom:25px}
    #container .location .recurit h3 {font-size:20px}
    #sub_container .sub_sub_content_title {font-size:18px}
    #sub_container .sub_content .sub_content_itle {margin-top:30px;font-size:18px}
    #sub_container .sub_tab ul li {padding:0 16px}
    #sub_container .sub_tab ul li:first-child {padding-left:0}
    #sub_container .sub_tab ul li a {display:block;font-size:18px;font-weight:500;color:#000;line-height:38px;cursor:pointer}
    #sub_container .sub_content .feather {padding-top:20px}
    #sub_container .sub_content .feather li {width:100%;margin-bottom:20px;padding-right:0}
    #sub_container .sub_content .sub15 .effect li {padding:20px 2.5%}
    #sub_container .sub_content .feather li:nth-of-type(n+4) {margin-top:0}
    #sub_container .sub_content .feather li .img {float:left;}
    #sub_container .sub_content .feather li h3 {padding-top:0;font-size:16px}
    #sub_container .sub_content .feather li .sub_txt {font-size:14px}
    #sub_container .sub_content .feather li .txt-area {float:right;width:calc(100% - 100px)} 
    #sub_container .sub_content .sub15 .feather li .txt-area {float:right;width:calc(100% - 110px)} 
    #sub_container .sub_content .sub23 .feather li .txt-area {float:right;width:calc(100% - 140px)} 
    #sub_container .sub_content .effect {padding-top:20px}
    #sub_container .sub_content .effect li {width:100%;border-right:1px solid #e1e1e1;height:auto;border-bottom:0}
    #sub_container .sub_content .effect li:last-child {border-bottom:1px solid #e1e1e1}
    #sub_container .sub_content .effect li .img {float:left;margin-top:5px}
    #sub_container .sub_content .sub15 .effect li .img {float:left;margin-top:5px}
    #sub_container .sub_content .effect li h3 {padding-top:0;font-size:16px}
    #sub_container .sub_content .effect li .sub_txt {font-size:14px}
    #sub_container .sub_content .effect li .txt-area {float:right;width:calc(100% - 80px)} 
    #sub_container .sub_content .sub21 .effect li:nth-of-type(4) {border-top:1px solid #e1e1e1;height:auto}
    #sub_container .sub_content .system h3 {font-size:16px}
    #sub_container .sub_content dt,#sub_container .sub_content dd {font-size:14px}
    #sub_container .sub_con_txt {font-size:15px;line-height:1.5}
    #sub_container .sub_content .skill ul {width:100%}
    #sub_container .sub_content .skill li {width:100%;text-align:left;padding-right:0;margin:20px 0 10px}
    #sub_container .sub_content .skill li h3 {font-size:16px;padding-top:5px}
    #sub_container .sub_content .skill li .sub_txt {font-size:15px;color:#565656;padding-top:5px}
    #sub_container .sub_content .skill li .img {float:left;}
    #sub_container .sub_content .skill li .txt-area {float:right;width:calc(100% - 110px)} 
    #sub_container .sub_content .skill li .sub_txt {font-size:14px}
    #sub_container .tbl_basic_div2 th,   
    #sub_container .tbl_basic_div2 td,
    #sub_container .tbl_basic_div2 td dt,
    #sub_container .tbl_basic_div2 td dd {font-size:14px}
    #sub_container .sub73 .patent li {width:48%;padding:0}
    #sub_container .sub73 .patent li:nth-of-type(2n+1) {padding-right:2%}
    #sub_container .sub73 .patent li:nth-of-type(2n) {padding-left:2%}
    #sub_container .sub73 .patent li .title {font-size:14px;color:#121212;padding:10px 0 0}
    #sub_container .sub73 .patent li .number {font-size:14px}
    #sub_container .sub72 .history_period ul li {width:50%;height:45px;text-align:center}
    #sub_container .sub72 .history_period ul li a {line-height:45px}
    #sub_container .sub72 .tab_content ol li:nth-of-type(2n+1) {float:none;width:100%;font-size:20px;color:#da020a;margin:20px 0;border-top:none;padding-top:30px}
    #sub_container .sub72 .tab_content ol li:nth-of-type(2n) {float:none;width:100%;margin:0 0 20px;border-top:none;padding-top:0}
    #sub_container .sub72 .tab_content ol li:nth-of-type(2n) dt {margin-right:0;font-size:14px}
    #sub_container .sub72 .tab_content ol li:nth-of-type(2n) dd {width:calc(100% - 10px);margin-left:0;font-size:14px;padding-bottom:10px}
    
    
    #footer .bottom_link li {width:33.3%;padding:0;text-align:center}
    #footer .bottom_link li a {line-height:50px}
    #footer .copyright {padding:20px 0}  
}


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

    .pc840 {display:none}
    .mobile840 {display:block}
/*     #header .main {background:url("img/main_img.jpg") no-repeat center bottom;background-size:cover;height:470px} */
	
    #header .main {background:url("https://www.smartm2m.co.kr/wp-content/uploads/2025/06/메인이미지1_항만.jpg") no-repeat center bottom;background-size:cover;height:470px}
	  #header .main_content {height:470px}
    #header .main_txt_area {padding-top:55px}
    #header .main_txt_area .mtxt1 img {width:245px}
    #header .main_txt_area .mtxt2  {font-size:15px} 
    #header .main_txt_area .main_top_link {width:350px}
	  #header .main_txt_area .main_top_link ul {padding-top:30px}
    #header .main_txt_area .main_top_link ul li a {font-size:13px}
    #header .sub_top {background-size:auto 305px;height:305px;}
    #header .main_txt_sub_area {padding-top:120px}
    #header .main_txt_sub_area .mtxt1 {font-size:40px}
    #header .main_txt_sub_area .mtxt2 {font-size:16px;padding-top:10px}
   
   
    #container .location .online li:first-child {display:block;float:none;width:auto;padding:0;height:auto;background:url("img/main_arrow.gif") no-repeat 95% center} 
    #container .location .online li:last-child {display:block;float:none;width:100%;padding:20px 0 0 0;margin:20px 0 0 0;border-top:1px solid #e54e54}
    #sub_container {padding:20px 0}
    #sub_container .sub_content .system li img {width:100%}
    #sub_container .sub_content .system li:nth-of-type(2n+1) {width:100%;padding-right:0}
    #sub_container .sub_content .system li:nth-of-type(2n)  {width:100%;text-align:left}
    #sub_container .sub73 #map-canvas {height:200px}
}


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

    .pc640 {display:none}
    .mobile640 {display:block}
}


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

    .pc480 {display:none}
    .mobile480 {display:block}
}








.panel {
    /*font-family:'notokr','Nanum';*/
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      position: fixed;
      z-index: 9999;
      top: 0;
      height: 100%;
      width: 320px;
      background-color: #383b42;
      border:none !important;
    }
    .panel .moff {display:none}
    .panel .ninja-btn {
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      display: inline-block;
      float: left;
      cursor: pointer;
      padding: 30.285714px 31px;
      position: absolute;
      z-index: 2;
      top: -25px;
      width: 25px;
      height: auto;
    }
    .panel .ninja-btn span,
    .panel .ninja-btn span:before,
    .panel .ninja-btn span:after {
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      width: 0px;
      height: 2px;
      background-color: #fff;
    }
    .panel .ninja-btn span {
      position: relative;
      display: inline-block;
      float: left;
      margin-top: 9.09090909px;
    }
    .panel .ninja-btn span:before,
    .panel .ninja-btn span:after {
      content: "";
      position: absolute;
      left: 0;
    }
    .panel .ninja-btn span:before {
      top: -9.09090909px;
    }
    .panel .ninja-btn span:after {
      top: 9.09090909px;
    }
    
    /*�޴� Ŭ����, �޴� ��ư�� Ȱ��ȭ �������� �Ӽ�*/
    .panel .ninja-btn.active span {
      background-color: transparent;
    }
    .panel .ninja-btn.active span:before,
    .panel .ninja-btn.active span:after {
      top: 0;
    }
    .panel .ninja-btn.active span:before {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
    }
    .panel .ninja-btn.active span:after {
      -webkit-transition-delay: 0.09s;
      -moz-transition-delay: 0.09s;
      -o-transition-delay: 0.09s;
      -msa-transition-delay: 0.09s;
      transition-delay: 0.09s;
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
    }
    /* �Ⱥ��̴� �г���ġ���� */
    .panel-overlay {
      position: fixed;
      top: 0;
      z-index: 99998;
      width: 100%;
      height: 100%;
      display: none;
      background-color: rgba(0, 0, 0, 0.6);
      cursor: pointer;
    }
    .panel.left {
      right: -800px;
    }
    /*�г� ��ư �κ� ��ġ*/
    .panel.left .ninja-btn {
      right: 770px;top:0;
    }
    /* �г��� Ȱ��ȭ �Ǿ����� */
    .panel.left.active {
      right: 0;
      overflow: scroll;
      overflow-x:hidden;
      overflow-y:auto;
      z-index:9999999;
    }
    .panel.left.active .ninja-btn {
      right: 100%;
      margin-left: -70px;
    }
    .panel ul li.sub-menu{
    }
    
    
    .mmenu oll {
      width:100%; 
      margin:0; 
      list-style:none;
    }
    .mmenu  .primary-menu > li {
      display:block;
      border-bottom:1px solid #87acc7; 
    }
    .mmenu  .primary-menu > li > a {
		clear:both;
      height:45px; 
      line-height:45px; 
      display:block; 
      text-decoration:none; 
      color:#fff;
    background:#005fb1;
    font-size:100%;
    font-weight:700;
    padding-left:35px;
    letter-spacing:-1
    }
    .mmenu .login_area {height:155px;background:#2f2f2f;text-align:center;font-size:15px}
    .mmenu .login_area .btn_login {display:inline-block;margin:30px auto 0;width:100px;height:40px;line-height:38px;background:#000;color:#fff;}
    .mmenu .login_area .btn_new {display:inline-block;width:35%;height:38px;border:1px solid #616161;text-align:center;line-height:38px;margin-top:22px;color:#fff}
    .mmenu .sub-menu {background:#dee0e6;padding:10px 0}
	.mmenu .sub-menu li {display:block}
    .mmenu .sub-menu a {display:block;line-height:30px;height:30px;padding-left:40px;font-size:97%;color:#034042}

    .swiper-button-prev:after, .swiper-button-next:after {display:none}


    /* map */
    .labels {
      color:white;
      background-color: #f85f0e;
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      border: 2px solid white;
      padding: 6px 6px 4px 6px;
      line-height:1.3em;
      cursor:text;
    }

	.ht-body-wrapper .container {width:100% !important}
  


.wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tabs-list {display:table !important;table-layout:fixed !important;width:100%}
.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tab {display:table-cell !important;text-align:center}
.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tab a {background:#f6f6f6 !important;border-radius:0 !important}
.wpb-js-composer :not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tab.vc_active > a {background:#223c57 !important;color:#fff}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {background:none !important}


/* ����/������Ʈ ��*/
.mb-desktop-large .mb-category, .mb-desktop .mb-category {width:100%}
.mb-board .tab-menu-on {width:33.3% !importan;min-width:33.3% !important;line-height:54px !important;background:#223c57 !important;font-family:'notokr' !important;font-size:15px !important}
.mb-board button:hover {background:#f6f6f6 !important}
.mb-board .tab-menu-off {width:33.3% !importan;min-width:33.3% !important;line-height:50px !important;background:#f6f6f6 !important;font-family:'notokr' !important;font-size:15px !important}


/*
#sub_container .sub_tab li {float:left;display:inline-block;width:33.3%;text-align:center;line-height:54px;background:url("img/sub31_1.gif") repeat-x left top}
#sub_container .sub_tab li:nth-last-of-type(1) a {background:url("img/tab_dot.gif") repeat-y right top} 
#sub_container .sub_tab li a {display:block;color:#676767}
#sub_container .sub_tab li a.on {display:block;background:#223c57;color:#fff}
*/


#login_pop {position:absolute;top:20px;left:50%;width:380px;height:310px;z-index:9999}
.mb-tablet .container-fluid {padding:0 !important}
.fa-angle-up::before {content:'' !important}


@-webkit-keyframes 
kenburns-1 {  0% {
 opacity: 0.1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
  opacity: 1;     
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes 
kenburns-1 {  0% {
 opacity: 0.1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
  opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}


@-webkit-keyframes 
kenburns-2 {  0% {
 opacity: 0.1;
}
 100% {
  opacity: 1;     
}
}
 @keyframes 
kenburns-2 {  0% {
 opacity: 0.1;
}
 100% {
  opacity: 1;
}
}


#kboard-default-list,#kboard-thumbnail-list  {display:block;width:100%;}
#kboard-default-list form,#kboard-thumbnail-list form {margin-bottom:10px !important}
#kboard-default-list .kboard-list-header,#kboard-thumbnail-list .kboard-list-header {border-bottom:1px solid #ddd !important}

/*
#kboard-default-list .kboard-list thead,#kboard-thumbnail-list .kboard-list thead {background:#f0f0f0 !important}
*/