@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
/*@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700);^/
/*@import url(https://fonts.googleapis.com/css?family=Alegreya:400,700);*/
/*@import url(https://fonts.googleapis.com/css?family=EB+Garamond:400,700);*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(./animate.css);

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

a:hover, a:focus {
outline: 0;
}

[data-key] {
cursor: pointer;
}


.card {
position: relative;
margin: 0.5rem 0 1rem 0;
padding: 10px;
background-color: #fff;
transition: box-shadow .25s;
border-radius: 2px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

#commonModal .modal-dialog {
margin-top: 40px;
width: 600px;
}
@media (max-width: 767px) {
	#commonModal .modal-dialog {
	margin: 30px 0;
	width: auto;
	}
}
#commonModal .modal-header {
padding: 10px 15px;
border-bottom-color: #005f95;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3dced+0,2c97f4+0,3279c0+100 */
background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(44,151,244,1) 0%, rgba(50,121,192,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(44,151,244,1) 0%,rgba(50,121,192,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(44,151,244,1) 0%,rgba(50,121,192,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#3279c0',GradientType=0 ); /* IE6-9 */
}
#commonModal .close {
padding: 5px 0 !important;
color: #fff;
opacity: 1.0;
}
#commonModal .bg-title {
text-align: center;
vertical-align: middle;
background-repeat: no-repeat;
}


.q-thumb {
background-color: transparent; /*rgba(0, 0, 0, 0.5);*/
background-image: none;
background-repeat: no-repeat;
background-attachment: initial;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.click-img{

}
.click-img:hover{
position:absolute;
right:50px;
width:50px;
background-color#333;
z-index:9999;	
}
.noimage {
background-color: transparent; /*rgba(0, 0, 0, 0.5);*/
background-image: url(../img/no-img.jpg);
background-repeat: no-repeat;
background-attachment: initial;
background-position: center center;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
}

.loading {
visibility: hidden;
opacity: 0;
}
.loaded {
visibility: visible;
opacity: 1;
}

.animation {
width: 100%;
height: 100%;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.loader {
width: 24px;
height: 24px;
border-top: 2px solid #4D87EF;
border-left: 2px solid #4D87EF;
-webkit-animation: loader 1s linear infinite;
        animation: loader 1s linear infinite;
border-radius: 100%;
}
@-webkit-keyframes loader {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loader {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #0080ff;
  background: -moz-linear-gradient(left, #0080ff 10%, rgba(0,128,255, 0) 42%);
  background: -webkit-linear-gradient(left, #0080ff 10%, rgba(0,128,255, 0) 42%);
  background: -o-linear-gradient(left, #0080ff 10%, rgba(0,128,255, 0) 42%);
  background: -ms-linear-gradient(left, #0080ff 10%, rgba(0,128,255, 0) 42%);
  background: linear-gradient(to right, #0080ff 10%, rgba(0,128,255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #0080ff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #0080ff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}*/

.coffee-time{
    width: 20px;
    height: 24px;
    border: 1px rgba(255,255,255,1) solid;
    border-radius: 0px 0px 5px 5px;
    position: relative;
    margin: 36px auto;
}
.coffee-time:after, .coffee-time:before{
    position: absolute;
    content: "";
}
.coffee-time:after{
    width: 5px;
    height: 12px;
    border: 1px #fff solid;
    border-left: none;
    border-radius: 0px 20px 20px 0px;
    left: 20px;
}
.coffee-time:before{
    width: 1px;
    height: 6px;
    background-color: rgba(255,255,255,1);
    top: -10px;
    left: 4px;
    box-shadow: 5px 0px 0px 0px rgba(255,255,255,1),
                5px -5px 0px 0px rgba(255,255,255,1),
                10px 0px 0px 0px rgba(255,255,255,1);
    -webkit-animation: steam 1s linear infinite alternate;
       -moz-animation: steam 1s linear infinite alternate;
            animation: steam 1s linear infinite alternate;
}

@-webkit-keyframes steam{
    0%{height: 0px;}
    100%{height: 6px;}            
}
@-moz-keyframes steam{
    0%{height: 0px}
    100%{height: 6px;}            
}
@keyframes steam{
    0%{height: 0px}
    100%{height: 6px;}            
}

.clock{
    width: 24px;
    height: 24px;
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #fff;
    border-radius: 50%;
    position: relative;
    margin: 38px auto;/* Not necessary- its only for layouting*/    
 }
.clock:after,
.clock:before{
    position: absolute;
    content:"";
    background-color: #fff;
}
.clock:after{
    width: 10px;
    height: 2px;
    top: 11px;
    left: 11px;
    -webkit-transform-origin: 1px 1px;
       -moz-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
}
.clock:before{
    width: 8px;
    height: 2px;
    top: 11px;
    left: 11px;
    -webkit-transform-origin: 1px 1px;
       -moz-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
}

.clock-timer{
    width: 24px;
    height: 24px;
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #fff;
    border-radius: 50%;
    position: relative;
    margin: 38px auto;/* Not necessary- its only for layouting*/    
 }
.clock-timer:after, .clock-timer:before{
    position: absolute;
    content:"";
    background-color: #fff;
}
.clock-timer:after{
    width: 10px;
    height: 2px;
    top: 11px;
    left: 11px;
    -webkit-transform-origin: 1px 1px;
       -moz-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
    -webkit-animation: minhand 5s linear infinite;
       -moz-animation: minhand 5s linear infinite;
            animation: minhand 5s linear infinite;
}

.clock-timer:before{
    width: 8px;
    height: 2px;
    top: 11px;
    left: 11px;
    -webkit-transform-origin: 1px 1px;
       -moz-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
    -webkit-animation: hrhand 10s linear infinite;
       -moz-animation: hrhand 10s linear infinite;
            animation: hrhand 10s linear infinite;
}

@-webkit-keyframes minhand{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes minhand{
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@keyframes minhand{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

@-webkit-keyframes hrhand{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes hrhand{
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@keyframes hrhand{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

.doing {
  width: 24px;
  height: 2px;
  background: -webkit-linear-gradient(left, #ccc, #ccc 30%, #333 10%);
  background: linear-gradient(to right, #ccc, #ccc 30%, #333 10%);
  -webkit-animation: anim9 1s linear infinite;
          animation: anim9 1s linear infinite;
}
@-webkit-keyframes anim9 {
  to {
    background-position: 24px 0;
  }
}
@keyframes anim9 {
  to {
    background-position: 24px 0;
  }
}




/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index: 9;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 5px;
}
[dir='rtl'] .slick-prev
{
    right: 5px;
    left: auto;
}
.slick-prev:before
{
    content: "\f053";
}
[dir='rtl'] .slick-prev:before
{
    content: "\f054";
}

.slick-next
{
    right: 5px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 5px;
}
.slick-next:before
{
    content: "\f054";
}
[dir='rtl'] .slick-next:before
{
    content: "\f053";
}



.mejs-container .mejs-controls {
background: none !important;
background-color: transparent!important;
}

#sales-backdrop {background-color: transparent!important;}
.sortable-ghost {
opacity: .2;
}

.carousel-caption {
top: 20px;
bottom: auto;
color: #000;
text-shadow: 0 1px 2px rgba(255, 255, 255, .6);
}

.sortable-ghost {
opacity: .2;
padding: 2px;
}

.sortable-chosen {
padding: 2px;
border: 1px dashed #333;
}

.input-group {
width: 100%;
}
.input-group .label {
display: table-cell;
min-width: 80px;
vertical-align: middle;
}

#header {
position: relative;
margin-bottom: 0px;
border-bottom: 1px solid rgba(200, 200, 200, 0.8);
}
@media (max-width: 767px) {
	#header {
	}
}
#header .search .btn-default,
#header .search .btn-default:hover,
#header .search .btn-default:focus,
#header .search .btn-default.active {
background-color: transparent;
border-color: transparent;
}
#header .search .btn-default.active.focus,
#header .search .btn-default.active:focus,
#header .search .btn-default.active:hover,
#header .search .btn-default:active.focus,
#header .search .btn-default:active:focus,
#header .search .btn-default:active:hover,
#header .search .open>.dropdown-toggle.btn-default.focus,
#header .search .open>.dropdown-toggle.btn-default:focus,
#header .search .open>.dropdown-toggle.btn-default:hover {
background-color: transparent;
border-color: transparent;
}


.side #side-panel {
position: absolute;
top: 0;
left: 0;
/*width: 105px;
min-height: 100%;*/
/*margin-top: 90px;*/
background-color: transparent;
z-index: 11;
}
.side #side-panel {
-webkit-transition: 250ms cubic-bezier(0.1,.57,.1,1);
transition: 250ms cubic-bezier(0.1,.57,.1,1);
-webkit-transform: translate(0px,0) translateZ(0px);
}
.side #item-panel {
position: absolute;
top: 0;
right: 0;
width: 350px;
height: 100%;
/*margin-top: 70px;*/
background-color: #ccc;
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
transition: all 0.5s ease 0s;
z-index: 11;
}
.side .read_detail {
width: 380px;
height: 100%;
background-color: rgba(238, 238, 238, 1.0);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
transition: all 0.5s ease 0s;
overflow-y: auto;
z-index: 11;
}
.side #item-panel,
.side .read_detail {
-webkit-transition: 250ms cubic-bezier(0.1,.57,.1,1);
transition: 250ms cubic-bezier(0.1,.57,.1,1);
-webkit-transform: translate(0px,0) translateZ(0px);
}

#header {
position: relative;
/*min-height: 50px;*/
background-color: #fff;
z-index: 99;
}
@media (max-width: 767px) {
	#header {
	min-height: 50px;
	}
}
#main {
position: relative;
min-height: 100%;
/*margin: 0 auto -250px;*/ /*하단 이미지 세로값만 마이너스 처리 */
}
#footer,
.push {
/*height: 250px;*/ /* 하단 이미지 높이 영역 */
}
#content {
position: relative;
min-height: 100%;
/*min-height: 600px;*/
/*margin-top: 15px;*/
/*margin-bottom: 30px;*/
padding-bottom: 50px;
/*padding-bottom: 100px;*/
/*background-color: #fcfcfc;*/
/*background-color: #f0f0f0;*/
/*-webkit-box-shadow: inset -2px 2px 11px -1px rgba(0,0,0,0.75);
-moz-box-shadow: inset -2px 2px 11px -1px rgba(0,0,0,0.75);
box-shadow: inset -2px 2px 11px -1px rgba(0,0,0,0.75);*/
}

.side #content {
margin-left: 0;
margin-right: 0;
}

@media (min-width: 992px) {
	.side #content {
	/*margin-left: 105px;*/
	/*margin-right: 482px;*/
	}
}
@media (max-width : 992px) {
/* Styles */
	.side #side-panel {
	display: none;
	}
	.side #content {
	/*margin-left: 0;
	margin-right: 0;*/
	}
	.side #item-panel,
	.side .read_detail {
	width: 100%;
	}
	.side #item-panel {
	display: none;
	}
	.side .read_detail {
	position: static;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	padding-top: 0;
	}
}

.navbar-custom {
position: relative;
width: 100%;
height: 40px;
min-height: 40px;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
background-image: none;
background-repeat: repeat-x;
background-color: rgba(68, 108, 179, 0.95);
box-shadow: 0 2px 5px rgba(0,0,0,0.26);
-webkit-box-shadow: 0px 1px 50px 3px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 1px 50px 3px rgba(0,0,0,0.21);
box-shadow: 0px 1px 50px 3px rgba(0,0,0,0.21);
box-shadow: 0 2px 6px rgba(0,0,0,.4);
z-index: 99;
}
@media screen and (max-width: 767px) {
	.navbar-custom {
	position: relative;
	}
}

.navbar-custom a.navbar-brand {
color: #fff;
text-shadow: none;
box-shadow:none;
padding: 2px 15px;/*9px 15px;*/
}
.navbar-custom a:hover.navbar-brand {
color: #446CB3;
/*background-color: #fff;*/
}

.navbar-custom .navbar-toggle {
border-color: transparent;
border-radius: initial;
margin: 0;
padding: 11px 10px;
color: #fff;
}

.navbar-custom ul.navbar-nav {
margin: 0 -15px;
border-left: 1px solid rgba(255, 255, 255, 0.11);
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
}

.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
background-color: #fff;
color: rgba(68, 108, 179, 0.95);
border-right: 1px solid rgba(0, 0, 0, 0.1);
/*border-top: 1px solid rgba(68, 108, 179, 0.95);*/
}

.navbar-custom .navbar-collapse, .navbar-custom .navbar-form {
border-color: transparent;
}
@media screen and (max-width: 767px) {
	.navbar-custom .navbar-collapse, .navbar-custom .navbar-form {
	background-color: #fff;
	}
}

.navbar-custom .navbar-nav > li {
}
.navbar-custom .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
font-weight: normal;
text-decoration: none;
font-style: normal !important;
white-space: nowrap;
border-right: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11);
}
.navbar-custom .navbar-nav > li.selected > a,
.navbar-custom .navbar-nav > li:hover > a {
color: #446CB3;
background:#fff;
text-shadow: none;
box-shadow:none;
}
@media screen and (max-width: 767px) {
	.navbar-custom .navbar-nav > li {
	}
	.navbar-custom .navbar-nav > li > a {
	color: rgba(68, 108, 179, 0.95);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.11);
	}
}

.navbar-custom .navbar-nav > li > .dropdown-menu {
display: none;
position: absolute;
margin: 0;
padding: 0;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.28);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
background-color: #fff;
border: none;
border-radius: 0;
}
.navbar-custom .navbar-nav > li:hover > .dropdown-menu {
display: block;
height: auto;
}
@media screen and (max-width: 767px) {
	.navbar-custom .navbar-nav > li > .dropdown-menu {
	display: block;
	position: relative;
	float: none;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11);
	background-color: #f0f0f0;
	}
}

.navbar-custom .navbar-nav .dropdown-menu > ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
.navbar-custom .navbar-nav .dropdown-menu > ul.menu > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.11);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.navbar-custom .navbar-nav .dropdown-menu > ul.menu > li > a {
display: block;
text-decoration: none;
padding: 8px 20px 9px;
color: #314d91;
font-size: 14px;
}
.navbar-custom .navbar-nav .dropdown-menu > ul.menu > li > a:hover {
color: #fff;
background: #314d91;
}

.navbar-custom .navbar-nav .dropdown-menu > ul.menu > li > a > span {
margin-right:10px;
-webkit-transition: margin 0.2s ease-out;
-moz-transition: margin 0.2s ease-out;
-ms-transition: margin 0.2s ease-out;
-o-transition: margin 0.2s ease-out;
}
.navbar-custom .navbar-nav .dropdown-menu > ul.menu > li > a:hover > span {
margin-left:10px;
}

/* http://hedgerwow.appspot.com/demo/shadow */
.box-shadow {
padding: 15px;
border: 1px solid #ccc;
-moz-box-shadow: 0 3px 5px #ccc;
-webkit-box-shadow: 0 3px 5px #ccc;
box-shadow: 0 3px 5px #ccc;
zoom: 1;
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=5),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);
/*background-color: #fff;*/
}
body:last-child .box-shadow {
/* Remove filter from IE9 */
filter: none;
}

#search-panel {
position: fixed;
top: 79px;
left: 0;
width: 100%;
height: 40px;
background-color: #fff;
border-bottom: 2px solid rgba(217, 80, 80, 1.0);
z-index: 999;
}
.search-panel {
position: fixed;
top: 120px;
left: 0;
width: 100%;
height: auto;
background-color: rgba(255, 255, 255, 0.95);
border-bottom: 2px solid rgba(0, 0, 0, 0.85);
padding: 15px 0;
z-index: 998;
}


.box {
background: #fff;
text-align: left;
line-height: 1.4;
margin: auto auto;
padding: 30px;
border: 1px solid #e1e1e1;
margin-bottom: 20px;
color: #333;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 2px 5px -1px #adaeaf;
-moz-box-shadow: 0px 2px 5px -1px #adaeaf;
box-shadow: 0px 2px 5px -1px #adaeaf;
}
@media (max-width: 767px) {
	.box {
		padding: 10px 5px;
	}
}

.tab-content .carousel-control.prev {
background-image: none;
z-index: 99;
}
.tab-content .carousel-control.next {
right: 0;
left: auto;
background-image: none;
z-index: 99;
}
.tab-content .carousel-indicators {
position: relative;
top: 0;
bottom: 0;
left: 0;
z-index: 15;
width: 80%;
padding: 10px 0;
margin: 0 auto;
text-align: center;
list-style: none;
}
.tab-content .carousel-indicators li {
display: inline-block;
width: 12px;
height: 12px;
margin: 2px;
text-indent: -999px;
font-size:0;
color: transparent;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 2px solid #ddd;
border-radius: 100%;
}
.tab-content .carousel-indicators .active {
width: 16px;
height: 16px;
margin: 0;
background-color: #fff;
}

.xi-border {
border: .08em solid #eee;
}
.xi-circle {
padding: 10px !important;
border-radius: 50% !important;
}
.xi-border:hover,
.xi-circle:hover {
border: .08em solid #555;
}






.address-search {
	display: inline-block;
	width: 32%;
}
@media (max-width:767px){
	.address-search {
		display: block;
		width: 100%;
	}
}


.read_body .nav-justified {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.read_body .tab-pane {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.tab-pane {
margin: 0;
}

.nav>li>span {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-justified>li>span {
    text-align: center;
}
.nav-pills>li>a,
.nav-pills>li>span {
    margin-left: 0;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11);
    border-radius: 0;
    background-color: #fff;
    font-weight: 700;
	font-size: 18px;
    color: #555;
	cursor: pointer;
}
.nav-pills>li:last-child>a,
.nav-pills>li:last-child>span {
	border-right: 0;
}
.nav-pills>li>a:focus,
.nav-pills>li>a:hover,
.nav-pills>li>span:focus,
.nav-pills>li>span:hover {
    border-color: 1px solid #a8bcc3;
    background-color: #314d91;
    color: #fff;
}
.nav-pills>li.active>a,
.nav-pills>li.active>span,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>span:focus,
.nav-pills>li.active>span:hover {
    border-color: #314d91;
    background-color: #314d91 !important;
    color: #fff;
}

@media (max-width:767px){
	.nav-justified>li {
		float: left;
		width: 25%;
	}
	.nav-pills>li+li {
		margin-left: 0;
	}
	.nav-justified>li>a,
	.nav-justified>li>span {
		padding-left: 0;
		padding-right: 0;
		font-size: 11px;
		white-space: nowrap;
	}
}

.nav-pills>li > .dropdown-menu {
display: none;
position: absolute;
width: 100%;
margin: 0;
padding: 0;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.28);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
background-color: #fff;
border: none;
border-radius: 0;
}
.nav-pills>li:hover > .dropdown-menu {
display: block;
height: auto;
}
.nav-pills>li:hover > .dropdown-menu > ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
.nav-pills>li:hover > .dropdown-menu > ul.menu > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.11);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.nav-pills>li:hover > .dropdown-menu > ul.menu > li > a {
display: block;
text-decoration: none;
padding: 8px 20px 9px;
color: #314d91;
font-size: 14px;
}
.nav-pills>li:hover > .dropdown-menu > ul.menu > li > a:hover {
color: #fff;
background: #314d91;
}
.nav-pills>li:hover > .dropdown-menu > ul.menu > li > a > span {
margin-right:10px;
-webkit-transition: margin 0.2s ease-out;
-moz-transition: margin 0.2s ease-out;
-ms-transition: margin 0.2s ease-out;
-o-transition: margin 0.2s ease-out;
}
.nav-pills>li:hover > .dropdown-menu > ul.menu > li > a:hover > span {
margin-left:10px;
}


/* Scroll to top link */
.btn-scrolltop {
    display: none;
    position: fixed;
    right: 15px;
    bottom:120px;
    z-index: 1000;
    width: 48px;
    height: 48px;
    background-color: #555;
    font-size: 24px;
    color: #fff;
    text-align: center;
    opacity: 0.8;
    filter: alpha(opacity=80)
}
.btn-scrolltop:hover {
    background-color: #cda25a;
    color: #fff;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100)
}
.btn-scrolltop i {
    line-height: 48px
}

.blind {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
font-size: 0;
line-height: 0;
color: transparent;
}



ul.side-menu {
list-style: none;
margin: 0;
padding: 0;
}
ul.side-menu > li {
padding: 5px;
text-align: center;
}
/*ul.side-menu > li > .link {
position: relative;
display: block;
color: #fff;
font-weight: normal;
text-decoration: none;
font-style: normal !important;
white-space: nowrap;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11);
padding: 15px;
cursor: pointer;
}
ul.side-menu > li > .link:hover,
ul.side-menu > li > .link:focus {
color: #fff;
background-color: transparent;
}
ul.side-menu > li.selected > .link,
ul.side-menu > li:active > .link,
ul.side-menu > li:focus > .link,
ul.side-menu > li:hover > .link {
color: rgba(217, 80, 80, 0.95);
background: #fff;
text-shadow: none;
box-shadow:none;
}*/
@media (max-width: 767px) {
	ul.side-menu > li {
	}
	/*ul.side-menu > li > .link {
		color: rgba(217, 80, 80, 0.95);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.11);
	}*/
}


dl,
dl.item {
width: 100%;
height: inherit;
display: table;
table-layout: fixed; /* the magic dust that ensures equal width */
margin: 0;
padding: 0;
vertical-align: top;
}
dl > dt {
position: relative;
display: table-cell;
height: inherit;
vertical-align: top;
font-weight: normal;
}
dl > dd {
position: relative;
display: table-cell;
height: inherit;
vertical-align: top;
font-weight: normal;
}

dl.middle,
dl.middle > dt,
dl.middle > dd {
vertical-align: middle;
}


/* Tab Style */
.sTab { position:relative; margin:0 0 10px 0!important; padding:0; }
.sTab:before,
.sTab:after {
display: table;
content: " ";
}
.sTab:after {
   clear: both;
}
.sTab { list-style:none; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.sTab.blue { border-bottom:1px solid #337ab7; border-left:1px solid #337ab7; }
.sTab.red { border-bottom:1px solid #ed402e; border-left:1px solid #ed402e; }
.sTab li { display:inline-block; float:left; border-top:1px solid #ddd; border-right:1px solid #ddd; }
.sTab li.none { border-top:0px solid #ddd; border-right:0px solid #ddd; }

.sTab li a, .sTab li span, .sTab li em { color:#666; display:inline-block; background:#f8f8f8; line-height:36px; padding-left:12px; padding-right:12px; font-style:normal; }
.sTab.blue li em { color:#337ab7; background:none; }
.sTab.red li em { color:#ed402e; background:none; }

.sTab li.selected {  }
.sTab li.selected a, .sTab li.selected span { background:#fff; color:#000; }
.sTab.blue li.selected a, .sTab.blue li.selected span { background:#337ab7; color:#fff; }
.sTab.red li.selected a, .sTab.red li.selected span { background:#ed402e; color:#fff; }
.sTab li a:hover, .sTab li span:hover { text-decoration:none; font-weight:bold; }

.sTab .icon { vertical-align:middle; margin-right:4px; color:#bbb; }
.sTab a:hover .icon { color:#666; }
.sTab li.selected .icon { color:#000; }



.inline-block {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
.inline-block > li {
float: left;
}

/* iCheck plugin Line skin
----------------------------------- */
/* blue */
.icheckbox_line-blue,
.iradio_line-blue {
position: relative;
display: block;
margin: 0;
padding: 6px 5px;
font-size: 13px;
line-height: 17px;
color: #999;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left: none;
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11);
cursor: pointer;
}
@media screen
and (min-width : 320px) {
/* Styles */
	.icheckbox_line-blue,
	.iradio_line-blue {
	letter-spacing:-2px;
	}
}
.inline-block li:first-child > .icheckbox_line-blue,
.inline-block li:first-child > .iradio_line-blue {
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.inline-block li:last-child > .icheckbox_line-blue,
.inline-block li:last-child > .iradio_line-blue {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.icheckbox_line-blue .icheck_line-icon,
.iradio_line-blue .icheck_line-icon {
}
.icheckbox_line-blue.hover,
.icheckbox_line-blue.checked.hover,
.iradio_line-blue.hover {
/*color: #fff;
background-color: #3DA0DB;*/
}
.icheckbox_line-blue.checked,
.iradio_line-blue.checked {
color: #fff;
background-color: #2489c5;
}
.icheckbox_line-blue.checked .icheck_line-icon,
.iradio_line-blue.checked .icheck_line-icon {
background-position: -15px 0;
}
.icheckbox_line-blue.disabled,
.iradio_line-blue.disabled {
background-color: #ADD7F0;
cursor: default;
}
.icheckbox_line-blue.disabled .icheck_line-icon,
.iradio_line-blue.disabled .icheck_line-icon {
background-position: -30px 0;
}
.icheckbox_line-blue.checked.disabled,
.iradio_line-blue.checked.disabled {
background-color: #ADD7F0;
}
.icheckbox_line-blue.checked.disabled .icheck_line-icon,
.iradio_line-blue.checked.disabled .icheck_line-icon {
background-position: -45px 0;
}
.inline-checkbox {
text-align: center;
}




.btnArea > .btn-group {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
padding: 0;
text-align: right;
zoom: 1;
}
.btnArea .btn {
border: 1px solid #ddd;
}

/*.x input[type="text"], .x input[type="password"], .x input[type="datetime"], .x input[type="datetime-local"], .x input[type="date"], .x input[type="month"], .x input[type="time"], .x input[type="week"], .x input[type="number"], .x input[type="email"], .x input[type="url"], .x input[type="search"], .x input[type="tel"], .x input[type="color"] {
height: 34px !important;
line-height: 34px !important;
}
.search>input[type="search"] {
height: 17px !important;
line-height: 1 !important;
font-size: 13px;
}*/


.container {
padding-right: 0;
padding-left: 0;
max-width: 100% !important;
width: 980px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	.container {
	width: auto;
	}
}
 
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
  .container {
    /*width: auto;*/
  }
}
 
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
	.container {
	width: auto;
	}
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
	.container {
	width: auto;
	}
}
 
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
	.container {
	width: auto;
	}
}
 
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
	.container {
	width: auto;
	}
}
 
@media only screen 
and (min-width : 980px) {
/* Styles */
	.container {
	width: 960px;
	}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
	.container {
	width: 960px;
	}
}
 
/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
	.container {
	width: 960px;
	}
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}



#chatModal .chat-form {
width: 100%;
padding: 10px;
background-color: #ADC0DB;
}

/*#smsModal .sms-form .form-control,
#chatModal .chat-form .form-control {
float: left;
width: 75%;
margin-bottom: 0;
border-radius: 3px 0px 0px 3px;
background-clip: padding-box;
}

#smsModal .sms-form button,
#chatModal .chat-form button {
float: left;
width: 25%;
margin-left: -1px;
border-radius: 0px 3px 3px 0px;
background-clip: padding-box;
}

#smsModal .sms-form button.btn-sm,
#chatModal .chat-form button.btn-sm {
height: 34px;
font-size: 12px;
}*/

#smsModal .form-title {
display: inline-block;
width: 100%;
height: 35px;
margin: 0 0 7px;
background-color: rgba(234, 159, 98, 0.6);
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 35px;
border-radius: 4px;
background-clip: padding-box;
}

#chatModal .chats > li > div {
margin-bottom: 10px;
}
#chatModal .chats > li .time {
display: inline-block;
padding: 5px;
}
#chatModal .chats > li .q {
float: left;
display: inline-block;
max-width: 60%;
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
-moz-box-shadow: 0 3px 5px #ccc;
-webkit-box-shadow: 0 3px 5px #ccc;
box-shadow: 0 3px 5px #ccc;
zoom: 1;
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=5),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);
background-color: #fff;
}
#chatModal .chats > li .a {
float: right;
display: inline-block;
max-width: 60%;
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
-moz-box-shadow: 0 3px 5px #ccc;
-webkit-box-shadow: 0 3px 5px #ccc;
box-shadow: 0 3px 5px #ccc;
zoom: 1;
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=5),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);
background-color: #43576F;
color: #fff;
}
#chatModal .chats > li .q+.time {
float: left;
}
#chatModal .chats > li .a+.time {
float: right;
}


.carousel-inner-dark {
background-color: rgba(63, 65, 62, 0.8);
}
.carousel-control {
filter: alpha(opacity=100);
opacity: 1;
}
.carousel-control.left {
background-image: none;
}
.carousel-control.right {
background-image: none;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	/*margin-top: -70px;
	width: 35px;
	height: 63px;*/
	background-color: transparent; /*rgba(0, 0, 0, 0.5);*/
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.carousel-control .icon-prev {
	left: 0;
	margin-left: 0;
	/*background-image: url(../img/btn-prev.png);*/
}
.carousel-control .icon-next {
	right: 0;
	margin-right: 0;
	/*background-image: url(../img/btn-next.png);*/
}
.carousel-control .icon-prev:before,
.carousel-control .icon-next:before {
    content: none;
}
@media screen and (max-width: 768px) {
	.carousel-control .icon-prev, .carousel-control .icon-next {
		margin-top: -30px;
		width: 35px;
		height: 63px;
		background-color: transparent; /*rgba(0, 0, 0, 0.5);*/
		background-image: none;
		background-repeat: no-repeat;
		background-attachment: initial;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.carousel-control .icon-prev {
		left: 0;
		margin-left: 0;
		/*background-image: url(../img/btn-prev.png);*/
	}
	.carousel-control .icon-next {
		right: 0;
		margin-right: 0;
		/*background-image: url(../img/btn-next.png);*/
	}
	.container {
		padding-right: 5px;
		padding-left: 5px;
	}
}

.vrpano-tabs {
margin: 0;
padding: 0;
list-style: none;
}
.vrpano-tabs > li {
float: left;
width: 20%;
padding: 2px;
cursor: pointer;
}
.vrpano-tabs > li.active {
border: 2px solid #337ab7;
}
.vrpano-tabs > li:last-child {
}

@media (min-width: 768px) {
	#inquiryModal .modal-dialog {
	width: 680px;
	}
}
#inquiryModal .modal-header {
position: relative;
width: 100%;
height: 100px;
background-color: #ea5a5c; /*rgba(0, 0, 0, 0.5);*/
background-image: none;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: bottom right;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
outline: 0;
color: #fff;
}
#inquiryModal .modal-header > .close {
color: #fff;
text-shadow: 0 1px 0 #000;
filter: alpha(opacity=50);
opacity: .5;
}
#inquiryModal .modal-header > .close:hover,
#inquiryModal .modal-header > .close:focus {
color: #fff;
filter: alpha(opacity=90);
opacity: .9;
}
#inquiryModal .modal-header > .modal-title {
padding-top: 20px;
}

.rank1 {
position: absolute;
top: 0;
left: 0;
width: 35px;
height: 43px;
background: url(../img/rank1.png) no-repeat center top;
text-align: center;
z-index: 9;
}
.rank {
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 37px;
background: url(../img/rank.png) no-repeat center top;
font-weight: bold;
color: #fff;
text-align: center;
z-index: 9;
}
.rank > span {
position: absolute;
top: 5px;
left: 7px;
}
.rank > .span {
position: absolute;
top: 5px;
left: 3px;
}
.ribbon-best {
position: absolute;
top: -37px;
left: 0;
width: 100px;
height: 112px;
background: url(../img/ribbon-best.jpg) no-repeat center top;
text-align: center;
z-index: -1;
}
.q {
background: url(../img/q.gif) no-repeat left 22px;
}

.cell-item {
display: inline-block;
position: relative;
width: 100%;
height: auto;
padding: 0;
}
.cell-item {
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #e1e1e1;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 3px;
-webkit-box-shadow: 0px 2px 5px -1px #adaeaf;
-moz-box-shadow: 0px 2px 5px -1px #adaeaf;
box-shadow: 0px 2px 5px -1px #adaeaf;
}
.cell-item:last-child {
margin-bottom: 0;
}

.cell .label,
.item .label,
.cell-item .label {
font-family:'굴림체','굴림';
font-size:11px;
font-weight:nomal;
padding: 3px;
-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
vertical-align: middle;
text-align: center;
color: #fff;
}
.cell .label.label-default,
.item .label.label-default,
.cell-item .label.label-default {
background-color: #4d5268;
}
.membership .cell .label.label-default {
font-family:'굴림','굴림체';
padding: 5px;
font-size: 12px;
background-color: #fff;
color: #333;
border: 1px solid #eee;
border-radius: 2px;
}
.membership .cell .label[disabled] {
box-shadow: 0px 1px 1px 0px #ccc inset;
background-color: #e5e5e5 !important;
text-shadow: 0px 1px 0px #fff;
}
.cell > .info-wrap,
.item > .info-wrap,
.cell-item > .info-wrap {
position: relative;
padding: 9px 0px 0px 0px;
}
.cell > .info-wrap .title,
.item > .info-wrap .title,
.cell-item > .info-wrap .title {
text-align:left;
padding:5px 0;
line-height: 16px;
color: #fff;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.cell > .info-wrap .bar,
.item > .info-wrap .bar,
.cell-item > .info-wrap .bar {
color: #ddd;
}
.cell > h2,
.item > h2,
.cell-item > h2,
.cell > h3,
.item > h3,
.cell-item > h3 {
position: relative;
margin: 0;
padding: 10px 15px;
font-size: 13px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #eee;
border-bottom: 1px solid #ddd;
/*text-shadow: 0 1px 0 #fff;*/
}
.cell > h2 > .more,
.item > h2 > .more,
.cell-item > h2 > .more,
.cell > h3 > .more,
.item > h3 > .more,
.cell-item > h3 > .more {
position: absolute;
top: 13px;
right: 15px;
font-size: 12px;
text-shadow: 0 1px 0 #fff;
}
.cell-item > .items {
margin: 10px;
padding: 0;
overflow: hidden;
zoom: 1;
}
.cell-item > .items .item {
position: relative;
height: 31px;
line-height: 31px;
padding: 0 70px 0 0;
white-space: nowrap;
overflow: hidden;
vertical-align: top;
zoom: 1;
}
.cell-item > .items .item:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 0;
border-bottom: 1px solid #eee;
}
.cell-item > .items .item > .side {
position: absolute;
top: 0;
right: 0;
}

.cell-item > .ribbon {
position: absolute;
top: -7px;
left: 0;
z-index: 9;
}
.cell-item > .ribbon > .new {
display: inline-block;
width: 40px;
height: 64px;
margin-top: 7px;
background-color: transparent;
background-image: url(../img/new.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: top;
}
.cell-item > .ribbon > .now {
display: inline-block;
width: 40px;
height: 64px;
margin-top: 7px;
background-color: transparent;
background-image: url(../img/now.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: top;
}
.cell-item > .ribbon > .end {
display: inline-block;
width: 40px;
height: 64px;
margin-top: 7px;
background-color: transparent;
background-image: url(../img/end.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: top;
}
.cell-item > .ribbon > .ing {
display: inline-block;
width: 90px;
height: 90px;
margin-left: -6px;
background-color: transparent;
background-image: url(../img/ing.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: top;
}

.cell-item > .thumb {
position: relative;
}
.cell-item > .thumb > .open {
position: absolute;
width: 100%;
height: 50px;
top: 0;
background-color: transparent;
background-image: url(../img/opacity.png);
background-repeat: repeat-x;
background-position: 0 0;
vertical-align: middle;
text-align: center;
color: #fff;
}

.cell-item > .thumb img {
width: 100%;
margin: 0 auto;
/*border: solid 3px #ccc;*/
}

.cell-item > .thumb > .area {
position: absolute;
bottom: 8px;
right: 8px;
padding: 3px;
background-color: #363636;
background-image: none;
background-repeat: repeat-x;
background-position: 0 0;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
vertical-align: middle;
text-align: center;
font-size: 12px;
color: #fff;
}

.subtitle {
position: absolute;
width: 100%;
height: 50px;
bottom: 0;
background-color: transparent;
background-image: url(../img/opacity.png);
background-repeat: repeat-x;
background-position: 0 0;
vertical-align: middle;
text-align: center;
color: #fff;
}


.slider .item {
position: relative;
width: 100%;
height: 100%;
margin: 10px;
padding: 5px;
border: 1px solid #666;
background-color: #fff;
}
.slider .item:hover {
border: 1px solid #209139;
background-color: #E2FAE8;
}

.slider .item > .ribbon {
position: absolute;
top: -7px;
left: 0;
z-index: 9;
}
.slider .item > .ribbon > .new {
display: inline-block;
width: 40px;
height: 64px;
margin-top: 7px;
background-color: transparent;
background-image: url(../img/new.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: top;
}
.slider .item > .ribbon > .now {
display: inline-block;
width: 40px;
height: 64px;
margin-top: 7px;
background-color: transparent;
background-image: url(../img/now.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: top;
}
.slider .item > .ribbon > .end {
display: inline-block;
width: 40px;
height: 64px;
margin-top: 7px;
background-color: transparent;
background-image: url(../img/end.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: top;
}
.slider .item > .ribbon > .ing {
display: inline-block;
width: 90px;
height: 90px;
margin-left: -6px;
background-color: transparent;
background-image: url(../img/ing.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: top;
}

.slider .item > .thumb {
position: relative;
}
.slider .item > .thumb > .open {
position: absolute;
width: 100%;
height: 50px;
top: 0px;
background-color: transparent;
background-image: url(../img/opacity.png);
background-repeat: repeat-x;
background-position: 0 0;
vertical-align: middle;
text-align: center;
color: #fff;
}

.slider .item > .thumb img {
width: 100%;
margin: 0 auto;
border: solid 3px #ccc;
}

.slider .item > .thumb > .area {
position: absolute;
border:2px solid #fff;
border-radius:3px;
bottom: 8px;
left: 8px;
padding: 2px 5px;
background-color: #900;
background-image: none;
background-repeat: repeat-x;
background-position: 0 0;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
vertical-align: middle;
text-align: center;
font-size: 12px;
color: #fff;
font-weight:bold;
z-index:9999;
}
@media screen and (min-width: 768px) {
}



/* Tab Style */
.cTab * {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.cTab:before, .cTab:after {
display: table;
content: " ";
}
.cTab:after {
clear: both;
}
.cTab{position:relative;margin:2px 0 1px 0;padding:0;}
.cTab li{float:left;list-style:none;margin-right:-1px;border:1px solid #ddd;border-top:0;border-bottom:0;background-color:#eee;}
.cTab li.active{margin:-1px 0 -1px 1px;border:1px solid #aaa;border-top:0;border-bottom:1px solid #fff;background-color:#fff;}
.cTab li:first-child{margin-left:0}
.cTab li a, .cTab li span{position:relative;top:-1px;border-top:1px solid #ddd;float:left;height:25px;line-height:2.5;padding:0 31px;color:#888;text-decoration:none;cursor:pointer;}
.cTab li.active a, .cTab li.active span{padding-top:1px;font-weight:bold;color:#000;border-top:1px solid #AAA}
.cTab ul{display:none;position:absolute;bottom:-30px;left:0;overflow:hidden;margin:0;padding:0;white-space:nowrap}
.cTab li.active ul{display:block}
.cTab li.active ul li{position:relative;left:1px;float:none;display:inline;margin:0;padding:0 15px;border:0;border-right:1px solid #ddd;background:none}
.cTab li.active ul li a, .cTab li.active ul li span{border:0;top:0;float:none;line-height:none;padding:0;font-weight:normal}
.cTab li.active ul li.active_ a{font-weight:bold;color:#000}

.xTab {
position: relative;
width: 100%;
margin: 12px auto;
}
.xTab > ul {
display: inline-block;
width: 100%;
border-bottom: #922243 solid 1px;
}
.xTab > ul > li {
float: left;
display: inline-block;
margin-bottom: -1px;
border-top: #dbdbdb solid 1px;
border-left: #dbdbdb solid 1px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.xTab > ul > li > a,
.xTab > ul > li > span {
display: inline-block;
padding: 9px 25px;
text-align: center;
cursor: pointer;
}
.xTab > ul > li:last-child {
border-right: #dbdbdb solid 1px;
}
.xTab > ul > li.active {
border-top: #922243 solid 1px !important;
border-right: #922243 solid 1px !important;
border-bottom: #fff solid 1px !important;
border-left: #922243 solid 1px !important;
}
.xTab > ul > li.active a,
.xTab > ul > li.active span {
font-weight:bold;
color: #922243;
}

.dTab {
position: relative;
width: 100%;
margin: 0 auto 15px;
}
.dTab > ul {
position: relative;
display: inline-block;
width: 100%;
border-bottom: #ccc solid 1px;
}
.dTab > ul > li {
/*position: relative;*/
float: left;
display: inline-block;
margin-bottom: -1px;
background-color: #f7f7f7;
border-top: #ccc solid 1px;
border-left: #ccc solid 1px;
}
.dTab > ul > li > a,
.dTab > ul > li > span {
display: inline-block;
padding: 9px 15px;
color: #333;
text-align: center;
cursor: pointer;
}
.dTab > ul > li:last-child {
border-right: #ccc solid 1px;
}
.dTab > ul > li.active {
background-color: #021942;
border-bottom: 1px solid #021942;
}
.dTab > ul > li.active a,
.dTab > ul > li.active span {
font-weight: bold;
color:#fff;
}

.dTab.table > ul {
display: table;
table-layout: fixed;
margin: 0 auto;
border:0;
}
.dTab.table > ul > li {
float: none;
display: table-cell;
width: 1%;
text-align: center;
border:0;
}
.dTab.table > ul > li > a,
.dTab.table > ul > li > span {
padding: 9px 0;
border:0;
}

.dTab.floor > ul > li > a,
.dTab.floor > ul > li > span {
font-size: 12px;
}

.mTab {
position: relative;
width: 100%;
margin: 0 auto;
font-size:15px
}
.mTab > ul {
position: relative;
display: inline-block;
width: 100%;
/*border-bottom: #ccc solid 1px;*/
}
.mTab > ul > li {
/*position: relative;*/
float: left;
display: inline-block;
margin-bottom: -1px;
/*background-color: #f7f7f7;
border-top: #ccc solid 1px;
border-left: #ccc solid 1px; */
}
.mTab > ul > li > a,
.mTab > ul > li > span {
display: inline-block;
padding: 9px 15px;
color: #333;
text-align: center;
cursor: pointer;
}
.mTab > ul > li:last-child {
border-right: #ccc solid 1px;
}
.mTab > ul > li.active {
/*background-color: #021942;*/
color:#000;
border-bottom: 4px solid #03f;
}
.mTab > ul > li.active a,
.mTab > ul > li.active span {
font-weight: bold;
color:#03f;
}

.mTab.table > ul {
display: table;
table-layout: fixed;
margin: 0 auto;
}
.mTab.table > ul > li {
float: none;
display: table-cell;
width: 1%;
text-align: center;
}
.mTab.table > ul > li > a,
.mTab.table > ul > li > span {
padding: 9px 0;
}

.mTab.floor > ul > li > a,
.mTab.floor > ul > li > span {
font-size: 12px;
}


ul.summary {
margin: 0;
list-style:none;
padding: 0;
font-size:12px;
}
ul.summary .strong {
font-weight: bold;
color: red;
}
.ellipsis {
font-weight:normal;
width: 100%;
max-width: 100%;
padding-left: 0 !important;
white-space: nowrap;
word-wrap: normal !important;
overflow: hidden;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
.info-wrap p{font-weight:bold}
/* http://codepen.io/martinwolf/pen/qlFdp */
.summary-ellipsis {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: $font-size*$line-height*$lines-to-show; /* Fallback for non-webkit */
margin: 0 auto;
font-size: $font-size;
line-height: $line-height;
-webkit-line-clamp: $lines-to-show;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.summary-ellipsis {
display: block;
/* Fallback for non-webkit */
display: -webkit-box;
/* Fallback for non-webkit */
margin: 0 auto;
line-height: 1.4;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
/*http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/*/
/* styles for '...' */ 
.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.6em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;  
  /* place for '...' */
  /*margin-right: -1em;*/
  padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0.4em;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  /*background: white;*/
}

.gnb {
position: relative;
width: 100%;
/*margin-bottom: 10px;*/
/*border-bottom: 1px solid #ddd;*/
/*background-color: #f5f5f5;*/
/*background-color: #fff;*/ /*rgba(235,235,235,.8);*/
/*box-shadow: 0 1px 1px rgba(0,0,0,.4);*/
/*z-index: 999;*/
}
.gnb .nav,
.lnb .nav {
margin: 0;
padding: 0;
list-style: none;
}
.gnb .nav > li,
.lnb .nav > li {
float: left;
position: relative;
display: block;
padding: 8px 0;
}
.lnb .nav > li {
/*padding: 8px 0 15px;*/
padding: 10px 0;
}
.gnb .nav > li[data-target="parcel"],
.gnb .nav > li[data-target="mapview"],
.lnb .nav > li[data-target="parcel"],
.lnb .nav > li[data-target="mapview"] {
width: 100px;
/*height: 50px;*/
text-align: center;
line-height: 1;
background-color: #000;
}
.gnb .nav > li[data-target="parcel"].active,
.gnb .nav > li[data-target="mapview"].active,
.lnb .nav > li[data-target="parcel"].active,
.lnb .nav > li[data-target="mapview"].active {
background-color: #C00;
}
.gnb .nav > li[data-target="parcel"].active:after,
.gnb .nav > li[data-target="mapview"].active:after,
.lnb .nav > li[data-target="parcel"].active:after,
.lnb .nav > li[data-target="mapview"].active:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 12px 0 12px;
border-color: #C00 transparent transparent transparent;
position: absolute;
left: 35px;
bottom: -12px;
}
.gnb .nav > li > a,
.gnb .nav > li > span,
.lnb .nav > li > a,
.lnb .nav > li > span {
padding: 6px 7px 7px;
}
.lnb .nav > li > a,
.lnb .nav > li > span {
color: #fff;
}
.gnb .nav > li > a:hover,
.gnb .nav > li > span:hover,
.lnb .nav > li > a:hover,
.lnb .nav > li > span:hover {
background-color: transparent;
}
.gnb .nav > li.active > a,
.gnb .nav > li.active > span {
background-color: #2c3037;
color: #224e73;
}
.gnb .nav.account > li:hover,
.gnb .nav.account > li:focus,
.gnb .nav.account > li.active {
background-color: #224e73;
color: #fff;
}
.gnb .nav.account > li:hover > a,
.gnb .nav.account > li:hover > span,
.gnb .nav.account > li:focus > a,
.gnb .nav.account > li:focus > span,
.gnb .nav.account > li.active > a,
.gnb .nav.account > li.active > span {
background-color: #224e73;
color: #fff;
}
.lnb .nav.account > li:hover,
.lnb .nav.account > li:focus,
.lnb .nav.account > li.active,
.lnb .nav.account > li:hover > a,
.lnb .nav.account > li:hover > span,
.lnb .nav.account > li:focus > a,
.lnb .nav.account > li:focus > span,
.lnb .nav.account > li.active > a,
.lnb .nav.account > li.active > span {
font-weight: bold;
/*background-color: #fff;
color: #224e73;*/
}
.gnb .nav > li .form-control {
display: inline-block;
padding: 5px 10px;
}
/* GNB center */
.gnb .nav.center {
position: absolute;
top: 0;
left: 50%;
width: 150px;
margin-left: -75px;
padding-left: 1px;
}
.gnb .btn-default {
padding: 5px !important;
border-radius: 2px;
}
.gnb .btn-default:hover {
background-color: #fff;
}

.lnb {
/*padding: 15px 0 25px;*/
background-color: #000;
/*border-bottom: 1px solid rgba(240, 240, 240, 0.8);
border-bottom: 1px solid rgba(200, 200, 200, 0.8);*/
/*z-index: 999;*/
}
.gnb .logo,
.lnb .logo {
position: relative;
}
.gnb .logo > h1,
.lnb .logo > h1 {
position: absolute;
top: 3px;
left: 0;
margin: 0;
padding: 0;
}
.gnb .logo .stxt,
.lnb .logo .stxt {
display: block;
margin-top: 3px;
font-size: 13px;
color: #aaa;
text-align: center;
}
.lnb .search {
float: left;
position: relative;
width: 380px;
height: 38px;
margin-left: 230px;
}
.lnb .search > form {
border: 2px solid #4466A4;
}
.lnb .search .search-input {
display: inline-block;
width: 210px;
height: 36px;
padding: 9px 0 9px 5px;
border: none;
border-left: 2px solid #4466A4;
font-size: 13px;
vertical-align: top;
/*border: none;
-webkit-box-shadow: 0px 2px 5px -1px #adaeaf;
-moz-box-shadow: 0px 2px 5px -1px #adaeaf;
box-shadow: 0px 2px 5px -1px #adaeaf;*/
}
@media (max-width : 767px) {
/* Styles */
	.lnb .search {
	margin-top: 5px;
	margin-left: 0;
	width: 200px;
	}
	.lnb .search .search-input {
	font-size: 12px;
	padding: 5px 30px 5px 10px;
	line-height: 13px;
	height: 40px;
	}
	.lnb .search .btn-search {
	width: 40px;
	height: 40px;
	}
}
.lnb .search+ul{float:right;margin:0;text-align:center;}
.lnb .search+ul li{position:relative;display:inline-block;margin-left:8px;padding-left:8px;font-weight:700;}
.lnb .search+ul li:after{content:'';position:absolute;left:0;top:0;display:block;height:100%;border-left:1px solid #808080;}
.lnb .search+ul li:first-child:after{border-left:none;}
.lnb .search+ul li a{font-size:13px;color:#111;line-height:1;}


.main .gnb {
background-color: #2c3037;
border-bottom: 1px solid #ddd;
font-size:11px;
}
.main .gnb .nav > li {
padding: 0;
}
.main .gnb .nav > li > a,
.main .gnb .nav > li > span {
padding: 7px 15px;
color: #fff;
}
.main .gnb .nav > li:before {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
height: 100%;
border-left: 1px solid #555;
}
.main .gnb .nav > li:after {
content: "";
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
border-right: 1px solid #000000;
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11);
}
.main .gnb .nav > li.active > a,
.main .gnb .nav > li.active > span {
color: #fff;
}

#header .slick-searchwords {
display: none;
position: relative;
margin: 5px 0;
padding: 5px 50px 5px 10px;
}
#header .slick-searchwords:before {
content: "\f002";
position: absolute;
top: 3px;
left: 5px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.67;
color: #56bced;
}
#header .slick-searchwords .item {
padding-left: 20px;
text-align: center;
}
#header .slick-searchwords .slick-prev:before,
#header .slick-searchwords  .slick-next:before {
font-size: 12px;
line-height: 1.67;
color: #999;
}
#header .slick-searchwords .slick-prev {
    top: 15px;
	left: auto;
	right: 20px;
	border: 1px solid #ddd;
}
#header .slick-searchwords [dir='rtl'] .slick-prev {
    top: 15px;
    right: 0;
    left: auto;
}
#header .slick-searchwords .slick-next {
    top: 15px;
	left: auto;
    right: 0;
	border: 1px solid #ddd;
}
#header .slick-searchwords [dir='rtl'] .slick-next {
    top: 15px;
    right: 20px;
    left: auto;
}

.login-info {
padding: 3px 0;
}
.login-info .info {
padding: 11px 0 0;
}
.login-info .btn-default,
.login-info input[type=text],
.login-info input[type=email],
.login-info input[type=password] {
display: inline-block;
font-size: 13px;
border-radius:2px;
}
.login-info .btn-default {
font-weight: 700;
}

.filters {
padding-bottom: 20px;
}
.filters .search {
position: relative;
width: 100%;
height: 38px;
}
.filters .search .search-input {
width: 228px;
height: 36px;
padding: 9px 0 9px 5px;
border: none;
border: 1px solid #dbdbdb;
font-size: 13px;
vertical-align: top;
/*border: none;
-webkit-box-shadow: 0px 2px 5px -1px #adaeaf;
-moz-box-shadow: 0px 2px 5px -1px #adaeaf;
box-shadow: 0px 2px 5px -1px #adaeaf;*/
}
.filters .search .btn-search {
width: 68px;
height: 36px;
border-color: #dbdbdb !important;
/*background-color: transparent;
border-color: transparent;*/
border-radius:2px;
}
@media (max-width : 767px) {
/* Styles */
	.filters .search .search-input {
	font-size: 12px;
	padding: 5px 30px 5px 10px;
	line-height: 13px;
	height: 40px;
	}
	.filters .search .btn-search {
	width: 40px;
	height: 40px;
	}
}
.filters .search .bootstrap-select {
border: 1px solid #dbdbdb;
}



aside.aside-left {
width: 100px;
}
aside.aside-left > .md-pick {
display: block;
width: 100%;
height: 110px;
margin-bottom: 10px;
}
aside.aside-left > .banner {
border: 1px solid #dbdbdb;
}
aside.aside-left .slick-prev:before,
aside.aside-left .slick-next:before {
font-size: 12px;
}
aside.aside-left .slick-prev,
aside.aside-left .slick-next {
    top: 0;
	margin-top: -10px;
}
aside.aside-left .slick-prev {
	left: 0;
}
aside.aside-left [dir='rtl'] .slick-prev {
    right: 0;
    left: auto;
}
aside.aside-left .slick-next {
    right: 0;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: 0;
}

@media screen and (min-width: 768px) {
}

aside.aside-right {
position: fixed;
right: -119px;
top: 0;
width: 120px;
height: 100%;
background-color: #444;
border-left:3px solid #666;
text-align: center;
-webkit-box-shadow: -1px 0px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: -1px 0px 3px 0px rgba(0,0,0,0.5);
box-shadow: -1px 0px 3px 0px rgba(0,0,0,0.5);
z-index: 1010;
}
aside.aside-right.active {
right: 0;
}
aside.aside-right:before {
content: "";
display: block;
position: absolute;
left: -17px;
top: 50%;
width: 12px;
height: 36px;
margin-top: -18px;
border-style: solid;
border-width: 1px;
border-color: #444;
background-color: #444;
}
aside.aside-right:after {
content: "\f053";
display: block;
position: absolute;
left: -16px;
top: 50%;
width: 12px;
height: 36px;
margin-top: -18px;
padding-top: 1.35em;
font: normal normal normal 14px/1 FontAwesome;
font-size: 10px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
}
aside.aside-right.active:after {
content: "\f054";
}
aside.aside-right > .pseudo {
display: block;
position: absolute;
left: -17px;
top: 50%;
width: 12px;
height: 36px;
margin-top: -18px;
cursor: pointer;
z-index: 1010;
}
/*aside.aside-right:before {
border-color: #333 #333 #333 #333;
}
aside.aside-right:before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 1px 18px 10px;
position: absolute;
left: -10px;
right: auto;
top: 50%;
cursor: pointer;
}
aside.aside-right:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 7px 5px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
left: -7px;
right: auto;
top: 50%;
margin-top: 13px;
}*/
aside.aside-right a.btn-top {
display: inline-block;
width: 60px;
text-align: center;
background-color: #333333;
color: #ffffff;
padding-top: 5px;
text-decoration: none;
height: 25px;
cursor: pointer;
overflow: hidden;
border: #D1D1D1 solid 1px;
}
aside.aside-right a.btn-top:hover {
background-color: #fff;
color: #000;
border: #A50E24 solid 1px;
font-weight: bold;
}
aside.aside-right .menu {
margin: 160px 0 5px;
border-bottom: 1px solid #484848;
}
aside.aside-right .menu > li {
margin-bottom: 20px;
}
aside.aside-right .menu a {
color: #fff;
}
aside.aside-right .menu i {
color: #777;
}
aside.aside-right .menu a:hover i {
/*font-weight: 700;*/
color: #fff;
}
aside.aside-right .recentItem {
margin-top: 20px;
}
aside.aside-right .recentItem li {
width: 65px;
height: 65px;
margin: 0 auto 7px;
text-align: center;
}



.footer {
position: relative;
width: 100%;
padding-bottom: 50px;
border-top: 1px solid #999;
z-index: 999;
}
.footer:before {
content: "";
position: absolute;
left: 0;

display: block;
width: 100%;
}
.footer:after {
content: "";
position: absolute;
left: 0;
top: 0px;
display: block;
width: 100%;


}
.footer-menu{position:relative;margin:10px 0;}
.footer-menu ul li{position:relative;display:inline-block;padding:0 20px;font-weight:700;font-size:13px;}
.footer-menu ul li:after{content:'';position:absolute;left:0;top:3px;display:block;height:11px;border-left:2px solid #999;}
.footer-menu ul li:first-child:after{border-left:none;padding-left:0}
.footer-menu ul li:first-child{padding-left:0}
.footer-menu ul li a{color:#333;}
.footer-menu .top{position:absolute;right:0;top:0;}
.footer-info{font-size:12px; vertical-align: middle;}
.footer-info strong{color:#474747;}
.footer-info .copyright{margin:10px 0 15px;font-weight:700;color:#333;}
.footer-info .copyright+div{color:#999;}



.breadcrumb {
margin: 0;
padding: 3px 0;
background-color: transparent;
border-color: transparent;
border-radius: 2px;
}
.breadcrumb > li.active > a,
.breadcrumb > li.active > span {
font-weight: 700;
color: #3F51B5;
}
.breadcrumb > li + li:before {
content: "\f105";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 5px;
color: #555;
}

.page-title {
margin: 10px 0;
}
.page-title > .title {
margin: 0 0 5px;
font-size: 30px;
color: #555;
text-transform: uppercase;
}
.page-title > small {
display: block;
font-size: 13px;
color: #bbb;
}

.nav-categories {
margin-bottom: 15px;
text-align: center;
}
.nav-categories > ul > li {
position: relative;
display: inline-block;
font-weight: 700;
color: #555;
}
.nav-categories > ul > li.active {
padding-bottom: 1px;
border-bottom: 2px solid #A50E24;
color: #A50E24;
font-weight: bold;
}
.nav-categories > ul > li:after {
content: "";
position: absolute;
left: 0;
top: 3px;
display: block;
width: 0px;
height: 9px;
border-left: 1px solid #acacac;
}
.nav-categories > ul > li:first-child:after {
border-left: none;
}
.nav-categories > ul > li > a,
.nav-categories > ul > li > span {
padding: 7px 7px 6px;
cursor: pointer;
}

.breadcrumb:before,
.breadcrumb:after, 
.page-title:before,
.page-title:after {
display: table;
content: " ";
}
.breadcrumb:after,
.page-title:after {
clear: both;
}

.line-darkred {
width: 100%;
border-top: 3px solid #A50E24;
margin: 25px 0;
}

.qna {
position: relative;
width: 100%;
padding: 25px 130px 20px 36px;
border-bottom: 1px solid #e5e5e5;
}
.qna > .side {
position: absolute;
top: 25px;
right: 0;
width: 110px;
}
.qna .btn-default {
width: 50px;
font-size: 12px;
color: #777;
border-color: #A50E24;
border-radius: 2px;
}
.qna .btn-default strong {
font-size: 14px;
}
.qna > .title > .info {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}
.qna > .title > .info > li {
float: left;
position: relative;
display: block;
}
.qna > .title > .info > li:after {
content: "";
position: absolute;
left: 0;
top: 3px;
display: block;
width: 0;
height: 8px;
border-left: 1px solid #c2c2c2;
}
.qna > .title > .info > li:first-child:after {
border-left: none;
}
.qna > .title > .info > li > span {
padding: 7px 7px 6px;
font-size: 11px;
color: #999;
}
.qna > .title > .info > li:first-child > span {
padding-left: 0;
}

.delivery-car {
background-color: transparent; /*rgba(0, 0, 0, 0.5);*/
background-image: url(../img/car.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0 center;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
}
.delivery-air {
background-color: transparent; /*rgba(0, 0, 0, 0.5);*/
background-image: url(../img/air.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0 center;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
}
.mini-shop {
background-color: transparent; /*rgba(0, 0, 0, 0.5);*/
background-image: url(../img/mini-shop.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0 center;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
}

.price {
margin-top: 5px;
font-weight: 700;
color: #333;
line-height: 1;
}

/* http://stackoverflow.com/questions/18516317/vertically-align-an-image-inside-a-div-with-responsive-height */
.img-container {
margin: 0 auto;
text-align:center; /* Align center inline elements */
font: 0/0 a;       /* Hide the characters like spaces */
}

/*.img-container:before {
content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%;
}*/

.img-container img {
vertical-align: middle;
display: inline-block;
}



.paging_bootstrap {
margin: 15px auto;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.pagination > li > a,
.pagination > li > span {
padding: 5px 10px 3px;
font-family: "PT Sans Caption", sans-serif !important;
/*font-family: "Roboto Condensed", sans-serif !important;*/
font-size: 13px;
cursor: pointer;
}
@media screen and (max-width: 768px) {
	.pagination > li > a, .pagination > li > span {
	padding: 5px 7px 3px;
	font-size: 12px;
	}
}


/* checkbox */
input[type="checkbox"] {
margin: 0;
margin-right: 1px;
background-color: #ffffff;
border: solid 1px #bbbbbb;
height: 18px;
width: 18px;
-webkit-appearance: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
input[type="checkbox"]:checked {
background: #fff;
border: solid 1px #bbbbbb;
}
input[type="checkbox"]:checked:after {
content:"\f00c";
display: table;
margin-top: 2px;
margin-left: 2px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input[type="checkbox"][disabled] {
background-color: #ccc;
}

/* radio */
input[type="radio"] {
margin: 0;
margin-right: 1px;
background-color: #ffffff;
border: solid 1px #bbbbbb;
height: 18px;
width: 18px;
-webkit-appearance: none;
text-align: center;
vertical-align: middle;
border-radius: 50%;
cursor: pointer;
}
input[type="adio"]:checked {
background: #fff;
border: solid 1px #bbbbbb;
}
input[type="radio"]:checked:after {
content:"\f00c";
display: table;
margin-top: 2px;
margin-left: 2px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input[type="radio"][disabled] {
background-color: #ccc;
}


.table > thead > tr > th,
.table > tbody > tr > th {
background-color: #fafafa;
}

.cart-table {
table-layout: fixed;
border-collapse: collapse;
}
.cart-table > thead > tr > th,
.cart-table > thead > tr > td,
.cart-table > tbody > tr > th,
.cart-table > tbody > tr > td,
.cart-table > tfoot > tr > th,
.cart-table > tfoot > tr > td {
vertical-align: bottom;
}
.cart-table > thead > tr > th,
.cart-table > tbody > tr > th,
.cart-table > tfoot > tr > th {
font-weight: 700;
text-align: center;
}




.btn-black {
color: #fff;
background-color: #333;
border-color: #555;
}
.btn-black:focus,
.btn-black.focus {
color: #fff;
background-color: #555;
border-color: #111;
}
.btn-black:hover {
color: #fff;
background-color: #555;
border-color: #777;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
color: #fff;
background-color: #555;
border-color: #777;
}
.btn-black:active:hover,
.btn-black.active:hover,
.open > .dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open > .dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open > .dropdown-toggle.btn-black.focus {
color: #fff;
background-color: #555;
border-color: #111;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
background-image: none;
}
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus {
background-color: #ddd;
border-color: #111;
}
.btn-black .badge {
color: #333;
background-color: #fff;
}

.btn-inverse,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse:hover {
color: #fff;
background: #CDA25A;
background: rgb(174,188,191);
background: -moz-linear-gradient(top, rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%);
background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
background: linear-gradient(to bottom, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 );
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.btn {
border-radius: 2px;
}





.btn-3d {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 0px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 0px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 0px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 0px 5px #999;
}

.btn-3d:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.btn-3d::before {
	background-color:#2591b4;
	background-image:url(../img/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:24px;
	height:24px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}
.btn-3d.zip::before {
	background-image:url(../img/zip20x20.png);
}
.btn-3d.dollar::before {
	background-image:url(../img/dollar20x20.png);
}

.btn-3d:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}
@media (max-width: 979px) {
	.btn-3d {
		width: 100%;
		margin-bottom: 20px;
	}
}


#preloaderSpinner {
display: none;
}
#preloaderSpinner.spinner {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(255,255,255,.701961);
overflow: hidden;
z-index: 99999;
}
#preloaderSpinner.spinner .spinWrap {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
}
#preloaderSpinner.spinner .loader {
position: absolute;
top: 0;
left: 50%;
height: 50px;
width: 50px;
margin: 0 0 0 -25px;
opacity: 1;
filter: alpha(opacity=100);
background-color: rgba(255,255,255,.701961);
-webkit-animation: rotation .7s infinite linear;
-moz-animation: rotation .7s infinite linear;
-o-animation: rotation .7s infinite linear;
animation: rotation .7s infinite linear;
border-left: 8px solid rgba(0,0,0,.2);
border-right: 8px solid rgba(0,0,0,.2);
border-bottom: 8px solid rgba(0,0,0,.2);
border-top: 8px solid #2180c0;
border-radius: 100%;
}
#preloaderSpinner.spinner .loadingMessage {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-top: 55px;
text-align: center;
z-index: 100;
outline: 0;
}
@-webkit-keyframes rotation {
	from {
	-webkit-transform: rotate(0)
	}
	to {
	-webkit-transform: rotate(359deg)
	}
}
@-moz-keyframes rotation {
	from {
	-moz-transform: rotate(0)
	}
	to {
	-moz-transform: rotate(359deg)
	}
}
@-o-keyframes rotation {
	from {
	-o-transform: rotate(0)
	}
	to {
	-o-transform: rotate(359deg)
	}
}
@keyframes rotation {
	from {
	transform: rotate(0)
	}
	to {
	transform: rotate(359deg)
	}
}




.navbar-custom nav > ul {
display: block;
width: 100%;
}
.navbar-custom nav > ul > li:first-child {
margin-left: 0px;
}
.navbar-custom nav > ul > li {
display: block;
position: relative;
height: auto !important;
padding: 0px !important;
display: inline-block;
float: left;
border-right: 1px solid #fff;
overflow: visible;
}
.navbar-custom nav > ul > li > a {
display: inline-block;
/*height: 68px;*/
line-height: 17px;
text-shadow: none !important;
font-size: 13px;
text-decoration: none;
line-height: 22px;
padding: 15px !important;
color: #fff;
}
.navbar-custom li.active > a {
background-color: #fff !important;
font-weight: bold !important;
}
.navbar-custom .login-info,
.navbar-custom nav > ul > li > a b {
display: none;
}
.navbar-custom nav > ul > li > a > i {
display: block !important;
margin: 1px 0 4px;
line-height: inherit;
width: auto;
/*vertical-align: sub;*/
text-align: center;
font-size: 24px;
margin-bottom: 2px;
width: 100%;
}
.navbar-custom .menu-item-parent {
max-width: 72px;
min-width: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
font-size: 13px;
}
.navbar-custom .menu-item-parent + span {
float: none !important;
top: 5px;
right: 5px;
position: absolute;
}
.navbar-custom nav ul ul li a {
display: inline-block;
padding: 8px 10px !important;
font-size: 13px;
}
/* Hover state */
.navbar-custom nav > ul > li:hover {
background-color: #ffffff;
}
.navbar-custom nav > ul > li:hover > a {
color: #333 !important;
}
.navbar-custom nav > ul > li > ul {
position: absolute !important;
background: #3a3633;
}
.navbar-custom nav > ul > li:hover > ul {
display: block !important;
}
.navbar-custom nav ul li.active > a:before {
content: "" !important;
}
.navbar-custom nav > ul ul li::before,
.navbar-custom nav > ul > li > ul::before {
border: none;
}
/* hover state universal */
.navbar-custom nav ul ul li a,
.navbar-custom nav ul ul ul li a {
color: #4C4F53;
}
.navbar-custom nav ul ul li:hover,
.navbar-custom nav ul ul ul li:hover {
color: #fff;
background-color: #4C4F53;
}
.navbar-custom nav ul ul li:hover > a {
color: #fff;
background-color: #4C4F53;
}
.navbar-custom nav > ul ul ul {
border-top: 1px solid #c7c7c7 !important;
}
/* Hover state second level */
.navbar-custom nav ul ul li {
position: relative;
overflow: visible;
}
.navbar-custom nav ul ul,
.navbar-custom nav ul ul ul {
display: none !important;
background: #ffffff !important;
box-shadow: none;
border: 1px solid #c7c7c7;
-webkit-box-shadow: inset 0px -4px 0px 0px #bd2a2a;
-moz-box-shadow: inset 0px -4px 0px 0px #bd2a2a;
box-shadow: inset 0px -4px 0px 0px #bd2a2a;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
border-bottom: 1px solid #BD2A2A;
border-top: none;
width: 200px;
border-radius: 0;
padding: 3px;
margin-left: -2px;
}
.navbar-custom nav > ul ul li:hover > ul {
display: block !important;
position: absolute;
z-index: 999;
left: 99%;
top: -8px;
background: #333;
}
/*
* Child Arrow
*/
/* top level childs */
/*.navbar-custom nav > ul > li > a:after {
content: "\f0dd" !important;
top: 76% !important;
color: #636363 !important;
left: 46%;
}*/
/* next level childs */
.navbar-custom nav > ul > li:after,
.navbar-custom nav > ul ul > li:after,
.navbar-custom nav ul ul li:hover:after,
.navbar-custom nav > ul ul > li:hover:after {
display: block !important;
position: absolute;
top: 10px;
right: 8px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0da";
color: #333;
}
.navbar-custom nav > ul > li:after {
display: none !important;
}
.navbar-custom nav ul ul li:hover:after,
.navbar-custom nav > ul ul > li:hover:after {
color: #fff;
}
.navbar-custom nav > ul ul > li[data-child="0"]:after,
.navbar-custom nav > ul > li[data-child="0"]:after {
content: "" !important;
}
/*
* Active Child
*/
.navbar-custom nav ul ul .active > a {
color: #333 !important;
}
.navbar-custom nav ul ul .active > a:hover,
.navbar-custom nav ul ul li.active:hover > a {
color: #fff !important;
}
/*
* RESPONSIVE
*/
/*
* GENERAL MOBILE (Applies to all resolutions below 979px)
*/
@media (max-width: 979px) {
	.navbar-custom .navbar-collapse,
	.navbar-custom .navbar-form {
	border-color: transparent;
    padding-left: 0;
    padding-right: 0;
	background-color: #fff;
	}
	.navbar-custom nav {
	/*height: 300px !important;
	overflow: scroll;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;*/
	}
	.navbar-custom .menu-item-parent {
	white-space: inherit;
	overflow: visible;
	text-overflow: inherit;
	text-align: left;
	min-width: 85%;
	max-width: 85%;
	padding-left: 5px;
	}
	.navbar-custom .menu-item-parent + span {
	top: 50%;
	margin-top: -8px;
	}
	.navbar-custom nav li.active > ul {
	display: block;
	}
	.navbar-custom nav > ul > li:hover {
	background-color: #4C4F53;
	}
	.navbar-custom nav > ul > li:hover > a {
	color: #fff !important;
	}
	/*.navbar-custom nav > ul ul li.active,
	.navbar-custom nav > ul > li.active {
	background-color: #4C4F53;
	color: #fff;
	}
	.navbar-custom nav > ul ul li.active > a,
	.navbar-custom nav > ul > li.active > a {
	color: #fff !important;
	}*/
	.navbar-custom nav ul ul li:hover:after,
	.navbar-custom nav > ul ul > li:after,
	.navbar-custom nav > ul ul > li:hover:after,
	.navbar-custom nav > ul > li:after {
	display: block !important;
	content: "\f0dd" !important;
	}
	.navbar-custom nav ul ul li:hover:after,
	.navbar-custom nav > ul ul > li:hover:after,
	.navbar-custom nav > ul > li:hover:after {
	color: #fff !important;
	}
	.navbar-custom nav > ul ul > li[data-child="0"]:after,
	.navbar-custom nav > ul > li[data-child="0"]:after {
	content: "" !important;
	}
	.navbar-custom nav > ul > li:after {
	top: 5px;
	font-size: 20px;
	}
	/*.navbar-custom nav ul ul li.active:after,
	.navbar-custom nav > ul ul > li.active:after,
	.navbar-custom nav > ul ul > li.active:hover:after,
	.navbar-custom nav > ul > li.active:after {
	color: #fff;
	}*/
	.navbar-custom nav ul ul,
	.navbar-custom nav ul ul ul {
	padding: 0px;
	border: none;
	}
	.navbar-custom nav ul ul ul {
	border-bottom: 2px solid #333;
	}
	.navbar-custom nav > ul > li {
	width: 100%;
	border-bottom: 1px dotted #585858;
	}
	.navbar-custom nav > ul > li > a {
	height: auto;
	padding: 8px 9px !important;
	color: #4C4F53;
	}
	.navbar-custom nav > ul > li > ul > li > a,
	.navbar-custom nav > ul > li > ul > li > ul > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	}
	.navbar-custom nav > ul > li > a > i {
	display: inline !important;
	}
	/* menu child */
	.navbar-custom nav > ul li ul {
	position: relative !important;
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
	}
	.navbar-custom nav > ul > li:active > ul,
	.navbar-custom nav > ul > li:focus > ul {
	display: block !important;
	}
}


.inbox-label {
position: absolute;
display: block;
top: -18px;
left: 10px;
font-weight: 700;
text-decoration: none;
}
.inbox-label:after {
display: block;
position: absolute;
left: 5px;
bottom: -7px;
font-family: FontAwesome;
font-size: 11px;
content: "\f0d7";
line-height: normal;
color: #d9534f;
}

.img-container {
position: relative;
}

.cell .title,
.item .title,
.cell-item .title {
color: #fff;
font-size: 16px;
font-weight: bold;
}

.webzine-list {
position: relative;
width: 100%;
padding: 5px;
}
.webzine-list .thumb {
position: relative;
}
.webzine-list .title {
}
.webzine-list .summary {
position: relative;
}


.submenu-wrap {
width: 180px;
height: 100%;
margin: 20px 10px 0 0;
padding: 0;
}

.submenu-title {
width: 180px;
height: 60px;
text-align: center;
background-color: #5f5f5f;
line-height: 60px;
color: #fff;
font-weight: bold;
font-size: 16px;
margin: 0;
}

.submenu li {
height: 50px;
padding: 0 0 0 30px;
font-size: 14px;
line-height: 50px;
border-bottom: 1px solid #ccc;
}
.submenu li.active,
.submenu li.active a {
background-color: #294d69;
color: #fff;
font-weight: bold;
}

.submenu-wrap .nav-cscenter {
margin-bottom: 25px;
}
.submenu-wrap .nav-cscenter > h5 {
font-size: 15px;
font-weight: 700;
}

.subcontent-wrap {
width: 725px;
height: 100%;
}

.subcontent-wrap li {
padding-top: 3px;
padding-bottom: 3px;
}


/* Bubble */
.bubble{position:relative}
.bubble .wrp{display:none;position:absolute;left:50%;bottom:100%;z-index:1000;margin:0;font-size:11px;background-color:#fff;border:1px solid #999;border-radius:2px;white-space:nowrap;box-shadow:1px 1px 3px rgba(0,0,0,.2);*text-decoration:none}
.bubble .speech{display:block;padding:3px 6px;font-weight:400;line-height:1.5em;text-decoration:none;color:#000;}
.bubble .edge{display:block;position:absolute;bottom:-6px;left:50%;width:9px;height:6px;margin-left:-5px;background-image:url(../img/edge.png);background-repeat:no-repeat;}
.bubble.right .wrp{top:0;left:100%;bottom:auto;margin:0 8px}
.bubble.right .edge{top:50%;left:-1px;bottom:auto;width:6px;height:9px;margin-top:-5px;background-position:0 -32px}
.bubble.btm .wrp{top:100%;bottom:auto}
.bubble.btm .edge{top:-6px;bottom:auto;background-position:0 -64px}
.bubble.left .wrp{top:0;right:100%;bottom:auto;left:auto;margin:0 8px}
.bubble.left .edge{top:50%;right:-6px;bottom:auto;left:auto;width:6px;height:9px;margin-top:-5px;background-position:0 -96px}
.bubble:hover .wrp,
.bubble:focus .wrp{display:block}

.list-style a,
.list-style span {
display: block;
margin-left: -1px;
padding: 6px;
border: 1px solid #BBB;
opacity: .8;
filter: alpha(opacity=80);
background-image: url(../img/blank.png);
cursor: pointer;
}
.list-style a:hover,
.list-style a:focus,
.list-style .active a,
.list-style span:hover,
.list-style span:focus,
.list-style .active span {
box-shadow:0 0 5px rgba(0,0,0,.2);
filter: alpha(opacity=100);
opacity: 1
}
.list-style i {
display: block;
width: 11px;
height: 11px;
background: url(../img/white/list-style.png) no-repeat;
font-size: 0;
color: transparent;
overflow: hidden;
}
.list-style .classic i {
background-position: 0 0;
}
.list-style .webzine i {
background-position: -11px 0;
}
.list-style .gallery i {
background-position: -22px 0;
}


.target-info-wrap {
	position: absolute;
	bottom: 40px;
	left: -115px;
	width: 250px;
	cursor: default;
}
.target-info {
	position: relative;
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
}
.target-info:nth-of-type(n) {
	border: 0;
	box-shadow: 0px 1px 2px #888;
}
.target-info-wrap .after {
	content: "";
	position: relative;
	left: 50%;
	width: 22px;
	height: 12px;
	margin-left: -19px;
	background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png) no-repeat;
	z-index: 9;
}

/*.form-control {
padding: 5px;
font-size: 13px;
border-width:3px;
border-color:transparent;
-webkit-box-shadow: 0px 0px 0px 1px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 0px 1px rgba(204,204,204,1);
box-shadow: 0px 0px 0px 1px rgba(204,204,204,1);
}*/
.form-control:focus {
border-width: 2px;
border-color: #4c83eb;
}

article.row {
margin-right: -5px;
margin-left: -5px;
}
article.row > var {
padding-left: 5px;
padding-right: 5px;
margin-bottom:30px;
}

.input-currency,
.input-natural,
.input-real {
text-align: right;
}



/*
* FUELUX WIZARD
*/
.fuelux {
margin-bottom: 15px;
}
.fuelux .wizard {
position: relative;
overflow: hidden;
background-color: transparent;
background-image: url(../img/bg-member-step.png);
background-repeat: no-repeat;
background-position: right bottom;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*zoom: 1;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
.fuelux .wizard:before,
.fuelux .wizard:after {
display: table;
line-height: 0;
content: "";
}
.fuelux .wizard:after {
clear: both;
}
.fuelux .wizard ul {
width: 100%;
padding: 0;
margin: 0;
list-style: none outside none;
}
.fuelux .wizard ul.previous-disabled li.complete {
cursor: default;
}
.fuelux .wizard ul.previous-disabled li.complete:hover {
color: #356e35;
cursor: default;
background-color: #f3f4f5;
}
.fuelux .wizard ul.previous-disabled li.complete:hover .chevron:before {
border-left-color: #f3f4f5;
}
.fuelux .wizard ul li {
position: relative;
float: left;
height: 60px;
line-height: 60px;
padding: 0 20px 0 30px;
margin: 0;
font-size: 16px;
color: #999999;
cursor: default;
background-color: #ededed;
}
.wizard.table ul li {
float: none;
display: table-cell;
width: 1%;
}
.fuelux .wizard ul li .chevron {
position: absolute;
top: 0;
right: -15px;
z-index: 1;
display: block;
border: 30px solid transparent;
border-right: 0;
border-left: 14px solid #d4d4d4;
}
.fuelux .wizard ul li .chevron:before {
position: absolute;
top: -30px;
right: 1px;
display: block;
border: 30px solid transparent;
border-right: 0;
border-left: 14px solid #ededed;
content: "";
}
.fuelux .wizard ul li.complete {
background-color: #fff;
color: #000;
}
.fuelux .wizard ul li.complete:hover {
background-color: #fff;
}
.fuelux .wizard ul li.complete:hover .chevron:before {
border-left: 14px solid #fff;
}
.fuelux .wizard ul li.complete .chevron:before {
border-left: 14px solid #fff;
}
.fuelux .wizard ul li.active {
background-color: #358ed7;
color: #fff;
}
.fuelux .wizard ul li.active .chevron:before {
border-left: 14px solid #358ed7;
}
.fuelux .wizard ul li .badge {
margin-right: 8px;
background-color: rgba(0, 20, 35, 0.07);
}
.fuelux .wizard ul li.complete .badge {
background-color: #358ed7;
}
.fuelux .wizard ul li:first-child {
padding-left: 20px;
border-radius: 0 0 0 0;
}
.fuelux .wizard .actions {
position: absolute;
right: 0;
z-index: 2;
float: right;
padding-right: 15px;
padding-left: 15px;
line-height: 46px;
vertical-align: middle;
background-color: #eeeeee;
border-left: 1px solid #d4d4d4;
}
.fuelux .wizard .actions a {
margin-right: 8px;
font-size: 12px;
line-height: 45px;
}
.fuelux .wizard .actions .btn-prev i {
margin-right: 5px;
}
.fuelux .wizard .actions .btn-next i {
margin-left: 5px;
}
.fuelux .step-content .step-pane {
display: none;
}
.fuelux .step-content .active {
display: block;
}
.fuelux .step-content .active .btn-group .active {
display: inline-block;
}


.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
}
.bootstrap-select > .dropdown-toggle.btn-primary,
.bootstrap-select > .dropdown-toggle.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.btn-primary:active,
.bootstrap-select > .dropdown-toggle.btn-success,
.bootstrap-select > .dropdown-toggle.btn-success:hover,
.bootstrap-select > .dropdown-toggle.btn-success:focus,
.bootstrap-select > .dropdown-toggle.btn-success:active,
.bootstrap-select > .dropdown-toggle.btn-danger,
.bootstrap-select > .dropdown-toggle.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.btn-danger:active {
  color: #fff;
}


.category-oneroom {
color: #337ab7 !important;
border: 1px solid #337ab7 !important;
}
.category-tworoom {
color: #2196F3 !important;
border: 1px solid #2196F3 !important;
}
.category-threeroom {
color: #03A9F4 !important;
border: 1px solid #03A9F4 !important;
}
.category-owner {
color: #00BCD4 !important;
border: 1px solid #00BCD4 !important;
}
.category-villa {
color: #ff851b !important;
border: 1px solid #ff851b !important;
}
.category-house {
color: #932ab6 !important;
border: 1px solid #932ab6 !important;
}

.category-apartment {
color: #ED3D2F !important;
border: 1px solid #ED3D2F !important;
}
.category-ownership {
color: #3F51B5 !important;
border: 1px solid #3F51B5 !important;
}

.category-arcade {
color: #009688 !important;
border: 1px solid #009688 !important;
}
.category-store {
color: #795548 !important;
border: 1px solid #795548 !important;
}

.category-land {
color: #3c763d !important;
border: 1px solid #3c763d !important;
}

.deal-sale,
.deal-sale-price {
color: #fff !important;
background-color: #ff851b !important;

border-radius:2px;
}
.deal-lease,
.deal-lease-cost {
color: #fff !important;
background-color: #EC3D2F !important;

border-radius:2px;
}
.deal-lease-half {
color: #fff !important;
background-color: #9C27B0 !important;

border-radius:2px;
}
.deal-rent,
.deal-rent-cost {
color: #fff !important;
background-color: #0077C0 !important;

border-radius:2px;
}

.ribbon-recommend {
position: absolute;
top: 0;
left: 0;
width: 37px;
height: 48px;
background-image: url(../img/ribbon-recommend.png);
background-repeat: no-repeat;
z-index: 9;
}



label.count {
margin: 0;
padding-left: 10px;
font-weight: normal;
}
label.count + span {
padding-left: 10px;
}

/* https://codepen.io/vincicat/pen/zikrC */
.inset-text {
    /* Shadows are visible under slightly transparent text color */
    color: rgba(10, 60, 150, 0.8);
	background-color: #ddf1ff;
    text-shadow: 1px 4px 6px #cddae8, 0 0 0 #000, 1px 4px 6px #cddae8;
}
/* Don't show shadows when selecting text */
::-moz-selection, ::selection {
  background-color: #5af;
  color: #fff; 
  text-shadow: none; 
}


.strong {
font-weight: 700;
}

.bootstrap-select.btn-group .dropdown-menu {
z-index: 99999;
}

.bg-subtitle {
width: 100%;
height: 250px;
background-color: transparent; /*rgba(0, 0, 0, 0.5);*/
background-image: none;
background-repeat: no-repeat;
background-attachment: initial;
background-position: center center;
-webkit-background-size: initial;
-moz-background-size: initial;
-o-background-size: initial;
background-size: initial;
}
.advice{border:2px solid #fff; border-radius:30px}
.advice:hover{background-color:#f00}
.advice-text{color:#fff}
.advice-text:hover{font-weight:bold}