@charset "UTF-8";

/*reset*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,dl,dt,dd,form,fieldset,legend,input,textarea,button,select,a,ul,li,
a, address, article, aside, body, caption, dd, dl, div, dt, em, fieldset, figcaption, footer, form, h1, h2, h3, h4, h5, h6, html, iframe, img, label, legend, li, nav, ol, p, section, span, strong, table, tbody, tfoot, thead, th, tr, ul, input, button, select, textarea{margin:0;padding:0;font-size:100%;font: inherit;vertical-align: baseline;border:0;box-sizing:border-box}
textarea { white-space: pre-wrap; word-wrap: break-word; resize: none; }
table { clear: both; border-collapse: collapse; }
img, fieldset { border: 0 }
legend, caption { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0 }
img, :before, :after { vertical-align: top; }
ul, ol { list-style: none }
address, em { font-style: normal }
a {text-decoration: none; cursor: pointer; color:#333 }
a:hover {text-decoration: none}
strong, em{font-weight:700}
input { ime-mode: active; }
select, input[type="text"], input[type="email"], input[type="password"], textarea { min-width: 45px; border:none; }
input[type="text"], input[type="email"], input[type="password"] {outline: none;}
input[type="checkbox"], input[type="radio"], input[type="checkbox"] + label,  input[type="radio"] + label {cursor:pointer;}
input[type="checkbox"]:disabled, input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label  {cursor:default;}

/* ie10에서 x를 없애는 css */
input[type="text"]::-ms-clear { height: 0; width: 0; display: none !important; }
input[type="search"]::-ms-clear { height: 0; width: 0; display: none !important; }
input[type=password]::-ms-reveal { display: none !important; }
input::-ms-clear, input::-ms-reveal{display:none;width:0;height:0}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display:none}


/* Place holder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #aaa;font-size:16px;font-family:'Spoqa Han Sans Neo'}
::-moz-placeholder { /* Firefox 19+ */ color: #aaa;font-size:16px;font-family:'Spoqa Han Sans Neo'}
:-ms-input-placeholder { /* IE 10+ */ color: #aaa;font-size:16px;font-family:'Spoqa Han Sans Neo'}
:-moz-placeholder { /* Firefox 18- */ color: #aaa;font-size:16px;font-family:'Spoqa Han Sans Neo'}
:focus::-webkit-input-placeholder {opacity:1}
:focus:-ms-input-placeholder{opacity:1}
:focus::-moz-placeholder{opacity:1}

::-webkit-file-upload-button { cursor:pointer; }
[contenteditable=true]:empty:before{ content: attr(placeholder); display: block;}

/* font */
@font-face {
    font-family:'Pretendard';
    src:url('../../../../font/Pretendard/Pretendard-Black.woff') format('woff');
    font-weight:900;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../../../font/Pretendard/Pretendard-ExtraBold.woff') format('woff');
    font-weight:800;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../../../font/Pretendard/Pretendard-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../../../font/Pretendard/Pretendard-SemiBold.woff') format('woff');
    font-weight:600;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../../../font/Pretendard/Pretendard-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../../../font/Pretendard/Pretendard-Regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../../../font/Pretendard/Pretendard-Light.woff') format('woff');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../../../font/Pretendard/Pretendard-ExtraLight.woff') format('woff');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../../../font/Pretendard/Pretendard-Thin.woff') format('woff');
    font-weight:100;
    font-style:normal;
}

a, address, article, aside, body, caption, dd, dl, div, dt, em, fieldset, figcaption, footer, form, h1, h2, h3, h4, h5, h6, html, iframe, img, label, legend, li, nav, ol, p, section, span, strong, table, tbody, tfoot, thead, th, tr, ul, input, button, select, textarea{font-family:'Pretendard','맑은 고딕','Malgun Gothic', sans-serif !important}
body{font-family:'Pretendard','맑은 고딕','Malgun Gothic', sans-serif !important}
.clearfix:after{content:'';display:block;clear:both}
.clearfix > *{float:left}
.bdt0{border-top:0 !important}
.pb0{padding-bottom:0 !important}
.mr2{margin-right:2px !important}
/***** component *****/
.clearfix:after{content:'';display:block;clear:both}
.clearfix > *{float:left}
.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0)}
.no_after:after{display:none !important}
.no_before:after{display:none !important}
/*** checkbox,radio ***/
input[type=radio],input[type=checkbox]{overflow:hidden;position:absolute;width:0 !important;height:0 !important;margin:-1px;padding:0;clip:rect(0,0,0,0)}
.checkbox,.radio{display:inline-block;position:relative;vertical-align:top}
.checkbox input[disabled] + label,.checkbox input[readonly] + label,.radio input[disabled] + label,.radio input[readonly] + label{color:#ccc !important;font-weight:400;cursor:default}
.checkbox label,.radio label{display:block;min-height:24px;padding-left:24px;cursor:pointer}
.checkbox label:before,.radio label:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px}
.checkbox label:before{background:url(../img/new/ico_check_off.png) no-repeat 50% 50%}
.checkbox :checked ~ label:before{background-image:url(../img/new/ico_check_on.png)}
.checkbox input[disabled] ~ label:before{background-image:url(../img/new/ico_check_disabled.png)}
.checkbox input[disabled]:checked ~ label:before{background-image:url(../img/new/ico_check_disabled.png)}
.checkbox.txt label,.radio.txt label{padding-left:29px;line-height:1.5;font-size:16px;color:#333}
.checkbox.size_xs label:before{width:18px;height:18px;background:url(../img/new/ico_check_off_xs.png) no-repeat 50% 50%}
.checkbox.size_xs :checked ~ label:before{background-image:url(../img/new/ico_check_on_xs.png)}
.checkbox.size_xs input[disabled] ~ label:before{background-image: url(../img/new/ico_check_disabled_xs.png)}
.checkbox.size_xs label{min-height:18px}
.checkbox.size_xs.txt label,.radio.txt label{padding-left:23px;font-size:15px;line-height:18px}

/* Place holder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #aaa;font-size:14px;font-family:'Pretendard';}
::-moz-placeholder { /* Firefox 19+ */ color: #aaa;font-size:14px;font-family:'Pretendard'}
:-ms-input-placeholder { /* IE 10+ */ color: #aaa;font-size:14px;font-family:'Pretendard'}
:-moz-placeholder { /* Firefox 18- */ color: #aaa;font-size:14px;font-family:'Pretendard'}
.logs_txt li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:16px;font-weight:500;color:#aaa}
.logs_txt li input::-moz-placeholder { /* Firefox 19+ */ font-size:16px;font-weight:500;color:#aaa}
.logs_txt li input:-ms-input-placeholder { /* IE 10+ */ font-size:16px;font-weight:500;color:#aaa}
.logs_txt li input:-moz-placeholder { /* Firefox 18- */ font-size:16px;font-weight:500;color:#aaa}

.portal_setup + .portal_container.scroll-wrapper{background:none}
.wrapper.portal{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);border-radius:40px 40px 0 0}
.wrapper.portal .scroll-wrapper > .scroll-content{max-height:calc(100vh - 67px)}
.wrapper.portal .scroll-wrapper > .scroll-content.active{max-height:calc(100vh - 116px)}
.wrapper.portal .header{width:100%;height:84px;padding:20px 26px 20px 144px;margin:0;background:#fff;border-bottom:none;background-color:#f1f3f5;z-index:1000}
.wrapper.portal .new_header:after{content:'';display:block;clear:both}
.wrapper.portal .home_area{position:relative;width:100%;height:96px;padding-top: 24px;background-color:transparent;border:0}
.wrapper.portal .home_area a{padding:0;text-align: center;}
.wrapper.portal .header .aside{display:flex;justify-content:flex-end;position:relative;top:0;right:0}
.wrapper.portal .header .ps_option{display:inline-block;position:absolute;top:50px;right:4px;width: 200px;vertical-align:top;border: 1px solid #DEE2E6;border-radius: 16px;background-color:#fff;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);z-index:1000}
.wrapper.portal .header .profile{display:none}
.wrapper.portal .header .profile.open{display:block}
.wrapper.portal .header .profile .usr_profile{padding:24px 20px 0;border:0}
.wrapper.portal .header .profile .usr_profile > *{display:block}
.wrapper.portal .header .profile .usr_profile .usr_photo{text-align:center}
.wrapper.portal .header .profile .usr_profile .usr_photo.xlarge{width:48px;height:48px;margin:0 auto;border-radius:50%}
.wrapper.portal .header .profile .usr_profile .info_area{display:inline-block;padding:2px 0;vertical-align:top}
.wrapper.portal .header .profile .usr_profile .info_area p{color:#aaa}
.wrapper.portal .header .profile .usr_profile .info_area .usr_info{margin-top:8px}
.wrapper.portal .header .profile .usr_profile .info_area .usr_name{display:inline-block;width:auto;padding:8px 0 0 0;font-size:16px;color:#000;font-weight:700;line-height:1;vertical-align:top}
.wrapper.portal .header .profile .usr_profile .info_area .usr_name strong{margin-left:5px;color:#272727}
.wrapper.portal .header .profile .usr_profile .info_area .today{font-size:13px;line-height:20px}
.wrapper.portal .header .profile .usr_profile .usr_info span{font-size:14px;color:#495057;line-height:1}
.wrapper.portal .header .util .profile .user_state{padding:12px 20px 0;text-align:center}
.wrapper.portal .header .util .profile .user_state>div{display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:99px;background: rgba(242, 172, 12, 0.12);}
.wrapper.portal .header .util .profile .user_state>div:before{content:'';display:inline-block;width:8px;height:8px;border-radius:99px;background-color:#f2ac0c}
.wrapper.portal .header .util .profile .user_state>div>span{display:inline-block;color:#d39300;font-size:13px;font-weight:600;line-height:24px}
.wrapper.portal .header .util .profile .profile_btns{position:relative;padding:12px 20px 24px;text-align:center}
.wrapper.portal .header .util .profile .profile_btns a{width:100%;height:auto;font-size:14px;line-height:1;text-align:center}
.wrapper.portal .header .util .profile .profile_btns a:not(.btn_log_out){margin-bottom:8px;padding:12px;height:40px;color:#343a40;font-weight:600;border-radius:8px;background-color:#f1f3f5}
.wrapper.portal .header .util .profile .profile_btns a.btn_approval{color:#4687ff;background-color:rgba(224, 235, 255, 0.50)}
.wrapper.portal .header .util .profile .profile_btns a.btn_log_out{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px 0;color:#495057;background-color:#fff}
.wrapper.portal .header .util .profile .profile_btns a.btn_log_out:before{content:'';position:unset;display:inline-block;width:14px;height:14px;background:url(../img/new/ico_logout.svg) no-repeat 50% 50%}
.wrapper.portal .header .util .profile .profile_btns a.btn_setting{position:absolute;right:19px;top:12px;width:18px;height:18px;background:url(../img/new/ico_setting_02.png) no-repeat 50% 50%}
.wrapper.portal .header .ps_option.plural{display:none;top:50px;right:-20px;padding:10px 19px}
.wrapper.portal .header .ps_option.plural.open{display:block}
.wrapper.portal .header .ps_option.plural li{min-height: 33px;}
.wrapper.portal .header .ps_option.plural li:first-child .link{border-top:none}
.wrapper.portal .header .ps_option.plural li .link{display:block;height:33px;line-height:33px;color:#222;font-weight:700;padding: 0;font-size: 15px;border-bottom:0}
.wrapper.portal .header .ps_option.plural li .open_toggle{min-height:33px;line-height: 33px;margin-top: 10px;padding: 10px 0 0 0;color:#222;font-size: 15px;font-weight:700;border-top:1px solid #ddd;border-bottom:none}
.wrapper.portal .header .ps_option.plural .usr_lst li a {display:block;padding:0 4px;min-height:32px;font-size: 14px;background: none;padding-left: 29px;transition: .3s;}
.wrapper.portal .header .ps_option.plural .usr_lst li a .usr_photo{position:absolute;left: 6px; top:6px;padding: 0;background: none;}
.wrapper.portal .header .ps_option.plural .usr_lst li a .usr_photo.xsmall{width:19px;height:19px}
.wrapper.portal .header .ps_option.plural .usr_lst li a .usr_photo:after{display:none}
.wrapper.portal .header .ps_option.plural .usr_lst li{min-height:32px}
.wrapper.portal .header .ps_option.plural .usr_lst li a:hover{background:#f2f2f2}
.wrapper.portal .header .ps_option.plural .usr_lst li a span{position:relative;line-height:32px;background:none;padding-right: 8px;color:#666;vertical-align:top}
.wrapper.portal .header .ps_option.plural .usr_lst li a span:after{content:'';position:absolute;right: 1px;top: 9px;width:2px;height:2px;background:#666}
.wrapper.portal .header .ps_option.plural .usr_lst li a span:last-child {padding-right:0;background: none;}
.wrapper.portal .header .ps_option.plural .usr_lst li a span:last-child:after{display:none}
.wrapper.portal .header .ps_option.plural .usr_lst li.selected a span{color:#3FAD57 !important}
.wrapper.portal .header .ps_option.plural .usr_lst li.selected a span:after{background-color: #3FAD57}

.wrapper.portal .header .util{display:flex;float:none;position:relative;margin-left:24px;padding-left:0}
.wrapper.portal .header .util .greeting_info{display:none;position:absolute;top:32px;right:27px;width:141px;padding: 6px 15px;background: #fff;font-size: 14px;border-radius: 20px;border: 1px solid #ccc;z-index:1200}
.wrapper.portal .header .util .greeting_info.active{display:inline-block}
.wrapper.portal .header .util .greeting_info:before{content:'';position:absolute;display:inline-block;top:-7px;left:50%;width:16px;height:7px;transform:translateX(-8px);background:url(../img/new/img_info_area.png) no-repeat 0 0}
.wrapper.portal .header .util .greeting_info .usr_name{position:relative;display:inline-block;padding-right:8px;margin-right:3px;letter-spacing:-0.05em;vertical-align:top}
.wrapper.portal .header .util .greeting_info .usr_name:last-child{padding-right:0;margin-right:0}
.wrapper.portal .header .util .greeting_info .usr_name strong{font-weight:500}
.wrapper.portal .header .util .greeting_info .usr_name:before{content:'';position:absolute;display:block;right:0;top:5px;width:1px;height:11px;background:#ccc}
.wrapper.portal .header .util .greeting_info .usr_name:last-child:before{display:none}
.wrapper.portal .header .util a{width:44px;height:44px;margin: 0 10px 0 0;padding-top:10px;border-radius: 22px;background-color:#dee2e6;background-image:none}
.wrapper.portal .header .util a.search_user{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;width:auto;height:44px;color:#495057;font-size:14px;font-weight:600;border-radius:8px}
.wrapper.portal .header .util a.search_user:before{content:'';display:inline-block;width:20px;height:20px;background:url(../img/new/ico_user.svg) no-repeat 50% 50%}
.wrapper.portal .header .util a.btn_me{padding:4px;width:68px;height:44px;background:#dee2e6 url(../img/new/ico_arr_down.svg) no-repeat 49px 50%;}
.wrapper.portal .header .util a.btn_me span{display:block;width: 36px;height: 36px;color: #fff;font-size: 14px;font-weight: 700;line-height: 36px;text-align: center;border-radius: 50%;background-color:#4687ff;}
.wrapper.portal .header .util a:last-child{margin-right:0}
.wrapper.portal .header .util a.btn_usr_info{width:12px}
.wrapper.portal .header .util a.btn_usr_info.open img{transform:rotate(180deg)}
.wrapper.portal .header .util a.btn_usr_info img{margin-top:6px}
.wrapper.portal .header .util a.btn_noti span.on{top:-4px;right:-4px;width:auto;height:16px;padding:0 6px;color: #fff;font-size: 10px;font-weight: 700;line-height: 16px;border:0;border-radius:8px;background: #ff614f;box-shadow: 1px 2px 3.2px 0px rgba(0, 0, 0, 0.25);}
.wrapper.portal .header .util a.btn_org{position:relative;top:-7px;width:92px;height:60px;margin-left:22px;padding:33px 0 0 8px;color:#fff;font-size:14px;background-color:#00377e;background-image:none;border-radius:50px 0 0 50px}
.wrapper.portal .header .util a.btn_org:after{content:'';display:block;position:absolute;top:12px;left:45px;width:14px;height:14px;background:url(../img/new/sp_basic_ico.svg) no-repeat -51px -30px}
.wrapper.portal .header .tab_header{width:calc(100% - 768px);padding:0;position:absolute;top:22px;left:144px}
.wrapper.portal .header .tab_header .tab_list li{max-width:120px;margin-right:12px;background-color:#e9ecef;border-radius:20px;border:0}
.wrapper.portal .header .tab_header .tab_list li .title_tab{padding:0 35px 0 16px;font-weight:500;color:#212529;line-height:40px;background-color:transparent;border-radius:20px}
.wrapper.portal .tab_header .selected .title_tab:after{display:none}
.wrapper.portal .header .tab_header .tab_list li .btn_tab{top:10px;right:12px;width:20px;height:20px;font-size:0;background:url('../img/new/btn_close.svg') no-repeat 0 0/cover}
.wrapper.portal .header .tab_header .tab_list li.selected .title_tab{color:#fff;font-weight:600;background-color:#343a40}
/*.wrapper.portal .header .tab_header .tab_list li.selected .btn_tab{background:url('../img/new/btn_close_over.png') no-repeat 0 0}*/

.wrapper.portal .gnb_area{top:0;left:0;width:110px;height:100vh;background:#fff;z-index:1000;transition:top .3s;}
.wrapper.portal .gnb_area.active{top:117px}
.wrapper.portal .gnb_area:hover, .gnb_area:hover .home_area, .gnb_area:hover .gnb_menu, .gnb_area:hover .gnb_menu li, .gnb_area:hover .controll_area{width:110px}
.gnb_menu li.selected, .gnb_menu li:hover, .home_area.selected, .home_area:hover{background-color:transparent}
.wrapper.portal .gnb_area.open, .gnb_area.open .home_area, .gnb_area.open .gnb_menu, .gnb_area.open .gnb_menu li, .gnb_area.open .controll_area {display:none}
.wrapper.portal .gnb_area .gnb_menu{height:calc(100% - 104px);margin-top:0}
.wrapper.portal .gnb_area .gnb_menu .menus{position:relative;top:0;height:100%}
.wrapper.portal .gnb_area .gnb_menu .menus > li{position:relative;width:100%;height:69px;margin-top: 36px;padding:0 10px;text-align:center}
.wrapper.portal .gnb_area .gnb_menu .menus > li:first-child{margin-top: 0;}
.wrapper.portal .gnb_area .gnb_menu .menus > li > a{position:relative;height:100%;padding-top:10px;z-index:100}
.wrapper.portal .gnb_area .gnb_menu .menus > li > a:before{content:'';display:block;position:absolute;top:0;left:50%;width:44px;height:44px;margin:0 auto;border-radius:16px;opacity:0;background-color:#212529;transform:translateX(-22px);transition:.3s}
.wrapper.portal .gnb_area .gnb_menu .menus > li > a .menu_ico{overflow: hidden;display: block;position: relative;width: 24px;height: 24px;margin:0 auto;}
.wrapper.portal .gnb_area .gnb_menu .menus > li > a .menu_ico img{position: relative;}
.wrapper.portal .gnb_area .gnb_menu .menus > li > a .menu_name{position:relative;display: block;height:auto;margin-top: 18px;padding-left:0;font-size:14px;color:#495057;font-weight:500;line-height:1}
.wrapper.portal .gnb_area .gnb_menu .menus > li > a:hover:before,
.wrapper.portal .gnb_area .gnb_menu .menus > li > a.active:before{opacity:1}
.wrapper.portal .gnb_area .gnb_menu .menus > li > a:hover .menu_ico img,
.wrapper.portal .gnb_area .gnb_menu .menus > li > a.active .menu_ico img{left: -34px;}
.wrapper.portal .gnb_area .gnb_menu .menus > li > a:hover .menu_name,
.wrapper.portal .gnb_area .gnb_menu .menus > li > a.active .menu_name{font-weight: 700;}
.wrapper.portal .gnb_area .gnb_menu li .dot_new{top:6px;left:unset;right:28px;width:6px;height:6px}
.controll_area{width:110px;z-index:101;}
.controll_area .controller{height:40px;border-top: 1px solid #dee2e6;background:#fff}
.controll_area .controller a{position:relative;display:inline-block;width:50%;height:39px;font-size:0;vertical-align:top}
.controll_area .controller a.down_btn,.controll_area .controller a.up_btn{background:none}
.controll_area .controller a.up_btn{left:auto}
.controll_area .controller a:after{content:'';position:absolute;top: 0;left:calc(50% - 12px);width:24px;height:100%;transition:.3s}
.controll_area .controller a.down_btn:after{background: url(../img/new/ico_arr_down_off.svg) no-repeat 0 50%}
.controll_area .controller a.up_btn:after{background: url(../img/new/ico_arr_up_off.svg) no-repeat 0 50%}
.controll_area .controller a.down_btn:hover:after{background-image:url(../img/new/ico_arr_down_on.svg)}
.controll_area .controller a.up_btn:hover:after{background-image:url(../img/new/ico_arr_up_on.svg)}

.wrapper.portal .gnb_area .gnb_menu .menus .depth{display:none;position:absolute;top:0;left:100%;width:100%;min-width:136px;padding:20px 0;background-color:#00582d;border-radius:0 10px 10px 0}
.wrapper.portal .gnb_area .gnb_menu .menus .depth > li{width:100%;height:auto;margin-bottom:10px;text-align:left}
.wrapper.portal .gnb_area .gnb_menu .menus .depth > li:last-child{margin-bottom:0}
.wrapper.portal .gnb_area .gnb_menu .menus .depth > li:before{content:'';display:block;position:absolute;top:8px;left:9px;width:3px;height:3px;background-color:#fff;vertical-align:middle;border-radius:50%}
.wrapper.portal .gnb_area .gnb_menu .menus .depth > li a{display:inline-block;width:100%;margin:0;padding:1px 20px 2px 22px;color:#fff;font-size:14px;line-height:1.3;vertical-align:top}
.wrapper.portal .gnb_area .gnb_menu .btn_setup{display:block;position:relative;width:90px;height:70px;margin:20px auto 0;padding-top:42px;color:#bfc7cc;font-size:14px;font-family:'Pretendard','맑은 고딕','Malgun Gothic';text-align:center;border:1px solid #bfc7cc;border-radius:10px}
.wrapper.portal .gnb_area .gnb_menu .btn_setup:before{content:'';display:block;position:absolute;top:11px;left:32px;width:26px;height:24px;background:url(../img/new/sp_basic_ico.svg) no-repeat -125px -31px}
.wrapper.portal > .body{height:calc(100vh - 84px);top:84px;left:0;width:100%;padding: 0 0 0 110px;background-color:#f1f3f5;transition:top .3s}
.wrapper.portal > .body.active{top:117px}
.wrapper.portal .portal_main_top.type_logo + .portal_setup + .portal_container.scroll-wrapper{background-color:#ededed;}
.wrapper.portal .portal_container .contents{margin:0;padding:0 18px 30px!important}
.wrapper.portal .footer{display:block;position:fixed;bottom:0;width: calc(100% - 40px);left: 20px}
.wrapper.portal .footer .copyright{margin:0 30px;color:#aaaaaa;font-size:14px;line-height: 43px;text-align:center;letter-spacing: -0.05em}
.wrapper.portal .portal_container .contents > div{padding-left:12px;padding-right:12px}
.wrapper.portal .portal_container .contents > .portal_container{overflow-y:auto;padding:25px 10px 5px 14px}
.wrapper.portal .portal_container .contents .conbox{padding:24px;border:0;border-radius:24px;box-shadow:none}
.wrapper.portal .portal_container .contents .conbox .board_list{overflow:hidden}
.wrapper.portal .portal_container .contents .conbox.congratulation .board_list{}
.wrapper.portal .portal_container .contents .conbox.notice .board_list{}
.wrapper.portal .portal_container .contents .conbox.info .board_list{}
.wrapper.portal .portal_container .contents .conbox.conbox1 .conbox_title{padding-bottom:0;margin-bottom:17px}
.wrapper.portal .portal_container .contents .conbox .board_list.work_qna li{padding-left:0}
.wrapper.portal .portal_container .contents .conbox.schedule{padding-bottom:24px;min-height:unset}
.wrapper.portal .portal_container .contents .drag_no_full > .col{float:left;padding-left: 10px;padding-right: 10px;min-height: 1px;}
.wrapper.portal .portal_container .contents .drag_no_full > .col:last-child{padding-right:0}
.conbox > .btns{top:-4px;right:-4px}
.conbox > .btns .ico_btn{background:#797979 url(../img/new/sp_basic_ico.png) no-repeat 0 0;border:0;border-radius:6px}
.conbox > .btns .ico_btn:not(.type_bg):not(.on):not(.disabled):hover{background-color:#797979 !important;border:0}
.conbox > .btns .ico_btn.rfsh{background-position:-21px -23px}
.conbox > .btns .ico_btn.setup{background:#797979 url(../img/new/sp_basic_ico.png) no-repeat -95px -24px}
.conbox .conbox_title{display:flex;align-items:center;margin:0 0 24px 0;padding:0;height:24px;border-bottom:none}
.conbox .conbox_title h2{margin-bottom:0;margin-top:0;color:#000;font-size:20px;font-weight:700;line-height:1;letter-spacing:0;vertical-align: middle}
.conbox .conbox_title .btn_more{position:absolute;top:24px;right:22px;width:24px;height:24px;margin:0;background:url(../img/new/btn_more.svg) no-repeat 50% 50%/cover}
.conbox .conbox_title .btn_more.circle{background-image:url(../img/new/btn_more_circle.svg)}
.conbox .conbox_title .btn_setting{position:absolute;top:24px;right:22px;overflow:hidden;width:24px;height:24px;background:url(../img/new/ico_btn_setting.svg) no-repeat 50% 50%}
.conbox .conbox_title.hide{display:none}
.conbox .tabmenu{top:0;padding-left:0;margin:0;min-height:auto;background-color:#fff;border-top:none;border-bottom:none}
.conbox .tabmenu:before{display:none}
.conbox .tabmenu:after{display:none;bottom:0;top:auto;background-color:#eaeaea}
.conbox .tabmenu li{height:auto;background-color:transparent;border-radius: 10px;vertical-align: top;}
.conbox .tabmenu li:before, .conbox .tabmenu li:after{display:none}
.conbox .tabmenu li a{padding:0;color:#adb5bd;font-size:20px;font-weight:700;line-height:1;letter-spacing:0;border-right:none}
.conbox .tabmenu:not(.fill) li:not(:first-child) a:before{content:'';display:inline-block;margin:0 12px;width:1px;height:14px;background-color:#ced4da;vertical-align:unset}
.conbox .tabmenu li a:hover{color:#000;background-color:transparent}
.conbox .tabcon1{margin-top:24px}
.conbox .tabmenu li.on a{color:#000;font-weight:700}
.conbox .tabmenu li.on a:hover{color:#000}
.conbox .board_list{height:auto;margin-top: 0 !important;line-height:1.5}
.conbox .board_list li{position:relative;display:flex;justify-content:space-between;height:auto !important;padding:0 0 0 30px;border-bottom:0}
.conbox .board_list li+li{margin-top:16px}
.conbox .board_list.mb15 li{margin-bottom:15px}
.conbox .board_list li.noti{align-items:flex-end}
.conbox .board_list li.noti a{padding-right:28px;max-width:calc(100% - 84px);overflow:unset}
.conbox .board_list li.noti .txt_area .eps1{margin-top:4px}
.conbox .board_list li.noti a .ico_new{margin-top:-1px}
.conbox .board_list li a{max-width:calc(100% - 65px);padding-right:26px;padding-left:0;font-weight:400;color:#212529;font-size:15px;line-height:1;vertical-align:top;transition:0.1s linear}
.conbox .board_list li a:hover{color:#4687ff}
.conbox .board_list li a > .day{display:inline-block;margin-right:8px;font-weight:700;vertical-align:top}
.conbox .board_list li .date{position:relative;top:0 !important;color:#aaa;font-size:14px;line-height:normal}
.conbox .board_list li .team_nm{position:relative;float:none;display:inline-block;max-width:75px;margin-top: 8px;margin-right:12px;color:#959595;font-size:13px;line-height: 1;text-overflow: ellipsis;letter-spacing:-0.05em;overflow:hidden;white-space:nowrap;}
.conbox .board_list li .ico_new{top:50%;width:20px;height:20px;margin-top:-7px;padding:3px 5px;color:#ff5a5a;font-size:12px;font-weight:700;line-height:1;text-align:center;border:1px solid rgba(255, 101, 54, 0.24);border-radius:4px;background-color:#fff0eb;background-image:none}
.conbox .board_list.work_qna li:before{display:none;content:'';width:18px;height:18px;position:absolute;left:0;top:3px;background: url(../img/new/sp_basic_ico.svg) no-repeat -124px 0}
.conbox .board_list.double li a{display:inline-block;max-width:calc(100% - 78px);margin-top:0;line-height:1.5;vertical-align:top}
.conbox .board_list.double li .info > span{margin-top:0;letter-spacing: -0.28px}
.conbox .board_list.congratulation li:before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;background: url(../img/new/sp_basic_ico.svg) no-repeat -152px 0;border-radius:0}
.conbox .board_list.congratulation li .info{float:right;min-width:158px;text-align:right}
/* 공통 */
.conbox .board_list .eps1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:1.5}
.conbox .board_list .eps1 + span{margin-top:10px}
.conbox .board_list.work_qna .eps1 + span{margin-top:2px}
.conbox .board_list > li > a > .txt_area{vertical-align:top}
.conbox .board_list > li > a > .txt_area > span{display:block;font-size:14px;color:#868e96;font-weight:600;line-height:1}
.conbox.alert .board_list li, .conbox.board .board_list li{padding:0}
/* 게시판 */
.conbox.alert .board_list.type02 li.noti .txt_area .eps1{margin-top:0}
.conbox.alert .board_list.type02 li.noti a .ico_new{margin-top:-10px}
/* 이미지 게시판 */
.conbox .board_list.img li{display:block}
.conbox .board_list.img li+li{margin-top:12px}
.conbox .board_list.img > li > a{display:flex;align-items:center;gap:16px;padding-right:0;max-width:100%}
.conbox .board_list.img > li > a > .txt_area{width:calc(100% - 96px)}
.conbox .board_list > li > a > .txt_area > .date{margin-top:4px;font-weight:400;line-height:1.5}
.conbox .board_list.img > li > a > .img{width:80px;flex-shrink:0;border-radius:8px;background-color:#e9ecef;overflow:hidden}
.conbox .board_list.img > li > a > .img.no_img{height:60px;background:url(../img/new/ico_noimage.svg) no-repeat 50% 50% #dee2e6}
/* progress bar */
.conbox .progress_bar {display:flex;align-items:center;gap:2px;width:100%;height:8px;background-image:none;float:none}
.conbox .progress_bar .progress_value {display:block;height:100%;background:#4687ff;border-radius:3px;flex-shrink:0;}
.conbox .progress_bar .progress_rest {display:block;height:100%;background:#e9ecef;border-radius:3px;flex:1;min-width:0;}
.conbox .progress_bar.type_purple .progress_value {background:#7765f3;}

.conbox_title,.conbox.survey .conbox_title,.conbox.square_zone .conbox_title{display:flex;justify-content:space-between;align-items:center}
.conbox .util.paginate{position:relative;display:inline-block;margin:0 32px 0 auto;padding:0 20px 0;text-align:center;border-top:none}
.conbox .util.paginate .page_num{display:inline-block;color:#495057;font-size:14px;line-height:1;vertical-align:top;}
.conbox .util.paginate .page_num .now{padding:4px;color:#495057;font-weight:400}
.conbox .util.paginate .page_num .total{padding:4px}
.conbox .util.paginate .page_btn{float:none;position:absolute;top:1px;left:50%;width:72px;margin-left:-36px}
.conbox .util.paginate .page_btn a{font-size:0}
.conbox .util.paginate .next:before{display:none}
.conbox .util.paginate .prev:before{position:absolute;top:-2px;left:-3px;width:16px;height:16px;margin:0;background:url(../img/new/ico_pagination_arr.svg) no-repeat 0 50%;transform: rotate(180deg)}
.conbox .util.paginate .prev.disabled:before{background:url(../img/new/ico_pagination_arr_dis.svg) no-repeat 0 50%;transform: rotate(0deg)}
.conbox .util.paginate .next:after{position:absolute;top:-2px;right:-4px;width:16px;height:16px;margin:0;background:url(../img/new/ico_pagination_arr.svg) no-repeat 0 50%}
.conbox .util.paginate .next.disabled:after{background:url(../img/new/ico_pagination_arr_dis.svg) no-repeat 0 50%}

/* 나의 업무 */
.conbox.mywork .user_area{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}
.conbox.mywork .user_area > .user_img{display:inline-block;width:72px;height:72px}
.conbox.mywork .user_area > .user_info{margin:0 16px;flex:1 0 0}
.conbox.mywork .user_area > .user_info > span{color:#495057;font-size:14px;line-height:1}
.conbox.mywork .user_area > .user_info > p{margin-top:8px;color:#000;font-size:20px;font-weight:700;line-height:1}
.conbox.mywork .user_area > .btn_usr_ing{display:inline-flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;height:40px;color:#4687ff;font-weight:700;border-radius:8px;background-color:rgba(224, 235, 255, 0.50)}
.conbox.mywork .user_area > .btn_usr_ing:before{content:'';display:inline-block;width:20px;height:20px;background-image:url(../img/new/ico_work_on.svg);background-repeat:no-repeat}
.conbox.mywork .user_area > .btn_usr_ing.off{color:#ff5a5a;background-color:#fff0f0}
.conbox.mywork .user_area > .btn_usr_ing.off:before{background-image:url(../img/new/ico_work_off.svg)}
.conbox.mywork .work_time{display:flex;align-items:center;gap:48px;margin-bottom:11px;padding:16px;line-height:1}
.conbox.mywork .work_time>dl{display:inline-flex;align-items:center;justify-content:space-between;width:calc(50% - 24px)}
.conbox.mywork .work_time>dl>dt{color:#868e96;font-weight:500}
.conbox.mywork .work_time>dl>dd{color:#000;font-weight:600}
.conbox.mywork ul{display:flex;flex-wrap:wrap;width:100%;margin-top:0;text-align:center}
.conbox.mywork ul:after{content:'';display:block;clear:both}
.conbox.mywork .work_info{padding:20px 0;border-radius:12px;background-color:#f8f9fa}
.conbox.mywork .info_wrap{display:flex;justify-content:space-between;align-items:center;flex-direction:column-reverse;width:25%;height:auto}
.conbox.mywork .info_wrap:nth-child(3n){margin-right:0;border-right:0}
.conbox.mywork .info_wrap:nth-child(-n+4){margin-bottom:24px;}
.conbox.mywork .info_wrap .title{position:relative;display:inline-block;padding:8px 0 0 0;max-width:calc(100% - 35px);width:calc(100% - 35px);height:auto;color:#2b2b2b;font-size:14px;font-weight:500;text-align:center;line-height:1;vertical-align: middle}
.conbox.mywork .info_wrap .title:after{display:none;position:absolute;top: 0;left:0;width:50px;height:50px;margin:0;vertical-align:middle;border-radius:10px;background-image:none}
.conbox.mywork .info_wrap .info{display:block;float:right;max-width:auto;height:auto;min-height:auto;padding:0;text-align:right;border:0}
.conbox.mywork .info_wrap .info dl{padding:0;text-align:center}
.conbox.mywork .info_wrap .info dl dt{display:none}
.conbox.mywork .info_wrap dl dd{width:100%;padding-right:0;line-height:1}
.conbox.mywork .info_wrap .info dl dd a{width:auto;display:inline-block;color:#272727;font-size:16px;font-weight:400}
.conbox.mywork .info_wrap .info dl dd a strong{color:#adb5bd;font-size:24px;line-height:1}
.conbox.mywork .info_wrap .info dl dd.new a strong{color:#212529}
.conbox.mywork .leave_info {margin-top:16px;padding:20px 20px 24px;background:#f8f9fa;border-radius:12px;}
.conbox.mywork .leave_head {display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;}
.conbox.mywork .leave_title {font-size:16px;font-weight:600;line-height:1;}
.conbox.mywork .leave_state {display:flex;align-items:center;gap:8px;}
.conbox.mywork .leave_used {display:flex;align-items:center;height:22px;padding:0 8px;background:#e0ebff;border-radius:99px;color:#4687ff;font-size:12px;font-weight:700;}
.conbox.mywork .leave_count {display:flex;align-items:center;gap:4px;font-size:16px;line-height:1;}
.conbox.mywork .leave_count strong {color:#343a40;font-weight:600;}
.conbox.mywork .leave_count span {color:#868e96;font-weight:500;}

/* 임직원 소식 */
.conbox.member_news {display:flex;flex-direction:column;gap:24px}
.conbox.member_news .news_head {display:flex;align-items:center;justify-content:space-between}
.conbox.member_news .news_title {font-size:20px;font-weight:700;line-height:1;color:#000}
.conbox.member_news .btn_more {display:block;padding:0;width:24px;height:24px;font-size:0;line-height:1;border:none;background:url(../img/new/btn_more.svg) no-repeat 50% 50%/cover}
.conbox.member_news .news_list {display:flex;flex-direction:column;gap:16px}
.conbox.member_news .news_item {display:flex;align-items:center;gap:12px}
.conbox.member_news .news_date {display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:15px;font-weight:600;line-height:1;color:#212529}
.conbox.member_news .news_icon {display:block;width:20px;height:20px;flex-shrink:0;background-repeat:no-repeat}
.conbox.member_news .news_icon.birth{background-image:url(../img/new/ico_birth.svg)}
.conbox.member_news .news_icon.wedding{background-image:url(../img/new/ico_love.svg)}
.conbox.member_news .news_icon.baby{background-image:url(../img/new/ico_baby.svg)}
.conbox.member_news .news_icon.join{background-image:url(../img/new/ico_join.svg)}
.conbox.member_news .news_text {flex:1;min-width:0;font-size:15px;font-weight:500;line-height:1;color:#495057}
.conbox.member_news .news_team {flex-shrink:0;font-size:14px;font-weight:500;line-height:1;color:#868e96}

/* 예산 집행율 */
.conbox.budget{padding:24px 24px 32px !important}
.conbox.budget .budget_status {display:flex;flex-direction:column;gap:24px;padding-right:4px;}
.conbox.budget .budget_item {display:flex;flex-direction:column;gap:8px;}
.conbox.budget .budget_info {display:flex;align-items:center;justify-content:space-between;padding:2px 0;}
.conbox.budget .budget_title {color:#495057;font-size:14px;font-weight:600;line-height:1;}
.conbox.budget .budget_amount {display:flex;align-items:center;gap:4px;}
.conbox.budget .budget_amount .amount {display:flex;align-items:center;gap:4px;color:#343a40;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;}
.conbox.budget .budget_amount .amount .total {color:#868e96;}
.conbox.budget .budget_amount .percent {width:52px;color:#212529;font-size:16px;font-weight:700;line-height:1;text-align:right;}

/* 배너 */
.conbox.keyvisual{height:237px;overflow:hidden;padding:0}
.conbox.keyvisual .wrap_bnr{position:relative}
.conbox.keyvisual .wrap_bnr, .conbox.keyvisual .wrap_bnr > div,
.conbox.keyvisual .wrap_bnr > div div, .conbox.keyvisual img{height:100%}
.conbox.keyvisual .slide_keyvisual div .slick-slide{border-radius:24px !important;border:1px solid rgba(0, 0, 0, 0.07) !important;overflow: hidden}
.conbox.keyvisual .slide_keyvisual .slick-dots{right:15px;bottom:15px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 !important;width:48px;height:18px;border-radius:9px;background:rgba(52, 58, 64, .78)}
.conbox.keyvisual .slide_keyvisual .slick-dots li{width:6px;height:6px;margin: 0 !important;transition:width .2s}
.conbox.keyvisual .slide_keyvisual .slick-dots li.slick-active{width:13px}
.conbox.keyvisual .slide_keyvisual .slick-dots li button{width:100%;height:6px;padding:0;border:0;border-radius:3px;background:rgba(255, 255, 255, .55)}
.conbox.keyvisual .slide_keyvisual .slick-dots li.slick-active button{background:#fff}
.conbox.keyvisual .slide_keyvisual .slick-dots li button:before,
.conbox.keyvisual .slide_keyvisual .slick-dots li button:after{display:none !important;content:none}

/* 일정 */
.conbox.schedule .support_area{display:flex;justify-content:space-between;align-items:center;padding-top:0;font-size:0}
.conbox.schedule .support_area .calendar{display:block;width:48.6%;margin-right:20px}
.conbox.schedule .support_area .datepicker{padding:0;border:0}
.conbox.schedule .support_area .datepicker dt.top_area{display:flex;align-items:center;justify-content:space-between;height:28px;margin-bottom:16px;padding:0}
.conbox.schedule .support_area .datepicker dt a.date_month > strong:after{content:'';display:inline-block;margin:0 0 3px 8px;width:12px;height:7px;background:url(../img/new/ico_arr_down_black.svg) no-repeat 50% 50%;vertical-align:middle}
.conbox.schedule .support_area .datepicker dt .pre, .conbox.schedule .support_area .datepicker dt .next{display:inline-block;width:20px;height:20px;font-size:0;background:url(../img/new/ico_arr_pre.svg) no-repeat 50% 50%;vertical-align:top;cursor:pointer}
.conbox.schedule .support_area .datepicker dt .next{transform:rotate(180deg)}
/*.conbox.schedule .support_area .datepicker dt .pre.disable, .conbox.schedule .support_area .datepicker dt .next.disable{background-image:url(../img/new/ico_arr_next_disable.svg)}*/
/*.conbox.schedule .support_area .datepicker dt .next:not(.disable),.conbox.schedule .support_area .datepicker dt .pre.disable{transform:rotate(180deg)}*/
.conbox.schedule .support_area .datepicker dd.day table{margin-bottom:0 !important}
.conbox.schedule .support_area .datepicker dd.day th{height:34px;color:#868e96;font-size:14px;font-weight:500;line-height:34px;background:#fff}
.conbox.schedule .support_area .datepicker dd.day td{height:32px;padding:6px 0;border-radius:50%}
.conbox.schedule .support_area .datepicker dd.day td a{width:32px !important;height: 32px !important;color:#212529;font-size:14px;font-weight:600;line-height:32px !important;border-radius:12px}
.conbox.schedule .support_area .datepicker dd.day td.day_on a{color:#fff;background:#4687ff;box-shadow:0 4px 8px rgba(70, 135, 255, .24)}
.conbox.schedule .support_area .datepicker dd.day td.passed a{color:#ced4da}
.conbox.schedule .datepicker dd .passed a:hover{background:#f1f3f7}
.conbox.schedule .support_area .datepicker .sched a{position:relative;text-decoration:none}
.conbox.schedule .support_area .datepicker .sched a:after{content:'';position:absolute;right:14px;bottom:1px;width:4px;height:4px;background:#4687ff;border-radius:50%}
.conbox.schedule .support_area .sch_lst{display:block;position:static;flex:1;width:auto;height:328px;max-height:none;margin: 0;padding:15px 15px 0;border:1px solid #e9ecef;border-radius:12px;background:rgba(248, 249, 250, .5);overflow:hidden}
.conbox.schedule .support_area .sch_lst h4{display:block;position:relative;height:auto;margin-bottom:20px;color:#212529;font-size:16px;font-weight:600;line-height:1}
.conbox.schedule .support_area .sch_lst h4 span{display:inline-block;margin-left:6px;color:#4687ff;font-weight:700}
.conbox.schedule .support_area .sch_lst ul{padding:0 4px 16px 0;max-height:280px;overflow:auto}
.conbox.schedule .support_area .sch_lst ul li{height:auto;padding:12px 20px 12px 16px;border-left:4px solid #4687ff;border-radius:0 8px 8px 0;background:rgba(70, 135, 255, .08)}
.conbox.schedule .support_area .sch_lst ul li+li{margin-top:8px}
.conbox.schedule .support_area .sch_lst ul li > *{display:block;line-height:1}
.conbox.schedule .support_area .sch_lst ul li .schedule{position:relative;max-width:none;padding:0;height:auto;font-size:14px;color:#343a40;font-weight:500;line-height:150%;word-break:break-all;letter-spacing:-0.28px;background:none;overflow:unset;white-space:unset;text-overflow:unset}
.conbox.schedule .support_area .sch_lst ul li .time{margin-top:8px;padding:0;color:#868e96;font-size:14px;line-height:1}
.conbox.schedule .support_area .add_sch{position:absolute;top:24px;right:24px;bottom:auto;margin-top:0;width:24px;height:24px;overflow:hidden;border:0;border-radius:0;background:url(../img/new/btn_more.svg)no-repeat 50% 50% / 24px 24px;color:transparent;font-size:0}
/* 일정목록 스크롤바 */
.conbox.schedule .support_area .sch_lst ul::-webkit-scrollbar{width:5px}
.conbox.schedule .support_area .sch_lst ul::-webkit-scrollbar-track{background:transparent}
.conbox.schedule .support_area .sch_lst ul::-webkit-scrollbar-thumb{border-radius:2px;background:#ced4da}

.floatting_btn{bottom:33px;right:8px;opacity:1}
.floatting_menu{bottom:85px}

/* 진행 중인 설문/투표 */
.conbox.survey .survey_area .survey_info{margin-bottom:4px;display:flex;align-items:center}
.conbox.survey .survey_area .survey_info .date{margin-left:8px;color:#868e96;font-size:14px;line-height:1.5}
.conbox.survey .survey_area .eps1{color:#212529;font-size:16px;font-weight:500;line-height:150%}
.conbox.survey .survey_area:hover .eps1{color:#4687ff}

/* 담당업무 */
.conbox.task_dashboard .task_count{display:flex;justify-content:space-around;align-items:center;margin-bottom:20px;border-radius:12px;background:#f8f9fa}
.conbox.task_dashboard .task_count li{display:flex;justify-content:center;align-items:center;height:56px;gap:12px;color:#868e96}
.conbox.task_dashboard .task_count strong{color:#212529}
.conbox.task_dashboard .task_dashboard_list li+li{margin-top:16px}
.conbox.task_dashboard .task_dashboard_list li > a{display:flex;align-items:center}
.conbox.task_dashboard .task_dashboard_list li > a:before{content:'';width:7px;height:7px;margin-right:4px;border-radius:50%}
.conbox.task_dashboard .task_dashboard_list li > a > span{width:56px;font-size:14px;font-weight:600;line-height:1}
.conbox.task_dashboard .task_dashboard_list li > a > p{overflow:hidden;flex:1;color:#212529;font-size:16px;font-weight:500;line-height:1.5;white-space:nowrap;text-overflow:ellipsis}
.conbox.task_dashboard .task_dashboard_list li > a > em{flex-shrink:0;color:#adb5bd;font-style:normal;font-size:14px;text-align:right}
.conbox.task_dashboard .task_dashboard_list .state_progress > a:before{background:#4687ff}
.conbox.task_dashboard .task_dashboard_list .state_progress > a > span{color:#4687ff}
.conbox.task_dashboard .task_dashboard_list .state_todo > a:before{background:#34b72b}
.conbox.task_dashboard .task_dashboard_list .state_todo > a >span{color:#34b72b}
.conbox.task_dashboard .task_dashboard_list .state_delay > a:before{background:#ff5d62}
.conbox.task_dashboard .task_dashboard_list .state_delay > a > span{color:#ff5d62}

/* 업무 즐겨찾기 */
.conbox.bookmark_dashboard .bookmark_dashboard_list li + li{margin-top:8px}
.conbox.bookmark_dashboard .bookmark_dashboard_list li > a{display:flex;align-items:center;padding:14px 16px;line-height:1;border-radius:0 8px 8px 0;background:#f8f9fa}
.conbox.bookmark_dashboard .bookmark_dashboard_list li > a:before{content: '';width:16px;height:16px;margin-right:8px;background:url(../img/new/ico_menu.svg) no-repeat 50% 50%}
.conbox.bookmark_dashboard .bookmark_dashboard_list .category{width:72px;color:#495057}
.conbox.bookmark_dashboard .bookmark_dashboard_list p{flex:1;color:#212529}
.conbox.bookmark_dashboard .bookmark_dashboard_list button{overflow:hidden;font-size:0;background-color:transparent}
.conbox.bookmark_dashboard .bookmark_dashboard_list button:before{content: '';display:inline-block;width:16px;height:16px;background:url(../img/new/ico_favorite.svg) no-repeat 50% 50%}

/* 외부 업무 시스템 */
.conbox.system .system_list{display:flex;align-items:flex-start;justify-content:center;flex-wrap: wrap;width:100%}
.conbox.system .system_list > li.system{flex: 0 0 20%}
.conbox.system .system_list > li.system > a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%}
.conbox.system .system_list .ico_system{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0;overflow:hidden;border-radius:24px}
.conbox.system .system_list .ico_system img{display:block;width:28px;height:28px}
.conbox.system .system_list .system.pink .ico_system{background:#fbedff}
.conbox.system .system_list .system.blue .ico_system{background:#edf3ff}
.conbox.system .system_list .system.purple .ico_system{background:#f3edff}
.conbox.system .system_list .system.mint .ico_system{background:#e3faf6}
.conbox.system .system_list .system a .name{width:100%;margin:0;color:#212529;font-size:15px;font-weight:500;line-height:15px;text-align: center}

/* chip */
.chip{padding:0 4px;display:inline-flex;justify-content:center;align-items:center;height:20px;font-size:12px;font-weight:600;border:1px solid transparent;border-radius:3px}
.chip span{display:block;line-height:1}
.chip.fill_emerald{color:#03c09e;border-color:rgba(3, 192, 158, 0.24);background-color:rgba(3, 192, 158, 0.12)}
.chip.fill_purple{color:#5244d9;border-color:rgba(82, 68, 217, 0.20);background-color:#edecfb}

/* login */
.login_area{background:#e8ebee}
.logins .logins_box{background:url(../../white/img/new/bg_login.png) no-repeat 50% 50%;background-size:cover}
.login_footer{bottom:12px;font-size:14px;color:#aaa;letter-spacing:-0.05em}
.loginbox{width:520px;height:472px;margin-bottom:-60px;border-radius:30px;overflow:hidden;background:none;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1)}
.logins .logins_box .loginbox .login_box{padding:60px;width:100%;text-align:center;background:rgba(232, 235, 238, 0.5)}

/* login _full type*/
.full .logins{display:block;width:100%;height:100%}
.full .logins > * {width:50%}
.full .logins .img_area{height:100%}
.full .logins .img_area img{width:100%;height:100%}
.full .logins .logins_box{background:#e8ebee;display:table}
.full .logins .logins_box .loginbox .login_box{height:auto}
.full .login_footer{bottom:12px;font-size:14px;color:#aaa;letter-spacing: -0.05em}
.full .loginbox{display:table-cell;vertical-align:middle;border-radius:0;background:none}
.full .logins .logins_box .cont_box{width:400px;margin:0 auto}
.full .logins .logins_box .loginbox .login_box{float:none;width:400px;padding:0;margin:0 auto;text-align:center}
.logins .logins_box .loginbox .login_box .logos{margin-top:0}
.logs_area{margin-top:39px}
.logs_cont{height:auto}
.logs_txt li{height:54px}
.logs_txt li.log_pw{margin-top:10px}
.logs_txt li input{width:100% !important;padding:0 28px !important;height:54px !important;font-weight:500;background-color:#fff !important;border-bottom:none;border-radius:40px;background-image: none !important;border: 1px solid #ddd;transition:none;-webkit-transition:none}
.logs_txt li input:-webkit-autofill {transition:none}
.logs_txt li input::placeholder{color:#aaa;font-size:16px;font-weight:500;letter-spacing:0}
.logs_txt li input:focus{border-bottom:1px solid #ddd}
.login_area a:active, a:hover{color:#666}
.login_box .btns a.bts{display:block;height:54px;padding:0;font-size:18px;line-height:52px;color:#fff;font-weight:700;text-align:center; background:linear-gradient(264.13deg, rgba(72, 192, 236, 0.9) -24.32%, rgba(72, 192, 236, 0.9) 9.84%, rgba(0, 104, 183, 0.9) 64.31%);border-radius:40px;transition:none; -webkit-transition:none}
.login_box .btns a.bts:active,.login_box .btns a.bts:hover{background:linear-gradient(264.13deg, rgba(72, 192, 236, 0.9) -24.32%, rgba(72, 192, 236, 0.9) 9.84%, rgba(0, 104, 183, 0.9) 64.31%)}
.login_box .btn_ect{padding:20px 0 18px;margin:0 18px}
.login_box .btn_ect a{position:relative;line-height:24px;color:#666;font-size:15px;font-weight:500}
.login_box .btn_ect a.btn_srh_password{padding-right:30px}
.login_box .btn_mail .btn_apply_mail:before,.login_box .btn_ect .btn_srh_password:before{content:'';position:absolute;right:0;top:0;display:block;width:24px;height:24px;background:url(../img/new/ico_login.png) no-repeat 0 0}
.login_box .btn_mail .btn_apply_mail:before{left:0;background-position:-35px -1px}
.login_box .btn_ect .btn_save_id{float:right}
.login_box .btn_ect .btn_save_id .checkbox{margin-left:5px}
.login_box .btn_mail{padding-top:30px;padding-right:18px;text-align:right}
.login_box .btn_mail .btn_apply_mail{position:relative;padding-left:29px;color:#666;font-size:15px;font-weight:500}
/*** responsive ***/
@media (max-width:1280px) {
    .pc{display:none}
    .logins .logins_box{width:100%}
}

/* 포털설정 */
.portal_setup{position:absolute;height:50px;min-width:100%;top:17px;transition:top .3s}
.portal_setup.active{top:67px}
.set_portal{height:49px}
.wrap_set_portal{position:relative;height:50px;border-bottom: 1px solid #eaeaea;background-color: #f8f8f8;z-index:900}
.wrap_set_portal .btn_close{position:absolute;top:12px;right:25px;width:26px;height:26px;margin-right: 0;font-size:0;line-height:29px;background:url(../img/new/btn_pop_close.png) no-repeat 50% 50%;outline:none;cursor:pointer;border: none;}
.set_portal .btn_add_p {display:inline-block;width:24px;height:24px;margin-left:0;background:url('../img/new/btn_plus.svg') no-repeat 0 0;border:none;border-radius:0}
.set_portal .btn_add_p:hover{background:url('../img/new/btn_plus.svg') no-repeat -30px 0}