@charset "utf-8";
/* SUB_HOTELLIST_CSS Document */

.no-js{
	display:none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------LAYOUT*/


#site_wrap{
	width:100%;
	height:auto;
}

/* Main_Top Layout -------------------------------------------------------------------------------------------------------------------------------*/

.top1 {
	position:relative;
	top:0;
	width: 100%;
	height: auto;
	min-width:1600px;
}
.head_area{
	position:relative;
	top:27px;
	left:50%;
	margin-left:-600px;
	width: 1200px;
	height: 80px;
}
.fixed1{
	position:fixed;
	top:0;
	z-index:5;
}
.chgheight{
	height:115px;
}
#fixsb{
	width: 100%;
	background-color:#4d3288;
	z-index:5;
}
.searchbox_area{
	position:relative;
	top:0;
	left:50%;
	margin-left:-600px;
	width:1200px;
	height:70px;
}



/* Main_Middle Layout ----------------------------------------------------------------------------------------------------------------------------*/

.middle1{
	position:relative;
	width:100%;
	height:auto;
	min-width:1600px;
}
.sorting_area{
	position:relative;
	left:50%;
	margin-left:-600px;
	width:1200px;
	height:40px;
}
.filter_area{
	position:relative;
	left:50%;
	margin-left:-600px;
	width:300px;
	height:1410px;
	float:left;
}
.incontents_area{
	position:relative;
	left:50%;
	margin-left:-300px;
	width:900px;
	height:auto;
	float:left;
}

/* Main_Bottom Layout ----------------------------------------------------------------------------------------------------------------------------*/

.bottom1 {
	position:relative;
	bottom:0;
	width: 100%;
	height: 340px;
	background-color: #363636;
	float:left;
	min-width:1600px;
}

.contact_area {
	position: absolute;
	top: 0;
	width: 100%;
	height: 170px;
	background-color: #f0f0f0;
}
.footer_area {
	position: absolute;
	top: 170px;
	left:50%;
	margin-left:-600px;
	width: 1200px;
	height: 170px;
	background-color: #fff;
}




/**/
/**/
/**/
/**/
/**/








/* Searchbox_area Layout ----------------------------------------------------------------------------------------------------------------------------*/

.sub_list_widget{
	position:absolute;
	top:50%;
	margin-top:-16.5px; 
	left:45px;
	width:1075px;
	height:33px;
	color:#4c4947;
}


/* Sorting_area Layout ----------------------------------------------------------------------------------------------------------------------------*/


.sub_list_sort{
	position:absolute;
	top:10px;
	right:0;
}


/* Filter_area Layout ----------------------------------------------------------------------------------------------------------------------------*/
.filter_origin{
	position:relative;
	top:0;
	left:0;
}
.sub_list_filter_result{
	width:100%;
	height:156px;
}
.sub_list_filter_title{
	width:240px;
	height:48px;
	border-top:solid 1px #d7d7d7;
}
.sub_list_filter_name{
	width:240px;
	height:81px;
	padding-top:10px;
}
.sub_list_filter_location{
	width:240px;
	height:76px;
	padding-top:10px;
	border-top:dotted 1px #d7d7d7;
}
.sub_list_filter_price{
	width:240px;
	height:180px;
	padding-top:10px;
	border-top:dotted 1px #d7d7d7;
}
.sub_list_filter_grade{
	width:240px;
	height:118px;
	padding-top:10px;
	border-top:dotted 1px #d7d7d7;
}
.sub_list_filter_convention{
	width:240px;
	height:293px;
	padding-top:10px;
	border-top:dotted 1px #d7d7d7;
}
.sub_list_filter_banner{
	width:240px;
	height:372px;
	border-top:solid 1px #d7d7d7;
}
.sub_list_filter_nav{
	display:none;
	position:fixed;
	top:80px;
	left:50%;
	margin-left:-600px;
	width:200px;
	height:30px;
	background-color:#f4b225;
	border:0;
	border-radius:5px;
	color:#fff;
	text-align:center;
	line-height:30px;
	cursor:pointer;
	box-shadow:0 3px 3px #d3d3d3;
}
.fitfixed{
	position:fixed;
	top:110px;
	left:50%;
	margin-left:-600px;
	animation: fadein .5s;
    -moz-animation: fadein .5s;
    -webkit-animation: fadein .5s; 
    -o-animation: fadein .5s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}








/**/
/**/
/**/
/**/
/**/





/* Searchbox_area Contents ----------------------------------------------------------------------------------------------------------------------------*/

.search_box p{
	position:absolute;
	left:14px;
	z-index:1;
	font-size:13px;
	line-height:33px;
}
.search_text{
	position:absolute;
	width:223px;
	height:100%;
	border:0;
	border-radius:5px;
	font-size:13px;
	padding-left:35px;
	padding-right:10px;
}
.fixed2{
	position:fixed;
	top:57px;
}
.fixed3{
	position:fixed;
	top:57px;
	left:50.6%;
}
.checkin_date{
	position:absolute;
	top:0;
	left:280px;
	width:224px;
	height:100%;
}
.checkin_date p{
	position:absolute;
	line-height:34px;
	font-size:13px;
	z-index:1;
	margin-left:14px;
}
.form-group{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:190px;
	height:100%;
}
.form-group input{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:190px;
	height:100%;
	font-size:13px;
	line-height:13px;
	border:0;
	border-radius:5px;
	background-color:#fff;
	padding-left:34px;
	color:#4c4947;
	cursor:pointer;
}
.room_type{
	position:absolute;
	top:0;
	left:516px;
	width:146px;
	height:100%;
	padding-left:14px;
}
.room_type p{
	position:absolute;
	line-height:34px;
	font-size:13px;
	z-index:1;
}
.person_no{
	position:absolute;
	top:0;
	left:686px;
	width:90px;
	height:100%;
}
.type_plus{
	position:absolute;
	top:50%;
	margin-top:-10px;
	left:786px;
	width:20px;
	height:20px;
}

.plus_button{
	border:0;	
}

.type_plus #plusbtn{
	position:absolute;
	top:0;
	left:0;
	font-size:21px;
	color:#8d76c1;
	cursor:pointer;
	border:0;
	margin:0;
	padding:0;
}
.type_minus{
	position:absolute;
	top:120%;
	margin-top:10px;
	left:786px;
	width:20px;
	height:20px;
}
.minus_button{
	display:none;
	border:0;
}
.type_minus #minusbtn{
	position:absolute;
	top:0;
	left:0;
	font-size:21px;
	color:#8d76c1;
	cursor:pointer;
	border:0;
	margin:0;
	padding:0;
}
.searchbtn{
	position:absolute;
	top:0;
	right:0;
	width:200px;
	height:33px;
	border-radius:5px;
	background-color:#efefef;
	border:0;
	margin:0;
	cursor:pointer;
	font-size:16px;
	font-weight:500;
	color:#393939;
}
.plus_contents{
	display:none;
	position:absolute;
	top:45px;
	left:516px;
	width:260px;
	height:34px;
}
.room_type2{
	position:absolute;
	top:0;
	left:0;
	width:146px;
	height:34px;
	padding-left:14px;
}
.room_type2 p{
	position:absolute;
	line-height:34px;
	font-size:13px;
	z-index:1;
}
.person_no2{
	position:absolute;
	top:0px;
	left:170px;
	width:90px;
	height:34px;
}



/* Sorting_area Contents ----------------------------------------------------------------------------------------------------------------------------*/

.sorting_text {
	font-size:14px;
	color:#444444;
	font-weight:500;
}
#sortprice,#sortname,#sortgrade{
	cursor:pointer;
}



/* Filter_area Contents ----------------------------------------------------------------------------------------------------------------------------*/

.sub_list_filter_result p{
	font-size:15px;
	color:#444444;
	margin-bottom:5px;
}
.sub_list_filter_result img{
	cursor:pointer;
}
.sub_list_filter_title p{
	font-size:15px;
	color:#333333;
	line-height:48px;
	font-weight:500;
}
.sub_list_filter_name,.sub_list_filter_location,.sub_list_filter_price,.sub_list_filter_location,.sub_list_filter_grade,.sub_list_filter_location,.sub_list_filter_convention p{	
	font-size:14px;
	color:#546e7a;
}
.ft_inputbox{
	position:relative;
	top:10px;
	left:1px;
	width:218px;
	height:28px;
	border: solid 1px #d7d7d7;
	border-radius:3px;
	margin:0;
	padding:0;
}
.ft_inputbox input{
	position:absolute;
	top:0;
	width:180px;
	height:100%;
	background-color:#fff;
	border-radius:3px;
	border:0;
	margin:0;
	float:left;
	padding-left:10px;
	padding-right:28px;
	color:#333333;
}
.ft_inputbox input[type=text]::-ms-clear {
  display:none;
}
.ft_inputbox p{
	position:absolute;
	top:0;
	right:8px;
	z-index:2;
	color:#a0a0a0;
	font-size:15px;
	line-height:28px;
}
.ft_inputbox.active{
	border-color:#51378b;
}
.sub_list_filter_banner img{
	position:relative;
	top:6px;
	margin-bottom:12px;
	cursor:pointer;
}



/* Incontents_area Contents ----------------------------------------------------------------------------------------------------------------------------*/

.sub_list_hotellist{
	width:100%;
	height:auto;
}
.hotellist{
	position:relative;
	width:900px;
	height:auto;
}
.hotel{
	position:relative;
	width:100%;
	height:auto;
}
.hotellist_box{
	position:relative;
	width:100%;
	height:176px;
	background-color:#FFF;
	border-top:dotted 1px #d7d7d7;
	color:#444444;
}
.listbox_img{
	position:absolute;
	left:0;
	width:216px;
	height:156.5px;
	padding-top:19.5px;
}
.listbox_title{
	position:absolute;
	left:216px;
	width:454px;
	height:156.5px;
	padding-top:19.5px;
}
.list_name{
	width: 430px;
	height: 30px;
	font-size: 20px;
	letter-spacing: -0.5px;
	cursor: pointer;
}
.list_name p{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:700;
	padding-top: 2px;
}
/* 2018.08.24 kang 호텔등급 변경 시작 */

.list_grade{
	position: relative;
	top: 0;
	display: inline-block;
	width: auto;
	height: 22px;
	margin-top: 2px;
}
.list_grade span{
	position: relative;
	top: 0;
	left: 0;
	line-height: 22px;
	font-size: 13px;
	margin-right: 3px;
}
.hotelgrade{
	position: relative;
	top: 0;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	margin-right: 10px;
}
.list_icon{
	position: relative;
	top: 0;
	display: inline-block;
	width: auto;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	margin-top: 2px;
	font-family: 'NanumSquareRound', sans-serif;
}
/* ico style */

.list_ico01{
	width: auto;
	background-color:#3cb878;
	border:solid 1px #3cb878;
	padding:0px 3px;
	margin-right:2px;
	font-weight: 600;
}
.list_ico02{
	width: auto;
	background-color:#b53735;
	border:solid 1px #b53735;
	padding:0px 3px;
	margin-right:2px;
	font-weight: 600;
}

.list_ico03{
	width: auto;
	background-color:#173390;
	border:solid 1px #173390;
	padding:0px 3px;
	margin-right:2px;
	font-weight: 600;
}

.list_ico04{
	width: auto;
	/*border:solid 1px #4c3188; 2019041811069 kay */
	background-color:#fff;
	color:#444444;
	padding:0px 3px;
	margin-right:2px;
	font-weight: 600;
}


/**/

.list_adrs{
	position:relative;
	left:0;
	width:400px;
	height:22px;
	font-size:13px;
}

.list_adrs p{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* 2018.08.24 kang 호텔등급 변경 끝 */

.list_review{
	position:absolute;
	left:0;
	bottom:14px;
	width:auto;
	height:14px;
	padding:4px 6px;
	border-radius:3px;
	font-size:10.5px;
	color:#09af89;
	float:right;
}
.list_review img{
	float:left;
	margin-right:5px;
}
.list_info{
	position:absolute;
	left:170px;
	bottom:15px;
	width:auto;
	height:22px;
	text-align:center;
}
.list_imgview{
	position:absolute;
	left:260px;
	bottom:15px;
	width:auto;
	height:22px;
	text-align:center;
}
.list_map{
	position:absolute;
	left:355px;
	bottom:15px;
	width:auto;
	height:22px;
	text-align:center;
}
.list_info p,.list_imgview p,.list_map p{
	font-size:13px;
	font-weight:500;
	padding:2px 6px;
	border-radius:3px;
}
.listbox_price{
	position:absolute;
	left:670px;
	width:180px;
	height:135px;
	color:#d11717;
	padding:20px 25px;
	background-color:#f5f5f5;
	cursor:pointer;
}

.listbox_price p{
	position:relative;
	top:0;
	font-size:14px;
	text-align:right;
}
.listbox_price .current_coin{
	font-size:16px;
	font-weight:500;
}

/* 2018.08.24 kang 가격 폰트 수정 시작 */
.listbox_price .pricevalue{
	font-size:22px;
	font-weight:600;
	font-family: Tahoma, Verdana, sans-serif;
	letter-spacing: -0.5px;
}
/* 2018.08.24 kang 가격 폰트 수정 끝 */

.more_price{
	position:absolute;
	top:135px;
	right:25px;
	width:118px;
	color:#444444;
	font-size:8px;
	float:right;
}
.more_price span{
	border-bottom:solid 1px #444444;
	font-size:14px;
	font-weight:500;
	margin-right:5px;
	float:left;
}
.hotelpage{
	margin-top:55px;
	margin-bottom:150px;
	position:relative;
	width:900px;
	height:60px;
}

/* 2018.08.24 kang 페이지 네비 레이아웃 수정 시작 */
.page_navi{
	position:relative;
	left: 50%;
	transform: translate(-50%,0);
	bottom:0px;
	width:auto;
	height:22px;
	font-weight:500;
	color:#444444;
	text-align: center;
}
/* 2018.08.24 kang 페이지 네비 레이아웃 수정 끝 */

.page_navi td{
	width:20px;
	padding:0px 2px 0px 2px;
	text-align:center;
}
.page_navi td img{
	cursor:pointer;
}
.page_navi td span{
	display:block;
	width:20px;
	height:20px;
	float:left;
	border-radius:3px;
	cursor:pointer;
}
.pagenumber.active{
	background-color:#e6e6e6;
}

.no_result{
	position:relative;
	width:100%;
	height:103px;
	text-align:center;
	border-top:solid 1px #d8d8d8;
	border-bottom:solid 1px #d8d8d8;
	font-size:15px;
	margin-bottom:1300px;
	padding-top:70px;
}

/* Backtop_area Contents ----------------------------------------------------------------------------------------------------------------------------*/

.backbtn {
	position: fixed;
	bottom:10px;
	right:10px;
	width:38px;
	height:38px; 
	background-color:#283593;
	text-align:center;
	color:#fff;
	font-size:12px;
	transition: opacity 0.2s ease-out;
    opacity: 0;
	z-index:5;
}
.backbtn.show{
	opacity:1;
}





/**/
/**/
/**/
/**/
/**/









/*------------------------------------------------------------------------------------------------------------------------------------------------------------------ANIMATION*/





/*--------------------------------------------------------------------------- SELECT(domestic) Animation */

.domestic-select{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:253px;
	height:100%;
	border:0;
	border-radius:5px;
	font-size:13px;
	line-height:13px;
	background-color:#fff;
	padding-left:15px;
	transition:all .5s ease;
}
.dmselect-dropdown{
	display:block;
	cursor:pointer;
}
.dmselect-dropdown #dmbtn {
	position:absolute;
	top:20%;
	left:14px;
	transition: all .3s ease-in-out;
	font-size:15px;
}
.dmselect-dropdown span{
	position:relative;
	left:20px;
	line-height:31px;
	font-size:13px;
	color:#454545;
}
.dmdropdown-menu{
	display: none;
	position: absolute;
	top:33px;
	left: 0;
    width: 265px;
	height:240px;
    margin-top: 1px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    z-index: 5;
	padding: 0;
    list-style: none;
	background-color: #fff;
	overflow-y:scroll;
	overflow-x:hidden;
	border:solid 1px #e1e1e1;
}

.dmdropdown-menu li{
	position:absolute;
	width:100%;
	line-height:24px;
	padding-left:34px;
	margin-bottom:5px;
    transition: all .2s ease-in-out;
    cursor: pointer;
	font-size:13px;
}
.dmdropdown-menu li:hover{
	background-color:#e1e1e1;
}




/*--------------------------------------------------------------------------- SELECT(widget) Animation */

.room-select{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:124px;
	height:32px;
	border:0;
	border-radius:5px;
	font-size:13px;
	line-height:13px;
	background-color:#fff;
	padding-left:34px;
	transition:all .5s ease;
}
.rmselect-dropdown{
	display:block;
	height:32px;
	cursor:pointer;
}
.rmselect-dropdown .downbtn {
	display:inline-block;
	position:absolute;
	top:10px;
	right:10px;
	transition: all .3s ease-in-out;
	font-size:10px;
}
.room-select.active .downbtn{
	transform: rotate(-180deg);
}

.rmselect-dropdown span{
	line-height:34px;
	font-size:13px;
	margin-right:62px;
}
.rmdropdown-menu{
	display: none;
	position: absolute;
	top:33px;
	left: 0;
    width: 156px;
	height:140px;
    margin-top: 1px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    z-index: 5;
	padding: 0;
    list-style: none;
	background-color: #fff;
	border:solid 1px #e1e1e1;
}
.rmdropdown-menu li{
	position:absolute;
	width:100%;
	line-height:24px;
	padding-left:34px;
    transition: all .2s ease-in-out;
    cursor: pointer;
	font-size:13px;
}
.rmdropdown-menu li:hover{
	background-color:#e1e1e1;
}

.person-select{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:74px;
	height:32px;
	border:0;
	border-radius:5px;
	font-size:13px;
	line-height:13px;
	background-color:#fff;
	padding-left:14px;
	transition:all .5s ease;
}
.psselect-dropdown{
	display:block;
	height:32px;
	cursor:pointer;
}
.psselect-dropdown .downbtn {
	display:inline-block;
	position:absolute;
	top:10px;
	right:10px;
	transition: all .3s ease-in-out;
	font-size:10px;
}
.person-select.active .downbtn{
	transform: rotate(-180deg);
}

.psselect-dropdown span{
	line-height:34px;
	font-size:13px;
	margin-right:42px;
}
.psdropdown-menu{
	display: none;
	position: absolute;
	top:33px;
	left: 0;
    width: 86px;
	height:265px;
    margin-top: 1px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    z-index: 5;
	padding: 0;
    list-style: none;
	background-color: #fff;
	border:solid 1px #e1e1e1;
}
.psdropdown-menu li{
	position:absolute;
	width:100%;
	line-height:24px;
	padding-left:18px;
    transition: all .2s ease-in-out;
    cursor: pointer;
	font-size:13px;
}
.psdropdown-menu li:hover{
	background-color:#e1e1e1;
}

.room-select2{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:124px;
	height:32px;
	border-radius:5px;
	font-size:13px;
	line-height:13px;
	background-color:#fff;
	padding-left:34px;
	transition:all .5s ease;
}
.rmselect-dropdown2{
	display:block;
	height:32px;
	cursor:pointer;
}
.rmselect-dropdown2 .downbtn2 {
	display:inline-block;
	position:absolute;
	top:10px;
	right:10px;
	transition: all .3s ease-in-out;
	font-size:10px;
}
.room-select2.active .downbtn2{
	transform: rotate(-180deg);
}

.rmselect-dropdown2 span{
	line-height:34px;
	font-size:13px;
	margin-right:62px;
}
.rmdropdown-menu2{
	display: none;
	position: absolute;
	top:33px;
	left: 0;
    width: 156px;
	height:140px;
    margin-top: 1px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    z-index: 5;
	padding: 0;
    list-style: none;
	background-color: #fff;
	border:solid 1px #e1e1e1;
}
.rmdropdown-menu2 li{
	position:absolute;
	width:100%;
	line-height:24px;
	padding-left:34px;
    transition: all .2s ease-in-out;
    cursor: pointer;
	font-size:13px;
}
.rmdropdown-menu2 li:hover{
	background-color:#e1e1e1;
}

.person-select2{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:74px;
	height:32px;
	border-radius:5px;
	font-size:13px;
	line-height:13px;
	background-color:#fff;
	padding-left:14px;
	transition:all .5s ease;
}
.psselect-dropdown2{
	display:block;
	height:32px;
	cursor:pointer;
}
.psselect-dropdown2 .downbtn2 {
	display:inline-block;
	position:absolute;
	top:10px;
	right:10px;
	transition: all .3s ease-in-out;
	font-size:10px;
}
.person-select2.active .downbtn2{
	transform: rotate(-180deg);
}

.psselect-dropdown2 span{
	line-height:34px;
	font-size:13px;
	margin-right:42px;
}
.psdropdown-menu2{
	display: none;
	position: absolute;
	top:33px;
	left: 0;
    width: 86px;
	height:265px;
    margin-top: 1px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    z-index: 5;
	padding: 0;
    list-style: none;
	background-color: #fff;
	border:solid 1px #e1e1e1;
}
.psdropdown-menu2 li{
	position:absolute;
	width:100%;
	line-height:24px;
	padding-left:18px;
    transition: all .2s ease-in-out;
    cursor: pointer;
	font-size:13px;
}
.psdropdown-menu2 li:hover{
	background-color:#e1e1e1;
}



/*--------------------------------------------------------------------------- Sorting active Animation */


.sortcriteria{
	color:#454545;
}
.sortcriteria.active{
	color:#4c3188;
	font-weight:700;
}
/* 2018.08.24 kang 정렬 기준 애니메이션 추가 시작 */
.downbtn5 {
	display:inline-block;
	position:absolute;
	top:2px;
	font-size:12px;
}
#sortprice.active .downbtn5{
	transform: rotate(-180deg);
	top: 4px;
}
#sortname.active .downbtn5{
	transform: rotate(-180deg);
	top: 4px;
}
#sortgrade.active .downbtn5{
	transform: rotate(-180deg);
	top: 4px;
}
/* 2018.08.24 kang 정렬 기준 애니메이션 추가 끝 */

/*--------------------------------------------------------------------------- SELECT(location filter) Animation */


.location-select{
	display:inline-block;
	transition:all .5s ease;
}
.lmselect-dropdown{
	display:block;
	width:100%;
	height:28px;
	background-color:#FFF;
	border:0;
	border-radius:3px;
	cursor:pointer;
}
.lmselect-dropdown p{
	display:block;
	left:10px;
	height:28px;
	cursor:pointer;
	font-size:14px;
	color:#444444;
}
.lmselect-dropdown .downbtn3{
	display:inline-block;
	position:absolute;
	top:5px;
	right:8px;
	transition:all .3s ease-in-out;
	color:#a0a0a0;
}
.loaction-select.active .downbtn3{
	transform:rotate(-180deg);
}
.lmdropdown-menu{
	display:none;
	position:absolute;
	top:28px;
	left:0;
	width:216px;
	height:auto;
	margin-top:1px;
	border-radius:0 0 5px 5px;
	z-index:3;
	padding:0;
	background-color:#fcfcfc;
	color:#444444;
	border:solid 1px #e1e1e1;
}
.lmdropdown-menu li{
	display:block;
	position:relative;
	width:208px;
	height:24px;
	padding-left:10px;
	float:left;
	line-height:24px;
	transition: all .2s ease-in-out;
	cursor:pointer;
	font-size:13px;
}
.lmdropdown-menu li:hover{
	background-color:#e1e1e1;
}




/*--------------------------------------------------------------------------- CHECKBOX(price,grade,convention) Animation */


.price_check{
	position:relative;
	top:8px;
	font-size:14px;
	color:#444444;
}
.price_check li{
	position:relative;
	left:1px;
	width:100%;
	height:28px;
	float:left;
}
.grade_check{
	position:relative;
	top:8px;
	font-size:14px;
	color:#444444;
}
/* 2018.08.24 kang 호텔 등급 레이아웃 변경 시작 */
.grade_check li{
	display: inline-block;
	position:relative;
	width:50%;
	height:28px; 
	float:left;
}
/* 2018.08.24 kang 호텔 등급 레이아웃 변경 끝 */
.convention_check{
	position:relative;
	top:8px;
	font-size:14px;
	color:#444444;
}
.convention_check li{
	position:relative;
	left:1px;
	width:100%;
	height:25px;
	float:left;
}
input[type=checkbox] { display:none; }
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  cursor:pointer;
}

input[type=checkbox] + label:before { content: "\f096"; font-size:15px; } 
input[type=checkbox] + label:before { letter-spacing: 10px; } 

input[type=checkbox]:checked + label:before { content: "\f046"; } 
input[type=checkbox]:checked + label:before { letter-spacing: 10px; } 





/*--------------------------------------------------------------------------- HOTELLIST(tab active) Animation */




.list_review,.list_info,.list_imgview,.list_map{
	display:block;
	cursor:pointer;
}
.list_review.active{
	background-color:#09af89;
	color:#fff;
}
.list_info.active p{
	background-color:#4c3188;
	color:#fff;
}
.list_imgview.active p{
	background-color:#4c3188;
	color:#fff;
}
.list_map.active p{
	background-color:#4c3188;
	color:#fff;
}
.listbox_price.active{
	background-color:#4d3288;
}
.listbox_price.active .more_price span{
	border-bottom:solid 1px #fff;
}
.listbox_price.active p{
	color:#fff;
}
.downbtn4 {
	display:inline-block;
	position:absolute;
	top:2px;
	font-size:12px;
}
.listbox_price.active .downbtn4{
	transform: rotate(-180deg);
	color:#fff;
}

/* 2018.08.24 kang 호텔정보,이미지보기,지도보기 탭 밑줄 추가 시작 */

.list_info p:hover{
	text-decoration: underline;
}
.list_imgview p:hover{
	text-decoration: underline;
}
.list_map p:hover{
	text-decoration: underline;
}

/* 2018.08.24 kang 호텔정보,이미지보기,지도보기 탭 밑줄 추가 끝 */




/*--------------------------------------------------------------------------- HOTELLIST(VIEW_LAYOUT) Animation */

.view_review,.view_info,.view_image,.view_map{
	display:none;
	position:relative;
	width:900px;
	height:auto;
}
.view_price{
	display:none;
	position:relative;
	width:900px;
	height:auto;
}
.review_inner{
	width:900px;
	height:424px;
	overflow:auto;
}
.info_inner{
	width:880px;
	height:374px;
	overflow:auto;
	padding:35px 10px 15px 10px;
}
.about_hotel,.about_room{
	width:867px;
	height:auto;
	margin-bottom:40px;
	border-top:solid 1px #8d80aa;
	color:#444444;
}
.outline_title{
	position:relative;
	top:-10px;
	width:100px;
	height:30px;
	font-size:14px;
	color:#4c3188;
	font-weight:700;
	background-color:#fff;
}
.outline{
	top:25px;
	width:867px;
	height:auto;
}
/* 2018.08.24 kang 호텔 정보 탭 내 타이틀 폰트 굵기 수정 시작 */
.outline p{
	font-weight: 600;
}
/* 2018.08.24 kang 호텔 정보 탭 내 타이틀 폰트 굵기 수정 끝 */
.outline_cont{
	position:relative;
	top:-20px;
	left:100px;
	width:760px;
	height:auto;
}
.cont_wrap1{
	display:inline-block;
	width:100%;
	height:auto;
}
.cont_wrap1 li{
	display:block;
	position:relative;
	float:left;
	width:50%;
	height:auto;
}
.cont_wrap2{
	display:inline-block;
	width:100%;
	height:auto;
}
.cont_wrap2 li{
	display:block;
	position:relative;
	float:left;
	width:100%;
	height:auto;
}

.image_inner{
	width:890px;
	height:374px;
	overflow:auto;
	margin:0;
	padding: 25px 0px 25px 10px;
}
.gallery_container{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.main_gallery{
	position:relative;
	top:0;
	left:0;
	width:446px;
	height:374px;
	margin-right:40px;
	float:left;
	background-color:#363;
}

.main_gallery img{
	width:100%;
	height:100%;
}

.thumbs_gallery{
	width:404px;
	height:374px;
	float:left;
	margin:0;
	padding:0;
	overflow:auto;
}

.thumbs_box{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
/* 2018.08.24 kang 갤러리 배경색 수정 시작 */
.thumbs_box li{
	display:block;
	position:relative;
	top:-7px;
	left:-7px;
	width:120px;
	height:120px;
	margin:7px 0px 0px 7px;
	float:left;
	background-color:#bfbfbf;
	cursor:pointer;
}
/* 2018.08.24 kang 갤러리 배경색 수정 끝 */
.thumbs_box li img{
	width:100%;
	height:100%;
}
.gallery_thumbs.active img{
	position:relative;
	top:5px;
	left:5px;
	width:110px;
	height:110px;
}
.map_inner{
	width:900px;
	height:424px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.price_inner{
	width:900px;
	height:auto;
}
.price_table{
	position:relative;
	top:0;
	width:900px;
	height:auto;
	color:#444444;
	font-size:14px;
	text-align:center;
}
.tbTitle{
	display:block;
	height:33px;
	font-weight:400;
	line-height:33px;
	border-bottom:solid 1px #c6bfd4;
	background-color:#f1eef4;;
}
.tbCont{
	display:block;
	height:auto;
}
.tbControw{
	display:block;
	padding:5px 0px 5px 0px;
	height:39px;
	border-bottom:solid 1px #d7d7d7;
}
/* 2018.08.24 kang line-height 주석 삭제 원복 시작 */
.tbControw p{
	position:relative;
	line-height:40px;
	text-align: center;
}
/* 2018.08.24 kang line-height 주석 삭제 원복 끝 */
.tbControw:hover{
	background-color:#f5f5f5;
}
.tbPrecaurow{
	display:block;
	height:25px;
	padding:5px 0px 5px 0px;
}
.tbPrecaurow p{
	position:relative;
	left:440px;
	font-size:13px;
	font-weight:500;
}
/*****   table style  ******/

.column1{
	width:150px;
}
.column2{
	width:210px;
}
.column3{
	width:180px;
}
.column4{
	width:100px;
}
.column5{
	width:110px;
}
.column6{
	width:150px;
}
.tbCont .column4{
	color:#3f51b5;
}
.tbCont .column5{
	text-align:right;
}
.goreserv{
	width:70px;
	height:30px;
	background-color:#f8393a;
	border:0;
	border-radius:3px;
	color:#fff;
	cursor:pointer;
}
.goreserv:hover{
	background-color:#f74f50;
}
/**/

/* 2018.08.24 kang 토글 닫기 부분 변경 시작*/

.toggle_close p{
	position:relative;
	text-align: right;
	font-size:13px;
	font-weight:bold;
	color:#1c1c1c;
	cursor:pointer;
	margin-bottom:13px;
}


/* 2018.08.24 kang 토글 닫기 부분 변경 끝*/


/*--------------------------------------------------------------------------- HOTELLIST(VIEW_POPUP) Animation */



.Layer1{
	display:none;
	position:absolute;
	width:356px;
	height:116px;
	border:solid 2px #4d3288;
	padding:20px;
	background-color:#f9f9f9;
	text-align:left;
	font-weight:500;
	line-height:150%;
	color:#444444;
	z-index:1;
}
.Layer1 p{
	font-weight:bold;
	font-size:16px;
	padding-bottom:10px;
	border-bottom:solid 1px #4c3188;
}
.Layer1 span{
	position:relative;
	top:5px;
	font-size:13px;
}

.Layer2{
	display:none;
	position:absolute;
	width:756px;
	height:296px;
	border:solid 2px #4d3288;
	padding:20px;
	background-color:#f9f9f9;
	text-align:left;
	font-weight:500;
	line-height:140%;
	color:#444444;
	z-index:1;
}
.Layer2 p{
	font-weight:bold;
	font-size:16px;
	padding-bottom:10px;
}
.rmtype_table{
	width:100%;
	height:269px;
	font-weight:400;
	font-size:13px;
}
.rmtype_table td{
	width:50%;
	border:solid 1px #c5bdd7;
}
.rmtype_table span{
	position:relative;
	font-weight:400;
	font-size:13px;
	letter-spacing:-0.6px;
}
.rmtype_table .po_column1{
	border-left:none;
	padding-right:3px;
}
.rmtype_table .po_column2{
	border-right:none;
	padding-left:8px;
}

.Layer3{
	display:none;
	position:absolute;
	width:360px;
	height:auto;
	border:solid 2px #4d3288;
	padding:20px;
	background-color:#f9f9f9;
	text-align:left;
	font-weight:500;
	line-height:140%;
	color:#444444;
	z-index:1;
}
.Layer3 p{
	position:relative;
	top:0;
	font-weight:bold;
	font-size:16px;
}
.Layer3.openlayer{
	display:block
}
.cctype_table{
	width:360px;
	height:auto;
	font-size:13px;
	text-align:center;
}
.cctype_table td{
	padding:3px;
	border: solid 1px #c5bdd7;
}
.cctype_title{
	height:31px;
	background-color:#f6f4f9;
}
.cctype_table .po_column1_2{
	border-left:none;
}
.cctype_table .po_column2_2{
	border-right:none;
}
.cctype_contlast .po_column1_2{
	border-bottom:0;
}
.cctype_contlast .po_column2_2{
	border-bottom:0;
}
.cctype_notice{
	margin-top:10px;
	width:360px;
	height:160px;
	overflow-x:hidden;
	overflow-y:auto;
}
.cctype_notice span{
	position:relative;
	font-size:13px;
	font-weight:400;
}

.popupclose{
	position:absolute;
	top:15px;
	right:20px;
	font-size:30px;
	color:#4c3188;
	transform:rotate(45deg);
	cursor:pointer;
}

.pop1_button, .pop2_button{
	display:inline-block;
	cursor:pointer;
}
.pop3_button{
	cursor:pointer;
}

.layercursor{
	display:inline-block;
	cursor:pointer;
}











/* 2018.06.11 구글 맵 팝업 관련 스타일시트 추가 */


/*************************************************************************************************************************************** GOOGLE MAP POPUP *********************************************************************************************************************************************/

.pop_googlemap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.map_title{
	position: relative;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-weight: 600;
	font-size: 18px;
	margin-left: 34px;
}
.map_title .title_city{
	color: #4c3188;
}
.map_area{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #454545;
}
.map_area img{
	width: 100%;
	height: 100%;
}

body.wait *, body.wait
{
    cursor: progress !important;
}