@charset "utf-8";

@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(../font/NotoSans-Light.woff2) format('woff2'), url(../font/NotoSans-Light.woff) format('woff'), url(../font/NotoSans-Light.ttf) format('truetype'), url(../font/NotoSans-Light.otf) format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(../font/NotoSans-Regular.woff2) format('woff2'), url(../font/NotoSans-Regular.woff) format('woff'), url(../font/NotoSans-Regular.ttf) format('truetype'), url(../font/NotoSans-Regular.otf) format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(../font/NotoSans-Medium.woff2) format('woff2'), url(../font/NotoSans-Medium.woff) format('woff'), url(../font/NotoSans-Medium.ttf) format('truetype'), url(../font/NotoSans-Medium.otf) format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:600;src:url(../font/NotoSans-Bold.woff2) format('woff2'), url(../font/NotoSans-Bold.woff) format('woff'), url(../font/NotoSans-Bold.ttf) format('truetype'), url(../font/NotoSans-Medium.otf) format('opentype')} 



/* guide set */
:root {
--primary_blue:#005EB8;
--primary_green:#00A886;

--secondary_blue01:#1064C8;
--secondary_blue02:#0082FF;
--secondary_green00:#00b392;
--secondary_green01:#008D8F/*008D8F*/;
--secondary_green02:#698A8C;
--secondary_green03:#D7EDE9;
--secondary_green04:#E1EDED;
--secondary_green05:#F3FBF9;
--secondary_green06:#F5F9F9;
--secondary_red01:#F54A23;
--secondary_red02:#ff704f;

--high_gray01:#212121;
--high_gray02:#313131;
--high_gray03:#414141;
--mid_gray01:#6F6F6F;
--mid_gray02:#767676;
--low_gray01:#999;
--low_gray02:#D5D5D5;
--low_gray03:#E5E5E5;
--low_gray04:#F5F5F5;
--low_gray05:#f0f0f3;

--bg_linear_blue01:linear-gradient(-45deg,#004282,#0079ED);
--bg_linear_blue02:linear-gradient(-45deg,#0b549a,#0079ED);
--bg_linear_blue03:linear-gradient(-45deg,#0065c6,#0079ED);

--bg_linear_green01:linear-gradient(-45deg,#006D64,#00C2B2);

--box_shadow01:0 4px 24px rgba(0,0,0,.04), 0 1px 12px rgba(0,0,0,.02), 1px 1px 1px rgba(255,255,255,.6) inset;
--box_shadow02:0 4px 24px rgba(255,255,255,.04), 0 1px 12px rgba(255,255,255,.02), 1px 1px 1px rgba(255,255,255,.12) inset;
--box_shadow03:1px 1px 3px #4A78A399 inset,1px 1px 1px #5083B499 inset,-1px -1px 3px #4F749899 inset;
--box_shadow04:1px 1px 3px #8CBCB699 inset,1px 1px 1px #74B3AC99 inset,-1px -1px 3px #4DACA199 inset;


--transition_basic:cubic-bezier(.22,.61,.36,1);
}



/* reset */
html{min-width:1366px;/*min-height:min(100vh, 500px);*/padding-top:6px;background-color:#f5f5f5;box-sizing:border-box;touch-action:manipulation;scroll-behavior:smooth;/*overflow-y:hidden;*/transition:background-color .25s}
html:has(.layer_detail){overflow:hidden}
body{position:relative;line-height:1.4;letter-spacing:-0.025em;word-break:break-all;text-size-adjust:none}
body,h1,h2,h3,h4,h5,h6,ol,ul,li,p,dl,dd{margin:0;padding:0}
body,button,h1,h2,h3,h4,h5,textarea{font-family:'Noto Sans KR',"맑은 고딕",Malgun Gothic,sans-serif;font-weight:400;font-size:14px;color:var(--high_gray01);transition:color .25s}
iframe{border:0}
input{margin:0;border:0}
input[type="text"],input[type="password"],input[type="search"],input[type="date"],input[type="datetime-local"]{min-width:80px;font-family:'Noto Sans KR',"맑은 고딕",Malgun Gothic,sans-serif;font-weight:400;font-size:14px;color:var(--high_gray01);background-color:transparent;box-sizing:border-box;transition:color .25s}
input[type="radio"],input[type="checkbox"]{vertical-align:-2px}
select{font-family:'Noto Sans KR',"맑은 고딕",Malgun Gothic,sans-serif;font-weight:400;font-size:14px;color:var(--high_gray01);background-color:transparent;box-sizing:border-box;transition:color .25s}
textarea{display:block}
ol,ul{list-style:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1);vertical-align:middle}
table{width:100%;border-spacing:0;table-layout:fixed}
caption strong,caption p{display:block;line-height:1px;font-size:1px;margin-top:-1px;text-indent:-9999em}
img{border:0;vertical-align:middle}
form,fieldset{margin:0;padding:0;border:none}
button{min-width:0;padding:0;border:0;margin:0;background-color:transparent;cursor:pointer}
em,i,var{font-style:normal}
strong{font-weight:400}
mark{background-color:transparent}
legend,.blind{position:absolute;text-indent:-9999em}
.hide{display:none}

::selection{background-color:rgba(0,139,227,.15)}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background-color:transparent;border-radius:9px}
::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:9px}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active{background:#aaa}
::-webkit-scrollbar-button{display:none}

body::-webkit-scrollbar,
#container::-webkit-scrollbar{width:6px;height:6px}
body::-webkit-scrollbar-thumb,
#container::-webkit-scrollbar-thumb{background:#999}
body::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:active,
#container::-webkit-scrollbar-thumb:hover,
#container::-webkit-scrollbar-thumb:active{background:#666}

.f_blue{color:var(--secondary_blue01) !important}
.f_green{color:var(--secondary_green02) !important}
.f_green02{color:var(--secondary_green01) !important}
.f_red{color:var(--secondary_red01) !important}

.tl{text-align:left !important}
.tc{text-align:center !important}

/* label icon svg */
svg.label{display:inline-block;width:16px;margin-right:4px;vertical-align:middle;overflow:visible}
svg.label use[href="#i"]{fill-opacity:.3}



/* layout */
#wrap{position:relative;display:flex;align-items:stretch}

#lnb{width:clamp(256px,15%,284px);min-width:256px;min-height:456px}

#lnb > .inner{position:sticky;top:0;left:0;height:100%;z-index:1}
#lnb > .inner:before{content:"";position:absolute;top:-6px;left:80px;width:1px;height:calc(100% + 6px);background-color:#e7e7e7}

#header{display:flex;align-items:center;gap:24px;height:59px;padding-bottom:6px;border-bottom:1px solid #e7e7e7;box-sizing:border-box}
#header h1{display:flex;justify-content:center;align-items:center;width:80px;height:100%}
#header h1 a{display:block;padding:8px 16px}
#header h1 a img{display:block;width:26px}
#header h2{line-height:1;font-weight:500;font-size:15px;letter-spacing:-0.075em;padding-right:16px;word-break:keep-all;word-wrap:break-word}

#lnb .nav{width:80px;padding:0 3px;box-sizing:border-box}
#lnb .nav .dep01{margin-top:12px}
#lnb .nav .dep01 > li{margin-top:6px}
#lnb .nav .dep01 > li > a{position:relative;display:block;line-height:1;color:var(--high_gray02);text-align:center;letter-spacing:0;padding:48px 0 18px;background:transparent 50% calc(50% - 12px) / 24px 24px no-repeat;border-radius:2px;opacity:.6;transition:background-color .25s,opacity .25s}
#lnb .nav .dep01 > li.d1_ico01 > a{background-image:url(../images/menu_output.png)}
#lnb .nav .dep01 > li.d1_ico02 > a{letter-spacing:-0.045em;background-image:url(../images/menu_label.png)}
#lnb .nav .dep01 > li.act > a{font-weight:500;color:var(--secondary_blue01) !important}
#lnb .nav .dep01 > li.act > a{opacity:1}
#lnb .nav .dep01 > li.d1_ico01.act > a{background-image:url(../images/menu_output_act.png)}
#lnb .nav .dep01 > li.d1_ico02.act > a{background-image:url(../images/menu_label_act.png)}
#lnb .nav .dep01 > li > a:hover{opacity:1}
#lnb .nav .dep01 > li > a:after{content:"";position:absolute;top:50%;right:-4px;width:2px;height:calc(100% - 28px);background-color:var(--secondary_blue01);transform:translate(-4px,-50%);opacity:0;transition:transform .25s,opacity .25s}
#lnb .nav .dep01 > li.act > a:after{transform:translate(0,-50%);opacity:1}
#lnb .nav .dep01 > li.etc_menu{margin-top:24px}
#lnb .nav .dep01 > li.etc_menu > a{background-image:url(../images/menu_admin.png)}
#lnb .nav .dep01 > li.etc_menu.act > a{color:var(--secondary_blue01) !important;background-image:url(../images/menu_admin_act.png)}
#lnb .nav .dep01 > li.etc_menu > a:before{content:"";position:absolute;top:-12px;left:50%;width:52px;height:1px;background-color:#d5d5d5;transform:translate(-50%,0);pointer-events:none}
#lnb .nav .dep01 > li.etc_menu:hover > a:before{opacity:.8}
#lnb .nav .dep01 > li.etc_menu > a:after{background-color:var(--secondary_blue01)}

#lnb .nav .dep02{position:absolute;top:53px;right:8px;width:calc(100% - 97px);opacity:0;visibility:hidden;z-index:-1}
#lnb .nav .dep01 > li.act > .dep02{top:71px;opacity:1;visibility:visible;z-index:0;transition:top .25s,opacity .25s,visibility .25s,z-index .25s}
#lnb .nav .dep02 li{margin-top:8px}
#lnb .nav .dep02 li:first-child{margin-top:0}
#lnb .nav .dep02 li a{position:relative;display:flex;align-items:center;min-height:52px;line-height:1.1;color:var(--mid_gray02);letter-spacing:0;padding:8px 36px 8px 48px;background:transparent 16px 50% / 24px 24px no-repeat;border-radius:10px;box-sizing:border-box;word-break:keep-all;word-wrap:break-word;transition:color .25s}
#lnb .nav .dep02 li.d2_ico01 a{background-image:url(../images/menu_apply.png)}
#lnb .nav .dep02 li.d2_ico02 a{background-image:url(../images/menu_todo.png)}
#lnb .nav .dep02 li.d2_ico03 a{background-image:url(../images/menu_prog.png)}
#lnb .nav .dep02 li.d2_ico04 a{background-image:url(../images/menu_comp.png)}
#lnb .nav .dep02 li a:hover{color:var(--high_gray01)}
#lnb .nav .dep02 li a .alert{position:absolute;top:50%;right:44px;width:22px;height:22px;line-height:22px;font-weight:500;font-size:11px;color:#fff;text-align:center;background-color:#005EB8;border-radius:50%;box-sizing:border-box;box-shadow:-1px -1px 0 rgba(255,255,255,.2) inset;transform:translate(0,-50%);transition:background-color .25s}
#lnb .nav .dep02 li a:after{content:"";position:absolute;top:50%;right:16px;width:24px;height:24px;background:url(../images/arr_right03_act.png) 50% / 100% no-repeat;transform:translate(0,-50%);filter:grayscale(1);opacity:0;transition:transform .25s,opacity .25s}
#lnb .nav .dep02 li a:hover:after{transform:translate(5px,-50%);opacity:.4}

#lnb .nav .dep02 li.act a{font-weight:500;color:var(--secondary_blue01);background-color:#fff;box-shadow:0 0 6px rgba(227,233,240,1);pointer-events:none}
#lnb .nav .dep02 li.d2_ico01.act a{background-image:url(../images/menu_apply_act.png)}
#lnb .nav .dep02 li.d2_ico02.act a{background-image:url(../images/menu_todo_act.png)}
#lnb .nav .dep02 li.d2_ico03.act a{background-image:url(../images/menu_prog_act.png)}
#lnb .nav .dep02 li.d2_ico04.act a{background-image:url(../images/menu_comp_act.png)}
#lnb .nav .dep02 li.act a:after{filter:grayscale(0);opacity:1}

#lnb .color_mode{position:absolute;bottom:16px;left:18px;display:flex;flex-direction:column-reverse;padding:4px;border:1px solid var(--low_gray03);background-color:#ebebeb;border-radius:22px;box-sizing:border-box;z-index:1;transition:border-color .25s,background-color .25s}
#lnb .color_mode button{position:relative;display:block;width:36px;height:36px;line-height:1px;font-size:1px;color:transparent;text-indent:-9999em;border:0;margin-top:2px;background-color:transparent}
#lnb .color_mode button:first-child{margin-top:0}
#lnb .color_mode button.light{display:none}
#lnb .color_mode button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent 50% / 26px 26px no-repeat;border-radius:50%;opacity:.28;transition:background-color .25s,box-shadow .25s,opacity .25s,filter .25s}
#lnb .color_mode .light:before{background-image:url(../images/ico_light.png)}
#lnb .color_mode .dark:before{background-image:url(../images/ico_dark.png)}
#lnb .color_mode button.light:before{background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,.06);opacity:1}
#lnb .color_mode .dark:hover:before{opacity:.6}
#lnb .color_mode button:after{content:attr(data-mode);position:absolute;left:44px;top:50%;height:32px;line-height:32px;font-size:14px;color:#fff;text-indent:0;white-space:nowrap;padding:0 16px;background-color:var(--high_gray01);border-radius:4px;transform:translate(0,-50%);opacity:0;visibility:hidden;transition:left .25s,opacity .25s,visibility .25s}
#lnb .color_mode button:hover:after{left:48px;opacity:1;visibility:visible}

#lnb.type02{position:fixed;top:6px;left:0;width:auto;min-height:0;z-index:100}
#lnb.type02 > .inner:before{content:none}
#lnb.type02 #header{height:auto;border-bottom:0}
#lnb.type02 #header h1{width:auto}
#lnb.type02 #header h1 a{padding:14px 32px;background-color:rgba(255,255,255,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:0 0 16px 0}

.gnb{position:fixed;top:7px;left:0;width:100%;min-width:564px;z-index:800}
.gnb h2{font-weight:500;font-size:14px}
.gnb .right_box{position:absolute;top:0;right:12px;display:flex;align-items:center;gap:10px;padding:11px 20px;background-color:rgba(255,255,255,.5);border-radius:28px;box-shadow:1px 1px 1px rgba(255,255,255,.9) inset,-1px -1px 1px rgba(255,255,255,.5) inset;box-sizing:border-box;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.gnb .right_box .guide_box .btn_guide{display:block;width:32px;height:32px;line-height:1px;font-size:1px;color:transparent;text-indent:-9999em;background:url(../images/ico_guide.png) 50% / 24px 24px no-repeat;opacity:.4;transition:opacity .25s}
.gnb .right_box .couns_box .lnk_couns{display:block;width:32px;height:32px ;line-height:1px;font-size:1px;color:transparent;text-indent:-9999em;background:url(../images/ico_couns.png) 50% / 24px 24px no-repeat;opacity:.4;transition:opacity .25s}
.gnb .right_box .guide_box .btn_guide:hover,
.gnb .right_box .couns_box .lnk_couns:hover{opacity:.9}
.gnb .right_box .user_info{position:relative;height:24px;margin-left:16px}
.gnb .right_box .user_info .user{position:relative;width:40px;height:24px}
.gnb .right_box .user_info .user:after{content:"";position:absolute;top:50%;right:0;width:7px;height:4px;background:url(../images/arr_down01.png) 50% / 7px 4px no-repeat;transform:translate(0,-50%);transition:transform .25s}
.gnb .right_box .user_info.drop .user:after{transform:translate(0,-50%) rotate(-180deg)}
.gnb .right_box .user_info .user .txt{position:absolute;top:0;left:0;width:24px;height:24px;line-height:1px;font-size:1px;color:transparent;text-indent:-9999em;border-radius:50%;transition:outline .075s}
.gnb .right_box .user_info .user:hover .txt{outline:2px solid var(--secondary_blue01)/*secondary_green02*/;outline-offset:1px}
.gnb .right_box .user_info .user .profile_img{position:relative;display:block;width:24px;height:24px;border-radius:50%;object-fit:cover}
.gnb .right_box .user_info .info_layer{position:absolute;top:24px;right:-2px;white-space:nowrap;padding-top:40px;border:1px solid var(--low_gray03);background-color:#fff;border-radius:6px;box-shadow:0 4px 8px -2px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:top .25s,opacity .25s,visibility .25s}
.gnb .right_box .user_info.drop .info_layer{top:32px;opacity:1;visibility:visible}
.gnb .right_box .user_info .info_layer .info_wrap{display:flex;flex-direction:column;gap:8px;min-width:228px;padding:16px 24px;border-top:1px solid var(--low_gray03)}
.gnb .right_box .user_info .info_layer .info_wrap .name{color:var(--high_gray01)}
.gnb .right_box .user_info .info_layer .info_wrap .upn{font-weight:300;font-size:13px;color:var(--primary_blue);letter-spacing:0;text-decoration:none !important}
.gnb .right_box .user_info .info_layer time{position:absolute;top:11px;left:20px;display:block;font-weight:300;font-size:13px;color:var(--mid_gray02)}
.gnb .right_box .user_info .info_layer .btn_logout{position:absolute;top:10px;right:20px;font-size:13px;color:var(--high_gray02)}
.gnb .right_box .user_info .info_layer .btn_logout:hover,
.gnb .right_box .user_info .info_layer .btn_logout:focus{color:var(--high_gray01);text-decoration:underline}

.gnb .right_box .lang_box{position:relative;padding-left:30px}
.gnb .right_box .lang_box:before{content:"";position:absolute;top:-2px;left:2px;width:24px;height:24px;background:url(../images/ico_lang.png) 0 0 / 24px 24px no-repeat;opacity:.4;transition:filter .25s}
.gnb .right_box .lang_box a{font-size:13px;color:var(--mid_gray01);vertical-align:baseline}
.gnb .right_box .lang_box a:before{content:"·";display:inline-block;margin-right:2px;pointer-events:none}
.gnb .right_box .lang_box a:first-child:before{content:none}
.gnb .right_box .lang_box a:hover{text-decoration:underline}
.gnb .right_box .lang_box a.act{font-weight:500;color:var(--high_gray01);pointer-events:none}

#footer{position:absolute;bottom:20px;left:98px}
#footer p{font-size:12px;color:var(--mid_gray02);letter-spacing:0}

#container:not(.share_wrap){flex:1;position:relative;min-height:calc(100vh - 6px);border:1px solid #ececec;border-right:0;border-bottom:0;background-color:#fff;border-radius:20px 0 0 0;box-sizing:border-box;box-shadow:-4px -4px 16px -4px rgba(0,0,0,.02);/*overflow-y:auto;*/transition:background-color .25s}

#content{}


/* layer */
.layer01{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;z-index:-1;transition:opacity .25s,visibility .25s,z-index .25s}
.layer01.show{opacity:1;visibility:visible;z-index:4000}
.layer01 > .inner{position:relative;display:flex;flex-direction:column;min-width:400px;max-width:960px;max-height:600px;padding:24px 0 12px;background-color:#fff;border-radius:24px;box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,.25);overflow:hidden}

.layer01 .header{display:flex;justify-content:space-between;padding:0 52px 16px 32px;border-bottom:1px solid #e9e9e9}
.layer01 .header .tit{font-weight:500;font-size:17px;color:var(--high_gray01)}
.layer01 .btn_close{position:absolute;top:20px;right:20px;width:24px;height:24px;line-height:1px;font-size:1px;color:transparent;text-indent:-9999em;background:url(../images/ico_close03.png) 50% / 24px 24px no-repeat;opacity:.3;transition:opacity .25s}
.layer01 .btn_close:hover{opacity:.8}

.layer01 .body{flex:1;display:flex;flex-direction:column;min-height:0;padding:28px 12px 36px 32px;word-break:keep-all;word-wrap:break-word}
.layer01 .body .body_wrap{padding-right:20px;overflow-y:auto}
.layer01 .body .tit_s{display:block;font-weight:500;font-size:18px;margin-bottom:12px}
.layer01 .body .tit_s .f_green02{color:var(--secondary_blue01) !important}
.layer01 .body .exp{font-size:15px;color:#444;margin-bottom:6px}

.layer01 .body.ico_info{padding-left:72px;background:url(../images/ico_info.png) 32px 28px / 24px 24px no-repeat}

.layer01 .btn_box{flex-shrink:0;position:relative;text-align:center;padding:8px 32px 20px}
/*.layer01 .btn_box:before{content:"";position:absolute;top:0;left:50%;width:calc(100% - 44px);height:1px;background-color:#ccc;transform:translate(-50%,-0)}*/
.layer01 .btn_box button,
.layer01 .btn_box a{position:relative;display:inline-block;min-width:140px;height:44px;line-height:42px;font-weight:500;padding:0 16px;margin:0 1px;border-radius:4px;box-sizing:border-box;vertical-align:middle;overflow:hidden;z-index:1}
.layer01 .btn_box .btn_reset{color:var(--secondary_blue01);border:1px solid #d1d1d1;transition:border-color .15s}
.layer01 .btn_box .btn_reset:hover{border-color:#999}
.layer01 .btn_box .btn_submit{color:#fff;background-image:var(--bg_linear_blue02)}
.layer01 .btn_box .btn_submit:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:background-color .15s}
.layer01 .btn_box .btn_submit:hover:before{background-color:rgba(0,0,0,.08)}



/* alertify custom */
.alertify .ajs-modal{text-align:center;overflow:hidden}
.alertify .ajs-dialog{display:inline-flex;flex-direction:column;min-width:400px;max-width:800px;max-height:600px;text-align:left;padding:24px 0 12px;border-radius:24px;box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,.25)}
.alertify .ajs-header{display:flex;justify-content:space-between;padding:0 52px 16px 32px;font-weight:500;font-size:17px;color:var(--high_gray01);border-bottom-color:#e9e9e9;margin:0;background-color:transparent}
.alertify .ajs-commands{position:absolute;top:20px;right:20px;margin:0}
.alertify .ajs-commands button.ajs-close{width:24px;height:24px;line-height:1px;font-size:1px;color:transparent;text-indent:-9999em;margin:0;padding:0;background:url(../images/ico_close03.png) 50% / 24px 24px no-repeat;opacity:.3;transition:opacity .25s}
.alertify .ajs-commands button.ajs-close:hover{opacity:.8}
.alertify .ajs-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:28px 12px 36px 32px}
.alertify .ajs-body .ajs-content{font-weight:400;font-size:15px;padding:0 20px 0 0;overflow-y:auto}
.alertify .ajs-footer{flex-shrink:0;min-height:0;margin:0}
.alertify .ajs-footer .ajs-buttons.ajs-primary{height:100%;text-align:center;padding:8px 32px 20px;box-sizing:border-box}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button{margin:0}
.alertify .ajs-footer .ajs-buttons .ajs-button{min-width:140px;height:44px;min-height:0;line-height:42px;font-weight:500;color:var(--secondary_blue01) !important;padding:0 16px;border:1px solid #d1d1d1;margin:0 1px;border-radius:4px;box-sizing:border-box;vertical-align:middle;transition:border-color .15s}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{}
.alertify .ajs-footer .ajs-buttons .ajs-button:hover{border-color:#999}
.alertify .ajs-footer{position:relative;padding:0;border-top:0;background-color:transparent}

.alertify-notifier{position:absolute}
.alertify-notifier .ajs-message{position:relative;width:400px;font-weight:400;font-size:15px;color:#fff;text-align:left;padding:20px 40px 20px 32px !important;border:1px solid #3f79b1;background:linear-gradient(to top,#316aa1,#185d9d);border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:all .2s cubic-bezier(0.57,0.43,0.1,0.65) !important;cursor:pointer}
.alertify-notifier .ajs-message:hover{box-shadow:0 4px 16px rgba(0,0,0,.2);transform:translate(-50%,-4px)}
.alertify-notifier .ajs-message:after{content:"";position:absolute;top:50%;right:24px;width:8px;height:8px;background:url(../images/ico_close01.png) 50% / 8px 8px no-repeat;transform:translate(0,-50%);filter:brightness(9)}
.alertify-notifier .ajs-message.ajs-visible{opacity:.9}
.alertify-notifier .ajs-message.ajs-visible:hover{opacity:1}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message{bottom:-30px}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible{bottom:-20px}

/* datepicker custom */
.datepicker--day-name{color:var(--secondary_blue01)}
.datepicker--cell.-current-{color:var(--secondary_blue02)}
.datepicker--cell.-selected-{color:#fff;background-color:var(--secondary_blue01)}
.datepicker--cell.-selected-.-current-{color:#fff;background:var(--secondary_blue01)}
.datepicker--cell.-selected-.-focus-{background:var(--secondary_blue01)}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#7ec0ff}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#7ec0ff}


@keyframes spin{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}

.loading{position:fixed;top:0;left:0;width:100%;height:100%;line-height:1px;font-size:1px;color:transparent;background-color:rgba(255,255,255,.5);display:flex;justify-content:center;align-items:center;z-index:-1;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,z-index .25s}
.loading.show{z-index:9999;opacity:1;visibility:visible}
.loading:before{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-32px 0 0 -32px;background:conic-gradient(#116ee4 0%, transparent 100%);-webkit-mask:radial-gradient(transparent 20px, #000 20px);mask:radial-gradient(transparent 20px, #000 20px);border-radius:50%;animation:spin 1.2s linear infinite}


html.green_tone{
	::selection{background-color:rgba(0,184,150,.15)}

	#lnb .nav .dep01 > li.act > a{color:var(--secondary_green01) !important}
	#lnb .nav .dep01 > li > a:after{background-color:#0199a7}

	#lnb .nav .dep02 li.act a{color:var(--secondary_green01)}
	#lnb .nav .dep02 li a .alert{background-color:var(--secondary_green01)}
	#lnb .nav .dep02 li.d2_ico01.act a{background-image:url(../images/menu_apply_act_green.png)}
	#lnb .nav .dep02 li.d2_ico02.act a{background-image:url(../images/menu_todo_act_green.png)}
	#lnb .nav .dep02 li.d2_ico03.act a{background-image:url(../images/menu_prog_act_green.png)}
	#lnb .nav .dep02 li.d2_ico04.act a{background-image:url(../images/menu_comp_act_green.png)}
	#lnb .nav .dep02 li a:after{background-image:url(../images/arr_right03_act_green.png)}

	.gnb .right_box .user_info .user:hover .txt{outline-color:var(--secondary_green02)}
	.gnb .right_box .user_info .info_layer .info_wrap .upn{color:var(--secondary_green01)}

	.alertify-notifier .ajs-message{border-color:#459895;background:linear-gradient(to top,#33877f,#22877c)}
	.alertify .ajs-footer .ajs-buttons .ajs-button{color:var(--secondary_green01) !important}

	.layer01 .body.ico_info{background-image:url(../images/ico_info_green.png)}
	.layer01 .body .tit_s .f_green02{color:var(--secondary_green01) !important}

	.layer01 .btn_box .btn_reset{color:var(--secondary_green01)}
	.layer01 .btn_box .btn_submit{background-image:var(--bg_linear_green01)}

	.loading:before{background:conic-gradient(#21b790 0%, transparent 100%)}

	.datepicker--day-name{color:var(--secondary_green01)}
	.datepicker--cell.-current-{color:var(--secondary_green01)}
	.datepicker--cell.-selected-{color:#fff;background-color:var(--secondary_green01)}
	.datepicker--cell.-selected-.-current-{color:#fff;background:var(--secondary_green01)}
	.datepicker--cell.-selected-.-focus-{background:var(--secondary_green01)}
	.-selected-.datepicker--cell-day.-other-month-,
	.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#8bd1b7}
	.-selected-.-focus-.datepicker--cell-day.-other-month-,
	.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8bd1b7}
}


/* 다크 모드 */
html.dark_mode{background-color:#111719}
html.dark_mode{
	body,button,h1,h2,h3,h4,h5,textarea{color:#ccc}
	input[type="text"],input[type="password"],input[type="search"],input[type="date"],input[type="datetime-local"]{color:#fff}
	input[type="date"]::-webkit-calendar-picker-indicator,
	input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(1)}
	select{color:#ccc;background-color:var(--high_gray01)}

	/*::selection{background-color:rgba(0,184,150,.2)}*/
	::-webkit-scrollbar-thumb{background:#666}
	::-webkit-scrollbar-thumb:hover,
	::-webkit-scrollbar-thumb:active{background:#888}

	.f_green02{color:var(--secondary_green00) !important}

	#lnb > .inner:before{background-color:#242424}
	#lnb .color_mode{border-color:#3f3f3f;background-color:#333}
	#lnb .color_mode button.dark{display:none}
	#lnb .color_mode button.light{display:block}
	#lnb .color_mode button.dark:before{background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,.06);opacity:1}
	#lnb .color_mode button.light:before{background-color:transparent;box-shadow:none;opacity:.5;filter:invert(1)}
	#lnb .color_mode .light:hover:before{opacity:1}
	#lnb .color_mode button:after{background-color:#333}
	#lnb .nav a{color:var(--low_gray01)}
	#lnb .nav a:hover{color:#fff}
	#lnb .nav .dep01 > li > a{opacity:.8;transition:background-image .25s,background-color .25s,opacity .25s}
	#lnb .nav .dep01 > li.act > a{opacity:1}
	#lnb .nav .dep01 > li.d1_ico02 > a{letter-spacing:-0.085em}
	#lnb .nav .dep01 > li.d1_ico01.act > a{background-image:url(../images/menu_output_white.png)}
	#lnb .nav .dep01 > li.d1_ico02.act > a{background-image:url(../images/menu_label_white.png)}
	#lnb .nav .dep01 > li.etc_menu.act > a{background-image:url(../images/menu_admin_white.png)}
	#lnb .nav .dep01 > li.act{background-image:var(--bg_linear_blue01);border-radius:10px;box-shadow:var(--box_shadow03)}
	#lnb .nav .dep01 > li.act > a{color:#fff !important}
	#lnb .nav .dep01 > li > a:after{content:none}
	#lnb .nav .dep01 > li:not(.act).d1_ico01 > a:hover{background-image:url(../images/menu_output_white.png)}
	#lnb .nav .dep01 > li:not(.act).d1_ico02 > a:hover{background-image:url(../images/menu_label_white.png)}
	#lnb .nav .dep01 > li:not(.act).etc_menu  > a:hover{background-image:url(../images/menu_admin_white.png)}
	#lnb .nav .dep01 > li.etc_menu > a:before{background-color:#ccc}
	#lnb .nav .dep02 li a{transition:color .25s,background-image .25s,background-color .25s}
	#lnb .nav .dep02 li.act a{color:#fff;box-shadow:0 0 6px rgba(15,15,15,1);box-shadow:var(--box_shadow03)}
	#lnb .nav .dep02 li.act a .alert{color:var(--secondary_blue01);background-color:#fff;text-shadow:none}
	#lnb .nav .dep02 li.d2_ico01 a:hover{background:url(../images/menu_apply_white.png) 16px 50% / 24px 24px no-repeat var(--high_gray01)}
	#lnb .nav .dep02 li.d2_ico02 a:hover{background:url(../images/menu_todo_white.png) 16px 50% / 24px 24px no-repeat var(--high_gray01)}
	#lnb .nav .dep02 li.d2_ico03 a:hover{background:url(../images/menu_prog_white.png) 16px 50% / 24px 24px no-repeat var(--high_gray01)}
	#lnb .nav .dep02 li.d2_ico04 a:hover{background:url(../images/menu_comp_white.png) 16px 50% / 24px 24px no-repeat var(--high_gray01)}
	#lnb .nav .dep02 li.d2_ico01.act a{background:url(../images/menu_apply_white.png) 16px 50% / 24px 24px no-repeat,var(--bg_linear_blue01)}
	#lnb .nav .dep02 li.d2_ico02.act a{background:url(../images/menu_todo_white.png) 16px 50% / 24px 24px no-repeat,var(--bg_linear_blue01)}
	#lnb .nav .dep02 li.d2_ico03.act a{background:url(../images/menu_prog_white.png) 16px 50% / 24px 24px no-repeat,var(--bg_linear_blue01)}
	#lnb .nav .dep02 li.d2_ico04.act a{background:url(../images/menu_comp_white.png) 16px 50% / 24px 24px no-repeat,var(--bg_linear_blue01)}
	#lnb .nav a:before{filter:invert(1)}
	#lnb .nav a.act:before{filter:invert(0)}
	#lnb .nav .dep02 li a:hover:after{opacity:1}
	#lnb .nav .dep02 li.act a:after{filter:grayscale(1) brightness(9)}

	#header{border-color:#242424}

	.gnb{}
	.gnb .right_box{background-color:rgba(31,31,31,.5);box-shadow:1px 1px 1px rgba(31,31,31,.9) inset,-1px -1px 1px rgba(31,31,31,.5) inset}
	.gnb .right_box .guide_box .btn_guide,
	.gnb .right_box .couns_box .lnk_couns{filter:invert(1)}
	.gnb .right_box .user_info .user{}
	.gnb .right_box .user_info .user:after{filter:invert(1)}
	.gnb .right_box .user_info .tooltip{background-color:#555}
	.gnb .right_box .lang_box{filter:invert(1)}
	.gnb .right_box .user_info .info_layer{border-color:#2E3031;background-color:#292929}
	.gnb .right_box .user_info .info_layer .info_wrap{border-top-color:#393939}
	.gnb .right_box .user_info .info_layer time,
	.gnb .right_box .user_info .info_layer .info_wrap .name{color:#ccc;background-color:transparent !important}
	.gnb .right_box .user_info .info_layer .info_wrap .name span{color:#fff}
	.gnb .right_box .user_info .info_layer .info_wrap .upn{color:#399cff}
	.gnb .right_box .user_info .info_layer .btn_logout{color:#fff}

	#container{border-color:#2E3031;background-color:#1F1F1F}

	.layer01 > .inner{background-color:var(--high_gray01)}
	.layer01 .header{border-bottom:1px solid var(--high_gray02)}
	.layer01 .header .btn_close{filter:invert(1)}
	.layer01 .body .tit_s .f_green02{color:var(--secondary_blue02) !important}
	.layer01 .btn_box{border-top:1px solid var(--high_gray02);background-color:rgba(0,0,0,.05)}
	.layer01 .btn_box .btn_reset{color:var(--secondary_blue02);border:1px solid var(--high_gray03);background-color:transparent}
	.layer01 .btn_box .btn_reset:hover{border-color:var(--mid_gray01)}

	.alertify-notifier .ajs-message:after{filter:invert(1)}
	.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible{color:#fff}

	.layer01 .header .tit{color:#eee}
	.layer01 .btn_close{filter:invert(1)}
	.layer01 .body .exp{color:#aaa}

	.loading{background-color:rgba(0,0,0,.5)}
}

html.dark_mode.green_tone{
	#lnb .nav .dep01 > li.act{background-image:var(--bg_linear_green01);box-shadow:var(--box_shadow04)}
	#lnb .nav .dep02 li.act a{box-shadow:var(--box_shadow04)}
	#lnb .nav .dep02 li.d2_ico01.act a{background:url(../images/menu_apply_white.png) 16px 50% / 24px 24px no-repeat,var(--bg_linear_green01)}
	#lnb .nav .dep02 li.d2_ico02.act a{background:url(../images/menu_todo_white.png) 16px 50% / 24px 24px no-repeat,var(--bg_linear_green01)}
	#lnb .nav .dep02 li.d2_ico03.act a{background:url(../images/menu_prog_white.png) 16px 50% / 24px 24px no-repeat,var(--bg_linear_green01)}
	#lnb .nav .dep02 li.d2_ico04.act a{background:url(../images/menu_comp_white.png) 16px 50% / 24px 24px no-repeat,var(--bg_linear_green01)}
	#lnb .nav .dep02 li.act a .alert{color:var(--secondary_green01)}

	.gnb .right_box .user_info .info_layer .info_wrap .upn{color:var(--secondary_green00)}

	.layer01 .body .tit_s .f_green02{color:var(--secondary_green00) !important}

	.layer01 .btn_box .btn_reset{color:var(--secondary_green00)}
}


@media screen and (max-width:1750px){
	#header{gap:16px}
}