@CHARSET "UTF-8";

/*Hello*/

* {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  color: #555;
  /* font-weight: normal; */
  font-family: 'Open Sans', Sans-serif, Arial, AppleGothic, dotum;
}

body {
  font-family: 'Open Sans', Sans-serif, Arial, AppleGothic, dotum;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  line-height: 1.6em;
  color: #111;
  background: #fff;
  margin: 0;
  padding: 0;
}


/*-- FIX FOOTER --------------------------------------------*/
html, body {
  height: 100%;
}
#content {244
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -193px;
}
#content:after {
  content: "";
  display: block;
}
#layout_tail, #content:after {
  height: 193px;
}
#layout_tail {
  /* background: orange; */
}

/*-- 기본 태그 --------------------------------------------*/

form,
ul,
ol,
dl,
table,
div,
h1,
h2,
h3,
li,
dt,
dd {
  margin: 0;
  padding: 0;
}

table,
div {
  border-collapse: collapse;
}

th,
td,
option {
  text-align: left;
  padding: 0;
}

caption {
  display: none;
}

img,
fieldset {
  border: 0;
  vertical-align: middle;
}


/*-- 폰트, 색상 관련 --------------------------------------------*/

.black {
  color: #000000;
}

.white {
  color: #ffffff;
}

.red {
  color: #cc6666;
}

.blue {
  color: #0066cc;
}

.orange {
  color: #ff6600;
}

.brown {
  color: brown;
}

.navy {
  color: navy;
}

.gray {
  color: silver;
}

.darkgray {
  color: #939393;
}

.number {
  color: brown;
  text-align: right;
}

.contents_width {
  /* width: 1169px; */
  /* text-align: left; */
  margin: 0 auto;
  /* padding-left: 0.5em; */
  /* padding-right: 0.5em; */
}


/*-- layout_init ----------------------------------*/

#layout_top {
  width: 100%;
}

#layout_body {
  width: 100%;
  padding-bottom: 15px;
}

#layout_tail {
  width: 100%;
}


/* 640px 미만 */

@media all and (max-width: 639px) {
  .contents_width {
    width: 640px;
    margin: 0 auto;
  }
}


/* 1190px 이상 */

@media all and (min-width: 1190px) {}


/*-- layout_top ----------------------------------*/

#gnbWrap {
  width: 100%;
  height: 31px;
  line-height: 31px;
  background: #f8f8f8;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
}

#gnbWrap ul {
  height: 31px;
  overflow: hidden;
}

#gnbWrap li {
  float: right;
  list-style-type: none;
  height: 31px;
  line-height: 31px;
}

#gnbWrap li.space {
  padding: 0 9px;
}

#gnbWrap li.space span {
  font-size: 10px;
  color: #444444;
}

#menuWrap {
  position: relative;
  width: 100%;
  padding: 0;
  z-index: 9;
}

#main_menu ul.menu_title {
  width: 100%;
  /* margin-top: 15px; */
  overflow: hidden;
}

#main_menu ul.menu_title li {
  float: left;
  list-style-type: none;
  /* height: 88px; */
  padding: 0;
  overflow: hidden;
}

#main_menu ul.menu_title li.first {
  overflow: hidden;
}

#main_menu ul.menu_title li.first img {
  width: 100%
}

#main_menu ul.menu_title li.last {
  float: right;
}

#main_menu ul.menu_title li.last img {
  width: 100%
}

#main_menu ul.menu_title li.middle {
  text-align: center;
}

#main_menu ul.menu_title li.middle ul {
  margin: 0 auto;
  overflow: hidden;
}

#main_menu ul.menu_title li.middle .mitem {
  // margin-top: 19px;
  // font-size: 20px;
  // color: #111;
  // font-family: 'Merriweather', Arial, AppleGothic, dotum;
  cursor: pointer;
}

#main_menu ul.menu_title li.space {
  width: 6px;
  height: 20px;
  padding: 0;
  margin-top: 25px;
  margin-left: 26px;
  margin-right: 26px;
  background: #ddd;
  border-radius: 12px;
}

#sub_menu {
  display: none;
  position: absolute;
  width: 1169px;
  top: 88px;
  left: 50%;
  margin-left: -585px;
/*   background: #fff; */
/*   border: 2px solid #33ccff; */
  border-top: none;
  z-index: 99;
}

#sub_menu .view_all {
  width: 96%;
  height: 40px;
  margin-left: 2%;
  margin-top: 19px;
  cursor: pointer;
}

#sub_menu .view_all2 {
  width: 100%;
  height: 40px;
  overflow: hidden;
}

#sub_menu .view_all2 li {
  float: left;
  list-style-type: none;
}

#sub_menu .view_all2 li.lr_line {
  width: 37%;
  height: 6px;
  line-height: 6px;
  margin-top: 15px;
/*   background: #00bbf0; */
  border-radius: 6px;
}

#sub_menu .view_all2 li.view_all_txt {
  width: 25%;
  height: 35px;
  line-height: 35px;
/*   color: #00bbf0; */
  font-size: 34px;
  text-align: center;
  font-family: 'Merriweather', Verdana;
  font-weight: bold;
}

#sub_menu .menus {
  width: 96%;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 19px;
  text-align: center;
}

#sub_menu .menus a {
  padding-right: 1%;
  padding-left: 1%;

}

#sub_menu .menus img {
  /*width: 14%;*/
  max-width: 18%;
  max-height: 28px;
  vertical-align: bottom;
  margin-bottom: 0.5em;
}


/*-- layout_body ----------------------------------*/

#layout_body .productspot {
  padding-top: 30px;
  text-align: center;
/*   color: #33ccff; */
  font-size: 42px;
  font-family: 'Merriweather', Arial;
}

#layout_body .productspot_sub {
  padding-bottom: 50px;
  text-align: center;
  color: #919191;
  font-size: 16px;
}

#layout_body .recentlyitem {
  padding-top: 30px;
  text-align: center;
/*   color: #3399cc; */
  font-size: 42px;
  font-family: 'Merriweather', Arial;
}

#layout_body .recentlyitem_sub {
  padding-bottom: 30px;
  text-align: center;
  color: #8c8c8c;
  font-size: 17px;
}

#layout_body .goods_list {}

#layout_body .goods_list ul {
  width: 100%;
  overflow: hidden;
  list-style: none;
  font-size: 0px;
  /* margin-left: -2.5%; */
  /* should match li left margin */
}

#layout_body .goods_list li {
  /* float: left; */
  list-style-type: none;
  width: 22.5%;
  /* height: 160px; */
  /* overflow: hidden; */
  display: inline-block;
  vertical-align: bottom;
  /* padding: 10px; */
  margin: 1.25%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-size: 0.875rem;
}

#layout_body .goods_list li img {
  max-height: 120px;
  margin-bottom: 0.3em;
  /* width: inherit; */  /* This makes the next two lines work in IE8. */
  max-width: 100%; /* Add !important if needed. */
  height: auto;    /* Add !important if needed. */
}

#layout_body .goods_list li .goods_image {
  text-align: center;
  /* padding: 0em 0em 2.5em 0em; */
  /* height: 120px; */
  overflow: hidden;
  vertical-align: bottom;
  /* display: table-cell; */
  width: 100%;
}

#layout_body .goods_list li .goods_image a {
  display: block;
  margin: auto;
}

#layout_body .goods_list li .goods_title {
  text-align: center;
  width: 90%;
  height: 2em;
  margin: 0 auto;
}

#layout_body .goods_list li .goods_price {
  text-align: center;
  height: 1em;
}

#layout_body .headline {
  /* margin: 0.5rem auto; */
  /* text-align: center; */
/*   color: #3399cc; */
  /* font-size: 42px; */
  font-family: 'Merriweather', Arial;
}

#layout_body .headline_sub {
  margin: 0 auto 1em;
  text-align: center;
  color: #919191;
  font-size: 16px;
}

#layout_body .set_list {
  display: table;
  /* width: 75%; */
}

#layout_body .set_list ul {
  width: 100%;
  overflow: hidden;
  list-style: none;
  display: table-row;
}

#layout_body .set_list li {
  float: left;
  list-style-type: none;
  /* width: 33%; */
  height: auto;
  overflow: hidden;
  display: table-cell;
}

#layout_body .set_list li img {
  width: 100%;
}

#layout_body .set_list li .goods_image {
  text-align: center;
  padding: 0% 5% 0% 5%;
}

#layout_body .set_list li .goods_title {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}

#layout_body .set_list li .goods_price {
  text-align: center;
}

#layout_body .main_banner_block {
  position: relative;
  width: 100%;
/*   border-top: 3px solid #33ccff; */
  overflow: hidden;
}

#layout_body .page_depth {
  background: #f5f5f5;
/*   border-top: 3px solid #33ccff; */
}

#layout_body .depth_txt {
  /* width:95%; */
  height: 39px;
  line-height: 36px;
  text-align: right;
}

#layout_body .title_block {
  width: 100%;
  height: 214px;
  border-bottom: 1px solid #ccc;
}

#layout_body .title_block ul {
  width: 95%;
  height: 214px;
  overflow: hidden;
  margin: 0 auto;
}

#layout_body .title_block li {
  list-style-type: none;
}

#layout_body .title_block li.left_area {
  float: left;
  padding-top: 60px;
}

#layout_body .title_block li.left_area span {
  font-size: 50px;
  font-weight: bold;
}

#layout_body .title_block li.left_area .txt1 {
  color: #0088ee;
}

#layout_body .title_block li.left_area .txt2 {
  color: #006699;
}

#layout_body .title_block li.right_area {
  float: right;
}

#layout_body .content_gray_box {
  width: 93%;
  background: #f2f2f2;
  /*border-radius: 10px;*/
  margin: 2em auto;
}

#join_box {
  width: 90%;
  margin: 0 auto;
  padding: 2em 0;
}

#join_box input.smallinput {
  width: 100%;
  height: 26px;
  line-height: 26px;
  /* padding: 0 4px; */
}

#join_box .helpmsg {
  color: #999;
  line-height: 14px;
}

#join_box table td {
  padding: 2px 4px;
}

#join_box table td .resv03 {
  line-height: 17px;
}

#login_box {
  width: 50%;
  margin: 0 auto;
  /* padding: 1em; */
  /*float: left;*/
}

#signin_box {
  width: 50%;
  /* margin: 0 auto; */
  /* padding: 1em; */
  float: left;
}

table.table_in_li {
  width: 100%;
  margin: 0 auto;
  padding-top: 25px;
}

table.table_in_li td {
  padding: 5px 0;
}

table.table_in_li input.smallinput {
  width: 100%;
  height: 3em;
  line-height: 3em;
  /* padding: 0 4px; */
}

table.table_in_li input.button {
  padding: 0;
  margin-right: 4px;
  width: 100%;
  height: 3em;
  line-height: 3em;
  background: #5489e4;
  border: 0;
  // border-radius: 10px;
  color: white;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  font-family: Verdana, Sans-serif, Arial, AppleGothic, dotum;
}

table.table_in_li input.button:hover {
  background: white;
  color: #5489e4;
  border-color: #5489e4;
}

table.table_in_li input.bold {
  font-weight: bold;
}

table.table_in_li input.gray {
  background: #ccc;
  color: #555;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
}

#layout_body .button_block {
  margin: 0 auto;
  text-align: center;
  /* padding-bottom: 30px; */
}

#layout_body .button_block input.button {
  padding: 0px 40px;
  height: 48px;
  line-height: 42px;
/*   background: #5489e4;
  border: 3px;
  border-style: solid;
  border-color: #5489e4;
  color: white; */
  font-size: 1.3em;
  cursor: pointer;
  font-family: Verdana, Sans-serif, Arial, AppleGothic, dotum;
  margin: 10px 10px;
  // -moz-border-radius:5px;
  // -webkit-border-radius:5px;
}

#layout_body .button_block input.button:hover,
#layout_body .button_block input.button:focus {
/*   background: #eee;*/
/*   color: #5489e4; */
/*   border: 3px; */
/*   border-style: solid; */
/*   border-color: #5489e4; */
}

#option_block {
  width: 100%;
  min-width: 768px;
  margin: 0 auto;
}

#option_block .left_image {
  padding-bottom: 1em;
  width: 50%;
  /* border: 1px solid gray; */
  /* box-shadow: 1px 1px 3px #888; */
}

#option_block .left_image .goods_image,
.goods_video {
  position: relative;
  padding: 10%;
  /* position: relative; */
  display: block;
  margin: auto;
  max-width: 300px;
}

#option_block .left_image .goods_image img {
  display: block;
  margin: auto;
  max-width: 300px;
  width: auto;
}

#option_block .left_image .no_image_big {
  width: 560px;
  height: 280px;
  line-height: 280px;
  background: #f4f4f4;
  border: 1px solid #eee;
  border-radius: 6px;
}

#option_block .left_image .sold_out {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7.5rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  margin-left: -3.75rem;
  margin-top: -1rem;
  font-size: 1rem;
  font-weight: bold;
  background: orange;
  color: #222;
  opacity: 0.9;
  cursor: default;
}

.sold_out_s {
  position: absolute;
  /* bottom: 50%; */
  left: 0;
  width: 120%;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 1.2em;
  /* margin-left: -2.8rem; */
  /* margin-top: -1rem; */
  /* font-size: 0.875rem; */
  font-weight: bold;
  background: orange;
  color: #222;
  opacity: 0.9;
  cursor: default;
  top: 25%;
  left: -10%;
  /* -webkit-transform: rotate(-20deg); */
  /**safari, chrome**/
  /*-moz-transform: rotate(-20deg);*/
  /**firefox**/
  /* transform: rotate(-15deg); */
  /**other browsers**/
}

#option_block .right_option {
  width: 50%;
  /* border: 1px solid gray; */
  /* box-shadow: 1px 1px 3px #888; */
}

#option_block .right_option .goods_name {
  width: 100%;
  /* padding-bottom: 13px; */
  text-align: right;
  border-bottom: 1px solid #eaeaea;
}

#option_block .right_option .goods_name .txt {
  font-size: 30px;
  color: #000;
  letter-spacing: 0px;
  font-weight: bold;
  /* white-space: nowrap; */
}

#option_block .right_option .total_amount {
  /* padding-top: 10px; */
  padding-bottom: 1em;
  /* border-top: 1px solid #c5c5c5; */
  text-align: right;
}

#option_block .right_option .total_amount * {
  text-align: right;
}

#option_block .goods_name .txt {
  font-size: 30px;
  color: #000;
  letter-spacing: 0px;
  font-weight: bold;
}

#option_block td {
  vertical-align: top;
  /* padding-bottom: 1em; */
}

#option_select_box {
  margin-top: 1em;
  margin-bottom: 1em;
}

#option_select_box ul {
  float: right;
  overflow: hidden;
}

#option_select_box li {
  float: left;
  text-align: left;
  list-style-type: none;
  padding: 5px 10px 5px 10px;
}

#option_select_box li.eye_item {
  padding-top: 15px;
  padding-right: 30px;
}

#option_select_box .right_eye {}

#option_select_box .left_eye {}

#about_box {
  width: 100%;
  margin: 2em auto;
}

#about_box dl {
  padding: 10px 0 40px 0;
}

#about_box dt {
  font-size: 20px;
  color: #2268bf;
  letter-spacing: 0px;
  font-weight: bold;
}

#about_box dd {
  font-size: 16px;
  color: #444444;
  letter-spacing: 0px;
}

#about_box .subtitle {
  padding-left: 46px;
  margin-top: 8px;
  height: 24px;
  line-height: 24px;
  background: url('/images/icon_02.jpg') no-repeat;
  font-size: 16px;
  color: #2268bf;
  letter-spacing: 0px;
  font-weight: bold;
}

#about_box .describe {
  padding-left: 46px;
  font-size: 14px;
  color: #444444;
  letter-spacing: 0px;
}

#about_box .inquiry {
  margin-top: 60px;
}

#about_box ol {
  padding-left: 64px;
}

#about_box li {
  font-size: 14px;
  color: #444444;
  letter-spacing: 0px;
}

#about_box th {
  background: #ccc;
  padding: 5px 8px;
  font-size: 16px;
  color: #2268bf;
  letter-spacing: 0px;
  font-weight: bold;
  line-height: 20px;
}

#about_box th:first-child {
  text-align: center;
}

#about_box td {
  background: #f5f5f5;
  padding: 5px 8px;
  font-size: 14px;
  color: #444;
  letter-spacing: 0px;
  line-height: 16px;
}

#about_box td:first-child {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

#mypage_box {
  margin: 50px auto;
  padding: 60px 0;
  display: table;
  /* Allow the centering to work */
}

#mypage_box ul {
  width: 100%;
  overflow: hidden;
}

#mypage_box li {
  float: left;
  list-style-type: none;
  text-align: center;
}

#detail_tab_block {
  /* border-top: 1px solid #ccc; */
  /* border-bottom: 1px solid #ccc; */
  /* padding: 15px 0; */
  /* margin: 15px auto; */
}

.tab-block ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  /* height: 4em; */
}

.tab-block li {
  float: left;
  // width: 33.3%;
  /* height: 4em; */
  text-align: center;
  list-style-type: none;
  margin: auto;
}

.tab-block li a {
  float: left;
  height: 41px;
  line-height: 41px;
  padding: 0 20px;
  border: 1px solid #ddd;
  /* margin-left: 10px; */
  /* border-radius: 4px 4px 0 0;*/
  margin-bottom: -1px;
  background: ###F2F2F2;
/*   color: #999; */

  font-size: 18px;
  cursor: pointer;
  will-change: background;
  transition: .25s background;
}

.tab-block li a:hover {
  background-color: ###F2F2F2;
  border: 1px solid #cccccc;
}

.tab-block .select {
  border-bottom-color: transparent;
/*   background: #fff; */
/*   color: #5489e4; */
  cursor: default;
  font-weight: bold;
}

#detail_contents {
  /* margin-top: 20px; */
  /* margin-bottom: 20px; */
}

#tab_detail_content ul.spec {
  width: 100%;
  overflow: hidden;
}

#tab_detail_content ul.spec li {
  float: left;
  line-height: 22px;
  list-style-type: none;
}

#tab_detail_content ul.spec li.left {
  width: 38%;
  font-weight: bold
}

#tab_detail_content ul.spec li.right {
  width: 59%;
}

#detail_contents .productTab {}

#cart_goods_list {
  width: 95%;
  margin: 0 auto;
  padding: 20px 0;
}

#cart_goods_list table.cart_list {
  width: 100%;
}

#cart_goods_list table.cart_list .head td {
  border-bottom: 3px solid #555;
}

#cart_goods_list table.cart_list .data {
  height: 100px;
}

#cart_goods_list table.cart_list .data td {
  border-bottom: 2px solid #ccc;
}

#cart_goods_list table.cart_list td.product {
  width: 74%;
  text-align: left;
}

#cart_goods_list table.cart_list td.price {
  width: 10%;
  text-align: center;
}

#cart_goods_list table.cart_list td.subtotal {
  width: 10%;
  text-align: center;
}


/*#cart_goods_list table.cart_list td.quantity { width:12%; text-align:center; }*/

#cart_goods_list table.cart_list td.menu {
  width: 6%;
  text-align: center;
}

#cart_goods_list table.cart_list td.image {
  width: 252px;
  text-align: center;
}

#cart_goods_list table.cart_list td.image img {
  max-width: 175px;
  max-height: 90px;
}

#cart_goods_list table.cart_list td.product2 {
  width: 50%;
  text-align: left;
}

table.goods_list_detail th {
  border-bottom: 1px solid #aaa;
  font-weight: bold;
  padding: 0 0.5em 0 0.5em;
}

table.goods_list_detail td {
  border-bottom: 0;
  padding: 0 0.5em 0 0.5em;
}

table.goods_list_detail td.title {
  /* min-width: 30px; */
  /* width: 8%; */
  white-space: nowrap;
}

table.goods_list_detail td.color {
  /* width:26%; */
  white-space: nowrap;
}

table.goods_list_detail td.bcdia {
  /* min-width: 75px; */
  /* width: 12%; */
  white-space: nowrap;
}

table.goods_list_detail td.power {
  /* min-width: 75px; */
  /* width: 12%; */
  white-space: nowrap;
}

table.goods_list_detail td.cy {
  /* min-width: 75px; */
  /* width: 12%; */
  white-space: nowrap;
}

table.goods_list_detail td.ax {
  /* min-width: 75px; */
  /* width: 12%; */
  white-space: nowrap;
}

table.goods_list_detail td.qty {
  /* min-width: 50px; */
  /* width: 10%; */
  text-align: right;
  white-space: nowrap;
}

table.goods_list_detail td.center {
  text-align: center;
}

table.goods_list_detail th.qty {
  text-align: right;
}

#cart_goods_list .cart_total ul {
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
}

#cart_goods_list .cart_total li {
  float: left;
  list-style-type: none;
  width: 50%;
}

#cart_goods_list .cart_total li.left span {
  margin-left: 15px;
  padding-right: 10px;
}

#cart_goods_list .cart_total li.right div {
  margin-left: 45%;
}

#cart_goods_list table.order_list .head td {
  border-top: 3px solid #555;
  border-bottom: 3px solid #555;
  background: #f2f5f3;
  padding: 17px 0;
  font-size: 16px;
  font-weight: bold;
}

#cart_goods_list table.order_list .data td {
  border-bottom: 2px solid #ccc;
  height: 46px;
  line-height: 46px;
}

#cart_goods_list table.order_list {
  width: 100%;
}

#cart_goods_list table.order_list td.ordernumber {
  width: 20%;
  text-align: left;
  padding-left: 3%;
  font-weight: bold;
}

#cart_goods_list table.order_list td.placed {
  width: 15%;
  text-align: center;
}

#cart_goods_list table.order_list td.total {
  width: 15%;
  text-align: center;
}

#cart_goods_list table.order_list td.paytype {
  width: 12%;
  text-align: center;
}

#cart_goods_list table.order_list td.status {
  width: 15%;
  text-align: center;
}

#cart_goods_list table.order_list td.menus {
  width: 15%;
  text-align: center;
}

#cart_goods_list table.order_list td.tracking {
  width: 32%;
  text-align: center;
}

#cart_goods_list table.order_list td.tracking a {
  font-size: 14px;
  font-weight: bold;
}

#cart_goods_list input.button {
  padding: 0;
  margin-right: 4px;
  /* width: 50px; */
  height: 32px;
  line-height: 32px;
/*   background: #5489e4; */
/*   border: 1px solid #5489e4; */
  /* border-radius:10px; */
  color: white;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  font-family: Verdana, Sans-serif, Arial, AppleGothic, dotum;
  padding: 0 0.5em;
  // -moz-border-radius: 5px;
  // -webkit-border-radius:5px;
}

#cart_goods_list input.button:hover {
/*   background: #eee; */
/*   color: #5489e4; */
}

.page_box {
  width: 100%;
  height: 50px;
  line-height: 49px;
  font-family: tahoma;
  font-size: 12px;
  text-align: center;
}

.page_box .page {
  padding: 4px 8px;
  background: #fff;
  color: #888;
  font-weight: bold;
  border: 1px solid #fff;
  margin: 0 2px;
}

.page_box .page:hover {
  border: 1px solid #ddd;
  color: #3ba0f5;
  cursor: pointer;
}

.page_box .paging_end {
  margin: 0 12px;
}

.page_box .current {
  padding: 4px 9px;
  border: 1px solid #ddd;
  color: #3ba0f5;
  margin: 0 1px;
  font-weight: bold;
}

.page_box .current:hover {
  border: 1px solid #1e89e3;
  background: #3ba0f5;
  color: #fff;
  cursor: pointer;
}

.page_box span.fstPage {
  padding: 4px 13px;
  background-image: url('/images/page_first_btn.png');
  background-repeat: no-repeat;
  background-position: 48% 50%;
}

.page_box span.prevPage {
  padding: 4px 13px;
  background-image: url('/images/page_prev_btn.png');
  background-repeat: no-repeat;
  background-position: 49% 50%;
}

.page_box span.nextPage {
  padding: 4px 13px;
  background-image: url('/images/page_next_btn.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.page_box span.lstPage {
  padding: 4px 13px;
  background-image: url('/images/page_last_btn.png');
  background-repeat: no-repeat;
  background-position: 48% 50%;
}


/*-- layout_tail ----------------------------------*/

.tail_link {
  width: 100%;
  height: 70px;
/*   background: #00acdb; */
  overflow: hidden;
}

.tail_link a {
  padding: 0 20px;
}

.tail_copy {
  width: 100%;
  background: #ececec;
  overflow: hidden;
  padding: 18px 0;
}

.tail_copy * {
  font-size: 14px;
  color: #555;
}

.tail_copy .copyright {
  padding-top: 15px;
}

h1 {
  font: bold 20pt/1.4 wooridotum90c1;
}

.sinmoon {
  font: normal 9pt/2 woorisinmoon;
  line-height: 140%;
}

.dotum {
  font: normal 10pt/2 wooridotum;
  line-height: 140%;
}

.dotum90c1 {
  font: normal 10pt/2 wooridotum90C1;
  line-height: 140%;
}

.png24 {
  tmp: expression(setPng24(this));
}

td {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  /* float: right; */
  /* text-align: right; */
  /* vertical-align: top; */
}

A {
  text-decoration: none;
}

// A:link {
//     COLOR: #333333;
// }
// A:visited {
//     COLOR: #333333;
// }
// A:active {
//     COLOR: #333333;
// }
// A:hover {
//     COLOR: #ff0000;
// }
.link:link {
  font-size: 12px;
  text-decoration: none;
}

.link:visited {
  font-size: 12px;
  text-decoration: none;
}

.link:hover {
  font-size: 12px;
  text-decoration: none;
}

.orange_link:link {
  font-size: 12px;
  text-decoration: none;
  color: #ff6f10;
}

.orange_link:visited {
  font-size: 12px;
  text-decoration: none;
  color: #ff6f10;
}

.orange_link:hover {
  font-size: 12px;
  text-decoration: none;
  color: #FF3300;
}

.w_link:link {
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
}

.w_link:visited {
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
}

.w_link:hover {
  font-size: 12px;
  text-decoration: none;
  color: #FFFF99;
}

.sky_link:link {
  font-size: 12px;
  text-decoration: none;
  color: #25b1de;
}

.sky_link:visited {
  font-size: 12px;
  text-decoration: none;
  color: #25b1de;
}

.sky_link:hover {
  font-size: 12px;
  text-decoration: none;
  color: #2268bf;
}

.gb01:link {
  font-size: 12px;
  text-decoration: none;
  color: #666666;
  font-weight: bold;
}

.gb01:visited {
  font-size: 12px;
  text-decoration: none;
  color: #666666;
  font-weight: bold;
}

.gb01:hover {
  font-size: 12px;
  text-decoration: none;
  color: #2268bf;
  font-weight: bold;
}

.gb02:link {
  font-size: 12px;
  text-decoration: none;
  color: #2268bf;
  font-weight: bold;
}

.gb02:visited {
  font-size: 12px;
  text-decoration: none;
  color: #2268bf;
  font-weight: bold;
}

.gb02:hover {
  font-size: 12px;
  text-decoration: none;
  color: #25b1de;
  font-weight: bold;
}

.yellowb:link {
  font-size: 12px;
  text-decoration: none;
  color: #fffeb2;
}

.yellowb:visited {
  font-size: 12px;
  text-decoration: none;
  color: #fffeb2;
}

.yellowb:hover {
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
}

input {
  border: 1px #8ab3e9 solid;
  /*height: 18px;*/
  background-color: #ffffff;
  color: #666666;
  font-size: 1em;
  text-align: left;
  text-valign: middle;
  margin: 0.2em 0;
}

select {
  border: 1px #8ab3e9 solid;
  /*height: 26px;*/
  padding: 0px 4px;
  background-color: #ffffff;
  color: #666666;
  font-size: 12px;
  text-align: left;
  text-valign: middle;
}

.input01 {
  background-color: #FFFFFF;
  font-size: 9pt;
  text-align: left;
  text-valign: middle;
}

textarea {
  border: 1px #8ab3e9 solid;
  height: 130px;
  background-color: #FFFFFF;
  color: #666666;
  /* font-size: 9pt; */
  text-align: left;
  margin: 0.2em 0;
}

.check {
  background-color: #FFFFFF;
}

.title01 {
  font-size: 14px;
  color: #d56d08;
  letter-spacing: 0px;
  font-weight: bold;
}

.title02 {
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: bold;
  line-height: 17px;
}

.sm {
  font-size: 11px;
  color: #aa9d85;
  letter-spacing: 0px;
}

.cal_red {
  font-size: 12px;
  color: #074b8b;
  letter-spacing: 0px;
  font-weight: bold;
}

.blue {
  /* font-size: 12px; */
  color: #2268bf;
  letter-spacing: 0px;
  font-weight: bold;
}

.sktb {
  font-size: 12px;
  color: #25b1de;
  letter-spacing: 0px;
}

.sktb02 {
  font-size: 16px;
  color: #006699;
  letter-spacing: 0px;
  font-weight: bold;
}

.blue2 {
  font-size: 12px;
  color: #2268bf;
  letter-spacing: 0px;
}

.blue14 {
  font-size: 24px;
  color: #2268bf;
  letter-spacing: 0px;
  font-weight: bold;
  line-height: 16px;
}

.blue14c {
  font-size: 15px;
  color: #2268bf;
  letter-spacing: 0px;
  line-height: 16px;
}

.blue14s {
  font-size: 20px;
  color: #2268bf;
  letter-spacing: 0px;
  line-height: 16px;
}

.red12 {
  font-size: 12px;
  color: #6a338e;
  letter-spacing: 0px;
  font-weight: bold;
  line-height: 16px;
}

.white12 {
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0px;
}

.white18 {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0px;
  font-weight: bold;
  line-height: 20px;
}

.orange24 {
  font-size: 20px;
  color: #ff6f10;
  letter-spacing: 0px;
  font-weight: bold;
  line-height: 18px;
}

.orange16s {
  font-size: 14px;
  color: #ff6f10;
  letter-spacing: 0px;
  line-height: 18px;
}

.orange12 {
  font-size: 12px;
  color: #ff6f10;
  letter-spacing: 0px;
}

.orange12b {
  font-size: 12px;
  color: #ff6f10;
  letter-spacing: 0px;
  font-weight: bold;
}

.yellow12b {
  font-size: 12px;
  color: #fffeb2;
  letter-spacing: 0px;
  font-weight: bold;
}

.green16 {
  font-size: 15px;
  color: #94a600;
  letter-spacing: 0px;
  font-weight: bold;
  line-height: 17px;
}

.green12 {
  font-size: 12px;
  color: #94a600;
  letter-spacing: 0px;
  font-weight: bold;
}

.big02 {
  font-size: 16px;
  color: #a1a3a0;
  letter-spacing: 0px;
  font-weight: bold;
}

.big03 {
  font-size: 30px;
  color: #000000;
  letter-spacing: 0px;
  font-weight: bold;
  float: right;
}

.big000 {
  font-size: 14px;
  color: #000000;
  letter-spacing: 0px;
  font-weight: bold;
}

.big01 {
  font-size: 16pt;
  font-family: "Arial";
  font-weight: bold;
  color: #a1a3a0;
  letter-spacing: 0px;
}

.print {
  font-size: 12px;
  font-family: "돋움";
  color: #000000;
  letter-spacing: 0px;
}

.brg1 {
  BORDER-right: #d1d9e2 1px solid;
}

.obtg1 {
  BORDER-top: #9baec6 1px solid;
}

.obrg1 {
  BORDER-RIGHT: #9baec6 1px solid;
}

.obbg1 {
  BORDER-bottom: #9baec6 1px solid;
}

.oblg1 {
  BORDER-left: #9baec6 1px solid;
}

.BoBoNo {
  BORDER-BOTTOM: medium none;
  font-size: 11px;
}

.cssBtnR {
  float: left;
  list-style: none;
  background: url('http://img.hoteljoin.com/common/css_btn2.gif') no-repeat top right;
}

.cssBtnL {
  display: block;
  padding: 0.5em 1.5em;
  height: 13px;
  background: url('http://img.hoteljoin.com/common/css_btn1.gif') no-repeat top left;
  text-decoration: none;
  color: #330066;
  float: left;
  font-size: 12px;
  font-weight: bold;
}

.cssBtnL:hover {
  color: #FF0066;
}

img {
  border: none;
}

.resv01 {
  font-size: 14px;
  color: #333333;
  letter-spacing: 0px;
  font-weight: bold;
}

.resv02 {
  font-size: 12px;
  color: #4c7fac;
  letter-spacing: 0px;
}

.resv03 {
  font-size: 12px;
  color: #444444;
  letter-spacing: 0px;
  font-weight: bold;
  padding-bottom: 0.5em;
}

.cur-usd {
  color: #c92d2d;
  font-weight: bold;
}

.cur-usd:after {
  content: " USD";
  color: #c92d2d;
  font-weight: bold;
}

.cur-krw {
  color: #5489e4;
}

.cur-krw:after {
  content: " KRW";
  color: #5489e4;
}

.cur-point {
  font-family: "Courier New", Courier, monospace;
}

.cur-point:before {
  content: "P";
  color: #111111;
  font-family: "Courier New", Courier, monospace;
}

.text-big {
  font-size: 150%;
  line-height: 150%;
}

.text-big2 {
  font-size: 200%;
}
.small-text {
  font-size: 80%;
}

.text-big2 {
  font-size: 200%;
}

table.right-table {
  width: auto;
  margin-right: 0px;
  margin-left: auto;
}

.price-table {
  width: 100%;
  margin-right: auto;
  margin-left: 0px;
}

.price-table td {
  vertical-align: top;
  padding: 0 1em 0 0;
}

.price-table th {
  vertical-align: top;
  padding: 0 1em 0 0;
  vertical-align: middle;
}

.total-table {
  width: 50%;
  margin-right: 0px;
  margin-left: auto;
}

.total-table tr {}

.total-table td {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.total-table th {
  vertical-align: center;
  padding: 0 1em;
  text-transform: uppercase;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-weight: bold;
}

.money {
  font-size: 15px;
  color: #c92d2d;
  letter-spacing: 0px;
  font-weight: bold;
}

.moneyc {
  font-size: 22px;
  color: #c92d2d;
  letter-spacing: 0px;
  font-weight: bold;
}

.point {
  font-size: 13px;
  color: #000000;
  letter-spacing: 0px;
}

.sup {
  font-size: 60%;
  vertical-align: 40%;
}

div#pop-up_promo,
div#pop-up_promo_kr,
div#pop-up_point,
div#pop-up_point_kr,
div#pop-up_recipient,
div#pop-up_recipient_kr,
div#pop-up_customs_id,
div#pop-up_customs_id_kr,
div#pop-up_confirm_kr,
div#pop-up_phone_kr,
div#pop-up_deliverynote {
  display: none;
  position: absolute;
  width: 220px;
   white-space: nowrap;
  border: 10px;
  background: #d7d7e7;
  color: #000000;
  border-radius: 5px;
  font-size: 0;
  -moz-box-shadow: 0px 0px 7px 3px #c0c0c0;
  -webkit-box-shadow: 0px 0px 7px 3px #c0c0c0;
  box-shadow: 0px 0px 7px 3px #c0c0c0;
}

.popup_header {
  display: inline-block;
  width: 46%;
  padding: 2%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background: #ffffff;
}

.popup_content {
  display: inline-block;
  width: 46%;
  padding: 2%;
  font-size: 11px;
  text-align: center;
}

#popup_table_promotop {
  display: none;
  position: absolute;
  width: auto;
   white-space: nowrap;
  border: 10px;
  background: #ececec;
  color: #000000;
  -moz-box-shadow: 0px 0px 7px 3px #c0c0c0;
  -webkit-box-shadow: 0px 0px 7px 3px #c0c0c0;
  box-shadow: 0px 0px 7px 3px #c0c0c0;
}

.popup_table_header {
  font-size: 12px;
  padding: 2px 4px;
  font-weight: bold;
}

.popup_table_content {
  font-size: 11px;
  padding: 2px 4px;
   background: #ffffff;
}

.clear {
  clear: both;
  display: block;
  content: "";
  width: 100%;
}

.main-money {
  font-size: 1.5em;
  color: #2268bf;
  font-weight: bold;
}

.main-money::first-letter {
  font-size: 70%;
  vertical-align: 20%;
}

.secondary-money {}

.lens_point {}

.ci_header {
  display: inline-block;
  width: 45%;
  padding: 1rem 0rem 1rem 0rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
  background: #5489e4;
  vertical-align: top;
}

.ci_content {
  display: inline-block;
  width: 45%;
  height: 2rem;
  padding: 0.25rem 0rem;
  font-size: 0.75rem;
  text-align: center;
  background: #f2f2f2;
  vertical-align: top;
}

.ci_content_full {
  display: inline-block;
  width: 100%;
  height: 2rem;
  padding: 0.25rem 0rem;
  font-size: 0.75rem;
  text-align: center;
  background: #f2f2f2;
  vertical-align: top;
}

.ci_add_header {
  display: inline-block;
  width: 30%;
  padding: 0.5rem 0rem;
  font-size: 0.75rem;
  text-align: center;
  background: #ffffff;
}

.ci_add_content {
  display: inline-block;
  width: 70%;
  padding: 0.5rem 0rem;
  font-size: 0.75rem;
  text-align: center;
  background: #ffffff;
}

.ci_add_content input {
  width: 100%;
}

.add_button {
  display: block;
  margin: 0 auto;
  padding: 0.5em 1em;
  height: 2.5em;
  background: #5489e4;
  border: 1px;
  border-style: solid;
  border-color: #5489e4;
  color: #ffffff;
  cursor: pointer;
}

.add_button:hover,
.add_button:focus {
  background: #ffffff;
  color: #5489e4;
  border: 1px;
  border-style: solid;
  border-color: #5489e4;
}

.del_button {
  display: block;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  background: #5489e4;
  border: 1px;
  border-style: solid;
  border-color: #5489e4;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.del_button:hover,
.del_button:focus {
  background: #ffffff;
  color: #5489e4;
  border: 1px;
  border-style: solid;
  border-color: #5489e4;
}

.detail-image,
.detail-name,
.detail-content,
.detail-option,
.detail-description {
  // border: 1px solid gray;
  // box-shadow: 1px 1px 3px #888;
}

.container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.detail-name {
  width: 100%;
  box-sizing: border-box;
}

.detail-option {
  /* width: 300px; */
  /* float: right; */
  width: 300px;
  background-color: lightgray;
  // padding: 5px;
}

.detail-content {
  width: calc(100% - 300px);
  overflow: hidden;
}

.detail-name {
  font-size: 30px;
  color: #000;
  letter-spacing: 0px;
  font-weight: bold;
  text-align: right;
  border-bottom: 1px solid #eaeaea;
}

@media (min-width: 600px) {
  .detail-content {
    // width: 60%;
    // -webkit-order: 2;
    // order: 2;
  }
  .detail-option {
    /* width: 40%; */
    /* -webkit-order: 1; */
    /* order: 1; */
  }
}

@media (min-width: 800px) {
  .detail-content {
    /* width: 60%; */
  }
  .detail-option {
    // width: 40%;
  }
}

.table-option th,
.table-option td {
  padding: 0.5em;
}

.table-option th.left,
.table-option td.left {
  text-align: left;
}

.table-option th.right,
.table-option td.right {
  text-align: right;
}

.video-tabs {
  /* width: 90%; */
  position: relative;
  padding-bottom: 56.25%;
  /* padding-top: 1em; */
  height: 0;
  overflow: hidden;
  margin: auto;
}

.video-tabs iframe,
.video-tabs object,
.video-tabs embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

table td.shrink {
  white-space: nowrap;
}

table td.expand {
  width: 99%;
}

/***********************************
 * Button CSS
 ************************************/
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn-default {
  color: #000;
  border-color: #000;
}

.btn-primary {
  color: #ffffff;
  background-color: #5489e4;
  border-color: #5489e4;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  color: #5489e4;
  background-color: #ffffff;
  border-color: #5489e4;
}

.btn-primary:active,
.btn-primary.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

/*-----Text CSS-----*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: ‘Merriweather’, Georgia, serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 40px;
}

h2,
.h2 {
  font-size: 32px;
}

h3,
.h3 {
  font-size: 26px;
}

h4,
.h4 {
  font-size: 20px;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 14px;
}

p {
  margin: 0 0 12px;
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}

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

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

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

/*-----SEARCH BAR-----*/
.search input[type=search] {
    width: 350px;

    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
.search input[type=search]:focus {
    width: 100%;
}

.search {
  /* position: relative; */
  /* margin: 0 auto; */
  /* width: 400px; */
  text-align: center;
}
.search input {
  height: 48px;
  font-size: 32px;
  font-family: 'Merriweather', Arial;
  line-height: 24px;
  /* width: 100%; */
  padding: 0 0px 0 48px;
  background: white url("../images/icon_search.png") 6px 6px no-repeat;
  border: 3px solid;
  border-color: #a8acbc #babdcc #c0c3d2;
  /* border-radius: 13px; */
  -webkit-appearance: textfield;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px #e5e7ed, 0 1px #fcfcfc;
  box-shadow: inset 0 1px #e5e7ed, 0 1px #fcfcfc;
}
.search input:focus {
  outline: 0;
  border-color: #66b1ee;
  -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
  box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
}
.search input:focus + .search-ac {
  display: block;
}


:-moz-placeholder {
  color: #a7aabc;
  font-weight: 200;
}

::-webkit-input-placeholder {
  color: #a7aabc;
  font-weight: 200;
  font-size: 80%;
}

::-webkit-search-decoration,
::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.lt-ie9 .search input {
  line-height: 26px;
}

.pricetag{
    white-space:nowrap;
    position:relative;
    margin:0 20px 0 0px;
    display:inline-block;
    height:25px;
    border-radius: 0 0px 0px 0;
    padding: 0 15px 0 5px;
    /* background:#5489e4; */
    /* border: 1px solid #C7D2D4; */
    color:#fff;
    line-height:25px;
    font-size: 16px;
    font-weight:  bold;
}
.pricetag:after{
    position:absolute;
    right:0;
    margin:1px 7px;
    font-weight:bold;
    font-size:19px;
}
.pricetag:before{
    position:absolute;
/*     background:#5489e4; */
    content:"\25CF";
    color:white;
/*     text-shadow: 0 0 1px #aaa; */
    font-size:8px;
    line-height:12px;
    text-indent:6px;
    top:3px;
    right:-10px;
    width: 18px;
    height: 18px;
    transform: rotate(-135deg);
/*     border-left:1px solid #C7D2D4;
    border-bottom:1px solid #C7D2D4; */
}


.box {
    padding: 1em;
    /* margin-bottom: 1em; */
    border-radius: 0px;
    position: relative;
}

.box--cream-light {
    background-color: #F2F2F2;
    border: 1px solid #ddd;
}

.card {
  background-color: #fff;
  margin-bottom: 1.5em;
  // border-radius: 2px;
  box-shadow:
      0 1px 3px rgba(0,0,0, 0.12),
      0 1px 2px rgba(0,0,0, 0.24);
}

.card_content {
    position: relative;
    color: #5489e4;
    font-size: 18px;
    font-weight: bold;
    //border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.card_padding {
    padding: 1rem;
}

.card_image {
    min-height: 100px;
}

img.desaturate {
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* Disable grayscale on hover */
img.desaturate:hover {
    opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}