@CHARSET "UTF-8";

/* left 영역 시작 */
.mainLeftNavi {
    background-color: #fff;
}
.btn_leftLogo {
    background-image:url(images/deco-left/portal_logo.png);
    background-repeat:no-repeat;
    background-position:center;
    border: 2px solid transparent;
    border-radius: 0px;
    background-color: inherit;
    background-size: contain;

    &:hover {
        border: 2px solid #fff !important;
        /* box-shadow: 0 5px 8px rgba(33,150,243,0.25); */
    }

    &.cl-focus {
        border: 2px solid #1a1a1a !important;
        box-shadow: 0 5px 8px rgba(33,150,243,0.25);
    }

    &:active {
        background-color: inherit !important;
        background-image:url(images/deco-left/portal_logo.png) !important;
    }
}
.btn_leftLogoDev {
    background-image:url(images/deco-left/portal_logo_dev.png);
    background-repeat:no-repeat;
    background-position:center;
    border: 2px solid #fff;
    border-radius: 0px;
    background-color: inherit;

    &:hover {
        border: 2px solid #fff !important;
        box-shadow: 0 5px 8px rgba(33,150,243,0.25);
    }

    &.cl-focus {
        border: 2px solid #333 !important;
        box-shadow: 0 5px 8px rgba(33,150,243,0.25);
    }

    &:active {
        background-color: inherit !important;
        background-image:url(images/deco-left/portal_logo_dev.png) !important;
    }
}
.left_search{
    border-top: 1px solid #e5e5e5;
    background-color: #f0f0f0;
}
.btn_left_search,
.btn_left_search:not(.cl-disabled).cl-activated,
.btn_left_search:not(.cl-disabled):active {
    background-color: #ac1702;
}

.btn_left_search:not(.cl-disabled):hover{
    border: 1px solid #ac1702;
    box-shadow: 0 5px 8px rgba(33,150,243,0.25);
    background-color: #047bb2;
}

.btn_left_search.cl-focus {
	border: 2px solid #1a1a1a !important;
    box-shadow: 0 5px 8px rgba(33,150,243,0.25);
    background-color: #047bb2;
}

.btn_left_alram,
.btn_left_alram:not(.cl-disabled).cl-activated,
.btn_left_alram:not(.cl-disabled):active {
    background-color: #ac1702;
}

.btn_left_alram:not(.cl-disabled):hover{
    border: 1px solid #ac1702;
    box-shadow: 0 5px 8px rgba(33,150,243,0.25);
    background: #047bb2;
}

.btn_left_alram.cl-focus {
    border: 2px solid #1a1a1a !important;
    box-shadow: 0 5px 8px rgba(33,150,243,0.25);
    background: #047bb2;
}
.mainLeftInputSearch {
    border-top : 0px none !important;
    border-right: 0px none !important;
    border-bottom: 0px none !important;
    border-left : 0px none !important;
    color: #000000;
}
.btn_left_search_detail,
.btn_left_search_detail:not(.cl-disabled).cl-activated,
.btn_left_search_detail:not(.cl-disabled):active {
    background-color: transparent;
    background-image: url('images/deco-left/lnb_search_btn_ic.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border : 0px none !important;
}
.btn_left_search_detail:not(.cl-disabled):hover {
    background-color: transparent;
    background-image: url('images/deco-left/lnb_search_btn_ic.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border : 0px none !important;
    border-bottom : 1px solid #fff !important;
}
.btn_left_search_detail.cl-focus {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border : 0px none !important;
    border : 2px solid #1a1a1a !important;
}
/* 고려대 퍼블리싱 추가 (mainLeft.clx 에서 클래스 추가 필요) */
.btn_left_search_detail.search_close {
    background-image: url('images/deco-left/lnb_search_btn_ic_close.png') !important;
    border : 0px none !important;
}
.btn_left_search_detail.search_close.cl-focus,
.btn_left_search_detail.search_close:focus {
    border : 2px solid #1a1a1a !important;
}

.btn_left_keyboard_detail,
.btn_left_keyboard_detail:not(.cl-disabled).cl-activated,
.btn_left_keyboard_detail:not(.cl-disabled):active {
    background-color: transparent;
    background-image: url('images/deco-left/btn_left_keyboard_ic_white.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border : 0px none !important;
}
.btn_left_keyboard_detail:not(.cl-disabled):hover {
    background-color: transparent;
    background-image: url('images/deco-left/btn_left_keyboard_ic_white.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border : 0px none !important;
}
.btn_left_keyboard_detail.cl-focus,
.btn_left_keyboard_detail:focus {
    background-color: transparent;
    background-image: url('images/deco-left/btn_left_keyboard_ic_white.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border : 2px solid #1a1a1a !important;
}

.btn_menuGbn
,.btn_menuGbn:not(.cl-disabled):hover
,.btn_menuGbn:not(.cl-disabled):active
,.btn_menuGbn.cl-disabled {
	color: #333;
    background-color: #fff;
    border: 2px solid #fff !important;
}
.btn_menuGbn.cl-focus {
	color: #333;
    background-color: #fff;
    border: 2px solid #1a1a1a !important;
}
.btn_menuGbn_select
,.btn_menuGbn_select:not(.cl-disabled):hover
,.btn_menuGbn_select:not(.cl-disabled):active
,.btn_menuGbn_select.cl-disabled {
    color: #8b0029;
    background-color: #fff;
    border: 2px solid #fff !important;
}
.btn_menuGbn_select.cl-focus {
    color: #8b0029;
    background-color: #fff;
    border: 2px solid #1a1a1a !important;
}
.btn_menuGbn.cl-disabled
,.btn_menuGbn_select.cl-disabled {
    color: #666;
    background-color: #fff;
    border: 2px solid #fff !important;
}
/* 선택된 아이템 박스형 하이라이트 (시작) */
.cl-tree.leftMenuClass .cl-tree-item
,.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item {
    color: #1a1a1a;
}
.cl-tree.leftMenuClass .cl-tree-item.cl-selected:not(.cl-folder),
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-selected:not(.cl-folder) {
  color: #8b0029;
  position: relative;
}
.cl-tree.leftMenuClass .cl-tree-item.cl-selected:not(.cl-folder):hover,
.cl-tree.leftMenuClass .cl-tree-item.cl-selected:not(.cl-folder).cl-hover,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-selected:not(.cl-folder):hover,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-selected:not(.cl-folder).cl-hover {
  color: #8b0029;
  position: relative;
}
.cl-tree.leftMenuClass .cl-tree-item.cl-selected:not(.cl-folder)::before,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-selected:not(.cl-folder)::before {
  content: '';
  position: absolute;
  left: 0px;
  right: 0px;
  top: 3px;
  bottom: 3px;
  background-color: rgba(139, 0, 41, 0.15);
  border-radius: 5px;
  z-index: 0;
}
.cl-tree.leftMenuClass .cl-tree-item.cl-selected:not(.cl-folder) > *,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-selected:not(.cl-folder) > * {
  position: relative;
  z-index: 1;
}
.cl-tree.leftMenuClass .cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder):hover,
.cl-tree.leftMenuClass .cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder).cl-hover,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder):hover,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder).cl-hover {
  color: #8b0029;
  position: relative;
}
.cl-tree.leftMenuClass .cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder):hover::before,
.cl-tree.leftMenuClass .cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder).cl-hover::before,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder):hover::before,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder).cl-hover::before {
  content: '';
  position: absolute;
  left: 2px;
  right: 2px;
  top: 3px;
  bottom: 3px;
  background-color: rgba(139, 0, 41, 0.15);
  border-radius: 5px;
  z-index: 0;
  outline: solid 2px #8b0029;
}
/*웹접근성2026.03.27*/
.cl-tree.leftMenuClass .cl-tree-item:not(.cl-disabled).cl-selected:not(.cl-folder):hover::before,
.cl-tree.leftMenuClass .cl-tree-item:not(.cl-disabled).cl-selected:not(.cl-folder).cl-hover::before,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item:not(.cl-disabled).cl-selected:not(.cl-folder):hover::before,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item:not(.cl-disabled).cl-selected:not(.cl-folder).cl-hover::before {
  content: '';
  position: absolute;
  left: 2px;
  right: 2px;
  top: 3px;
  bottom: 3px;
  background-color: rgba(139, 0, 41, 0.15);
  border-radius: 5px;
  z-index: 0;
  outline: solid 2px #8b0029;
}

.cl-tree.leftMenuClass .cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder):hover > *,
.cl-tree.leftMenuClass .cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder).cl-hover > *,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder):hover > *,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item:not(.cl-disabled):not(.cl-selected):not(.cl-folder).cl-hover > * {
  position: relative;
  z-index: 1;
}

.cl-tree.leftMenuClass .cl-tree-item.cl-selected.cl-folder,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-selected.cl-folder {
  color: #8b0029;
}
/*
.cl-tree.leftMenuClass .cl-tree-item.cl-folder:not(.cl-disabled):not(.cl-selected):hover,
.cl-tree.leftMenuClass .cl-tree-item.cl-folder:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-folder:not(.cl-disabled):not(.cl-selected):hover,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-folder:not(.cl-disabled):not(.cl-selected).cl-hover {
  color: #8b0029;
}
*/
/*웹접근성처리 2026.03.27 상단소스대체*/
.cl-tree.leftMenuClass .cl-tree-item.cl-folder:not(.cl-disabled):not(.cl-selected):hover,
.cl-tree.leftMenuClass .cl-tree-item.cl-folder:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-folder:not(.cl-disabled):not(.cl-selected):hover,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-folder:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-tree.leftMenuClass .cl-tree-item.cl-folder:not(.cl-disabled).cl-selected:hover,
.cl-tree.leftMenuClass .cl-tree-item.cl-folder:not(.cl-disabled).cl-selected.cl-hover,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-folder:not(.cl-disabled).cl-selected:hover,
.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-folder:not(.cl-disabled).cl-selected.cl-hover {
  color: #8b0029;
  background-color: rgba(139, 0, 41, 0.15);
  border-radius: 5px;
  border: solid 2px #8b0029;
}

/* 선택된 아이템 박스형 하이라이트 (끝) */
.cl-tree.leftMenuClass .cl-tree-item.cl-folder.cl-expanded > .cl-tree-treeicon {
    background-image: url(images/deco-left/lnb-wh_tree_dir_active.png);
}
.cl-tree.leftMenuClass .cl-tree-item.cl-folder.cl-collapsed > .cl-tree-treeicon {
    background-image: url(images/deco-left/lnb-wh_tree_dir.png);
}
/* 트리 폴더 아이콘 우측 정렬 및 아이템 아이콘 제거 (시작)*/
.cl-tree.leftMenuClass .cl-tree-item.cl-folder {
    display: flex !important;
    flex-direction: row-reverse !important;
}

.cl-tree.leftMenuClass .cl-tree-item.cl-selected .cl-tree-itemicon {
    /* background-image: url(images/deco-left/tree_item_blue.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 2px; */
    display: none;
}
.cl-tree.leftMenuClass .cl-tree-item .cl-tree-itemicon {
    /* background-image: url(images/deco-left/tree_item_blue.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 2px; */
    display: none;
}
.cl-tree.leftMenuClass .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover .cl-tree-itemicon
,.cl-tree.leftMenuClass .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover .cl-tree-itemicon {
    /* background-image: url(images/deco-left/tree_item_blue.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 2px; */
    display: none;
}
/* 트리 폴더 아이콘 우측 정렬 및 아이템 아이콘 제거 (끝)*/

/* 아이템 앞에 세로 선 */
/* .cl-tree.leftMenuClass .sub-items:before {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 18px);
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    opacity: 13%;
    margin-left: 19px;
} */

.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item .cl-tree-itemicon
,.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item.cl-selected .cl-tree-itemicon
,.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover .cl-tree-itemicon
,.cl-tree.leftMenuClass .noFolderMenu.cl-tree-item:not(.cl-disabled):not(.cl-selected):hover .cl-tree-itemicon {
    background-image: url(images/deco-left/lnb-wh_tree_dir_no_sub.png);
    background-size: 11px;
}
.div_noMymenu {
    position: relative;
    margin: 0 auto;
    width: 190px;
    height: 140px;
    border-radius: 20px;
    background: #fff7fa !important;
    font-size: 14px !important;
    font-weight: 300;
    color: #8b0029 !important;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #fabbce;
    line-height: 1.7;
}
.cl-tree.leftMenuClass .cl-tree-item.cl-level-1:not(.cl-expanded) {
    border-color: rgba(0 0 0 / 20%);
}
.cl-tree.leftMenuClass .sub-items.cl-level-1 {
    border-color: rgba(0 0 0 / 20%);
}
.div_myMenuTool {
    background-color: #f8f8f8;
    border: 1px solid;
    border-color: rgba(0 0 0 / 20%);
}
.btn_mymenu_add {
    color: #191919;
    background: url(images/deco-left/mymenu_add_ic_black.png) 12px 50% no-repeat;
}
.btn_mymenu_add:not(.cl-disabled):hover
,.btn_mymenu_add:not(.cl-disabled):active{
    color: #8b0029;
    background: url(images/deco-left/mymenu_add_ic_black.png) 12px 50% no-repeat;
}
.btn_mymenu_add:focus, .btn_mymenu_add.cl-focus {
    color: #8b0029;
    background: url(images/deco-left/mymenu_add_ic_black.png) 12px 50% no-repeat;
    border: 2px solid #1a1a1a !important;
}
.btn_mymenu_del {
    color: #191919;
    background: url(images/deco-left/mymenu_del_ic_black.png) 12px 50% no-repeat;
}
.btn_mymenu_del:not(.cl-disabled):hover
,.btn_mymenu_del:not(.cl-disabled):active{
    color: #8b0029;
    background: url(images/deco-left/mymenu_del_ic_black.png) 12px 50% no-repeat;
}
.btn_mymenu_del:focus, .btn_mymenu_del.cl-focus  {
    color: #8b0029;
    background: url(images/deco-left/mymenu_del_ic_black.png) 12px 50% no-repeat;
    border: 2px solid #1a1a1a !important;
}
.btn_mymenu_del:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    background: #236461;
    transform: translateY(-50%);
}
.div_menuTool {
    border-top: 1px solid;
    border-color: rgba(0 0 0 / 20%);
}
.btn_tree_open {
    background: url(images/deco-left/lnb-wh_group_add_ic.png) no-repeat 50% 50%;
    border : 2px solid transparent;
}
.btn_tree_open:not(.cl-disabled):hover
,.btn_tree_open:not(.cl-disabled):active  {
    background: url(images/deco-left/lnb-wh_group_add_ic_act.png) no-repeat 50% 50%;
    border : 2px solid transparent;
}
.btn_tree_open:focus, .btn_tree_open.cl-focus  {
    background: url(images/deco-left/lnb-wh_group_add_ic_act.png) no-repeat 50% 50%;
    border : 2px solid #1a1a1a !important;
}
.btn_tree_fold {
    background: url(images/deco-left/lnb-wh_group_del_ic.png) no-repeat 50% 50%;
    border : 2px solid transparent;
    margin-top : 2px;
}
.btn_tree_fold:not(.cl-disabled):hover
,.btn_tree_fold:not(.cl-disabled):active  {
    background: url(images/deco-left/lnb-wh_group_del_ic_act.png) no-repeat 50% 50%;
    border : 2px solid transparent;
}
.btn_tree_fold:focus, .btn_tree_fold.cl-focus  {
    background: url(images/deco-left/lnb-wh_group_del_ic_act.png) no-repeat 50% 50%;
    border : 2px solid #1a1a1a !important;
}
.btn_setting {
    background: url(images/deco-left/lnb-wh_lnb_set_ic.png) no-repeat 50% 50%;
    border : 2px solid transparent;
}
.btn_setting:not(.cl-disabled):hover
,.btn_setting:not(.cl-disabled):active  {
    background: url(images/deco-left/lnb-wh_lnb_set_ic_act.png) no-repeat 50% 50%;
    border : 2px solid transparent;
}
.btn_setting:focus, .btn_setting.cl-focus  {
    background: url(images/deco-left/lnb-wh_lnb_set_ic_act.png) no-repeat 50% 50%;
    border : 2px solid #1a1a1a !important;
}
/* left 로고 영역 */
.logo_output{
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #8b0029 !important;
}
.logo_output_pipe{
    font-size: 11px !important;
    color: #b6b4b2 !important;
}

.btn_menu_help,
.btn_menu_help:not(.cl-disabled).cl-activated
.btn_menu_help:not(.cl-disabled):active {
    background-color: transparent;
    background-image: url('images/deco-left/work-etc_ico05_white.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
}

.btn_menu_help:not(.cl-disabled):hover,
.btn_menu_help:not(.cl-disabled).cl-hover,
.btn_menu_help:focus,
.btn_menu_help.cl-focus {
    background-color: transparent;
    background-image: url('images/deco-left/work-etc_ico05_inverted.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
}