body{font-size: 15px; color:#535353; /* color:#858585; */ font-family:'Nanum Gothic',Georgia,dotum,"Times New Roman",Times,serif, arial,helivetica,Arial,sans-serif;}
a, a:hover, a:active{color: #428bca; text-decoration: none;}
img{max-width:100%}
.cntr{text-align:center;}
.ourServices {padding:40px 0}
.ourServices img{max-width:140px}
.title{ border-bottom:1px solid #eee; padding-bottom:4px; margin-bottom:5px;}
.topHeaderSection{background:#fff; padding:0}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:'Nanum Gothic',Georgia,dotum,"Times New Roman",Times,serif, arial,helivetica,Arial,sans-serif;
}
table { font-size: 15px; }
table a, table a:hover { color:#535353; }

.title a, .title a:hover { color:#FF4800; }

.header {
  z-index: 999;
  position: relative;
  padding: 0;
  background-color: #F7F7F7;
}
.is-sticky {
  width: 100%;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.95);
}

/* --------------------------- */
/* --------------------------- */
/*Top Bar (login, search etc.)
------------------------------------*/
.top {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #F7F7F7;
	z-index:9999;
}
.top .container {
  padding:0 15px;
}

.phone-mail {
  margin:0 15px;
  padding:0;
  z-index:9999;
  list-style:none;
  position:relative;
  float: left;
}
.phone-mail li {
  display:inline;
  list-style:none;
  padding-bottom:15px;
  margin-right: 5px;
}
.phone-mail i {
  font-size:11px;
  margin-top:3px;
  margin-right: 3px;
  color:#999;
}
.phone-mail li span {
  color:#7c8082;
  font-size:11px;
  font-family: 'Roboto', sans-serif;
}

.loginbar {
	margin:0 15px;;
	padding:0;
	z-index:9999;
	list-style:none;
	position:relative;
  float: right;
}

@media (max-width: 480px) {
  .loginbar {
    float: right;
  }
}

.loginbar li {
	display:inline;
	list-style:none;
}

.loginbar li a,
.loginbar li a:hover {
	color:#7c8082;
	font-size:11px;
  font-family: 'Roboto', sans-serif;
}

.loginbar li.devider {
	top:-1px;
	padding:0;
	font-size:8px;
	position:relative;
	margin:0 6px 0 2px;
	font-family:Tahoma;
	border-right:solid 1px #bbb;
}

.loginbar i {
	color:#999;
	font-size:18px;
	margin-top:3px;
	cursor:pointer;
}

/*Lenguages*/
.loginbar li ul {
	top:18px;
	margin:0;
	left:-6px;
	display:none;
	padding-top:4px;
	position:absolute;
	border-radius:3px;
	padding-bottom:4px;
	background:#f0f0f0;
}

.loginbar li:hover ul {
	display:block;
}

.loginbar li ul li {
	padding-bottom:0;
	display:list-item;
	position:relative;
	margin-bottom:1px;
}

.loginbar li ul li a {
	color:#555;
	display:block;
	min-width:85px;
	font-size:10px;
	padding:2px 12px;
	background:#f0f0f0;
	text-decoration:none;
}

.loginbar li ul li a:hover,
.loginbar li ul li.active a {
	opacity:1 !important;
	color:#555 !important;
	font-size:10px !important;
	text-shadow:none !important;
	background:#fafafa !important;
}

.loginbar li ul li.active i {
	top:2px;
	right:-5px;
	font-size:14px;
	cursor:default;
	position:absolute;
	text-shadow:0 1px 0 #e9e9e9;
}

.loginbar i.icon-globe {
	color:#bbb;
	font-size:13px;
	margin:3px 3px 0 0;
}

.loginbar li i.icon-sort-up {
	top:21px;
	left:-1px;
	color:#eee;
	display:none;
	font-size:14px;
	cursor:default;
	position:absolute;
}

.loginbar li:hover i.icon-sort-up {
	display:block;
}

.loginbar li:hover i.icon-ok {
	top:-2px;
	color:#aaa;
}
/* --------------------------- */
/* --------------------------- */
.bannerSection{background:#e5e5e5; padding:0}
.highlightSection{color:#333; background:#fafafa; padding:18px 0; border-bottom: 1px solid #D1D1D1}
.highlightSection h2{padding-top:0; margin-top:0; font-size:21px}
.highlightSection h4{padding-top:0; margin-top:0; line-height:1.6em; font-size:18px}
.bodySection{background:#fff; padding:18px 0}
.align-right{text-align:right}

.testimonails{background:#f7f7f7; padding:14px; margin:28px 0 44px }
.projectList{}
.projectList img{padding:4px; border:1px solid #eee; background:#f5f5f5;}


.projectImg{max-width:140px}
.clientSection{background:#fafafa; padding:18px 0; margin-bottom:20px; padding:18px }
.footerTopSection{background:#f7f7f7; padding:18px 0; border-top: 1px solid #e7e7e7}
.footerBottomSection{background:#304E70; padding:18px 0; color:#fff}

#topcontrol:hover {color: #a2c753;}
#topcontrol, #topcontrol:hover {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blockquote {border-left: 5px solid #FF792D;}
/* Toggle menu */
.navbar-collapse {background: #fff;z-index: 9999;}
.navbar-toggle {border-radius: 0;outline:0}
.navbar-toggle span {border-color: #ff0000;background: red;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none;background-color: #1B2C3F;color: #FFFFFF;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #1B2C3F; color: #FFFFFF;}
.navbar-nav>li>a {padding-top: 15px;padding-bottom: 15px;color: #FFFFFF;}
.navbar-nav>li.active>a, .navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li>a:active {text-decoration: underline;background-color: #1B2C3F;color: #FFFFFF; /* ff4800 */}

.navbar-nav.navbar-right:last-child {margin-right: 15px;margin-top: 10px;margin-bottom: 10px;}
.navbar-nav.navbar-left:first-child {margin-left: 15px;margin-top: 10px;margin-bottom: 10px;}
.btn-brand{background-color: #ff4800; border-color: #ff4800;color:#fff}
.btn-brand:hover, .btn-brand:focus, .btn-brand:active, .btn-brand.active, .open .dropdown-toggle.btn-brand {color: #fff; background-color: #F07341; border-color: #F07341;}

.dropdown-menu { background-color: #1B2C3F; }
.dropdown-menu li>a { padding-top: 5px; padding-bottom:5px;font-size:16px;color:#FFFFFF;}
.dropdown-menu li>a:hover { text-decoration: underline; }

.navbar-header img { height:60px; }


.serviceBlock{ padding:38px 0; margin:18px 0}

.services {padding:38px 0; margin:18px 0}
.serviceBlock i {
float: left;
padding: 14px;
color: #00B8FF;
font-size: 6em;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
blockquote {
border-left: 5px solid #ff4800;
}

.page-header { margin-top:0; }
#up_image textarea {
  margin:5px 0;
}
#image_area {
  margin:0 0 10px 0;
}

.up_image_thumb { position: relative; }

/*
div.recent_images { margin-top:10px; }
div.recent_images img { width:263px; height:150px; }
*/
div.recent_posts ul { padding-left: 5px; list-style: none;line-height: 22px;}

div.recent_posts li {
  overflow: hidden;
  display: block;
  line-height: 22px;
  height: 22px;
}
div.recent_posts li a, div.recent_posts li a:hover { color: #535353;}

.panel-default>.panel-heading {
    background-color: #428bca;
    border-color: #dddddd;
}
.list-group-item-heading {margin:0; }
.list-group-item { padding: 0; margin:0; border: 0; background-color: transparent; }
.glyphicon { vertical-align:text-top; }

span.glyphicon-star, span.glyphicon-star-empty {
    font-size: 1.2em;
}

.suggestion .panel-body a { line-height: 24px; }
.suggestion .panel-body a:hover { color: #3B5998; text-decoration: underline;}
.suggestion .panel-heading { color: #2f2f2f; font-size: 1.2em; background-color: #E5E5E5; }

/* form input */
.form-group {font:600 16px/18px 'Open Sans',sans-serif;}
.form-group button{
	border:none;
	padding:10px 15px;
	border-radius:15px;
	/*background:rgba(255,255,255,.1);*/
}
.form-group label{
	color:#333333;
	font-size:12px;
	text-align: left;
}
input.form-control {
	border:none;
	padding:10px 15px;
	border-radius:15px;
	/*background:rgba(255,255,255,.1);*/
	color:#333333;
}
input.form-control[type="password"]{
	text-security:circle;
	-webkit-text-security:circle;
}
select.form-control {
	border:none;
	padding:5px 15px;
	border-radius:15px;
	color:#333333;
}


#thumb_image_wrapper {
  min-height:220px;
  /* border-top: 1px solid #BDBDBD; */
  /* border-right: 1px solid #BDBDBD; */
  /* border-bottom: 1px solid #BDBDBD; */
  /* border-left: 1px solid #BDBDBD; */
  padding: 0px;
  margin: 0;
}
#thumb_image {
  margin:0 auto;
}
#market_list p {
  margin-top: 5px;
  padding: 0 3px;
  height: 75px;
  overflow: hidden;
}
.recent_images p {
  margin-top: 5px;
  padding: 0 3px;
  height: 45px;
  overflow: hidden;
  text-align: center;
}
i#markets_thumb, i#markets_list {
  cursor: pointer;
}

.category_article_title h2 { font-size: 20px; line-height: 26px; font-weight: 700; }
.category_article_content { margin-top: 20px; font-size: 15px; }
.media-body, .media-left, .media-right { display: table-cell; vertical-align: top; }
.category_article_wrapper .media-heading { margin-top: 5px; }

.navbar-brand { padding: 5px 15px; }

.flexslider { margin: 0 0 20px; }
.flex-viewport { max-height: 550px; }
.flex-control-nav {
  background: none repeat scroll 0 0 #FFFFFF;
  bottom: 0px !important;
  display: block !important;
  opacity: 0.66 !important;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: auto !important;
  width: 100%;
  z-index: 999 !important;
}
.flex-control-nav li { margin: 6px; }
.flex-direction-nav {
  display: block !important;
  opacity: 1 !important;
  top: 30% !important;
  width: 100%;
  z-index: 999 !important;
}

.flex-direction-nav a {
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  display: block;
  height: 40px;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding-top: 8px;
  position: absolute;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  top: 50%;
  transition: all 0.3s ease 0s;
  width: 40px;
  z-index: 10;
}

/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; }
.flex-direction-nav .flex-prev {left: 5px;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.sound_only { display: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
#container_title { font-size: 2em; max-width: 1200px; margin: 0 auto; font-weight: bold; }
#container_title span { margin: 20px auto 10px; display: block; line-height: 30px; color: #253dbe; border-bottom: #253dbe solid 1px; padding-bottom: 10px; }
#bo_v { margin-bottom: 20px; padding: 20px; background: #fff; box-sizing: border-box;    border: 1px solid #9a9a9a; }
#bo_v_title .bo_v_tit { display: block; font-size: 1em; margin: 5px 0 0; word-break: break-all; }
#bo_v_info { padding: 10px 0 15px; margin: 0 0 20px; border-bottom: 1px solid #ddd; color: #666; }
#bo_v_info h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#bo_v_info strong { display: inline-block; margin: 0 10px 0 0; font-weight: normal; }
#bo_v_info .sv_member { color: #000; }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest { font-weight: bold; }
#bo_v_info .if_date { float: right; margin: 0; font-style: italic; color: #888; }
#bo_v_atc { min-height: 200px; height: auto !important; height: 200px; }
#bo_v_con { margin: 10px 0 30px; width: 100%; line-height: 1.7em; min-height: 100px; word-break: break-all; overflow: hidden; }
#bo_v_img img { margin: 10px 0; }
#footer_logo {padding-left:15px;}
#footer_logo img {
  max-width: 300px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
       -o-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
          filter: grayscale(100%); 
}
#bo_list { position: relative; }
#bo_btn_top { margin: 10px 0; }
#bo_list_total { float: left; line-height: 30px; font-size: 0.92em; color: #4e546f; background: #d4d4d4; padding: 0 10px; border-radius: 5px; }
.tbl_head01 { margin: 0 0 10px; }
.tbl_head01 caption { padding: 0; font-size: 0; line-height: 0; overflow: hidden; }
.tbl_wrap caption { padding: 10px 0; font-weight: bold; text-align: left; }
.tbl_head01 thead th { padding: 10px 0; font-weight: normal; text-align: center; border-bottom: 1px solid #ddd; background: #fafafa; height: 40px; }
.tbl_head01 td { color: #666; background: #fff; padding: 10px 5px; border-top: 1px solid #ecf0f1; line-height: 1.4em; word-break: break-all; }
#bo_list .td_num { width: 60px; text-align: center; }
#bo_list .td_num2 { width: 70px; text-align: center; }
#bo_list .td_name { width: 100px; text-align: center; padding: 10px 0; }
#bo_list .td_datetime { width: 60px; text-align: center; font-style: italic; }
.tbl_head01 caption { padding: 0; font-size: 0; line-height: 0; overflow: hidden; }
#bo_sch { float: left; border: 1px solid #ccc; background: #fff; border-radius: 3px; }
#bo_sch select { border: 0; margin: 9px 5px; height: 20px; float: left; border-right: 1px solid #ddd; }
#bo_sch .sch_input { height: 38px; border: 0; padding: 0; background-color: transparent; float: left; }
#bo_sch .sch_btn { height: 38px; float: left; background: none; border: 0; width: 40px; font-size: 15px; cursor: pointer; }
#bo_sch legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }
#to_list {float: right; margin-right:15px;margin-bottom: 15px;}

#bo_v_email { min-height: 500px; height: auto !important; height: 500px; }
#bo_v_email input { background-color:#EEEEEE; }
#bo_v_email .form-control[readonly] { background-color:#FFEEEE; }
#bo_v_email textarea { background-color:#EEEEEE; height: 200px;}

.reply_content #bo_v { margin-bottom: 20px; padding: 20px; background: #efefef; border: 1px solid #253DBE; }
.reply_content #bo_v_info { padding: 10px 0; margin:0; }
.reply_content #bo_v_atc { min-height:50px; margin:0; }
.reply_content #bo_v_con { min-height:50px; margin:0; }

.wzine_cont .gitem-list { width: 100%; text-align: center; }
.wzine_cont .gitem { display: inline-block; padding: 0; color: #555; display: inline-block; margin: 5px; vertical-align: top; }
.wzine_cont .gitem .thumb { padding: 2px; border: 1px solid #efefef; background: #f9f9f9; }
.wzine_cont .gitem a { font-size: 12px; color: #000000; }
.wzine_cont .gitem p { margin-top: 5px; }

#hd_wrapper { position: relative; margin: 0 auto; padding: 10px 0; height: 115px; width: 1200px; zoom: 1; }
#hd_wrapper #logo { float: left; padding: 10px 0 0; }

.responsive-iframe-container {
  position: relative;
  padding-bottom: 120%;
  padding-top: 30px;
  height: 0;
  overflow: auto;
}

.responsive-iframe-container iframe,  
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#myTable thead tr { height:40px; }
#myTable thead th { text-align: center; }
#myTable tbody tr { height:35px; border-bottom: 1px solid #BDBDBD; }
#myTable tbody td.safec { text-align: center; }
#myTable tbody td.safel { text-align: left; padding-left:5px; }


/* Media Query */

/* Small devices (tablets, 768px and up) */
@media (max-width: 450px) {
  .navbar-header img { height:30px; margin-top: 15px;}
  
}
@media (max-width: 767px) {
  .topHeaderSection {padding: 0;}
  .da-slide .da-img{display:none}
  .da-slide h2 {top: 18px;}
  .da-slide p {top: 255px;}
  .navbar-nav { margin:0 -15px;}
  .navbar-nav.navbar-right:last-child {margin-top: 0px;margin-bottom: 0px;height:auto;}
  .navbar-nav.navbar-left:first-child {margin-top: 0px;margin-bottom: 0px;height:auto;}
  .navbar-toggle {margin-top: 21px;}
  #market_list #thumb_image {
    /*
    width: 326px;
    height: 244px;
    */
    overflow: hidden;
  }
  #market_list p, .recent_images p {
    height:45px;
  }
  div#register_buttons {
    font-size: 10px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  #market_list #thumb_image {
    width: 325px;
    height: 220px;
    overflow: hidden;
  }
  .recent_images #thumb_image {
    width: 325px;
    height: 220px;
    overflow: hidden;
  }
  div#register_buttons {
    font-size: 10px;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #market_list #thumb_image {
    width: 210px;
    height: 160px;
    overflow: hidden;
  }
  .recent_images #thumb_image {
    width: 210px;
    height: 160px;
    overflow: hidden;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #market_list #thumb_image {
    width: 260px;
    height: 190px;
    overflow: hidden;
  }
  .recent_images #thumb_image {
    width: 260px;
    height: 190px;
    overflow: hidden;
  }
}


@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
