/* type10_r */
@charset "utf-8";
/* 사이드 메뉴 ============================================ */
.side_menu_pc{background:rgba(0,0,0,0.8);position:relative}
.side_menu_pc .drop_header{max-width:130rem;margin:0 auto;position:relative;display:flex;align-items:center}
.side_menu_pc .home{width:6rem;height:6rem;background:var(--pt-color);position:relative}
.side_menu_pc .home a{display:block}
.side_menu_pc .home img{width:1.9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.side_menu_pc ul{width:100%}

/* 첫번째 depth */
.side_menu_pc ul.dep1{width:25rem}
.side_menu_pc ul.sub_menu_list{background:rgba(0,0,0,0.6)}
.side_menu_pc ul.dep1>li{width:100%;position:relative}
.side_menu_pc ul.dep1>li::after{content:'';width:0.8rem;height:0.8rem;border-left:2px solid #fff;border-bottom:2px solid #fff;position:absolute;right:2rem;top:50%;transform:translateY(-50%) rotate(-45deg);transition:all 0.2s}
.side_menu_pc ul.dep1>li.active::after{transform:rotate(135deg)}
.side_menu_pc ul.dep1>li>a{display:block;height:6rem;padding:0 3rem 0 2rem;font-size:1.7rem;line-height:6.2rem;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.side_menu_mobile ul.sub_menu_list.dep1>li>a{background:rgba(0,0,0,0.4)}

/* 두번째 depth */
.side_menu_pc ul.dep2{display:none;width:100%;border-radius:0 0 1rem 1rem;background:#666;overflow:hidden;position:absolute;top:6rem;left:0;z-index:99}
.side_menu_pc ul.sub_menu_list ul.dep2{left:auto;right:0}
.side_menu_pc ul.dep2>li{width:100%;margin-right:-1px;border-bottom:1px solid rgba(255,255,255,0.2);transition:.2s}
.side_menu_pc ul.dep2>li:last-child{border:none}
.side_menu_pc ul.dep2>li>a{display:block;height:5.5rem;padding:0 2rem;font-size:1.6rem;line-height:5.5rem;color:#fff;white-space:nowrap}
.side_menu_pc ul.dep2>li.sub_menu_on>a{font-weight:600;color:var(--pt-color2)} 
.side_menu_pc ul.dep2>li:hover a{background:rgb(89,89,89)}


@media(max-width: 767px) {
.side_menu_pc .home{width:5rem;height:5rem}
.side_menu_pc .home img{width:1.7rem}
/* 첫번째 depth */
.side_menu_pc ul.dep1{width:calc((100% - 5rem) / 2)}
.side_menu_pc ul.dep1>li>a{height:5rem;padding:0 1.2rem;font-size:1.6rem;line-height:5.2rem}
/* 두번째 depth */
.side_menu_pc ul.dep2{top:5rem}
.side_menu_pc ul.dep2>li>a{height:4.8rem;padding:0 1.2rem;font-size:1.6rem;line-height:5rem}
}

@media(max-width: 480px) {
.side_menu_pc ul.dep2{width:200%}
}