#sepration .sub-visual {height:22.5rem;position:relative;width: calc(100% - 2rem);margin:0 auto;padding-top:8.2rem;}
#sepration .sub-visual .sub-visual-img{height:22.5rem;position:absolute;width:100%;margin:0 auto;overflow:hidden;border-radius: 1.25rem;left:0;top:0;}
#sepration .sub-visual .sub-visual-img .sep_img {position: absolute; inset: -20% 0; background-size: cover; animation: vertical-pan-transform 8s ease-in-out infinite alternate;overflow:hidden;width:100%;}
#sepration .sub-visual h2 {color: #FFF; text-align: center; text-shadow: 0 8px 20px rgba(0, 0, 0, 0.50); font-size: 3rem; font-weight: 800; line-height: 3rem; /* 100% */ letter-spacing: -0.015rem;position:relative;z-index:1;}

#sepration .section_lnb .inr {display:flex;justify-content:center;margin-top:1.75rem;gap:0 0.25rem;}
#sepration .section_lnb .inr .home-icon {width:3rem;height:3rem;background:url(/images/default/content/home-icon.svg)no-repeat center center;background-size:cover;}
#sepration .section_lnb #lnb {display:flex;justify-content:center;gap:0 0.25rem;}
#sepration .section_lnb #lnb > li > a {border-radius: 0.5rem; background: rgba(255, 255, 255, 0.10);color: #FFF; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;height:3rem;display:flex;width:11rem;    backdrop-filter: blur(20px);border:1px solid rgba(255,255,255,0.5);align-items:center;padding:0 1.25rem;}
#sepration .section_lnb #lnb > li > a:after{content:'';position:absolute;width:0.8rem;height:0.75rem;background:url(/images/default/content/lnb-arrow.svg)no-repeat center center;background-size:cover;right:1.25rem;top:50%;transform:translateY(-50%);transition-duration: 0.35s;}
#sepration .section_lnb #lnb > li.open > a:after { transform: translateY(-50%) rotate(180deg);transition-duration: 0.5s;}


#sepration .section_lnb #lnb > li > div > ul {position:absolute;width:11rem;border:1px solid #ddd;border-radius:0.4rem;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); background:#fff;top:3.45rem;overflow:hidden;}
#sepration .section_lnb #lnb > li > div > ul > li a {padding:0.75rem 1.25rem;display:block;color: #666; font-size: 0.75rem; font-weight: 400; line-height: 0.75rem; letter-spacing: -0.00375rem;}
#sepration .section_lnb #lnb > li > div > ul > li a:hover {background:#F4F5F8;color:#333;font-weight:600;}

.unfd {display:none;}

.section_lnb {position:relative;z-index:1;}
	@keyframes vertical-pan-transform {
  from {
    transform: translateY(13%);
  }
  to {
    transform: translateY(-13%);
  }
}

.page_main_title {max-width:1500px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;margin-bottom:4rem; }
.page_main_title h3 {color: #333; font-size: 2.25rem; font-weight: 700; line-height: 2.25rem; letter-spacing: -0.01125rem;}
.page_main_title .page_direction{display:flex;align-items:center;}
.page_main_title .page_direction a{color: #888; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;position:relative;padding:0 0.6rem;}
.page_main_title .page_direction a:not(:last-child):after {content:'';position:absolute;width:0.15rem;height:0.15rem;background:#888;border-radius:50%;display:block;top:50%;right:0;transform:translate(50%,-50%);right:0;}
.page_main_title .page_direction img{    vertical-align: middle;}

.tab_menu{width:1500px;margin:0 auto; margin-bottom: 1.75rem;}
.tab_menu ul {display:flex;gap:0 0.4rem}
.tab_menu ul li a{padding:0.75rem 1.25rem;border:1px solid #DFE8F0;background:#DFE8F0; color: #717D96; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;border-radius:2.5rem;display:inline-block;}
.tab_menu ul li.on a {background:#002D6F !important;border:1px solid #002D6F !important;color:#fff !important;}
.tab_menu ul li:hover a {border:1px solid #002D6F;color:#002D6F;background:#fff;}

.tab_menu ul li:nth-child(10) a { align-items: center; gap: 0.25rem; display: flex; }
.tab_menu ul li:nth-child(10) a:after{content: ''; width: 0.9rem; height: 0.9rem; background: url(/images/default/content/navi-blank.svg) no-repeat center center; background-size: cover;}
.tab_menu ul li:nth-child(10).on a:after{background: url(/images/default/content/navi-blank-white.svg) no-repeat center center;}

@media screen and (max-width: 1820px) {
	#sepration .sub-visual {width:calc(100% - 2rem);}
	#sepration .sub-visual .sub-visual-img{width:100%;height:100%;}
}

@media screen and (max-width: 1500px) {
	.page_main_title {padding:0 1rem;}
	.tab_menu{width:100%;padding:0 1rem;    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;}
	.tab_menu ul {    flex-wrap: nowrap;
    width: max-content;}
}
@media screen and (max-width: 767px) {
	#sepration .sub-visual {height:17.5rem;padding-top:0;display:flex; flex-direction:column;justify-content:center;align-items:center;}
	#sepration .section_lnb #lnb > li {position:relative;}
	#sepration .sub-visual h2{font-size:2.5rem;line-height:1.3;}
	
}
@media screen and (max-width: 500px) {
	.section_lnb {display:none;}

}


.content_body {padding:5rem 0 7.5rem}



.sub_tab_menu {width:1500px;margin:0 auto;margin-top:2.5rem;}
.sub_tab_menu ul  {display:flex;border-bottom:1px solid #ddd;}
.sub_tab_menu ul li {width:calc(100% / 3);text-align:center;}
.sub_tab_menu ul li a{display:block;width:100%;color: #717D96; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;padding:0.9rem 1.25rem ;position:relative;}
.sub_tab_menu ul li a:has(strong):after{content:'';position:absolute;width:100%;height:2px;background:#002D6F;left:0;bottom:0;}
.sub_tab_menu ul li a:has(strong) {font-weight:600;color:#002D6F}
.sub_tab_menu ul li a strong {font-weight:600;}
.sub_tab_menu ul li a:hover{color:#002D6F }

@media screen and (max-width: 1500px) {
	.sub_tab_menu {width:100%;}
}


@media screen and (max-width: 500px) {
	.sub_tab_menu {overflow-x: auto; scrollbar-width: none;min-width:100%;width:auto;}
	.sub_tab_menu ul{        min-width: 100%; flex-wrap: nowrap; width: max-content;border-bottom:1px solid #ddd;}
	.sub_tab_menu ul li{width:auto;min-width:calc(100% / 4);}
	.sub_tab_menu ul li a{padding:0.9rem 0.5rem;}
}




.sub_sub_tab_menu {width:1500px;margin:0 auto;margin-top:2.5rem;margin-bottom:4rem;border-radius: 2.5rem;
background: #F4F5F8;padding: 0.4rem;}
.sub_sub_tab_menu  ul{display:flex;}
.sub_sub_tab_menu  ul li {width:calc(100% / 2);}
.sub_sub_tab_menu  ul li  a{display:block;width:100%;height:100%;text-align:center;color: #717D96; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;padding:0.6rem;}
.sub_sub_tab_menu  ul li  a:has(strong ){border-radius: 2.5rem; background: linear-gradient(90deg, #194098 3.46%, #269C7D 101.78%);color:#fff;}
.sub_sub_tab_menu  ul li  a strong {font-weight:600;}
.sub_sub_tab_menu ul li a:hover {color:#002D6F}

@media screen and (max-width: 1500px) {
	.sub_sub_tab_menu{width:calc(100% - 2rem);}
}