.item.carousel-item.fruit1 .main-img {/*background: url("/images/main/m_visual1.jpg") no-repeat center 30%;background-size: cover*/}
@media screen and (max-width: 1439px) {
 .item.carousel-item.hot-deal-item .main-img {background: url("/images/main/m_visual1.jpg") no-repeat center center;background-size: cover}
}
@media screen and (max-width: 1023px) {
 .item.carousel-item.fruit1 .main-img { background: url("/images/main/m_visual1.jpg") no-repeat center center; background-size: cover}
}
@media screen and (max-width: 767px) {
 .item.carousel-item.fruit1 .main-img {background: url("/images/main/m_visual1.jpg") no-repeat center 40%;background-size: cover}
}
.item.carousel-item.fruit1 .carousel-content {text-align: left}
@media screen and (max-width: 767px) {
 .item.carousel-item.fruit1 .carousel-content {text-align: center}
}
@media screen and (max-width: 767px) {
 .item.carousel-item.fruit1 .hot-deal-content {margin-bottom: 28px}
}
.item.carousel-item.fruit1 .link-button {background-color: transparent;	border-radius: 2px;	color: #174772;	display: block;	font-size: 14px;	height: 44px;	line-height: 42px;
	margin-bottom: 32px;	text-align: center;	width: 153px;	border: 1px solid #174772;	margin-bottom: 24px; }
.item.carousel-item.fruit1 .link-button:hover {	background-color: #174772;	border-color: #174772;	color: #fff; }

@media screen and (max-width: 1439px) {
 .item.carousel-item.fruit1 .link-button {margin-bottom: 0}
}
@media screen and (max-width: 1023px) {
 .item.carousel-item.fruit1 .link-button {	margin-bottom: 10px}
}
@media screen and (max-width: 767px) {
 .item.carousel-item.fruit1 .link-button {	display: none}
}
@media screen and (max-width: 1439px) {
 .item.carousel-item.fruit1 .link-button {	margin-bottom: 0}
}
@media screen and (max-width: 1023px) {
.item.carousel-item.fruit1 .link-button {margin-bottom: 10px}
}


.item.carousel-item.fruit2 .main-img.main2-cover {
	background: url("/images/main/m_visual2.jpg") no-repeat center center; background-size: cover
}
@media screen and (max-width: 1439px) {
.item.carousel-item.fruit2 .main-img.main2-cover {
	background: url("/images/main/m_visual2.jpg") no-repeat center center; background-size: cover}
}
@media screen and (max-width: 1023px) {
.item.carousel-item.fruit2 .main-img.main2-cover {
	background-image: url("/images/main/m_visual2.jpg") no-repeat center center;background-size: cover
}
}
@media screen and (max-width: 500px) {
.item.carousel-item.fruit2 .main-img.main2-cover {
	background-image: url("/images/main/m_visual2_500.jpg");background-size: cover}
}
.item.carousel-item.fruit2 .carousel-content {	text-align: left;	width: 1052px}
@media screen and (max-width: 1439px) {
 .item.carousel-item.fruit2 .carousel-content {	width: 624px}
}
@media screen and (max-width: 1023px) {
 .item.carousel-item.fruit2 .carousel-content {	width: 616px}
}
@media screen and (max-width: 767px) {
 .item.carousel-item.fruit2 .carousel-content {	margin: 0 32px}
}
 .item.carousel-item.fruit2 .hotel-event-logo {	margin-bottom: 40px}
@media screen and (max-width: 1439px) {
 .item.carousel-item.hotel .hotel-event-logo {	margin-bottom: 36px}
}
@media screen and (max-width: 1023px) {
.item.carousel-item.fruit2 .hotel-event-logo {	margin-bottom: 28px}
}
@media screen and (max-width: 767px) {
.item.carousel-item.fruit2 .hotel-event-logo {	margin-bottom: 18px}
}
.item.carousel-item.fruit2 .item-title {
	color: #2d435b;	font-size: 56px;	font-weight: 400;	line-height: 1.2;	margin-bottom: 8px}
@media screen and (max-width: 1439px) {
.item.carousel-item.fruit2 .item-title {
	font-size: 48px;	margin-bottom: 10px}
}
@media screen and (max-width: 1023px) {
.item.carousel-item.fruit2 .item-title {	font-size: 40px;	margin-bottom: 8px}
}
@media screen and (max-width: 767px) {
.item.carousel-item.fruit2 .item-title {	font-size: 32px;	margin-bottom: 4px}
}
.item.carousel-item.fruit2 .item-subtitle {	color: #2d435b;	font-size: 18px;	font-weight: 500;	letter-spacing: normal;	margin-bottom: 40px}
@media screen and (max-width: 1023px) {
.item.carousel-item.fruit2 .item-subtitle {	font-weight: 600;	margin-bottom: 36px}
}
@media screen and (max-width: 767px) {
.item.carousel-item.fruit2 .item-subtitle {	font-size: 14px;	margin-bottom: 32px}
}
.item.carousel-item.fruit2 .link-button {
	background-color: rgba(65,83,90,0.7);
	border-radius: 2px;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	margin-bottom: 32px;
	text-align: center;
	width: 153px
}
.item.carousel-item.fruit2 .link-button:hover {	background-color: #005372}
@media screen and (max-width: 1439px) {
.item.carousel-item.hotel .link-button {	margin-bottom: 0}
}
@media screen and (max-width: 1023px) {
.item.carousel-item.fruit2 .link-button {	margin-bottom: 10px}
}
@media screen and (max-width: 767px) {
.item.carousel-item.fruit2 .link-button {	display: none}
}




.item.carousel-item.fruit3 .main-img {	background: url("/images/main/daily_quality.jpg") no-repeat center center;	background-size: cover}
@media screen and (max-width: 1439px) {
.item.carousel-item.fruit3 .main-img {	background: url("/images/main/daily_quality.jpg") no-repeat center center;	background-size: cover}
}
@media screen and (max-width: 1023px) {
.item.carousel-item.fruit3 .main-img {	background: url("/images/main/daily_quality.jpg") no-repeat center center;	background-size: cover}
}
@media screen and (max-width: 767px) {
.item.carousel-item.fruit3 .main-img {	background: url("/images/main/daily_quality.jpg") no-repeat center 70%;	background-size: cover}
}
.item.carousel-item.fruit3 .carousel-content {	text-align: left}
@media screen and (max-width: 767px) {
.item.carousel-item.fruit3 .carousel-content {	margin: 0 32px;	text-align: center}
}
.item.carousel-item.fruit3 .link-button {
	background-color: #91cfcf;	border-radius: 2px;	color: #fff;	display: block;	font-size: 14px;	height: 44px;	line-height: 42px;
	margin-bottom: 32px;	text-align: center;	width: 153px;	border: 1px solid #91cfcf;	margin-bottom: 18px;	margin-top: 40px}
.item.carousel-item.fruit3 .link-button:hover {	background-color: #628282;	border-color: #628282;	color: #fff}
@media screen and (max-width: 1439px) {
.item.carousel-item.fruit3 .link-button {	margin-bottom: 0}
}
@media screen and (max-width: 1023px) {
.item.carousel-item.fruit3 .link-button {	margin-bottom: 10px}
}
@media screen and (max-width: 767px) {
.item.carousel-item.fruit3 .link-button {	display: none}
}
@media screen and (max-width: 1439px) {
.item.carousel-item.fruit3 .link-button {	margin-bottom: 0}
}
@media screen and (max-width: 1023px) {
.item.carousel-item.fruit3 .link-button {	margin-bottom: 10px}
}
@media screen and (max-width: 767px) {
.item.carousel-item.fruit3 .ssf-content {	margin-bottom: 32px}
}


@media screen and (max-width: 1023px) {
.slide a {	display: none}
.item.carousel-item {	height: 400px}
.item.carousel-item .main-img {	height: 400px}
}
/* BTN left right  */
.left-release {background: url("/images/main/btn_left.png") no-repeat center;	left: 0; top:50px;	right: auto}
.left-release.white {
	background: url("/images/main/btn_left_on.png") no-repeat center;	background-size: 25px}
.right-release {	background: url("/images/main/btn_right.png") no-repeat center;	left: auto;	top:50px;right: 0}
.right-release.white {	background: url("/images/main/btn_right_on.png") no-repeat center;	background-size: 25px}
.left-release, .right-release {
	background-size: 25px;
	opacity:0.7;
	-webkit-transition: background-image .8s ease-in-out;
	transition: background-image .8s ease-in-out;
	width: 150px
}
.left-release:hover, .right-release:hover {	opacity: 1}

@media screen and (max-width: 1439px) and (min-width: 1024px) {
.main-section {
	min-height: 550px /*--- 450----------------------------------------------------------------------------------- */
}
}
@media screen and (max-width: 1023px) {
.main-section {min-height: 400px}
}
@media screen and (max-width: 767px) {
.main-section {min-height:250px}  /*---from 250--------------------- */
}



main {position: relative}
.carousel-inner {	max-height: 650px;	width: 100%}
.carousel-inner .carousel-content {
	position: absolute;	left: 0;	right: 0;	z-index: 20;	color: #fff;	text-align: left;	width: 1060px;	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	margin: 0 auto
}
.carousel-inner .carousel-content .title {
	font-size: 56px;
	font-weight: 500;
	text-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.carousel-inner .carousel-content .sub-title {
	font-size: 20px;
	margin-top: 8px;
	font-weight: 500;
	text-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.carousel-inner .review .title {
	padding: 10px 0 5px;
	font-size: 36px;
	text-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.carousel-inner .review .sub-title {
	font-size: 16px;
	color: white;
	text-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.carousel-inner .review a {
	text-decoration: underline
}
.carousel-inner .item {
	max-height: 650px !important
}
.carousel-inner .main-img {height: 580px}/* visual- height ----------------------------------------------------------------------------------------------------------------------*/
.carousel-inner .mobile-main-img {
	width: 100%
}
.carousel-indicators li {
	border: none;
	background-color:;
	opacity:0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	margin: 0 4px;
	width: 13px;
	height: 13px;
	border-radius: 20px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	border:1px solid #fff;
}
.carousel-indicators li.active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);
	background-color:#fff;
	width: 13px;
	height:13px;
	border-radius: 20px;
	margin: 0 4px
}
.carousel-indicators.dark li {
	background-color: #023141
}

.container-fluid {
	max-width: 1024px;
	padding: 0
}
.content-main {
	padding: 0 0 90px
}
ul.item-container {
	font-size: 0
}
ul.item-container:after {
	content: '';
	clear: both;
	display: table
}
.item-container .item {
	display: inline-block;
	margin: 10px;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	overflow: hidden
}
.item-container .item:hover .dark-cover {
	background-color: #424242;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4
}
.item-container .item:hover .blue-cover {
	background-color: #42A5F5;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9
}
.item-container .item:hover .facebook-cover {
	background-color: #43609c;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9
}
.item-container .item:hover .instagram-cover {
	background-color: #2A5B82;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9
}
.theme-main .item {
	width: 520px;
	height: 390px
}
.theme-main .img {
	width: 520px;
	position: absolute;
	top: -10%
}
.theme-main .freetour-item .content .new_icon {
	margin-bottom: 30px
}
.theme-main .freetour-item .content .sub-title {
	margin-top: 4px
}
.theme-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: center;
	width: 520px
}
.theme-main .content .title {
	font-size: 26px;
	font-weight: 600
}
.theme-main .content .sub-title {
	font-size: 16px;
	margin-top: 12px
}
.theme-main .content-bottom {
	bottom: 0;
	font-size: 14px;
	margin-bottom: 22px;
	width: 100% !important;
	font-size: 14px
}
.collection-main .item {
	width: 340px;
	height: 340px
}
.collection-main .img {
	width: 460px;
	position: absolute
}
.collection-main .squre-img {
	width: 340px
}
.collection-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: center;
	width: 250px
}
.collection-main .content .title {
	font-weight: 600;
	margin-top: 20px
}
.collection-main .content-bottom {
	bottom: 0;
	font-size: 14px;
	margin-bottom: 17px;
	width: 100% !important
}
.collection-main .offer-content .title {
	font-size: 24px
}
.collection-main .offer-content .sub-title {
	font-size: 16px;
	text-decoration: underline;
	margin-bottom: 20px
}
.collection-main .city-content .title {
	font-size: 30px;
	margin: 10px 0
}
.collection-main .city-content .sub-title {
	font-size: 18px;
	margin: 5px 0
}
.collection-main .city-content .description {
	font-size: 16px;
	text-decoration: underline
}
.collection-main .guide-content {
	background-color: #e3f2fd
}
.collection-main .guide-content .city {
	color: #757575;
	font-size: 16px;
	margin-bottom: 20px
}
.collection-main .guide-content .name {
	color: #424242;
	font-size: 16px;
	margin: 10px auto 16px
}
.collection-main .guide-content .description {
	color: #757575;
	font-size: 12px;
	height: 86px;
	max-width: 209px;
	margin: 0 auto 17px;
	overflow: hidden;
	text-overflow: ellipsis
}
.collection-main .guide-content .title {
	color: #2196f3;
	font-size: 16px;
	text-decoration: underline
}
.collection-main .guide-content .title:hover {
	color: #64b5f6
}
.collection-main .guide-content .guide-img {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	border: 2px solid #fff
}
.collection-main .guide-content .guide-img-container {
	height: 80px;
	margin: 0 auto;
	position: relative;
	width: 80px
}
.collection-main .guide-content .real-guide-badge {
	bottom: -2px;
	position: absolute;
	right: -1px
}
.event-main .item {
	width: 1060px;
	height: 340px
}
.event-main .img {
	width: 1060px;
	top: 50%;
	margin-top: -170px
}
.event-main .event-banner-img {
	background-position: center center;
	background-size: cover;
	height: 100%
}
.event-main .content-right {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: left;
	width: 300px;
	right: 60px;
	text-align: left;
	left: auto
}
.event-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: left;
	width: 900px
}
.event-main .title {
	font-weight: 600
}
.event-main .title .text-lg {
	font-size: 30px
}
.event-main .title .text-md {
	font-size: 20px
}
.event-main .description {
	font-size: 16px;
	font-weight: 600;
	margin-top: 25px
}
.event-main.event-hotel .item:hover .dark-cover {
	opacity: 0.2
}
.event-main.event-hotel .item {
	cursor: default
}
@media screen and (max-width: 768px) {
.event-main.event-hotel .item {
	cursor: pointer
}
}
.event-main.event-hotel .title .text-lg {
	font-size: 26px
}
.event-main.event-hotel .title .text-md {
	font-size: 16px
}
.event-main.event-hotel .btn-wrap {
	margin-top: 30px
}
.event-main.event-hotel .btn-normal {
	height: 40px;
	width: 208px;
	padding: 10px 0;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	color: #fff !important;
	text-decoration: none !important;
	border: 0;
	border-radius: 2px;
	background: #03a9f4;
	zoom: 1
}
.event-main.event-hotel .btn-normal:hover {
	background-color: #2196F3
}
.event-main.event-hotel .img-container {
	margin-bottom: 30px
}
.event-main.event-hotel .img-container .img-middle {
	margin: 0 12px
}
.event-main.event-hotel .img {
	height: auto;
	position: absolute;
	top: -25%
}
@media screen and (max-width: 1023px) {
.event-main.event-hotel .img {
	top: 0
}
}
.sns-main .item, .sns-main .img {
	width: 250px;
	height: 250px
}
.sns-main .img {
	width: 250px
}
.sns-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: center;
	width: 190px
}
.sns-main .text-lg {
	font-size: 20px;
	font-weight: 500
}
.sns-main .text-md {
	font-size: 14px
}
.sns-main .text-sm {
	font-size: 12px
}
.sns-main .icon {
	width: 28px;
	height: 28px;
	margin-bottom: 26px
}
.sns-main .content-bottom {
	bottom: 0;
	font-size: 14px;
	margin-bottom: 10px;
	width: 100% !important
}
.sns-main .review-by {
	margin-bottom: 48px
}
.support-main .item {
	width: 520px;
	height: 260px;
	cursor: default
}
.support-main .img {
	width: 520px;
	height: 260px
}
.support-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: center;
	width: 300px
}
.support-main .title {
	font-size: 24px
}
.support-main .sub-title {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 38px
}
.support-main .kakao-talk .btn {
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	height: 42px;
	letter-spacing: 0;
	line-height: 40px;
	padding: 0;
	width: 265px
}
.support-main .kakao-talk .btn:hover {
	cursor: default;
	color: #fff
}
.support-main .newsletter {
	background-color: #fff;
	width: 480px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 20px
}
.support-main .newsletter .content {
	color: #616161
}
.support-main .input-container {
	height: 38px;
	margin: 0 auto;
	padding-right: 48px;
	position: relative;
	width: 245px
}
.support-main .input-container .input-form {
	padding: 0 12px;
	height: 38px;
	font-size: 14px;
	color: #9e9e9e;
	border: 0;
	border-bottom: 1px solid #bdbdbd;
	border-radius: 0;
	background: #fff;
	box-shadow: none
}
.support-main .btn-submit {
	display: block;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 38px;
	height: 38px;
	text-indent: -99999px;
	border-radius: 0 2px 2px 0;
	background: #ff9a00 url("//d2yoing0loi5gh.cloudfront.net/assets/kitty/main/newletter_arrow@2x-88fb83f23d6bc2c4b5e21df410b78ba47f296db24398c20f957af1c68f2fa8ab.png") no-repeat center center;
	background-size: 8px 12px;
	z-index: 20;
	opacity: 0.7
}
.support-main .btn-submit:hover {
	opacity: 1
}
#all-city-list {
	display: none;
	position: fixed;
	width: 830px;
	height: 607px;
	z-index: 200;
	top: 50%;
	left: 50%;
	margin-top: -302px;
	margin-left: -415px;
	padding: 75px 25px 50px;
	background-color: #f5f5f5;
	border-radius: 5px;
	text-align: center
}
#all-city-list .row {
	margin: 0
}
#all-city-list .continent-container {
	width: 230px;
	height: 480px;
	margin: 0 15px;
	padding: 0;
	border-top: 2px solid #03A9F4;
	background-color: #fff
}
#all-city-list .continent-container .continent-title {
	padding: 32px 0;
	font-size: 18px;
	font-weight: 500;
	color: #424242
}
#all-city-list .continent-container .continent-list {
	padding-top: 29px;
	font-size: 14px;
	font-weight: 400;
	height: 380px;
	overflow-y: scroll
}
#all-city-list .continent-container .continent-list .country {
	padding: 0 0 18px 25px;
	color: #757575;
	text-align: left;
	text-decoration: none
}
@media screen and (max-width: 1439px) and (min-width: 1024px) {
.content-center {
	max-width: 960px
}
.carousel-inner {max-height: 550px}/*--450-------------------------------------------------------------------*/
.carousel-inner .carousel-content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: center;
	width: 664px
}
.carousel-inner .main-img {height: 550px }/*--450-------------------------------------------------------------------*/
.theme-main .item {	width: 460px;	height: 320px}
.theme-main .img {width: 460px}
.theme-main .content {width: auto}
.collection-main .item {	width: 300px;	height: 300px}
.collection-main .img {	width: 400px;	left: -50px}
.collection-main .squre-img {	width: 300px}
.collection-main .guide-content .city {	margin-bottom: 10px}
.collection-main .guide-content .name {
	font-size: 14px
}
.collection-main .guide-content .guide-img {
	width: 60px;
	height: 60px;
	border-radius: 30px
}
.collection-main .guide-content .guide-img-container {
	width: 60px;
	height: 60px
}
.collection-main .guide-content .real-guide-badge {
	width: 13px
}
.event-main .item {
	width: 940px;
	height: 300px
}
.event-main .img {
	width: 940px;
	height: auto;
	margin-top: -150px
}
.event-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: left;
	width: 780px
}
.sns-main .item, .sns-main .img {
	width: 220px;
	height: 220px
}
.support-main .item, .support-main .img {
	width: 460px;
	height: 260px
}
.support-main .newsletter {
	width: 424px
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
.content-center {
	width: 702px
}
.hidden-md-down {
	display: none !important
}
.search-main .item-container .hide-item {
	display: none
}
.carousel-inner {
	max-height: 400px
}
.carousel-inner .carousel-content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: center;
	width: 608px
}
.carousel-inner .carousel-content .title {
	font-size: 50px
}
.carousel-inner .carousel-content .sub-title {
	font-size: 18px
}
.carousel-inner .review .title {
	font-size: 36px
}
.carousel-inner .review .sub-title {
	font-size: 16px
}
.carousel-inner .main-img {
	height: 560px
}
.content-main {
	padding: 0 0 45px
}
.item-container .item {
	margin: 5px
}
.theme-main .item {
	width: 692px;
	height: 320px
}
.theme-main .img {
	width: 692px;
	top: -30%;
	position: absolute
}
.theme-main .tablet-sm {
	width: 341px;
	height: 320px
}
.theme-main .tablet-sm .img {
	width: 341px;
	height: 320px
}
.theme-main .content-bottom {
	margin: 0 auto 22px;
	text-align: center
}
.collection-main .item {
	width: 341px;
	height: 320px
}
.collection-main .img {
	width: 430px;
	left: -15%
}
.collection-main .guide-content .city {
	margin-bottom: 10px
}
.collection-main .guide-content .name {
	font-size: 14px
}
.collection-main .guide-content .guide-img {
	width: 60px;
	height: 60px;
	border-radius: 30px
}
.collection-main .guide-content .guide-img-container {
	width: 60px;
	height: 60px
}
.collection-main .guide-content .real-guide-badge {
	width: 13px
}
.event-main .item {
	width: 692px;
	height: 300px
}
.event-main .img {
	width: 100%;
	height: auto;
	margin-top: -60px
}
.event-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: left;
	width: 552px
}
.event-main .content-right {
	left: 0;
	right: 0;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: center;
	width: 310px
}
.event-main.event-hotel .img {
	height: auto;
	width: 130%
}
.sns-main .item {
	margin: 5px 4px
}
.sns-main .item, .sns-main .img {
	width: 167px;
	height: 167px
}
.sns-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: center;
	width: 135px
}
.sns-main .text-lg {
	font-size: 14px
}
.sns-main .text-md {
	font-size: 12px
}
.sns-main .icon {
	width: 20px;
	height: 20px;
	margin-bottom: 13px
}
.support-main .item, .support-main .img {
	width: 692px;
	height: 260px
}
.support-main .newsletter {
	width: 652px;
	height: 220px
}
#all-city-list {
	width: 740px;
	margin-left: -370px;
	padding: 75px 5px 50px;
	z-index: 50
}
#all-city-list .continent-container {
	margin: 0 5px
}
}
@media screen and (max-width: 1023px) {
 .item-container .item .dark-cover.event-img-cover {	opacity: .3}
 .item-container .item:hover .dark-cover.event-img-cover {	opacity: .45}
}

@media screen and (max-width: 767px) {
main section {min-height: 250px} /*---from 250--------------------- */
.hidden-md-down {display: none !important}
.content-center {margin: 0 10px}
.carousel-inner {	height: 250px} /*---from 250--------------------- */
.carousel-inner .carousel-content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 15;
	color: white;
	text-align: left;
	width: auto;
	margin: 0 15px
}
.carousel-inner .carousel-content .title {
	font-size: 30px
}
.carousel-inner .carousel-content .sub-title {
	font-size: 16px
}
.carousel-inner .item {
	width: 100%;
	height: 250px !important; /*---from 250--------------------- */
	margin: 0 auto
}
.carousel-inner .main-img {
	height: 400px !important; /*---from 250--------------------- */
	width: 100%;
	position: absolute
}
.search-main {
	display: none
}
.content-main {
	padding: 20px 0 0
}
.item-container .item {
	margin: 0
}
.theme-main .item {
	width: 100%;
	height: 195px;
	margin-bottom: 5px
}
.theme-main .item:nth-child(4) {
	margin-bottom: 2px
}
.theme-main .img {
	width: 100%;
	position: absolute;
	top: -50%
}
.theme-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 15;
	color: white;
	text-align: center;
	width: auto;
	width: auto
}
.theme-main .content .title {
	font-size: 22px
}
.theme-main .content .sub-title {
	font-size: 14px;
	margin-top: 5px
}
.theme-main .freetour-item .content .new_icon {
	margin-bottom: 10px
}
.theme-main .freetour-item .content .sub-title {
	margin-top: 1px
}
.theme-main .content-bottom {
	bottom: 0;
	font-size: 14px;
	margin-bottom: 10px;
	width: 100% !important;
	font-size: 12px
}
.city-main .item {
	height: 142px;
	width: 50%;
	position: relative;
	overflow: hidden;
	padding: 3px
}
.city-main .image-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.city-main .img {
	height: 142px
}
.city-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 15;
	color: white;
	text-align: center;
	width: auto
}
.city-main .content .title {
	font-size: 20px;
	font-weight: 500
}
.city-main .btn-all-country {
	border: 1px solid #bdbdbd;
	font-size: 14px;
	color: #757575;
	height: 50px;
	line-height: 50px;
	margin: 3px 10px 20px;
	text-align: center
}
.city-main .dark-cover {
	margin: 3px 3px
}
.city-main .content-center {
	margin: 0 7px
}
.collection-main .item {
	width: 100%;
	height: 290px;
	margin-bottom: 10px;
	left: auto;
	position: relative
}
.collection-main .img {
	width: 100%
}
.collection-main .squre-img {
	width: 100%
}
.collection-main .offer-img {
	width: 100%;
	height: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	min-height: 100%
}
.collection-main .content {
	min-width: 220px;
	max-width: none;
	margin: 0 auto
}
.collection-main .offer-content .title {
	font-size: 22px
}
.collection-main .offer-content .sub-title {
	font-size: 14px
}
.collection-main .guide-content .content {
	max-width: 700px
}
.collection-main .guide-content .city {
	font-size: 14px;
	margin-bottom: 12px
}
.collection-main .guide-content .name {
	font-size: 14px
}
.collection-main .guide-content .title {
	font-size: 14px
}
.collection-main .guide-content .guide-img {
	width: 60px;
	height: 60px;
	border-radius: 30px
}
.collection-main .guide-content .guide-img-container {
	width: 60px;
	height: 60px
}
.collection-main .guide-content .real-guide-badge {
	width: 13px
}
.collection-main .guide-content .description {
	max-width: 700px;
	margin: 0 40px 17px
}
.collection-main .city-content .description {
	font-size: 14px
}
.event-main .item {
	width: 100%;
	height: 200px;
	margin-bottom: 3px
}
.event-main .img {
	top: 0;
	width: 100%;
	margin-top: -5px
}
.event-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 15;
	color: white;
	text-align: center;
	width: auto;
	max-width: 768px
}
.event-main .content-right {
	left: 0;
	right: 0;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff;
	text-align: center;
	width: 310px
}
.event-main .title .text-lg {
	font-size: 26px
}
.event-main .title .text-md {
	font-size: 16px
}
.event-main .description {
	font-size: 12px;
	margin: 10px 58px 0
}
.event-main.event-hotel .img {
	height: auto;
	width: 130%
}
.event-main.event-hotel .title .text-lg {
	font-size: 22px
}
.event-main.event-hotel .title .text-md {
	font-size: 14px
}
.event-main.event-hotel .btn-wrap {
	display: none
}
.event-main.event-hotel .img-container {
	margin-bottom: 20px
}
.event-main.event-hotel .content-right {
	width: 100%
}
.sns-main .item {
	width: 50%;
	height: 140px;
	overflow: hidden;
	padding: 3px
}
.sns-main .image-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}
.sns-main .img {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	min-height: 100%
}
.sns-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 15;
	color: white;
	text-align: center;
	width: auto;
	margin: 0 12px;
	max-width: 350px
}
.sns-main .text-lg {
	font-size: 14px
}
.sns-main .text-md {
	font-size: 12px
}
.sns-main .icon {
	width: 19px;
	height: 19px;
	margin-bottom: 16px
}
.sns-main .dark-cover, .sns-main .instagram-cover, .sns-main .facebook-cover {
	margin: 0
}
.sns-main .content-center {
	margin: 0 7px
}
.support-main {
	padding-top: 15px
}
.support-main .content-center {
	margin: 0
}
.support-main .item, .support-main .img {
	width: 100%;
	height: 220px
}
.support-main .content {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 15;
	color: white;
	text-align: center;
	width: auto;
	margin: 0 24px;
	max-width: 768px
}
.support-main .title {
	font-size: 20px
}
.support-main .sub-title {
	margin-top: 10px;
	margin-bottom: 20px
}
.support-main .newsletter {
	width: auto;
	height: auto;
	margin: 10px
}
.support-main .input-container {
	width: 100%
}
.mobile-country-list {
	background: #fff;
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 35
}
.mobile-country-list .title {
	background: #fff;
	color: #2196f3;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	margin-bottom: 0;
	padding-left: 20px
}
.mobile-country-list .btn-close {
	display: block;
	position: absolute;
	right: 6px;
	top: 8px;
	z-index: 35
}
.mobile-country-list .list-area {
	bottom: 0;
	left: 0;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	padding: 0 20px 20px;
	position: absolute;
	right: 0;
	top: 48px
}
.mobile-country-list .sub-title {
	border-bottom: 1px solid #e0e0e0;
	color: #bdbdbd;
	font-size: 14px;
	padding: 30px 0 5px
}
.mobile-country-list .list {
	margin-top: 8px
}
.mobile-country-list .country-item {
	margin-bottom: 1px
}
.mobile-country-list .country-link {
	background: #fff;
	color: #424242;
	display: block;
	font-size: 14px;
	height: 26px;
	line-height: 25px;
	margin: 5px 0;
	padding: 0 10px
}
.mobile-country-list .country-link:focus {
	background: #f1f1f6;
	text-decoration: none
}
.mobile-country-list .dark-cover {
	background-color: #000;
	bottom: 0;
	display: none;
	left: 0;
	opacity: .5;
	position: absolute;
	right: 0;
	top: 48px;
	z-index: 1
}
.mobile-country-list .search-box.show-cover .dark-cover {
	display: block
}




}


/*Γί°‘*/
@media screen and (max-width:767px){
.carousel-inner .main-img {width: 150%; left: -25%; top: -85px}
}
@media screen and (max-width:700px){
.carousel-inner .main-img {width: 160%; left: -30%; top: -75px}
}

@media screen and (max-width:600px){
.carousel-inner .main-img {width: 180%; left: -40%; top: -70px}
}

@media screen and (max-width:500px){
.carousel-inner .main-img {width: 200%; left: -50%; top: -65px}
}

@media screen and (max-width:460px){
.carousel-inner .main-img {width: 230%; left: -65%; top: -60px}
}

@media screen and (max-width:400px){
.carousel-inner .main-img {width: 230%; left: -65%; top: -30px}
}