/* ?? */ #toolItem { position:fixed; overflow:unset; top:0; z-index:1000; width:100%; height:50px; } #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:#0063F2; } #toolBarSubmenu > p > span > svg.btnUnable { fill:#CCC; } #toolBarSubmenu > p > span.roommarkBtnOn { border:1px solid #0063F2; } .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 .toolCl0063F2 { fill:#0063F2; } #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; } #toolItem > span#headerExchengeBtn > img { height:12px; } #toolItem > span#headerExchengeBtn > font { font-size:12px; color:#454545; } /* ???? ?? ?? */ div#filterBar { display:flex; align-items:center; gap:10px; border:1px solid #CFCFCF; border-radius:25px; padding:8px 15px; margin:13px 5% 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } 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; } /* ?? */ #main_menuset { width:100%; background:#0063F2; } #main_menuset > ul { width:100%; font-size:0; } #main_menuset > ul > li { display:inline-block; width:20%; padding:10px 0; border-bottom:1px solid #cccccc; text-align:center; overflow:hidden; } .tab_bt > p > svg { fill:#FFF; fill-rule:evenodd; } .tab_bt_on > p > svg { fill:#FFF; fill-rule:evenodd; } .tab_bt > h2 { font-size:11px; color:#FFF; letter-spacing:-0.025em; word-spacing:-0.025em; font-weight:bold; } .tab_bt_on > h2 { font-size:11px; color:#FFF; letter-spacing:-0.025em; word-spacing:-0.025em; font-weight:bold; } .contents { display:block; text-align:center; } #contentHead { padding:13px 0; } #contentHead > ul { font-size:0; } #contentHead > ul > li { display:inline-block; width:30.2%; background:#FAFAFA; padding:15px 0; } #contentHead > ul > li:nth-child(2) { margin:0 0.7%; } #contentHead > ul > li > h2 { font-size:24px; font-weight:bold; letter-spacing:-0.025em; word-spacing:-0.025em; } #contentHead > ul > li > span { font-size:14px; color:#333; letter-spacing:-0.025em; word-spacing:-0.025em; } #contentEvt { margin:1px 0; } #contentEvt > div { margin:0 auto; width:92%; overflow: hidden; } #contentEvt img { width:100%; } #contentCategory { margin-top:5px; } .categoryBgFill { background:#FAFAFA; } .impact { background:#FBEBFF; } #contentCategory > p { color:#666; margin:0 4% 8px; text-decoration:underline; text-align:left; font-weight:bold; font-size:13px; letter-spacing:-0.025em; word-spacing:-0.025em; } #contentCategory > p > span { float:right; } #contentCategory > p > span > svg { height:13px; fill:#454545; fill-rule:evenodd; vertical-align:middle; margin-right:2px; } #contentCategory > p > span > span { vertical-align:middle; color:#454545; } #contentCategory > ul { font-size:0; margin-top:3px; } #contentCategory > ul > li { vertical-align:top; display:inline-block; width:30.2%; height:89px; } #contentCategory > ul > li:nth-child(2) { margin:0 0.7%; } #contentCategory > ul > li > p > svg { fill:#787878; fill-rule:evenodd; } #contentCategory p:nth-of-type(2) { background:#FFF; } #contentCategory > ul > li > p { margin-bottom:5px; } #contentCategory h2 { font-size:13px; color:#333; letter-spacing:-0.05em; word-spacing:-0.05em; } #contentCategory > ul > li > div { width:100%; height:43px; overflow:hidden; } #contentCategory > ul > li > div:nth-child(2) { margin-top:3px; } #contentCategory > ul > li > div > h2 { margin-top:15px; } #contentCategory > ul > li > div > h2 > svg { height:15px; vertical-align:middle; margin-right:2px; fill:#787878; fill-rule:evenodd; } #contentCategory > ul > li > div > h2 > span { vertical-align:middle; } #contentBoard { margin-top:20px; } #contentBoard > p { color:#666; margin:0 0 7px 4%; text-decoration:underline; text-align:left; font-weight:bold; font-size:13px; letter-spacing:-0.025em; word-spacing:-0.025em; } #contentBoard > ul { margin:0 auto; width:92%; overflow:hidden; background:#FAFAFA; } #contentBoard > ul > li { width:100%; padding:10px 0; text-align:left; border-bottom:1px solid #dfdfdf; } #contentBoard > ul > li > p { padding:0 0 0 15px; } #contentBoard > ul > li > p > span:nth-child(1) { background:#454545; color:#fff; font-weight:bold; padding:2px 7px; border-radius:3px; font-size:12px; vertical-align:middle; } #contentBoard > ul > li > p > span:nth-child(2) { color:#454545; margin-left:5px; vertical-align:middle; font-size:15px; letter-spacing:-0.025em; word-spacing:-0.025em; } #contentBoard > ul > li > p > img { float:right; margin:3px 15px 0 0; vertical-align:middle; width:13px; } #contentSupport { margin:20px 0; } #contentSupport > p { color:#666; margin:0 0 7px 4%; text-decoration:underline; text-align:left; font-weight:bold; font-size:13px; letter-spacing:-0.025em; word-spacing:-0.025em; } #contentSupport > ul > li { vertical-align:top; display:inline-block; width:45.7%; } #contentSupport > ul > li:nth-child(1) { margin:0 0.6% 0 0; } #contentSupport h2 { font-size:13px; color:#333; letter-spacing:-0.05em; word-spacing:-0.05em; } #contentSupport > ul > li > div { width:100%; height:43px; overflow:hidden; } #contentSupport > ul > li > div > h2 { margin-top:14px; } #contentSupport > ul > li > div > h2 > svg { height:18px; vertical-align:middle; margin-right:2px; fill:#787878; fill-rule:evenodd; } #contentSupport > ul > li > div > h2 > span { vertical-align:middle; } /* ?? ?? */ #roomListSection { margin:55px 0; } #roomList2Section { margin:0 0 55px 0; } #roomListSection > div.sectionNoList { padding:50px 0; } #roomListSection > div.sectionNoList > p { text-align: center; } div.sectionPremium { display:block; overflow:hidden; padding:15px 0 35px; } div.sectionPremium > div.pImgset { position:relative; width:88%; margin:0 auto; } div.sectionPremium > div.pImgset > div.pImg { position:relative; background-size:cover; border-radius:7px; background-position:center; } div.sectionPremium > div.pImgset > div.pImg > div.roomTag { position:absolute; top:0; left:0; width:60px; height:60px; background-size: cover; background-repeat: no-repeat; } div.sectionPremium > div.pImgset > div.pRname { position:relative; margin-top:15px; overflow:hidden; } div.sectionPremium > div.pImgset > div.pRname > h4 { font-size:20px; letter-spacing:-1px; color:#333333; text-overflow:ellipsis; white-space:nowrap; font-weight:normal; } div.sectionPremium > div.pImgset > div.pPrice { margin-top:5px; font-size:0; display:inline-flex; white-space:nowrap; width:100%; overflow-x:auto; } div.sectionPremium > div.pImgset > div.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; } div.sectionPremium > div.pImgset > div.pPrice > span.tagRoomType { color:#333; border:1px solid #AAA; } div.sectionPremium > div.pImgset > div.pPrice > span.tagContractType { color:#333; border:1px solid #AAA; } div.sectionPremium > div.pImgset > div.pPrice > span.tagRemain { color:#333; border:1px solid #AAA; } div.sectionPremium > div.pImgset > div.pPrice > span.tagSoldout { color:#999; border:1px solid #DDD; } div.sectionPremium > div.pImgset > div.pPrice > span.tagEvent { color:#999; border:1px solid #DDD; } div.sectionPremium > div.pImgset > div.pIconset { margin-top:10px; overflow:hidden; font-size:13px; word-spacing:-2px; line-height:180%; } div.sectionPremium > div.pImgset > div.pIconset > span { margin-right:7px; color:#666; vertical-align: bottom; } div.sectionPremium > div.pImgset > div.pIconset > span.tagWaiting { color:#454545; margin-top:2px; } div.sectionPremium > div.pImgset > div.pIconset > span.tagVideo { display:inline-flex; border-bottom:4px solid #FFE08C; height:15px; font-weight:500; color:#4B2C00; margin-top:-2px; vertical-align: middle; gap: 3px; margin-right: 10px; } div.sectionPremium > div.pImgset > div.pIconset > span.tagShowroom { display:inline-flex; border-bottom:4px solid #FFE08C; height:15px; font-weight:500; color:#4B2C00; margin-top:-2px; vertical-align: middle; gap: 3px; margin-right: 10px; } div.sectionPremium > div.pImgset > div.pIconset > span.tagVrtour { display:inline-flex; border-bottom:4px solid #FFF; height:15px; font-weight:500; color:#454545; margin-top:-2px; vertical-align: middle; } div.sectionPremium > div.pImgset > div.pIconset > span.tagSafeContractSet > svg { height:18px; fill:#0063F2; vertical-align: middle; } div.sectionPremium > div.pImgset > div.pIconset > span.tagSafeContractSet > span { margin-left:3px; vertical-align: middle; } div.sectionPremium > div.pImgset > div.pIconset > span.tagCouponSet > svg { height:18px; fill:#f200be; vertical-align: middle; } div.sectionPremium > div.pImgset > div.pIconset > span.tagCouponSet > span { margin-left:3px; vertical-align: middle; } div.sectionPremium > div.pImgset > div.pIconset > span.tagRemainSet > svg { height:18px; vertical-align: middle; } div.sectionPremium > div.pImgset > div.pIconset > span.tagRemainSet > svg.tagRemain { fill:#454545; } div.sectionPremium > div.pImgset > div.pIconset > span.tagRemainSet > svg.tagSoldout { fill:#999; } div.sectionPremium > div.pImgset > div.pIconset > span.tagRemainSet > span { margin-left:1px; vertical-align: middle; } div.sectionPremium > div.pImgset > div.pIconset > span.tagVideo > svg { height:18px; vertical-align: middle; margin-top: 2px; } div.sectionPremium > div.pImgset > div.pIconset > span.tagVideo > span { color:#454545; font-weight:500; } div.sectionPremium > div.pImgset > div.pIconset > span.tagShowroom > svg { height:18px; vertical-align: middle; margin-top: 1px; } div.sectionPremium > div.pImgset > div.pIconset > span.tagShowroom > span { color:#454545; font-weight:500; } div.sectionPremium > div.pImgset > div.pIconset > span > span.tagRemain { color:#454545; font-weight:500; } div.sectionPremium > div.pImgset > div.pIconset > span > span.tagSoldout { color:#999; } div.sectionPremium > div.pImgset > div.pIconset > span > span.tagEvent { color:#8142DB; } div.sectionPremium > div.pImgset > div.pIconset > p > span.tagPopular { display:inline-flex; border-bottom:4px solid #B2CCFF; height:15px; font-weight:500; color:#00184B; } div.sectionPremium > div.pImgset > div.pIconset > p > span.tagFocus { display:inline-flex; border-bottom:4px solid #ffb2b2; height:15px; font-weight:500; color:#4b0000; } div.sectionEtc { display:block; overflow:hidden; padding:15px 0 35px; font-size:0; text-align:center; } div.sectionEtc > div { display:inline-block; vertical-align:top; } div.sectionEtc > div.pImgset { position:relative; width:35%; } div.sectionEtc > div.pImgset > div.pImg { background-size:cover; border-radius:7px; background-position:center; border:1px solid #DFDFDF; } div.sectionEtc > div.pInfoset { position:relative; width:53%; text-align:left; } div.sectionEtc > div.pInfoset > div.pRname { position:relative; margin-top:5px; overflow:hidden; margin-bottom:20px; } div.sectionEtc > div.pInfoset > div.pRname > h4 { font-size:18px; letter-spacing:-1px; color:#333333; text-overflow:ellipsis; white-space:nowrap; padding:0 0 0 15px; font-weight:normal; } div.sectionEtc > div.pInfoset > div.pPrice { margin-top:5px; font-size:0; padding:0 0 0 15px; } div.sectionEtc > div.pInfoset > div.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; } div.sectionEtc > div.pInfoset > div.pPrice > span.tagRoomType { color:#333; border:1px solid #AAA; } div.sectionEtc > div.pInfoset > div.pPrice > span.tagContractType { color:#008299; border:1px solid #7A9AA0; } div.sectionEtc > div.pInfoset > div.pPrice > span.tagRemain { color:#333; border:1px solid #AAA; } div.sectionEtc > div.pInfoset > div.pPrice > span.tagSoldout { color:#999; border:1px solid #DDD; } div.sectionEtc > div.pInfoset > div.pIconset { margin-top:10px; overflow:hidden; padding:0 0 0 15px; font-size:13px; word-spacing:-2px; line-height:180%; } div.sectionEtc > div.pInfoset > div.pIconset > span { margin-right:7px; color:#666; } div.sectionEtc > div.pInfoset > div.pIconset > span.tagSafeContractSet > svg { height:18px; fill:#0063F2; vertical-align: middle; } div.sectionEtc > div.pInfoset > div.pIconset > span.tagSafeContractSet > span { margin-left:3px; } div.sectionEtc > div.pInfoset > div.pIconset > span.tagRemainSet > svg { height:18px; vertical-align:middle; } div.sectionEtc > div.pInfoset > div.pIconset > span.tagRemainSet > svg.tagRemain { fill:#454545; } div.sectionEtc > div.pInfoset > div.pIconset > span.tagRemainSet > svg.tagSoldout { fill:#999; } div.sectionEtc > div.pInfoset > div.pIconset > span > span.tagRemain { color:#454545; font-weight:500; } div.sectionEtc > div.pInfoset > div.pIconset > span > span.tagSoldout { color:#666; } div.sectionEtc > div.pInfoset > div.pIconset > span > span.tagEvent { color:#8142DB; } div.sectionNondisclosure { display:block; overflow:hidden; padding:15px 0 35px; } div.sectionNondisclosure > div.pImgset { position:relative; width:88%; margin:0 auto; } div.sectionNondisclosure > div.pImgset > div.pImg { background-size:cover; border-radius:7px; background-position:center; border:1px solid #DFDFDF; -webkit-filter: opacity(50%);filter: opacity(50%); } div.sectionNondisclosure > div.pImgset > div.pRname { position:relative; margin-top:15px; overflow:hidden; } div.sectionNondisclosure > div.pImgset > div.pRname > h4 { font-size:20px; letter-spacing:-1px; color:#999; text-overflow:ellipsis; white-space:nowrap; font-weight:normal; } div.sectionNondisclosure > div.pImgset > div.pPrice { margin-top:5px; font-size:0; display:inline-flex; white-space:nowrap; width:100%; overflow-x:auto; } div.sectionNondisclosure > div.pImgset > div.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; } div.sectionNondisclosure > div.pImgset > div.pPrice > span.tagDefault { color:#999; border:1px solid #AAA; } div.sectionNondisclosure > div.pImgset > div.pIconset { margin-top:10px; overflow:hidden; font-size:13px; word-spacing:-2px; } div.sectionNondisclosure > div.pImgset > div.pIconset > span { margin-right:7px; color:#666; } div.sectionNondisclosure > div.pImgset > div.pIconset > span > svg { transform:rotate(225deg); height:18px; vertical-align:middle; } div.sectionNondisclosure > div.pImgset > div.pIconset > span > svg.tagRemain { fill:#454545; } div.sectionNondisclosure > div.pImgset > div.pIconset > span > svg.tagSoldout { fill:#999; } div.sectionNondisclosure > div.pImgset > div.pIconset > span > span.tagRemain { color:#454545; font-weight:bold; } div.sectionNondisclosure > div.pImgset > div.pIconset > span > span.tagSoldout { color:#999; } div.sectionNondisclosure > div.pImgset > div.pIconset > span > span.tagEvent { color:#8142DB; } div.sectionNondisclosure > div.pImgset > div.pIconset > span.tagVrtour { display:inline-flex; border-bottom:4px solid #FFE08C; height:12px; font-weight:bold; color:#4B2C00; } div.sectionNondisclosure > div.pImgset > div.pIconset > span.tagPopular { display:inline-flex; border-bottom:4px solid #B2CCFF; height:12px; font-weight:bold; color:#00184B; } div#addListSection { background:#F2F2F2; padding:10px 0; margin:20px 0 -55px; } div#addListSection > h3 { margin:0 6%; font-weight: 400; font-size: 18px; padding:20px 0; letter-spacing: -0.5px; word-spacing: -0.5px; line-height: 160%; } div#addListSection > h3 > strong { position:relative; font-weight: 500; } div#addListSection > h3 > strong > span { position: absolute; left:0; bottom:2px; border-bottom:4px solid #8fb4ff; opacity: 0.5; width:100%; } div.sectionEvent { display:block; overflow:hidden; padding:15px 0 35px; } div.sectionEvent > div.pImgset { position:relative; width:88%; margin:0 auto; } div.sectionEvent > div.pImgset > img { width:100%; border-radius:7px; } div.sectionEvent > div.pImgset > div.pRname { position:relative; margin-top:15px; overflow:hidden; } div.sectionEvent > div.pImgset > div.pRname > h4 { font-size:20px; letter-spacing:-1px; color:#333333; text-overflow:ellipsis; white-space:nowrap; font-weight:normal; } div.sectionEvent > div.pImgset > div.pIconset { margin-top:10px; overflow:hidden; } div.sectionEvent > div.pImgset > div.pIconset > p { font-size:13px; word-spacing:-2px; } div.sectionEvent > div.pImgset > div.pIconset > p > span { margin-right:7px; color:#666; } #wrap #filterBottomBar { bottom:0; position:fixed; display:block; width:100%; height:50px; background:#0063F2; } #wrap #filterBottomBar > ul > .filterBottomBarTxt { float:left; position:relative; padding:15px 0 0 15px; } #wrap #filterBottomBar > ul > .filterBottomBarTxt > p { color:#F2F2F2; font-size:16px; } #wrap #filterBottomBar > ul > .txtColorFFFFD2 > p { color:#FFFFD2; } #wrap #filterBottomBar > ul > .filterBottomBarBtn { float:right; position:relative; padding:13px 18px 0 2px; } #wrap #filterBottomBar > ul > .filterBottomBarBtn > p > svg { fill:#F2F2F2; fill-rule:evenodd; } #wrap #filterBottomBar > ul > .svgFillFFFFA1 > p > svg { fill:#FFFFA1; } #wrap #filterBottomBarClear { margin-left:15px; border-radius:5px; background:#5D5D5D; font-size:12px; color:#FFF; padding:2px 6px; font-weight:bold; } #roomListSearchArea { width:100%; height:100%; background:#FFF; display:none; } div#keywordAlarmApply { position:fixed; left:50%; bottom:30px; transform:translate(-50%,0); border-radius:25px; padding:10px 15px; background:#0063F2; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px; } div#keywordAlarmApply > p { font-size:400; color:#FFF; font-size:14px; white-space: nowrap; } /* ???? > ???? */ .contentSections { width:100%; padding:20px 0; background:#FFF; margin-top:3px; } .contentSections > p { margin:0 0 15px; font-weight:300; font-size:20px; letter-spacing:-1px; color:#454545; text-align:center; } .contentSections > p > strong.cashbag { color:#F361A6; font-weight:normal; } .contentSections > p > strong.event { color:#EDA900; font-weight:normal; } .contentSections > p > strong.evaluate { color:#008299; font-weight:normal; } .contentSections > div { margin:0 auto; width:90%; } .contentSections > div > ul > li { position:relative; width:100%; border:1px solid #CCC; border-radius:3px; padding:0 0 10px; } .contentSections > div > ul > li > p { height:120px; } .contentSections > div > ul > li > p > span.coverBg { height:100%; background:#000; display:block; opacity:0.5; } .contentSections > div > ul > li > p > span.coverTxt { color:#DDD; z-index:1; position:absolute; top:48px; width:100%; text-align:center; font-size:18px; } .contentSections > div > ul > li > p > img { width:100%; } .contentSections > div > ul > li > h3 { font-size:16px; font-weight:normal; color:#333; padding:10px 7px; letter-spacing:-0.025em; word-spacing:-0.025em; } .contentSections > div > ul > li > h2 { font-size:18px; font-weight:normal; color:#333; padding:10px 7px; letter-spacing:-0.025em; word-spacing:-0.025em; line-height:23px; } .contentSections > div > ul > li > h2 > span { font-size:14px; font-weight:bold; color:#F361A6; vertical-align:middle; } .contentSections > div > ul > li > h2 > svg { height:14px; fill:#F361A6; vertical-align:middle; margin-right:3px; } .contentSections > div > ul > li > span.btnCouponDown { position:absolute; bottom:13px; right:15px; border:1px solid #F361A6; border-radius:3px; font-size:15px; letter-spacing:-0.025em; word-spacing:-0.025em; color:#F361A6; padding:5px 15px; } .contentSections > div > ul > li > span.btnCouponStay { position:absolute; bottom:13px; right:15px; border:1px solid #999; border-radius:3px; font-size:15px; letter-spacing:-0.025em; word-spacing:-0.025em; color:#999; padding:5px 15px; } /* ?? ?? */ #roomHerder360 { position:fixed; width:100%; height:230px; border-top:1px solid #f0f0f0; border-bottom:1px solid #dadada; overflow:hidden; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; z-index:1; } #roomHerder360.marginOn1 { top:50px; } #roomHerder360.marginOff1 { top:0; } #roomHerder360 > div { width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,0.40) 8%, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0)); } #roomHerder360 > div > a:nth-child(1) { float:left; margin:15px 0 0 15px; } #roomHerder360 > div > a:nth-child(2), #roomHerder360 > div > a:nth-child(3) { float:right; margin:15px 15px 0 0; } #roomHerder360 > div > a > svg { width:25px; height:25px; fill:#FFF; } #roomHerder360 > div > a > svg#btnBookmark { fill:none; stroke:#FFF; stroke-width:6px; padding:0 2px; } #roomHerder360 > div > a > svg#btnBookmarkFill { fill:#FAED7D; fill-rule:evenodd; width:26px; height:26px; } #roomHerder360 #roomHerder_NM { position:relative; top:65%; letter-spacing:-1px; color:#FFF; padding:0 0 0 0; overflow:hidden; text-align:center; font-size:28px; font-weight:bold; } #roomHerder360 #roomHerder_Sub { position:relative; top:65%; letter-spacing:-1px; padding:5px 0 0 0; overflow:hidden; text-align:center; } #roomHerder360 #roomHerder_Sub span { color:#DFDFDF; } #roomHerder { width:100%; border-top:1px solid #f0f0f0; border-bottom:1px solid #dadada; overflow:hidden; background:#FFF; } #roomHerder_Sub > span { font-size:11pt; font-weight:normal; vertical-align:middle; margin:0 15px 0 5px; } #roomHerder_Sub > svg { height:17px; vertical-align:middle; fill:#999; } #room_interest { width:23px; float:right; margin:0 15px 0 0; } #allSections { position:relative; width:100%; background:#F5F5F5; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px; z-index:1; } /* 2022.03.03. ????? ?????? ?? ??? ?? ?? ?? */ /* #allSections.marginOn2 { margin:230px 0 70px; } #allSections.marginOff2 { margin:180px 0 70px; } */ #allSections.marginOn2 { margin-bottom:70px; } #allSections.marginOff2 { margin-bottom:70px; } #floatMenuContact { position:fixed; width:100%; overflow:hidden; bottom:0; z-index:2; text-align:center; } #floatMenuContact > p { margin:0 auto 20px; display:inline-block; border-radius:15px; padding:3px 15px; background:navy; font-size:16px; color:#FFF; text-align:center; } #floatMenuContact > ul { display:flex; background:#0063F2; color:#FFF; height:54px; align-items: center; } #floatMenuContact > ul > li { position: relative; } #floatMenuContact > ul > li:nth-child(1) { width:20%; background:#0045a5; padding:17px 0; } #floatMenuContact > ul > li:nth-child(1) > p { text-align:center; } #floatMenuContact > ul > li:nth-child(1) > p > svg { width:23px; fill:#FFF; padding:5px 0 0 0; } #floatMenuContact > ul > li:nth-child(2) { width:20%; background:#0045a5; padding:17px 0; } #floatMenuContact > ul > li:nth-child(2) > p { text-align:center; } #floatMenuContact > ul > li:nth-child(2) > p > svg { width:21px; fill:#FFF; padding:5px 0 0 0; } #floatMenuContact > ul > li:nth-child(2):before { content:""; position:absolute; display:block; width:1px; height:100%; background:#CCC; top:0; left:0; } #floatMenuContact > ul > li:last-child { flex:1; padding:14px 0; } #floatMenuContact > ul > li:last-child > p { text-align:center; font-weight:400; font-size:18px; } #floatMenuMeans { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:998; display:none; } #floatMenuContactMeans { position:fixed; width:100%; overflow:hidden; bottom:0; z-index:2; background:#FFF; z-index:999; border-top:1px solid #CCC; padding:10px 0 20px; display:none; } #floatMenuContactMeans > h2 { padding:7px 5% 10px; font-size:14px; font-weight:400; letter-spacing:-0.05em; word-spacing:-0.05em; color:#333; } #floatMenuContactMeans > div#contactCutOff { display:flex; background:#ffdbdb; border:1px solid #ffdbdb; border-radius:5px; gap:5%; margin:0px 5% 12px; font-size:13px; font-weight:400; letter-spacing:-0.05em; word-spacing:-0.05em; color:#000; padding:12px 5%; align-items: center; } #floatMenuContactMeans > div#contactCutOff > svg { height:20px; fill:#ff6e6e; vertical-align: middle; } #floatMenuContactMeans > div#contactCutOff > svg > g > g.contactCutOffSvgG { stroke:#ff6e6e; stroke-width: 5px; fill: none; } #floatMenuContactMeans > div#contactCutOff > p { vertical-align: middle; color:#333; } #floatMenuContactMeans > div#contactCutOff > p > span { border-bottom:3px dashed #ffa0a0; } #floatMenuContactMeans > div#contactCutOff > p > span:last-child { line-height:200%; } #floatMenuContactMeans > ul.singlePattern { margin:5px 5% 12px; } #floatMenuContactMeans > ul.twinPattern { display:flex; margin:5px 5% 12px; gap:15px; } #floatMenuContactMeans > ul.contactMenuSet { display:flex; margin:5px 5% 12px; gap:10px; } #floatMenuContactMeans > ul.singlePattern > li { display:flex; border:1px solid #666; border-radius:5px; padding:0 6%; gap:8%; align-items: center; } #floatMenuContactMeans > ul.singlePattern > li#certifiedCopy { border:1px solid #666; } #floatMenuContactMeans > ul.singlePattern > li#onlineContract { border:1px solid #666; } #floatMenuContactMeans > ul.singlePattern > li#broomingPay { border:1px solid #666; } #floatMenuContactMeans > ul.singlePattern > li:not(:first-child) { margin-top:12px; } #floatMenuContactMeans > ul.twinPattern > li { flex:1; border:1px solid #666; border-radius:5px; } #floatMenuContactMeans > ul.contactMenuSet > li { flex:1; border:1px solid #666; border-radius:5px; overflow: hidden; background:#454545; display: inline-flex; align-items: center; } #floatMenuContactMeans > ul.contactMenuSet > li#btnChatEnter { border:1px solid #0063F2; background:#0063F2; } #floatMenuContactMeans > ul.contactMenuSet > li#btnCall { flex:none; background:#FFF; } #floatMenuContactMeans > ul.contactMenuSet > li#btnChatEnterDisabled { flex:none; background:#FFF; border:1px solid #CCC; } #floatMenuContactMeans > ul.contactMenuSet > li.contactCutOffBtnStyle { background:#FFF; border:1px solid #CCC; } #floatMenuContactMeans > ul.contactMenuSet > li#btnInquire.contactCutOffBtnStyle, #floatMenuContactMeans > ul.contactMenuSet > li#btnChatEnter.contactCutOffBtnStyle { background:#F2F2F2; border:1px solid #CCC; } #floatMenuContactMeans > ul.singlePattern > li > svg { width:25px; fill:#454545; } #floatMenuContactMeans > ul.singlePattern > li#certifiedCopy > svg { width:25px; fill:#454545; } #floatMenuContactMeans > ul.singlePattern > li#onlineContract > svg { width:25px; fill:#454545; } #floatMenuContactMeans > ul.singlePattern > li#broomingPay > svg { width:25px; fill:#454545; } #floatMenuContactMeans > ul.singlePattern > li > p { font-weight:normal; font-size:14px; color:#454545; padding:12px 0; letter-spacing:-0.05em; word-spacing:-0.05em; line-height: 140%; } #floatMenuContactMeans > ul.singlePattern > li > p > strong { display:block; font-weight: 500; font-size:14px; color:#333; } #floatMenuContactMeans > ul.singlePattern > li > p > strong > span { margin-left:8px; color:rgb(255, 153, 0); font-weight: 500; font-size: 11px; } #floatMenuContactMeans > ul.singlePattern > li > p > span { display:block; font-size:12px; color:#666; } #floatMenuContactMeans > ul.twinPattern > li > p { text-align:center; font-weight:400; font-size:14px; color:#FFF; padding:12px 0; letter-spacing:-0.05em; word-spacing:-0.05em; background:#454545; } #floatMenuContactMeans > ul.contactMenuSet > li > p { flex:1; text-align:center; font-weight:500; font-size:14px; color:#FFF; padding:12px 0; letter-spacing:-0.05em; word-spacing:-0.05em; display:flex; justify-content: center; } #floatMenuContactMeans > ul.contactMenuSet > li#btnCall > p, #floatMenuContactMeans > ul.contactMenuSet > li#btnChatEnterDisabled > p { padding:14px; } #floatMenuContactMeans > ul.contactMenuSet > li.contactCutOffBtnStyle > p { color:#999; } #floatMenuContactMeans > ul.contactMenuSet > li > p > svg { height:20px; fill:#454545; } #floatMenuContactMeans > ul.contactMenuSet > li#btnChatEnterDisabled > p > svg { height:20px; fill:#999; } #floatMenuContactMeans > ul.contactMenuSet > li.contactCutOffBtnStyle > p > svg { height:20px; fill:#999; } #floatMenuContactMeans > ul > li > p.disabled { color:#CCC; } #floatMenuContactMeans > ul.singlePattern > li.contactCutOffBtnStyle, #floatMenuContactMeans > ul.singlePattern > li.contactCutOffBtnStyle#onlineContract, #floatMenuContactMeans > ul.singlePattern > li.contactCutOffBtnStyle#certifiedCopy { border:1px solid #CCC; } #floatMenuContactMeans > ul.singlePattern > li.contactCutOffBtnStyle > p { color:#CCC; } #floatMenuContactMeans > ul.singlePattern > li.contactCutOffBtnStyle > p > strong { color:#999; } #floatMenuContactMeans > ul.singlePattern > li.contactCutOffBtnStyle > svg, #floatMenuContactMeans > ul.singlePattern > li.contactCutOffBtnStyle#onlineContract > svg, #floatMenuContactMeans > ul.singlePattern > li.contactCutOffBtnStyle#certifiedCopy > svg { fill:#999; } #floatMenuContactMeans > ul.singlePattern > li.contactCutOffBtnStyle#onlineContract > svg > path:first-child { stroke:#999; } #floatMenuContactMeans > ul.twinPattern > li.contactCutOffBtnStyle { border:1px solid #CCC; } #floatMenuContactMeans > ul.twinPattern > li.contactCutOffBtnStyle > p { background:#CCC; } #floatMenuContactMeans > ul.contactMenuSet > li.contactCutOffBtnStyle { border:1px solid #CCC; } #floatMenuContactMeans > ul.contactMenuSet > li.contactCutOffBtnStyle > p { background:none; } #floatMenuContactMeans > ul > li.answerBtn > p { background:#0063F2; color:#FFF; border:1px solid #0063F2; } #floatMenuContactMeans > ul > li.expireTxt > p { color:#CC3D3D; border:0; } #floatMenuContactMeans > ul > li.onemoreAnswer > p { color:#3162C7; border:1px solid #3162C7; background:#EBF7FF; } .viewSection { width:100%; border-bottom:1px solid #DFDFDF; background:#FFF; margin:6px 0; padding:20px 0; } .viewSectionTitle { position:relative; margin:0 0 15px 0; font-weight:300; font-size:20px; letter-spacing:-1px; color:#333; padding-left:3.5%; } .viewSectionTitle2 { position:relative; margin:20px 0 15px 0; font-weight:300; font-size:20px; letter-spacing:-1px; color:#333; padding-left:3.5%; } .viewSectionTitle > svg { fill:#666; width:35px; vertical-align:middle; margin-right:8px; } .viewSectionTitle > span { vertical-align:middle; } .viewSectionTitle > span.titleMoreBtn { position:absolute; top:5px; right:3.5%; font-size:15px; text-decoration:underline; color:#666; } .viewSectionField { margin:0 auto; width:90%; overflow:hidden; } .viewSectionField li { width:100%; padding:5px 0; font-size:0; } .couponSectionField { margin:0 auto; width:92%; overflow:hidden; } .couponSectionField > p#couponTitle { display:flex; gap:5px; margin-bottom:15px; align-items: center; } .couponSectionField > p#couponTitle > svg { fill:#F361A6; height:26px; } .couponSectionField > p#couponTitle > span { font-size:16px; color:#454545; font-weight:300; margin-top:-5px; } .couponSectionField > p#couponDownBtn { border:1px solid #f5d7e6; font-size:15px; text-align:center; padding:10px; border-radius:12px; font-weight:400; background:#ffedf6; } .couponSectionField > p#couponDownBtn.couponDownAble { color:#d62b7b; } .couponSectionField > p#couponDownBtn.couponDownDisable { color:#999; } .couponSectionField > p#couponDescription { font-size:12px; color:#666; margin-top:10px; } .couponSectionField > p#couponDescription > span { float:right; font-size:12px; font-weight:normal; } .viewSectionLeftTitle { display:inline-block; width:30%; text-align:left; font-weight:normal; color:#666; font-size:14px; letter-spacing:-0.5px; } .viewSectionRightTxt { display:inline-block; width:70%; text-align:left; font-weight:normal; color:#000; font-size:14px; letter-spacing:-0.5px; } .viewSectionPhoneTxt { display:inline-block; width:70%; text-align:left; font-weight:normal; font-size:14px; letter-spacing:-0.5px; color:#000; text-decoration:underline; } #notYetMsg { margin:0 auto 15px; width:93%; border:1px solid #F15F5F; border-radius:10px; overflow:hidden; } #notYetMsg > svg { width:40px; vertical-align:middle; fill:#F15F5F; padding:15px 5% 0; } #notYetMsg > svg > g > g.cls-1 { stroke:#F15F5F; stroke-width: 3px; } #notYetMsg > p { vertical-align:middle; font-size:14px; letter-spacing:-1px; color:#000; line-height:23px; font-weight:300; padding:10px 5% 15px; } div#allSections > div#viewSectionTop { width:100%; overflow:hidden; background:#FFF; margin-top:0; } div#allSections > div#viewSectionTop > h2#roomHerder_NM { letter-spacing:-1px; color:#454545; overflow:hidden; text-align:center; font-size:23px; font-weight:bold; } div#allSections > div#viewSectionTop > div#roomHerder_Popular { margin:10px auto; width:85%; display: flex; justify-content: center; align-items: center; gap: 15px; } div#allSections > div#viewSectionTop > div#roomHerder_Popular > svg { fill:#ffae00; height:22px; vertical-align:middle; } div#allSections > div#viewSectionTop > div#roomHerder_Popular > p > span { color:#333; font-size:13px; border-bottom:4px solid #ffdd94; vertical-align:middle; } #viewSectionMenu { margin-top:-6px; padding:0; } #Section3Tabs, #Section2Tabs { width:100%; background:#FFF; overflow:hidden; font-size:0; } #Section3Tabs > li { display:inline-block; width:33.3%; padding:13px 0; background:#FFF; } #Section2Tabs > li { display:inline-block; width:50%; padding:13px 0; background:#FFF; } #Section3Tabs > li > p, #Section2Tabs > li > p { text-align:center; font-size:16px; letter-spacing:-1px; } .SectionTabFocus { border-bottom:2px solid #0063F2; } .SectionTabFocus > p > span { font-weight:bold; color:#0063F2; } .SectionTabBlur { border-bottom:2px solid #FFF; } .SectionTabBlur > p > span { font-weight:bold; color:#999; } #copendata3 { color:#4f587d; } #copendata2 { color:#575600; } #copendata1 { color:#570000; } .viewSectionDcp { margin:20px auto 0 auto; width:87%; overflow:hidden; padding:10px; background:#f2f2f2; text-align:left; font-size:14px; } .viewSectionIntroTxt { margin:20px auto 0 auto; width:87%; overflow:hidden; padding:0 10px; text-align:left; font-size:16px; letter-spacing:-0.025em; word-spacing:-0.025em; color:#454545; line-height:24px; } .viewSectionIntroTxt > span { text-decoration:underline; color:#4374D9; } #etcPictures { margin:0 auto; width:93%; display:grid; grid-template-columns:50% 50%; } #etcPictures > div.contentThumbnail { height:100px; border-radius:10px; flex:1; margin:0 3px; } #viewSectionVideo > div { padding:0 3.5%; } #viewSectionVideo > div > img { margin:0 0 10px 0; width:100%; border-radius: 15px; } #viewSectionVideo > div > ul { display:flex; gap:10px; } #viewSectionVideo > div > ul > li:last-child { flex:1; } #viewSectionVideo > div > ul > li > img { width:40px; border-radius: 50px; } #viewSectionVideo > div > ul > li > p.videoTitle { margin:0 25px 3px 0; font-weight:500; font-size:16px; letter-spacing:-1px; color:#333; } #viewSectionVideo > div > ul > li > p.videoSubinfo { margin:0 0 15px 0; font-weight:400; font-size:13px; letter-spacing:-0.5px; color:#454545; } #viewSectionEvaluate { padding:15px 0; margin:-6px 0 6px; } #viewSectionEvaluate > h2 { text-align:center; font-size:16px; letter-spacing:-1px; color:#333; margin-bottom:15px; } #viewSectionEvaluate > p { text-align:center; font-size:14px; } #viewSectionEvaluate > p:last-child { margin-top:15px; } #viewSectionEvaluate > p > svg { width:30px; margin:0 10px; } #viewSectionEvt { padding:0; } #viewSectionEvt > div { padding:15px 0; } #viewSectionEvt > div:nth-child(even) { border-top:1px solid #dfdfdf; } #viewSectionEvt > div > p:nth-child(1) { text-align:center; padding:0 0 7px; font-size:0.9em; color:#666; letter-spacing:-0.025em; word-spacing:-0.025em; } #viewSectionEvt > div > p:nth-child(2) { text-align:center; padding:0 0 7px; font-size:1.1em; font-weight:bold; letter-spacing:-0.025em; word-spacing:-0.025em; color:#333; } #viewSectionEvt > div > p:nth-child(3) { text-align:center; display:block; margin:7px 0; } #viewSectionEvt > div > p:nth-child(3) span { border-radius:15px; padding:5px 30px; font-size:0.85em; color:#FFF; background:#FF007F; font-weight:bold; } #viewSectionReview > p:nth-child(1) { text-align:center; padding:0 0 10px; font-size:0.9em; color:#403652; letter-spacing:-0.025em; word-spacing:-0.025em; } #viewSectionReview > p:nth-child(2) { text-align:center; padding:0 0 10px; font-size:1.1em; font-weight:bold; letter-spacing:-0.025em; word-spacing:-0.025em; } #viewSectionReview > p:nth-child(3) { text-align:center; display:block; margin:10px 0; } #viewSectionReview > p:nth-child(3) span { border:1px solid #0063F2; border-radius:15px; padding:7px 30px; font-size:0.85em; color:#0063F2; } .roomPicPriceSet { margin:25px auto; width:93%; overflow:hidden; border:1px solid #AAA; border-radius:10px; } .priceView { display:block; } .priceHidden { display:none; } .roomPicPriceSet .swiper-scrollbar { background:rgba(255,255,255,0.3); bottom:10px; height:2px; left:4%; width:92%; } .roomPicPriceSet .swiper-scrollbar-drag { background:rgba(255,255,255,0.8); } .roomPics { width:100%; border-top:1px solid #f0f0f0; border-bottom:1px solid #dadada; background:#FFF; margin-bottom:3px; padding:0; z-index:1; } .sliderPic img { width:100%; } .sliderPic iframe { border-style:none; position:absolute; width:100%; z-index:1; } .layer360vr { position:absolute; z-index:2; right:4%; padding:4px; top:13px; background-color:rgba(0,0,0,.4); border-radius:3px; } .layer360vr > img { width:18px; height:18px; vertical-align:middle; } .layer360vr > span { color:#FFF; font-size:12px; vertical-align:middle; letter-spacing:-0.025em; word-spacing:-0.025em; } .layer360vrImg { width:100%; height:100%; overflow:hidden; background-size:cover; } .layerExpand { position:absolute; z-index:2; width:100%; background:url('//campuszone.net/m/img/layerExpand.png') 50% 50% no-repeat; background-size:100%; display:none; } div.openPrice, div.hiddenPrice { width:100%; } div.openPrice > div.infoKind, div.hiddenPrice > div.infoKind { position:relative; text-align:left; padding:20px 3.5%; overflow:hidden; } .infoPriceKind { color:#000; font-size:22px; letter-spacing:-1px; font-weight:bold; vertical-align:middle; } .infoPriceDcp { color:#454545; font-size:15px; font-weight:normal; margin-top:10px; } .infoPriceStr { color:#454545; font-size:15px; font-weight:normal; margin-top:5px; } .infoPriceTag { display:inline-flex; height:15px; border-bottom:4px solid #ffb2b2; font-weight:bold; color:#4b0000; margin-right:5px; } .openPrice .infoDescription { color:#CC723D; font-size:0.8em; letter-spacing:-1px; font-weight:normal; text-align:left; padding:0 5% 3px; } div.infoContents { margin-top:15px; display:flex; gap:3.5%; } div.infoContents > div.contentThumbnail { position:relative; width:31%; height:100px; border-radius:10px; } div.infoContents > div.contentThumbnail > div.coverLayer { position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; border-radius:10px; background:#000; opacity:0.3; } div.infoContents > div.contentThumbnail > div.coverTitle { position:absolute; z-index:3; bottom:0; left:0; width:100%; background:#FFF; opacity:0.9; } div.infoContents > div.contentThumbnail > div.coverTitle > p { text-align:center; color:#333; font-weight:bold; padding:2px 0; font-size:12px; } div.infoContents > div.contentThumbnail > div.coverTitleStress { position:absolute; z-index:3; bottom:0; left:0; width:100%; border-bottom-left-radius:8px; border-bottom-right-radius:8px; background:#FF00DD; opacity:0.9; } div.infoContents > div.contentThumbnail > div.coverTitleStress > p { text-align:center; color:#333; font-weight:bold; padding:2px 0; font-size:12px; } div.infoContents > div.contentThumbnail > span { position:absolute; z-index:3; left:50%; font-size:26px; font-weight:bold; color:#FFF;transform:translate(-50%,-50%); } div.infoContents > div.contentThumbnail > span.coverInfo { top:39%; } div.infoContents > div.contentThumbnail > span.coverVrooming { top:43%; } div.infoContents > div.contentThumbnail > span > svg { width:52px; fill:#FFF; } .infoPrice { overflow:hidden; } .infoPrice > ul { position:relative; display:block; padding:15px 0; overflow:hidden; border-top:1px solid #DADADA; } .infoPrice > ul.remainAble { background:#FFF; } .infoPrice > ul.remainDisable { background:#F2F2F2; } .infoPrice > ul > li.infoRemainSection > div { margin: -2px 5% 8px; } .infoPrice > ul.remainAble > li.infoRemainSection > div { } .infoPrice > ul.remainDisable > li.infoRemainSection > div { } .infoPrice > ul > li.infoRemainSection > div > svg { height:22px; vertical-align:middle; margin-top:1px; } .infoPrice > ul.remainAble > li.infoRemainSection > div > svg { fill:#2699FB; } .infoPrice > ul.remainDisable > li.infoRemainSection > div > svg { fill:#999; } .infoPrice > ul > li.infoRemainSection > div > span { font-size:14px; vertical-align:middle; } .infoPrice > ul.remainAble > li.infoRemainSection > div > span { letter-spacing:-1px; color:#2699FB; } .infoPrice > ul.remainDisable > li.infoRemainSection > div > span { letter-spacing:-1px; color:#999; } .infoPrice > ul > li { position:relative; width:100%; text-align:left; } .infoPrice > ul > li > p { margin:1px 0 0 5%; color:#454545; font-size:16px; letter-spacing:-0.5px; } .infoPrice > ul > li > p.infoPriceType { letter-spacing:-0.4px; font-size:20px; font-weight:400; color:#333; } .infoPrice > ul > li > p.infoTotalPrice > strong { letter-spacing:-0.4px; font-size:20px; font-weight:500; color:#333; border-bottom: 5px solid #DFDFDF; display: inline-block; height: 23px; } .infoPrice > ul > li > p.infoTotalPrice > span { font-size:14px; color:#666; font-weight: normal; } .infoPrice > ul > li > p > span > img { width:18px; vertical-align:middle; margin-right:5px; } .infoPrice > ul > li > p > span > font { vertical-align:middle; } .infoPrice > ul > li.infoPriceDetail { display:flex; margin:20px 5% 10px; width:90%; } .infoPrice > ul > li.infoPriceDetail > div { flex:1; } .infoPrice > ul > li.infoPriceDetail > div > h4 { font-size:13px; font-weight:500; } .infoPrice > ul > li.infoPriceDetail > div.costDetailCover > h4 { color:navy; } .infoPrice > ul > li.infoPriceDetail > div.costDetailNotincluded > h4 { color:#5a5a5a; } .infoPrice > ul > li.infoPriceDetail > div > p { font-size:15px; font-weight:normal; color:#333; } .infoPricehidden { position:relative; overflow:hidden; text-align:center; padding:0 3.5% 15px; } .infoPricehidden > ul { display:block; padding:13px 0; overflow:hidden; background:#F5F5F5; margin-top:15px; } .infoPricehidden > ul > li { width:100%; } .infoPricehidden > ul > li > p { font-size:16px; text-align:center; text-decoration:underline; color:#454545; } .hiddenPrice .infoDescription { cursor:pointer; color:#333333; font-size:16px; letter-spacing:-1px; font-weight:normal; text-align:center; padding:20px 0 10px; text-decoration:underline; } .infoPrice > ul > li.infoCompareSection > div { display:inline-flex; align-items:center; gap:5px; padding:7px 10px; margin:10px 0 7px 5%; border:1px solid #CCC; border-radius:5px; background:#FFF; } .infoPrice > ul > li.infoCompareSection > div > svg { height:12px; vertical-align:middle; margin-right:2px; } .infoPrice > ul > li.infoCompareSection > div.favoriteY > svg { fill:#999; } .infoPrice > ul > li.infoCompareSection > div.favoriteN > svg { fill:#FF007F; } .infoPrice > ul > li.infoCompareSection > div > span { font-size:13px; vertical-align:middle; } .infoPrice > ul > li.infoCompareSection > div > span > span { text-decoration:underline; color:#4374D9; margin-left:5px; } .infoPrice > ul > li.infoCompareSection > div.favoriteY > span { color:#999; } .infoPrice > ul > li.infoCompareSection > div.favoriteN > span { color:#333; } div.nudgeSection { margin:25px auto; width:93%; } div.nudgeSection > h4 { text-align:center; font-size:15px; font-weight:normal; color:#333; } /* CSS? ?????? http://www.cssarrowplease.com/ */ div.nudgeSection > button { position:relative; border:1px solid #999; border-radius:10px; color:#2699FB; padding:13px 0; background:#FFF; font-size:16px; width:100%; margin-top:17px; outline:none; } div.nudgeSection > button:after, div.nudgeSection > button:before { bottom:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } div.nudgeSection > button:after { border-color:rgba(102, 102, 102, 0); border-bottom-color:#FFFFFF; border-width:10px; margin-left:-10px; } div.nudgeSection > button:before { border-color:rgba(255, 255, 255, 0); border-bottom-color:#999; border-width:11px; margin-left:-11px; } .viewSectionEvent { width:100%; background:#f2f2f2; padding:15px 0; margin:3px 0 0; } .viewSectionEvent > p:nth-child(1) { text-align:center; padding:0 10px 5px; font-size:0.85em; color:#403652; letter-spacing:-0.025em; word-spacing:-0.025em; } .viewSectionEvent > p:nth-child(2) { text-align:center; font-size:1.0em; font-weight:bold; letter-spacing:-0.025em; word-spacing:-0.025em; padding:0 10px; color:#333; } .viewSectionEvent > p:nth-child(3) { text-align:center; display:block; margin:20px 0 10px; } .viewSectionEvent > p:nth-child(3) span { border:1px solid #0063F2; border-radius:15px; padding:7px 30px; font-size:0.85em; color:#0063F2; background:#FFF; } #viewSectionOption { display:block; } #viewSectionOption > ul { display:grid; grid-template-columns: repeat(4, 22.5%); margin:0 auto 15px; width:93%; padding:12px 0; border:1px solid #AAA; border-radius: 10px; grid-row-gap: 10px; grid-column-gap: 2%; justify-content:center; } #viewSectionOption > ul > h4 { font-size: 15px; font-weight: 300; padding:0 0 10px 5px; grid-area:1 / 1 / 1 / span 4; border-bottom:1px solid #CCC; } #viewSectionOption > ul > li { padding:10px 0; overflow:hidden; border-radius: 5px; } #viewSectionOption > ul > li.exist { background:#F8F8F8; } #viewSectionOption > ul > li.notExist { background:#FFF; } #viewSectionOption > ul > li > h4 { font-size: 13px; padding:2px 5%; letter-spacing: -0.5px; word-spacing: -0.5px; text-align: center; line-height: 15px; } #viewSectionOption > ul > li.exist > h4 { font-weight: 400; color:#333; } #viewSectionOption > ul > li.notExist > h4 { font-weight: 200; color:#999; } #viewSectionOption > ul > li > p { font-size: 12px; padding:0 10%; color:#666; letter-spacing: -0.5px; word-spacing: -0.5px; text-align: center; line-height: 14px; } #viewSectionOption > ul > li > p > svg { height:22px; } #viewSectionOption > ul > li.exist > p > svg { fill:#333; } #viewSectionOption > ul > li.notExist > p > svg { fill:#999; } .optItemAble { color:#555; font-weight:bold; } .optItemDisable { color:#999; text-decoration:line-through } #viewSectionMap ul { margin:0 auto; width:90%; overflow:hidden; } #viewSectionMap li { width:100%; padding-top:10px; overflow:hidden; } #viewSectionMap li:nth-child(1) p { overflow:hidden; text-align:left; padding:10px 0 0; color:#333; } #viewSectionMap li:nth-child(1) span:nth-child(1) { font-weight:bold; font-size:12px; letter-spacing:-0.05em; color:#4641D9; vertical-align:middle; } #viewSectionMap li:nth-child(1) span:nth-child(2) { font-weight:bold; font-size:16px; letter-spacing:-1px; margin:0 10px 0 5px; } #viewSectionMap li:nth-child(1) span:nth-child(3) { font-size:12px; color:#666; } /* ????? ?? */ .common_layers { width:90%; display:none; overflow:hidden; background:#fff; margin-top:40px; } .common_layers_HD { width:100%; padding:5px 0; overflow:hidden; } .common_layers_HD > span > h3 { color:#999; text-align:left; font-size:13px; margin:10px 0 3px 15px; font-weight:normal; } .common_layers_HD > span > p { color:#454545; text-align:left; font-size:18px; margin:0 0 10px 15px; font-weight:bold; } .common_layers_HD > svg { position:absolute; top:20px; right:20px; fill:#454545; width:24px; } .common_layers_HDFixed { top:0; position:fixed; z-index:99; display:none; width:100%; overflow:hidden; background:#FFF; } .common_layers_HDFixed > span > h3 { color:#999; text-align:left; font-size:13px; margin:15px 0 3px 15px; font-weight:normal; } .common_layers_HDFixed > span > p { color:#454545; text-align:left; font-size:18px; margin:0 0 10px 15px; font-weight:bold; } .common_layers_HDFixed > svg { position:absolute; top:20px; right:20px; fill:#454545; width:24px; } #layerPop_reporting > div:nth-child(2) { padding:8px 25px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; overflow:hidden; } #layerPop_reporting > div:nth-child(3) { margin:20px auto; width:120px; border-radius:15px; border:1px solid #0063F2; font-weight:bold; font-size:1.0em; text-align:center; color:#0063F2; padding:7px 0; letter-spacing:-1px; } #roomEvt_v, #roomEvt_c { padding:15px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; overflow:hidden; } #roomEvt_v > p, #roomEvt_c > p { color:#333; padding:8px 30px 0; font-size:15px; text-align:center; letter-spacing:-0.025em; word-spacing:-0.025em; } #roomEvt_v > ul, #roomEvt_c > ul { display:block; padding:10px 0; } #roomEvt_v > ul > li:nth-child(1), #roomEvt_c > ul > li:nth-child(1) { padding:10px 0; display:block; text-align:center; overflow:hidden; } #roomEvt_v > ul > li:nth-child(1) > div, #roomEvt_c > ul > li:nth-child(1) > div { display:inline-block; width:38%; margin:0 1%; border-radius:15px; padding:7px 0; font-size:0.85em; color:#DB005B; border:1px solid #FF007F; font-weight:bold; } #roomEvt_v > ul > li:nth-child(2), #roomEvt_c > ul > li:nth-child(2), #roomEvt_c > ul > li:nth-child(3) { margin:15px 0 0 0; display:block; border-top:1px dashed #CCC; overflow:hidden; } #roomEvt_v > ul > li:nth-child(2) > h2, #roomEvt_c > ul > li:nth-child(2) > h2, #roomEvt_c > ul > li:nth-child(3) > h2 { padding:15px 0 10px; display:block; text-align:center; font-weight:bold; font-size:14px; color:#AAA; } #roomEvt_v > ul > li:nth-child(2) > p, #roomEvt_c > ul > li:nth-child(2) > p, #roomEvt_c > ul > li:nth-child(3) > p { padding:3px 30px; font-size:13px; color:#454545; } #roomEvt_v_requert, #roomEvt_c_requert { padding:15px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; overflow:hidden; display:none; } #roomEvt_v_requert > p, #roomEvt_c_requert > p { color:#333; padding:8px 30px 0; font-size:15px; text-align:center; letter-spacing:-0.025em; word-spacing:-0.025em; } #roomEvt_v_requert > ul, #roomEvt_c_requert > ul { display:block; } #roomEvt_v_requert > ul > li, #roomEvt_c_requert > ul > li { padding:10px 0; display:block; text-align:center; overflow:hidden; } #roomEvt_v_requert > ul > li:nth-child(1), #roomEvt_c_requert > ul > li:nth-child(1) { padding:15px 15px 0; } #roomEvt_v_requert > ul > li:nth-child(1) > p, #roomEvt_c_requert > ul > li:nth-child(1) > p { border:1px solid #CCC; overflow:hidden; padding:10px; } #roomEvt_v_requert > ul > li:nth-child(1) > p > textarea, #roomEvt_c_requert > ul > li:nth-child(1) > p > textarea { width:100%; height:70px; outline:none; font-size:11pt; border:0; word-spacing:-1px; } #roomEvt_v_requert > ul > li:nth-child(2) > p, #roomEvt_c_requert > ul > li:nth-child(2) > p { color:#333; padding:10px 15px 15px; font-size:13px; text-align:center; letter-spacing:-0.025em; word-spacing:-0.025em; } #roomEvt_v_requert > ul > li:nth-child(2) > div, #roomEvt_c_requert > ul > li:nth-child(2) > div { display:inline-block; width:38%; margin:0 1%; border-radius:15px; padding:7px 0; font-size:0.85em; color:#DB005B; border:1px solid #FF007F; font-weight:bold; } #roomEvt_v > ul > li:nth-child(1) > div.btnDisable, #roomEvt_c > ul > li:nth-child(1) > div.btnDisable { color:#666; border:1px solid #999; } /* ???? ????? */ #layerPop_viewPicBg { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:999; display:none; } #layerPop_viewPic { position:fixed; width:100%; overflow:hidden; bottom:0; z-index:2; background:#FFF; z-index:1000; border-top:1px solid #CCC; padding:10px 0; display:none; } #layerPop_viewPic > h2 { padding:7px 5% 15px; font-size:18px; font-weight:bold; letter-spacing:-0.05em; color:#333; } #layerPop_viewPic > ul { width:100%; } #layerPop_viewPic > ul > li { position:relative; width:100%; border-top:1px solid #DDD; } #layerPop_viewPic > ul > li.viewVrList { display:none; } #layerPop_viewPic > ul > li > p { text-align:left; font-weight:normal; font-size:17px; color:#333; padding:18px 5%; letter-spacing:-0.05em; word-spacing:-0.05em; } #layerPop_viewPic > ul > li.notVr > p { color:#999; } #layerPop_viewPic > ul > li > span.rightArrow { position:absolute; right:5%; top:22px; } #layerPop_viewPic > ul > li > span.rightArrow > svg { width:12px; height:12px; fill:#999; } /* ???? ????? */ #layerPop_share > div:nth-child(2) { padding:8px 25px; border-top:1px solid #CCC; overflow:hidden; } #layerPop_share > div:nth-child(2) ul { overflow:hidden; } #layerPop_share > div:nth-child(2) li { width:100%; padding:15px 0; } #layerPop_share > div:nth-child(2) p:nth-child(1) { color:#333; font-size:16px; text-decoration:underline; } #layerPop_share > div:nth-child(2) p:nth-child(2) { margin:30px 0 15px 0; font-size:0; } #layerPop_share > div:nth-child(2) span:nth-child(1) { display:inline-block; text-align:center; width:48%; padding:10px 0px; background:#333; color:#FFF; font-weight:bold; font-size:17px; letter-spacing:-0.1em; word-spacing:-0.05em; } #layerPop_share > div:nth-child(2) a span:nth-child(1) { display:inline-block; text-align:center; width:48%; padding:10px 0px; background:#F0CA61; color:#FFF; font-weight:bold; font-size:17px; letter-spacing:-0.1em; word-spacing:-0.05em; margin-left:4%; } /* ???? ????? */ #favoriteSelection { margin:0 auto; border-top:1px solid #CCC; padding:0 0 20px 0; } #favoriteSelection > p { font-size:15px; font-weight:bold; margin:20px 5% 10px; } #favoriteSelection > ul { margin:0 auto -1px auto; font-size:0; width:90%; } /* #favoriteSelection > ul:nth-child(2) > li { border-top:1px solid #CCC; } */ #favoriteSelection > ul > li { display:inline-block; width:33%; border:1px solid #CCC; margin:-1px -1px 0; } #favoriteSelection > ul > li > p { font-size:14px; text-align:center; padding:13px 0; } #favoriteSelection > ul.favoriteSelectSet { display:none; } #favoriteSelection > ul.favoriteSelectSet.active { display:block; } .favoriteSelected { background:#0063F2; } .favoriteNonselect { background:#FFF;} .favoriteSelected > p { color:#FFF; } .favoriteNonselect > p { color:#333; } #favoriteRegistBtn { margin:5% auto; width:90%; background:#666; } #favoriteRegistBtn > p { text-align:center; color:#FFF; font-size:16px; padding:13px 0; font-weight:bold; } #introduceFull { width:100%; height:100%; margin:0; overflow-y:auto; } #introduceFull > div { border-bottom:1px solid #CCC; } #introduceFull > p { padding:5%; font-size:16px; letter-spacing:-0.025em; word-spacing:-0.025em; color:#454545; line-height:24px; } /* ???? ????? */ #layerPop_coupon > div#couponDownAndNotice { padding:15px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; overflow:hidden; } #layerPop_coupon > div#couponDownAndNotice > p { margin:10px 0; border:1px solid #CCC; font-size:15px; text-align:center; padding:10px; } #layerPop_coupon > div#couponDownAndNotice > p.couponDownAble { color:#F361A6; font-weight:bold; } #layerPop_coupon > div#couponDownAndNotice > p.couponDownDisable { color:#999; font-weight:bold; } #layerPop_coupon > div#couponDownAndNotice > div { margin:15px 0; display:inline-block; } #layerPop_coupon > div#couponDownAndNotice > div > h4 { font-size:13px; line-height:18px; font-weight:500; } #layerPop_coupon > div#couponDownAndNotice > div > p { font-size:13px; line-height:18px; } /* ???? bxslider */ #viewSectionPrice .bx-wrapper { margin: 0; } #viewSectionPrice .bx-wrapper .bx-pager, #viewSectionPrice .bx-wrapper .bx-controls-auto { position: absolute; bottom: 10px; left:15px; background-color:rgba(0,0,0,.4); width:auto; } #viewSectionPrice .bx-wrapper .bx-pager { text-align: center; font-size: 12px; font-family: Arial; font-weight: normal; padding: 8px 6px; color:#FFF; letter-spacing:-1.3px; border-radius:3px; } #viewSectionPrice .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -19px; outline: 0; width: 38px; height: 38px; text-indent: -9999px; z-index: 8; } /* ?? ???? */ #allPicLayer { position:relative; width:100%; height:100%; background:#FFF; display:none; margin:0; overflow-y:auto; } #allPicLayer > div:nth-child(2) { margin-top:62px; } #allPicLayer > div:nth-child(2) > ul > li { position:relative; width:100%; } #allPicLayer > div:nth-child(2) > ul > li > img { width:100%; } #allPicLayer > div:nth-child(2) > ul > li > span { position:absolute; left:50%; transform:translateX(-50%); bottom:20px; background:#000; color:#FFF; font-weight:bold; font-size:14px; padding:5px 10px; filter:alpha(opacity=60); opacity: .6; border-radius:5px; } /* VR ???? */ #container { margin-top:50px; } #vrControler { position:absolute; bottom:30px; width:90%; background:#333; left:5%; opacity:0.7; border-radius:5px; padding:10px 0; } #vrControler > a:first-child { position:absolute; left:10px; top:10px; } #vrControler > a:last-child { position:absolute; right:10px; top:10px; } #vrControler > p { text-align:center; color:#FFF; font-size:15px; font-weight:bold; } #vrControler > a > svg { fill:#CCC; height:20px; } /* ?? ?? */ .layerPops { width:90%; display:none; overflow:hidden; background:#fff; } #roomSearchArea > ul, #roomSearchRent > ul { border-top:1px solid #dfdfdf; overflow:hidden; } #roomSearchArea > ul > li, #roomSearchRent > ul > li { width:100%; text-align:center; font-size:0.9em; border-bottom:1px solid #cccccc; padding:10px 0; } /* ?? ?? */ #evalHerder { position:fixed; width:100%; top:0; z-index:1; } #evalHerder > div { width:100%; padding:15px 0; background:#FFF; box-shadow:0 0 3px 0 #999; } #evalHerder > div > a { margin:0 0 0 15px; } #evalHerder > div > a > svg { width:21px; height:21px; fill:#666; vertical-align:middle; margin-right:8px; } #evalHerder > div > a > span { font-size:18px; font-weight:normal; color:#666; vertical-align:middle; letter-spacing:-0.5px; word-spacing:-1px; } #evalHerder > div > a#evalSubmit { float:right; margin:3px 20px 0 0; color:#0063F2; font-weight:bold; font-size:17px; } #evalSections { position:relative; width:100%; background:#F5F5F5; overflow:hidden; margin:56px 0 0px; } #evalSections #viewSectionTop { font-size:0; } #rateSummary { display:inline-block; width:60%; vertical-align:top; } #rateSummary > ul > li > p { padding:0 18px; margin:3px 0; } #rateSummary > ul > li > p > span { display:inline-block; vertical-align:middle; } .rateSummaryIcon { margin:0 8px 0 5px; } .rateSummaryIcon > svg { width:14px; } .rateSummaryIcon .cls-1{ fill:#CCC; } .rateSummaryTitle { font-size:12px; } .rateSummaryBar { width:75%; height:18px; background:#FFF; } .rateSummaryGauge { float:left; height:100%; background:#0063F2; width:0; border-top-right-radius:3px; border-bottom-right-radius:3px; } #rateCalculate { display:inline-block; width:35%; vertical-align:top; } #rateCalculate > h2 { font-size:60px; text-align:center; color:#0063F2; letter-spacing:-1px; font-weight:300; margin-top:-5px; } #rateCalculate > p { text-align:center; } #rateCalculate > p:first-child { margin-top:5px; } #rateCalculate > p:last-child { margin-top:5px; } #rateCalculate > p > svg { display:inline-block; width:16px; margin:0 2px; } #allSections #rateCalculate > p > svg { margin:0 -0.5px; } #rateCalculate > p > span { font-size:15px; color:#666; } .iconSummaryFill > g > g > path { fill:#0063F2; } .iconSummaryNone > g > g > path { fill:#FFF; } .reviewSection { width:100%; border-bottom:1px solid #DFDFDF; background:#FFF; margin:6px 0; } .reviewSection > p { text-align:center; padding:50px 0; font-size:16px; color:#666; border-top:1px solid #DADADA; } .reviewSectionField { border-top:1px solid #DFDFDF; padding:20px 0; } .reviewSectionField .reviewTitle > p { padding:0 10px; } .reviewSectionField .reviewTitle > p > span { color:#333; font-size:16px; line-height:22px; display:inline-block; vertical-align:top; } .reviewSectionField .reviewTitle > p > span:last-child { margin-left:3px; } .reviewSectionField .reviewTitle > p > span > img { width:40px; } .reviewSectionField .reviewTitle > p > span > strong { color:#666; font-size:13px; } .reviewSectionField .reviewContent { color:#333; font-size:15px; line-height:20px; letter-spacing:-0.2px; word-spacing:-0.2px; padding:5px 0 10px; } .reviewSectionField .reviewContent > p { padding:0 13px 0 58px; margin-top:5px; } .reviewSectionField .reviewContent > p > svg { display:inline-block; width:13px; margin:0 -1px; } .reviewSectionField2 { border-top:1px dashed #DADADA; padding:15px 0 15px 53px; } .reviewSectionField2 .reviewTitle > p { padding:0; } .reviewSectionField2 .reviewTitle > p > span { color:#333; font-size:16px; line-height:22px; display:inline-block; vertical-align:middle; } .reviewSectionField2 .reviewTitle > p > span:last-child { margin-left:3px; } .reviewSectionField2 .reviewTitle > p > span > img { width:40px; } .reviewSectionField2 .reviewTitle > p > span > strong { color:#666; font-size:13px; } .reviewSectionField2 .reviewContent { color:#333; font-size:15px; line-height:20px; letter-spacing:-0.2px; word-spacing:-0.2px; padding:0 0 10px; } .reviewSectionField2 .reviewContent > p { padding:0 13px 0 5px; margin-top:5px; } .iconReviewFill > g > g > path { fill:#0063F2; } .iconReviewNone > g > g > path { fill:#DADADA; } .reviewSectionField .adReviewTitle > p { padding:0 10px; } .reviewSectionField .adReviewTitle > p > span { color:#333; font-size:16px; line-height:22px; display:inline-block; vertical-align:top; } .reviewSectionField .adReviewTitle > p > span:last-child { margin-left:3px; } .reviewSectionField .adReviewTitle > p > span > img { width:40px; } .reviewSectionField .adReviewTitle > p > span > strong { color:#4374D9; font-size:13px; } .reviewSectionField .adReviewContent { color:#333; font-size:15px; line-height:20px; padding:10px 0 10px; letter-spacing:-0.2px; word-spacing:-0.2px; } .reviewSectionField .adReviewContent > h3 { padding:0 13px 0 58px; font-weight:normal; font-size:16px; } .reviewSectionField .adReviewContent > p { padding:0 13px 0 58px; margin-top:15px; } .reviewSectionField .adReviewContent > p > a { padding:7px 15px; border-radius:3px; background:#4374D9; color:#FFF; font-size:14px; } #evaluatingSections { position:relative; width:100%; background:#FFF; overflow:hidden; margin:64px 0 0px; padding:0 0 30px 0; } .viewSectionEvaluating { margin:40px 0 0 0; text-align:center; } .viewSectionEvaluating > svg { width:35px; margin:0 7px; } .viewSectionEvaluating > ul { margin:0 20px; font-size:0; } .viewSectionEvaluating > ul > li { font-size:16px; display:inline-block; width:33.3%; text-align:center; padding:10px 0; } .selectedSection { border-bottom:2px solid #0063F2; color:#0063F2; } .unselectSection { border-bottom:1px solid #CCC; color:#666; } .viewSectionEvaluating > div { margin:0 20px; padding:20px 10px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom-left-radius:3px; border-bottom-right-radius:3px;} .viewSectionEvaluating > div > textarea { width:100%; height:150px; font-size:18px; letter-spacing:-0.5px; word-spacing:-0.5px; outline:none; color:#333; border:0; } #evaluatingGuide { position:relative; width:100%; background:#FFF; overflow:hidden; padding:15px 0; } #evaluatingGuide > h3 { padding:7px 0; text-align:center; font-size:13px; font-weight:bold; color:#666; text-decoration:underline; } #evaluatingGuide > ul#evaluatingGuideContent { display:none; list-style:disc; } #evaluatingGuide > ul > li > p { padding:5px 20px; font-size:13px; color:#999; } #evaluatingComplete { display:none; position:relative; width:100%; background:#FFF; overflow:hidden; margin:64px 0 0px; padding:40px 0; } #evaluatingComplete > h3 { padding:7px 0; text-align:center; font-size:20px; font-weight:bold; color:#0063F2; letter-spacing:-0.5px; word-spacing:-0.5px; } #evaluatingComplete > ul { margin:10px 0 20px; } #evaluatingComplete > ul > li > p { padding:5px 30px; font-size:15px; color:#666; } #evaluatingComplete > p { text-align:center; } #evaluatingComplete > p > span { border-radius:3px; background:#DFDFDF; color:#454545; padding:10px 40px; } /* ???? API ???URL - http://apis.map.daum.net/web/sample/addMapCustomControl/ */ .map_wrap { margin:0 auto; position:relative; overflow:hidden; width:93%; height:230px; border-radius:10px; border:1px solid #DDD; } .map_wrap > div#map { width:100%;height:250px;position:relative;overflow:hidden; } .radius_border{border:1px solid #919191;border-radius:5px;} .custom_zoomcontrol {position:absolute;top:20px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} .custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;} .custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;} .custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;} .map_wrap > div#mapCover { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 2; } .map_wrap > ul#mapBtnField { position:absolute; bottom:0; left:0; background:#FFF; display:flex; z-index:3; opacity:0.9; width:100%; border-top:1px solid #DDD; } .map_wrap > ul#mapBtnField > li { flex:1; padding:15px 0; text-align:center; color:#333; font-size:15px; } .map_wrap > ul#mapBtnField > li:last-child:before { content:""; position:absolute; display:block; width:1px; height:100%; background:#DDD; top:0; left:50%; } /* ???? bxslider */ #selectArea .bx-wrapper { margin: 0; } /* ???? */ .roomMark { position:absolute; top:45px; width:100%; font-size:0; } .roomMark > div { vertical-align:top; overflow:hidden; } .roomMark > div.roomMarkGuide { float:left; width:19.5%; margin-right:0.5%; background:#FFF; z-index:2; } .roomMark > div.roomMarkGuide > ul > li.roommarkTitle { width:100%; height:40px; padding:20px 0; border-bottom:1px solid #DFDFDF; } .roomMark > div.roomMarkGuide > ul > li.roommarkContent { width:100%; height:20px; padding:15px 0; border-bottom:1px solid #DFDFDF; } .roomMark > div.roomMarkGuide > ul > li.roommarkContent.x2 { height:47px; } .roomMark > div.roomMarkGuide > ul > li.roommarkContent.x4 { height:94px; } .roomMark > div.roomMarkGuide > ul > li.roommarkContent.x9 { height:211px; } .roomMark > div.roomMarkGuide > ul > li.roommarkContent.optionField1 { height:120px; } .roomMark > div.roomMarkGuide > ul > li.roommarkContent.optionField2 { height:140px; } .roomMark > div.roomMarkGuide > ul > li.roommarkContent.optionField3 { height:75px; } .roomMark > div.roomMarkGuide > ul > li > p { font-size:14px; text-align:center; color:#454545; } .roomMark > div.roomMarkInfo { margin-left:20%; z-index:3; } table#roommarkList { width:max-content; background:#FFF; border-collapse:collapse; } td { border-bottom:1px solid #DFDFDF; } td.roommarkTitle { height:40px; background:#F8F8F8; width:140px; padding:20px 0; border-right:1px solid #F2F2F2; } td.roommarkTitleSub { height:40px; background:#F8F8F8; width:90px; padding:20px 0; border-right:1px solid #F2F2F2; } td.roommarkTitle > div > h2 { font-size:16px; padding:0 10px; } td.roommarkTitle > div > p { font-size:14px; padding:0 10px; margin-top:6px; } td.roommarkComm { width:140px; background:#F8F8F8; padding:15px 0; border-bottom:1px solid #DFDFDF; border-right:1px solid #F2F2F2; } td.roommarkCommSub { width:90px; background:#F8F8F8; padding:15px 0; border-bottom:1px solid #DFDFDF; border-right:1px solid #F2F2F2; } td.roommarkComm > div > p { font-size:14px; padding:0 10px; } td.roommarkContent { width:140px; height:20px; padding:15px 0; border-bottom:1px solid #DFDFDF; border-right:1px solid #F2F2F2; } td.roommarkContentSub { width:90px; height:20px; padding:15px 0; border-bottom:1px solid #DFDFDF; border-right:1px solid #F2F2F2; } td.roommarkContent > div > p, td.roommarkContentSub > div > p { font-size:14px; padding:0 10px; line-height:20px; color:#333; } td.roommarkContent.x2 { height:47px; } td.roommarkContent.x4 { height:94px; } td.roommarkContent.x9 { height:211px; } td.roommarkContent.optionField1 { height:120px; } td.roommarkContent.optionField2 { height:140px; } td.roommarkContent.optionField3 { height:50px; } td.roommarkContent.optionField1 > div > p, td.roommarkContent.optionField2 > div > p, td.roommarkContent.optionField3 > div > p { line-height:20px; font-weight:normal; } td > div > p.roommarkSetBtn { text-align:left; } td > div > p.roommarkCommBtn { text-align:left; line-height:40px; } td > div > p.roommarkCommBtn > span { background:#FFF; } td > div > p.underline { text-decoration:underline; color:#454545; } td.roommarkContent > div > p:first-child { margin:0 0 5px 0; } td > div > p > span.roommarkSetDel { padding:5px 15px; color:red; font-size:14px; border:1px solid #AAA; border-radius:5px; } td > div > p > span.roommarkSetImg { padding:5px 15px; color:#454545; font-size:14px; border:1px solid #AAA; border-radius:5px; } td > div > p > span.roommarkUnSetImg { padding:5px 15px; color:#CCC; font-size:14px; border:1px solid #CCC; border-radius:5px; } td.roommarkContent > div > p > span.optItemAble { color:#333; font-weight:normal; } td.roommarkContent > div > p > span.optItemDisable { color:#666; text-decoration:line-through } td.roommarkContent > div > p > span { vertical-align:middle; } td.roommarkContent > div > p > svg { vertical-align:middle; width:15px; } div#noList { position:relative; padding:40px 0; display:block; border-bottom:1px solid #F2F2F2; overflow:hidden; } div#noList > h3 { text-align:center; font-size:18px; color:#454545; } div#noList > h3 > span { font-size:14px; color:#454545; font-weight:normal; } div#noList > p { text-align:center; margin-top:25px; } div#noList > p > span { background:#0063F2; padding:7px 15px; border-radius:3px; font-size:16px; color:#FFF; font-weight:300; } /* ???? */ #talkList { width:100%; background:#FFF; } #talkList > li { position:relative; display:block; border-bottom:1px solid #F2F2F2; height:90px; overflow:hidden; } #talkList > li > span { float:left; width:50px; height:50px; border:0; border-radius:25px; margin:15px 0 0 15px; overflow:hidden; background-size:cover; background-position: center; } #talkList > li > div { width:auto; margin:12px 15px 0 70px; } #talkList > li > div > h2 { font-weight:bold; font-size:15px; letter-spacing:-0.025em; word-spacing:-0.025em; padding:0 10px; } #talkList > li > div > h2 > span { float:right; font-weight:normal; font-size:11px; color:#999; } #talkList > li > div > p { font-size:13px; color:#777; letter-spacing:-0.025em; word-spacing:-0.025em; word-break:break-all; padding:0 50px 0 10px; overflow:hidden; margin-top:3px; } #talkList > li > div > p > span { position:absolute; top:42px; right:15px; width:20px; height:20px; border-radius:10px; background:orangered; color:#FFF; text-align:center; font-size:12px; } #talkList > li > div > p > span > strong { position:absolute; top:3px; left:6.5px; } #talkList > li#noList { width:100%; padding:40px 0; height:auto; } #talkList > li#noList > h3 { text-align:center; font-size:18px; color:#454545; } #talkList > li#noList > h3 > span { font-size:14px; color:#454545; font-weight:normal; } #talkList > li#noList > p { text-align:center; margin-top:25px; } #talkList > li#noList > p > span { background:#0063F2; padding:7px 15px; border-radius:3px; font-size:16px; color:#FFF; font-weight:300; } .cls-1, .cls-3 { fill: none; } .cls-1 { stroke: #666; stroke-width: 6px; } .cls-2 { stroke: none; } #iconLocation .cls-1, #iconLocation .cls-4 { fill: none; } #iconLocation .cls-1 { stroke: #000; stroke-width: 6px; } #iconLocation .cls-2 { fill-rule: evenodd; } #iconLocation .cls-3 { stroke: none; } .iconEvaluate .cls-1{ stroke:#000; stroke-width:6px; fill-rule: evenodd; } /* 사진 보기 */ /* css분리로 인해 미사용 div#header { position:relative; width:100%; padding:60px 0 20px; } div#header > h3 { margin:0 7%; color:#999; text-align:left; font-size:15px; font-weight:normal; } div#header > p { margin:0 7%; font-size:20px; letter-spacing:-0.3px; word-spacing:-0.3px; font-weight:500; } div#header > svg { position:absolute; top:20px; right:20px; fill:#454545; width:20px; } div#headerDescription { width:100%; overflow:hidden; background:#FFF; } div#headerDescription > p { border-radius:15px; margin:15px 7% 15px; font-size:14px; font-weight:400; padding:20px; line-height: 165%; display:flex; gap:15px; align-items: center; } div#headerDescription > p.dateDescription { margin:7px 7%; display: inline-flex; width:-webkit-fill-available; background:#e5e5f1; } div#headerDescription > p > svg { height:23px; fill:#666; } div#headerDescription > p > span { flex:1; } div#headerDescription > p.conditionGood { background:#e5e5f1; } div#headerDescription > p.conditionBad { background:#efdbdb; } div#headerDescription > p.sourceBrooming { background:#e5e5f1; } div#headerDescription > p.sourceOwner { background:#e2e2e2; } div#picList { width:100%; overflow:hidden; background:#FFF; margin-top:15px; } div#picList > ul > li { position:relative; width:100%; text-align: center; margin:7px 0; display:inline-block; } div#picList > ul > li > img { width:86%; border-radius:15px; } div#picList > ul > li > span { position:absolute; width:86%; text-align: center; left:7%; bottom:4px; background:#000; color:#FFF; font-weight:500; font-size:14px; padding:7px 0; filter:alpha(opacity=60); opacity: .6; border-bottom-left-radius:15px; border-bottom-right-radius:15px; } div#areaSizeSection { width:100%; overflow:hidden; background:#FFF; margin-top:35px; } div#areaSizeSection > p { margin:0px 8px 7px 8px; padding:0px 10px; display: inline-flex; width:-webkit-fill-available; font-size:13px; color:#121212; line-height:150%; } div#areaSizeSection > p > svg { vertical-align:middle; height:22px; fill:#333; margin:2px 7px 0 0; } div#areaSizeSection > p > span { vertical-align:middle; } div#areaSizeSection > p > span > strong { font-size:15px; } div#areaSizeSection > p > span > font { color:#3162C7; font-size:12px; margin-left:7px; font-weight:400; } div#areaSizeSection > p#areaSubTitle { font-size:14px; font-weight: 400; } div#areaSizeSection > ul { margin:7px 20px; border-radius:5px; background:#F2F2F2; padding:7px 10px; } div#areaSizeSection > ul > li { padding:3px 0; display: grid; grid-template-columns: 23% 40% 37%; align-items:center; } div#areaSizeSection > ul > li > span.areaTitle { font-size:15px; font-weight: 400; } div#areaSizeSection > ul > li > span.areaSize { font-size:14px; font-weight: 400; } div#areaSizeSection > ul > li > span.areaSizeDetail { font-size:12px; color:#666; text-align:right; } div#areaSizeSection > p#areaDescription { margin:10px 10px 30px; color:#999; line-height:150%; font-size:12px; } */