@charset "utf-8";

/* layout */
html{min-width:768px;padding:0;background-color:#fff;overflow:auto}

/*#footer{position:static;text-align:center;margin-top:80px}
#certf #footer{margin-top:0}*/

#footer{position:fixed;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 30px;border-top:1px solid #e5e5e5;margin-top:0;background-color:#f5f5f5;box-sizing:border-box}
#footer p{font-size:14px}
#footer .lnk_certf{display:inline-block;padding:8px 14px;background-color:#ededed;border-radius:6px;transition:background-color .25s}
#footer .lnk_certf:hover{background-color:#ddd}


/* login */
#login_wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 0 100px;background-color:#eee;box-sizing:border-box}
#login_wrap .wrap{width:568px;padding:36px 36px 80px;border-radius:24px;background-color:#fff;box-sizing:border-box}
#login_wrap header{text-align:center;margin:48px 0 36px}
#login_wrap h1{font-weight:500;font-size:24px}
#login_wrap .copy_s{color:var(--mid_gray02);margin-top:8px}

#login_wrap form.login_form{width:380px;margin:0 auto}
#login_wrap form.login_form .row{margin-top:8px}
#login_wrap form.login_form .row:nth-of-type(1){margin-top:0}
#login_wrap form.login_form .row.email_inp{margin-bottom:16px}
#login_wrap form.login_form .row.code_inp{display:none}
#login_wrap form.login_form .row.chk_retry{color:var(--mid_gray02);margin-top:24px}
#login_wrap form.login_form .row.chk_retry:has(:checked){color:var(--high_gray01)}
#login_wrap form.login_form .row .row_info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#login_wrap form.login_form .row .row_info .exp{margin-bottom:0}
#login_wrap form.login_form .row .exp{color:var(--mid_gray02);margin-bottom:8px}
#login_wrap form.login_form .row label{position:relative;display:block}
#login_wrap form.login_form .row label .tit_label{position:absolute;top:15px;left:6px;color:#aaa;padding:0 6px;background-color:#fff;transform-origin:top left;transition:color .1s,transform .1s}
#login_wrap form.login_form .row label:has(:focus) .tit_label{color:var(--secondary_blue01);transform:translate(0,-22px) scale(.8)}
#login_wrap form.login_form .row label:has(input:not(:placeholder-shown)) .tit_label{transform:translate(0,-22px) scale(.8)}
#login_wrap form.login_form .row label input[type="number"]::-webkit-outer-spin-button,
#login_wrap form.login_form .row label input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#login_wrap form.login_form .row label input[type="number"]{-moz-appearance:textfield;font-weight:500;font-size:20px;text-align:center;letter-spacing:1.2em}
#login_wrap form.login_form .row label input[type="email"]::placeholder,
#login_wrap form.login_form .row label input[type="number"]::placeholder{font-weight:400;font-size:14px;color:transparent;letter-spacing:-0.025em;transition:color .1s}
#login_wrap form.login_form .row label input[type="email"]:focus::placeholder,
#login_wrap form.login_form .row label input[type="number"]:focus::placeholder{color:#828282}
#login_wrap form.login_form .row label input[type="email"],
#login_wrap form.login_form .row label input[type="number"]{display:block;width:100%;height:50px;padding:0 12px;border:1px solid #e9e9e9;border-radius:4px;box-sizing:border-box;outline-color:#fff;transition:outline-color .25s}
#login_wrap form.login_form .row label input[type="email"]:focus,
#login_wrap form.login_form .row label input[type="number"]:focus{outline-color:var(--secondary_blue01)}
#login_wrap form.login_form .row .limit_time{color:var(--secondary_blue01)}
#login_wrap form.login_form .row .copy_end{color:var(--secondary_red01)}
#login_wrap form.login_form .row label input[type="checkbox"]{width:16px;height:16px;margin-right:2px;vertical-align:-3px;opacity:.4}
#login_wrap form.login_form .row label input[type="checkbox"]:checked{opacity:1}
#login_wrap form.login_form .copy_error{color:var(--secondary_red01);margin-top:12px}
#login_wrap form.login_form .copy_error:before{content:"※ "}
#login_wrap form.login_form .copy_complete{color:var(--secondary_green01);margin-top:12px}
#login_wrap form.login_form .copy_complete:before{content:"";display:inline-block;width:16px;height:16px;margin-right:2px;background:url(../images/ico_chk03.png) 50% / 12px 12px no-repeat;vertical-align:middle}
#login_wrap form.login_form.code_after{}
#login_wrap form.login_form.code_after .row.code_inp{display:block}
#login_wrap form.login_form.code_after .row.email_inp .exp{display:none}
#login_wrap form.login_form.comp .btn_submit{color:#fff;background-color:var(--secondary_blue01);pointer-events:auto}
#login_wrap form.login_form.comp .btn_submit:hover{background-color:var(--primary_blue)}
#login_wrap form .btn_line{display:block;width:100%;height:50px;color:var(--high_gray03);padding:0 12px;border:1px solid #bbb;border-radius:4px;transition:color .25s,border-color .25s}
#login_wrap form .btn_line:hover{color:var(--high_gray01);border-color:#222}
#login_wrap form .btn_retry{height:34px;font-size:13px;color:var(--mid_gray01);padding:0 10px;border:1px solid #eee;background-color:#f5f5f5;border-radius:4px;transition:background-color .25s}
#login_wrap form .btn_retry:hover{background-color:#eee}
#login_wrap form .btn_submit{display:block;width:100%;height:50px;color:var(--mid_gray01);padding:0 12px;background-color:#eee;border-radius:4px;pointer-events:none;transition:color .25s,background-color .25s}

.guide_wrap{position:relative;width:568px;padding:2px 4px 0 28px;margin:20px auto 0;box-sizing:border-box}
.guide_wrap ul{list-style:disc;list-style-position:outside}
.guide_wrap ul li{font-size:13px;color:var(--high_gray03);margin-top:6px}
.guide_wrap ul li:first-child{margin-top:0}

#certf .wrap{width:568px;padding:36px 36px 44px;border-radius:24px;background-color:#fff;box-sizing:border-box}
#certf header{text-align:center;margin:70px 0 36px}
#certf .copy_s{color:var(--mid_gray02);margin-top:8px}
#certf form.first_connect{padding:36px 36px 96px 36px;background-color:#fff}
#certf form.first_connect .section{margin-top:60px}
#certf form.first_connect .section:first-child{margin-top:0}
#certf form.first_connect .logo{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}
#certf form.first_connect .btn_lang{height:36px;font-size:13px;padding:0 24px;border-radius:18px;background-color:#f5f5f5;transition:color .15s,background-color .15s}
#certf form.first_connect .btn_lang:hover{color:#fff;background-color:var(--primary_blue)}
#certf form.first_connect h1{font-weight:400;font-size:30px;margin-bottom:20px}
#certf form.first_connect .tit{font-weight:400;font-size:30px;margin:60px 0 20px}
#certf form.first_connect .tit:nth-of-type(1){margin-top:0 !important}
#certf form.first_connect .content{height:calc(100vh - 352px);min-height:100px;padding:40px 24px 40px 8px;border:1px solid #e9e9e9;border-left:0;border-right:0;box-sizing:border-box;box-shadow:0 2px 4px rgba(0,0,0,.04) inset;overflow-y:auto;word-break:keep-all;word-wrap:break-word}
#certf form.first_connect .content.type02{height:276px;padding:28px 32px;background-color:#f9f9f9}
#certf form.first_connect .content .row{margin-top:32px}
#certf form.first_connect .content .row:first-child{margin-top:0}
#certf form.first_connect .content .copy{color:#666;margin-bottom:12px}
#certf form.first_connect .content .copy_spc{color:#666;padding-left:24px;margin-bottom:4px}
#certf form.first_connect .content .copy_spc:before{content:"※";margin:0 4px 0 -20px}
#certf form.first_connect .content .tit{display:block;font-size:20px;margin:0 0 12px}
#certf form.first_connect .content ol{padding-left:40px;margin:8px 0}
#certf form.first_connect .content ol ol{}
#certf form.first_connect .content ol > li{position:relative;color:#666;margin-top:10px}
#certf form.first_connect .content ol > li:first-child{margin-top:0}
#certf form.first_connect .content ol > li:before{display:inline-block;margin:0 4px 0 -20px}
#certf form.first_connect .content .lst_num01{}
#certf form.first_connect .content .lst_num01 > li{list-style-type:decimal}
#certf form.first_connect .content .lst_num01 > li:before{}
#certf form.first_connect .content .lst_num02{counter-reset:counter01}
#certf form.first_connect .content .lst_num02 > li{counter-increment:counter01}
#certf form.first_connect .content .lst_num02 > li:before{content:counter(counter01);top:2px;width:13px;height:13px;line-height:13px;font-size:12px;text-align:center;text-indent:-1px;border:1px solid #666;border-radius:50%}
#certf form.first_connect .content .lst_num03{counter-reset:counter02}
#certf form.first_connect .content .lst_num03 > li{counter-increment:counter02}
#certf form.first_connect .content .lst_num03 > li:before{content:counter(counter02)" )"}
#certf form.first_connect .content .lst_num04{counter-reset:korean-list}
#certf form.first_connect .content .lst_num04 > li{list-style-type:hangul}
#certf form.first_connect .content .lst_num05{}
#certf form.first_connect .content .lst_num05 > li{}
#certf form.first_connect .content .lst_num05 > li:before{content:"-"}
#certf form.first_connect .content .lst_num06{}
#certf form.first_connect .content .lst_num06 > li{list-style-type:upper-alpha}
#certf form.first_connect .content .lst_num07{counter-reset:counter03}
#certf form.first_connect .content .lst_num07 > li{counter-increment:counter03}
#certf form.first_connect .content .lst_num07 > li:before{content:"( "counter(counter03)" )"}

.tbl_certf{border-collapse:collapse;border-spacing:0;width:100%;margin:8px 0}
.tbl_certf th,
.tbl_certf td{text-align:left;padding:12px 16px;border:1px solid #e1e1e1}
.tbl_certf th{font-weight:500;background-color:#f5f5f5}
.tbl_certf td{background-color:#fff}

#certf ol li a{text-decoration:underline;transition:color .2s}
#certf ol li a:hover{color:var(--primary_blue)}

#certf form.first_connect .chk_wrap{padding:0 12px;margin-top:20px}
#certf form.first_connect .chk_wrap label{display:inline-block}
#certf form.first_connect .chk_wrap label:has(:checked){color:var(--secondary_green01)}
#certf form.first_connect .chk_wrap label:hover{text-decoration:underline}
#certf form.first_connect .chk_wrap label input[type="checkbox"]{width:18px;height:18px;accent-color:var(--primary_green);margin-right:4px;vertical-align:-4px}
#certf form.first_connect .chk_wrap.all_agree{padding:0;border:1px solid #dedede;margin-top:32px;background-color:#efefef}
#certf form.first_connect .chk_wrap.all_agree label{display:block;font-size:16px;padding:24px}
#certf form.first_connect .chk_wrap.all_agree label input[type="checkbox"]{}

.btn_box{text-align:center;margin-top:4px}
.btn_box .btn_reset,
.btn_box .btn_submit02{display:block;width:100%;line-height:44px;padding:0 12px;border-radius:4px;box-sizing:border-box;transition:color .25s,background-color .25s}
.btn_box .btn_reset{color:var(--mid_gray01);background-color:#eee}
.btn_box .btn_submit02{color:#fff;background-color:var(--secondary_blue01)}
.btn_box .btn_reset:hover{color:var(--high_gray01);background-color:#ddd}
.btn_box .btn_submit02:not([disabled]):hover{background-color:var(--primary_blue)}
form.first_connect .btn_box{margin-top:24px}
form.first_connect .btn_box button,
form.first_connect .btn_box a{display:inline-block;width:180px;margin:0 3px}
form.first_connect .btn_box button[disabled]{color:var(--mid_gray01);background-color:#eee;cursor:default}
.logout .btn_box button,
.logout .btn_box a{display:inline-block;width:380px}


/* 외부 공유 화면 */
.share_wrap{}
.share_wrap header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 40px 12px;margin-bottom:32px}
.share_wrap header h1{display:flex;gap:20px}
.share_wrap header h1 span{font-weight:600}

.gnb_out_user{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;background-color:rgba(255,255,255,.5);border-radius:0 0 0 16px;box-sizing:border-box;backdrop-filter:blur(4px);z-index:1000}
.gnb_out_user .lang_box{position:relative;padding-left:28px}
.gnb_out_user .lang_box:before{content:"";position:absolute;top:0;left:2px;width:24px;height:24px;background:url(../images/ico_lang.png) 0 0 / 24px 24px no-repeat;opacity:.3;transition:filter .25s}
.gnb_out_user .lang_box a{font-size:13px;color:var(--mid_gray01)}
.gnb_out_user .lang_box a:before{content:"·";display:inline-block;margin-right:2px;pointer-events:none}
.gnb_out_user .lang_box a:first-child:before{content:none}
.gnb_out_user .lang_box a:hover{text-decoration:underline}
.gnb_out_user .lang_box a.act{font-weight:500;color:var(--high_gray01);pointer-events:none}

.gnb_out_user .user{position:relative;height:24px;padding:0 20px 0 24px}
.gnb_out_user .user:hover{text-decoration:underline}
.gnb_out_user .user:before{content:"";position:absolute;top:4px;left:0;width:20px;height:20px;background:url(../images/ico_login.png) 50% / 18px 18px no-repeat}
.gnb_out_user .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_out_user .info_layer{position:absolute;top:22px;right:-2px;white-space:nowrap;padding:12px 8px 8px;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_out_user .info_layer time{display:block;font-weight:300;font-size:13px;color:var(--mid_gray02);padding:0 24px}
.gnb_out_user .info_layer .btn_logout{display:block;height:36px;line-height:36px;font-size:13px;color:var(--high_gray02);text-align:center;margin-top:12px;background-color:#eee;border-radius:4px}
.gnb_out_user .info_layer .btn_logout:hover,
.gnb_out_user .info_layer .btn_logout:focus{color:var(--high_gray01);text-decoration:underline}

.gnb_out_user.drop .user:after{transform:translate(0,-50%) rotate(-180deg)}
.gnb_out_user.drop .info_layer{top:32px;opacity:1;visibility:visible}

.share_wrap .content{display:flex;flex-direction:column;height:calc(100vh - 180px)}
.share_wrap .content .info_head{display:flex;justify-content:space-between;align-items:center;gap:32px;width:calc(100% - 10vw);min-width:1024px;height:40px;margin:0 auto 14px}
.share_wrap .content .info_head ol{display:flex;align-items:center;gap:16px;min-width:0}
.share_wrap .content .info_head ol li{flex-shrink:0;display:flex;align-items:center;min-width:0}
.share_wrap .content .info_head ol li:last-child{flex:1}
.share_wrap .content .info_head ol li:before{content:"";flex-shrink:0;display:inline-block;width:6px;height:11px;margin-right:11px;background:url(../images/arr_right04.png) 50% / 6px 11px no-repeat}
.share_wrap .content .info_head ol li:first-child:before{content:none}
.share_wrap .content .info_head ol li a{color:var(--low_gray01);font-weight:500;font-size:19px;white-space:nowrap;transition:color .25s}
.share_wrap .content .info_head ol li a:hover{color:var(--high_gray01);text-decoration:underline}
.share_wrap .content .info_head ol li:last-child a{color:var(--high_gray01);overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.share_wrap .content .info_head ol li em{flex-shrink:0;color:var(--secondary_green01);margin-left:8px}

.share_wrap .content .info_head .right_info{flex-shrink:0;display:flex;gap:16px}
.share_wrap .content .info_head .right_info .share_user{display:flex;align-items:center;gap:4px;padding-left:28px;background:url(../images/ico_man03.png) 0 50% / 24px 24px no-repeat}
.share_wrap .content .info_head .right_info .share_user dt{color:var(--mid_gray02)}
.share_wrap .content .info_head .right_info .share_user dd{color:var(--high_gray02);letter-spacing:-0.055em}
.share_wrap .content .info_head .right_info .limit_day{display:flex;align-items:center;gap:4px;padding-left:28px;background:url(../images/ico_clock.png) 0 50% / 24px 24px no-repeat}
.share_wrap .content .info_head .right_info .limit_day dt{color:var(--mid_gray02)}
.share_wrap .content .info_head .right_info .limit_day dd{color:var(--high_gray02)}
.share_wrap .content .info_head .right_info .lnk_download{height:40px;line-height:40px;color:#d3e7ff;padding:0 16px 0 36px;background:url(../images/ico_download.png) 10px 50% / 24px 24px no-repeat var(--secondary_blue01);border-radius:4px;transition:color .25s,background-color .25s}
.share_wrap .content .info_head .right_info .lnk_download:hover{color:#fff;background-color:var(--primary_blue)}

.tbl_wrap{flex:1;display:flex;flex-direction:column;width:calc(100% - 10vw);min-width:1024px;/*height:calc(100vh - 236px);*/min-height:0;margin:0 auto;box-sizing:border-box;overflow-y:auto}
.tbl_wrap table{max-height:100%;text-align:left !important; box-sizing:border-box}
.tbl_wrap table thead{box-shadow:0 3px rgba(0,0,0,.04)}
.tbl_wrap table thead tr{}
.tbl_wrap table thead th{position:sticky;top:0;font-weight:400;font-size:13px;color:var(--mid_gray01);text-align:left;letter-spacing:0;padding:10px 16px;border:1px solid #e3e6ec;border-left:0;border-right:0;background-color:#fff;box-sizing:border-box;z-index:1}
.tbl_wrap table thead th .btn_sort{font-size:13px;color:var(--mid_gray01);transition:color .25s}
.tbl_wrap table thead th .btn_sort:hover{color:var(--high_gray01)}
.tbl_wrap table thead th .btn_sort:before{content:"";position:absolute;top:50%;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);line-height:1px;font-size:1px;color:transparent;text-indent:-9999em;border-radius:2px;transform:translate(0,-50%);z-index:-1;transition:background-color .15s}
.tbl_wrap table thead th:hover .btn_sort:before{background-color:#e9ebee}
.tbl_wrap table thead th:hover .btn_sort.sort_up:before,
.tbl_wrap table thead th:hover .btn_sort.sort_down:before{background-color:none}
.tbl_wrap table thead th .btn_sort:after{position:absolute;bottom:-1px;left:4px;width:calc(100% - 8px);height:1px;background-color:#000}
.tbl_wrap table thead th .btn_sort.sort_up:after,
.tbl_wrap table thead th .btn_sort.sort_down:after{content:"";position:absolute;top:50%;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);line-height:1px;font-size:1px;color:transparent;text-indent:-9999em;background-color:#e3e6ec;border-radius:2px;transform:translate(0,-50%);z-index:-2;transition:background-color .15s}
.tbl_wrap table thead th .btn_sort.sort_up:after,
.tbl_wrap table thead th .btn_sort.sort_down:after{content:""}
.tbl_wrap table thead th .btn_sort span{position:relative;display:inline-block;width:16px;height:16px;line-height:1px;font-weight:300;font-size:1px;color:transparent;text-indent:-9999em;margin-left:12px;vertical-align:middle}
.tbl_wrap table thead th .btn_sort span:before,
.tbl_wrap table thead th .btn_sort span:after{content:"";display:block;width:7px;height:4px;margin:1px 0;background:url(../images/arr_sort.png) 50% / 7px 4px no-repeat;opacity:.2;transition:opacity .25s,filter .25s}
.tbl_wrap table thead th .btn_sort span:after{transform:rotate(180deg)}
.tbl_wrap table thead th .btn_sort.sort_up,
.tbl_wrap table thead th .btn_sort.sort_down{font-weight:500;color:var(--high_gray01)}
.tbl_wrap table thead th .btn_sort.sort_up span:before,
.tbl_wrap table thead th .btn_sort.sort_down span:after{opacity:1}
.tbl_wrap table tbody{max-height:100%;overflow-y:auto}
.tbl_wrap table tbody tr{transition:background-color .25s}
.tbl_wrap table tbody tr:has(:focus),
.tbl_wrap table tbody tr:hover{background-color:#f4f4f4}
.tbl_wrap table tbody tr:has(.btn_detail_txt[style="pointer-events:none"]):hover,
.tbl_wrap table tbody tr:has(.btn_detail_txt[style="pointer-events:none;"]):hover,
.tbl_wrap table tbody tr:has(.btn_detail_txt[style="pointer-events: none"]):hover,
.tbl_wrap table tbody tr:has(.btn_detail_txt[style="pointer-events : none"]):hover,
.tbl_wrap table tbody tr:has(.btn_detail_txt[style="pointer-events : none;"]):hover{background:transparent}
.tbl_wrap table tbody tr.act{background-color:#F4F7FF}
.tbl_wrap table tbody td{position:relative;font-weight:300;color:#111;letter-spacing:0;padding:7px 14px;border-bottom:1px solid var(--low_gray03);box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tbl_wrap table tbody td .btn_detail_txt{position:relative;display:inline-flex;align-items:center;height:30px;min-width:0;max-width:100%;padding-right:40px;box-sizing:border-box}
.tbl_wrap table tbody td .btn_detail_txt:not([title="목록 보기"]):after{content:"";position:absolute;top:50%;right:0;width:25px;height:24px;border:1px solid #ededed;background:url(../images/ico_download02.png) 50% / 11px 14px no-repeat #fff;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.08);transform:translate(0,-50%);opacity:0;transition:opacity .35s}
.tbl_wrap table tbody td .btn_detail_txt:hover:after{opacity:1}
.tbl_wrap table tbody td .btn_detail_txt img{margin-right:4px}
.tbl_wrap table tbody td .btn_detail_txt span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .25s}
.tbl_wrap table tbody td .btn_detail_txt:focus span,
.tbl_wrap table tbody td .btn_detail_txt:hover span{color:var(--high_gray01);text-decoration:underline}
.tbl_wrap table tbody td .btn_detail_txt em{flex-shrink:0;font-weight:400;font-size:13px;color:var(--secondary_green01);margin-left:8px}
.tbl_wrap table tbody td .ico_tag01:before,
.tbl_wrap table tbody td .ico_tag02:before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;border-radius:2px;vertical-align:-3px}
.tbl_wrap table tbody td .ico_tag01:before{background:url(../images/ico_output.png) 50% / 8px 8px no-repeat #4285F4}
.tbl_wrap table tbody td .ico_tag02:before{background:url(../images/ico_label.png) 50% / 8px 8px no-repeat #34A853}
.tbl_wrap table tbody td img.ico_folder{width:26px;height:20px}
.tbl_wrap table tbody td img.ico_paper{width:24px;height:24px}
.tbl_wrap table tbody tr.none_lst:hover{background:none}
.tbl_wrap table tbody tr.none_lst td{text-align:center;padding:20px}
.tbl_wrap table tbody td .limit_over{display:inline-block;height:28px;line-height:26px;font-size:13px;color:#919191;padding:0 12px;border:1px solid #eee;background-color:#fafafa;border-radius:4px;box-sizing:border-box}

.tbl_wrap table .lab_chk{position:relative;display:block;width:20px;height:20px;text-align:center;margin:0 auto}
.tbl_wrap table .lab_chk:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border:1px solid var(--low_gray03);background-color:#fff;border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%);transition:border-color .25s}
.tbl_wrap table .lab_chk:hover:before{border-color:var(--secondary_green03)}
.tbl_wrap table .lab_chk:has(:checked):before{background-color:var(--secondary_blue01)}
.tbl_wrap table .lab_chk:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/ico_chk03.png) 50% / 10px 10px no-repeat;border-radius:50%;cursor:pointer;filter:grayscale(1) opacity(0.4);transition:filter .25s}
.tbl_wrap table .lab_chk:hover:after{filter:grayscale(1) opacity(1)}
.tbl_wrap table .lab_chk:has(:checked):after{background-image:url(../images/ico_chk03.png);filter:brightness(9)}
.tbl_wrap table .lab_chk input{display:block;width:100%;height:100%;appearance:none}
.tbl_wrap table .lab_chk input:checked{}

.tbl_wrap table tbody tr.over td img.ico_folder{filter:grayscale(1)}
.tbl_wrap table tbody tr.over td{color:#aaa !important}
.tbl_wrap table tbody tr.over td .btn_detail_txt em{color:#999}

.tbl_bottom{position:relative;text-align:center;margin-top:4px}
.tbl_bottom .tbl_load,
.tbl_bottom .copy_end{display:none}
.tbl_bottom.load .tbl_load{position:relative;display:block;height:50px;line-height:1px;font-size:1px;color:transparent;text-indent:-9999em}
.tbl_bottom.load .tbl_load:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;background:conic-gradient(#116ee4 0%, transparent 100%);mask:radial-gradient(transparent 9px, #000 9px);-webkit-mask:radial-gradient(transparent 9px, #000 9px);border-radius:50%;animation:spin 1.2s linear infinite}
.tbl_bottom.end_lst .copy_end{display:block;height:50px;line-height:50px;color:var(--mid_gray02)}

.abs_right{position:fixed;bottom:32px;right:24px;z-index:1}
.abs_right button{width:60px;height:60px;border-radius:10px;box-sizing:border-box;transition:color .25s,border-color .25s,background-color .25s,border-radius .25s}
.abs_right .btn_top{font-weight:500;font-size:13px;color:var(--low_gray02);border:1px solid var(--low_gray03);background-color:rgba(0,0,0,.7);box-shadow:0 0 12px rgba(0,0,0,.08);backdrop-filter:blur(2px)}
.abs_right .btn_top:hover{color:#fff;border-color:var(--low_gray02);background-color:rgba(0,0,0,.85);border-radius:6px}
.abs_right .btn_top:before{content:"";display:block;height:5px;color:var(--high_gray01);margin-bottom:2px;background:url(../images/arr_down01.png) 50% / 9px 5px no-repeat;transform:rotate(180deg);opacity:.5;filter:invert(1);transition:opacity .25s}
.abs_right .btn_top:hover:before{opacity:1}

.share_wrap .abs_right{bottom:60px}

.end_share{width:calc(100% - 10vw);min-width:1024px;padding:32px;margin:20px auto 6px;text-align:center;background-color:#f5f5f5;box-sizing:border-box}
.end_share .copy_m{position:relative;display:block;font-weight:500;font-size:16px;margin-bottom:4px}
.end_share .copy_m:before{content:"";display:block;width:40px;height:40px;margin:0 auto 12px;background:url(../images/ico_exc_mark.png) 50% / 4px 20px no-repeat #d5d5d5;border-radius:50%}
.end_share .copy_s{color:#6a6a6a}


/* error, etc */
.page_wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:clamp(calc(20vh + 180px),300px,calc(40vh + 180px)) 0 100px 0;box-sizing:border-box}
.page_wrap.error{background:url(../images/bg_error.png) 50% clamp(18vh,120px,40vh) no-repeat}
.page_wrap.empty{background:url(../images/bg_empty.png) 50% clamp(18vh,120px,40vh) no-repeat}
.page_wrap.certf{background:url(../images/bg_certf.png) 50% clamp(18vh,120px,40vh) no-repeat}

.page_wrap h3{font-weight:500;font-size:22px;margin-bottom:2px}
.page_wrap p{font-size:15px;color:var(--mid_gray02)}
.page_wrap .btn_line{height:38px;line-height:36px;font-size:13px;color:var(--mid_gray02);padding:0 12px;border:1px solid var(--low_gray03);margin-top:20px;border-radius:4px;box-sizing:border-box;transition:color .25s,border-color .25s}
.page_wrap .btn_line:hover{color:var(--high_gray01);border-color:var(--low_gray01)}



@media (prefers-color-scheme:dark){
	html{background:#111719}

	#footer{border-color:#333;background-color:#161819}
	#footer p{color:#bbb}
	#footer .lnk_certf{color:#adadad;background-color:#292929}
	#footer .lnk_certf:hover{color:#eee;background-color:#444}

	#login_wrap{background-color:#111719}
	#login_wrap .wrap{border-color:#525252;background-color:#292929}
	#login_wrap h1{color:#eee}
	#login_wrap .copy_s{color:#bbb}
	#login_wrap form.login_form .row.chk_retry{color:#bbb}
	#login_wrap form.login_form .row.chk_retry:has(:checked){color:#eee}
	#login_wrap form.login_form .row label .tit_label{background-color:#292929}
	#login_wrap form.login_form .row label input[type="email"],
	#login_wrap form.login_form .row label input[type="number"]{color:#eee;border-color:#444;background-color:transparent;outline-color:transparent}
	#login_wrap form.login_form .row label input[type="email"]:focus,
	#login_wrap form.login_form .row label input[type="number"]:focus{border-color:#444 !important;outline:2px solid var(--secondary_blue01) !important}
	#login_wrap form.login_form .row .exp{color:#bbb}
	#login_wrap form .btn_line{color:#bbb;border-color:#777}
	#login_wrap form .btn_line:hover{color:#eee;border-color:#ccc}
	#login_wrap form .btn_submit{color:#a0a0a0;background-color:var(--mid_gray01)}
	#login_wrap form.login_form.comp .btn_submit{background-color:var(--primary_blue)}
	#login_wrap form.login_form.comp .btn_submit:hover{background-color:var(--secondary_blue01)}

	.guide_wrap ul li{color:#bbb}

	.gnb_out_user{background-color:rgba(17,23,25,.5)}
	.gnb_out_user .lang_box:before{filter:grayscale(1) brightness(9);opacity:.55}
	.gnb_out_user .lang_box a{color:#aaa}
	.gnb_out_user .lang_box a.act{color:#eee}
	.gnb_out_user .user{color:#eee}
	.gnb_out_user .user:after{filter:invert(1)}
	.gnb_out_user .info_layer{border:1px solid #525252;background-color:#292929}
	.gnb_out_user .info_layer time{color:#ccc}
	.gnb_out_user .info_layer .btn_logout{color:#aaa;border:1px solid #333;background-color:#161819;transition:color .25s,background-color .25s}
	.gnb_out_user .info_layer .btn_logout:hover{color:#eee;background-color:#111}

	#certf form.first_connect{background:#111719}
	#certf form.first_connect .btn_lang{color:#eee;background-color:#555}
	#certf form.first_connect .tit{color:#eee}
	#certf form.first_connect .content{border-color:#373737 !important;background-color:#1F1F1F !important}
	#certf form.first_connect .content .copy,
	#certf form.first_connect .content ol > li,
	#certf form.first_connect .content .copy_spc{color:#aaa}
	#certf form.first_connect .chk_wrap label{color:#eee}
	#certf form.first_connect .chk_wrap.all_agree{border-color:#525252;background-color:#292929}

	#certf form.first_connect h1{color:#eee}

	.tbl_certf th{color:#aaa;border-color:#444;background-color:#292929}
	.tbl_certf td{color:#aaa;border-color:#444;background-color:#333}

	.share_wrap header h1 span{color:#eee}
	.share_wrap .content .info_head ol li a{color:#aaa}
	.share_wrap .content .info_head ol li a:hover{color:#eee}
	.share_wrap .content .info_head ol li:before{filter:invert(1)}
	.share_wrap .content .info_head ol li:last-child a{color:#eee}
	.share_wrap .content .info_head ol li em{color:var(--primary_green)}

	.tbl_wrap table thead th{border-color:#373737;background-color:#111719}
	.tbl_wrap table thead th .btn_sort{color:#bbb}
	.tbl_wrap table thead th:hover .btn_sort{color:#eee}
	.tbl_wrap table thead th .btn_sort.sort_up,
	.tbl_wrap table thead th .btn_sort.sort_down{color:#fff}
	.tbl_wrap table thead th:hover .btn_sort:before{background-color:#292929}
	.tbl_wrap table thead th .btn_sort.sort_up:after,
	.tbl_wrap table thead th .btn_sort.sort_down:after{background-color:#292929}
	.tbl_wrap table thead th .btn_sort span:before,
	.tbl_wrap table thead th .btn_sort span:after{filter:invert(1)}
	.tbl_wrap table tbody tr:has(:focus),
	.tbl_wrap table tbody tr:hover{background-color:#292929}
	.tbl_wrap table tbody td{color:#bbb;border-color:#292929}
	.tbl_wrap table tbody td .btn_detail_txt:focus span,
	.tbl_wrap table tbody td .btn_detail_txt:hover span{color:#eee}
	.tbl_wrap table tbody td .btn_detail_txt em{color:var(--primary_green)}
	.tbl_wrap table tbody td .btn_detail_txt:not([title="목록 보기"]):after{border-color:#373737;background-color:#111719}
	.tbl_wrap table .lab_chk:before{border-color:#525252;background-color:#292929;transition:border-color .25s,background-color .25s}
	.tbl_wrap table .lab_chk:after{filter:grayscale(1) opacity(.5)}
	.tbl_wrap table .lab_chk:hover:before{border-color:#666;background-color:#5a5a5a}
	.tbl_wrap table .lab_chk:has(:checked):before{border-color:var(--secondary_blue01);background-color:var(--secondary_blue01)}
	.tbl_wrap table .lab_chk:hover:after{filter:grayscale(1) opacity(1)}
	.tbl_wrap table .lab_chk:has(:checked):after{background-image:url(../images/ico_chk03.png);filter:brightness(9)}
	.tbl_wrap table tbody tr.over td img.ico_folder{filter:grayscale(1) brightness(0.4)}
	.tbl_wrap table tbody tr.over td{color:#505050 !important}
	.tbl_wrap table tbody tr.over td .btn_detail_txt{color:#505050}
	.tbl_wrap table tbody tr.over td .btn_detail_txt em{color:#666}
	.tbl_wrap table tbody tr.over td .btn_detail_txt:focus span,
	.tbl_wrap table tbody tr.over td .btn_detail_txt:hover span{color:#ccc}
	.tbl_wrap table tbody td .limit_over{color:#adadad;border-color:#525252;background-color:#292929}

	.tbl_bottom.end_lst .copy_end{color:#bbb}

	.end_share{border-color:#525252;background-color:#292929}
	.end_share .copy_m{color:#eee}
	.end_share .copy_s{color:#aaa}

	.btn_box .btn_reset{color:#bbb;border-color:#525252;background-color:#444}
	.btn_box .btn_reset:hover{color:#eee;background-color:#525252}
	.btn_box .btn_submit02{background-color:var(--primary_blue)}
	.btn_box .btn_submit02:not([disabled]):hover{background-color:var(--secondary_blue01)}

	.page_wrap h3{color:#d9d9d9}
	.page_wrap .btn_line{color:#ccc;border-color:#525252;background-color:transparent}
	.page_wrap .btn_line:hover{color:#fff;border-color:#888}

	.abs_right .btn_top{border-color:#333}
	.abs_right .btn_top:hover{border-color:#555}
}