.case-page{max-width:1400px;margin:0 auto;padding:30px 20px 80px}.case-categories{display:flex;gap:12px;border-bottom:1px solid #ddd;margin:25px 0;overflow-x:auto;padding-bottom:16px}.case-categories a{flex:1;min-width:76px;text-align:center;padding:12px 8px;color:#333}.case-categories a[aria-current=page]{color:#e04641;border-bottom:2px solid #e04641;font-weight:700}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0}.case-card{position:relative;min-width:0}.case-card>a{display:block;position:relative}.case-card img{display:block;width:100%;height:auto}.case-card h3{font-size:17px;margin:12px 0 5px;line-height:1.5}.case-best{position:absolute;top:0;left:0;right:0;background:#e04641;color:white;padding:9px 12px;font-size:14px;font-weight:700;z-index:2}.case-login{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);color:white;text-align:center;padding:20px}.case-actions{display:flex;gap:15px;justify-content:flex-end;margin:20px 0}.case-modal{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.8);padding:20px;overflow:auto}.case-modal[hidden],.case-angle-image[hidden]{display:none}.case-modal-panel{position:relative;max-width:800px;margin:20px auto;background:#303030;color:#fff;padding:20px}.case-modal-close{position:absolute;right:10px;top:10px;width:40px;height:40px;font-size:26px;background:white;color:#222;border-radius:50%}.case-detail{max-width:1080px;margin:auto}.case-detail h2{font-size:25px;line-height:1.4;margin:0 45px 10px 0}.case-detail img{display:block;width:100%;height:auto;object-fit:contain}.case-angle-buttons{display:flex;gap:16px;justify-content:center;margin:20px 0}.case-angle-buttons button{min-width:80px;padding:12px 20px;border-radius:24px;background:#fff;color:#222;border:1px solid #aaa;font-size:18px;font-weight:700}.case-angle-buttons button[aria-pressed=true]{background:#153cff;color:#fff;border-color:#153cff}.case-angle-buttons button:disabled{opacity:.4}.case-summary{line-height:1.8;white-space:normal}.case-detail details{border-top:1px solid #aaa;padding:16px 0}.case-detail details p{line-height:1.8}.case-empty{display:block;padding:70px 15px;background:#eee;color:#555;text-align:center}.case-editor{border-top:1px solid #ddd;padding:25px 0}.case-editor label{display:block;margin:12px 0 6px;font-weight:600}.case-editor input[type=text],.case-editor input[type=number],.case-editor select,.case-editor textarea{max-width:100%;width:100%;padding:10px;border:1px solid #ccc}.case-editor fieldset{border:0;padding:12px 0}.case-editor fieldset label{display:inline-flex;gap:8px;margin-right:20px;align-items:center}.case-main-strip{display:flex;gap:24px;overflow-x:auto;padding:25px 20px}.case-main-strip .case-card{flex:0 0 360px}.case-main-strip .case-card img{width:100%;height:auto}@media(max-width:760px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.case-card h3{font-size:14px}.case-modal{padding:10px 10px 130px}.case-modal-panel{padding:14px;margin:15px auto}.case-detail h2{font-size:20px}.case-angle-buttons{gap:8px}.case-angle-buttons button{min-width:65px;font-size:16px;padding:10px 16px}.case-main-strip .case-card{flex-basis:280px}.case-page{padding:20px 12px 120px}}
.case-write{max-width:100%;box-sizing:border-box;padding:20px}.case-write input:not([type=radio]):not([type=checkbox]),.case-write textarea,.case-write select{max-width:100%;box-sizing:border-box}.case-write .full_input{width:100%}.case-write .half_input{width:calc(50% - 5px)}.case-write .frm_file{width:100%}.case-actions{flex-wrap:wrap}.case-subcategory{margin:8px 0 20px}
.case-categories a{font-size:20px;font-weight:600;line-height:1.4;min-width:96px;padding:18px 10px;box-sizing:border-box}.case-categories img{display:block;width:76px;height:64px;object-fit:contain;margin:0 auto 18px}.case-categories span{display:block;white-space:nowrap}.case-modal-panel a{color:#fff;text-decoration:underline}
@media(max-width:760px){.case-categories{gap:8px}.case-categories a{flex:0 0 96px;font-size:17px;padding:14px 8px}.case-categories img{width:60px;height:52px;margin-bottom:12px}}
@media(min-width:1000px){.case-page{width:calc(100% - 240px);box-sizing:border-box}}
.case-list-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 22px;min-height:44px}.case-search-open,.case-search-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 20px;font-size:16px;font-weight:600;line-height:1;white-space:nowrap;box-sizing:border-box}.case-search-open{border:1px solid #bbb;background:#fff;color:#333;border-radius:4px}.case-search-open:hover{border-color:#e04641;color:#e04641}.case-search-result{min-width:0;overflow-wrap:anywhere;font-size:15px}.case-search-clear{flex-shrink:0;font-size:14px;color:#666;text-decoration:underline}.case-search-dialog{width:480px;max-width:calc(100% - 32px);padding:0;margin:auto;border:0;border-radius:8px;background:#fff;color:#222;box-sizing:border-box;box-shadow:0 12px 48px rgba(0,0,0,.25)}.case-search-dialog:not([open]){display:none}.case-search-dialog::backdrop{background:rgba(0,0,0,.55)}.case-search-panel{padding:26px}.case-search-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.case-search-heading h2{font-size:22px;line-height:1.4;margin:0}.case-search-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;font-size:22px;color:#444;background:transparent}.case-search label{display:block;font-size:15px;font-weight:600;margin-bottom:10px}.case-search-input-row{display:flex;gap:10px;align-items:stretch}.case-search-input-row input{flex:1;min-width:0;width:100%;height:48px;padding:10px 12px;font-size:16px;border:1px solid #bbb;border-radius:4px;box-sizing:border-box}.case-search-submit{flex-shrink:0;border:0;border-radius:4px;color:#fff;background:#e04641}.case-search-open:focus-visible,.case-search-submit:focus-visible,.case-search-close:focus-visible{outline:2px solid #333;outline-offset:3px}@media(max-width:760px){.case-search-panel{padding:20px}.case-search-heading h2{font-size:20px}.case-search-input-row{gap:8px}.case-search-submit{padding:0 14px}.case-list-toolbar{gap:8px;flex-wrap:wrap;margin-bottom:18px}.case-search-result{flex:1}}
.case-write{width:100%;max-width:1040px;margin:30px auto 80px;padding:24px;box-sizing:border-box;color:#222;font-size:16px}.case-write-title{font-size:26px;line-height:1.4;margin:0 0 28px}.case-write .write_div{margin-bottom:18px}.case-write label,.case-write legend{font-size:15px;font-weight:600;line-height:1.5}.case-write label{display:block;margin:0 0 8px}.case-write input[type=text],.case-write input[type=password],.case-write input[type=number],.case-write select,.case-write textarea{width:100%;height:46px;padding:10px 12px;border:1px solid #c8c8c8;border-radius:4px;background:#fff;color:#222;font-size:16px;box-sizing:border-box;min-width:0}.case-write textarea{height:auto;min-height:100px;resize:vertical}.case-write-section{border-top:1px solid #ddd;padding:26px 0;margin-top:24px}.case-write-section h3{font-size:20px;line-height:1.4;margin:0 0 20px}.case-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}.case-field{min-width:0}.case-field-wide{grid-column:1/-1}.case-field-help{font-size:14px;line-height:1.7;color:#666;margin:8px 0 0;overflow-wrap:anywhere}.case-required{font-size:12px;color:#d23737;margin-left:6px;font-weight:600}.case-optional{font-size:12px;color:#777;font-weight:400;margin-left:6px}.case-write .case-check,.case-write .case-angle-setting label,.case-write .case-upload-delete{display:inline-flex;align-items:center;gap:8px}.case-write .case-check{min-height:46px;margin:0}.case-angle-setting{padding:20px 0 0;border:0;margin:12px 0 0}.case-angle-setting legend{margin-bottom:12px}.case-angle-setting label{margin:0 24px 0 0}.case-write input[type=checkbox],.case-write input[type=radio]{width:18px;height:18px;flex-shrink:0;accent-color:#e04641}.case-main-guide{border-left:3px solid #e04641;padding:12px 16px;margin-top:20px;background:#f6f6f6;font-size:14px;line-height:1.7}.case-main-guide p{margin:5px 0 0}.case-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.case-upload{min-width:0;padding:16px;border:1px solid #ddd;border-radius:6px}.case-upload h4{font-size:17px;margin:0 0 14px}.case-upload-preview{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#f3f3f3;margin-bottom:16px;overflow:hidden}.case-upload-preview img{width:100%;height:100%;object-fit:contain}.case-upload-preview img[hidden]{display:none}.case-upload-preview span{display:flex;flex-direction:column;gap:10px;align-items:center;color:#888;font-size:14px}.case-upload-preview span i{font-size:28px}.case-upload-preview.has-image span{display:none}.case-write .case-upload-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.case-file-pick{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 12px;font-size:15px;font-weight:600;color:#333;border:1px solid #bbb;border-radius:4px;background:#fff;box-sizing:border-box}.case-file-pick:focus-visible{outline:2px solid #333;outline-offset:3px}.case-upload-filename{font-size:13px;line-height:1.6;color:#666;overflow-wrap:anywhere;margin:10px 0;min-height:21px}.case-upload-error{color:#c63232;font-size:13px;line-height:1.6;overflow-wrap:anywhere;margin:0}.case-write .case-upload-delete{font-size:13px;line-height:1.5;margin:12px 0 0}.case-write .btn_confirm{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:24px}.case-write .btn_cancel,.case-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;font-size:16px;border-radius:4px;box-sizing:border-box}.case-write .btn_cancel{border:1px solid #bbb;background:#fff;color:#333}.case-save{border:0;background:#e04641;color:#fff}.case-write .wr_content{min-width:0;max-width:100%}.case-write iframe{max-width:100%}.case-write #btn_autosave{margin-top:10px;font-size:13px;padding:8px 12px;border:1px solid #ddd;background:#fafafa;border-radius:4px}@media(min-width:1000px){.case-write{width:calc(100% - 240px)}}@media(max-width:760px){.case-write{padding:20px 16px;margin:20px auto 120px}.case-write-title{font-size:22px}.case-setting-grid,.case-upload-grid{grid-template-columns:minmax(0,1fr)}.case-setting-grid{gap:18px}.case-upload-preview{max-height:340px}.case-upload{padding:16px}.case-write .btn_confirm>*{flex:1}.case-angle-setting label{margin-right:18px}.case-write-section{padding:22px 0}.case-write-section h3{font-size:18px}}
.case-login-half{bottom:auto;height:50%;background:rgba(0,0,0,.8);flex-direction:column;gap:6px;padding:8px;box-sizing:border-box;font-size:12px;line-height:1.4;overflow:hidden}.case-login-half b,.case-login-half strong{color:#e84549;font-size:16px;line-height:1.2}.case-list-title{font-size:26px;line-height:1.4;margin:24px 0 12px}.case-access-info{font-size:15px;line-height:1.7;margin:0 0 20px;color:#555}@media(max-width:760px){.case-login-half{gap:3px;padding:4px;font-size:10px;line-height:1.25}.case-login-half b{display:none}.case-login-half strong{font-size:12px}.case-main-strip .case-login-half{gap:6px;font-size:12px;padding:8px}.case-main-strip .case-login-half b{display:block;font-size:16px}.case-list-title{font-size:22px}}
.latest_txt_100{padding-top:40px;margin-left:calc(50vw - 710px);padding-right:125px}.latest_txt001{padding-top:60px;margin-left:1350px}.case-main-swiper img{width:100%;height:auto;display:block}.case-main-swiper .swiper-slide{height:auto;position:relative}.case-main-swiper .case-login-half{gap:6px;padding:8px;font-size:12px}.case-main-swiper .case-login-half b{display:block;font-size:16px}.slide02 .edge-before-after-primary img{height:auto}@media(max-width:1600px){.latest_txt_100{width:100%;margin-left:0;padding-left:20px;float:none!important;margin-bottom:40px}.latest_txt001{padding-top:30px;margin-left:20px}}@media(max-width:1400px){.case-main-swiper.slide04{float:none!important;width:100%}}@media(max-width:1250px){.latest_txt_100{padding-right:20px!important;text-align:center;margin-left:0!important}}
.latest_txt_100{box-sizing:border-box}
.case-login-best{justify-content:flex-end;gap:2px;padding-bottom:2px}
.case-main-swiper .swiper-slide>a{position:relative;display:block;width:100%;aspect-ratio:1;background:#f3f3f3;overflow:hidden}.case-main-swiper .edge-before-after-primary>a{background:#fff}.case-main-swiper .swiper-slide>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.case-main-swiper .swiper-slide>a>.case-empty{position:absolute;inset:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:12px}
.case-main-swiper .case-main-legacy>a,.case-main-swiper .edge-before-after-primary>a{aspect-ratio:auto;background:transparent;overflow:visible}.case-main-swiper .case-main-legacy>a>img,.case-main-swiper .edge-before-after-primary>a>img{position:static;width:100%;height:auto}.case-main-swiper .case-main-legacy .case-login-legacy{width:50%;height:100%;bottom:0}.case-main-swiper .case-main-legacy>a>.case-empty{position:static}
.case-main-swiper .swiper-wrapper{align-items:flex-start}