@charset "UTF-8";
/*==============================================================

	SEOUL_STAY
	
==============================================================*/


/* --------------------------------
	sub_hotels
----------------------------------*/

.sub-contents.sub-hotels {}

.sub-hotels {}

.sub-hotels [class*='ico-hotel'] {display: inline-block;margin-top:-2px;margin-right:6px;width: 15px;height: 15px;background-repeat: no-repeat;background-position: center center;vertical-align: middle;
	background-image:url('../images/seoul_stay/ico-hotel-gray@2x.png');background-size:14px 14px;
}
.sub-hotels [class*='ico-khouse'] {display: inline-block;margin-top:-2px;margin-right:6px;width: 17px;height: 11px;background-repeat: no-repeat;background-position: center center;vertical-align: middle;
	background-image:url('../images/seoul_stay/ico-khouse-gray@2x.png');background-size:16px 10px;
}


.sub-hotels	.sub-visual-element .sub-visual-title .small-text-inner {letter-spacing:-.5px;}

.sub-hotels .sort-element .select-btn-element .search-layer { /* z-index:10; */}
.sub-hotels .sort-element .select-btn-element .search-layer .search-layer-inner {height:auto;
	box-shadow: 0 3px 13px 0px rgba(217, 217, 217, .8);
}
.sub-hotels .sort-element .select-btn-element .search-layer .filter-list {padding:8px 25px 25px;margin-left:0;}
.sub-hotels .sort-element .select-btn-element .search-layer .filter-list li {margin-left:0;float:left;width:25%;}
.sub-hotels .sort-element .select-btn-element .search-layer .filter-list li a {margin:0 13px;}


.sub-hotels .sort-element .select-btn-element .search-layer .keyword-select-element {padding-bottom:60px;}

.sub-hotels .sort-element .select-btn-element > a.type span {margin-top:-3px;background-image:url('../images/seoul_stay/ico-type-on.svg');background-size:19px 16px;}
.sub-hotels .sort-element .select-btn-element > a.type:hover span,
.sub-hotels .sort-element .select-btn-element.active > a.type span{background-image:url('../images/seoul_stay/ico-type-off.svg');}

.sub-hotels .select-btn-element .search-layer .type-list {overflow:hidden;padding:25px;}
.sub-hotels .select-btn-element .search-layer .type-list li{float:left;width:50%;}
.sub-hotels .select-btn-element .search-layer .type-list li a {margin:0 13px;display:block;background-color:#fff;text-align:center;line-height:36px;font-size:14px;color:#666;}
.sub-hotels .select-btn-element .search-layer .type-list li a:hover,
.sub-hotels .select-btn-element .search-layer .type-list li.active a{background-color:#555555;color:#fff;}

.sub-hotels .select-btn-element .search-layer .type-list li.type-hotel a:hover i {
	background-image:url('../images/seoul_stay/ico-hotel-white@2x.png');background-size:14px 14px;
}
.sub-hotels .select-btn-element .search-layer .type-list li.type-khouse a:hover i {
	background-image:url('../images/seoul_stay/ico-khouse-white@2x.png');background-size:16px 10px;
}


/* --------------------------------
	sub_hotels_detail
----------------------------------*/
.sub-hotels .detail-button.type2 {width:160px;height:40px;border:0;line-height:39px;
	box-shadow: 0px 1px 9.5px 0.5px rgba(0, 0, 0, 0.1);
}
.sub-hotels .detail-button.type2:HOVER {
	background-color: transparent;
	color:#0066eb;
}

.sub-hotels .detail-map-infor {padding:30px 0;}
/* .sub-hotels .detail-map-infor dl {padding: 10px 0px 10px 210px;} */
.sub-hotels .detail-map-infor dd {font-weight:400;color:#666666;}

.sub-hotels .detail-map-infor.ico-list-area {padding:30px 0 20px;}


.sub-hotels .detail-map-infor .text-list {position:relative;}
.sub-hotels .detail-map-infor .text-list li {}
.sub-hotels .detail-map-infor .text-list li + li {margin-top:2px;}
.sub-hotels .detail-map-infor .text-list li span {display:block;font-size:18px;line-height:23px;}
.sub-hotels .detail-map-infor .text-list li span.bullet-bar {position:relative;padding-left:10px;font-weight:normal;word-break:keep-all;white-space:pre-line;}
.sub-hotels .detail-map-infor .text-list li span.bullet-bar:before {display:inline-block;position:absolute;top:0;left:0;font-size:18px;line-height:1;color:#666666;}

.sub-hotels .detail-map-infor .hotels-intro .table-field {margin-top:20px;}
.sub-hotels .detail-map-infor .hotels-intro table {width:65%;margin-bottom:0;}
.sub-hotels .detail-map-infor .hotels-intro table tr th, 
.sub-hotels .detail-map-infor .hotels-intro table tr td {text-align:center;font-size:15px;}
.sub-hotels .detail-map-infor .hotels-intro thead tr th {background-color:#e6e6e6;}
.sub-hotels .detail-map-infor .hotels-intro table thead tr th {height:30px;border-right:0;}
.sub-hotels .detail-map-infor .hotels-intro table tbody tr td {border-right:0;border-bottom:0;}


.sub-hotels .detail-map-infor .ico-list {position:relative;overflow:hidden;}
.sub-hotels .detail-map-infor .ico-list li {float:left;min-width:25%;font-size:0;margin-bottom:10px;}
.sub-hotels .detail-map-infor .ico-list li > * {display:inline-block;vertical-align: middle;}

.sub-hotels .detail-map-infor .ico-list li span {margin-left:5px;font-size:18px;color:#666;}
.sub-hotels .detail-map-infor .ico-list i {display: inline-block;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center center;vertical-align: middle;}
.sub-hotels .detail-map-infor .ico-list i.ico-option-washer {background-image:url('../images/seoul_stay/ico-option-washer@2x.png');background-size:24px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-option-personal-toilet {background-image:url('../images/seoul_stay/ico-option-personal-toilet@2x.png');background-size:25px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-option-public-toilet {background-image:url('../images/seoul_stay/ico-option-public-toilet@2x.png');background-size:27px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-option-bath {background-image:url('../images/seoul_stay/ico-option-bath@2x.png');background-size:26px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-option-wifi {background-image:url('../images/seoul_stay/ico-option-wifi@2x.png');background-size:32px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-option-tv {background-image:url('../images/seoul_stay/ico-option-tv@2x.png');background-size:35px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-option-air {background-image:url('../images/seoul_stay/ico-option-air@2x.png');background-size:38px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-option-kitchen {background-image:url('../images/seoul_stay/ico-option-kitchen@2x.png');background-size:32px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-option-bbq {background-image:url('../images/seoul_stay/ico-option-bbq@2x.png');background-size:25px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-option-etc {background-image:url('../images/seoul_stay/ico-option-etc@2x.png');background-size:29px 8px;}
.sub-hotels .detail-map-infor .ico-list i.ico-amenity-info {background-image:url('../images/seoul_stay/ico-amenity-info@2x.png');background-size:30px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-amenity-disabled-toilet {background-image:url('../images/seoul_stay/ico-amenity-disabled-toilet@2x.png');background-size:30px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-amenity-disabled-parking {background-image:url('../images/seoul_stay/ico-amenity-disabled-parking@2x.png');background-size:30px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-amenity-wheelchair-room {background-image:url('../images/seoul_stay/ico-amenity-wheelchair-room@2x.png');background-size:29px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-amenity-elevator {background-image:url('../images/seoul_stay/ico-amenity-elevator@2x.png');background-size:33px 30px;}
.sub-hotels .detail-map-infor .ico-list i.ico-amenity-accessibility {background-image:url('../images/seoul_stay/ico-amenity-accessibility@2x.png');background-size:24px 30px;}

/* 800px~ */
@media (max-width: 800px) {
	.sub-hotels .sort-element .select-btn-element .search-layer .filter-list {padding:8px 5px 25px;}
	.sub-hotels .sort-element .select-btn-element .search-layer .filter-list li {width:50%;margin-top:15px;}
	.sub-hotels .sort-element .select-btn-element .search-layer .filter-list li a {margin:0 5px;}

	.sub-hotels .sort-element .select-btn-element .search-layer .search-layer-inner {padding:0 10px;}
	.sub-hotels .sort-element .select-btn-element .search-layer .type-list {padding:25px 5px;}
	.sub-hotels .sort-element .select-btn-element .search-layer .type-list li {}
	.sub-hotels .sort-element .select-btn-element .search-layer .type-list li a {margin:0 5px;}
	.sub-hotels .sort-element .select-btn-element .search-layer .keyword-select-element {padding:25px 10px 35px;}
}

/* 768px~ */
@media (max-width: 768px) {
	.sub-hotels .detail-map-infor .hotels-intro table {min-width:100%;}
	.sub-hotels .detail-map-infor .ico-list li {min-width:33.3333%;}

	.wide-slide-element .wide-slide .item{height: calc(50px + 40vw);}
}

/* 480px~ */
@media (max-width: 480px) { 
	.sub-hotels	.sub-visual-element .sub-visual-title .small-text-inner {font-size:18px;}
	.sub-hotels .detail-map-infor .ico-list li {min-width:50%;}
}
/* 400px~ */
@media (max-width: 480px) { 
	.sub-hotels .sort-element .select-btn-element > a {font-size:12px;line-height:30px;padding:0 8px;}
}