/* CSS OVERR */
*{
margin:0px;
padding:0px;
}
hr {
	width:98%;
	margin: 0px 0px 20px 0px;
	border: solid 1px #eeeeee;
}

.clear{
clear:both;
}

.img-rounded{
border-radius:8px;
}

#nav-search-box input.globalSearchInputField{
height:35px;
padding: 0px 10px 0px 10px;
margin:0px!important;
border-radius:0;
border-right-width:0;
border:1px #C2C2C2 solid;
font-family: Arial,Helvetica,Verdana,sans serif;
font-size:20px;
color:#555555;

-moz-box-shadow:inset 0 0 10px #CFCFCF;
-webkit-box-shadow:inset 0 0 10px #CFCFCF;
box-shadow:inset 0 0 10px #CFCFCF;
}

#nav-search-box input.globalSearchInputField:focus{
outline:none;
}

#nav-search-box #subnavSearchSubmit{
height:37px;
margin-top:21px;
margin-left:10px;
background-color:#C00;
border-color:#C00;
border-width:0;
float:left;
cursor:pointer;
}


.leftmenuTD{
height:15px; padding: 5px 0px 5px 10px; 
vertical-align:middle; 
text-align:left; 
letter-spacing:0px; 
font-family:Helvetica, verdana;
color:#333333; 
border-bottom:solid 1px #f9f9f9;
}

.leftmenuTD:hover{
background:#dddddd;
}

A.LeftMenu:link {
	font-size:8pt; font-family:verdana; color:#444444; font-size:8pt;   TEXT-DECORATION: none
}
A.LeftMenu:active {
	font-size:8pt; font-family:verdana; color:#444444;   TEXT-DECORATION: none
}
A.LeftMenu:visited {
	font-size:8pt; font-family:verdana; color:#444444;TEXT-DECORATION: none
}
A.LeftMenu:hover {
	font-size:8pt; font-family:verdana; color:#444444; TEXT-DECORATION: none
}


A.headerMenu:link {
	font-size:8pt; font-family:'Open Sans'; color:#dddddd; font-size:8pt;   TEXT-DECORATION: none
}
A.headerMenu:active {
	font-size:8pt; font-family:'Open Sans'; color:#dddddd;   TEXT-DECORATION: none
}
A.headerMenu:visited {
	font-size:8pt; font-family:'Open Sans'; color:#dddddd;TEXT-DECORATION: none
}
A.headerMenu:hover {
	font-size:8pt; font-family:'Open Sans'; color:#ffffff; TEXT-DECORATION: none
}



/* when popup  set body margein to zero */
@media (max-width: 767px) {
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.thumbnail > img {
	max-height:150px;
}

a.thumbnail:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

a.thumbnail{
	/* min-height:210px */
}


.mscontentbox{
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	width:100%;
	background:#ffffff;
	border: solid 2px #f2f2f2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}



/* Side Navigation : ORDER PROCESS-------------------------------------------------- */

/* Sidenav for Docs
-------------------------------------------------- */

.bs-docs-sidenav {
  color:#777777;
  width: 100%;
  margin: 30px 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li  {
  display: block;

  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child  {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active  {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  background:#0088CC;
  color:#ffffff;
  font-weight:bold;

  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-ok {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .45;
}
.bs-docs-sidenav .active .icon-ok{
opacity: 1;
}

.bs-docs-sidenav > li > a:hover {
  /* background-color: #f5f5f5; */
}

.bs-docs-sidenav {
    width: auto;
    margin-bottom: 20px;
  }
.bs-docs-sidenav.affix {
position: static;
width: auto;
top: 0;
}

/* END : side Navigation -------------------------------------------------- */

/* BEGIN : carousel -------------------------------------------------- */

.carousel {
  margin-bottom: 20px;
}

.carousel .container {
  position: relative;
  z-index: 9;
}

.carousel-control {
  height: 80px;
  margin-top: 0;
  font-size: 120px;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  background-color: transparent;
  border: 0;
}

.carousel .item {
  width:auto;
  height: auto;
  max-width:960px;
  min-height: 250px;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
  min-height: auto;
}

.carousel-caption {
  background-color: transparent;
  position: static;
  /* max-width: 550px; */
  width:auto;
  padding: 0 20px;
  margin-top: 200px;
}
.carousel-caption h1,
.carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn {
  margin-top: 10px;
}


@media (max-width: 979px) {
  .carousel .item {
	height: auto;
	max-width:960px;
	min-height: 250px;
  }
  .carousel img {
	width: auto;
	height: auto;
   min-height: auto;
  }     
}


@media (max-width: 767px) {
  .carousel {
	margin-left: -20px;
	margin-right: -20px;
  }
  .carousel .container {

  }
  .carousel .item {
	height: 300px;
  }
  .carousel img {
	height: 300px;
  }
  .carousel-caption {
	width: 65%;
	padding: 0 70px;
	margin-top: 100px;
  }
  .carousel-caption h1 {
	font-size: 30px;
  }
  .carousel-caption .lead,
  .carousel-caption .btn {
	font-size: 18px;
  }     
}

.carousel.carousel-fade .item {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
}

.carousel.carousel-fade .carousel-control {
  z-index: 3;
}
/* END : carousel -------------------------------------------------- */



/* JQZoom Extra CSS : Required to function  -------------------------------------------------- */
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}
ul#thumblist{display:block;margin:0;padding:0;}
ul#thumblist li{float:left;margin-right:2px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{border:1px solid navy;}
.jqzoom{text-decoration:none;float:left;}
.zoomWrapperImage img{max-width: none;}
.zoomThumbActive  img{width:61px; max-width: none; min-width:none;}
#thumblist li a img{width:61px;max-width: none;min-width:none;}

/* END : JQZoom Extra CSS -------------------------------------------------- */


/* Begin : menu image on & off : drop down with css only */
ul	{ list-style: none; margin: 0px; padding: 0px;}
ul.dropdown { position: relative;}
ul.dropdown > li { font-weight: bold; float: left; zoom: 1;   } 
ul.dropdown li > a { display: block;  }
ul.dropdown li:last-child a  { border-right: none; }
ul.dropdown > li:hover {  position: relative; }
ul.dropdown ul {  visibility: hidden; position: absolute; top: 100%;}
ul.dropdown ul li 	{ font-weight: normal;  float: none; }	
ul.dropdown ul li a	{ border-right: none; width: 100%; display: inline-block; }  
ul.dropdown ul ul 	{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 	{ visibility: visible;}
.sub_menu { left: 1px; min-width:185px; background:#c7d0e8; border-left:solid 1px #707a93; border-right:solid 1px #707a93; border-bottom:solid 1px #707a93 }  
.sub_menu li { padding:3px 15px 3px 15px; font-size:9pt;}
.sub_menu li:hover{background:#262C3C; }
.sub_menu li:hover a{color:#ffffff}
/* End : menu image on & off : drop down with css only */


/* top menu dropdown menu on hover color */
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a
{
background:#444444;
}

/* top menu black span across screen : create div wrapper for top menu & apply this class */
.ecomtop5menu_blackspan {
background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525;  
}



/*  TOP MENU STYLE */


#msmenu{
	padding:0px; 
	font-size:11pt; 
	font-weight:normal; 
	font-family: helvetica, 'Open Sans',arial, verdena; 
	line-height:1.4em; 
	background:#ffffff;
	border-bottom-left-radius:5px; 
	border-bottom-right-radius:5px;


}

#msnav {
	margin: 0px;
	padding:3px 5px 3px 5px;
	z-index:100;
	
}


#msnav ul {	
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-block;

	margin: 0px 0px -5px 0px;
	padding:0px;

}


#msnav ul li:hover > ul {
	display: block;
}


#msnav ul:after {
	content: ""; clear: both; display: block;
}

#msnav ul li {
	float: left;	
}

/* divier bar between top menu */
#msnav ul li.msmenudivier{
font-size:15px; color:#666666; font-weight:normal; font-family:arial; padding-top:7px;
}

/* top menu background on hover */
#msnav ul li:hover {
	/* background: #333333;	*/
}


#msnav ul li a:hover {
	color: #333333;
	background: #f5f5f5;
	border-radius:7px;
}
		
#msnav ul li a {
	display: block; padding: 4px 20px 4px 20px;
	color: #888888; text-decoration: none;
	 font-weight:bold;
	
}

	
		
#msnav ul ul {
	display: none;
	min-width:150px;
	background: #fefefe; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
	margin-left:0px;
	padding-left:0px;
	
	border-top: solid 1px #eeeeee;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;

	border-bottom-left-radius:7px; 
	border-bottom-right-radius:7px;
	z-index:100;
	
}

#msnav ul ul li {
	float: none; 
	text-align:left;
	
	/* order-bottom: 1px solid #31631C; position: relative; */
}

#msnav ul ul li a {
	padding: 7px 20px 7px 20px;
	color: #555555;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	
	
}	

#msnav ul ul li a:hover {
	background: #555555;
	color:#ffffff;
	border-radius:0px;
}
		
#msnav ul ul ul {
	position: absolute; left: 100%; top:0;
	border-left: solid 1px #222222;
	border-right: solid 1px #222222;
	border-bottom: solid 1px #222222;
}

.img_mainpage_disp{
border:solid 1px #eeeeee;
margin:0px 0px 0px 0px;
padding:0px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px
-moz-box-shadow: 2px 2px 15px #888;
-webkit-box-shadow: 2px 2px 15px #888;
box-shadow: 2px 2px 15px #888;
}



div#mscontent_common{


border:solid 1px #cccccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

background: #ffffff;

-moz-box-shadow: 2px 2px 7px #ccc;
-webkit-box-shadow: 2px 2px 7px #ccc;
box-shadow: 2px 2px 7px #ccc;

}

.mscontent2{

border:solid 1px #cccccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

background: #ffffff;

-moz-box-shadow: 2px 2px 7px #ccc;
-webkit-box-shadow: 2px 2px 7px #ccc;
box-shadow: 2px 2px 7px #ccc;
}


.pageTitle{
font-size:18pt; 
font-weight:bold;
margin-bottom:5px;
font-family:'Abril Fatface';
color:#076c9e;
}

.pageSubTitle{
font-weight:bold;
font-size:12pt; 
color:#333333;
margin-top:5px;
}

.pageImageLeft{
float:left;
margin:0px 15px 15px 10px
}

.pageImageRight{
float:right;
margin:0px 10px 15px 15px
}


/* left sliding menu */

#menu{font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 0.9em; }
	
	ul#menu, ul#menu ul {		
	  list-style-type:none;
	  margin: 0;
	  padding: 0;
	  width: 140px;
	  border:solid 1px #cccccc;
	}

	ul#menu a {
	  display: block;
	  text-decoration: none;	
	}

	ul#menu li {
	  margin-top: 1px;
	  width:100%
	  
	}

	ul#menu li a {
	  background: #eeeeee;
	  color: #666666;	
	  padding: 10px 0px 10px 10px;
	  font-size:9pt;
	  font-family: 'Open Sans', µ¸¿ò ;
	  
	  
	}

	ul#menu li a:hover {
	  background: #252B3B;
	  color:#ffffff;
	}

	ul#menu li ul{
		border:none;
	}

	ul#menu li ul li a {
	  background:#F7F7F7;
	  color: #666666;
	  padding-top: 3px;
	  padding-bottom: 3px;
	  line-height: 25px;
	  padding-left: 10px;
	   
	}

	ul#menu li ul li a:hover {
	  background: #444f6b;
	  border-left: 5px #252B3B solid;
	  padding-left: 5px;
	}


.pageSubBannerGutterHeight{
height:10px;
}

.btn-large{
font-size:10pt;
}

.MainpageSubContent{
font-weight:normal;
line-height:1.3em;
font-size:12pt; 
margin-top:5px;
}

.MainpageSubTitle{
line-height:1.3em;
font-weight:bold;
font-size:16pt; 
color:#cd2003;
margin-top:5px;
color:#777777;
}


.RecentTitleBarbg1{
 background: #fcfff4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2RmZTVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2JlYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-8 */
font-family:'Nanum Gothic Coding';
}

.RecentTitleBarbg8{
background: rgb(96,108,136); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-8 */
font-family:'Nanum Gothic Coding';
}

.sub_vi {position:relative; overflow:hidden; width:100%; min-width:1000px; height:170px; z-index:10;}
.sub_vi_1 {background:url("../user_images/img_main04.jpg") no-repeat center 78%; background-size:cover;}
.sub_vi .sub_txt {position:relative; top:80px; left:50%; margin-left:-480px;}


.sub_vi_M {background:url("../user_images/img_main01.jpg") no-repeat center 100%; background-size:cover;}

.sub_vi_2 {background:url("../user_images/img_main02.jpg") no-repeat center 100%; background-size:cover;}

.sub_vi_Contact {background:url("../user_images/img_main04.jpg") no-repeat center 78%; background-size:cover;}