.s_top{width:100%;height:60rem;background:url(/images/www/sub/sub_vis.jpg?build_20250630002) no-repeat center;background-size:cover;padding-top:8rem;}
 .s_top .inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;}
 .s_top .inner > p{font-size:2rem;}
 .s_top .inner > p span{font-weight:400;opacity:.5;}
 .s_top .inner > h2{font-size:4.8rem;font-weight:700;margin-top:1.4rem;}
 .s_top #snb{position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;width:100%;height:8rem;border-radius:3rem 3rem 0 0;background-color:rgba(0,182,235,.96);padding-right:4rem;}
 .s_top #path{display:flex;}
 .s_top #path > li{position:relative;min-width:30rem;border-right:1px solid #4dcaef;}
 .s_top #path > li > a{display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:100%;font-size:2rem;font-weight:600;color:#fff;padding:0 3rem;overflow:hidden;}
 .s_top #path > li > a span{position:relative;transition:transform .2s;flex-shrink:0;width:1.4rem;height:.8rem;background:url(/images/www/common/sp_layout.png?build_20250630002) no-repeat -6.9rem -8.7rem;text-indent:-9999rem;}
 .s_top #path > li.home{width:8rem;min-width:auto;}
 .s_top #path > li.home > a{justify-content:center;padding:0;}
 .s_top #path > li.home > a span{width:2.2rem;height:2.3rem;background:url(/images/www/common/sp_layout.png?build_20250630002) no-repeat -1.9rem -8rem;text-indent:-9999rem;}
 .s_top #path > li.on > a{background-color:#009cc9;}
 .s_top #path > li.on > a span{transform:rotate(180deg);}
 .s_top #path > li.snb_level > a span{ margin-left: 1rem;}
 .s_top .sectionB{display:none;position:absolute;top:100%;left:0;width:100%;border:1px solid #009cc9;border-top:0;border-radius:0 0 2rem 2rem;background-color:#fff;overflow:hidden;z-index:2;}
 .s_top .sectionB li + li{border-top:1px solid #e3e3e3;}
 .s_top .sectionB li a{display:inline-flex;align-items:center;justify-content:space-between;height:6rem;padding:0 3rem;}
 .s_top .sectionB li a.newwin span > span{display:inline-block;width:1.6rem;height:1.6rem;background:url(/images/www/common/sp_layout.png?build_20250630002) no-repeat -18.4rem -2.4rem;vertical-align:middle;margin-left:1rem;text-indent:-9999rem;}
 .s_top .sectionB li.on a span{color:#00b6eb;text-decoration:underline;}
 .s_top .contents_tool{display:flex;align-items:center;gap:0 4.5rem;}
 .s_top .contents_tool .drop_wrap > button{display:inline-flex;align-items:center;justify-content:center;}
 .s_top .contents_tool .drop_wrap > button::before{content:'';display:block;background-image:url(/images/www/common/sp_layout.png?build_20250630002);background-repeat:no-repeat;background-size:72rem;}
 .s_top .contents_tool .drop_wrap.qr .drop_menu{left:initial;right:-2.5rem;transform:translate(0, 100%);}
 .s_top .contents_tool .drop_wrap.qr .drop_in::before{left:initial;right:2.9rem;transform:translate(0, -100%);}
 .s_top .contents_tool .drop_wrap.qr .drop_in::after{left:initial;right:3rem;transform:translate(0, -100%);}
 .s_bot{padding:8rem 0 12rem;}
 .s_bot .section{display:flex;flex-wrap:wrap;margin-bottom:10rem;}
 .s_bot .section li{position:relative;flex:1;}
 .s_bot .section li a{display:inline-flex;align-items:center;justify-content:center;gap:0 .8rem;width:100%;height:6.6rem;font-size:2rem;color:#656565;border:1px solid #bcbcbc;background-color:#fafafa;}
 .s_bot .section li:first-child a{border-radius:1rem 0 0 1rem;}
 .s_bot .section li:last-child a{border-radius:0 1rem 1rem 0;}
 .s_bot .section li + li a{border-left:0;}
 .s_bot .section li.on a{font-weight:600;color:#333;border:1px solid #333 !important;background-color:#fff;}
 .s_bot .section li.on a::before{content:'';display:inline-flex;width:2rem;height:2rem;border-radius:100%;background:#333 url(/images/www/common/sp_layout.png?build_20250630002) no-repeat -25.6rem -8.1rem;background-size:72rem}
 @media screen and (max-width:1550px) { .s_top #snb{left:2.5rem;width:calc(100% - 5rem);}
 }
 @media screen and (max-width:1280px) { .s_top #snb{padding-right:2.5rem;}
 .s_top #path > li{width:22vw;min-width:22rem;}
 .s_top #path > li > a{padding:0 2rem;}
 .s_top .contents_tool{gap:0 4rem;}
 .s_bot .section{margin-bottom:3.2rem;}
 .s_bot .section li{flex:none;width:33.33%}
 .s_bot .section li:nth-child(n+4){top:-1px;}
 .s_bot .section li a{border-radius:0 !important;}
 .s_bot .section li + li a{border-left:1px solid #bcbcbc;}
 .s_bot .section li:nth-child(3n-1) a, .s_bot .section li:nth-child(3n) a{border-left:0;}
 }