@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
#wrap{background: #0C0805;}
#sepration{padding-top:12.75rem;}
#sepration .section {text-align:center;}
#sepration .section p{font-size:1.15rem;font-weight:700;font-family:'Oswald';color:#FF5500;opacity: 0;transform: translateY(30px);transition: var(--transition-custom2);transition-property: transform, opacity;}
#sepration .section h2{font-size:2.5rem;color:#fff;font-weight:700;line-height:1.2;margin-top:1.25rem;    opacity: 0;
transform: translateY(30px);transition: var(--transition-custom2);transition-property: transform, opacity;transition-delay: 0.3s;}
#sepration.active .section p {opacity: 1.0; transform: translateY(0px);}
#sepration.active .section h2 {opacity: 1.0;transform: translateY(0px);}




#sepration .sep_img_box {height:22.5rem;width:1600px;margin:0 auto;margin-top:3rem;opacity: 0;transform: translateY(30px);transition: var(--transition-custom2);transition-property: transform, opacity;transition-delay: 0.6s;overflow:hidden;border-radius:1rem;}
#sepration.active .sep_img_box {opacity: 1.0; transform: translateY(0px);}
#sepration .sep_img_box .sep_img {position:absolute;width:100%;height:100%;left:0;top:0;transform: scale(1.1, 1.1);transition: transform 5s linear;}
#sepration.active .sep_img_box .sep_img  {transform: scale(1.0, 1.0) rotate(0.002deg);}



@media (max-width:1600px){
	#sepration .sep_img {width:100%;}
	#sepration .section{padding:0 1rem;}
	#sepration .sep_img_box{width:calc(100% - 2rem);margin-left:1rem;height:17.5rem;}
}
@media (max-width:1030px){
	#sepration{padding-top:10rem;}
	#sepration .sep_img{height:18rem;}
	#sepration .section h2{font-size:2.5rem;}
}
@media (max-width:767px){
	#sepration{padding-top:8rem;}
	#sepration .section h2{font-size:2rem;}
	
}


.depth0 > div {display:none !important}

.section_lnb {width:560px;margin:0 auto;border-radius:2.5rem;background:#222;height:3.5rem;transform:translateY(-50%);position:relative;z-index:1;}

.section_lnb #lnb {display:flex;height:3.5rem;}
.section_lnb #lnb > li {width:50%;position:relative;}
.section_lnb #lnb > li > a{display:flex; justify-content:center;align-items:center;height:100%;font-size:0.9rem;font-weight:600;color:#fff;position:relative;z-index:1;}
.unfd {display:none;}
.section_lnb #lnb > li.depth0:after {content:'';display:block;position:absolute;width:1.2rem;height:1.2rem;background:url(/images/default/content/depth-arrow.svg)no-repeat center center;background-size:cover;right:0;top:50%;transform:translate(50%,-50%);z-index:1;}
.section_lnb #lnb > li.depth1 > div{background:rgba(51,51,51,0.97);border-radius:0 0 2.5rem 2.5rem;overflow:hidden;margin-top: -3.5rem;padding-top: 3.5rem;border-radius:1.5rem;}
.section_lnb #lnb > li.depth1 > div:before{content:'';position:absolute;width:100%;height:3.5rem;left:0;top:0;background:#222;border-radius:0 1.5rem 0 0 }


.section_lnb #lnb > li.depth1 > div ul {padding:1rem 0;}
.section_lnb #lnb > li.depth1 > div ul li {padding:0 1rem;text-align:center;}
.section_lnb #lnb > li.depth1 > div ul li:not(:last-child){margin-bottom:0.75rem;}
.section_lnb #lnb > li.depth1 > div ul li a {display:block;width:100%;color:#fff;font-size:0.75rem;}
.section_lnb #lnb > li.depth1 > div ul li a.on {color:#FF5500;font-weight:700;}
.section_lnb #lnb > li.depth1:after{content:'';position:absolute;width:1.25rem;height:1.25rem;background:url(/images/default/content/lnb-icon.svg)no-repeat center center;background-size:cover;right:1rem;top:50%;transform:translateY(-50%);transition-duration: 0.3s;}
.content_body{padding-top:5rem;}

.section_lnb #lnb > li.depth1.open:after{transform: translateY(-50%) rotate(180deg);transition-duration: 0.3s;}
.section_lnb #lnb > li.depth2 {display:none;}

.tab_menu {width:1600px;margin:0 auto;}
.tab_menu ul {display:flex;}
.tab_menu ul li {width:50%;text-align:center;font-size:0.9rem;font-weight:700;border-bottom:2px solid rgba(255,255,255,0.2);padding-bottom:0.65rem;}
.tab_menu ul li a {color:rgba(255,255,255,0.6);}
.tab_menu ul li.on a strong{color:#fff;font-weight:700;}
.tab_menu ul li.on{border-bottom:2px solid #fff;}

@media (max-width:1600px){
	.tab_menu{width:100%;padding:0 1rem;}
}