.center { text-align: center; }

.left {
	text-align: left;
}
.right {
	text-align: right;
}

A:focus {
	outline:none;
}

A img {border:none; }

body {color: #cccccc;
	font-family: 'Nanum Gothic', sans-serif;
	text-decoration: none;
	}

div {
	  scrollbar-face-color: ThreeDFace !important;
	  scrollbar-shadow-color: ThreeDDarkShadow !important;
	  scrollbar-highlight-color: ThreeDHighlight !important;
	  scrollbar-3dlight-color: ThreeDLightShadow !important;
	  scrollbar-darkshadow-color: ThreeDDarkShadow !important;
	  scrollbar-track-color: Scrollbar !important;
	  scrollbar-arrow-color: ButtonText !important;
}
.bg3 {
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}
.bg2 {
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.bg1 {
	background-repeat: repeat;
	background-position: 50% 0;
	background-size: cover;
}
.bg0 {
      background-image:
	  url(/images/ekayweb/top_bar.png),
      url(/images/ekayweb/main_bg_01.png);

      background-repeat:
      no-repeat,
	  no-repeat;

      background-position: 
	  top left,
      top center;
	  
	  background-size:
	  100% 83px,
	  cover;
}

.text_title {
	font-size: 45px;
	line-height: 55px;
	color: #333333;
	text-shadow: 0px 1px 0px #fefefe;
	font-weight:100, lighter;
	font-family: 'Nanum Gothic', sans-serif;
}

.text_title2 {
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
	text-shadow: 0px -1px 0px #000000;
	font-weight:100, lighter;
	font-family: 'Nanum Gothic', sans-serif;
}

.text_title3 {
	font-size: 40px;
	line-height: 50px;
	color: #333333;
	font-weight:300, bold;
	font-family: 'Nanum Gothic', sans-serif;
}

.text_title4 {
	font-size: 30px;
	line-height: 50px;
	color: #333333;
	font-weight:300, bold;
	font-family: 'Nanum Gothic', sans-serif;
}

.text_date {
	font-size: 32px;
	line-height: 50px;
	color: #666666;
	font-weight:100, lighter;
	font-family: 'Nanum Gothic', sans-serif;
}

.text_menu {
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	text-decoration: none;
	font-weight: 600, bold;
	font-family: 'Nanum Gothic', sans-serif;
}

.text_menu:hover {
	font-size: 12px;
	line-height: 24px;
	background-color:#ffffff;
	color: #ff6000;
	text-decoration: none;
	font-weight: 600, bold;
	font-family: 'Nanum Gothic', sans-serif;
}

.text_basic {
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 100, lighter;
	font-family: 'Nanum Gothic', sans-serif;
}

.text_chart {
	font-size: 18px;
	color: #ffffff;
	font-weight: 600, bold;
	font-family: 'Nanum Gothic', sans-serif;
}

.text_read {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #565656;
	font-weight: 100, lighter;
	
}

.text_copy {
	font-size: 10px;
	line-height: 24px;
	color: #999999;
	font-weight: 100, lighter;
	font-family: 'Nanum Gothic', sans-serif;
}

.row { display: table-row; }
.col { display: table-cell; }
.leftFloat { float:left; }
.rightFloat { float:right; }
.clear { clear: both; }
.displayBlock { display:block; }
.displayNone { display:none; }
.spanMiddle { vertical-align: middle;display: table-cell; }

body { margin:0; padding:0; }

#menuWarpper { position:relative; }

#topNavBar { position:fixed; top:0px; width: 100%; z-index:100; height:80px; background: url('/images/ekayweb/top_bar.png'); background-repeat: repeat-x; }
#topNavBar li { display: inline-block; list-style-type: none; }
#topNavBar .logLink { left:0px; top:16px; width:200px; padding-left:30px; padding-top:15px; position:absolute; }

#bottom { padding-top:10px;position:fixed; bottom:0px; height:75px; width:100%; text-align:center; background: url('/images/ekayweb/black50.png'); z-index:100;}
#bottom p { line-height:8px;}

#menu { left:200px; top:20px; width: -moz-calc(100% - 400px); width: -webkit-calc(100% - 400px); width: -o-calc(100% - 400px); width: calc(100% - 400px); min-width:557px; text-align:center; position:absolute; }
#menu li { width:120px; height:34px; }
#menu ul .width80 { width:60px;}
#menu ul ul { margin-top:9px;display:none;position: absolute; background: url('/images/ekayweb/white50.png');padding-left:0px;}
#menu li:hover ul { display:block; }
#menu li li { width:auto;text-align:center !important;height:26px !important;float: none;margin-top:-20px;margin-left:10px;margin-right:10px;text-align:left;}
#menu li li:first-child {margin-left:20px;}	
#menu li li:last-child {margin-right:20px;}


#lang { top:20px; right:0px; width:190px; position:absolute; }
#lang li { margin-right:5px; }

#title { position:relative; }

#title p { top:130px; left:70px; position:absolute; }

#titleBG { top:0px; width:100%; height:270px; }

#topics {width:100%;  margin-top:100px;}        
#topics .topic { float:left; height:280px; width:33%; pargin-left:20px; position:relative;  min-width:255px;}

#topics .topic .topicLeft { top:0px; left:0px; position:absolute; }
#topics .topic .topicRight { top:0px; right:20px; position:absolute; }        
#topics .topic .topicCenter { top:0px; left:3px; height:260px; width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px); width: -o-calc(100% - 26px); width: calc(100% - 26px); background: url('/images/ekayweb/news_box_center.png'); background-repeat: repeat-x; padding: 20 0px; position:absolute;}
#topics .topic .topicCenter .topicContent { position:relative; padding:20px 10px; width:100%; height:100%; }

#topics .topicContent div { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);}
#topics .topicContent .topicLogo { height:55px; padding-top:10px; padding-bottom:10px; text-align:center; }
#topics .topicContent .topicLogo img { height:55px; max-width: -moz-calc(100% - 20px); max-width: -webkit-calc(100% - 20px); max-width: -o-calc(100% - 20px); max-width: calc(100% - 20px); }
#topics .topicContent .topicLine { top:100px; text-align:center; position:absolute; }
#topics .topicContent .topicDetail { bottom:60px; right:50px; position:absolute; }
#topics .topicContent .textBody { top:101px; height:120px; display:table; text-align:left; vertical-align:middle; }
#topics .topicContent .textBody a { text-decoration:none; font-size:20px; color:#1bb1e7 }
#topics .topicContent .textBody a:hover { color:#c0cb38; }
#topics .topicContent .textBody div {  display:table-cell; vertical-align:middle; }

#contents {width: -moz-calc(100% - 240px); width: -webkit-calc(100% - 240px); width: -o-calc(100% - 240px); width: calc(100% - 240px); margin-left:120px; margin-right:120px;}
#more { width:100%; height:150px; text-align:center; padding:41px 0px; margin-bottom:20px; }
#more a { display: block;width: 171px;height: 65px;margin: 0 auto; }
#moreImg { width:171px; height:65px; margin:0px auto;border:0px; background:url(/images/ekayweb/news_button_seemore.png) no-repeat; }
#moreImg:hover { background:url(/images/ekayweb/news_button_seemorer.png); cursor:pointer; }

.horizontalLine {height:1px;background-position:30px !important;background: url('/images/ekayweb/press_01_line_width.png'); background-repeat: repeat-x;}
.horizontalLineIoT {margin-left: 180px;height:1px;background-position:159px 0px !important;background: url('/images/ekayweb/press_01_line_width.png'); background-repeat: repeat-x;width: -moz-calc(100% - 440px); width: -webkit-calc(100% - 440px); width: -o-calc(100% - 440px); width: calc(100% - 440px);}
.horizontalLinePadding30 {padding: 30px 0px;background-position:30px !important;background: url('/images/ekayweb/press_01_line_width.png'); background-repeat: repeat-x;}
.horizontalLinePadding40 {padding: 40px 0px;background-position:40px !important;background: url('/images/ekayweb/press_01_line_width.png'); background-repeat: repeat-x;}
.horizontalLinePadding70 {padding: 70px 0px;background-position:70px !important;background: url('/images/ekayweb/press_01_line_width.png'); background-repeat: repeat-x;}
.paddingTop100 { padding-top:100px; }
.paddingBottom150 { padding-bottom:150px; }

.brank_height30 {height:30px;}
.brank_height40 {height:40px;}
.brank_height50 {height:50px;}
.brank_height60 {height:60px;}
.brank_height70 {height:70px;}
#newsItems {margin-top:100px; margin-bottom:220px; width:100%;min-width:750px;}
.newsLineBg { background-position:360px 360px !important; background: url('/images/ekayweb/press_01_line_height.png'); background-repeat: repeat-y;}
.newsItem {width:100%; display:table;position:relative;}
.newsItem .date {width:210px; min-width:210px; max-width:210px; text-align:right;}
.newsItem .datePoint {width:23px; min-width:23px; padding: 0px 30px;}
.newsItem .newsSubject a { text-decoration:none; color:#1bb1e7; }
.newsItem .newsSubject a:hover { color:#c0cb38; }
.newsItem .content { min-width:200px;width: -moz-calc(100% - 293px); width: -webkit-calc(100% - 293px); width: -o-calc(100% - 293px); width: calc(100% - 293px); }
.newsItem .content div {width:100%;}
.newsItem .newsContent { padding-bottom:20px 0px;}
.newsItem .newsBottom { min-width:170px; margin:23px 0px; }
.newsItem .facebook {width:34px !important; height:34px !important; background:url(/images/ekayweb/press_01_facebook_button.png) no-repeat;}
.newsItem .facebook:hover { background:url(/images/ekayweb/press_01_facebook_buttonr.png) no-repeat; cursor:pointer; }
.newsItem .twitter {margin-left:10px;width:34px !important; height:34px !important;background:url(/images/ekayweb/press_01_twitter_button.png) no-repeat;}
.newsItem .twitter:hover { background:url(/images/ekayweb/press_01_twitter_buttonr.png) no-repeat; cursor:pointer; }
.newsItem .newsMore {width:70px !important; height:34px !important;background:url(/images/ekayweb/press_01_seemore.png) no-repeat;}
.newsItem .newsMore:hover { background:url(/images/ekayweb/press_01_seemorer.png) no-repeat; cursor:pointer; }

#newsDetail {width:100%; padding-top:100px; padding-bottom:150px;}
#newsDetail .newsReturn { height: 16px; text-align: center; padding: 42px 0px; }
#newsDetail .newsReturn .newsReturnImg { margin:0 auto;width:86px;height:16px;background:url(/images/ekayweb/press_02_button_return.png) no-repeat; }
#newsDetail .newsReturn .newsReturnImg:hover { background:url(/images/ekayweb/press_02_button_returnr.png) no-repeat; cursor:pointer; }

.detectorImgArea { text-align:center; }
#detectorImg{ margin:0 auto;width:100%;height:400px;main-width:0px;max-width:515px;background:url(/images/ekayweb/product_02_image.png) no-repeat;}
#newsDetail .newsTitle { text-align:left; }
#newsDetail .newsImage { text-align:center; }

.aboutBG { padding-top:100px; padding-botton:150px; background: url("/images/ekayweb/aboutus_bg.png") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.aboutContentBG { background: url("/images/ekayweb/white50.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#about { margin:0 auto;width:1250px; }
#about #description{ min-width:330px; width:50%; padding:24px 16px;}
#about #location{ min-width:480px; width:50%; text-align:center; vertical-align: middle; padding:24px 16px;}
#map { width: 430px; height: 430px; margin:0 auto;}
#map .mapInfo { width:150px; height:23px; margin:2px 0px;}

#statyhiStores .googleStore { background:url(/images/ekayweb/product_01_google_button.png) no-repeat; width:192px; height:64px; margin-left:10px;}
#statyhiStores .googleStore:hover { background:url(/images/ekayweb/product_01_google_buttonr.png) no-repeat; cursor:pointer; }
#statyhiStores .statyhiStore { background:url(/images/ekayweb/product_01_stayhi_button.png) no-repeat; width:192px; height:64px; }
#statyhiStores .statyhiStore:hover { background:url(/images/ekayweb/product_01_stayhi_buttonr.png) no-repeat; cursor:pointer; }

#detectorTable {background-color:#CCCCCC;}
#detectorTable table {width:100%; board:0px;border-spacing: 1px; border-collapse: separate;}
#detectorTable tr { height:30px; }
#detectorTable td { vertical-align: top; padding:10px;}
#detectorTable .detectorTitle { background-color:#999999;}
#detectorTable .detectorRow1 { background-color:#FFFFFF;}
#detectorTable .detectorRow2 { background-color:#f2f2f2;}

.height410 { height:410px; }
.height460 { height:460px; }
#index .item { padding:146px 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#index .item .text_title span { background-color:#ffffff }
#index .item .title { padding-top:40px; }
#index .item div { width:690px; margin:0 auto;}

#index .detail { width:165px !important; height:59px !important;background: url(/images/ekayweb/main_button.png) no-repeat; margin:50px 0px;}
#index .detail:hover { background:url(/images/ekayweb/main_button_roll_over.png) no-repeat; cursor:pointer; }

.vmVideo .vmVideoImg { background:url(/images/ekayweb/product_03_thumb.png) no-repeat; width:680px; height:370px; display: inline-block; }
.vmVideo .vmVideoImg:hover { background:url(/images/ekayweb/product_03_thumbr.png) no-repeat; cursor:pointer; }

.downIntroduction .downIntroductionImg { background:url(/images/ekayweb/product_03_btn.png) no-repeat; width:270px; height:100px; display: inline-block; }
.downIntroduction .downIntroductionImg:hover { background:url(/images/ekayweb/product_03_btnr.png) no-repeat; cursor:pointer; }
 
#ioTContentsLeft { margin-right:37px;width: -moz-calc(100% - 260px); width: -webkit-calc(100% - 260px); width: -o-calc(100% - 260px); width: calc(100% - 260px); }
#ioTContentsLeft span {height:257px;}
#ioTContentsRight { margin-left:21px;width: -moz-calc(100% - 180px); width: -webkit-calc(100% - 180px); width: -o-calc(100% - 180px); width: calc(100% - 180px); }
#ioTContentsRight span {height:299px;}
#iot { min-width:940px; }

@media only screen and (max-width : 1120px) {
	#about { min-width:480px; margin-bottom:70px;}	
	#about #description{ width:100%; display:block; min-width:480px; }
	#about #location{ width:100%; display:block; }
}

@media only screen and (max-width : 1023px) {
	#topics .topic { width:50%;}
}

@media only screen and (max-width : 955px) {
    #lang { display:none; }
    #menu { width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: -o-calc(100% - 200px); width: calc(100% - 200px); }
}

@media only screen and (max-width : 766px) {
    #topics .topic { width:100%;}        
}

@media only screen and (max-width : 755px) {
    .logLink { display:none; }
    #menu { left:0px; top:16px; width:100%; }            
    #menu ul { padding-left:0px; }
}