@charset "utf-8";

/* --------------------------------------------------------- contents ------------------------------------------------------------------ */
/* Contents Area */
.main-area {
	min-height: 100px;
	background: #eeeeee;
}
.contents-area {background: #fff;}


/* main-list-area */
.main-list-area {position: relative;}
.main-list-area .main-list {
	overflow: hidden;
	padding: 30px 0 0 15px;
	background: #fff;
}
.main-list-area .memo {
	float: left;
	position: relative;
	color: #616161;
	font-size: 13px;
}
.main-list-area .main-photo {
	display: block;
	background: #f2f2f2;
	overflow: hidden;
	position: relative;
	width: 100%;
	border-radius: 8px;
	line-height: 43vw;
	vertical-align: middle;
}
.main-list-area .main-text {padding: 0 2px;}
.main-list-area .main-photo img {
	position: relative;
	width: 100%;
	height: auto;
	vertical-align: middle;
}


/* footer */
.fixed-foot {
	position: fixed; bottom: 0; left: 0; right: 0; z-index: 55;
	box-shadow: 0px 2px 5px #999999;
	transition: all .3s ease-out;
}
.fixed-foot.active {bottom: 0;}
.fixed-foot .nav-tabs4 {padding-bottom: 9px;}
.fixed-foot .nav-tabs4 ul.nav-menu {width: 80%; width: calc(100% - 10px); max-width: none; margin: 0;}
.fixed-foot .nav-tabs4 ul.nav-menu li {background-position: center; border: none;}
.fixed-foot .nav-tabs4 ul.nav-menu li a {text-indent: -9999px; line-height: 0; padding: 31px 0 8px 0;}
.fixed-foot .menu-wrap .side-btn {
	display: block;
	position: absolute; top: 0; right: 0; z-index: 30;
	padding: 2px 10px;
}
.fixed-foot .menu-wrap .side-btn img {height: 50px;}


/* 실시간 검색 > Form */
.product-search-area .check-area button {
	background: none; border: none;
	display: inline-block; vertical-align: middle;
	font-family: "NotoSans"; line-height: 18px; color: #a3a3a3; font-size: 1.28rem; margin:-1px 13px 0px 13px;
}
.product-search-area .check-area button.active {color: #e8202e; font-family: "Notosans"; font-size: 1.28rem; font-family: "NotoSans"; }
.product-search-area .check-area{position: relative; text-align: center;}

.product-search-area .search-area .area {
	display: table; width: 100%;
	background-color: #fff;
}
.product-search-area .search-area .area:first-child {margin-top: 0;}
.product-search-area .search-area .area > * {display: table-cell; vertical-align: middle; text-align: center;}
.product-search-area .search-area .area dl {width: 44%; text-align: center; position: relative;}
.product-search-area .search-area .area dl dt {
	position: relative; top: 0px; z-index: 2;
	font-size: .8rem; font-weight: normal; line-height: 18px; color: #6c6c6c;
	font-family: "NotoSans";, sans-serif;

}
.product-search-area .search-area .area .guide {
	display: inline-block; width:51%; height:30px; background-size:9px; background-position:center;
	position: relative; left:24%;
}
.product-search-area .hotel .date .guide {top:19px; position: relative;left:21%;}
.product-search-area .rent .date .guide{top:19px; position: relative; left:21%;}

.area span.guide{background-image: url("../../images/mw/main/arrow(2)_icon.gif"); background-repeat: no-repeat;}

.product-search-area .search-area .area .change img {width:13px;}
/*.product-search-area .search-area .area .value-text {text-align: center; margin-top: 10px;}*/
.product-search-area .search-area .area .value-text a {
	display: block; color: #181818; text-align: center;
	font-size: 1.25rem; height:33px; line-height:35px; font-family: "Notosans"; letter-spacing: -.2px;
}

.product-search-area .air .area .value-text a {border-bottom:1px solid #d9d9d9;}
.product-search-area .air .count .value-text a {border:none;}
.product-search-area .search-area .area .value-text a.active {/*font-weight: bold;*/ color: #333; border-bottom: 1px solid #d9d9d9;}
.product-search-area .search-area .area .value-text input.full {
	font-size: 16px; line-height: 50px;
	border: none; color: #9c9c9c; padding: 0 30px;
}
.product-search-area .search-area .select .value-text {text-align: left;}
.product-search-area .hotel .select .value-text {border-bottom:1px solid #ccc;}
.product-search-area .hotel .count .value-text {border:none;}

.product-search-area .search-area .area .value-text select.full,
.product-search-area .search-area .area .value-text .date-wrap .datepicker {
	width: 100%;  border-bottom: 1px solid #d9d9d9; height:34px; line-height:30px;
	font-size: 1.3rem; color: #181818; margin: 0; font-family: "Roboto"; text-align: center; padding-left: 10px;
}


/*.product-search-area .air .area .value-text .date-wrap .datepicker{height: 40px; }*/

.main-head .product-search-area .area .value-text .datepicker {text-align: center;}
.product-search-area .search-area .area .value-text .time-area select.full {
	padding-right:30px; padding-left:30%; background-position:75%;
	text-align: center;  background-size:7px; background-image: url("../../images/mw/main/arrow_icon.gif");}

.product-search-area .search-area .area .value-text .date-wrap .datepicker:focus {border: none !important;}
.product-search-area .search-area .area .value-text .date-time-area .time-area select.full {
	width: auto; height: 28px;
	border: none; font-size: 16px; color: #9b9b9b;
}
.product-search-area .search-area .area .value-text .date-wrap img.ui-datepicker-trigger {display: none;}
/*.product-search-area .search-area .area .guide::after {content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 20px; background: #c9c9c9;}*/
.product-search-area .search-area .search {display: block; width: auto; border: none; margin: 20px 20px 40px;}
.product-search-area .search-area .search .btn.red {
	display: block; width: 100%; height: 50px; line-height: 50px;
	font-size: 16px; font-weight: bold; color: #fff;
	background: #f0524c; border-radius: 0; border: none;
	margin: 0; padding: 0;
	box-sizing: border-box;
}
.product-search-area .hotel .area:first-child,
.product-search-area .rent .area:first-child {/*margin-top: 7px;*/}




/* Main Top Banner */
.main-top-slider {width: 100%;  position: relative; }
.main-top-slider ul li a {display: block; border:1px solid #d9d9d9; border-width:1px 0 1px 0;}
.main-top-slider ul li img {/*width: 100%;*/ width:320px; display: block;}



/* Promotion */
.promotion-area {
	margin-bottom: 20px; /*padding-bottom: 30px;*/
	position: relative; min-height: 320px;
	background-color: #ffffff; box-shadow: 0px 3px 6px #c4c4c4;
}
.promotion-area.hotel {/*background: #7ac3e1;*/}
.promotion-area.rent {/*background: #92e7f4;*/}
.promotion-area .swiper-container {overflow: visible;}
.promotion-area .top-area {position: relative;}
.promotion-area .top-area .photo img {display: block; width: 100%; min-height: 100px;}
.promotion-area .top-area .more {
	display: inline-block; padding: 16px;
	position: absolute; top: 0; right: 0; z-index: 2;
	font-size: 12px; color: #333333;
}
.promotion-area .top-area .more::after {
	content: "▶"; display: inline-block; vertical-align: middle; margin-left: 4px;
	font-size: 10px;
}
.promotion-content {
	padding-left: 15px; /*position: relative; top: -10px; z-index: 2;*/
	position: absolute; bottom: 30px; left:0; right: 0;
}
.promotion-content ul li {width: 176px; height: 238px; background: #fff; box-shadow: 0px 3px 6px #c4c4c4;}
.promotion-content .photo,
.promotion-content .photo a {height: 176px;}
.promotion-content .photo a {display: block;}
.promotion-content .photo img.product {width: 100%;}
.promotion-content .info {padding: 10px;}
.promotion-content .info .title {
	font-size: 14px; font-size: 0.875rem; color: #666666;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.promotion-content .info .title .guide-title::after {
	content: "|"; display: inline-block; vertical-align: middle; margin: 0 2px 0 6px;
	font-size: 15px; font-size: 0.937rem; color: #bcbcbc;
}
.promotion-content .info .price-area {margin-top: 4px;}
.promotion-content .info .price {font-size: 17px; font-size: 1.062rem; color: #333333; font-weight: bold;}

.promotion-area2 {margin: 50px 0;}
.promotion-area2 .promotion-content ul li {box-shadow: 0px 0px 10px #c4c4c4;}


/* Not Content */
.item-noContent {text-align: center; padding: 50px 20px;}
.item-noContent .text {font-size: 16px; line-height: 24px;}
/* --------------------------------------------------------- //contents ------------------------------------------------------------------ */

/* ----------------------------------------------- Home Quick Category ----------------------------------------------- */
.HomeQuickCategory {
	position: relative;
	width: 100%;
	background-color: #fff;
	padding: 1.3rem 0 1.4rem;
	margin: 0 auto;
	font-size: .77rem;
	font-weight: 700;
}
.HomeQuickCategory_Wrap {
	max-width: 76.8rem;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0 1rem;
}
.HomeQuickCategory_Wrap .HomeQuickCategory_Item {
	color: inherit;
	text-decoration: none;
	color: #1a1a1a;
	display: inline-block;
	position: relative;
	text-align: center;
	padding-top: 2.1rem;
	min-width: 5rem;
}
.HomeQuickCategory_Wrap .HomeQuickCategory_Item img {
	width: 39px;
	height: 39px;
}
.HomeQuickCategory_Wrap .HomeQuickCategory_Badge {
	position: absolute;
    top: -4px;
    left: 50%;
	display: block;
	font-size: .63rem;
	letter-spacing: -.3px;
	background-color: #fff;
	color: #DE1724;
	border: 1px solid #DE1724;
	border-radius: 10rem;
	padding: 0 .43em 0;
	white-space: nowrap;
    font-family: "Roboto";
    line-height: 1.7;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.HomeQuickCategory_Wrap .HomeQuickCategory_Item p {
	white-space: nowrap;
	padding-bottom: .2rem;
}
.condition ul li {
	position: relative;
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
}
.condition ul li:nth-child(2n) {
	padding-left: 12px;
}
.condition ul li a {
	position: relative;
	display: block;
	height: 40px;
	padding-right: 25px;
	margin-bottom: 10px;
	line-height: 40px;
	border-bottom: 1px solid #eaeaea;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000;
}
.condition ul li img {
	position: absolute;
	right: 12px;
	top: 15px;
	width: 12px;
}


/* ----------------------------------------------- responsive media query ----------------------------------------------- */
/* phone mini (iPhone 4, 5) */
@media screen and (min-width: 320px) and (max-width: 359px)  {
    .main-head {margin-bottom:0px; }
    .main-top-slider ul li img {width:100%;}
    .product-search-area .search-area .area .value-text select.full,
    .product-search-area .search-area .area .value-text .date-wrap .datepicker {height:42px; font-size:1.55rem;}
    .product-search-area .search-area .area .value-text a { line-height: 41px; font-size:1.5rem; letter-spacing:-.5px;
		height: 41px; }
    .title-area title.h3{ line-height: 64px; font-size:1.17rem;height: 40px; border-bottom: 1px solid #d9d9d9;}

    .product-search-area .search-area .area .change img{width: 17px;}
    .product-search-area .air .date .guide{top: 8px;}

    .product-search-area .search-area .area dl dt { font-size:.9rem; top:-23px;}
    .product-search-area .hotel .area:first-child,
    .product-search-area .rent .area:first-child {margin-top: 24px;}
    .product-search-area .search-area .area .change, .product-search-area .search-area .area .guide{background-size: 11px;}
    .product-search-area .search-area .area .value-text-2{border-bottom: 1px solid #d9d9d9;}

    .product-search-area .search-area .area .guide .end{background-position: 8px 8px; vertical-align:middle;}

	.product-search-area .check-area button.active{font-size: 1.5rem;}
    .product-search-area .check-area button{font-size: 1.5rem; margin: 10px 0 7px 0;}
    .product-search-area .check-area button {font-size: 1.45rem; margin:0px 15px -1px 15px; font-weight: 500;}
    .product-search-area .check-area button.active {font-size: 1.43rem;}
    .product-search-area .check-area{position: relative; text-align: center; height: 36px; line-height: 38px;}

}

/* 디바이스 크기 374 이하 적용 (iPhone 6 = 375) */
@media screen and  (min-width: 360px) and (max-width: 415px) {
	.HomeQuickCategory_Wrap {padding: 0 .6rem;}
	.main-head {margin-bottom:5px;}
	.main-top-slider ul li img {width:100%;}
    .product-search-area .search-area .area .value-text select.full,
    .product-search-area .search-area .area .value-text .date-wrap .datepicker {height:65px; background-size:15px; font-size:1.32rem; line-height: 42px;}
	.product-search-area .search-area .area .value-text a{line-height: 41px; height: 41px; font-size: 0.95rem;}
    .title-area title.h3{ line-height: 64px; font-size:1.17rem;}
    .product-search-area .search-area .area .value-text .time-area select.full {padding-left: -25px; text-align: left;}
    .product-search-area .search-area .area dl dt { font-size:.9rem; top:-23px;}
    .product-search-area .hotel .area:first-child,
    .product-search-area .rent .area:first-child {margin-top: 28px;}
    .product-search-area .search-area .area .value-text a{font-size: 0.9rem;}
    .product-search-area .search-area .area .value-text .time-area select.full{background-size: 9px; letter-spacing:-.5px;}
	.product-search-area .search-area .area .guide{background-size: 12px; background-position: 5px 15px;}
    .product-search-area .search-area .area .change img{width: 18px;}
	.HomeQuickCategory_Wrap .HomeQuickCategory_Item {padding-top: 1.4rem;}

	/* 기획전 */
	.plan-list-area .group {height: 118px; background-size: 168px 118px;}
	.plan-list-area .group .text {left: 180px;}
	.plan-list-area .group .text .title p {font-size: 16px; line-height: 24px;}
	.plan-list-area .group .text .memo {font-size: 12px; margin-top: 10px;}
	.product-search-area .search-area .area {margin-top:3px;}



	/* ----------------------------------------------- Main ------------------------------------------------------*/
	/*컨텐츠*/
	#main_area .main-list-area .main-photo {line-height: 44vw;}
	#main_area .j-title {width:175px; height:23px; font-size:.94rem;}
	#main_area .j-info {width:170px; height:16px; font-size:.78rem; line-height: 16px;}
	#main_area .main-price {margin-top:3px; font-size:.89rem;}
	/* ----------------------------------------------- //Main ------------------------------------------------------*/

}

/* iPhone 6 Plus / Font Size */
@media screen and (min-width: 415.1px) {
	.HomeQuickCategory_Wrap {padding: 0 .6rem;}
	.main-head {margin-bottom:6px; }
	.main-top-slider ul li img {width:100%;}
	.product-search-area .search-area .area .value-text select.full,
	.product-search-area .search-area .area .value-text .date-wrap .datepicker {height:47px; background-size:15px; font-size:1.05rem;}
	.product-search-area .search-area .area .value-text a { line-height: 47px; font-size:1rem; letter-spacing:-.5px; height: 46px;}
    .title-area title.h3{ line-height: 64px; font-size:1.17rem;}

    .product-search-area .search-area .area .change img{width: 22px;}
	.HomeQuickCategory_Wrap .HomeQuickCategory_Item {padding-top: 1.4rem;}

    .product-search-area .search-area .area .guide{height:45px; background-size: 15px; background-position: center;}
	.product-search-area .search-area .area .value-text .time-area select.full { background-size: 11px;}
    .product-search-area .search-area .area dl dt { font-size:.9rem; top:-5px;}
	.product-search-area .hotel .area:first-child,
	.product-search-area .rent .area:first-child {margin-top: 28px;}

	/* ----------------------------------------------- Main ------------------------------------------------------*/
	/* 컨텐츠 */
	#main_area .main-list-area .main-photo {height:45vw; line-height:44vw;}
	#main_area .j-title {width:auto; height:28px; font-size:1.13rem;}
	#main_area .j-info {width:194px; height:18px; margin-top:11px; font-size:.88rem; line-height: 18px;}
	#main_area .main-price {font-size:1.1rem;}
	/* ----------------------------------------------- //Main ------------------------------------------------------*/

	@media screen and (min-width: 720px){
		/* ----------------------------------------------- Main ------------------------------------------------------*/
		/* 컨텐츠 */
		#main_area .main-list-area .main-photo {height:31vw; line-height:30vw;}
		#main_area .j-title {width:245px; font-size:1.16rem;}
		#main_area .main-price {margin-top:5px; font-size:1.13rem;}
		#main_area .j-info {width:230px; margin-top:12px; font-size:.94rem;}
		/* ----------------------------------------------- //Main ------------------------------------------------------*/

	}
}
/* ----------------------------------------------- //responsive media query ----------------------------------------------- */