@charset "UTF-8";
.tab_menu{ background: none; border: 1px solid none;}
.tab_menu > ul.tab_btn{ position: relative; color: var(--color-k); text-align: center;}

.tab_menu > ul.tab_btn:before{position: absolute;}
.tab_menu > ul.tab_btn > li:hover{ color: var(--color-point);}

.tab_menu > ul.tab_btn > li{ position: relative; display: inline-block; text-align: center; padding: 15px 36px; cursor: pointer; z-index: 2;}
.tab_menu > ul.tab_btn > li.selected{ color:var(--color-w); cursor: default; pointer-events: none; border-radius: var(--mrgn); border-bottom-left-radius: 0; border-bottom-right-radius: 0;background: var(--color-point);}

/*탭메뉴 선택시 바깥으로 돌아나가는 모서리 깍기*/
.tab_menu > ul.tab_btn > li.selected:before,
.tab_menu > ul.tab_btn > li.selected:after{ position: absolute; content: ''; width: var(--mrgn); height: var(--mrgn); bottom: 0; right: calc(var(--mrgn) * -1);}
.tab_menu > ul.tab_btn > li.selected:before{left: calc(var(--mrgn) * -1); background: radial-gradient(circle at 0% 0%, transparent calc(var(--mrgn) - .5px), var(--color-point) var(--mrgn));}
.tab_menu > ul.tab_btn > li.selected:after{background: radial-gradient(circle at 100% 0%, transparent calc(var(--mrgn) - .5px), var(--color-point) var(--mrgn));}


.tab_menu > ul.tab_btn > li.slider{ position: absolute; top: 0; left: 295px; background: #fff; pointer-events: none; z-index: 1; transition: all 200ms ease-in-out; border-radius: 18px;}
.tab_menu > ul.tab_content{}
.tab_menu > ul.tab_content > li{ display: none; height: 643px; background: none; padding: 36px 0 0 0;}
.tab_menu > ul.tab_content > li.selected{ display: block;}
.tab_menu > ul.tab_cate_content > li{}
/*.tab_menu.cate_1 > ul.tab_cate_content > li,*/
.tab_menu.cate_2 > ul.tab_cate_content > li,
.tab_menu.cate_3 > ul.tab_cate_content > li,
.tab_menu.cate_4 > ul.tab_cate_content > li,
.tab_menu.cate_5 > ul.tab_cate_content > li,
.tab_menu.cate_6 > ul.tab_cate_content > li{display: none;}
.tab_menu > ul.tab_cate_content > li,
/*.tab_menu.cate_1 > ul.tab_cate_content > li.cate_1,*/
.tab_menu.cate_2 > ul.tab_cate_content > li.cate_2,
.tab_menu.cate_3 > ul.tab_cate_content > li.cate_3,
.tab_menu.cate_4 > ul.tab_cate_content > li.cate_4,
.tab_menu.cate_5 > ul.tab_cate_content > li.cate_5,
.tab_menu.cate_6 > ul.tab_cate_content > li.cate_6{display: block;}