/* Jinsol 2026: shared visual system for legacy Semuline screens. */
:root{--jr-navy:#242342;--jr-deep:#1b1a35;--jr-panel:#2d2b4b;--jr-accent:#6548dc;--jr-cyan:#39c2dc;--jr-ink:#292844;--jr-muted:#747286;--jr-line:#dfdeea;--jr-soft:#f5f5f9;--jr-white:#fff}
html,body{font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--jr-ink)}
body{background:#fff}input,select,textarea,button{font:inherit}

/* Shared subpage shell */
#jinsol-shell #container{min-height:560px;background:#fff}
#jinsol-shell .sub_slide{min-height:210px;margin:0!important;padding:0 32px;display:flex;align-items:flex-end;background-color:var(--jr-deep)!important;background-size:cover!important;background-position:center!important;position:relative;isolation:isolate}
#jinsol-shell .sub_slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,43,.9),rgba(28,28,63,.45));z-index:-1}
#jinsol-shell .sub_slide>span{width:min(100%,1160px);margin:0 auto 42px;color:#d8d6e1;font-size:15px;line-height:1.8}
#jinsol-shell #sub_container{width:min(calc(100% - 64px),1160px)!important;min-height:520px!important;margin:0 auto!important;padding:74px 0 110px!important;display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:64px!important}
#jinsol-shell #side{float:none!important;width:auto!important;margin:0!important;padding:0!important}
#jinsol-shell #side .left_title{height:auto!important;padding:0 0 20px!important;border-bottom:1px solid var(--jr-ink)!important;background:none!important;color:var(--jr-ink)!important;font-size:25px!important;line-height:1.3!important;font-weight:600!important}
#jinsol-shell #side .left_title_bar{display:none!important}
#jinsol-shell #menu_area{margin-top:18px!important}
#jinsol-shell #menu_area li{height:auto!important;border-bottom:1px solid var(--jr-line);position:relative}
#jinsol-shell #menu_area li a{min-height:48px!important;padding:14px 8px!important;background:none!important;color:var(--jr-muted)!important;font-size:13px!important;line-height:1.45!important;font-weight:500!important}
#jinsol-shell #menu_area li.selected>a,#jinsol-shell #menu_area li a:hover{padding-left:14px!important;color:var(--jr-accent)!important;background:#f3f1fa!important}
#jinsol-shell #menu_area .dot{display:none!important}#jinsol-shell #menu_area .smenu{padding:4px 0 10px!important}
#jinsol-shell .banner_tel{margin-top:28px!important;padding:18px!important;background:var(--jr-navy)!important;border:0!important;text-align:left!important}.banner_tel a{color:#fff!important;font-size:15px!important;font-weight:600!important}
#jinsol-shell #content{float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
#jinsol-shell #content .lnb{min-height:18px!important;margin:0 0 30px!important;padding:0!important;border:0!important;color:#9794a7!important;font-size:11px!important}
#jinsol-shell #content .lnb ul{display:flex;justify-content:flex-end;gap:18px!important}#jinsol-shell #content .lnb li{background:none!important;padding:0!important}
#jinsol-shell #content>.title{height:auto!important;margin:0 0 42px!important;padding:0 0 25px!important;border-bottom:1px solid var(--jr-line)!important;color:var(--jr-ink)!important;font-size:40px!important;line-height:1.25!important;font-weight:500!important;letter-spacing:-.045em!important}
#jinsol-shell .title_dot_v1,#jinsol-shell .title_dot_v2{display:none!important}
#jinsol-shell .content_area{min-height:300px;color:var(--jr-ink);font-size:14px;line-height:1.75}
#jinsol-shell #layout_sub{min-height:520px;background:#fff}#jinsol-shell #layout_sub>.content_area{width:min(calc(100% - 64px),1160px);margin:0 auto;padding:76px 0 110px}

/* Search and filter bars */
.content_area .bui_search,.content_area .bui_search_simple_form,.content_area .ui_form{margin:0 0 28px!important;padding:18px 20px!important;border:1px solid var(--jr-line)!important;background:var(--jr-soft)!important;border-radius:0!important}
.content_area .bui_search ul,.content_area .bui_search_simple_form,.content_area .ui_form{align-items:center;gap:8px}
.content_area input[type=text],.content_area input[type=password],.content_area input[type=email],.content_area select,.content_area textarea{min-height:42px!important;padding:9px 12px!important;border:1px solid #cbc9d5!important;border-radius:0!important;background:#fff!important;color:var(--jr-ink)!important;outline:none!important;box-shadow:none!important}
.content_area input:focus,.content_area select:focus,.content_area textarea:focus{border-color:var(--jr-accent)!important;box-shadow:0 0 0 3px rgba(101,72,220,.1)!important}
.content_area textarea{min-height:150px!important;line-height:1.65!important;resize:vertical}
.content_area input[type=checkbox],.content_area input[type=radio]{accent-color:var(--jr-accent)}
.ui_btn_g,.btn_wide,.content_area input[type=submit]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 18px!important;border:1px solid var(--jr-navy)!important;border-radius:0!important;background:var(--jr-navy)!important;color:#fff!important;font-weight:600!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important}
.ui_btn_g.gray,.btn_wide:not(.black){border-color:#c9c7d3!important;background:#fff!important;color:var(--jr-ink)!important}.ui_btn_g.blue{border-color:var(--jr-accent)!important;background:var(--jr-accent)!important}

/* List and board screens */
.content_area .bui_list,.content_area .bui_gallery_list{margin-top:0!important;border-top:2px solid var(--jr-navy)!important;border-bottom:1px solid var(--jr-line)!important;background:#fff}
.content_area .bui_list_head{min-height:52px!important;background:#f3f2f7!important;border-bottom:1px solid var(--jr-line)!important;color:#57546b!important;font-size:12px!important;font-weight:600!important}
.content_area .bui_list_body>ul,.content_area .bui_list_body>.item{min-height:64px!important;border-bottom:1px solid #ebeaf0!important;background:#fff!important;transition:background-color .2s ease}
.content_area .bui_list_body>ul:hover,.content_area .bui_list_body>.item:hover{background:#faf9fd!important}
.content_area .bui_list .td,.content_area .bui_list .th{padding-top:17px!important;padding-bottom:17px!important;color:inherit!important}
.content_area .bui_list .col_subject{font-weight:500!important}.content_area .bui_list .col_date,.content_area .bui_list .col_name,.content_area .bui_list .col_hit{color:#858294!important;font-size:12px!important}
.content_area .bui_gallery_list>ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important}.content_area .bui_gallery_list>ul>li{width:auto!important;margin:0!important;padding:0 0 24px!important;border:1px solid var(--jr-line)!important;background:#fff!important}.content_area .bui_gallery_list .col_thum{overflow:hidden;background:#ecebf2}.content_area .bui_gallery_list .col_subject{padding:18px 18px 4px!important;font-weight:600!important}.content_area .bui_gallery_list .more{padding:0 18px!important;color:var(--jr-muted)!important}
.content_area .pagination{display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin:34px 0 0!important}.content_area .pagination a,.content_area .pagination span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:34px!important;border:1px solid var(--jr-line)!important;background:#fff!important;color:var(--jr-muted)!important}.content_area .pagination .current{border-color:var(--jr-navy)!important;background:var(--jr-navy)!important;color:#fff!important}

/* Forms and inquiry */
.content_area .bui_form{border-top:2px solid var(--jr-navy)!important;border-bottom:1px solid var(--jr-line)!important}.content_area .bui_form_title{padding:16px 20px!important;background:#f3f2f7!important;color:var(--jr-ink)!important;font-size:16px!important;font-weight:600!important}
.content_area .bui_form_body>ul,.content_area .bui_form_body>.item{display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;min-height:60px!important;border-bottom:1px solid #ebeaf0!important}.content_area .bui_form .col_th{padding:18px 20px!important;background:#faf9fc!important;color:#59566b!important;font-weight:600!important}.content_area .bui_form .col_td{padding:10px 16px!important;min-width:0!important}.content_area .bui_form_btn{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:30px!important}
.content_area .fileupload{padding:14px!important;border:1px dashed #c8c5d5!important;background:#faf9fc!important}.content_area .i_scrollbox{width:100%!important;min-height:110px!important}

/* Member pages (these use the layout CSS but not the standard outline). */
body:has(.member){min-height:100vh;background:linear-gradient(135deg,#1b1a35 0,#282746 48%,#f5f5f9 48%,#f5f5f9 100%)!important}
.member{width:min(calc(100% - 36px),720px)!important;margin:0 auto!important;padding:68px 0!important;background:none!important}
.member .icon_home{width:210px!important;height:70px!important;margin:0 auto 24px!important;background:url('/layout/user_d_jinsol2026_ko/static/logo.png') center/contain no-repeat!important}.member .icon_home a{display:block!important;width:100%!important;height:100%!important;opacity:0}
.member>.area{width:100%!important;margin:0!important;padding:48px!important;border:1px solid var(--jr-line)!important;background:#fff!important;box-shadow:0 30px 90px rgba(20,19,48,.2)!important}
.member .sns_no{display:none!important}.member .info{margin:0 0 28px!important;color:var(--jr-muted)!important;line-height:1.75!important;text-align:center!important}.member .form_subject{margin-bottom:26px!important}.member .subject_thum{display:none!important}.member .subject_text{color:var(--jr-ink)!important;font-size:28px!important;font-weight:600!important;letter-spacing:-.04em!important;text-align:center!important}
.member .form_input input.input,.member input[type=text],.member input[type=password],.member select,.member textarea{width:100%!important;min-height:48px!important;margin:0 0 10px!important;padding:11px 14px!important;border:1px solid #cbc9d5!important;border-radius:0!important;background:#fff!important;color:var(--jr-ink)!important;box-sizing:border-box!important}.member textarea{min-height:150px!important}.member input:focus,.member textarea:focus,.member select:focus{border-color:var(--jr-accent)!important;outline:none!important;box-shadow:0 0 0 3px rgba(101,72,220,.1)!important}
.member .login_btn,.member .join_btn{margin-top:20px!important}.member .btn_wide{width:100%!important;min-height:50px!important}.member .id_check,.member .agree_check{color:var(--jr-muted)!important}.member .btn_etc ul{display:flex!important;justify-content:center!important;gap:10px!important;margin-top:16px!important}.member .btn_etc li{float:none!important;width:auto!important}.member .join_space,.member .join_space01{margin:0!important}.member .bui_form_body>ul{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;border-bottom:1px solid #ecebf1!important}.member .bui_form .col_th{padding:16px!important;background:#faf9fc!important}.member .bui_form .col_td{padding:10px 14px!important}.member .join_agree{margin-bottom:26px!important}.member .agree_text{background:#faf9fc!important}

/* Salary calculator and business-state popups. */
body:has(#taxi_pay_form),body:has(#taxi_client_form){margin:0!important;padding:24px!important;background:var(--jr-soft)!important;color:var(--jr-ink)!important}
#taxi_pay_form,.business_state_wrap{max-width:860px!important;margin:0 auto!important;padding:28px!important;border:1px solid var(--jr-line)!important;background:#fff!important;box-shadow:0 18px 60px rgba(22,21,50,.12)!important}
#taxi_pay_form table,#taxi_client_form table{width:100%!important;border-collapse:collapse!important;border-top:2px solid var(--jr-navy)!important}#taxi_pay_form th,#taxi_pay_form td,#taxi_client_form th,#taxi_client_form td{padding:11px!important;border:1px solid #e3e1e9!important}#taxi_pay_form th,#taxi_client_form th{background:#f3f2f7!important;color:#555268!important;font-weight:600!important}
#taxi_pay_form input[type=text],#taxi_pay_form select,#taxi_client_form input[type=text]{min-height:38px!important;padding:8px 10px!important;border:1px solid #c9c7d3!important;background:#fff!important;color:var(--jr-ink)!important}#taxi_pay_form input[type=checkbox]{accent-color:var(--jr-accent)}
#taxi_client_form input[type=submit]{min-height:38px!important;padding:0 16px!important;border:0!important;background:var(--jr-navy)!important;color:#fff!important;font-weight:600!important}

@media(max-width:900px){#jinsol-shell #sub_container{grid-template-columns:1fr!important;gap:30px!important;padding-top:48px!important}#jinsol-shell #side{display:none!important}#jinsol-shell #content>.title{font-size:32px!important}.content_area .bui_gallery_list>ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}.member>.area{padding:34px 24px!important}}
@media(max-width:580px){#jinsol-shell #sub_container,#jinsol-shell #layout_sub>.content_area{width:min(calc(100% - 34px),1160px)!important}.content_area .bui_form_body>ul,.content_area .bui_form_body>.item,.member .bui_form_body>ul{grid-template-columns:1fr!important}.content_area .bui_form .col_th,.member .bui_form .col_th{padding-bottom:4px!important;background:#fff!important}.content_area .bui_gallery_list>ul{grid-template-columns:1fr!important}.member{padding:34px 0!important}.member>.area{padding:30px 20px!important}body:has(#taxi_pay_form),body:has(#taxi_client_form){padding:10px!important}#taxi_pay_form,.business_state_wrap{padding:16px!important}}

/* 2026-10-28 final visual scale */
body:has(.member){min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(57,194,220,.15),transparent 34%),radial-gradient(circle at 82% 82%,rgba(114,67,231,.18),transparent 38%),#1b1a35!important}
.member{width:min(calc(100% - 36px),620px)!important;margin:0 auto!important;padding:48px 0 64px!important;background:none!important;color:var(--jr-ink)!important;font-size:14px!important}
.member .icon_home{position:static!important;width:176px!important;height:50px!important;margin:0 auto 20px!important;padding:9px 16px!important;background:#fff url('/layout/user_d_jinsol2026_ko/static/logo.png') center/contain no-repeat!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:0 12px 40px rgba(8,7,26,.18)!important;box-sizing:content-box!important}
.member>.area{width:100%!important;margin:0!important;padding:42px 44px!important;border:1px solid rgba(255,255,255,.16)!important;background:#fff!important;box-shadow:0 30px 90px rgba(8,7,26,.28)!important}
.member .login_form li{margin:0 0 16px!important;border:0!important}
.member .form_subject{position:static!important;width:auto!important;margin:0 0 8px!important}
.member .subject_text{margin:0!important;color:var(--jr-ink)!important;font-size:14px!important;line-height:1.45!important;font-weight:600!important;letter-spacing:-.02em!important;text-align:left!important}
.member .form_input{height:auto!important;margin:0!important}
.member .btn_wide{min-height:48px!important;font-size:14px!important}
#jinsol-shell .content_area .hero{height:min(76vh,680px)!important;min-height:610px!important}
#jinsol-shell .content_area .hero-copy{padding-bottom:72px!important}
#jinsol-shell .content_area .hero h1{font-size:52px!important;line-height:1.2!important;font-weight:540!important;letter-spacing:-.05em!important}
#jinsol-shell .content_area .hero p{font-size:16px!important;line-height:1.85!important}
#jinsol-shell .content_area .section-head h2,#jinsol-shell .content_area section>.wrap>h2,#jinsol-shell .content_area .contact h2{font-size:38px!important;line-height:1.3!important;font-weight:530!important}
#jinsol-shell .content_area .section-head p,#jinsol-shell .content_area section>.wrap>p{font-size:15px!important;line-height:1.85!important}
#jinsol-shell .content_area :is(.scope-grid,.result-grid,.steps,.flow,.service-grid,.issue-grid) h3{font-size:20px!important;line-height:1.45!important}
#jinsol-shell .content_area :is(.scope-grid,.result-grid,.steps,.flow,.service-grid,.issue-grid) p{font-size:14px!important;line-height:1.75!important}
@media(max-width:580px){.member{padding:28px 0 40px!important}.member>.area{padding:28px 22px!important}.member .icon_home{width:150px!important;height:44px!important}}

/* 2026-10-28 member width correction */
html body .member{width:min(calc(100% - 36px),620px)!important;box-sizing:border-box!important;border:0!important;background:none!important}
html body .member>.area{width:100%!important;box-sizing:border-box!important}
html body .member .icon_home{width:176px!important;height:50px!important;box-sizing:border-box!important}