/* @override http://localhost/_touronlineshop/css/main.css */
@font-face {
  font-family: 'Jeju Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/jejugothic/v3/JejuGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/jejugothic/v3/JejuGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/jejugothic/v3/JejuGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/jejugothic/v3/JejuGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/jejugothic/v3/JejuGothic-Regular.ttf) format('truetype');
}
body {
  padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
  background: url('../img/bg_body.jpg') no-repeat top center;
}
body.sub {
	background: url('../img/bg_subBody.jpg') no-repeat top center;
}
.navbar-inner {
	/* background: url('../img/bg_top.png'); */
	background: #ef3c0c;
	border-bottom: 2px solid #d10303;
	height: 42px;
}
.navbar-inner li a {text-decoration: none; text-shadow: none !important; font-family: 'Jeju Gothic'; font-size: 14px; color: #FFF !important;}
.navbar-inner li i {color: #FFF;}
.print {
	display: none;
}
/* TYPO */
h6 {
	margin: 0;
}
.price {
	font-size: 1.25em;
	font-weight: bold;
	color: #0a8343;
}
[class^="title-"],
[class*=" title-"] {
	text-indent: -3000px;
	background: url('../img/bg_title.png') no-repeat left top;
	margin-top: 0;
	display: block;
	
}
.title-recommended {
	background-position: 0 -80px;
}
.title-featured {
	background-position: 0 -320px;
}
.title-latestBoard {
	background-position: 0 -120px;
}
.title-gallery {
	background-position: 0 -160px;
}
.title-latestNews {
	background-position: 20px -200px;
}
.title-information {
	background-position: 20px -240px;
}
.title-line {
	background-position: 0 -280px;
	height: 2px;
	margin:  -5px 0 15px 0;
}
.title-event {
	background-position: -155px 0;
}
.title-dc {
	background-position: -315px 0;
}
.title-special {
	background-position: -475px 0;
}
.title-filter {
	background-position: -467px -120px;
	height: 40px;
	margin-top: 20px;
}
.title-boards {
	background-position: -467px -160px;
	height: 40px;
	margin-top: 20px;
}
.title-left-information {
	background-position: -467px -200px;
	height: 40px;
	margin-top: 20px;
}
.title-users {
	background-position: -467px -240px;
	height: 40px;
	margin-top: 20px;
}
.title-bestDeal {
	background-position: -467px -280px;
	height: 40px;
	margin-top: 50px;
}

.active .title-deal, .active .title-event, .active .title-dc, .active .title-special {
	background-position-y: -40px;
}

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;   
    margin-top: -2px; 
}

/* TOP */
.logo_top {
	display: block;
	background: url('../img/logo.png');
	width: 180px;
	height: 62px;
	text-indent: -3000px;
}
.nav li:hover {
  background:  url('../img/mnuHover.png');
}
.nav li:hover a { color: #000 !important; }
.nav .home {
	font-size: 0;
	width: 56px;
	height: 41px;
	background: url('../img/btn_home.png') no-repeat;
}
.nav .home:hover {
	background: #fff url('../img/btn_home.png') no-repeat;
}
.secondary-menu {
	text-align: right;
	padding-top: 25px;
}
.toTop {
	display: block;
	width: 100%;
	height: 31px;
	background: url('../img/btn_top.png') no-repeat center center;
}
.nav-collapse.collapse {
	height: auto !important;
	overflow: visible !important;
}
#social li {
	float: right;
	list-style: none;
	margin-left:  10px;
	padding-top: 7px;
}
#social a {color: #000;}
#search-top {
	padding-top: 20px;
}
#flashMessage {
	margin: 10px 0;
}
/* FLAGS */
.icon_kor {
	background: url(../img/icon_flag.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 2px;
}
.icon_eng {
	background: url(../img/icon_flag.png) no-repeat -19px 0px;
	width: 27px;
	height: 16px;
	float: left;
	margin-top: 2px;
}
.icon_cn {
	background: url(../img/icon_flag.png) no-repeat -45px 0px;
	width: 26px;
	height: 16px;
	float: left;
	margin-top: 2px;
}
.icon_jpn {
	background: url(../img/icon_flag.png) no-repeat -72px 0px;
	width: 20px;
	height: 16px;
	float: left;
	margin-top: 2px;
}


/* MID */
#contentBox {
	margin-top: 20px;
	min-height: 500px;
}
.homeContent {
}
.breadcrumb {
  padding: 8px 0px;
  margin: 0 0 20px;
  background: none;
}
.breadcrumb span {
	color: #d8d8d8;
	margin:  0 10px;
}
#slide-home {
	margin-bottom: 15px;
	position: relative;
}
#Tab1 {
	margin-bottom: 0;
}
#Tab1Content {
	border: 1px solid #cacaca;
	border-top: none;
	padding: 10px;
}
#Tab1.nav-tabs li {
	width: 25%;
}
#Tab1.nav-tabs li a {
	padding: 15px 0 5px 0;
	border: none;
	background: url('../img/bg_tab.jpg') no-repeat left top;
	margin: 0;
	-webkit-border-radius: 0px 0px 0 0;
	   -moz-border-radius: 0px 0px 0 0;
	        border-radius: 0px 0px 0 0;
}
#Tab1.nav-tabs li a:hover {
	background: url('../img/bg_tab.jpg') no-repeat left -43px;
}
#Tab1.nav-tabs .active a {
	background: url('../img/bg_tab.jpg') no-repeat left -43px;
}
#Tab2.nav-tabs {
  border-bottom: 3px solid #3fade5;
}

#Tab2.nav-tabs > li {
  margin-bottom: -4px;
}

#Tab2.nav-tabs > li > a {
  background-color: #efefef;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

#Tab2.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

#Tab2.nav-tabs > .active > a,
#Tab2.nav-tabs > .active > a:hover {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 3px solid #3fade5;
  border-bottom-color: transparent;
}
#recommended {
	border: 1px solid #cacaca;
	border-top: 5px solid #ff6000;
	padding: 10px;
}
#Tab1Content li, #recommended li {
	width: 164px;
}
.rightPanel {
	background: url('../img/bg_divider.png') no-repeat left bottom;
}
.shadow8 {
	width: 100%;
	height: 23px;
	background: url('../img/bg_shadow_8.png') no-repeat;
}
.shadow12 {
	width: 100%;
	height: 23px;
	background: url('../img/bg_shadow_12.png') no-repeat;
}
#searchPanel {
	background: url('../img/bg_searchPanel.png') no-repeat;
	height: 145px;
	/*margin-top: -117px;*/
	margin-bottom: 20px;
	padding-top: 90px;
	padding-left: 20px;
	color: #fff;
	position: relative;
	z-index: 10;
}

#recommended .carousel {
  margin-bottom: 0px;
  line-height: 1;
}
#recommended .carousel-control {
  left: -25px;
  width: 20px;
  height: 20px;
  margin-top: 0px;
  font-size: 30px;
  font-weight: 200;
  line-height: 13px;
  color: #ffffff;
}
#recommended .carousel-control.right {
	right: -25px;
	left: auto;
}
#tour-list li {
	width:  180px;
	min-height: 230px;
}
.item-infobox {
	margin: 10px 0 20px 0;
}
.menu_left ul {
	margin-left: 0;
	list-style: none;
}
.menu_left li {
	margin-bottom: 5px;
}
.menu_left .controls {
	margin-bottom: 15px;
}
.menu_left .control-label {
	font-weight: bold;
}
#featured {
	border: 2px solid #3fade5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 20px 0 40px 0;
	padding: 10px 0;
	position: relative;
}
#featured h2 {
	position: absolute;
	top: 10px;
	left: 17px;
}
#featured li {
	float: right;
}
#featured .item-list {
	width: 90%;
	margin: 0 auto;
}
#featured .item-list li {
	float: left;
}
#featured .carousel-control {
  left: 0px;
  width: 20px;
  height: 20px;
  margin-top: 0px;
  font-size: 30px;
  font-weight: 200;
  line-height: 13px;
  color: #ffffff;
}
#featured .carousel-control.right {
	right: 0px;
	left: auto;
}
#featured img {
	height: 80px;
}
.item-list {
	margin: -15px 0;
	padding-right: 8px;
}
.item-list li {
	list-style: none;
	width: 100px;
	display: block;
	margin: 10px;
	position: relative;
	float: left;
}
.gallery li {
	float: left;
	width: 111px;
	list-style: none;
	margin: 0px 0px 5px -20px;
}
.gallery li img {
	width: 76px;
	height: 56px;
}
.info {
	display: block;
	margin-bottom: 10px;
	color: #b4b4b4;
	font-size: 0.9em;
}
#bookPanel {
	display: none;
}
#bookPanel form {
	padding: 15px 0;
}
#bookPanel label {
	width:  80px;
	float: left;
	text-align: right;
	margin-right: 10px;
	color: #818181;
}
.required {
	color: #c50808;
}
#bookPanel fieldset {
	margin-left: 70px;
}

#bookPanel legend {
  font-size: 1.1em;
  border-bottom: 1px solid #e5e5e5;
}
#bookPanel .submit, #bookPanel .paxFields {
	margin-left: 90px;
}
#bookPanel .group_items label {
	width:  80px;
	float: left;
	text-align: left;
	margin-right: 10px;
	color: #818181;
}
#bookPanel .group_items {
	border: 1px dotted #dadada;
	padding: 5px 20px;
	margin-bottom: 15px;
}
#bookPanel .checkbox {
	float: left;
}
#bookPanel textarea {
	width:85%; height: 70px;
}
#bookPanel table {
	width: 97%;
}
#bookPanel table tr:first-child td {
	color: #f47103;
	border-bottom: 2px solid #000;
}
#bookPanel li {
	background-image: none;
	margin: 8px 0;
}
.roomFields select {
	width: 80px;
}
.roomFields input {
	width: 150px;
}
.paxFields_medical {
	margin-left:90px;
}
.paxFields_medical input {
	width: 120px;
}
.paxFields_medical select {
	width: 55px;
}


/* TABLE */
table.board, table.review {
	width: 100%;
	border-bottom: 2px solid #000;
}
.board td {
	padding: 4px;
	vertical-align: top;
}
.board th {
	border-bottom: 2px solid #000;
}
tr.grayBG {
	background-color: #f1f1f1;
}
table.review tr {
	border-bottom: 1px dotted #7d7d7d;
}
.comments {
	border-top: 2px solid #787878;
	margin: 15px 0;
}
.comments form {
	margin-top: 15px;
}
.comments textarea {
	width: 95%;
	height: 40px;
}
/*FLOATING MENU*/
#floating-box{
	width:100px;
	float:left;
	margin-left:510px;
	margin-right:10px;
	position:absolute;
	top: 150px;
	left:  50%;
	z-index:1;
}
.gallery_boardlist {
	display: block;
	list-style: none;
	margin: 20px auto;
}
.gallery_boardlist li{
	float: left;
	width: 170px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.gallery_boardlist img {

	height: 100px;
}

/* FOOTER */
#footer-ad {
	padding: 10px;
	background: #eee;
	border-top: 1px solid #ccc;
	margin-bottom: 15px;
}
#footer {
	font-size: 0.85em;
}

/*
 * FLEX SLIDER
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; min-height: 220px;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 0px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.flexslider .carousel li {margin-right: 5px}
#carousel.flexslider {
	position: absolute;
	height: 30px;
	bottom: 23px;
	/*width: 635px;*/
	width:  931px;
	height: auto;
	text-align: center;
}
#carousel li {
	cursor: pointer;
}
#carousel .flex-active-slide {
	background-color: #4876af;
	color: #fff;
}

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

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/*
TOUR MAP
*/
.gmap3{
  margin: 20px auto;
  border: 5px solid #354d84;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 98%;
  height: 450px;
}

.gmap3 img {
	max-width: none;
}
#gmapContents {
	min-height: 300px;
}
#related img {
	width: 134px;
	height: 100px;
}

/*====TWITTER
=======================================================*/

.twitter-feed {
	margin-bottom: 15px;
}

ul.tweet_list {
	margin: 5px 0px;
}

ul.tweet_list li {
	list-style: none;
	padding: 8px 0;
	border-bottom: 1px dotted #c2c2c2;
}

ul.tweet_list li:hover {
	background-color: #f3f3f3;
}

ul.tweet_list li:last-child {
	border: none;
}

.tweet_text {
	display: block;
	margin-bottom: 5px;
}
.tweet_time a {
	color: #00acee;
}

/*Credit Card Panel*/
.cc_panel ul {
	list-style: none;
	margin: 0;
}
.cc_panel .cards {
  overflow: hidden;
}
.cc_panel .cards li {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background-image: url(../img/card_logos.png);
  background-position: 0 0;
  float: left;
  height: 32px;
  margin-right: 8px;
  text-indent: -9999px;
  width: 34px;
}
.cc_panel .cards li:last-child {
  margin-right: 0;
}
.cc_panel .cards .visa_electron {
  background-position: 204px 0;
}
.cc_panel .cards .mastercard {
  background-position: 153px 0;
}
.cc_panel .cards .maestro {
  background-position: 102px 0;
}
.cc_panel .cards .discover {
  background-position: 51px 0;
}
.cc_panel .cards .visa.off {
  background-position: 0 32px;
}
.cc_panel .cards .visa_electron.off {
  background-position: 204px 32px;
}
.cc_panel .cards .mastercard.off {
  background-position: 153px 32px;
}
.cc_panel .cards .maestro.off {
  background-position: 102px 32px;
}
.cc_panel .cards .discover.off {
  background-position: 51px 32px;
}

.cc_panel h2 {
  color: #555;
  font-family: "Helvetica Neue", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 0;
}
.cc_panel li {
  margin: 8px 0;
  background: none;
}
.cc_panel label {
  display: inline;
  padding-left: 6px;
  width: auto;
  float: none;
}
.cc_panel label small {
  color: #aaa;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
}
.cc_panel input.valid {
  background: url(../img/tick.png) 190px center no-repeat;
}
.cc_panel input[type="radio"] {
	width:  auto;
}
.vertical {
  overflow: hidden;
}
.vertical li {
	padding-left: 300px;
}
.vertical li .or {
  color: #aaa;
  font-size: 12px;
  margin-left: 10px;
}
.vertical input {
  width: 68px;
}



/*Stepy*/
.button-back { float: left; }
.button-next, .finish { float: right; }
.button-back, .button-next, .finish {
	border: 1px solid #C9C4BA; color: #7F0055; cursor: pointer; font: 10px verdana; padding: 3px 10px; text-decoration: none;
	-khtml-border-radius: 3px; -moz-border-radius: 3px; -opera-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.button-back:hover, .button-next:hover, .finish:hover { border-color: #DFDCD6; color: #B07; }

.step {
	border: 1px solid #DDD; clear: left; width: auto;
	-khtml-border-radius: 3px; -moz-border-radius: 3px; -opera-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#bookPanel .info {
	display: block;
	padding: 15px;
	width: 90%;
	margin: 10px auto;
	background-color: #e2eef5;
	font-size: 0.9em;
}
.step label { color: #444; width:  auto;
	font: bold 10px verdana; margin: 10px 0 3px 7px; }
.step legend { color: #4080BF; padding: 10px;   margin-bottom: 0px; border-bottom: none; width: auto;
}
.step input, .step textarea, .step select { border: 1px solid #AAA; font: 10px verdana; margin-left: 7px; }
.step .row {
	margin-left: 0;
}

.stepy-titles li.error-image { background: url('../img/error.png') no-repeat right top; }

.stepy-titles { list-style: none; margin: 0; padding: 0; width: 100%; }
.stepy-titles li { color: #DDD; cursor: pointer; font: bold 18px verdana; float: left; padding: 10px; background: none; }
.stepy-titles li span { font: 11px verdana; display: block; }
.stepy-titles .current-step { color: #369; cursor: auto; }



/*** Optionaly (jQuery Validate) ***/

.error {
	background: #e7b2b2;
}

label.error { background: url('../img/alert.png') no-repeat; color: #DE5130; display: block; float: left; font: 10px verdana; height: 13px; margin: 3px 3px 0 10px; padding-left: 21px; padding-top: 2px; }



/* Admin Panel */
#admin_header { width:100%; height: 80px; background: url('../img/admin_bg_top.jpg'); }
#admin_left { width:200px; height:80%; border-right: 1px solid #e5e7e6; float:left; }
#admin_left .menu_panel { width:220px; list-style: none; }
#admin_left .menu_panel li a { font-weight: bold; display:block; height:25px; padding-left: 20px; padding-top: 8px; margin-bottom: 2px; }
#admin_left .menu_panel li a:hover { background: #0093f0 url('../img/admin_menu_hover.jpg') right no-repeat; display:block; height:25px; padding-left: 20px; padding-top: 8px; color: #fff; }
#admin_left .menu_panel li a.active { background: #0093f0 url('../img/admin_menu_hover.jpg') right no-repeat; display:block; height:25px; padding-left: 20px; padding-top: 8px; color: #fff; }
#admin_content {width:70%; margin-left: 50px; float:left; }
#SettingUpdateOrderForm tr:hover {
	cursor: move;
}