/*!
 * 4zu8za.com 상담사 프로필 창(#counselorModal) 스타일 — /counselor/{번호}-{이름} 주소로 들어온 검색 유입 화면
 * 2026-10-10: 리디자인(dark.css)을 끄면서 상담사 프로필 창 스타일만 따로 뺀 파일. 라이트 전용.
 * 원본: dark.css 의 #counselorModal 규칙 (다크 규칙 제외). 공통 head 에 <link rel="stylesheet" href="/css/counselor.css?v=20261010"> 로 연결
 * data-cat / data-state / data-stat 속성은 사이트 index 의 상담사 창 스크립트가 넣어 줌 (dark.js 와 무관)
 */
#counselorModal,#counselorModal *,#counselorModal ::before,#counselorModal ::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}
html body #counselorModal .modal-content{border-radius:5px!important;--tw-border-opacity:1!important;border-color:rgb(229 225 216/var(--tw-border-opacity,1))!important;--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important;--tw-text-opacity:1!important;color:rgb(62 76 92/var(--tw-text-opacity,1))!important;--tw-shadow:0 16px 48px rgba(30,51,80,.18)!important;--tw-shadow-colored:0 16px 48px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}
html body #counselorModal .modal-content *{text-shadow:none!important}
html body #counselorModal .modal-header{position:relative!important;border-top-left-radius:4px!important;border-top-right-radius:4px!important;border-width:0 0 1px!important;border-style:solid!important;--tw-border-opacity:1!important;border-color:rgb(229 225 216/var(--tw-border-opacity,1))!important}
html body #counselorModal hr{border-width:1px 0 0!important;border-style:solid!important;--tw-border-opacity:1!important;border-color:rgb(229 225 216/var(--tw-border-opacity,1))!important;opacity:1!important}
html body #counselorModal .modal-header{display:flex!important;align-items:center!important;gap:15px!important;padding-right:50px!important}
html body #counselorModal:not([data-state=ok]) .modal-header>:not(.btn-close){visibility:hidden!important}
html body #counselorModal .cs-image{box-sizing:border-box!important;height:60px!important;width:60px!important;flex-shrink:0!important;border-radius:9999px!important;border-width:1px!important;border-style:solid!important;--tw-border-opacity:1!important;border-color:rgb(229 225 216/var(--tw-border-opacity,1))!important;--tw-bg-opacity:1!important;background-color:rgb(243 241 236/var(--tw-bg-opacity,1))!important;-o-object-fit:cover!important;object-fit:cover!important}
html body #counselorModal[data-cat=tarot] .cs-image{background:url(/images/2022/profile-bg.png) 0 0/281px 130px no-repeat!important}
html body #counselorModal .cs-head{min-width:0!important;flex:1 1 0%!important}
html body #counselorModal .modal-title{margin:0!important;font-size:20px!important;font-weight:500!important;line-height:30px!important;--tw-text-opacity:1!important;color:rgb(30 51 80/var(--tw-text-opacity,1))!important}
html body #counselorModal .modal-title .category{display:inline-block!important;border-radius:3px!important;--tw-bg-opacity:1!important;background-color:rgb(244 223 214/var(--tw-bg-opacity,1))!important;padding:.125rem .375rem!important;vertical-align:middle!important;font-size:13px!important;font-weight:600!important;line-height:1.5!important;--tw-text-opacity:1!important;color:rgb(176 74 62/var(--tw-text-opacity,1))!important}
html body #counselorModal[data-cat=tarot] .modal-title .category{--tw-bg-opacity:1!important;background-color:rgb(227 235 246/var(--tw-bg-opacity,1))!important;--tw-text-opacity:1!important;color:rgb(47 95 158/var(--tw-text-opacity,1))!important}
html body #counselorModal[data-cat=philosophy] .modal-title .category{--tw-bg-opacity:1!important;background-color:rgb(236 238 240/var(--tw-bg-opacity,1))!important;--tw-text-opacity:1!important;color:rgb(95 103 112/var(--tw-text-opacity,1))!important}
html body #counselorModal .modal-title .code{vertical-align:middle!important;font-weight:700!important;--tw-text-opacity:1!important;color:rgb(196 83 71/var(--tw-text-opacity,1))!important}
html body #counselorModal .modal-title .name{vertical-align:middle!important;font-weight:700!important;--tw-text-opacity:1!important;color:rgb(30 51 80/var(--tw-text-opacity,1))!important}
html body #counselorModal .modal-header .btn-close{position:absolute!important;top:50%!important;right:25px!important;margin:0!important;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
html body #counselorModal .cs-meta{margin:.25rem 0 0!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;-moz-column-gap:.5rem!important;column-gap:.5rem!important;row-gap:.25rem!important;font-size:12px!important;line-height:1.5!important;--tw-text-opacity:1!important;color:rgb(62 76 92/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-stat{display:inline-flex!important;align-items:center!important;gap:.25rem!important;border-radius:3px!important;--tw-bg-opacity:1!important;background-color:rgb(111 120 130/var(--tw-bg-opacity,1))!important;padding:.125rem .5rem!important;font-size:12px!important;font-weight:700!important;line-height:1.5!important;--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-stat:empty{display:none!important}
html body #counselorModal .cs-stat[data-stat=danger]{--tw-bg-opacity:1!important;background-color:rgb(196 83 71/var(--tw-bg-opacity,1))!important;--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-stat[data-stat=success]{--tw-bg-opacity:1!important;background-color:rgb(58 117 88/var(--tw-bg-opacity,1))!important;--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-meta strong{font-weight:700!important;--tw-text-opacity:1!important;color:rgb(30 51 80/var(--tw-text-opacity,1))!important}
html body #counselorModal .modal-body{font-size:16px!important;--tw-text-opacity:1!important;color:rgb(62 76 92/var(--tw-text-opacity,1))!important}
html body #counselorModal .modal-body :where(p){margin:0!important}
html body #counselorModal .cs-banner{margin-bottom:.75rem!important;word-break:keep-all!important;border-radius:5px!important;--tw-bg-opacity:1!important;background-color:rgb(184 70 59/var(--tw-bg-opacity,1))!important;padding:7px 5px 6px 1rem!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;--tw-text-opacity:1!important;color:rgb(255 247 244/var(--tw-text-opacity,1))!important}
html body #counselorModal[data-cat=tarot] .cs-banner{--tw-bg-opacity:1!important;background-color:rgb(47 95 158/var(--tw-bg-opacity,1))!important;--tw-text-opacity:1!important;color:rgb(243 247 252/var(--tw-text-opacity,1))!important}
html body #counselorModal[data-cat=philosophy] .cs-banner{--tw-bg-opacity:1!important;background-color:rgb(115 124 134/var(--tw-bg-opacity,1))!important;--tw-text-opacity:1!important;color:rgb(247 248 249/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-content{margin-bottom:1rem!important;overflow-wrap:normal!important;word-break:normal!important;text-align:justify!important;font-size:12px!important;line-height:19px!important;--tw-text-opacity:1!important;color:rgb(62 76 92/var(--tw-text-opacity,1))!important}
html body #counselorModal .modal-body .btn{display:block!important;width:100%!important;border-radius:5px!important;text-align:left!important;font-size:22px!important;font-weight:700!important;line-height:1.5!important;text-decoration-line:none!important;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}
html body #counselorModal .modal-body .btn:focus-visible{outline-style:solid!important;outline-width:2px!important;outline-offset:2px!important;outline-color:#c45347!important}
html body #counselorModal .modal-body .btn>span{float:right!important;padding-top:.5rem!important;font-size:12px!important;color:inherit!important}
html body #counselorModal .cs-btn-prepaid{border-width:0!important;--tw-bg-opacity:1!important;background-color:rgb(196 83 71/var(--tw-bg-opacity,1))!important;--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-btn-prepaid:hover{--tw-bg-opacity:1!important;background-color:rgb(173 61 49/var(--tw-bg-opacity,1))!important}
html body #counselorModal .cs-btn-charge{margin-top:5px!important;border-width:1px!important;border-style:solid!important;--tw-border-opacity:1!important;border-color:rgb(236 201 189/var(--tw-border-opacity,1))!important;--tw-bg-opacity:1!important;background-color:rgb(244 223 214/var(--tw-bg-opacity,1))!important;padding:5px!important;--tw-text-opacity:1!important;color:rgb(176 74 62/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-btn-charge:hover{--tw-bg-opacity:1!important;background-color:rgb(239 208 196/var(--tw-bg-opacity,1))!important}
html body #counselorModal .cs-tel{border-width:0!important;--tw-bg-opacity:1!important;background-color:rgb(58 117 88/var(--tw-bg-opacity,1))!important;--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-tel:hover{--tw-bg-opacity:1!important;background-color:rgb(49 101 75/var(--tw-bg-opacity,1))!important}
html body #counselorModal p.hint{padding:10px!important;text-align:right!important;font-size:14px!important;--tw-text-opacity:1!important;color:rgb(62 76 92/var(--tw-text-opacity,1))!important}
html body #counselorModal p.hint>span{padding-top:1px!important;font-size:12px!important}
html body #counselorModal p.hint>span:first-child:not(:only-child){float:left!important}
html body #counselorModal p.hint strong{font-size:14px!important;font-weight:700!important;--tw-text-opacity:1!important;color:rgb(30 51 80/var(--tw-text-opacity,1))!important}
html body #counselorModal p.hint.cs-free{padding:5px 5px 0!important;text-align:center!important}
html body #counselorModal p.hint.cs-free strong{font-size:12px!important;--tw-text-opacity:1!important;color:rgb(196 83 71/var(--tw-text-opacity,1))!important}
html body #counselorModal hr.cs-hr1{margin-top:0!important;margin-bottom:10px!important}
html body #counselorModal hr.cs-hr2{margin-top:10px!important;margin-bottom:5px!important}
html body #counselorModal p.info{padding:0!important;text-align:center!important;font-size:14px!important;--tw-text-opacity:1!important;color:rgb(62 76 92/var(--tw-text-opacity,1))!important}
html body #counselorModal p.info .code{font-weight:700!important;--tw-text-opacity:1!important;color:rgb(196 83 71/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-loading .spinner-border{--tw-text-opacity:1!important;color:rgb(196 83 71/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-error{margin:0!important;border-radius:5px!important;border-width:1px!important;border-style:solid!important;--tw-border-opacity:1!important;border-color:rgb(229 225 216/var(--tw-border-opacity,1))!important;--tw-bg-opacity:1!important;background-color:rgb(243 241 236/var(--tw-bg-opacity,1))!important;font-size:14px!important;--tw-text-opacity:1!important;color:rgb(30 51 80/var(--tw-text-opacity,1))!important}
html body #counselorModal .cs-content{--tw-text-opacity:1!important;color:rgb(43 55 70/var(--tw-text-opacity,1))!important}