/* Dawn (www.daum.net / search.daum.net / m.search.daum.net) */
.page-daum { background: #f5f6f7; }
.dm-root { min-height: 100vh; }
.dm-head { background: #fff; border-bottom: 1px solid #e5e5e5; }
.dm-head-inner { display: flex; align-items: center; max-width: 1230px; margin: 0 auto; padding: 16px 24px 0; }
.dm-field { position: relative; display: flex; align-items: center; width: 770px; max-width: 100%; height: 56px; border: 2px solid transparent; border-radius: 999px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ff6b3d, #ff3d7f, #3d7bff, #2fbf71) border-box; padding: 0 16px 0 14px; }
.dm-field .dm-brand { display: inline-flex; margin-right: 12px; }
.dm-field input { flex: 1; min-width: 0; border: 0; outline: none; font-size: 20px; font-weight: 500; font-family: inherit; color: #111; }
.dm-clear { width: 18px; height: 18px; border-radius: 50%; background: #c8c8c8; display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; }
.dm-field .kbd { color: #999; margin-right: 8px; font-size: 18px; }
.dm-head-right { margin-left: auto; display: flex; align-items: center; gap: 14px; font-size: 13px; }
.dm-login { height: 24px; padding: 0 8px; border: 1px solid #ccc; border-radius: 3px; display: inline-flex; align-items: center; font-size: 12px; }
.dm-tabs { display: flex; align-items: center; gap: 24px; max-width: 1230px; margin: 0 auto; padding: 14px 24px 0; font-size: 15px; }
.dm-tabs a { padding-bottom: 12px; border-bottom: 3px solid transparent; color: #333; }
.dm-tabs a.on { font-weight: 700; border-bottom-color: #111; }
.dm-tabs sup { font-size: 9px; color: #999; }
.dm-period { margin-left: auto; margin-bottom: 10px; height: 30px; padding: 0 10px; border: 1px solid #ccc; border-radius: 3px; background: #fff; font-size: 12.5px; }
.dm-grid { display: flex; gap: 22px; max-width: 1230px; margin: 16px auto 0; padding: 0 24px; align-items: flex-start; }
.dm-main { width: 770px; max-width: 100%; display: flex; flex-direction: column; gap: 14px; }
.dm-side { width: 430px; display: flex; flex-direction: column; gap: 14px; }
.dm-card { background: #fff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 22px 24px; }
.dm-card-head { display: flex; align-items: center; margin-bottom: 14px; }
.dm-card-head h2 { font-size: 18px; font-weight: 700; }
.dm-card-links { margin-left: auto; font-size: 12.5px; color: #666; display: inline-flex; gap: 10px; align-items: center; }
.dm-muted { color: #999; }
.dm-muted.small { font-size: 12px; }
.dm-web-tabs { display: flex; gap: 14px; font-size: 15px; margin-bottom: 8px; }
.dm-web-tabs a { color: #666; padding-right: 14px; border-right: 1px solid #e5e5e5; }
.dm-web-tabs a:last-child { border-right: 0; }
.dm-web-tabs a.on { color: #111; font-weight: 700; }
.dm-web-item { padding: 18px 0; border-top: 1px solid #f0f0f0; }
.dm-src { display: flex; align-items: center; gap: 4px; font-size: 13px; color: #666; }
.dm-favicon { width: 16px; height: 16px; border-radius: 50%; background: #03c75a; display: inline-block; margin-right: 4px; }
.dm-arrow { color: #bbb; }
.dm-share { margin-left: auto; font-size: 11px; color: #999; }
.dm-title { display: block; margin-top: 6px; font-size: 18px; color: #1a4fa0; font-weight: 500; line-height: 1.4; }
.dm-title:hover { text-decoration: underline; }
.dm-thumbs { display: flex; gap: 4px; margin-top: 10px; overflow: hidden; }
.dm-thumbs li { flex: 0 0 118px; height: 88px; border-radius: 4px; overflow: hidden; }
.dm-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.dm-web-body { display: flex; gap: 14px; margin-top: 10px; }
.dm-desc { flex: 1; font-size: 15px; line-height: 1.6; color: #333; }
.dm-thumb { position: relative; flex: 0 0 88px; height: 88px; border-radius: 6px; overflow: hidden; }
.dm-thumb img { width: 100%; height: 100%; object-fit: cover; }
.dm-thumb em { position: absolute; right: 6px; bottom: 4px; padding: 0 6px; border-radius: 999px; background: rgba(0,0,0,0.6); color: #fff; font-size: 11px; font-style: normal; }
.dm-date { margin-top: 8px; font-size: 13px; color: #999; }
.dm-more { margin-top: 8px; text-align: right; font-size: 13px; }
.dm-more a { color: #1e6bff; }
.dm-videos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.dm-video-thumb { position: relative; display: block; height: 100px; border-radius: 6px; overflow: hidden; margin-bottom: 6px; }
.dm-video-thumb img { width: 100%; height: 100%; object-fit: cover; }
.dm-video-thumb em { position: absolute; right: 6px; bottom: 6px; padding: 0 5px; background: rgba(0,0,0,0.6); color: #fff; font-size: 11px; border-radius: 3px; font-style: normal; }
.dm-videos b { font-size: 13.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dm-videos p { margin: 2px 0 0; font-size: 12px; color: #666; }
.dm-place-map { position: relative; height: 240px; border-radius: 8px; overflow: hidden; margin-bottom: 12px; }
.dm-place-map .ml-map { width: 100%; height: 100%; }
.dm-map-ctl { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; background: #fff; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,0.25); }
.dm-map-ctl button { width: 30px; height: 30px; font-size: 16px; }
.dm-place-region { font-size: 14px; display: flex; align-items: center; }
.dm-sort { margin-left: auto; font-size: 12.5px; }
.dm-sort a { color: #999; margin-left: 10px; }
.dm-sort a.on { color: #111; font-weight: 700; }
.dm-place-list li { padding: 16px 0; border-top: 1px solid #f0f0f0; font-size: 13.5px; }
.dm-place-list li:first-child { margin-top: 10px; }
.dm-pl-head { display: flex; align-items: center; gap: 8px; }
.dm-pl-name { font-size: 17px; font-weight: 700; color: #111; }
.dm-pl-cat { color: #999; font-size: 12.5px; }
.dm-pl-link { color: #1e6bff; font-size: 12.5px; }
.dm-pl-tel { margin-left: auto; color: #1e6bff; font-weight: 600; }
.dm-pl-addr { margin-top: 8px; line-height: 1.7; color: #333; }
.dm-pl-lbl { display: inline-block; width: 44px; color: #999; font-size: 12px; }
.dm-pl-rating { margin-top: 6px; display: flex; align-items: center; gap: 4px; }
.dm-pl-rating b { color: #ff5d3d; }
.dm-pl-rating a { color: #666; }
.dm-pl-tags { margin-top: 6px; display: flex; gap: 6px; flex-wrap: wrap; }
.dm-pl-tags span { padding: 2px 9px; border-radius: 999px; background: #f2f4f7; font-size: 12px; color: #555; }
.dm-pl-actions { margin-top: 8px; display: flex; gap: 8px; }
.dm-pl-actions a { height: 28px; padding: 0 12px; border: 1px solid #ddd; border-radius: 999px; font-size: 12.5px; display: inline-flex; align-items: center; }
.dm-trends { counter-reset: t; }
.dm-trends li { display: flex; align-items: center; gap: 12px; padding: 8px 0; font-size: 15px; }
.dm-trends li b { width: 16px; color: #111; }
.dm-trends li i { margin-left: auto; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.dm-trends li i.up { border-bottom: 7px solid #e0342a; } .dm-trends li i.down { border-top: 7px solid #1e6bff; } .dm-trends li i.same { width: 8px; height: 2px; background: #999; border: 0; }
.dm-trends.two { display: grid; grid-template-columns: 1fr 1fr; }
.dm-side-tabs { display: flex; margin-bottom: 8px; border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; }
.dm-side-tabs a { flex: 1; text-align: center; padding: 8px 0; font-size: 13px; color: #666; }
.dm-side-tabs a.on { color: #1e6bff; font-weight: 700; background: #f5f8ff; }
.dm-empty { font-size: 16px; }
.dm-foot { max-width: 1230px; margin: 30px auto; padding: 0 24px; font-size: 12px; color: #888; display: flex; gap: 14px; }
.dm-foot span { margin-left: auto; }
/* home */
.dm-home { background: #fff; }
.dm-home-head { display: flex; flex-direction: column; align-items: center; padding: 60px 24px 30px; }
.dm-home-brand { display: inline-flex; align-items: center; gap: 10px; font-size: 34px; letter-spacing: -1px; margin-bottom: 26px; }
.dm-field.big { width: 640px; }
.dm-services { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; margin-top: 26px; font-size: 14px; color: #333; }
.dm-home-main { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 1000px; margin: 0 auto; padding: 0 24px; }
.dm-news li { padding: 10px 0; border-bottom: 1px solid #f0f0f0; font-size: 15px; }
/* mobile */
.page-kakao-m .dm-head-inner { padding: 10px 12px 0; }
.page-kakao-m .dm-field { height: 46px; width: 100%; }
.page-kakao-m .dm-field input { font-size: 16px; }
.page-kakao-m .dm-tabs { padding: 10px 12px 0; gap: 16px; overflow-x: auto; scrollbar-width: none; font-size: 14px; }
.page-kakao-m .dm-grid { padding: 0; margin-top: 8px; }
.page-kakao-m .dm-main { width: 100%; }
.page-kakao-m .dm-card { border-radius: 0; border-left: 0; border-right: 0; padding: 18px 16px; }
.page-kakao-m .dm-videos { grid-template-columns: 1fr 1fr; }
.page-kakao-m .dm-home-head { padding: 30px 16px 20px; }
.page-kakao-m .dm-home-main { grid-template-columns: 1fr; }
.page-kakao-m .dm-foot { flex-wrap: wrap; padding: 0 16px; }