i.main { display: flex; align-items: center; justify-content: center; vertical-align: middle; flex-direction: row; }
 i.main::before { content: ''; display: block; background-image: url(/images/njcf/main/sp_main.png?build_20250729001); background-repeat: no-repeat; background-size: 72rem; }
 .main.ico_quick::before { width: 5.4rem; height: 6rem; background-position: -2rem -2rem; }
 .quick_sns_01::before { width: 3.5rem; height: 3.5rem; background-position: -1.5rem -21.5rem; }
 .quick_sns_02::before { width: 3.5rem; height: 3.5rem; background-position: -7.5rem -21.5rem; }
 .quick_sns_03::before { width: 3.5rem; height: 3.5rem; background-position: -13.3rem -21.5rem; }
 .quick_sns_04::before { width: 3.5rem; height: 3.5rem; background-position: -19.3rem -21.5rem; }
 .quick_sns_05::before { width: 3.5rem; height: 3.5rem; background-position: -25.2rem -21.5rem; }
 .main.ico_quick_01::before { width: 2.5rem; height: 2.2rem; background-position: -31rem -22rem; }
 .main.ico_quick_02::before { width: 2.4rem; height: 2.6rem; background-position: -35.8rem -21.8rem; }
 .main.ico_quick_03::before { width: 2.4rem; height: 2.6rem; background-position: -40.3rem -21.8rem; }
 .main.ico_quick_04::before { width: 2.4rem; height: 2.8rem; background-position: -45rem -21.4rem; }
 .main.ico_top::before {width: 1.1rem;height: .9rem;background-position: -30.3rem -4.2rem;}
 #aside { display: flex; position: fixed; top: 50%; right: 1rem; transform: translateY(-50%); z-index: 3; flex-direction: column; align-items: flex-end; }
 #aside .quick_tit { position: relative; display: flex; justify-content: center; width: 100%; height: 8.6rem; font-size: 1.5rem; font-weight: 700; line-height: 1.2; color: #fff; border-radius: 5rem 5rem 0 0; background: linear-gradient(45deg, #4e40ca, #1e57ae); padding-top: 3rem; }
 #aside .quick_tit i { position: absolute; top: 0; left: 50%; transform: translate(-50%, -60%); }
 #aside .quick_sub { display: flex; flex-direction: column; gap: 1rem 0; width: 100%; border-radius: 0 0 0 3rem; padding: 0 0 3.5rem; align-items: flex-end; }
 #aside .quick_sub { left: 0; }
 #aside .quick_sub > a { position: relative; display: flex; width: fit-content; min-width: 6rem; min-height: 6rem; font-size: 1.5rem; font-weight: 600; color: #3f4156; background-color: #fff; border-radius: 50rem; align-items: center; filter: revert; box-shadow: 0 0 7.8px 1px #00000024; flex-direction: row; left: 0; justify-content: space-around; transition: all 0.3s ease; }
 #aside .quick_sub > .in_sns { position: relative; display: flex; width: fit-content; min-width: 6rem; min-height: 6rem; font-size: 1.5rem; font-weight: 600; color: #3f4156; background-color: #fff; border-radius: 50rem; align-items: center; filter: revert; box-shadow: 0 0 7.8px 1px #00000024; flex-direction: row; left: 0; justify-content: space-around; transition: all 0.3s ease; }
 #aside .quick_sub .in_sns span { display:none; }
 #aside .quick_sub .in_sns:hover .sns_txt { display:inline-block; }
 #aside .quick_sub .in_sns:hover { gap: 1rem; padding: 0 2rem 0 2rem; transition: all 0.3s ease; }
 #aside .quick_sub .in_sns:hover .quick_sns { display:inline-flex; }
 #aside .quick_sub .in_sns:hover .quick_sns > a { padding: 0 .5rem 0 0; }
 #aside .quick_sub a span { display:none; }
 #aside .quick_sub a:hover span { display:inline-block; }
 #aside .quick_sub a:hover { right: 107px; gap: 1rem; padding: 0 2rem 0 2rem; }
 #aside .btn_top { display: flex; justify-content: center; gap: 1rem; width: 6rem; height: 7.4rem; font-size: 1.4rem; font-weight: 700; color: #fff; border-radius: 1.5rem; background-color: #3f4156; flex-direction: column; align-items: center; }
 .sub_vis { position: relative; width: 100%; height: 47.4rem; background: url(/images/njcf/sub/sub_bg.jpg?build_20250729001) no-repeat center/cover; }
 /*.sub_vis { position: relative; height: 47.4rem; background-repeat: no-repeat;overflow: hidden;}
 .sub_vis:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; transform: scale(1.2);}
 .sub_vis.on{overflow: hidden;}
 .sub_vis.on:before { transform: scale(1); transition: 1.5s; }
 .sub_vis:before { background: url("/images/njcf/sub/sub_bg.jpg?build_20250729001") no-repeat center center; }
 */ .sub_vis .inner .tit { display: block; padding: 10rem 0 8rem; color: #fff;font-size: 4rem; font-weight: 800; transform: translateY(50px); transition-property: opacity, transform; transition-duration: 1s; transition-delay: 0.25s; opacity: 0; position: relative; }
 .sub_vis.on .inner .tit { opacity: 1; transform: translateY(0)}
 .sub_vis .inner { position: relative; display: flex; align-items: center; justify-content: space-between; height: 100%; text-align: center; color: #fff; padding-top: 10.5rem; padding-bottom: 7rem; }
 .sub_vis .contents_tool { display: flex; align-items: center; gap: 0 1rem; }
 .sub_vis .contents_tool .drop_wrap > button { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 5.6rem; height: 5.6rem; line-height: 1; bordeR: 0; border-radius: 2rem; background-color: rgba(255,255,255,.18); padding: 0; }
 .sub_vis .contents_tool .drop_wrap > button::before { content: ''; display: block; background-image: url(/images/njcf/common/sp_layout.png?build_20250729001); background-repeat: no-repeat; background-size: 72rem; }
 .sub_vis .contents_tool .drop_wrap > button.ico_share::before { width: 2.2rem; height: 2rem; background-position: -8rem -2.2rem; }
 .sub_vis .contents_tool .drop_wrap > button.ico_down::before { width: 2.3rem; height: 2.1rem; background-position: -13.4rem -2.2rem; }
 .sub_vis .contents_tool .drop_wrap > button.ico_qr::before { width: 2.3rem; height: 2.3rem; background-position: -19rem -2.1rem; }
 .sub_vis .contents_tool .drop_wrap.qr .drop_menu { left: initial; right: -2.5rem; transform: translate(0, 100%); }
 .sub_vis .contents_tool .drop_wrap.qr .drop_in::before { left: initial; right: 2.9rem; transform: translate(0, -100%); }
 .sub_vis .contents_tool .drop_wrap.qr .drop_in::after { left: initial; right: 3rem; transform: translate(0, -100%); }
 .sub_vis #path { position: absolute; bottom: 0; left: 0; display: flex; width: 100%; border-radius: 2rem 2rem 0 0; background-color: #4047ca; }
 .sub_vis #path > li { position: relative; }
 .sub_vis #path > li > a { display: inline-flex; align-items: center; justify-content: space-between; width: 30.4rem; height: 7rem; font-size: 1.7rem; font-weight: 500; line-height: 1.2; color: #fff; word-break: keep-all; border-right: .1rem solid rgba(255,255,255,.45); padding: 0 3rem; }
 .sub_vis #path > li.on > a { background-color: rgb(0 0 0 / 15%); }
 .sub_vis #path > li.on > a .open { transform: rotate(180deg); }
 .sub_vis #path .home > a { justify-content: center; width: 8.8rem; overflow: hidden; }
 .sub_vis #path .home > a::before { content: ''; display: block; width: 1.9rem; height: 1.9rem; background: url(/images/njcf/common/sp_layout.png?build_20250729001) -24.6rem -2.2rem no-repeat; }
 .sub_vis #path .home > a span { text-indent: -9999rem; }
 .sub_vis #path .snb_level > a .open { position: relative; flex-shrink: 0; width: 1.5rem; height: .9rem; border-radius: 50rem; background: url(/images/njcf/common/sp_layout.png?build_20250729001) no-repeat -29.7rem -2.8rem; text-indent: -9999rem; overflow: hidden; }
 .sub_vis #path .sectionB { display: none; position: absolute; top: 7rem; left: 0; width: 100%;; border: .1rem solid #4047ca; border-top: 0; border-radius: 0 0 2rem 2rem; background-color: #fff; z-index: 2; overflow: hidden; }
 .sub_vis #path .sectionB > li + li { border-top: .1rem solid #e7e7e7; }
 .sub_vis #path .sectionB > li > a { display: inline-flex; align-items: center; width: 100%; height: 7.2rem; font-size: 1.7rem; line-height: 1.2; word-break: keep-all; padding: 0 3rem; }
 .sub_vis #path .sectionB > li.on > a { font-weight: 600; color: #4047ca; }
 .sub_vis #path .sectionB > li > a > span > span{display: inline-block;background-image: url(/images/njcf/common/sp_layout.png?build_20250729001);background-repeat: no-repeat;background-size: 72rem;background-position: -60rem -1.6rem;width: 3.5rem;height: 3.5rem;vertical-align: middle;background-color: #f2f2f2;margin-left: 1rem;border-radius: 2rem;text-indent: -9999em;}
 .sub_nav.bot_none { padding: 0; }
 .sub_nav { padding-top: 7.5rem; }
 .sub_nav .section { display: flex; flex-wrap: wrap; gap: 1.6rem 1.2rem; width: 100%; }
 .sub_nav .section > li a { display: inline-flex; align-items: center; justify-content: center; width: max-content; min-width: 16rem; height: 5.4rem; font-size: 1.7rem; line-height: 1.2; text-align: center; border: .1rem solid #e3e3e3; border-radius: 1.5rem; color: #7d7d7d; padding: 0 2rem; }
 .sub_nav .section > li.on a { font-weight: 600; color: #4047ca; border-color: #4047ca; }
 .sub_nav .section.depth4 { height: 7.4rem; padding: 1rem 0; border-radius: 2rem; background-color: #f3f4f5; margin-top: 5rem}
 .sub_nav .section.depth4 > li { position: relative; flex: 1; z-index: 1; }
 .sub_nav .section.depth4 > li a { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-width: auto; height: 100%; border: 0; padding: 0; }
 .sub_nav .section.depth4 > li.on::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; display: block; width: 95%; height: calc(100% + .2rem); border-radius: 2rem;background: #3f4156; z-index: -1; }
 .sub_nav .section.depth4 > li.on a { font-weight: 600; color: #fff; }
 #content { padding: 6rem 0 10.5rem; }
 #admin_info, #Satisfaction { display: none; }
 @media screen and (max-width: 1600px){ .sub_vis #path { left:5rem; width: calc(100% - 10rem)}
 }