@charset "utf-8";

#side_menu_wrap{width:100%;background:rgba(13,28,58,.2);position:absolute;bottom:0;left:0;z-index:10}
.side_menu_pc{width:100%;position:relative}
.side_menu{width:100%;}
.side_menu .sub_menu_list{margin:0 auto;text-align:center;position:relative;z-index:10}
.side_menu .sub_menu_list li{display:inline-block;min-width:15rem}
.side_menu .sub_menu_list li a{display:block;padding:0 2.5rem;font-size:1.7rem;letter-spacing:-.2px;line-height:6rem;color:#fff;position:relative;transition:all .3s}
.side_menu .sub_menu_list li.on a{border-top:2px solid var(--pt-color);background:#fff;color:var(--pt-color)}

/* 사이드 메뉴 mobile ============================================ */
.side_menu_mobile{display:none;border-bottom:1px solid #ddd}
.side_menu_mobile .drop_header{position:relative;display:flex}
.side_menu_mobile .home{width:5rem;height:5rem;background:var(--pt-color);position:relative}
.side_menu_mobile .home a{display:block}
.side_menu_mobile .home img{width:1.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.side_menu_mobile ul{width:100%}

/* 첫번째 depth */
.side_menu_mobile ul.dep1{width:calc((100% - 5rem) / 2);border-right:1px solid #ddd;background:#fff}
.side_menu_mobile ul.dep1>li{width:100%;position:relative}
.side_menu_mobile ul.dep1>li::after{content:'';width:0.8rem;height:0.8rem;border-left:2px solid #666;border-bottom:2px solid #666;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%) rotate(-45deg);transition:all 0.2s}
.side_menu_mobile ul.dep1>li.active::after{transform:rotate(135deg)}
.side_menu_mobile ul.dep1>li>a{display:block;height:5rem;padding:0 2.2rem 0 1.2rem;font-size:1.6rem;line-height:5.2rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.side_menu_mobile ul.sub_menu_list_m.dep1>li>a{background:#f7f7f7}

/* 두번째 depth */
.side_menu_mobile ul.dep2{display:none;width:calc(100% + 2px);border:1px solid #ddd;border-top:none;border-radius:0 0 1rem 1rem;background:#fff;overflow:hidden;position:absolute;top:5rem;left:-1px;z-index:99}
.side_menu_mobile ul.sub_menu_list_m.dep2{left:auto;right:-1px}
.side_menu_mobile ul.dep2>li{width:100%;margin-right:-1px;border-top:1px solid #ddd;transition:.2s}
.side_menu_mobile ul.dep2>li>a{display:block;padding:1rem 1.2rem;font-size:1.6rem;line-height:130%;}
.side_menu_mobile ul.dep2>li.sub_menu_on>a{font-weight:600}
.side_menu_mobile ul.dep2>li:hover a{background:#f7f7f7}


@media(max-width: 767px) {
.side_menu_pc{display:none}
.side_menu_mobile{display:block;z-index:10}
}