/* Çì´õ */
#toolItem { position:fixed; overflow:unset; top:0; z-index:1000; width:100%; height:auto; }
#toolBarClear { position:fixed; overflow:unset; top:0; z-index:999; height:50px; }
#toolBarHalfClear { position:fixed; width:100%; overflow:unset; top:0; z-index:999; background:#FFF; filter:alpha(opacity=70); opacity: .7; height:50px; }
#toolBarWhite { position:fixed; width:100%; overflow:unset; top:0; z-index:999; background:#FFF; height:50px; }
#toolBarSubmenu { position:fixed; width:50%; overflow:unset; right:0; top:0; z-index:1001; height:50px; }
#toolBarSubmenu > p { text-align:right; margin:10px 7px 0 0; }
#toolBarSubmenu > p > span { float:right; border-radius:3px; border:1px solid #AAA; padding:7px 7px 2px 7px; margin-right:10px; }
#toolBarSubmenu > p > span > svg { fill:#666; width:16px; height:16px; }
#toolBarSubmenu > p > span.roommarkBtnOn > svg { fill:#00d0b0; }
#toolBarSubmenu > p > span > svg.btnUnable { fill:#CCC; }
#toolBarSubmenu > p > span.roommarkBtnOn { boder:1px solid #00d0b0; }
.filterShadow { box-shadow:0px 1px 3px rgba(0,0,0,0.3); }
#toolItem > a { margin:12px 0 0 15px; overflow:unset; display:table; }
#toolItem > a > span { margin:0px 0 0 10px; vertical-align:middle; color:#333; }
#toolItem > a > svg { width:20px; height:20px; vertical-align:middle; }
#toolItem .toolCl00D0B0 { fill:#00D0B0; }
#toolItem .toolCl000 { fill:#000; }
#toolItem .toolCl999 { fill:#999; }
#toolItem .toolClFFF { fill:#FFF; filter:drop-shadow(0px 0px 1px rgba(0,0,0,0.7)); }
#toolItem > select { float:right; margin-right:7px; }
#toolItem > span#headerExchengeBtn { position:absolute; top:10px; right:5%; padding:5px 7px; border:1px solid #CCC; border-radius:5px; display:flex; align-items:center; gap:5px; white-space:nowrap; }
#toolItem > span#headerExchengeBtn > img { height:12px; }
#toolItem > span#headerExchengeBtn > font { font-size:12px; color:#454545; }

/* ¿ø·ë¸ñ·Ï »ó´Ü ÇÊÅÍ */
div#filterBar { position:fixed; top:40px; left:0; display:flex; align-items:center; gap:10px; border:1px solid #CFCFCF; border-radius:25px; padding:8px 15px; margin:25px 5% 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background:#FFF; z-index:3; width:-webkit-fill-available; }
div#filterBar > svg { width:18px; fill:#888; vertical-align:middle; }
div#filterBar > div { display:inline-flex; flex:1; vertical-align:middle; overflow-x:auto; overflow-y:hidden; white-space:nowrap; }
div#filterBar > div > span { font-size:13px; color:#454545; padding:5px 8px; border-radius:5px; background:#F0F0F0; margin:0 3px; }

/* ¿ø·ëÁöµµ */
#mapArea {width:100%;}
.mapAreaBtn { box-shadow:0 0 3px #AAA; }
.mapAreaBtnFilter { position:absolute; top:25px; right:10px; width:35px; height:35px; background:#FFF; border:1px solid #999; border-radius:5px; z-index:2; }
.mapAreaBtnKeyword { position:absolute; top:70px; right:10px; width:35px; height:35px; background:#FFF; border:1px solid #999; border-radius:5px; z-index:2; }
.mapAreaBtn > p { padding:7px; }
.mapAreaBtn > p > svg { fill:#666; width:21px; height:21px; }
#wrapMap #filterBottomBar { bottom:0; position:absolute; display:block; width:100%; height:50px; }
#wrapMap #filterBottomBar > ul { position:relative; width:100%; height:100%; overflow:hidden; background:#00d0b0; z-index:3; }
#wrapMap #filterBottomBar > ul > .filterBottomBarTxt { float:left; position:relative; padding:15px 0 0 15px; }
#wrapMap #filterBottomBar > ul > .filterBottomBarTxt > p { font-size:0; }
#wrapMap #filterBottomBar > ul > .filterBottomBarTxt > p > svg { display:inline-block; width:23px; height:23px; fill:#F2F2F2; vertical-align:middle; }
#wrapMap #filterBottomBar > ul > .filterBottomBarTxt > p > span { color:#F2F2F2; font-size:16px; display:inline-block; vertical-align:middle; margin-left:8px; }
#wrapMap #filterBottomBar > ul > .txtColorFFFFD2 > p { color:#FFFFD2; }
#wrapMap #filterBottomBar > ul > .filterBottomBarBtn { float:right; position:relative; padding:13px 18px 0 2px; }
#wrapMap #filterBottomBar > ul > .filterBottomBarBtn > p > svg { fill:#F2F2F2; fill-rule:evenodd; }
#wrapMap #filterBottomBar > ul > .svgFillFFFFA1 > p > svg { fill:#FFFFA1; }
#wrapMap #filterBottomBarClear { margin-left:15px; border-radius:5px; background:#5D5D5D; font-size:12px; color:#FFF; padding:2px 6px; font-weight:bold; }

#listArea { position:absolute; width:100%; height:100%; background:#FFF; display:none; }
#wrapArea { position:relative; width:100%; height:100%; overflow:hidden; }
#barArea { position:absolute; width:100%; z-index:3; }
#barArea > ul { overflow:hidden; border-bottom:1px solid #DADADA; background:#FFF; font-size:0; }
#barArea > ul > li { display:inline-block; vertical-align:top; }
#infoTabMain > p { text-align:center; padding-left:5%; color:#333; font-size:16px; }
#barArea .infoTab { width:90%; background:#FFF; }
#barArea .infoTab:before { content:""; position:absolute; display:block; width:1px; height:100%; background:#dfdfdf; top:0; right:0;}
.infoTab > p { padding:8px 13px; font-size:16px; letter-spacing:-0.5px; word-spacing:-0.5px; }
.infoTab > p > span { font-weight:bold; }
#infoTabDelft { margin-left:10px; border-radius:5px; background:#666; font-size:12px; color:#FFF; padding:2px 6px; font-weight:normal; text-decoration:underline; }
.barBtn { float:right; position:relative; padding:10px 10px 6px; background:#FFF; }
.barBtn > p > svg { fill:#666; fill-rule:evenodd; }
.whiteBlock { width:100%; height:44px; padding:0; }
#contentArea { position:absolute; width:100%; height:100%; overflow:hidden; overflow-y:auto; z-index:2; background:#FFF; }
.roomlist { width:100%; border-bottom:1px solid #DADADA; padding:13px 0 0 0; font-size:0; text-align:center; height:61px; overflow:hidden; }
.roomlist > div { vertical-align:top; }
.roomlist > div:first-child { display:inline-block; width:70%; text-align:left; }
.roomlist > div:first-child > h2 { font-size:16px; }
.roomlist > div:first-child > p { margin:8px 0 3px; }
.roomlist > div:first-child > p > span { padding:2px 5px; border-radius:3px; font-size:11px; margin-right:3px; }
.roomlist > div:last-child { display:inline-block; width:25%; }
.roomlist > div:last-child > ul { text-align:right; }
.roomlist > div:last-child > ul > li { display:inline-block; margin-right:5px; }
.infoContent { padding:5px; }

.infoWindowPrice {position: absolute; left: 0;bottom:37px; transform:translateX(-50%); overflow: hidden;font-size: 12px; background:#FFF; border:1px solid #CCC; border-radius:15px; padding:2px 8px; filter:alpha(opacity=80); opacity: .8; }
.infoWindowPrice.ad2, .infoWindowPrice.ad1, .infoWindowPrice.ad { display:none; }
.infoValSelect { display:none; }

#selectArea { display:none; width:90%; z-index:3; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 15px; }
#roomSelectArea { }
#roomSelectArea > div#selectRoomImg { border-top-left-radius:5px; border-top-right-radius:5px; }
#roomSelectArea > div#selectRoomDes { height:160px; overflow:hidden; background:#FFF; }
#selectRoomHead { position:relative; margin:10px 0 0 0; }
#selectRoomHead > li { }
#selectRoomHead > li:last-child { margin-top:3px; }
#selectRoomHead > li > p { font-size:13px; font-weight:500; padding:0 3%; }
#selectRoomHead > li > p#infoTitle { font-size:20px; letter-spacing:-0.025em; word-spacing:-0.025em; }
#selectRoomHead > li > p > svg { vertical-align:middle; display:inline-block; width:12px; fill:#DADADA; fill-rule:evenodd; margin:0 -1px; }
#selectRoomHead > li > p > span { vertical-align:bottom; color:#454545; margin-left:5px; font-weight:normal; }
#selectRoomHead > li > span { position:absolute; top:0; right:3%; padding:5px; border-radius:5px; display:flex; gap:10px; align-items:center; }
#selectRoomHead > li > span > font { font-size:12px; text-decoration:underline; }
#selectRoomHead > li > span > svg { height:12px; transform:rotate(180deg); }
#pPrice { display:inline-flex; white-space:nowrap; width:100%; overflow-x:auto; padding:0 3%; margin-top:5px; }
#pPrice > span { display:inline-block; border-radius:5px; font-size:13px; padding:4px 8px; margin:5px 5px 0 0; letter-spacing:-0.05em; word-spacing:-0.05em; }
#pPrice > span.tagRemain { color:#333; border:1px solid #AAA; }
#pPrice > span.tagSoldout { color:#999; border:1px solid #DDD; }
#pIconset { display: flex; align-items: center; gap: 3px; margin-top:10px; overflow:hidden; padding:0 3%; }
#pIconset > span { font-size:13px; margin-right:7px; color:#666; }
#pIconset > span > svg { height:18px; vertical-align:middle; }
#pIconset > span > svg.tagRemain { fill:#454545; }
#pIconset > span > svg.tagSoldout { fill:#999; }
#pIconset > span > span { margin-left:2px; font-size:13px; word-spacing:-2px; vertical-align: middle; }
#pIconset > span > span.tagRemain { color:#454545; font-weight:500; }
#pIconset > span > span.tagSoldout { color:#999; }
#pIconset > span > span.tagEvent { color:#8142DB; }
#pIconset > span.tagVrtour { display:inline-flex; height:17px; font-weight:500; color:#454545; }
#pIconset > span.tagPopular { display:inline-flex; border-bottom:4px solid #B2CCFF; height:12px; font-weight:500; color:#00184B; }
#pIconset > span.tagVideo { display:inline-flex; height:12px; font-weight:500; color:#4B2C00; border-bottom:4px solid #FFE08C; }
#pIconset > span.tagVideo > svg { height:18px; vertical-align: middle; margin-top: 0px; }
#pIconset > span.tagVideo > span { color:#454545; font-weight:500; }
#pIconset > span.tagShowroom { display:inline-flex; height:12px; font-weight:500; color:#4B2C00; border-bottom:4px solid #FFE08C; }
#pIconset > span.tagShowroom > svg { height:18px; vertical-align: middle; margin-top: -1px; }
#pIconset > span.tagShowroom > span { color:#454545; font-weight:500; }

#searchArea { position:absolute; width:100%; height:100%; background:#FFF; display:none; }
#searchAreaTop { font-size:0; border-bottom:1px solid #CCC; height:42px; }
#searchAreaTop > li { position:relative; display:inline-block; vertical-align:top; background:#F2F2F2; }
#filterTab, #keywordTab { width:45%; }
#filterTab > p, #keywordTab > p { font-size:14px; text-align:center; font-weight:bold; padding:12px 0; }
#closeTab { width:10%; }
#closeTab > p { padding:10px 0; text-align:center; }
#filterTab:before, .closeTab:before { content:""; position:absolute; display:block; width:1px; height:100%; background:#CCC; top:0; left:0;}
#searchAreaMiddle { overflow-y:auto; }
#searchAreaBtn { border-top:1px solid #CCC; height:58px; background:#00d0b0; display:none; }
#searchAreaBtn > p { font-size:17px; font-weight:bold; text-align:center; letter-spacing:-0.05em; word-spacing:-0.05em; color:#FFF; padding:16px 0 0 0; }

.searchPanel { display:none; }
#keywordContent > div { display:block; font-size:0; padding:10px 0; border-bottom:1px solid #CCC; }
#keywordContent > div > p { text-align:center; }
#keywordContent > div > p > span { display:inline-block; vertical-align:middle; }
#keywordContent > div > p > span:first-child { width:90%; }
#keywordContent > div > p > span:last-child { width:10%; text-align:center; }
#keywordContent > div > p > span:last-child > svg { fill:#666; }
#keywordContent > div > p > span:first-child > input { width:97%; outline:none; font-size:20px; color:#333; letter-spacing:-0.05em; word-spacing:-0.05em; border:0; padding:0 0 0 3%; }
.ui-autocomplete { width:100%; overflow-x:hidden; overflow-y:auto; }
.ui-menu-item { font-size:20px; }

#filterContent { background:#F2F2F2; }
.filterSection { display:block; margin-bottom:10px; background:#FFF; padding:15px 0; }
.fTitle { font-size:14px; color:#333; font-weight:bold; padding:0 0 0 15px; margin-bottom:7px; }
#filterContent > .selectType1 { width:100%; background:#FFF; overflow:hidden; }
#filterContent > .selectType1 > ul { overflow:hidden; font-size:0; }
#filterContent > .selectType1 > ul > li { position:relative; display:inline-block; width:50%; padding:10px 0; font-size:14px; color:#454545; }
#filterContent > .selectType1 > ul > li:before { content:""; position:absolute; display:block; width:1px; height:42px; background:#dfdfdf; top:0; right:0;}
#filterContent > #rPrice > ul > li { width:100%; }
#filterContent > #rPrice > ul > li > p { font-size:14px; text-align:center; margin:15px 0; color:#333; }
#filterContent > #rPrice > ul > li > p > strong { font-size:16px; }
#filterContent > #rPrice > ul > li > #rPriceSlider { width:85%; margin:10px auto 25px; }
.checkboxradio { width:20px; height:20px; vertical-align:middle; margin:0 10px 0 9%; outline:none; }
label { vertical-align:middle; letter-spacing:-0.05em; word-spacing:-0.05em; }