/* 20260519 _ 컨텐츠 페이지 */
/* 유형별 평가 결과 */
.rst-typ-1 > ul{ display:flex; justify-content: space-between; margin: 16px 0; text-align: center; flex-wrap: wrap;}
.rst-typ-1 > ul > li { position: relative; width: calc(100%/4 - 20px);  font-weight: 500; }
.rst-typ-1 > ul > li:after { content:""; position: absolute; width: 30px; height: 46px; background-image:url("/safe/images/contents-cross.png"); left: -28px; bottom: 40px; }
.rst-typ-1 > ul > li:first-child:after{ content:none; }
.rst-typ-1 > ul > li > p { padding:12px; margin-bottom: 8px; font-size: 1.8rem; background-color:#FAFAFA; border: 1px solid #f1f1f1; border-radius:10rem; }
.rst-typ-1 > ul > li > ul { color:#303030; }
.rst-typ-1 > ul > li > ul > li { padding:16px; border-radius:0.8rem; line-height: 1.75; }
.rst-typ-1 > ul > li > ul > li br { display:none; }
.rst-typ-1 > ul > li > ul > li .sf-b{ color:var(--color-main); font-weight: 600; }
.rst-typ-1 > ul > li > ul > li .sf-r{ color:#E40A2E; font-weight: 600; }
.rst-typ-1 > ul > li > ul > li:first-child { background-color:#F3F8FF; }
.rst-typ-1 > ul > li > ul > li:last-child { margin-top: 8px; background-color:#FFF6FB; }
.rst-typ-1 > div{ padding:16px; width: 100%; border: 1px solid var(--color-p30); font-size: 1.8rem; text-align:center; font-weight: 500; border-radius:10rem; }
/* 16가지 산업안전 SafeTI 유형 */
.rst-typ-2 > ul.rst-16 { display:flex; flex-wrap: wrap; justify-content: space-between; gap:8px; margin-top: 16px; width: 100%; color:var(--color-main); font-weight: 600; }
.rst-typ-2 > ul.rst-16 > li { padding:12px; width: calc(100%/8 - 8px); text-align:center; border-radius:0.8rem; }
.rst-typ-2 > ul.rst-16 > li > span{ color:#D30A2E; }
.rst-typ-2 > ul.rst-16 > li.blue-sec{ background-color:#F1F7FF;}
.rst-typ-2 > ul.rst-16 > li.gre-sec{ background-color:#EEFDF9;}
.rst-typ-2 > ul.rst-16 > li.yel-sec{ background-color:#FFFBF0;}
.rst-typ-2 > ul.rst-16 > li.ora-sec{ background-color:#FFF6EE;}
.rst-typ-2 > ul.rst-16 > li.pink-sec{ background-color:#FCEEF5;}
/* 안전디자인 나무 */
.rst-typ-3 .sf-tr { width: 100%; }
.rst-typ-3 .sf-tr .sf-tr-wrap { display:flex; flex-wrap:nowrap; justify-content: center; margin-top: 32px; gap: 24px; width: 100%; height: 100%; background:url('/safe/images/contents-bg-line.png'); background-position: 50% -10%; background-size:cover; background-repeat: no-repeat; }
.rst-typ-3 .sf-tr .sf-tr-wrap .sf-tr-img{ width: auto; position: relative; width: 370px; }
.rst-typ-3 .sf-tr .sf-tr-wrap .sf-tr-img:before { content:url("/safe/images/contents-arrow.png"); position:absolute; top:50px; left:-4px; }
.rst-typ-3 .sf-tr .sf-tr-wrap .sf-tr-img > img { width: 370px; }
.rst-typ-3 .sf-tr .sf-tr-wrap .sf-tr-img > p { display:flex; flex-direction: column; font-size: 14px; }
.rst-typ-3 .sf-tr .sf-tr-wrap .sf-tr-img > p span { font-size: 12px; }
.rst-typ-3 .sf-tr .sf-tr-wrap .sf-tr-img > p.p1{ position:absolute; left:0; bottom: 50px; }
.rst-typ-3 .sf-tr .sf-tr-wrap .sf-tr-img > p.p2{ position:absolute; right:0; bottom: 50px; text-align: end; }
.rst-typ-3 .sf-tr > ul { display:flex; justify-content: center; font-size: 1.2rem; gap: 24px; margin-top: 24px;}
.rst-typ-3 .sf-tr > ul > li { display:flex; align-items: center; }
.rst-typ-3 .sf-tr > ul > li img { height: 50px; }
.rst-typ-3 .sf-tr .sf-tr-wrap > ul { display:flex; flex-direction: column; text-align: end; font-weight: 600; }
.rst-typ-3 .sf-tr .sf-tr-wrap > ul .sf-tr-b { color:var(--color-main); padding: 18px 0; }
.rst-typ-3 .sf-tr .sf-tr-wrap > ul .sf-tr-g { color:var(--color-green); padding: 12px 0; }
.rst-typ-3 .sf-tr .sf-tr-wrap > ul .sf-tr-y { color:#886806; padding: 22px 0; }
.rst-typ-3 .sf-tr .sf-tr-wrap > ul .sf-tr-o { color:var(--color-yellow); padding: 32px 0; }
.rst-typ-3 .sf-tr .sf-tr-wrap > ul .sf-tr-p { color:#D30A2E; padding: 32px 0; }
/* 역할 */
.con-n2 > .tit { position: relative; padding-left:12px; color:var(--color-main); line-height: 1.2; }
.con-n2 > div { padding:24px;border:1px solid var(--color-main); border-radius:16px; line-height: 1.75; }
.con-n2 .roll { display:flex; justify-content: space-between; flex-direction: column; gap: 24px; margin-top: 8px;}
.con-n2 .roll div{width: 100%;}
.con-n2 .roll li { display:flex; gap:24px; /* flex-direction: column; width: calc(100%/4 - 24px);*/ transition: .3s; }
.con-n2 .roll li > img { width: 100px; }
.con-n2 .roll li .tit { margin-bottom: 8px; font-weight: 600; }
.con-n2 .roll li .tit img { padding-right:8px; }
.con-n2 .roll li .txt { padding:24px; color:#303030; background-color:#FAFAFA; border-radius:16px; }
/* 참여이점 */
.con-n3 > .tit { position: relative; padding-left:12px; color:var(--color-main); line-height: 1.2; }
.con-n3 > div p { font-weight: 600; margin-bottom: 8px; display:flex; gap:4px;}
.con-n3 img { padding-left:8px; padding-right:8px; }
.con-n3 .con-box { padding:24px; color:#303030; border:1px solid #dbdbdb; border-radius:16px; line-height: 1.75; }
.con-n3 .con-box span { color:#101010; font-weight: 600; }
/* 목적 */
.con-n4 > .tit { position: relative; padding-left:12px; color:var(--color-main); line-height: 1.2; }
.con-n4 > .tit::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: var(--color-p70); border-radius: 0 4px 4px 0; }
.con-n4 > div { margin-top: 24px; padding: 24px; background-color:#FAFAFA; border-radius:16px; }

@media all and (max-width:1490px){
	.rst-typ-1 > ul { gap:24px; }
	.rst-typ-1 > ul > li { width: calc(100%/2 - 16px); }
	.rst-typ-1 > ul > li:after{ bottom:38px; left:-30px; }
	.rst-typ-1 > ul > li:nth-child(3):after{ content:none; }
	.rst-typ-1 > ul > li > ul > li br { display:none; }
}

@media all and (max-width:1200px){
	.rst-typ-1 > ul > li:after { bottom:50px; }
	.rst-typ-1 > ul > li > ul > li br { display:block; }
}

@media all and (max-width:768px){
	.rst-typ-1 > ul > li:after{ bottom:64px; left:-30px; }
	.rst-typ-1 > ul > li > ul > li br { display:block; }
	.rst-typ-2 > ul.rst-16 > li { width: calc(100%/4 - 8px); }
	.rst-typ-3 .sf-tr { overflow-X:scroll; } 
	.rst-typ-3 .sf-tr > ul { min-width: 500px; }
	.rst-typ-3 .sf-tr > div { min-width: 500px; }
	.con-n2 .roll li > img { width: 100px; }
	.con-n2 .roll li { align-items:flex-start; transition: .3s; }
}

@media all and (max-width:475px){
	.con-n2 .roll { gap:16px; }
	.con-n2 .roll li { gap:16px; }
	.con-n2 .roll li > img { width: 80px; }
}

@media all and (max-width:425px){
	.con-n2 .roll li > img { display:none; }
	.rst-typ-1 > ul > li:after { bottom: 46px; }
	.rst-typ-1 > ul > li > p { font-size: 1.6rem; }
	.rst-typ-1 > ul > li > ul > li { padding:8px; font-size: 1.4rem; }
	.rst-typ-1 > div { font-size: 1.6rem; }
	.rst-typ-2 > ul.rst-16 > li { width: calc(100%/2 - 4px); }
}

@media all and (max-width:375px){
	.rst-typ-1 > ul > li:after { bottom: 40px; }
	.rst-typ-1 > ul > li > p { font-size: 1.4rem; }
	.rst-typ-1 > ul > li > ul > li { padding:8px; font-size: 1.2rem; }
}


/* 20260521 _ 진단 플로우 페이지 */
/* 진단 참여 유형 선택 및 팝업 */
.listW #incmTypeDigFrom{display:flex; flex-direction:column; gap:40px;}
.safeInfoBox input,
.safeInfoBox select{width:70% !important;}
@media all and (max-width:1500px){
  .pop .filter .srhW,
  .pop label:has(input[type="text"]){
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
@media all and (max-width:425px){
	.dpf.jfsb div a{margin-top: 8px;}
	.safeInfoBox input,
	.safeInfoBox select{width:100% !important;}
	.safeInfoBox button{margin-top: 8px;}
}
/* 진단 참여 인트로 */
.solving-test-list fieldset{min-width:0; margin:0; padding:0; border:0;}
.solving-test-list legend{position:static; left:auto; display:block; overflow:visible; width:100%; height:auto; padding:0; font-size:inherit; line-height:inherit; text-indent:0;}
.solving-top .btm-btn,
.solving-test-wrap button.btn{cursor:pointer;}

/* 진단 문항 */
.solving-con-wrap{background:#fff;}
.solving-con-wrap:focus{outline:none;}
.solving-probar:focus,
.solving-probar > h3:focus{outline:none;}
.solving-con-wrap > .solving-top{padding: 40px 0 110px; background:#F4F4FF; border-radius:16px;}
.solving-con-wrap > .solving-top .inner,
.solving-test-wrap > .inner{width:100%; /*max-width:980px;*/ margin:0 auto; padding:0 80px;}
.solving-top .inner{position:relative;}
.solving-top .inner::after{content:""; position:absolute; right:40px; top:16px; width:160px; height:160px; background:url('/static/safe/images/machine.svg') no-repeat center / contain;}
.solving-top.part02 .inner::after {background-image:url('/static/safe/images/material.svg');}
.solving-top.part03 .inner::after {background-image:url('/static/safe/images/man.svg');}
.solving-top.part04 .inner::after {background-image:url('/static/safe/images/management.svg');}
.solving-top .tit-wrap{position:relative; z-index:1;}
.solving-top .num{display:inline-flex; align-items:center; justify-content:center; min-width:76px; padding:6px 24px; border-radius:999px; background:#4B46E8; color:#fff; font-family: 'SCD'; font-weight:600;}
.solving-top .tit{display:block; margin-top:16px; color:#4B46E8; font-family: 'SCD'; font-size:3.2rem; font-weight:700; line-height:1.25;}
.solving-top .part-desc{position:relative; z-index:1; max-width:720px; margin-top:28px; font-family: 'SCD'; font-size:1.5rem; line-height:1.7;}
/*.solving-top .part-desc li + li{margin-top:18px;}*/
.solving-top .btm-btn{display:none;}
.solving-top-btn-wrap{display:none;}
.solving-test-wrap{position:relative; margin-top:-64px; padding:72px 0 120px; background:#fff;}
.solving-probar{display:none; margin-bottom:56px;}
.solving-probar .tit{margin-bottom:16px; color:#222; font-size:2rem; font-weight:700;}
.solving-probar .progress,
.solving-probar .progress p{display:block; border-radius:999px;}
.solving-probar .progress{display:block; position:relative; z-index:auto; overflow:hidden; width:100%; height:8px; background:#e7e7f8;}
.solving-probar .progress p{width:0; height:100%; background:#4B46E8;}
.solving-test-list{display:flex; flex-direction:column; gap:48px;}
.solving-test-list > li{width:100%;}
.solving-test-list .s-con{display:flex; flex-direction:column; gap:8px; margin-bottom:20px;}
.solving-test-list .s-num{color:#4B46E8; font-family: 'SCD'; font-size:2rem; font-weight:700; line-height:1;}
.solving-test-list .total-q-num{color:#b8b8c8; font-family: 'SCD'; font-size:1.7rem; font-weight:400;}
.solving-test-list .s-question{color:#111; font-family: 'SCD'; font-size:2rem; font-weight:500; line-height:1.45; word-break:keep-all;}
.solving-test-list .s-answer{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px;}
.solving-test-list .s-answer label{position:relative; display:block; cursor:pointer;}
.solving-test-list .check-input{position:absolute; right:20px; top:50%; z-index:1; width:18px; height:18px; margin:0; transform:translateY(-50%);}
.solving-test-list .check-tile{display:flex; align-items:center; min-height:56px; padding:0 52px 0 20px; border:1px solid #bfc0c7; border-radius:10px; background:#fff; font-family: 'SCD'; color:#555; transition:border-color .2s, color .2s, box-shadow .2s;}
.solving-test-list .check-input:checked + .check-tile{border-color:#4B46E8; color:#4B46E8; box-shadow:inset 0 0 0 1px #4B46E8;}
.solving-test-list .check-input:focus + .check-tile{outline:2px solid #00043f; outline-offset:3px;}
.solving-test-list.step5{gap:64px;}
.solving-test-list.step5 .s-con{margin-bottom:34px;}
.solving-test-list.step5 .s-answer{display:flex; gap:0; position:relative; margin:0; padding:0; list-style:none;}
.solving-test-list.step5 .s-answer li{position:relative; flex:0 1 50%; min-width:0; padding-top:12px; list-style:none;}
.solving-test-list.step5 .s-answer li:first-child,
.solving-test-list.step5 .s-answer li:last-child{flex-basis:25%;}
.solving-test-list.step5 .s-answer label{position:relative; display:block; min-height:72px;}
.solving-test-list.step5 .check-input{position:absolute; left:50%; top:1px; z-index:1; width:22px; height:22px; margin:0; border:2px solid #666; border-radius:50%; background:#fff; appearance:none; transform:translate(-50%, -50%);}
.solving-test-list.step5 .s-answer li:first-child .check-input{left:0; transform:translateY(-50%);}
.solving-test-list.step5 .s-answer li:last-child .check-input{left:auto; right:0; transform:translateY(-50%);}
.solving-test-list.step5 .check-input::before{display:none;}
.solving-test-list.step5 .check-input:checked{border-color:#4B46E8; box-shadow:inset 0 0 0 5px #fff; background:#4B46E8;}
.solving-test-list.step5 .check-tile{display:flex; flex-direction:column-reverse; align-items:center; gap:10px; width:100%; min-height:0; padding:18px 0 0; border:0; border-top:2px solid #d3d3d7; border-radius:0; background:transparent; color:#555; font-size:1.8rem; line-height:1.35; text-align:center; word-break:keep-all; transition:color .2s;}
.solving-test-list.step5 .s-answer li:first-child .check-tile{align-items:flex-start; text-align:left;}
.solving-test-list.step5 .s-answer li:last-child .check-tile{align-items:flex-end; text-align:right;}
.solving-test-list.step5 .check-input:checked + .check-tile{color:#4B46E8; box-shadow:none; text-decoration:underline; text-underline-offset:4px;}
.solving-test-list.step5 .check-input:focus + .check-tile{outline:0; box-shadow:none;}
.solving-test-list.step5 .check-input:focus-visible{outline:2px solid #00043f; outline-offset:4px;}
.solving-test-wrap .com-wrt-btn{display:flex; justify-content:center; gap:16px; margin-top:88px;}
.solving-test-wrap .com-wrt-btn .btn{width:320px; height:56px; border-radius:10px; background:#4B46E8; border-color:#4B46E8; color:#fff; font-size:1.8rem;}
.solving-test-wrap .com-wrt-btn .prev{display:inline-flex; align-items:center; justify-content:center; background:#fff; border-color:#4B46E8; color:#4B46E8;}
.solving-test-wrap .com-wrt-btn .btn:disabled{background:#e8e8ee !important; border-color:#e8e8ee !important; color:#777 !important; cursor:not-allowed;}
.solving-test-wrap .com-wrt-btn .btn:hover,
.solving-test-wrap .com-wrt-btn .btn:focus{background:#3730D4; border-color:#3730D4; text-decoration:none;}
.solving-test-wrap .com-wrt-btn .prev:hover,
.solving-test-wrap .com-wrt-btn .prev:focus{background:#F4F4FF; border-color:#4B46E8; color:#4B46E8;}

@media all and (max-width:768px){
	/*.solving-con-wrap{margin:0 calc(50% - 50vw); min-height:100vh;}*/
	.solving-con-wrap > .solving-top{display:block; /*min-height:calc(100vh - 56px);*/ padding:0; background: #fff; border-radius:0;}
	.solving-con-wrap > .solving-top .inner{display:flex; flex-direction:column; align-items:center; justify-content:flex-start; /*min-height:calc(100vh - 136px);*/ padding:24px; background:#fff; text-align:center;}
	.solving-con-wrap.is-solving > .solving-top{display:none;}
	.solving-top .inner::after{position:static; order:2; width:170px; height:170px; margin:48px auto 40px;}
	.solving-top .tit-wrap{order:1;}
	.solving-top .num{padding:6px 18px; font-size:1.5rem; color:#4B46E8; border:1px solid #4B46E8; background-color:#fff;}
	.solving-top .tit{margin-top:18px; font-size:2.8rem;}
	.solving-top .part-desc{order:3; max-width:100%; margin:0; font-size:1.6rem; line-height:1.45; word-break:keep-all;}
	.solving-top .part-desc li + li{margin-top:28px;}
	.solving-top .btm-btn{position:fixed; left:0; right:0; bottom:0; z-index:4; display:flex; align-items:center; justify-content:center; width:100%; min-height:64px; border:0; border-radius:16px 16px 0 0; background:#4B46E8; color:#fff; font-family:'SCD'; font-weight: 600; font-size:2.4rem;}
	.solving-top-btn-wrap{display:none;}
	.solving-con-wrap.is-solving .solving-top-btn-wrap{display:block; position:absolute; left:0; top:0; z-index:5; width:100%;}
	.solving-top-btn-wrap .back-btn{display:inline-flex; align-items:center; gap:6px; min-height:56px; padding:0 16px; border:0; background:transparent; color:#fff; font-family:'SCD'; font-size:2rem;}
	.solving-top-btn-wrap .back-btn::before{content:""; width:10px; height:10px; border-left:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg);}
	.solving-test-wrap{display:none; min-height:100vh; margin:0; padding:0; /*padding:80px 0 0; background:#4B46E8;*/}
	.solving-con-wrap.is-solving .solving-test-wrap{display:block;}
	.solving-test-wrap > .inner{display:flex; flex-direction:column; min-height:calc(100vh - 80px); padding:0 24px; background:#fff;}
	.solving-probar{display:block; margin-bottom:38px;}
	.solving-probar .tit{margin-bottom:16px; color:#555; font-size:1.8rem; font-weight:700;}
	.solving-probar .progress{height:7px; background:#f0f0f0;}
	.solving-probar .progress p{width:0;}
	.solving-test-list{flex:1; gap:0;}
	.solving-test-list > li{display:none; height:100%;}
	.solving-test-list > li.current{display:block;}
	.solving-test-list fieldset{display:flex; flex-direction:column; min-height:auto;}
	.solving-test-list .s-con{display:block; margin-bottom:0;}
	.solving-test-list .s-num{display:block; margin-bottom:12px; color:#4B46E8; font-size:2.1rem; font-weight:600; line-height:1;}
	.solving-test-list .total-q-num{color:#b8b8c8; font-size:1.7rem;}
	.solving-test-list .s-question{display:block; color:#111; font-size:1.7rem; font-weight:600; line-height:1.45; margin-bottom: 24px; word-break:keep-all;}
	.solving-test-list .s-answer{display:grid; grid-template-columns:1fr; gap:16px; margin-top:32px;}
	.solving-test-list .check-input{right:18px; width:20px; height:20px;}
	.solving-test-list .check-tile{min-height:56px; padding:0 58px 0 28px; border-color:#c9c9c9; border-radius:8px; color:#555; font-size:1.8rem;}
	.solving-test-list .check-input:checked + .check-tile{border-color:#4B46E8; color:#4B46E8;}
	.solving-test-list.step5 .s-con{margin-bottom:0px;}
	.solving-test-list.step5 .s-answer{display:flex; flex-direction:column; gap:24px; margin-top:32px;}
	.solving-test-list.step5 .s-answer li,
	.solving-test-list.step5 .s-answer li:first-child,
	.solving-test-list.step5 .s-answer li:last-child{flex:0 0 auto; width:100%; padding-top:0;}
	.solving-test-list.step5 .s-answer label{display:flex; flex-direction:row; align-items:center; gap:6px; min-height:20px;}
	.solving-test-list.step5 .s-answer li:first-child label,
	.solving-test-list.step5 .s-answer li:last-child label{align-items:center; text-align:left;}
	.solving-test-list.step5 .check-input,
	.solving-test-list.step5 .s-answer li:first-child .check-input,
	.solving-test-list.step5 .s-answer li:last-child .check-input{position:static; flex:0 0 auto; width:17px; height:17px; border:2px solid #777; border-radius:50%; background:#fff; appearance:none; transform:none;}
	.solving-test-list.step5 .check-input::before{display:none;}
	.solving-test-list.step5 .check-input:checked{border-color:#4B46E8; box-shadow:inset 0 0 0 4px #fff; background:#4B46E8;}
	.solving-test-list.step5 .s-answer .check-input:checked,
	.solving-test-list.step5 .s-answer li:first-child .check-input:checked,
	.solving-test-list.step5 .s-answer li:last-child .check-input:checked{border-color:#4B46E8; background:radial-gradient(circle, #4B46E8 0 4px, #fff 5px);}
	.solving-test-list.step5 .check-tile{display:block; min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:#111; font-size:1.6rem; line-height:1.35; text-align:start !important;}
	.solving-test-list.step5 .check-input:checked + .check-tile{border-color:transparent; color:#4B46E8; box-shadow:none; text-decoration:none;}
	.solving-con-wrap.is-solving .solving-test-wrap > .inner{padding-bottom:96px;}
	.solving-con-wrap.is-solving .solving-test-wrap .com-wrt-btn{position:fixed; left:0; right:0; bottom:0; z-index:20; display:grid !important; grid-template-columns:1fr 1fr; gap:10px; width:100%; margin:0; padding:14px 22px; background:#fff; box-shadow:0 -8px 18px rgba(0,0,0,.08);}
	.solving-con-wrap.is-solving .solving-test-wrap .com-wrt-btn .btn{display:flex !important; width:100%; min-width:0; height:56px; border-radius:8px; font-size:1.8rem;}
}

@media all and (max-width:430px){
	.solving-con-wrap > .solving-top .inner{padding:0 16px;}
	.solving-top .tit{font-size:2.3rem; margin-bottom: 16px;}
	.solving-top .inner::after{margin:0 0 16px; width:80px; height:80px;}
	.solving-top .part-desc{font-size: 1.5rem;}
	.solving-top .part-desc li + li{margin-top:8px;}
}

.listW .visual{overflow:hidden; position:relative; margin:0 auto; width:100%; height:540px; color:#2F3135; background:#F4F4FF url('/static/safe/images/main-visual.png') no-repeat center center / cover; border-radius:1.6rem; transition:.3s;}
.listW .visual > .inner{position:relative; width:100%; height:100%; padding:0 64px;}
.listW .visual .txtarea{position:relative; z-index:2; padding-top:80px; padding-bottom:56px;}
.listW .visual .txtarea .title{margin:0; font-family: 'SCD'; font-size:3rem; font-weight:600; line-height:2; animation:ani_txt 2s both;}
.listW .visual .txtarea .title .em{display:block; font-family:'SCD'; font-size:7rem; font-weight:bold; line-height:1.2; animation:ani_txt 2s both;}
.listW .visual .txtarea .title em{font-style:normal; animation:iconshow 2s both;}
.listW .visual .txtarea .title .tit-S{color:#FF6F5B; animation-delay:.2s;}
.listW .visual .txtarea .title .tit-a{color:#00A1B6; animation-delay:.4s;}
.listW .visual .txtarea .title .tit-f{color:#FFB100; animation-delay:.8s;}
.listW .visual .txtarea .title .tit-e{color:#0AC000; animation-delay:1s;}
.listW .visual .txtarea .title .tit-T{color:#3A89FF; animation-delay:1.2s;}
.listW .visual .txtarea .title .tit-I{color:#CA0865; animation-delay:1.4s;}
.listW .visual .txtarea .txt{font-family: 'SCD'; line-height:1.4; animation:ani_txt2 2s both;}
.listW .visual .txtarea .txt .txt-m{display:none;}
.listW .visual .main-link-btn{position:relative; z-index:3; display:inline-flex; align-items:center; gap:18px; min-width:240px; height:64px; padding:0 14px 0 30px; border-radius:64px; background:#4B46E8; color:#fff; font-family: 'SCD'; font-size:2.3rem; font-weight:600; text-decoration:none; animation:ani_txt2 2s both;}
.listW .visual .main-link-btn:hover,
.listW .visual .main-link-btn:focus{text-decoration:none; background:#3730D4;}
.listW .visual .main-link-btn:focus{outline:2px solid #00043f; outline-offset:3px;}
.listW .visual .main-link-btn .arrow{display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; margin-left:auto; border-radius:50%; background:#fff; color:#4B46E8;}
.listW .visual .main-link-btn .arrow::before{content:"arrow_forward"; font-family:'Material Icons'; font-size:2.4rem; line-height:1;}
.listW .visual-act{position:absolute; inset:0; z-index:1; width:100%; height:100%; pointer-events:none;}
.listW .visual-act .phone-hand{position:absolute; top:0; right:-50px; animation:phoneshow 1s both;}
.listW .visual-act .hand-click{position:absolute; top:320px; right:-50px; animation:phoneshow 1.5s both, handmove 3s infinite;}
.listW .visual-act .icons{position:absolute; top:40px; right:-90px; animation:iconshow 1s both, iconmove 3s infinite;}
@keyframes iconshow{0%{transform:scale(0); opacity:0;}100%{transform:scale(1); opacity:1;}}
@keyframes iconmove{0%, 100%{padding-top:0;}50%{padding-top:1%;}}
@keyframes phoneshow{0%{margin-top:100%;}100%{margin-top:0;}}
@keyframes handmove{0%, 100%{transform:rotate(0);}50%{transform:rotate(10deg);}}
@keyframes ani_txt{0%{opacity:0; transform:translateY(-30px);}100%{opacity:1; transform:translateY(0);}}
@keyframes ani_txt2{0%{opacity:0;}50%{opacity:0; transform:translateY(-30px);}100%{opacity:1; transform:translateY(0);}}
@media all and (max-width:1440px){
	.listW .visual{height:460px; background:#E9EFFF url('/static/safe/images/main-visual-1440.png') no-repeat center center / cover;}
	.listW .visual > .inner{padding:0 48px;}
	.listW .visual .txtarea .title{font-size:2.4rem;}
	.listW .visual .txtarea .title .em{font-size:5.6rem;}
	.listW .visual .txtarea .txt{font-size:2.1rem;}
	.listW .visual-act .phone-hand{width:500px; top:100px; right:100px;}
	.listW .visual-act .hand-click{width:220px; top:360px; right:100px;}
	.listW .visual-act .icons{width:500px; top:80px; right:40px;}
}
@media all and (max-width:1200px){
	.listW .visual-act .phone-hand{width:400px; top:160px; right:0;}
	.listW .visual-act .hand-click{width:180px; top:340px; right:0;}
	.listW .visual-act .icons{width:400px; top:180px; right:-40px;}
}
@media all and (max-width:768px){
	#container.safeti-intro ~ #footer,
	#container.safeti-intro ~ #totop{display:none !important;}
	.listW .visual > .inner{padding:0 32px;}
	.listW .visual{/*min-height:100vh;*/ margin:0; padding-bottom:72px; border-radius:0;}
	.listW .visual .txtarea .title .em{font-size:4.8rem;}
	.listW .visual .txtarea .txt{font-size:1.7rem;}
	.listW .visual .main-link-btn{position:fixed; left:0; right:0; bottom:0; z-index:30; display:flex; justify-content:center; width:100%; min-width:0; height:64px; padding:0 18px; border-radius: 16px 16px 0 0; text-align:center;}
	.listW .visual .main-link-btn .arrow{width:40px; height:40px; margin-left:8px;}
}
@media all and (max-width:600px){
	.listW .visual-act .phone-hand{width:300px; top:240px; right:0;}
	.listW .visual-act .hand-click{width:140px; top:380px; right:0;}
	.listW .visual-act .icons{width:300px; top:260px; right:-30px;}
}
@media all and (max-width:480px){
	.listW .visual{height:500px; width:100%; border-radius:0; background:#E9EFFF url('/static/safe/images/main-visual-425.png') no-repeat center center / cover;}
	.listW .visual > .inner{padding:0;}
	.listW .visual .txtarea{padding:40px 16px 0; text-align:center;}
	.listW .visual .txtarea .txt .txt-m{display:block;}
	.listW .visual .txtarea .title{font-size:2.2rem;}
	.listW .visual .txtarea .title .em{font-size:4rem;}
	.listW .visual .main-link-btn{height:64px; font-size: 2.1rem;}
	.listW .visual .main-link-btn .arrow{width:40px; height:40px; margin-left:8px;}
	.listW .visual-act .phone-hand{width:340px; top:220px; right:60px;}
	.listW .visual-act .hand-click{width:160px; right:60px;}
	.listW .visual-act .icons{width:360px; top:220px; right:20px;}
}
@media all and (max-width:430px){
	.listW .visual{height:380px;}
	.listW .visual .txtarea{padding-top:30px;}
	.listW .visual .txtarea .txt{display:none; /*font-size:1.5rem; margin-top:12px;*/}
	.listW .visual .txtarea .title .em{font-size:2.9rem;}
	.listW .visual-act .phone-hand{top:160px; right:30px;}
	.listW .visual-act .hand-click{top:240px; right:30px;}
	.listW .visual-act .icons{width:360px; top:160px; right:0;}
}
@media all and (max-width:320px){
.listW .visual .txtarea .title .em{font-size: 3.2rem;}
}

/* 진단결과 상세 보기 */
.con-result-tit { display:flex; align-items: center; justify-content: space-between; padding: 46px 0 24px 0; }
.con-result-tit > .btn-w { margin:0; gap:8px; width: auto; }
.con-result-tit > .btn-w a { text-decoration:none; }
.con-result-tit > .btn-w > .btn { padding: 10px 16px; border-color:#777; border-radius:4px; }

.con-result .title { padding-bottom: 16px; color:#4B46E8; font-size: 2.9rem; font-weight: 600; }
.con-result { display:flex; flex-wrap:wrap; gap:100px; }

@media all and (max-width:1024px){	
	.con-result {padding:0; gap:80px;}
	.con-result .title {line-height:1.4em;}
}

@media (max-width: 720px) {
	.con-result .title {padding-bottom:24px;}
	.con-result-tit > .btnEnd {justify-content: center;}
}

@media all and (max-width:480px){
	.con-result {gap:40px;}
	.con-result .title {font-size:2.1rem; padding-bottom:12px;}
}

/* 동일 기업 근로자 통계 */
.category-con {display:flex; justify-content: space-around; align-items: center;padding: 40px 64px; width: 100%; height: 664px; color:#fff; background-color:#ebfffa; border-radius:16px; background-image:url(/static/safe/images/category-con-bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow:hidden; }
.category-con .SafeTI-kor { padding: 8px 24px; margin-right: 8px; background-color: #fff; border: 1px solid var(--color-p10); border-radius: 16px; font-weight: 600; font-size: 2.1rem;}
.category-con .SafeTI-cate {}
.category-con .category-result { height: 100%; } 
.category-con .category-result  div { height: 100%; }
.category-con .category-result .tit { font-size: 1.9rem; font-weight: 600; color:#1E2124; text-align:center;}
.category-con .category-result .txt { display:flex; align-items: center; justify-content: center; color:#4B46E8; font-size:4rem; font-weight: 600;  animation:ani_txt3 2s both; }
.category-con .category-result .SafeTI-tree-fruits { position:relative; margin-top: 40px; width: 448px; height: 448px; }
.category-con .category-result .SafeTI-tree { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.peach-g,
.orange-g,
.grape-g { display:none; }
.peach-g.on,
.orange-g.on,
.grape-g.on { display:block; }
.peach-g.on > li,
.orange-g.on > li,
.grape-g.on > li { display:none; }
.peach-g.on > li.on,
.orange-g.on > li.on,
.grape-g.on > li.on { display:block; }
.category-con .category-result .tree-orange,
.category-con .category-result .tree-peach,
.category-con .category-result .tree-grape { position:absolute; }

@media all and (max-width:1300px){
	.category-con {flex-direction:column; height:auto; background-position: center bottom 513px; padding:40px 16px;}
}

@media all and (max-width:340px){
	.category-con {padding: 24px 8px;}
	.category-con .category-result .SafeTI-tree { position:absolute; top:50%; left:42%; transform: translate(-50%, -50%); }
	.category-con .category-result .txt { justify-content: flex-start; }
	.category-con .category-result .tit { margin-left:-32px; font-size: 1.7rem; }
}



/* 오렌지 */
.category-con .category-result .SNAO { left: 182px; top: -3px; }
.category-con .category-result .DNIO { left: 82px; top: 138px; }
.category-con .category-result .DNAC { left: 151px; top: 138px; }
.category-con .category-result .SHIO { left: 216px; top: 138px; }
.category-con .category-result .SHAC { left: 289px; top: 138px; }
.category-con .category-result .DHIC { left: 129px; bottom: -4px; }
/* 복숭아 */
.category-con .category-result .DNAO { top: 61px; left: 81px; }
.category-con .category-result .SHAO { top: 61px; left: 151px; }
.category-con .category-result .DHAO { top: 138px; left: 12px; }
.category-con .category-result .DHAC { top: 212px; left: -11px; }
.category-con .category-result .DHIO { top: 212px; left: 65px; }
/* 포도 */
.category-con .category-result .SNIO {top:55px; right:143px;}
.category-con .category-result .SNAC {top: 55px; right: 83px; }
.category-con .category-result .SNIC {top: 132px; right: 14px; }
.category-con .category-result .DNIC {top: 207px; right: 53px; }
.category-con .category-result .SHIC {top: 207px; right: -12px; }

.category-con .category-result .fruits-g img {animation: fruitsmove 1s both;}

@keyframes fruitsmove {
	0% {transform: scale( 0 ); opacity:0;}
	50% {transform: scale( 1.2 ); opacity:1;}
	100% {transform: scale( 1.0 );}
}


.category-con .category-graph { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; padding:40px; width: 654px; height: 476px; color:#101010; background-color:#fff; border-radius:24px; box-shadow: 0px 0px 15px var(--color-g1); }
.category-con .category-graph .cate-graph-list { width: 100%; }
.category-con .category-graph .cate-graph-list .txt-info,
.category-con .category-graph .cate-graph-list .graph-info { display:flex; align-items: center; }
.category-con .category-graph .cate-graph-list .txt-info { gap:12%; }
.category-con .category-graph .cate-graph-list .txt-info > ul { display:flex; justify-content: space-between; align-items: center; width: 100%; }
.category-con .category-graph .cate-graph-list .txt-info >.txt { color:#444; }

.category-con .category-graph .cate-graph-list .graph-info { padding-top: 8px; gap:16px; }
.category-con .category-graph .cate-graph-list .graph-info > p { width: 20%; }
.category-con .category-graph .cate-graph-list .graph-info .bar-percentage { padding-top: 8px; font-size: 2.5rem; font-weight: 600; }
.category-con .category-graph .cate-graph-list .graph-info .bar-progress { margin-left:16px; margin-right: 10px; width: 100%; height: 20px; background-color: #F5F5F5; border-radius: 100px; }
.category-con .category-graph .cate-graph-list .graph-info .bar-progress div { /*position:relative;*/ height: 100%; border-radius: 100px; }

.category-con .category-graph .cate-graph-list .bar-progress .bar-pro-material p {animation-delay: 0.7s;}
.category-con .category-graph .cate-graph-list .bar-progress .bar-pro-man p {animation-delay: 1s;}
.category-con .category-graph .cate-graph-list .bar-progress .bar-pro-management p {animation-delay: 1.2s;}
.category-con .category-graph .cate-graph-list .bar-progress p {position:relative; width:100%; height:100%; border-radius: 100px; animation: barmove 1s both; animation-delay: 0.5s;}
.category-con .category-graph .cate-graph-list .bar-progress p:after {content:''; display:block; position:absolute; width:24px; height:24px; right:-16px; top:-4px; border:2px solid var(--color-red); border-radius:24px; background-color:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); }
.category-con .category-graph .cate-graph-list.less .bar-progress p:after {background:#fff url('/static/safe/images/cate-graph-ico-ress.png') no-repeat center; background-size:cover;}
.category-con .category-graph .cate-graph-list.more .bar-progress p:after {border-color:var(--color-green); background:#fff url('/static/safe/images/cate-graph-ico-more.png') no-repeat center; background-size:cover;}

.category-con .category-graph .cate-graph-list.less .bar-progress p {background:var(--color-red);}
.category-con .category-graph .cate-graph-list.more .bar-progress p {background:var(--color-green);}

.category-con .category-graph .cate-graph-list.less .txt-info >.txt > li:first-of-type {color:#1E2124; font-weight:bold;}
.category-con .category-graph .cate-graph-list.less .txt-info >.txt > li:first-of-type span{color:var(--color-red);}
.category-con .category-graph .cate-graph-list.less .graph-info .bar-percentage {color:var(--color-red);}
.category-con .category-graph .cate-graph-list.more .txt-info >.txt > li:last-of-type {color:#1E2124; font-weight:bold;}
.category-con .category-graph .cate-graph-list.more .txt-info >.txt > li:last-of-type span{color:var(--color-green);}
.category-con .category-graph .cate-graph-list.more .graph-info .bar-percentage {color:var(--color-green);}

@keyframes barmove {
	0% {width:0; opacity:0;}
	50% {opacity:1;}
	100% {width:100%;}
}

@keyframes ani_txt3{
	0%{opacity:0; transform:translateY(-10px); }
	100%{opacity:1; transform:translateY(0);}
}
@media all and (max-width:1180px){
	.category-con .category-graph .cate-graph-list .txt-info >.txt { font-size: 1.4rem; }
}

@media all and (max-width:1024px){
	.category-con .category-graph {width:100%; margin-top:20px;}
	.category-con .category-graph .cate-graph-list .txt-info {gap: 8%; } 
	.category-con .category-graph .cate-graph-list .txt-info >.txt {}
	.category-con .category-graph .cate-graph-list .graph-info > p { width: 10%; }
}

@media all and (max-width:768px){
	.category-con {background-position:center bottom 483px;}
	.category-con .category-graph {gap:30px; height:auto;}
	.category-con .category-graph .cate-graph-list .txt-info {gap:28px;}
	.category-con .category-graph .cate-graph-list .txt-info >.tit {font-size: 2.2rem;}
	.category-con .category-graph .cate-graph-list .graph-info .bar-percentage {font-size:2.2rem;}
}

@media all and (max-width:600px){
	.category-con {background-position: center bottom 398px;}
	.category-con .category-graph {padding:20px; gap:20px;}
	.category-con .category-graph .cate-graph-list .txt-info {gap:34px;}
	.category-con .category-graph .cate-graph-list .txt-info >.tit {font-size:1.8rem;}
}


@media all and (max-width:480px){
	.category-con {background-position: center bottom 455px;}
	.category-con .category-result {width:100%;}
	.category-con .category-result .SafeTI-tree-fruits {width:100%; height:320px;}
	.category-con .category-graph .cate-graph-list .txt-info >.txt { font-size: 1.2rem; }
	.category-con .category-result .SafeTI-tree {width:320px; max-width:320px;}
	.category-con .category-result .fruits-g img {width:54px;}

	.category-con .SafeTI-kor {font-size:2.0rem; padding:16px 20px;}

	.category-con .category-graph .cate-graph-list .txt-info {gap:6px; flex-direction: column;}
	.category-con .category-graph .cate-graph-list .txt-info >.txt {font-size:1.3rem;}
	.category-con .category-graph .cate-graph-list .graph-info .bar-percentage {font-size:1.6rem;}
	.category-con .category-graph .cate-graph-list .graph-info .bar-progress {margin-left:8px;}
	
	.category-con .category-result div {width:330px; margin:0 auto;}
	/* 오렌지 */
	.category-con .category-result .SNAO { left: 134px; top: -3px; }
	.category-con .category-result .DNIO { left: 61px; top: 98px; }
	.category-con .category-result .DNAC { left: 112px; top: 98px; }
	.category-con .category-result .SHIO { left: 159px; top: 98px; }
	.category-con .category-result .SHAC { left: 210px; top: 98px; }
	.category-con .category-result .DHIC { left: 94px; bottom: -4px; }
	/* 복숭아 */
	.category-con .category-result .DNAO { top: 42px; left: 60px; }
	.category-con .category-result .SHAO { top: 42px; left: 111px; }
	.category-con .category-result .DHAO { top: 98px; left: 12px; }
	.category-con .category-result .DHAC { top: 150px; left: -5px; }
	.category-con .category-result .DHIO { top: 150px; left: 50px; }
	/* 포도 */
	.category-con .category-result .SNIO {top:38px; right:106px;}
	.category-con .category-result .SNAC {top: 38px; right: 63px; }
	.category-con .category-result .SNIC {top: 93px; right: 13px; }
	.category-con .category-result .DNIC {top: 146px; right: 42px; }
	.category-con .category-result .SHIC {top: 146px; right: -6px; }
}

@media all and (max-width:375px){
	.category-con .category-graph .cate-graph-list .txt-info >.txt { font-size:1.2rem; } 
	.category-con .SafeTI-kor{font-size:1.7rem; padding: 8px 16px; margin-left: 16px;}
}
@media all and (max-width:340px){
	.fruits-g{position: absolute; left:-26px; }
}





.lack-cont { width: 100%; }
.lack-cont .all-result { display: flex; flex-wrap: nowrap; gap:40px; width: 100%; height: 166px; }
.lack-cont .all-result > ul,
.lack-cont .all-result > div { width: calc(100%/2 - 20px); }
.lack-cont .all-result > div { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 42px 20px; font-size: 2.1rem; border-radius:16px;  background-color:var(--color-p10); gap:4px; text-align: center;}
.lack-cont .all-result > div p { line-height:1.4em; }
.lack-cont .all-result > div span { color:#4B46E8; font-weight: bold; }

.lack-cont .all-result .progress { display:block; position:relative; z-index:auto; margin-top: 4px; margin-bottom: 24px; width: 100%; height: 24px; background-color: #F5F5F5; border-radius: 100px; }
.lack-cont .all-result .pro-standard-wp { position:absolute; top:-3px; width: 12px; height: 30px; background-color:#fff; border:1px solid #999; border-radius: 100px; margin-left: -6px; }
.lack-cont .all-result .pro-wp { position:absolute; top:-3px; width: 12px; height: 30px; background-color:#4B46E8; border-radius: 100px; box-shadow: 0px 0px 5px var(--color-g1); margin-left: -6px; }
.lack-cont .all-result .pro-standard-si { position:absolute; top:-3px; width: 12px; height: 30px; background-color:#fff; border:1px solid #999; border-radius: 100px; margin-left: -6px; }
.lack-cont .all-result .pro-si { position:absolute; top:-3px; width: 12px; height: 30px; background-color:#4B46E8; border-radius: 100px; box-shadow: 0px 0px 5px var(--color-g1); margin-left: -6px; }
.lack-cont .all-result li:last-child { display:flex; justify-content: flex-end; gap: 16px; align-items: center; }
.lack-cont .all-result li:last-child span { position:relative; display:inline-block; }
.lack-cont .all-result li:last-child span:before {content:''; position:relative; display:inline-block; width:12px; height:12px; border-radius:12px; border:1px solid #999; margin-right:4px; top:2px;}
.lack-cont .all-result li:last-child span:last-of-type:before {background:#4B46E8; border:1px solid #4B46E8;}

.lack-cont .all-advice { padding-top: 32px; }
.lack-cont .all-advice > li { padding: 32px 24px; font-size: 1.9rem; border:1px dotted #ccc; border-radius:16px; line-height:1.7em; }
.lack-cont .all-advice > li:nth-child(2) { margin-top:16px; }
.lack-cont .mark { padding-bottom: 4px; color:#101010; font-weight:600;}
.lack-cont .result-block { color:#D2021B; background-color: #FCEEF5; padding:4px 16px; margin-right: 8px; border-radius:8px; display:inline-block; white-space: pre-line; margin-bottom: 4px;}

@media all and (max-width:1280px){
	.lack-cont .all-result > div {font-size:2.2rem;}
}

@media all and (max-width:1024px){
	/*.lack-cont .inner-wrap {background:#fff; padding:24px; border-radius:24px; box-shadow: 0px 0px 15px #E9ECFC;}*/
	.lack-cont .all-result {flex-direction: column; height:auto;}
	.lack-cont .all-result > ul, .lack-cont .all-result > div {width:100%;}
	.lack-cont .all-result > div {padding:20px; font-size:1.9rem;}

	.lack-cont .all-advice > li { font-size:1.8rem; line-height: 1.8; }
}


@media all and (max-width:480px){
	.lack-cont .all-advice > li {font-size:1.6rem;}
	.lack-cont .all-result > div{font-size:1.6rem;}
}


.lack-result-cont { display:flex; width: 100%; gap:40px; }
.lack-result-cont .lack-tree, 
.lack-result-cont .lack-alphabet {display:flex; flex-direction:column; width: calc(100%/2 - 20px);}
.lack-result-cont .lack-tree > div,
.lack-result-cont .lack-alphabet .result-alpha { display: flex; flex-wrap: wrap; align-items: center; align-content: space-between; justify-content: center; height:100%; padding: 40px; text-align:center; border:1px dotted #ccc; border-radius:16px; gap:40px;}

.lack-result-cont .lack-tree .result-tree-txt p { display:none; }
.lack-result-cont .lack-tree .result-tree-txt p.on { display:block; line-height:1.4em; font-size: 1.9rem; }
.lack-result-cont .lack-tree .result-tree-txt p.on span {margin-right:4px; color:#4B46E8; font-size:2.5rem; font-weight: bold;}
.lack-result-cont .lack-tree .result-tree-img {position:relative;}
.lack-result-cont .lack-tree .result-tree-img ul li { display:none;}
.lack-result-cont .lack-tree .result-tree-img ul li.on { display:block; font-weight: 600;}
.lack-result-cont .lack-tree .result-tree-label {position:absolute; width:100%; height:100%;}
.lack-result-cont .lack-tree .result-tree-label li {position:absolute; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; text-align:center; width: 50px; text-align: center;}
.lack-result-cont .lack-tree .result-tree-label .orange {color:#E13106;}
.lack-result-cont .lack-tree .result-tree-label .peach {color:var(--color-red);}
.lack-result-cont .lack-tree .result-tree-label .grape {color:#61006B;}
.lack-result-cont .lack-tree .result-tree-label .line01-01 {left:175px; top:24px;}
.lack-result-cont .lack-tree .result-tree-label .line02-01 {left:84px; top:83px;}
.lack-result-cont .lack-tree .result-tree-label .line02-02 {left:147px; top:83px;}
.lack-result-cont .lack-tree .result-tree-label .line02-03 {left:215px; top:83px;}
.lack-result-cont .lack-tree .result-tree-label .line02-04 {left:269px; top:83px;}
.lack-result-cont .lack-tree .result-tree-label .line03-01 {left:23px; top:152px;}
.lack-result-cont .lack-tree .result-tree-label .line03-02 {left:86px; top:152px;}
.lack-result-cont .lack-tree .result-tree-label .line03-03 {left:147px; top:152px;}
.lack-result-cont .lack-tree .result-tree-label .line03-04 {left:205px; top:152px;}
.lack-result-cont .lack-tree .result-tree-label .line03-05 {left:270px; top:152px;}
.lack-result-cont .lack-tree .result-tree-label .line03-06 {left:330px; top:152px;}
.lack-result-cont .lack-tree .result-tree-label .line04-01 {left:1px; top:219px;}
.lack-result-cont .lack-tree .result-tree-label .line04-02 {left:70px; top:219px;}
.lack-result-cont .lack-tree .result-tree-label .line04-03 {left:295px; top:219px;}
.lack-result-cont .lack-tree .result-tree-label .line04-04 {left:353px; top:219px;}
.lack-result-cont .lack-tree .result-tree-back{width:400px; height:402px;}


.lack-result-cont .lack-tree > div > p { line-height: 1.5; }

.lack-result-cont .lack-tree > div > img { padding-top: 32px; width: 400px; }
.lack-result-cont .lack-alphabet .result-alpha > div { display:block; width: calc(50% - 20px); }
.lack-result-cont .lack-alphabet .result-alpha .img-box {display: none; align-items: center; flex-direction: column; justify-content: center;width:100%; }
.lack-result-cont .lack-alphabet .result-alpha .img-box.on {display:flex;}
.lack-result-cont .lack-alphabet .result-alpha .img-box ul {width:100%;}
.lack-result-cont .lack-alphabet .result-alpha .img-box li {display:none; width:100%; height:200px; border-radius: 16px; align-items: center; justify-content: center;}
.lack-result-cont .lack-alphabet .result-alpha .img-box li.on {display:flex;}
.lack-result-cont .lack-alphabet .result-alpha .img-box.p-pink li { background-color: #FFF5FA;}
.lack-result-cont .lack-alphabet .result-alpha .img-box.p-blue li { background-color: #EDF4FF;}
.lack-result-cont .lack-alphabet .result-alpha .img-box p { display:flex; flex-direction:column; padding-top: 8px; width: 100%; font-size:1.9rem; font-weight: 600; }
.lack-result-cont .lack-alphabet .result-alpha .img-box p > span { width: 100%; color:#444; font-weight: 400;}



.solution-cont { width: 100%; }
.solution-cont .solution-list-wrap { position:relative; display:flex; flex-wrap: wrap; align-items: center; /*justify-content: center;*/ gap:60px; padding: 40px;  border:1px dotted #ccc; border-radius:16px; }
.solution-cont .solution-list-wrap > a {padding: 2px; width: 100%; height: 100%; text-align: center; }
.solution-cont .solution-list {display:flex; /*justify-content: center; */ flex-wrap: wrap; width: 100%; gap:60px; align-items: flex-end; }
.solution-cont .solution-list .sol-list {width:calc(50% - 30px); display: flex; flex-wrap: wrap; height: 100%; align-content: space-between; }
.solution-cont .solution-list .sol-list ul { display:flex; gap:16px; width: 100%; height: 180px; }
.solution-cont .solution-list .sol-list ul li {width:50%; background-color: #f9f9f9; border-radius:16px;}
.solution-cont .solution-list .sol-list p { font-size: 1.9rem; padding-bottom: 16px; width: 100%; min-height: 100px; line-height: 1.75; }
.solution-cont .solution-list .sol-list img { width:100%; height: 180px; border-radius:16px; }
/* 솔루션 리스트  text 앞 label 추가 */
.sol-list  span { /*position:absolute; top:-4px;*/ padding: 6px 24px; margin-right:8px; font-size: 1.7rem; font-weight: 600;border-radius:100px; }
.sol-list .machine{color:var(--color-main); border:1px solid var(--color-main);}
.sol-list .material{color:var(--color-green); border:1px solid var(--color-green);}
.sol-list .man{color:#E13106; border:1px solid #E13106; }
.sol-list .management{color:var(--color-red); border:1px solid var(--color-red);}
@media all and (max-width:768px){
	.solution-cont .solution-list .sol-list p{font-size:1.7rem;}
	.sol-list  span {padding: 6px 12px; font-size:1.5rem; font-weight: 400;}
	.lack-result-cont .lack-tree .result-tree-back{width: 324px; height: 326px; }
}

.sati-survey-cont {	position:relative; width: 100%; padding: 56px 48px; background-color:var(--color-p10); border-radius:16px; overflow:hidden;}
.sati-survey-cont a { position:relative; text-decoration:none; }
.sati-survey-cont p.txt{ color:#1E2124; font-size: 2.1rem; font-weight: 600;}
.sati-survey-cont p.txt:nth-child(2) {font-weight: 600; position:relative; margin-top: 16px; padding: 16px 24px; width: 260px; background-color:#fff; color:var(--color-main); border-radius:100px; z-index:2; font-size: 1.7rem;}
.sati-survey-cont img { position:absolute; }
.sati-survey-cont img.mask-banner { left:50%; top:50%; transform: translate(-50%, -50%); }
.sati-survey-cont img.stars { width: 296px; right: 300px; top: 0px; } 
.sati-survey-cont img.star-click-hand { width: 188px; right: 140px; bottom:-120px; } 
.sati-survey-cont img.emoji { width: 140px; right:16px; top:-24px; } 
.result-wrt-btn > .home { width: 220px; color: var(--color-p60); border-color: var(--color-p60); }

@media (max-width: 1500px) {
	.sati-survey-cont img.stars {width:240px; right:180px; top:40px;}
	.sati-survey-cont img.star-click-hand {width:120px; right:80px; bottom:-88px;}
	.sati-survey-cont img.emoji {right:0; width:120px;}
}

@media (max-width: 1280px) {
	.lack-result-cont {flex-direction: column; gap:80px;}
	.lack-result-cont .lack-tree > div, 
	.lack-result-cont .lack-alphabet .result-alpha {padding:24px;}
	.lack-result-cont .lack-tree > div {gap:10px; flex-direction: column; align-content: center;}
	.lack-result-cont .lack-alphabet .result-alpha .img-box li {height:150px;}

	.solution-cont .solution-list {gap:40px;}
	.solution-cont .solution-list .sol-list {width:calc(50% - 20px);}
	.solution-cont .solution-list .sol-list ul,
 	.solution-cont .solution-list .sol-list img { height:140px; } 

	.result-wrt-btn.bg-rb {background:var(--color-sub); margin:0; padding:80px 0;}
}

@media all and (max-width:768px){
	.solution-cont .solution-list .sol-list p {min-height: 60px; }
	.result-wrt-btn.bg-rb {padding:0; gap:0;}
	.result-wrt-btn.bg-rb .btn.large {border-radius:0;}
	.result-wrt-btn > .home {width:30%; border:none;  border-top:1px solid var(--color-p60);}
	.result-wrt-btn > .share {width:70%;  border-top:1px solid var(--color-p60);}
	.solution-cont .solution-list .sol-list ul,
	.solution-cont .solution-list .sol-list img { height: 100px; }
	.sati-survey-cont img.stars { right: 100px; top: 110px; }
	.sati-survey-cont img.star-click-hand { right:0; }

	.lack-result-cont .lack-tree .result-tree-img {width:324px;}
	.lack-result-cont .lack-tree .result-tree-label .line01-01 {left: 135px;top: 21px;}
	.lack-result-cont .lack-tree .result-tree-label .line02-01 {left:63px; top:68px;}
	.lack-result-cont .lack-tree .result-tree-label .line02-02 {left:113px; top:68px;}
	.lack-result-cont .lack-tree .result-tree-label .line02-03 {left:167px; top:68px;}
	.lack-result-cont .lack-tree .result-tree-label .line02-04 {left:211px; top:68px;}
	.lack-result-cont .lack-tree .result-tree-label .line03-01 {left:13px; top:122px;}
	.lack-result-cont .lack-tree .result-tree-label .line03-02 {left:63px; top:122px;}
	.lack-result-cont .lack-tree .result-tree-label .line03-03 {left:113px; top:122px;}
	.lack-result-cont .lack-tree .result-tree-label .line03-04 {left:160px; top:122px;}
	.lack-result-cont .lack-tree .result-tree-label .line03-05 {left:211px; top:122px;}
	.lack-result-cont .lack-tree .result-tree-label .line03-06 {left:260px; top:122px;}
	.lack-result-cont .lack-tree .result-tree-label .line04-01 {left:-3px; top:176px;}
	.lack-result-cont .lack-tree .result-tree-label .line04-02 {left:52px; top:176px;}
	.lack-result-cont .lack-tree .result-tree-label .line04-03 {left:231px; top:176px;}
	.lack-result-cont .lack-tree .result-tree-label .line04-04 {left:280px; top:176px;}

	.lack-result-cont .lack-tree .result-tree-txt p.on{font-size: 1.7rem;}
	.lack-result-cont .lack-tree .result-tree-txt p.on span{font-size:2.1rem;}

	.sati-survey-cont img.stars {display:none;}
	.sati-survey-cont img.star-click-hand {display:none;}
	.sati-survey-cont img.emoji {right:0; width:120px;}
}

@media all and (max-width:600px){
	.lack-result-cont .lack-alphabet .result-alpha {gap:20px;}
	.lack-result-cont .lack-alphabet .result-alpha > div {width:calc(50% - 10px);}
	.lack-result-cont .lack-alphabet .result-alpha .img-box li {height:120px;}
	.lack-result-cont .lack-alphabet .result-alpha .img-box img {width:80px; height:80px;}

	
	.solution-cont .solution-list-wrap {padding:24px; gap:30px; }
	.solution-cont .solution-list {gap:20px;}
	.solution-cont .solution-list .sol-list {width:calc(50% - 10px);}


	.sati-survey-cont {padding:56px 70px 56px 20px; }
	.sati-survey-cont .txt { line-height: 1.2; }

}

@media all and (max-width:540px){
	.sati-survey-cont img.emoji {right:-40px; width:80px; top: 50%; transform: translateY(-50%);}
}

@media all and (max-width:480px){
	.lack-result-cont {gap:40px;}
	.lack-result-cont .lack-alphabet .result-alpha .img-box li {height:100px;}
	.lack-result-cont .lack-alphabet .result-alpha .img-box img {width:60px; height:60px;}

	.solution-cont .solution-list { gap:40px; }
	.solution-cont .solution-list .sol-list { width:100%; }
	.solution-cont .solution-list .sol-list ul { height: auto; width: 100%; }
	.solution-cont .solution-list .sol-list p { min-height: auto; }

	.result-wrt-btn > .home {width:40%;}
	.result-wrt-btn > .share {width:60%;  border-top:1px solid var(--color-p60);}
}

@media all and (max-width:425px){
	.sati-survey-cont {padding:24px 16px;}
	.sati-survey-cont img.emoji {display:none;}
	.sati-survey-cont p.txt {text-align:center; font-size: 1.7rem;}
	.sati-survey-cont p.txt:nth-child(2) {text-align: center; margin: 16px auto 0;}
}

@media all and (max-width:320px){
	.sati-survey-cont p.txt:nth-child(2) {font-size:1.5rem; width: 240px;}
}





/* --------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- 240129 수정 --------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
.lack-result-cont .lack-tree .result-tree-label .line05-01 {left: 127px; bottom: 17px;}

.lack-result-cont .lack-tree .sf-rs-tr-wrap > div{ display:flex; justify-content: center; gap:24px; /*height: 100%;*/ height:402px; background-image:url('/safe/images/result-bg-line.png'); background-position: 50% -10%; background-size:cover; background-repeat: no-repeat; }
.lack-result-cont .lack-tree .sf-rs-tr-wrap > div .psa{ display: flex; flex-direction: column; font-size: 14px; line-height: 1.4; }
.lack-result-cont .lack-tree .sf-rs-tr-wrap > div .psa.p1{ position:absolute; left: 0; bottom: 62px; text-align: start; }
.lack-result-cont .lack-tree .sf-rs-tr-wrap > div .psa.p2{ position:absolute; right: 0; bottom: 62px; text-align: end; }
.result-tree-img:after { content:url("/safe/images/flex-arrow.png"); position:absolute; top:0; left:0; }
.lack-result-cont .lack-tree > div .tr-info { margin-top: 8px; text-align:end; font-weight: 600; }
.lack-result-cont .lack-tree > div .tr-info .sf-tr-b { color:var(--color-main); padding: 18px 0; }
.lack-result-cont .lack-tree > div .tr-info .sf-tr-g { color:var(--color-green); padding: 8px 0; }
.lack-result-cont .lack-tree > div .tr-info .sf-tr-y { color:#886806; padding: 32px 0; }
.lack-result-cont .lack-tree > div .tr-info .sf-tr-o { color:#E13106; padding: 32px 0; }
.lack-result-cont .lack-tree > div .tr-info .sf-tr-p { color:var(--color-red); padding: 46px 0; }
@media (max-width: 1600px) {
	.lack-result-cont,
	.lack-result-cont .lack-tree > div{flex-direction: column;}
	.lack-result-cont .lack-tree > div .result-tree-txt{width:100%;}
	.lack-result-cont .lack-tree, 
	.lack-result-cont .lack-alphabet{width:100%;}
}
@media (max-width: 1024px) {
	.lack-result-cont .lack-tree,
	.lack-result-cont .lack-alphabet { width: 100%; }
}
@media all and (max-width:768px){
	.lack-result-cont .lack-tree .result-tree-label .line05-01 {left: 97px; bottom: 17px;}
	.result-tree-img:after { content:url("/safe/images/flex-arrow-mob.png"); position:absolute; top:46px; left:10px; }
	.lack-result-cont .lack-tree .sf-rs-tr-wrap > div { gap:16px; background-image:url('/safe/images/result-bg-line-mob.png'); background-size:contain; height: 326px;}
	.lack-result-cont .lack-tree .sf-rs-tr-wrap > div .psa{ font-size: 1.2rem; }
	.lack-result-cont .lack-tree .sf-rs-tr-wrap > div .psa.p1{ bottom: 46px; text-align: start; }
	.lack-result-cont .lack-tree .sf-rs-tr-wrap > div .psa.p2{ bottom: 46px; text-align: end; }
	.lack-result-cont .lack-tree > div .tr-info .sf-tr-b {padding: 4px 0; }
	.lack-result-cont .lack-tree > div .tr-info .sf-tr-g {padding: 16px 0; }
	.lack-result-cont .lack-tree > div .tr-info .sf-tr-y {padding: 10px 0; }
	.lack-result-cont .lack-tree > div .tr-info .sf-tr-o {padding: 40px 0; }
	.lack-result-cont .lack-tree > div .tr-info .sf-tr-p {padding: 30px 0; }
}

@media all and (max-width:540px){
	.sf-rs-tr-wrap{ width: 100%; overflow-X:scroll; }
	.sf-rs-tr-wrap > div{ min-width:420px; }
}
/* 240129 수정 끝  */



/* 근로자 진단 결과 상세 */
.com-cont {width: 100%; }
.com-user-box{ display: grid; grid-template-columns:minmax(260px, 1fr) minmax(150px, auto) minmax(260px, auto); align-items: center; gap:16px; width: 100%; padding:24px 32px; border:1px solid #DCE9FF; border-radius:16px; background:linear-gradient(135deg, #fff 0%, #F8FBFF 100%);}
.com-user-det { width: 50%; text-align:start; }
.com-user-box .com-info{ display:flex; align-items: center; gap:16px; min-width:0; width: auto; }
.com-user-box .com-info img { width:64px; height:64px; padding:14px; border-radius:50%; background:#F1F4FF; object-fit:contain; }
.com-user-box .com-info .tit {  font-size: 2.1rem; font-weight: bold; display: flex; flex-direction: column; line-height: 1.4; }
.com-user-box .com-info .txt { color:#707070; font-size: 1.9rem; font-weight: normal; padding-left:0; line-height: 1.4; }
.com-user-box .case-num-count { color:#494AE0; }
.com-user-box .case-num,
.com-user-box .case-date { align-self:stretch; padding:20px 24px; border-radius:8px; background-color: #f9f9f9;}
.com-user-box .case-num .tit { position: relative; margin-bottom: 10px; font-size: 16px; }
.com-user-box .case-num .txt { color:#707070; }
.com-user-box .case-num .txt .case-num-count { margin-right: 4px; font-size: 2.3rem; font-weight: bold; }
.com-user-box .com-info-box .tit { font-size: 2.1rem; font-weight: 600; }
.com-user-box .case-date .tit { position: relative; margin-bottom: 10px; }
.com-user-box .case-date .txt { font-size: 2.1rem; font-weight: bold; }
.com-user-box div { position:relative; }
.com-user-box div:before { content:none; }
.com-user-box div:first-child:before { content:none; }

.user-statistics { display: flex; flex-direction: column; align-items: center; width: 100%; gap: 24px; margin-top: 24px;}

.user-statistics .uer-rank{ position:relative; width:100%; padding: 40px; background-color: #f9f9f9; background-image:url('/images/main/bannerbg.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow:hidden; border-radius: 16px; }
.user-statistics .uer-rank > img { position:absolute; left: 24px; top: 70px; }
.user-statistics .uer-rank p { font-size: 1.9rem; font-weight: 600; line-height: 1.2; padding-bottom: 16px;}
.user-statistics .uer-rank ul {display: flex; flex-wrap:wrap; justify-content: space-between; gap:16px; }
.user-statistics .uer-rank ul li { display:flex; flex-direction:column; align-items:center; font-weight: bold; border-radius: 16px; background-color: #fff; width:calc(100% / 5 - 16px); padding:8px;}
.user-statistics .uer-rank ul li span {font-size: 2.9rem; color: #707070; }
.user-statistics .uer-rank ul li span:first-child { font-weight: 600; }
.user-statistics .uer-rank ul li span.r-w{text-align: center; font-size: 1.5rem; font-weight: 400; border-radius: 100px; padding:4px 16px;}
.user-statistics .uer-rank ul li span.r-y {color:#886806;}
.user-statistics .uer-rank ul li span.rbg-y {border:1px solid #886806; color:#886806;}
.user-statistics .uer-rank ul li span.r-b {color:var(--color-main);}
.user-statistics .uer-rank ul li span.rbg-b {border:1px solid var(--color-main); color:var(--color-main);}
.user-statistics .uer-rank ul li span.r-g {color:var(--color-green);}
.user-statistics .uer-rank ul li span.rbg-g {border: 1px solid var(--color-green); color:var(--color-green);}
.user-statistics .uer-rank ul li span.r-o{color:#E13106;}
.user-statistics .uer-rank ul li span.rbg-o{border: 1px solid #E13106; color:#E13106;}
.user-statistics .uer-rank ul li span.r-p{color:var(--color-red);}
.user-statistics .uer-rank ul li span.rbg-p{border: 1px solid var(--color-red); color:var(--color-red);}

.statistics-box { display:flex; flex-wrap: wrap; gap:16px; padding:40px; width: 1000px; background-color: #fff;  border-radius: 16px;}

.statistics-box .result-tree-box { position: relative;}
.statistics-box .result-tree-box > div { min-width: 590px; min-height: 420px; }
.statistics-box .result-tree-box .result-img { width: 100%; height: 100%;  }
.statistics-box .result-tree-box .result-img-m { display:none; }
.statistics-box .result-tree-box .result-g { width: 100%; height: 100%; position:absolute; top:0; }
.statistics-box .result-tree-box .result-g .type16-g {  width: 100%; height: 100%; }
.statistics-box .result-tree-box ul li { position:absolute; display:flex; flex-direction: column; align-items: center; }
.statistics-box .result-tree-box .t-o { font-weight: bold; text-shadow: 1px 1px 1px #fff; color:#E13106; }
.statistics-box .result-tree-box .t-p { font-weight: bold; text-shadow: 1px 1px 1px #fff; color:#D30A2E; }
.statistics-box .result-tree-box .t-rp { font-weight: bold; text-shadow: 1px 1px 1px #fff; color:#61006B; }
.statistics-box .result-tree-box .count-box { margin-top: 4px; padding:4px 6px; color:#444; background-color:#fff; border-radius: 8px; width: 52px; text-align:center; }
/* 16가지 유형 인원수 체크 위치 */
.statistics-box .result-tree-box .SNAO-t {	top:20px; left:267px; }
.statistics-box .result-tree-box .DNAO-t { top:82px; left:176px; }
.statistics-box .result-tree-box .SHAO-t { top:82px; left:240px; }
.statistics-box .result-tree-box .SNIO-t { top:82px; left:303px; }
.statistics-box .result-tree-box .SNAC-t { top:82px; left:360px; }
.statistics-box .result-tree-box .DHAO-t { top:152px; left:116px; }
.statistics-box .result-tree-box .DNIO-t { top:152px; left:178px; }
.statistics-box .result-tree-box .DNAC-t { top:152px; left:237px; }
.statistics-box .result-tree-box .SHIO-t { top:152px; left:301px; }
.statistics-box .result-tree-box .SHAC-t { top:152px; left:365px; }
.statistics-box .result-tree-box .SNIC-t { top:152px; left:423px; }
.statistics-box .result-tree-box .DHIO-t { top:218px; left:96px; }
.statistics-box .result-tree-box .DHAC-t { top:218px; left:163px; }
.statistics-box .result-tree-box .DNIC-t { top:218px; left:388px; }
.statistics-box .result-tree-box .SHIC-t { top:218px; left:447px; }
.statistics-box .result-tree-box .DHIC-t { bottom:8px; left:220px; }

.statistics-box .type5-chk-g { display:flex; justify-content: space-between; width: 300px; height: 420px; }
.statistics-box .type5-chk-g-m { display:none; }
.statistics-box .type5-chk-g .type5-g { height: 100%; }
.statistics-box .type5-chk-g .type5-g div { width: 24px; height: 100%; border-radius:6px; }
.statistics-box .type5-chk-g .type5-g div.r-bar-b,
.statistics-box .type5-chk-g-m .type5-g-m div.r-bar-b { background-color:var(--color-main);}
.statistics-box .type5-chk-g .type5-g div.r-bar-g,
.statistics-box .type5-chk-g-m .type5-g-m div.r-bar-g { background-color:var(--color-green);  }
.statistics-box .type5-chk-g .type5-g div.r-bar-y,
.statistics-box .type5-chk-g-m .type5-g-m div.r-bar-y { background-color:#886806;  }
.statistics-box .type5-chk-g .type5-g div.r-bar-o,
.statistics-box .type5-chk-g-m .type5-g-m div.r-bar-o { background-color:#E13106;  }
.statistics-box .type5-chk-g .type5-g div.r-bar-rp, 
.statistics-box .type5-chk-g-m .type5-g-m div.r-bar-rp { background-color:var(--color-red);  }
.statistics-box .type5-chk-g .type5-g div[class*="r-bar-"],
.statistics-box .type5-chk-g-m .type5-g-m div[class*="r-bar-"] { background-blend-mode:soft-light; background-size:auto; }
.statistics-box .type5-chk-g .type5-g div.r-bar-b,
.statistics-box .type5-chk-g-m .type5-g-m div.r-bar-b { background-image:repeating-linear-gradient(45deg, rgba(255,255,255,.78) 0 3px, transparent 3px 9px); }
.statistics-box .type5-chk-g .type5-g div.r-bar-g,
.statistics-box .type5-chk-g-m .type5-g-m div.r-bar-g { background-image:repeating-linear-gradient(90deg, rgba(255,255,255,.78) 0 3px, transparent 3px 9px); }
.statistics-box .type5-chk-g .type5-g div.r-bar-y,
.statistics-box .type5-chk-g-m .type5-g-m div.r-bar-y { background-image:linear-gradient(45deg, rgba(255,255,255,.78) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.78) 75%), linear-gradient(45deg, rgba(255,255,255,.78) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.78) 75%); background-position:0 0, 5px 5px; background-size:10px 10px; }
.statistics-box .type5-chk-g .type5-g div.r-bar-o,
.statistics-box .type5-chk-g-m .type5-g-m div.r-bar-o { background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.78) 0 3px, transparent 3px 9px); }
.statistics-box .type5-chk-g .type5-g div.r-bar-rp,
.statistics-box .type5-chk-g-m .type5-g-m div.r-bar-rp { background-image:radial-gradient(circle, rgba(255,255,255,.85) 0 2px, transparent 2px); background-size:9px 9px; }
.statistics-box .type5-chk-g .type5-g li { display:flex; gap:16px; }
.statistics-box .type5-chk-g .type5-g p span,
.statistics-box .type5-chk-g-m .type5-g-m-per p span { margin-left: 8px; font-weight: bold; }
.statistics-box .type5-chk-g .type5-g p span.r-b,
.statistics-box .type5-chk-g-m .type5-g-m-per p span.r-b { color:var(--color-main);}
.statistics-box .type5-chk-g .type5-g p span.r-g,
.statistics-box .type5-chk-g-m .type5-g-m-per p span.r-g { color:var(--color-green); }
.statistics-box .type5-chk-g .type5-g p span.r-y,
.statistics-box .type5-chk-g-m .type5-g-m-per p span.r-y { color:#886806; }
.statistics-box .type5-chk-g .type5-g p span.r-o,
.statistics-box .type5-chk-g-m .type5-g-m-per p span.r-o { color:#E13106;}
.statistics-box .type5-chk-g .type5-g p span.r-rp ,
.statistics-box .type5-chk-g-m .type5-g-m-per p span.r-rp { color:var(--color-red); }

.statistics-box .type2-chk-g { width: 100%; }
.statistics-box .type2-chk-g ul { width: 590px; display:flex; gap:8px; }
.statistics-box .type2-chk-g ul li { display:flex; flex-direction: column; gap: 4px; width: 50%; text-align:center; }
.statistics-box .type2-chk-g .t-bg-b { background-color:var(--color-p10); color:var(--color-main); padding:6px 0; border-radius:4px; }
.statistics-box .type2-chk-g .t-bg-g { background-color:var(--color-g0); padding:6px 0; border-radius:4px; }

.btn-w.result-wrt-btn.bg-rb { margin-top: 0; }

@media all and (max-width:1440px){ 
	.user-statistics .uer-rank > img { left:8px; top:70px;}
	.statistics-box { justify-content:center; width:100%; padding: 24px 0 0;}
	.statistics-box .type5-chk-g { display:none; }
	.statistics-box .type5-chk-g-m .type5-g-m div { height: 24px; width: 100%; border-radius:6px; }
	.statistics-box .type5-chk-g-m { display:flex; gap: 16px; width: 100%; }
	.statistics-box .type5-g-m { display:flex; flex-direction: column; align-items: flex-end; gap:4px; width: 50%; }
	.statistics-box .type5-g-m li { width: 100%; background-color:var(--color-g1); border-radius:6px; transform: scaleX(-1); }
	.statistics-box .type5-g-m-per { display:flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 50%; } 
	.statistics-box .type2-chk-g ul { width: 100%; }
}
@media all and (max-width:1280px){ 
	.com-user-box div:before {left: -24px; }
}
@media all and (max-width:1170px){ 
	.user-statistics { display:flex; flex-direction: column; }
	.user-statistics .uer-rank { width: 100%; }
	.user-statistics .uer-rank ul li span.r-w{font-size: 1.3rem;}
	.user-statistics .uer-rank ul li span{font-size: 1.9rem;}
	.user-statistics .uer-rank > img {width: 48px; left: 16px;}
	.statistics-box { transition: .3s; }
	.com-user-det { width: 100%; transition: .3s; }
	.com-user-box div:before { content:none; }
	.com-user-box { grid-template-columns:1fr 1fr; align-items:stretch; padding:32px; gap:16px; }
	.com-user-box .com-info { grid-column:1 / -1; }
	.com-user-box .case-num .txt,
	.com-user-box .case-date .txt{text-align:end;}
}

@media all and (max-width:1070px){ 
	.com-user-box .com-info { width: 100%; }
	.com-user-box .case-num .tit, 
	.com-user-box .case-date .tit { margin-bottom: 8px; }
}
@media all and (max-width:1024px){ 
	.con-result.com-result, 
	.com-result .lack-result-cont { gap:40px; }
 	.com-result .lack-result-cont .lack-tree, 
	.com-result .lack-result-cont .lack-alphabet,
	.com-result  .lack-cont { padding:16px; }
	.com-result .lack-cont,
	.com-result .lack-result-cont { margin:0; }
	 #templateAddInnerClass.container > .inner:has(.com-cont) { padding:0; }
}
@media all and (max-width:768px){ 
    .result-wrt-btn > .share.w100 { width: 100%; }
		.user-statistics .uer-rank ul {justify-content: center;}
		.user-statistics .uer-rank ul li{ width: calc(100% / 3 - 16px);}
}
@media all and (max-width:720px){ 
	.con-result-tit { flex-direction: column; gap:16px; }
	.com-user-box .com-info .tit {}
	.com-user-box { grid-template-columns:1fr; }
	.user-statistics .uer-rank > img { top:70px; width: 60px; transition: .3s; }
	.statistics-box .result-tree-box .result-img { display:none; }
	.statistics-box .result-tree-box .result-img-m { display:block; min-width: 452px; height: 100%; text-align:center; }
}
@media all and (max-width:705px){ 
	.user-statistics .uer-rank > img { top:70px; }
}
@media all and (max-width:580px){ 
	.statistics-box .result-tree-box > div { min-width:452px; }
	.statistics-box .result-tree-box .result-img-m {  min-width:425px; }
	/* 16가지 유형 인원수 체크 위치 */
	.statistics-box .result-tree-box .SNAO-t {	top:20px; left:197px; }
	.statistics-box .result-tree-box .DNAO-t { top:82px; left:107px; }
	.statistics-box .result-tree-box .SHAO-t { top:82px; left:170px; }
	.statistics-box .result-tree-box .SNIO-t { top:82px; left:233px; }
	.statistics-box .result-tree-box .SNAC-t { top:82px; left:290px; }
	.statistics-box .result-tree-box .DHAO-t { top:152px; left:46px; }
	.statistics-box .result-tree-box .DNIO-t { top:152px; left:108px; }
	.statistics-box .result-tree-box .DNAC-t { top:152px; left:168px; }
	.statistics-box .result-tree-box .SHIO-t { top:152px; left:231px; }
	.statistics-box .result-tree-box .SHAC-t { top:152px; left:296px; }
	.statistics-box .result-tree-box .SNIC-t { top:152px; left:353px; }
	.statistics-box .result-tree-box .DHIO-t { top:218px; left:26px; }
	.statistics-box .result-tree-box .DHAC-t { top:218px; left:94px; }
	.statistics-box .result-tree-box .DNIC-t { top:218px; left:318px; }
	.statistics-box .result-tree-box .SHIC-t { top:218px; left:378px; }
	.statistics-box .result-tree-box .DHIC-t { bottom:8px; left:150px; }

	.user-statistics .uer-rank ul li{width:calc(100% / 2 - 16px);}
	.user-statistics .uer-rank ul li:first-child{width:100%;}
	.user-statistics .uer-rank > img { width:40px; top: 100px; left: 24px; }
}
@media all and (max-width:490px){
	/* 240402 추가*/
	.statistics-box .result-tree-box .count-box { font-size: 10px; width: 42px; }
	.statistics-box .result-tree-box > div { min-width:380px; min-height:353px; }
	.statistics-box .result-tree-box .result-img-m { min-width:380px; min-height:353px; }
	/* 16가지 유형 인원수 체크 위치 */
	.statistics-box .result-tree-box .SNAO-t {	top:8px; left:168px; }
	.statistics-box .result-tree-box .DNAO-t { top:60px; left:90px; }
	.statistics-box .result-tree-box .SHAO-t { top:60px; left:144px; }
	.statistics-box .result-tree-box .SNIO-t { top:60px; left:196px; }
	.statistics-box .result-tree-box .SNAC-t { top:60px; left:246px; }
	.statistics-box .result-tree-box .DHAO-t { top:120px; left:38px; }
	.statistics-box .result-tree-box .DNIO-t { top:120px; left:92px; }
	.statistics-box .result-tree-box .DNAC-t { top:120px; left:142px; }
	.statistics-box .result-tree-box .SHIO-t { top:120px; left:196px; }
	.statistics-box .result-tree-box .SHAC-t { top:120px; left:248px; }
	.statistics-box .result-tree-box .SNIC-t { top:120px; left:298px; }
	.statistics-box .result-tree-box .DHIO-t { top:180px; left:22px; }
	.statistics-box .result-tree-box .DHAC-t { top:180px; left:80px; }
	.statistics-box .result-tree-box .DNIC-t { top:180px; left:268px; }
	.statistics-box .result-tree-box .SHIC-t { top:180px; left:318px; }
	.statistics-box .result-tree-box .DHIC-t { bottom:12px; left:128px; }
}
@media all and (max-width:425px){ 
	.com-user-box { padding:20px; gap:12px; }
	.com-user-box .com-info > img { display:flex; width:48px; height:48px; padding:10px; }
	.com-user-box .case-num,
	.com-user-box .case-date { padding:16px; }
	.com-user-box .com-info .tit,
	.com-user-box .com-info .txt{font-size:1.7rem;}
	.com-user-box .case-num .txt .case-num-count,
	.com-user-box .case-date .txt span {font-size: 1.9rem;}
	.user-statistics .uer-rank p {padding-bottom: 20px; }
	.user-statistics .uer-rank > img { top:80px; width: 50px; transition: .3s;  }
 	.user-statistics .uer-rank ul li { padding: 8px; }
	.user-statistics .uer-rank ul li span.r-w { min-width:100px;}
	.user-statistics .uer-rank{padding:20px;}
	/* 240402 추가*/
	.statistics-box .result-tree-box > div { min-width:320px; min-height:300px; }
	.statistics-box .result-tree-box .result-img-m { min-width:320px; width: 320px;  min-height:300px; }
	/* 16가지 유형 인원수 체크 위치 */
	.statistics-box .result-tree-box .SNAO-t {	top:6px; left:138px; }
	.statistics-box .result-tree-box .DNAO-t { top:50px; left:74px; }
	.statistics-box .result-tree-box .SHAO-t { top:50px; left:118px; }
	.statistics-box .result-tree-box .SNIO-t { top:50px; left:162px; }
	.statistics-box .result-tree-box .SNAC-t { top:50px; left:206px; }
	.statistics-box .result-tree-box .DHAO-t { top:100px; left:30px; }
	.statistics-box .result-tree-box .DNIO-t { top:100px; left:74px; }
	.statistics-box .result-tree-box .DNAC-t { top:100px; left:118px; }
	.statistics-box .result-tree-box .SHIO-t { top:100px; left:162px; }
	.statistics-box .result-tree-box .SHAC-t { top:100px; left:206px; }
	.statistics-box .result-tree-box .SNIC-t { top:100px; left:250px; }
	.statistics-box .result-tree-box .DHIO-t { top:150px; left:16px; }
	.statistics-box .result-tree-box .DHAC-t { top:150px; left:64px; }
	.statistics-box .result-tree-box .DNIC-t { top:150px; left:222px; }
	.statistics-box .result-tree-box .SHIC-t { top:150px; left:268px; }
	.statistics-box .result-tree-box .DHIC-t { bottom:12px; left:106px; }
}
@media all and (max-width:375px){ 
	.user-statistics .uer-rank ul li span.r-w { margin-left: 8px; }

}
@media all and (max-width:359px){
	.user-statistics .uer-rank > img { top:80px; }
}


/* 진단 참여 기본 정보  */
.inp input,
.input-wrap input {width:200px !important;}
/* 라디오/체크박스는 width 강제 규칙에서 제외 (찌그러짐 방지) */
.inp input[type="radio"],
.inp input[type="checkbox"],
.input-wrap input[type="radio"],
.input-wrap input[type="checkbox"]{width:16px !important; height:16px !important;}
.wp-disaster-chkbox{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px;}
.wp-disaster-chkbox > li{min-width:0;}
.wp-disaster-chkbox .chk-custom{position:relative; display:block; width:100%; cursor:pointer;}
.wp-disaster-chkbox .chk-input{position:absolute; left:0; top:0; width:1px !important; height:1px; margin:0; opacity:0; pointer-events:none;}
.wp-disaster-chkbox .chk-tile{position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; min-height:68px; padding:0 28px 0 24px; border:1px solid #d2d2d2; border-radius:8px; background:#fff; color:#444; font-size:1.6rem; font-weight:400; line-height:1.35; word-break:keep-all; transition:border-color .2s, box-shadow .2s, color .2s;}
.wp-disaster-chkbox .chk-input:checked + .chk-tile{border-color:#4B46E8; box-shadow:inset 0 0 0 1px #4B46E8, 0 2px 8px rgba(75,70,232,.12);color:#4B46E8;}
.wp-disaster-chkbox .chk-input:focus-visible + .chk-tile{outline:2px solid #00043f; outline-offset:3px;}
.wp-disaster-chkbox .chk-custom:hover .chk-tile{border-color:#a7a7a7;}
.wp-disaster-chkbox .chk-custom:hover .chk-input:checked + .chk-tile{border-color:#4B46E8;}

@media all and (max-width:1200px){
	.wp-disaster-chkbox{grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media all and (max-width:768px){
	.wp-disaster-chkbox{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px;}
	.wp-disaster-chkbox .chk-tile{min-height:72px; padding:0 20px; font-size:1.5rem;}
}
@media all and (max-width:480px){
	.wp-disaster-chkbox{grid-template-columns:1fr;}
	.wp-disaster-chkbox .chk-tile{min-height:48px;}
	.wp-disaster-chkbox .chk-tile{border-radius: 8px;}
}

.wp-disaster-chkbox .chk-tile{padding-right:76px; background-repeat:no-repeat; background-position:right 24px center;
 background-size:44px auto;}
.wp-disaster-chkbox .chk-input:checked + .chk-tile{background-color:#fff; background-repeat:no-repeat; background-position:right 24px center; background-size:44px auto;}
.wp-disaster-chkbox .dis-not-applicable{background-image:url('/static/safe/images/not-applicable-off.svg');}
.wp-disaster-chkbox .dis-fire{background-image:url('/static/safe/images/fire-off.svg');}
.wp-disaster-chkbox .dis-bomb{background-image:url('/static/safe/images/bomb-off.svg');}
.wp-disaster-chkbox .dis-chemi{background-image:url('/static/safe/images/chemi-off.svg');}
.wp-disaster-chkbox .dis-es{background-image:url('/static/safe/images/es-off.svg');}
.wp-disaster-chkbox .dis-trapped{background-image:url('/static/safe/images/trapped-off.svg');}
.wp-disaster-chkbox .dis-stuck{background-image:url('/static/safe/images/stuck-off.svg');}
.wp-disaster-chkbox .dis-falldown{background-image:url('/static/safe/images/falldown-off.svg');}
.wp-disaster-chkbox .dis-fall{background-image:url('/static/safe/images/fall-off.svg');}
.wp-disaster-chkbox .dis-collapse{background-image:url('/static/safe/images/collapse-off.svg');}
.wp-disaster-chkbox .dis-hit{background-image:url('/static/safe/images/hit-off.svg');}
.wp-disaster-chkbox .dis-hit2{background-image:url('/static/safe/images/hit2-off.svg');}
.wp-disaster-chkbox .dis-drowning{background-image:url('/static/safe/images/drowning-off.svg');}
.wp-disaster-chkbox .dis-anoxia{background-image:url('/static/safe/images/anoxia-off.svg');}
.wp-disaster-chkbox .dis-unbalance{background-image:url('/static/safe/images/unbalance-off.svg');}
.wp-disaster-chkbox .dis-cut{background-image:url('/static/safe/images/cut-off.svg');}
.wp-disaster-chkbox .dis-acci{background-image:url('/static/safe/images/acci-off.svg');}
.wp-disaster-chkbox .dis-temp{background-image:url('/static/safe/images/temp-off.svg');}
.wp-disaster-chkbox .dis-acci2{background-image:url('/static/safe/images/acci2-off.svg');}
.wp-disaster-chkbox .dis-brain-heart{background-image:url('/static/safe/images/brain-heart-off.svg');}
.wp-disaster-chkbox .dis-pneum{background-image:url('/static/safe/images/pneum-off.svg');}
.wp-disaster-chkbox .dis-disease{background-image:url('/static/safe/images/disease-off.svg');}
.wp-disaster-chkbox .dis-accid{background-image:url('/static/safe/images/accid-off.svg');}
.wp-disaster-chkbox .dis-wound{background-image:url('/static/safe/images/wound-off.svg');}
.wp-disaster-chkbox .dis-ani-wound{background-image:url('/static/safe/images/ani-wound-off.svg');}
.wp-disaster-chkbox .dis-etc{background-image:url('/static/safe/images/etc-off.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-not-applicable{background-image:url('/static/safe/images/not-applicable-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-fire{background-image:url('/static/safe/images/fire-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-bomb{background-image:url('/static/safe/images/bomb-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-chemi{background-image:url('/static/safe/images/chemi-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-es{background-image:url('/static/safe/images/es-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-trapped{background-image:url('/static/safe/images/trapped-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-stuck{background-image:url('/static/safe/images/stuck-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-falldown{background-image:url('/static/safe/images/falldown-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-fall{background-image:url('/static/safe/images/fall-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-collapse{background-image:url('/static/safe/images/collapse-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-hit{background-image:url('/static/safe/images/hit-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-hit2{background-image:url('/static/safe/images/hit2-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-drowning{background-image:url('/static/safe/images/drowning-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-anoxia{background-image:url('/static/safe/images/anoxia-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-unbalance{background-image:url('/static/safe/images/unbalance-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-cut{background-image:url('/static/safe/images/cut-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-acci{background-image:url('/static/safe/images/acci-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-temp{background-image:url('/static/safe/images/temp-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-acci2{background-image:url('/static/safe/images/acci2-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-brain-heart{background-image:url('/static/safe/images/brain-heart-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-pneum{background-image:url('/static/safe/images/pneum-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-disease{background-image:url('/static/safe/images/disease-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-accid{background-image:url('/static/safe/images/accid-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-wound{background-image:url('/static/safe/images/wound-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-ani-wound{background-image:url('/static/safe/images/ani-wound-on.svg');}
.wp-disaster-chkbox .chk-input:checked + .chk-tile.dis-etc{background-image:url('/static/safe/images/etc-on.svg');}

@media all and (max-width:768px){
	.wp-disaster-chkbox .chk-tile,
	.wp-disaster-chkbox .chk-input:checked + .chk-tile{
		padding-right:64px;
		background-position:right 18px center;
		background-size:36px auto;
	}
}

@media all and (max-width:425px){
	.inp input:not[type="radio"],
	.input-wrap input{width:80% !important;}
}

/* ===================================================
   기업등록 (terms / cmpyInfo)
=================================================== */
.regWrap{margin:0 auto;}
.regStep{counter-reset:s; display:flex; justify-content:center; margin:8px 0 36px; padding: 40px 0; border-radius: 16px; border: 4px solid #e1efff; list-style:none;}
.regStep li{position:relative; display:flex; flex-direction:column; align-items:center; gap:10px; flex:1; max-width:180px; color:#666; font-size:1.5rem; text-align:center;}
.regStep li::before{counter-increment:s; content:counter(s); display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:#f9f9f9; color:#666; font-weight:700; z-index:1;}
.regStep li::after{content:""; position:absolute; top:20px; left:50%; width:100%; height:2px; background:var(--color-g1);}
.regStep li:last-child::after{display:none;}
.regStep li.on{color:var(--color-main); font-weight:600;}
.regStep li.on::before{background:var(--color-main); color:#fff;}

.termsBox{margin-bottom:20px; border:1px solid #dbdbdb; border-radius:16px; background:#fff; overflow:hidden;}
.termsBox .termsTit{padding:18px 24px; font-size:1.7rem; font-weight:600; color:#1E2124; border-bottom:1px solid #dbdbdb;}
.termsBox .termsTit .red{color:#FF6F5B; font-size:1.4rem;}
.termsBox .termsScroll{max-height:300px; overflow-y:auto; padding:20px 24px; font-size:1.45rem; line-height:1.6; color:#454a52;}
.termsBox .termsScroll dl{margin:0 0 16px;}
.termsBox .termsScroll dt{margin:8px 0 4px; font-weight:600; color:#222;}
.termsBox .termsScroll dd{margin:0 0 4px;}
.termsBox .termsScroll ul{margin:4px 0 4px 10px;}
.termsBox .termsChk{display:flex; align-items:center; gap:8px; padding:16px 24px; border-top:1px solid #dbdbdb; background:#f9f9f9; font-size:1.55rem; color:#33373D;}
.termsBox .termsChk input[type="checkbox"]{width:20px !important; height:20px !important; accent-color:#4B46E8; flex:none;}

.regWrap,
.regForm{max-width:100%; min-width:0;}
.regForm{margin-bottom:24px;}
.regForm .regSecTit{margin:28px 0 8px; font-size:2.1rem; font-weight:700; color:#1E2124;}
.regForm .regSecTit:first-child{margin-top:0;}
.regForm .regSecDesc{margin:-4px 0 12px; color:#5A5F66; font-size:1.5rem;}
.regForm .fRow{display:flex; align-items:flex-start; gap:16px; min-width:0; padding:14px 0; /*border-bottom:1px solid #EEF0F7;*/ flex-wrap:wrap;}
.regForm .fRow > .fLabel{flex:0 0 200px; padding-top:10px; font-size:1.6rem; font-weight:600; color:#33373D;}
.regForm .fRow > .fLabel .red{color:#FF6F5B; margin-left:2px;}
.regForm .fRow .fField{flex:1 1 0; min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.regForm input[type="text"], .regForm input[type="number"], .regForm select{height:44px; padding:0 12px; border:1px solid var(--color-g6); border-radius:8px; font-size:1.5rem; box-sizing:border-box;}
.regForm input[type="text"]:focus, .regForm select:focus{outline:none; border-color:#4B46E8; box-shadow:0 0 0 2px rgba(75,70,232,.12);}
.regForm input.full{flex:1; min-width:200px;}
.regForm input[readonly]{background:#f9f9f9; color:#666;}
.regForm .fHelp{width:100%; margin-top:2px; color:#8A8F99; font-size:1.35rem;}
.regTblScroll{width:100%; max-width:100%; margin:8px 0; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.regTbl{width:100%; min-width:1000px; max-width:none; table-layout:fixed; border-collapse:collapse; font-size:1.5rem;}
.regTbl th, .regTbl td{padding:12px 10px; border-bottom:1px solid #dbdbdb; text-align:center;}
.regTbl thead th{background:#f9f9f9; color:#33373D; font-weight:600;}
.regTbl .delRow{color:#FF6F5B; cursor:pointer; text-decoration:underline;}
#disaBox{display:grid !important; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); width:100%; max-width:100%; min-width:0; box-sizing:border-box;}
#disaBox label{display:inline-flex !important; align-items:center; min-width:0; max-width:100%; white-space:normal; word-break:keep-all;}
#disaBox input[type="checkbox"]{flex:none;}
@media all and (max-width:768px){
	.regForm .fRow{flex-direction:column; gap:6px;}
	.regForm .fRow > .fLabel{flex:none; padding-top:0;}
	.regForm .fRow .fField{width:100%;}
	.regStep li{font-size:1.3rem;}
}

/* ===================================================
   만족도 조사 (digSatis)
=================================================== */
.satisfaction-box{display:flex; flex-direction:column; gap:20px; margin:8px 0 40px;}
.satisfaction-box .satis-tit{margin:0; font-family:'SCD'; font-size:2.6rem; font-weight:700; color:#1E2124;}
.satisfaction-box .satis-desc{margin:-8px 0 8px; color:#5A5F66; font-size:1.6rem;}
.satisfaction-box .s-box{padding:28px 32px; background:#fff; border:1px solid #E9ECFC; border-radius:16px; box-shadow:0 0 15px rgba(75,70,232,.06);}
.satisfaction-box .s-box .tit{margin:0; font-size:1.8rem; font-weight:600; color:#1E2124; line-height:1.5;}
.satisfaction-box .s-box .tit .req{margin-left:4px; color:#FF6F5B; font-size:1.5rem; font-weight:600;}
.satisfaction-box .s-box .expl{margin:10px 0 0; color:#5A5F66; font-size:1.5rem; line-height:1.5;}

/* 주관식 */
.satisfaction-box .area-for{width:100%; min-height:120px; margin-top:16px; padding:14px 16px; border:1px solid #D5D8E2; border-radius:10px; font-size:1.6rem; line-height:1.5; resize:vertical; box-sizing:border-box;}
.satisfaction-box .area-for:focus{outline:none; border-color:#4B46E8; box-shadow:0 0 0 2px rgba(75,70,232,.15);}

/* 객관식 */
.satisfaction-box .chk-radio{display:flex; flex-direction:column; gap:12px; margin-top:18px;}
.satisfaction-box .chk-radio li{display:flex; align-items:center; flex-wrap:wrap; gap:8px;}
.satisfaction-box .chk-radio label{display:inline-flex; align-items:center; gap:10px; font-size:1.6rem; color:#2F3135; cursor:pointer;}
.satisfaction-box .chk-radio input[type="radio"]{width:20px !important; height:20px !important; accent-color:#4B46E8; cursor:pointer; flex:none;}
.satisfaction-box .chk-radio input[type="text"]{flex:1; min-width:200px; height:42px; padding:0 12px; border:1px solid #D5D8E2; border-radius:8px; font-size:1.5rem; box-sizing:border-box;}
.satisfaction-box .chk-radio input[type="text"].disabled{background:#F3F4F8; color:#aaa;}

/* 별점 */
.satisfaction-box .rating-css{margin-top:16px;}
.satisfaction-box .star-icon{display:inline-flex; gap:8px; align-items:center;}
.satisfaction-box .star-icon input{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.satisfaction-box .star-icon label{margin:0; font-size:4rem; line-height:1; color:#DCDCE5; cursor:pointer; transition:color .15s, transform .1s;}
.satisfaction-box .star-icon label:hover{transform:scale(1.1);}
.satisfaction-box .star-icon label.on{color:#FFB100;}

/* 버튼 */
.satis-btnW{margin-top:8px; gap:16px;}

@media all and (max-width:768px){
	.satisfaction-box .s-box{padding:20px 18px;}
	.satisfaction-box .satis-tit{font-size:2.2rem;}
	.satisfaction-box .star-icon label{font-size:3.4rem;}
}


/* 등록기업조회 추가 */
.regiBox {padding:40px; border:1px solid #ccc; border-radius:16px;}
@media all and (max-width:768px){
	.regiBox {padding:24px;}
}
@media all and (max-width:425px){
	.regiBox {padding:0; border:none;}
}