/* Google Fonts Import Link */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */

/***** common *****/
*{font-family: 'Noto Sans KR', sans-serif;color: #242424;letter-spacing: -0.065em;}
#wrap{position: relative;width: auto;min-width: 1440px;overflow-y: hidden;}
.no-js{display: none;}


/***** header *****/
header{position: fixed;top: 0;left: 0;height: 90px;width: 100%;min-width: 1440px;z-index: 100;}
header .menu, header .mini{margin: 0 5px;display: none;cursor: pointer;color: #fff;font-size: 35px;width: 50px;}
header .showBtn{display: block;}
header ul{overflow: hidden;list-style: none;}
header ul li{float: left;}
header a{display: block;line-height: 30px;color: #fff;}

/* ttop */
.ttop{height: 30px;}
.ttop > div{display: flex;justify-content: right;max-width: 1760px;}
.ttop > div.btw{justify-content: space-between;}
.ttop ul li{margin-right: 20px;}
.ttop a{font-size: 12px;}

/* gnb */
.gnb{height: 60px;}
.gnb > div{display: flex;align-items: center;max-width: 1760px;}
.gnb .lnbBtn i{height: 60px;line-height: 60px;text-align: center;}
.gnb .logo{margin-left: 15px;height: 30px;font-size: 0;}
.gnb .logo img{width: 100%;height: 100%;object-fit: contain;}
.gnb .sign{margin-left: 10px;width: 135px;line-height: 15px;font-size: 12px;color: #fff;opacity: .7;}
.gnb .nav{margin-left: 40px;}
.gnb .nav li a{padding: 15px;font-size: 17px;font-weight: 700;opacity: .7;}
.gnb .nav li a:hover{opacity: 1;}
.gnb .nav li.on a{opacity: 1;}
.gnb .icons{margin-left: auto;}
.gnb .icons i{width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 25px;color: #fff;}


/***** container *****/
.container{/*position: relative;*/overflow: hidden;padding-top: 90px;padding-bottom: 60px;height: 100vh;/*min-height: 900px;*/background-color: #f9fafc;} //사이트 최소높이 삭제
.container:after{content: ""; display: block; clear: both;}

/*** sidebar ***/
.sidebar{position: absolute;top: 90px;left: 0;height: calc(100% - 90px);max-height:calc(100vh - 90px);/*min-height: 810px;*/width: 240px;z-index: 99;transition: all 0.5s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} //사이트 최소높이 삭제

/* logo-details */
.sidebar .logo-details{height: 60px;width: 100%;display: flex;align-items: center;}
.sidebar .logo-details i{font-size: 30px;color: #fff;height: 50px;min-width: 60px;line-height: 50px;text-align: center;}
.sidebar .logo-details .logo_name{font-size: 22px;color: #fff;font-weight: 700;transition: 0.3s ease;transition-delay: 0.1s;}

/* nav-links */
.sidebar .nav-links{padding-bottom: 60px;height: 100%;overflow: auto;}
.sidebar .nav-links::-webkit-scrollbar{display: none;}
.sidebar .nav-links li{position: relative;font-size: 0;list-style: none;/* transition: all 0.4s ease; */}
.sidebar > .nav-links > li{padding: 10px 0;}
/* .sidebar > .nav-links > li:first-child{padding: 0;} */
.sidebar > .nav-links > li:last-child:has(.help){position: absolute;bottom: 0;}
.sidebar .nav-links li .iocn-link, .iocn-link2{display: flex;align-items: center;/* justify-content: space-between;transition: all 0.4s ease; */}
.sidebar .nav-links li i{margin: 0 10px;min-width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 25px;color: #fff;transition: all 0.3s ease;}
.sidebar .nav-links li i.arrow{color: rgba(255, 255, 255, .5);margin: 0;width: 40px;min-width: 40px;height: 40px;line-height: 40px;}
.sidebar > .nav-links > li > div > a{display: flex;align-items: center;}
.sidebar .nav-links li div .link_name{display: inline-block;padding-left: 10px;height: 40px;line-height: 40px;width: 140px;font-size: 17px;font-weight: 400;color: #fff;transition: all 0.4s ease;}

/* sub-menu */
.sidebar .nav-links li .sub-menu{display: none;}
.sidebar .nav-links li .sub-menu li{padding-left: 70px;}
.sidebar .nav-links li .sub-menu li:first-child, 
.sidebar.close .nav-links li .sub-menu li{padding: 0;}
.sidebar .nav-links li .sub-menu li:nth-child(2){padding-top: 10px;}
.sidebar .nav-links li .sub-menu li:last-child{padding-bottom: 10px;}
.sidebar .nav-links li .sub-menu .link_name, 
.sidebar .nav-links li .sub-menu .iocn-link2 a, 
.sidebar .nav-links li .sub-menu2 li a{display: flex;line-height: 30px;font-size: 14px;color: #fff;align-items: center;white-space: nowrap;transition: all 0.3s ease;}
.sidebar .nav-links li .sub-menu .iocn-link2 a{position: relative;padding-right: 10px;width: 145px;}
.sidebar .nav-links li .sub-menu .iocn-link2 a .link_name2{display:inline-block;width: 100%;/*font-size: .9em;*/color: inherit;}
.sidebar .nav-links li .sub-menu .iocn-link2 a ~ button{padding: 0;border: 0;}
.sidebar .nav-links li .sub-menu .iocn-link2 a ~ button i{margin: 0;min-width: 30px;height: 30px;line-height: 30px;color: rgba(255, 255, 255, .5);font-size: 20px;}
.sidebar .nav-links li .sub-menu .iocn-link2 a ~ button:hover i, 
.sidebar .nav-links li .sub-menu .iocn-link2 a ~ button:focus i{color: rgba(255, 255, 255, 1);}
.sidebar .nav-links li .sub-menu .iocn-link2 > i{height: auto;line-height: 20px;min-width: 20px;margin-left: 0;margin-right: 5px;font-size: 20px;color: rgba(255, 255, 255, .5);}
.sidebar .nav-links li .sub-menu .link_name{display: none;}
.sidebar .nav-links li .sub-menu.blank{opacity: 1;pointer-events: auto;}
.sidebar .nav-links li:hover .sub-menu.blank{top: 50% !important;transform: translateY(-50%);}

/* showmenu */
.sidebar .nav-links li.showMenu{padding-bottom: 0;}
.sidebar.close .nav-links li.showMenu{padding-bottom: 10px;}
.sidebar .nav-links li.showMenu i.arrow{transform: rotate(90deg);color: rgba(255, 255, 255, 1);}
.sidebar .nav-links li.showMenu .sub-menu{display: block;}
.sidebar .nav-links li.showMenu.profile .profile-details{padding-bottom: 10px;}
.sidebar .nav-links li .y_num, .sidebar .nav-links li .y_txt{margin-left: auto;padding: 0 6px 0 5px !important;/* margin-right: 10px;min-width: 20px; */line-height: 20px;text-align: center;font-size: 12px;font-weight: 500;color: #242424;border-radius: 9px;}
.sidebar .nav-links li .y_txt{margin-right: 10px;min-height: unset;color: #fff;border: 0;border-radius: 2px;}

/* help */
.sidebar .help{position: relative !important;width: 240px;display: flex;align-items: center;/* justify-content: space-between; */transition: all 0.5s ease;}

/* psofile-details */
.sidebar .profile-details{display: flex;align-items: center;justify-content: space-between;}
.sidebar .profile-details i{margin-left: auto;}
.sidebar .profile-details img{height: 40px;width: 40px;max-width: none;object-fit: cover;border-radius: 50%;margin: 0 10px;transition: all 0.5s ease;}
.sidebar .profile-details .name-job{position: relative;display: block;padding-left: 10px;width: 140px;height: 40px;line-height: 20px;color: #fff;white-space: nowrap;}
.sidebar .profile-details .job{position: absolute;top: 0;font-size: 12px;font-weight: 500;color: inherit;white-space: nowrap;pointer-events: none;}
.sidebar .profile-details .profile_name{position: absolute;bottom: 0;font-size: 18px;font-weight: 500;color: inherit;white-space: nowrap;pointer-events: none;}
.sidebar .user-menu > li:last-child{position: relative;padding: 0 0 0 60px !important;height: 180px;}
.sidebar .user-icon{position: absolute;left: 0;}
.sidebar .user-icon li{padding: 10px 0 !important;}
/* .sidebar .user-icon li i{font-size: 20px;} */
.sidebar .user-count div{width: 90px;height: 90px;text-align: center;color: #fff;}
.sidebar .user-count div i{display: block;margin: 0;padding-top: 5px;height: 30px;line-height: 30px;font-size: 20px;opacity: .5;}
.sidebar .user-count div b{line-height: 30px;font-size: 30px;font-weight: 700;color: inherit;}
.sidebar .user-count div p{margin-top: 3px;margin-left: 0;font-size: 12px;color: inherit;opacity: .5;}

/* close */
.sidebar.close{width: 60px;/* overflow-y: auto;scrollbar-width: none;-ms-overflow-style: none;IE, Edge */}
.sidebar.close .logo-details .logo_name{transition-delay: 0s;opacity: 0;pointer-events: none;}
.sidebar.close .nav-links{overflow: visible;/* close에서 sub-menu 보이게 */}
.sidebar.close .nav-links i.arrow{display: none;}
/* .sidebar.close .nav-links li .iocn-link{display: block} */
.sidebar.close .nav-links li .iocn-link, .sidebar.close .nav-links li .iocn-link2{padding-right: 0;}
.sidebar.close .nav-links li .sub-menu .iocn-link2 a{width: 100%;}
.sidebar.close .nav-links li .link_name{/* opacity: 0; */display: none;}
.sidebar.close .nav-links li:has(.drop) .link_name{cursor: default;}
.sidebar.close .nav-links li .sub-menu{position: absolute;left: 100%;top: -10px;margin-top: 0;padding: 13px 5px 7px 20px;border-radius: 0 6px 6px 0;opacity: 0;display: block;pointer-events: none;transition: 0s;}
.sidebar.close .nav-links li.showMenu .sub-menu{background-image: none !important;}
.sidebar.close .nav-links li .sub-menu:hover, 
.sidebar.close .nav-links li:hover > .sub-menu{top: 0;opacity: 1;pointer-events: auto;transition: all 0.4s ease;}
.sidebar.close .nav-links li .sub-menu:hover .link_name, 
.sidebar.close .nav-links li:hover > .sub-menu .link_name{pointer-events: initial;}
.sidebar.close .nav-links li .sub-menu .iocn-link2 > i{display: none;}
.sidebar.close .nav-links li .sub-menu .link_name{display: block;padding-right: 15px;font-size: 18px;color: #fff;opacity: 1;}
.sidebar.close .nav-links li .y_num{margin-right: 0;}
.sidebar.close .help{width: 60px;}
.sidebar.close .profile-details{background: none;/* width: 60px;height: 60px; */}
.sidebar.close .profile-details .name-job{/* opacity: 0; */display: none;pointer-events: none;}
.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job{display: none;}
.sidebar.close .user-menu > li:last-child{padding: 0 !important;}
.sidebar.close .user-icon{display: none;}
.sidebar.close .user-count div{width: 50px;}
.sidebar.close .user-count div i{min-width: 50px;}
.sidebar.close .nav-links li .sub-menu2 li{padding-right: 15px;}

/* iocn-link2 */
.sidebar .nav-links li i.arrow2, .sidebar .nav-links li .iocn-link2 > a i{position: absolute;right: 0;margin: 0;height: 30px !important;min-width: 30px !important;line-height: 30px !important;color: rgba(255, 255, 255, .5);font-size: 20px;}
.sidebar .nav-links li .sub-menu2{position: relative;opacity: 0;height: 0;}
.sidebar .nav-links li .sub-menu2:before{content: "";position: absolute;left: 8px;top: 0;display: block;width: 2px;height: calc(100% - 16px);background-color: #fff;opacity: .5;}
.sidebar .nav-links li .sub-menu2 li{position: relative;padding-top: 3px;padding-bottom: 3px;padding-left: 30px;}
.sidebar .nav-links li .sub-menu2 li:first-child{padding-top: 5px;padding-bottom: 3px;padding-left: 30px;}
.sidebar .nav-links li .sub-menu2 li:last-child{padding-top: 3px;padding-bottom: 10px;padding-left: 30px;}
.sidebar .nav-links li .sub-menu2 li:before{content: "";position: absolute;left: 10px;top: 45%;display: block;width: 15px;height: 2px;background-color: #fff;opacity: .5;}
.sidebar .nav-links li .sub-menu2 li a{line-height: 20px;}
.sidebar .nav-links li.showMenu2 .sub-menu2{opacity: 1;height: auto;}
.sidebar .nav-links li.showMenu2 i.arrow2, 
.sidebar .nav-links li.showMenu2 .iocn-link2 > i.arrow3{transform: rotate(90deg);color: rgba(255, 255, 255, 1);}


/*** content ***/
.content{margin-left: 60px;padding: 20px;width: calc(100% - 60px);max-width: 1700px;/*height: 100%;max-height: 930px;min-height: 750px;*/color: #11101d;background-color: #f9fafc;transition: all 0.5s ease;overflow-x: auto;}
.content, .rows, .cols{display: flex;}
.content, .cols{justify-content: space-between;}
.content > div, .cols > div{width: calc(50% - 10px);}
.cols.fth, .cols.trd{justify-content: flex-start;}
.cols.fth > div, .cols.trd > div{margin-right: 15px;width: calc((100% - 45px) / 4);}
.cols.fth > div{width: calc((100% - 45px) / 4);}
.cols.trd > div{width: calc((100% - 30px) / 3);}
.cols.fth > div.dbl{width: calc((100% - 15px) / 2);}
.cols.fth > div.tpl{width: calc(((100% - 15px) / 4) * 3);}
.cols.fth > div.tpl + div{width: calc((100% - 15px) / 4);}
.cols.trd > div.dbl{width: calc(((100% - 30px) / 3) * 2);}
.cols.fth > div:last-child, .cols.trd > div:last-child{margin-right: 0;}
/* .content > div, .cols > div, .rows > div,  */
.card-body > div{overflow-x: hidden;overflow-y: auto;}/* 테이블 높이 넘칠 때 스크롤 */
.content > div.b3{width: calc(75% - 5px);}
.content > div.b4{width: 100%;}
.content.pop{margin: 0;width: 100%;max-width: unset;max-height: unset;min-height: unset;background: none;}
.rows{flex-direction: column;}
.rows > div:last-child{flex: 1;}
.card{width: 100%;}
.card-top, .card-btm, .card-tbl{background-color: #fff;border-radius: 5px;box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, .15);}
.card-btm, .card-info{margin-top: 10px;}
.card-top:has(.srcBox){position: relative;}
.card-body{padding: 20px;}
.card-header, .card-tab, .card-search, .tb_search, .card-img, .mail_tab{display: flex;flex-wrap: wrap;align-items: center;}
.card-header{border-bottom: 1px solid rgba(0, 0, 0, .15);/* border-color: #eee;background-color: #fff; */}
.card-header{padding: 15px;height: 60px;border-radius: inherit;}
.card-header .more{margin-left: auto;font-size: 0;}
.card-header .more i{color: #9e9e9e !important;}
.card-header i{width: 30px;line-height: 30px;text-align: center;}
.card-header span{font-size: 20px;font-weight: 700;}
.card-header ul.location{margin-left: auto;}
.card-header ul.location li{position: relative;padding-left: 20px;float: left;line-height: 20px;font-size: 14px;}
.card-header ul.location li:last-child{font-weight: 500;color: #d71a21;}
.card-header ul.location i{font-variation-settings:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 20;position: absolute;left: 0;width: 20px;line-height: 20px;font-size: 20px;color: #333;}
.card-header ul.location.rev li{padding-left: 0;padding-right: 20px;}
.card-header ul.location.rev li:first-child{font-weight: 500;color: #d71a21;}
.card-header ul.location.rev li:last-child{font-weight: normal;color: inherit;}
.card-header ul.location.rev i{left: unset;right: 0}
.card-tab{border-bottom: 1px solid #d71a21;}
.mail_tab{border-bottom: 1px solid #d3d3d0;}
.card-tab li, .mail_tab li{margin-bottom: -1px;font-size: 0;}
.card-tab li a, .mail_tab li a{border: 1px solid transparent;}
.card-tab li.on a, .card-tab li.on a:hover, .card-tab li.on a:focus{background-color: #fff;border: 1px solid #d71a21;border-bottom-color: transparent;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.mail_tab li.on a, .mail_tab li.on a:hover, .mail_tab li.on a:focus{background-color: #fff;border: 1px solid #d3d3d0;border-bottom-color: transparent;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.card-tab a{display: inline-block;padding: 9px 10px;line-height: 20px;font-size: 14px;font-weight: 700;color: #888;}
.mail_tab a{display: inline-block;padding: 4px 10px;line-height: 20px;font-size: 14px;font-weight: 700;color: #888;}
.card-tab a:hover, .card-tab a:focus{border-bottom: 1px solid #d71a21;background-color: #eee;}
.mail_tab a:hover, .mail_tab a:focus{border-bottom: 1px solid #d3d3d0;background-color: #eee;}
.card-search{padding: 10px 15px 0;min-height: 50px;/* justify-content: space-between; */}
.tb_search{padding: 0 15px;min-height: 40px;}
.tb_search.btw{justify-content: space-between;}
.tb_search.lines > ul{width: 100%;}
.tb_search.lines li{margin-top: 5px;margin-left: 100px;}
.tb_search.lines li:has(strong){margin: 0;width: 100px;}
.tb_search.lines li:has(strong) + li{margin: 0;}
.tb_search.lines li:has(label, span){width: calc(100% - 100px);}
.tb_search.lines li:has(label, span) label, 
.tb_search.lines li:has(label, span) span{width: 50px;}
.tb_search.lines li:has(label, span) input{width: calc(100% - 50px);}
.tb_search .fs14{font-size: 14px;}
.tb_bottom table th, .tb_bottom table td{padding-top: 4px !important;padding-bottom: 4px !important;height: 30px !important;}
.card-search ul, .tb_search ul, .card-search > input[type="file"], .tb-search > input[type="file"], 
.card-search > p, .card-tb_search > p, .card-search > span, .tb_search-search > span, .card-search > b{margin-bottom: 10px;}
.card-search ul li, .tb_search ul li, ul.btns li{float: left;display: flex;margin-left: 10px;height: 30px;font-size: 0;align-items: center;}
.card-search ul li:first-child, .tb_search ul li:first-child, ul.btns li:first-child, 
.card-search ul li button:first-child, .tb_search ul li button:first-child{margin-left: 0;}
.card-search ul li > label:first-child:before, .card-search ul li > span:first-child:before{content: "\00B7";margin-right: 3px;color: #d71a21;}
.card-search ul li.line{border-left: 1px solid rgba(0, 0, 0, .15);}
.card-search input[type="text"], .tb_search ul li:has(label, span) input[type="text"], .card-search select, .tb_search ul li:has(label, span) select, 
.card-search button[type="button"], .tb_search ul li:has(label, span) button[type="button"]{margin-left: 5px;}
.card-search select, .card-search p, .card-search span{font-size: 13px;}
.card-search > b.date > span{font-size: inherit;}
.mail_adb .tb_search ul li{margin-left: 5px;}
.mail_adb .tb_search ul li:first-child{margin-left: 0;}
.card-info:after{content: "";display: block;clear: both;}
.card-img{position: relative;float: left;width: 190px;height: 160px;text-align: center;flex-direction: column;}
.card-img img{position: absolute;height: 100%;border: 1px solid #000;}
.card-tbl{float: right;width: calc(100% - 200px);}

/* input */
label{font-size: 13px;}
input[type="text"], input[type="password"], select, input[type="file"]{width: 150px;height: 30px;background-color: #fff;border: 1px solid #d3d3d0;}
input[type="text"], input[type="password"], button[type="button"]{padding: 0 8px;font-size: 13px;}
select{padding: 0 8px 0 3px;font-size: 13px;}
input[type="file"]{padding-top: 1px;font-size: 13px;}
button[type="button"]{padding: 0 10px;min-height: 30px;color: #888;border: 1px solid #d3d3d0;border-radius: 2px;}
button[type="button"] i{font-size: 1.2em;color: inherit;vertical-align: middle;}
button.btn-default {color: #333;background-color: #fff;padding: 0 8px;}
button.btn-primary{color: #fff;background-color: #004a98;border: none;}
button.btn-danger{color: #fff;background-color: #e35327;border: none;}
button.btn-secondary{color: #666;background-color: #efefef;border: none;}
button.btn-info{color: #fff;background-color: #009c82;border: none;}
button.btn-gray{color: #fff;background-color: #656565;border: none;}
textarea{padding: 5px 8px;height: 60px;font-size: 13px;border: 1px solid #d3d3d0;}
textarea.rs_n{resize: none;}
ul.btns{margin-left: auto;}
/* ul.btns li{margin-left: 5px;} */
i{-webkit-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;}
.div_file_wrap:has(.btn_add, .btn_remove) .div_file_input{width: calc(100% - 80px) !important;}
.div_file_wrap .div_file_input{width: 100% !important;}
.div_file_wrap .div_file_btn{width: 80px !important;}

/* details - summary */
.sbbox details{visibility: visible;}
.acc summary{position: relative;padding: 5px 0;display: block !important;height: 40px;line-height: 28px;text-align: center;font-size: 13px;font-weight: 500;background-color: #f9f9f9;border: 1px solid rgba(0, 0, 0, .15);/* pointer-events: none; */}
.acc summary::-webkit-details-marker{display: none;}
.acc summary + div{padding: 5px 10px;border: 1px solid rgba(0, 0, 0, .15);border-top: 0;}
.acc summary::after{content: "펼치기";position: absolute;top: 4px;right: 1em;padding: 0 10px;font-weight: normal;color: #333;background-color: #fff;border: 1px solid #d3d3d0;border-radius: 2px;cursor: pointer;/* pointer-events: visible; */}
details.acc[open] summary::after{content: "접기";}

/* 영업-상태변경 tab */
.que{position: relative;padding: 9px 0;cursor: pointer;font-size: 14px;border-bottom: 1px solid rgba(0, 0, 0, .15);}
/* .que::before{display: inline-block;content: 'Q';font-size: 14px;color: #006633;margin: 0 5px;} */
/* .que:first-child{border-top: 1px solid black;} */
/* .que.on>span{font-weight: bold;color: #006633;} */
.que .arrow-wrap{position: absolute;top: 50%;right: 10px;transform: translate(0, -50%);}
.toggle-si .arrow-wrap{position: absolute;top: 0;right: 0;}
.que .arrow-top, .toggle-si .arrow-top{display: none;}
.que .arrow-bottom, .toggle-si .arrow-bottom{display: block;}
.que.on .arrow-bottom, .toggle-si.on .arrow-bottom{display: none;}
.que.on .arrow-top, .toggle-si.on .arrow-top{display: block;}
.que p{font-weight: bolder;}
.que span.num{position: absolute;top:50%;right: 55px;transform: translate(0, -50%);}
.anw{display: none;overflow: hidden;font-size: 13px;/* background-color: #f4f4f2; */padding: 9px 0;}
/* .anw::before{display: inline-block;content: 'A';font-size: 14px;font-weight: bold;color: #666;margin: 0 5px;} */
.anw a{color: #004a98;}
.anw ul.list li{display: flex;align-items: center;padding: 5px 0;min-height: 36px;border-top: 1px solid #ddd;}
.anw ul.list button{width: 80px;height: 25px;min-height: 25px;}
.anw ul.list button.abbr{width: 40px;font-size: 14px;}
.anw ul.list a{padding-right: 15px;}
.anw ul.list .date{width: 100px;padding-left: 15px;}
.anw ul.list .tit{padding-right: 15px;width: calc(60% - 100px);}
.anw ul.list:has(button) .tit{width: calc(60% - 180px);}
.anw ul.list:has(button.abbr) .tit{width: calc(60% - 140px);}
.anw ul.list .file{margin-left: auto;width: 40%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.anw .txt_wrap{padding: 10px 15px 0;border-top: 1px solid #ddd;}
.anw .txt_wrap .file{margin-top: 10px;display: inline-block;}
.anw .txt_box{white-space: pre-line;}
.anw .sbbox{height: 252px;}

/* 직원맵핑관리-부서이동관리, 메일쓰기-주소록 */
.arrbox, .adbgroup{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.arrbox button{margin: 5px 0;padding: 10px !important;line-height: 30px;font-size: 30px;}
.arrgroup, .adbgroup/*, .arrbox*/{height: 100%;/* align-content: space-between; */}
.mail_adb{min-height: 500px;}
.mail_adb .arrgroup .arrbox, .mail_adb .adbgroup .adbbox{height: calc(100% / 3);}
.mail_adb .arrbox button{margin: 2.5px 0;padding: 0 5px !important;min-height: 20px;line-height: 20px;font-size: 20px;}
.mail_adb .adbbox{width: 100%;height: 100%;border: 1px solid #d3d3d0;border-top: 0;}
.mail_adb .adbbox:first-child{border-top: 1px solid #d3d3d0;}
.mail_adb .adbbox .flex{align-items: center;}
.mail_adb .adbbox p{padding: 0 10px;line-height: 30px;font-size: 13px;font-weight: 500;background-color: #f3f3f3;}
.mail_adb .adbbox ul{padding: 10px;max-height: 450px;overflow: auto;font-size: 13px;}
.mail_adb .adbbox ul li{padding-bottom: 5px;}
.mail_adb .adbbox ul li:last-child{padding-bottom: 0;}
.mail_adb .adbbox ul li .flex > i{cursor: pointer;}
.mail_adb .adbbox ul li label{display: flex;}
.mail_adb .adbbox ul li label i{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;margin-right: 3px;font-size: 20px;color: #aaa;}
.mail_adb .adbbox ul > li > ul{padding: 0;overflow: hidden;position: relative;opacity: 0;height: 0;}
.mail_adb .adbbox ul > li > ul > li{padding-left: 48px;}
.mail_adb .adbbox .open .flex > i{transform: rotate(90deg);}
.mail_adb .adbbox .open ul{opacity: 1;height: auto;}
.mail_adb .adbgroup .adbbox ul{max-height: calc(100% - 30px);}

/* 인사정보 */
.pers .card-btm .card-body{max-height: calc(100vh - 260px);}
.pers .gray_box{border: 1px solid #ccc;}
.pers .gray_box img{image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;transform:translateZ(0);backface-visibility:hidden;}
.pers .gray_box .tit_blue{padding: 5px 10px;display: inline-block;line-height: 30px;font-size: 18px;font-weight: 500;color: #fff;background-color: #4d88c6;}
.pers .fc_blue{color: #004a98 !important;}
.pers .fc_red{color: #d80303 !important;}
.pers .aster, .pers ul.dot li, .pers ol.num li.aster{position: relative;padding-left: 8px;}
.pers .aster:before{content: "\002A";position: absolute;left: 0;}
.pers ul.dot span, .pers strong{display: inline-block;}
.pers ul.dot li.aster, .pers ol.num li.aster{font-size: 0.8em;color: #808080;}
.pers ul.dot li:before{content: "\00B7";position: absolute;left: 0;}
.pers ul.dot li.aster{padding-left: 16px;}
.pers ul.dot li.aster:before{content: "\002A";left: 8px;}
.pers ol.num{counter-reset: my-counter;list-style-type: none;}
.pers ol.num li{position: relative;list-style: none;list-style-position: outside;padding-left: 1.25em}
.pers ol.num li span{position: absolute;left: 0;}
.pers ol.num.n2 li{padding-left: 1.5em;}
.pers ol.num.n3 li{padding-left: 2.25em;line-height: 20px;font-size: 14px;}
.pers p, .pers li, .pers dt, .pers dd{line-height: 25px;font-size: 15px;}
.pers table{width: 100%;max-width: 100%;border-collapse: separate;border-spacing: 0;table-layout: fixed;}
.pers table thead th{font-weight: 500;background-color: #e7f3ff;border-top: 2px solid #004a98;}
.pers table th, .pers table td{padding: 4.5px 10px;height: 40px;text-align: center;border-right: 1px solid rgba(0, 0, 0, .15);border-bottom: 1px solid rgba(0, 0, 0, .15);/* border-color: #ededed */}
.pers table th, .pers table td, .pers table p, .pers table a{line-height: 20px;font-size: 14px;}
.pers table th:last-child, .pers table td:last-child{border-right: none;}
.pers table li, .pers table p{text-align: left;}
.pers table ul li{position: relative;padding-left: 8px;}
.pers table ul li:before{content: "\00B7";position: absolute;left: 0;}
.pers table ol.num li{padding-left: 15px;}
.ps_join{overflow: hidden;display: inline-block;width: 100%;max-width: 1150px;}
.ps_join li{position: relative;float: left;margin-right: 6.165%;padding-top: 10%;width: 9%;max-width: 100px;background-repeat: no-repeat;background-size: contain;}
.ps_join li:before, .ps_join li:after{content: "";position: absolute;right: -46%;display: block;width: 20px;height: 1.5px;background-color: #afaeae;}
.ps_join li:last-child:before, .ps_join li:last-child:after{content: unset;}
.ps_join li:before{top: 33%;transform: rotate(45deg);}
.ps_join li:after{top: 43.2%;transform: rotate(-45deg);}
.ps_join li:first-child{background-image: url(../images/img_pers1-1.png);}
.ps_join li:nth-child(2){background-image: url(../images/img_pers1-2.png);}
.ps_join li:nth-child(3){background-image: url(../images/img_pers1-3.png);}
.ps_join li:nth-child(4){background-image: url(../images/img_pers1-4.png);}
.ps_join li:nth-child(5){background-image: url(../images/img_pers1-5.png);}
.ps_join li:nth-child(6){background-image: url(../images/img_pers1-6.png);}
.ps_join li:last-child{background-image: url(../images/img_pers1-7.png);margin: 0;}
.ps_join li p{width: 100%;text-align: center;color: #fff;background-color: #afaeae;border-radius: 15px;}
.ps_img{display: flex;flex-wrap: nowrap;}
.ps_img div:has(img){min-width: 160px;background-color: #f1f8ff;}
.ps_img img{margin: 0 auto;display: block;height: 100%;min-height: 110px;object-fit: none;}
.ps_img .tit_blue{margin-bottom: 10px;}
.ps_asmt{margin: 0 auto;width: 640px;text-align: center;align-items: center;justify-content: space-between;background-image: url(../images/img_pers3-4.png);background-repeat: no-repeat;}
.ps_asmt p{width: 100%;height: 99px;font-size: 0;background-repeat: no-repeat;background-position-x: center;}
.ps_asmt > p{margin-bottom: 110px;height: 104px;background-image: url(../images/img_pers3-1.png);}
.ps_asmt .box1 p{margin-top: -110px;background-image: url(../images/img_pers3-2.png);}
.ps_asmt .box2 p{margin-top: 50px;margin-bottom: 50px;background-image: url(../images/img_pers3-3.png);}
.ps_asmt .box1 ul{margin-top: 10px;padding: 10px;border-radius: 10px;background-color: #e5f2f0;}
.ps_asmt .box1 ul li{margin-top: 10px;border: 1px solid #2e967b;}
.ps_asmt .box3 ul{padding-right: 20px;}
.ps_asmt .box3 ul li{margin-top: 30px;border: 1px solid #1a62af;}
.ps_asmt ul li:first-child{margin-top: 0;}
.ps_asmt span{display: block;border: 1px solid #217ea5;}
.ps_asmt span, .ps_asmt li{padding: 9px 0;width: 140px;line-height: 30px;font-size: 18px;border-radius: 10px;background-color: #fff;}
.ps_asmt2 dt{position: relative;padding-left: 8px;font-weight: bold;}
.ps_asmt2 dt:before{content: "";position: absolute;top: 5px;left: 0;display: block;width: 3px;height: 15px;background-color: #004a98;}
.ps_asmt2 dd{padding-left: 8px;font-size: 15px;}

/* video, youtube */
.vid-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.vid-wrap iframe, .vid-wrap object, .vid-wrap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* table */
table.tLeft th, table.tLeft td{text-align: left !important;}
.tbl .card-btm .card-body{padding: 10px;max-height: calc(100vh - 310px);}
.tbl .card-btm .card-body:has(.mail_toolbar){height: calc(100vh - 310px);}
.tbl .card-btm .tb_stky{overflow: auto;max-height: calc(100vh - 330px);}
.tbl .card-btm:has(.card-tab) .card-body{max-height: calc(100vh - 350px);}
.tbl .card-btm:has(.card-tab) .tb_stky, .tbl .tb_search + .tb_stky{max-height: calc(100vh - 370px);}
.tbl .card-btm:has(.card-tab) .card-body:has(.tb_search) .tb_stky{max-height: calc(100vh - 410px);}
.tbl .btm2:has(.card-tab) .card-body{max-height: calc(100vh - 680px);}
.tbl .btm2:has(.card-tab) .tb_stky{max-height: calc(100vh - 700px);}
.tbl .btm2_2:has(.card-tab) .card-body{max-height: calc(100vh - 541px);}
.tbl .btm2_2:has(.card-tab) .tb_stky{max-height: calc(100vh - 561px);}
.tbl .siChg.hidden .tb_stky{height: calc(100% - 390px);max-height: unset !important;}
.tbl .siChg.hidden .toggle-si{cursor: pointer;}
.tbl .siChg.hidden .toggle-si.on ~ .tb_stky{height: calc(100% - 40px);}
.tbl .card-info + .card-btm .card-body{max-height: calc(100vh - 480px);}
.tbl .card-info + .card-btm:has(.card-tab) .card-body{max-height: calc(100vh - 520px);}
.pop .card-btm .card-body{max-height: calc(100vh - 40px);}
.pop .tb_stky{max-height: calc(100vh - 60px);}
.pop .tb_stky.lines5{max-height: calc((100vh - 50px) / 2 - 20px);}
.pop:has(.card-top) .card-body{max-height: calc(100vh - 100px);}
.pop:has(.card-top) .tb_stky{max-height: calc(100vh - 100px);}
.pop:has(.card-top) .card-body:has(.tb_stky.lines5){max-height: calc((100vh - 110px) / 2);} /* system07-04 팝업 */
.pop:has(.card-top) .tb_stky.lines5{max-height: calc((100vh - 110px) / 2 - 20px);} /* system07-04 팝업 */
.pop:has(.card-top) .tb_search + .tb_stky{max-height: calc(100vh - 160px);}
.pop:has(.card-top) .card-body>div:has(.tb_bottom) .tb_search + .tb_stky{max-height: calc(100vh - 200px);}
.pop:has(.card-top) .card-body>div:has(.tb_bottom) .tb_search.lines + .tb_stky{max-height: calc(100vh - 235px);}

.cols.fth p{font-size: 13px;}
table caption, .cols.fth strong, .mail_adb strong, strong.dot{line-height: 30px;font-size: 14px;font-weight: bolder;text-align: left;}
table caption:before, .cols.fth strong:before, .mail_adb strong:before, strong.dot:before{content: "\00B7";margin: 0 5px;}
table caption.cap2{font-size: 13px;text-align: right;}
table caption.cap2:before{content: "\203B";}
table caption span{font-size: 13px;font-weight: normal;}
table caption.right, strong.right{position: relative;padding-left: 35px;line-height: 30px;font-size: 14px;font-weight: bolder;text-align: left;}
table caption.right i, strong.right i{position: absolute;top: 7px;left: 15px;font-size: initial;color: #ffbd2f;background-color: #000;font-variation-settings:'FILL' 0,'wght' 700,'GRAD' 200,'opsz' 24;}
table caption.right:before, strong.right:before{content: none !important;}
strong.right{display: inline-block;}
div:has(caption.right) p, div:has(strong.right) p{margin-left: 15px;font-size: 13px;}
div:has(caption.right) p.ref, div:has(strong.right) p.ref{position: relative;padding-left: 17px;}
div:has(caption.right) p.ref:before, div:has(strong.right) p.ref:before{content: "\203B";position: absolute;left: 0;}
.tb_stky table thead, .tb_stky table caption{position: sticky;top: 0;z-index: 1;}
.tb_stky table caption{background-color: #fff;}
.tb_stky table:has(caption) thead{top: 30px;}
.tbl table{width: 100%;max-width: 100%;border-collapse: separate;border-spacing: 0;table-layout: fixed;}
.tbl table th, .tbl table td{padding: 4.5px 10px;height: 40px;text-align: center;border-right: 1px solid rgba(0, 0, 0, .15);border-bottom: 1px solid rgba(0, 0, 0, .15);/* border-color: #ededed */}
.tbl table th, .tbl table td, .tbl table p, .tbl table a{line-height: 20px;font-size: 13px;}
.tbl table th{font-weight: 500;background-color: #f9f9f9;}
.tbl table td{/* font-size: 0; */background-color: #fff;}
.tbl table tr:first-child th, .tbl table tr:first-child td{border-top: 1px solid rgba(0, 0, 0, .15);}
.tbl table thead + tbody tr:first-child th, .tbl table thead + tbody tr:first-child td{border-top: none;}
.tbl table th:first-child, .tbl table td:first-child, .tbl table th.invisible + th, .tbl table td.invisible + td{border-left: 1px solid rgba(0, 0, 0, .15);}
/* .tbl table th:last-child, .tbl table td:last-child{border-right: none;} */
.tbl table th.bl0, .tbl table td.bl0{border-left: none;}
.tbl table th.br1, .tbl table td.br1{border-right: 1px solid rgba(0, 0, 0, .15);}
.tbl table th.br0, .tbl table td.br0{border-right: none;}
.tbl table td.br0 + td{text-align: right;}
.tbl table th label{display: inline-block;font-family: inherit;font-size: inherit;color: inherit;}
.tbl td label{position: relative;display: inline-block;}
.tbl th span, .tbl td span, .tbl td a, .tbl td b{display: inline-block;}
.tbl th span, .tbl td span{font: inherit;color: inherit;}
.tbl table td input[type="file"]{width: 100%;min-height: 30px;background-color: #fff;border: 1px solid #d3d3d0;}
.tbl table td input[type="file"].fLeft, .tbl table td input[type="file"].fRight{width: calc(100% - 100px);}
.tbl table td input[type="file"].add{width: calc(100% - 124px) !important;}
.tbl table td input[type="text"], .tbl table td select, .tbl table td textarea{padding: 0 8px;width: 100%;min-height: 30px;background-color: #fff;}
.tbl table td input[type="text"]:read-only, .tbl table td input[type="text"]:disabled, 
.tbl table td textarea:read-only, .tbl table td textarea:disabled{background-color: #f3f3f3;}
.tbl table td label.etc input[type="text"], .tbl table td label.sel select{position: absolute;margin-left: 5px;}
.tbl table td label.sel select{width: 50px;}
.tbl table td select:disabled{background-color: #eee;}
.tbl p.notice{padding: 5px 15px;font-size: 13px;text-align: center;}
.tbl p.ellips, .tbl a.ellips{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tbl .not_subj{margin: 6em 0;text-align: center;user-select:none}
.tbl .not_subj i{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 200,'opsz' 24;display: block;margin-bottom: 10px;font-size: 6em;color: #bbb;}
.tb_list tbody tr.tr_clr td, .tb_mBoard tbody tr.tr_clr td{background-color:#d9e9f9}
.tb_list tbody tr:hover td, .tb_mBoard tbody tr:hover td{background-color: #eee;}
.tbl .tb_mBoard tr.new{font-weight: bold;}
.tbl .tb_mBoard tr.new .dateTime{letter-spacing: -1.25px;/* font-weight: 500; */}
.tbl .tb_mBoard tr td{border-left: 0;border-right: 0;text-align: left;}
.tbl .tb_mBoard tr td:last-child{padding-right: 15px;}
.tbl .tb_mBoard tr td.dateTime{padding-right: 15px;padding-left: 0;text-align: right;}
.tbl .tb_mBoard tr td:has(.flex input){padding-left: 5px;}
.tbl .tb_mBoard tr:first-child td{border-top: 0;}
.tbl .tb_mBoard .flex input{width: 25px;}
.tbl .tb_mBoard i{font-size:20px;color: rgba(0, 0, 0, .25);}
.tbl .tb_mBoard a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;max-width: 100%;color: #242424;}
.tbl .tb_mBoard a:hover{text-decoration: underline;}
.tbl .tb_mBoard.send th{border-top: 0;border-left: 0;border-right: 0;}
.tbl .tb_mBoard.send tr td{text-align: center;}
.tbl .tb_mBoard.send tr td:last-child{padding-right: 10px;}
.tbl .tb_mWrite{margin-top: 10px;}
/* .tbl .tb_mWrite button:has(i.material-symbols-outlined){transition: all 0.3s ease;} */
.tbl .tb_mWrite tr:first-child th, .tbl .tb_mWrite tr:first-child td{border-top: 0;}
.tbl .tb_mWrite th, .tbl .tb_mWrite td{padding-right: 0;text-align: left;border: 0;}
.tbl .tb_mWrite th{line-height: 30px;font-weight: 700;background-color: unset;vertical-align: top;}
.tbl .tb_mWrite th:first-child{border-left: 0;}
.tbl .tb_mWrite td .flex{align-items: center;}
.tbl .tb_mWrite td button:last-child{margin-right: 0;}
.tbl .tb_mWrite td input[type="text"], .tbl .tb_mWrite td textarea{border-top: 0;border-left: 0;border-right: 0;}
.tbl .tb_mWrite td input[type="text"]:focus, .tbl .tb_mWrite td textarea:focus{border-bottom: 1px solid #3e97eb;outline: none;}
.tbl .tb_mWrite td .listup{display: none;position: absolute;top: calc(100% - 2px);left: 0;padding: 5px 0;background-color: #fff;border: 1px solid #d3d3d0;border-radius: 2px;box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, .15);z-index: 10;}
.tbl .tb_mWrite td .listup li{padding: 0 15px;width: auto;min-width: 300px;}
.tbl .tb_mWrite td .listup li a{width: 100%;line-height: 30px;color: #242424;}
.tbl .tb_mWrite td .listup li a:hover{background-color: #f0f0f0;}
/* .tbl .tb_mWrite td .listup li:first-child{margin-top: 0;} */
.tbl .tb_mWrite tr:has(th button.down) + tr{display: none;}
.tbl .tb_mWrite tr.open th button.down, .tbl .tb_mWrite td.on button.down{transform: rotate(180deg);}
.tbl .tb_mWrite tr.open + tr{display: table-row !important;}
.tbl .tb_mWrite td.on .listup{display: block;}
.tbl .tb_mWrite div:has(.tel) > div{width: calc(100% - 60px);}
.tbl .tb_mWrite div:has(.down){position: relative;}
.tbl .tb_mWrite div:has(.down) input[type="text"], .tbl .tb_mWrite div:has(.down) textarea{padding-right: 40px;}
.tbl .tb_mWrite textarea{display: block;height: auto;resize: none;}
.tbl .tb_mWrite .down{position: absolute;top: 0;right: 0;border: 0;background-color: transparent;}
.tbl .tb_mWrite .tel, .tbl .tb_mWrite .desc{margin-left: auto;}
.tbl .tb_mFile{border: 1px solid #d3d3d0;}
.tbl .tb_mFile thead tr, .tbl .tb_mFile tbody tr{display: table;width: 100%;}
.tbl .tb_mFile tbody{display: block;max-height: 60px;overflow-x: hidden;overflow-y: scroll;}
.tbl .tb_mFile tr th, .tbl .tb_mFile tr td{padding: 0 10px;width: 100px;height: 30px;line-height: unset;text-align: right;}
.tbl .tb_mFile tr th:first-child, .tbl .tb_mFile tr td:first-child{width: 40px;text-align: center;}
.tbl .tb_mFile tr th:nth-child(2), .tbl .tb_mFile tr td:nth-child(2){padding-left: 0;width: auto;text-align: left;}
.tbl .tb_mFile tr th:last-child{width: 95px;padding-right: 25px;}
.tbl .tb_mFile tr td:last-child{width: 80px;}
.tbl .tb_mFile th{text-align: center;vertical-align: middle;background-color: #f3f3f3;}
.tbl .tb_mFile td:first-child{border-left: 0;}
/* .tbl .tb_mFile th:last-child, .tbl .tb_mFile td:last-child{border-right: 1px solid #d3d3d0;} */
.tbl .tb_mFile button{min-height: unset;}
.tbl .tb_mFile .flex i{margin-right: 5px;color: #aaa;}
.tb_type01 thead td, .tb_type01 tbody td{text-align: left;}
.tb_type01 tbody td:has(.txt_n, .txt_t){text-align: center;}
.tb_type01 .today_icon{font-size: 0;vertical-align : middle;}
.tb_type01 .today_icon i{vertical-align : middle;}
.tb_type01 .fst{background-color: #eee;}
.tb_type01 .thumb{margin: 5px 0;display: inline-block;line-height: 20px;font-size: 12px;}
.tb_type01 .note{line-height: 20px;font-size: 12px;color: #333;}
.tb_type01.sum tbody tr td:nth-child(2){text-align: right;}

/* srcBox */
.srcBox{position: absolute;overflow: hidden;height: 0;background-color: #fff;box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, .15);transition: height 0.3s ease-in-out;z-index: 1;}
.srcBox.show{height: auto;}
.srcBox table th, .srcBox table td{padding: 0 5px;height: 20px;line-height: 20px;font-size: 12px;}
.srcBox .paging li a, .srcBox .paging li button{width: 30px;height: 30px;}
.srcBox .paging li a{padding: 3px 0;}

/* mail */
.card-body.rows:has(.mail_toolbar){position: relative;padding-top: 45px;}
.card-body.rows:has(.mail_toolbar) > div:first-child{flex: 1;}
.card-body.rows:has(.mail_toolbar) > div:last-child{flex: unset;}
.mail_toolbar{padding: 0 5px 4px;min-height: 35px;flex-wrap: nowrap;align-items: center;border-bottom: 1px solid #d3d3d0;background-color: #fff;position: absolute;top: 10px;width: calc(100% - 20px);z-index: 1;}
.mail_toolbar p{font-size: 13px;}
.mail_toolbar .mail_btns:nth-child(2){margin-left: auto;}
.mail_toolbar .mail_btns:nth-child(2) .mail_layer{left: unset;right: 0;}
.mail_toolbar .mail_btns > li{float: left;display: flex;margin-left: 5px;height: 30px;align-items: center;}
.mail_toolbar .mail_btns > li:first-child{margin-left: 0;}
.mail_toolbar .mail_btns button{margin: 0;font-weight: 500;border-width: 1px !important;border-color: transparent;}
.mail_toolbar .mail_btns button:hover{border-color: #d3d3d0;}
.mail_toolbar .mail_btns button:active{border-color: #242424;}
.mail_toolbar .mail_btns button.btn-send{color: #004a98;background-color: #fff;border: 1px solid #004a98;}
.mail_toolbar .mail_btns button.btn-send:hover, .mail_toolbar .mail_btns button.btn-send:active{border-color: unset;}
.mail_toolbar .mLink{padding-right: 3px;}
.mail_toolbar > ul > li{position: relative;}
.open .mail_layer{display: block;}
.mail_layer{display: none;position: absolute;top: calc(100% + 4px);left: 0;width: auto;min-width: 100%;font-size: 13px;font-weight: 500;background-color: #fff;border: 1px solid #888;border-radius: 2px;box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, .15);}
.mail_layer li{padding: 5px 10px;}
/* .mail_layer li {border-bottom: 1px solid #eee; }
.mail_layer li:last-child {border-bottom: none; }
.mail_layer li a {display: block;text-decoration: none;text-align: left;line-height: 20px;font-size: 13px;font-weight: normal;color: #4e4e4e;padding: 7px 15px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.mail_layer li a:hover {text-decoration: underline;} */
.mail_layer li a{display: block;}
.mail_layer.arr li{padding-left: 16px;padding-right: 0;}
.mail_layer.arr li a{position: relative;}
.mail_layer.arr li i{position: absolute;left: -15px;top: 4px;font-size: 1.2em;vertical-align: middle;}
.mv_header, .mv_file{position: relative;padding: 10px 5px 14px;border-bottom: 1px solid #d3d3d0;}
.mv_header .mv_tit span{padding-left: 5px;display: inline-block;line-height: 30px;font-weight: 500;}
.mv_header dt, .mv_header dd{line-height: 20px;font-size: 13px;}
.mv_header dt{padding-left: 23px;float: left;width: 80px;font-weight: 500;}
.mv_header dt:has(button.up){position: relative;}
.mv_header dd{position: relative;margin-left: 80px;}
.mv_header dd:before{content: ":";position: absolute;left: -8px;}
.mv_header dt button.up{position: absolute;left: 0;padding: 0;width: 18px;min-height: 20px;border: 0;}
.mv_header dd button, .mv_file p button{min-height: 20px;line-height: 18px;}
.mv_header dl.close button.up i{transform: rotate(180deg);}
.mv_header dl.close dt:nth-child(n+2), .mv_header dl.close dd:nth-child(n+3){display: none;}
.mv_header .mail_btns{position: absolute;top: 10px;right: 0;}
.mv_header .mail_btns li{float: left;display: flex;margin-left: 5px;height: 30px;align-items: center;}
.mv_body, .mv_file{padding: 10px;}
.mv_file{font-size: 13px;max-height: 70px;overflow-y: auto;}
.mv_file p{display: flex;align-items: center;}
.mv_file p i{font-size: 1.25em;}
.mv_file p em{margin-left: 5px;font-style: normal;}
.mv_file p strong{margin-right: 5px;font-size: 14px;}
.mv_file ul{overflow: hidden;}
.mv_file ul li{/* display: inline-block; */float: left;margin-top: 5px;margin-right: 10px;}
.mv_file ul li:last-child{margin-right: 0;}
.mv_file ul li a span{margin-top: 3px;margin-right: 2px;}
/* 확장자 아이콘 */
.icoXls, .icoPpt, .icoDoc, .icoHwp, .icoPdf, .icoTxt, .icoPs, .icoJpg, .icoGif, .icoPng, .icoZip, .icoEml{display: inline-block;vertical-align: top;background: url("../images/sfix_btn_ico_mail.png") no-repeat;}
.icoXls{width: 15px;height: 14px;background-position: 2px -44px;}
.icoPpt{width: 15px;height: 14px;background-position: -19px -44px;}
.icoDoc{width: 15px;height: 14px;background-position: -41px -44px;}
.icoHwp{width: 15px;height: 14px;background-position: -62px -44px;}
.icoPdf{width: 15px;height: 14px;background-position: -82px -44px;}
.icoTxt{width: 15px;height: 14px;background-position: -102px -44px;}
.icoPs{width: 15px;height: 14px;background-position: 2px -60px;}
.icoPng{width: 15px;height: 14px;background-position: -21px -60px;}
.icoGif{width: 15px;height: 14px;background-position: -46px -60px;}
.icoJpg{width: 15px;height: 14px;background-position: -71px -60px;}
.icoZip{width: 15px;height: 14px;background-position: -96px -61px;}
.icoEml{width: 15px;height: 14px;background-position: -67px -99px;}
.star, .post{position: relative;visibility:hidden;width: 18px;height: 18px;font-size:20px;cursor:pointer;vertical-align: top;color: rgba(0, 0, 0, .25);}
.star:before, .post:before{font-family: 'Material Symbols Outlined';font-variation-settings:'wght' 500;position: absolute;visibility:visible;}
.star:before{content: "\e838";}
.star:checked:before{font-variation-settings:'FILL' 1;color: #ffbd2f;}
.post:before{content: "\e158";font-variation-settings:'FILL' 1;color: rgb(0, 102, 255, .4);}
.post:checked:before{content: "\e151";font-variation-settings:'FILL' 0;color: rgba(0, 0, 0, .25);}
button.btn-qm{position: relative;margin-left: 2px;padding: 0;min-height: unset;border: 0;}
button.btn-qm i.material-symbols-outlined{font-variation-settings:'FILL' 1;color: #004a98;}
.qmup{display: none;position: absolute;padding: 10px 15px 15px;width: 480px;text-align: left;background-color: #fff;border: 1px solid #d3d3d0;border-radius: 2px;box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, .15);z-index: 10;}
.qmup strong, .qmup b, .qmup li, .adv li{position: relative;margin-top: 5px;padding-left: 10px;line-height: 20px;}
.qmup strong{margin-top: 0;padding-left: 17px;display: inline-block;font-size: 14px;}
.qmup b{font-weight: 500;}
.qmup li, .adv li{line-height: 15px;font-size: 13px;font-weight: 400;}
.qmup strong:before, .qmup b:before, .qmup li:before, .adv li:before{position: absolute;left: 0;}
.qmup strong:before{content: "\e000" !important;margin: 0 !important;font-family: 'Material Symbols Outlined';font-variation-settings:'FILL' 1;color: #004a98;}
.qmup b:before{content: "\00B7";}
.qmup li:before, .adv li:before{content: "\00AD";color: initial;}
tr.on .qmup, caption.on .qmup, .btns li.on .qmup{display: block;}
.btns li .btn-qm > i{font-size: 2em;}
.btns li .qmup{right: 0;}
.btns li .qmup li{display: block !important;margin-left: 0 !important;float: unset !important;height: auto !important;font-size: 13px !important;}
.my_mail .flex{align-items: center;justify-content: space-between;}
.my_mail ul.updown{overflow: hidden;}
.my_mail ul.updown li{float: left;}
.my_mail ul.updown li:last-child{float: right;}
.my_mail ul.updown li button{margin-right: 3px;padding: 0;min-width: 25px;min-height: 25px;}
.my_mail ul.updown li:last-child button{margin: 0;padding: 0 8px;}
.my_mail ul.updown .fst, ul.updown .lst{transform: rotate(90deg);}
ul.usage{padding: 5px 10px;line-height: 20px;font-size: 14px;background-color: #f9f9f9;border: 1px solid rgba(0, 0, 0, .15);}
ul.usage li{padding: 2.5px 0;}
ul.usage p.tit{position: relative;margin-right: 15px;width: 60px;font-weight: bold;}
ul.usage p.tit:before{content: "\00B7";margin-right: 5px;}
ul.usage p.tit:after{content: "";position: absolute;top: 3px;right: 0;display: block;width: 1.5px;height: 14px;background-color: rgba(0, 0, 0, .3);}
ul.usage progress{appearance: none;}
ul.usage progress::-webkit-progress-bar, ul.usage progress::-webkit-progress-value{height: 14px;border-radius: 2px;}
ul.usage progress::-webkit-progress-bar{background-color: #e0e0e0;}
ul.usage progress::-webkit-progress-value{background-color: #1b87d4;}

/* Magic-check */
th:has(.radio), th:has(.checkbox), td:has(.radio), td:has(.checkbox){position: relative;}
.radio, .checkbox{position: absolute;overflow: hidden;clip: rect(0,0,0,0);}
.radio[disabled], .checkbox[disabled]{cursor: not-allowed;}
.radio + label, .checkbox + label{position: relative;display: block;margin-right: 5px;padding-left: 22px;cursor: pointer;vertical-align: middle;height: 20px;line-height: 20px;}
.radio + label.txt_n, .checkbox + label.txt_n{margin-right: 0;padding-left: 18px;}
.radio + label.txt_t, .checkbox + label.txt_t{margin-right: 0;padding-left: 0;margin-bottom: 20px;}
.radio + label:hover:before, .checkbox + label:hover:before{animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color;}
.radio:focus + label:before, .checkbox:focus + label:before{border: 1px solid #3e97eb;}
.radio:checked:focus + label:before, .checkbox:checked:focus + label:before{border: 2px solid #000;}
.radio + label:before, .checkbox + label:before{position: absolute;top: 1px;left: 0;display: inline-block;width: 18px;height: 18px;content: "";background-color: #fff;;border: 1px solid #c0c0c0;}
.radio + label:after, .checkbox + label:after{position: absolute;display: none;content: "";}
table .radio + label, table .checkbox + label{height: 30px;line-height: 30px;}
table .radio + label:before, table .checkbox + label:before{top: 6px;}
table .radio + label:after{top: 11px;} 
table .checkbox + label:after{top: 7px;}
table .radio + label.txt_t:before, table .checkbox + label.txt_t:before{top: 30px;left: calc(50% - 9px);}
table .radio + label.txt_t:after, table .checkbox + label.txt_t:after{top: 31px;left: calc(50% - 3px);}

.radio[disabled] + label, .checkbox[disabled] + label{cursor: not-allowed;color: #e4e4e4;}
.radio[disabled] + label:hover, .radio[disabled] + label:before, .radio[disabled] + label:after,
.checkbox[disabled] + label:hover, .checkbox[disabled] + label:before, .checkbox[disabled] + label:after{cursor: not-allowed;}
.radio[disabled] + label:hover:before, .checkbox[disabled] + label:hover:before{border: 1px solid #e4e4e4;animation-name: none;}
.radio[disabled] + label:before, .checkbox[disabled] + label:before{border-color: #e4e4e4;}
.radio:checked + label:before, .checkbox:checked + label:before{animation-name: none;}
.radio:checked + label:after, .checkbox:checked + label:after{display: block;}
.radio + label:before{border-radius: 50%;}
.radio + label:after{top: 6px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background-color: #3e97eb;}
.radio:checked + label:before{border: 1px solid #3e97eb;}
.radio:checked[disabled] + label:before{border: 1px solid #c9e2f9;}
.radio:checked[disabled] + label:after{background-color: #c9e2f9;}
.checkbox + label:before{border-radius: 3px;}
.checkbox + label:after{top: 2px;left: 6px;box-sizing: border-box;width: 6px;height: 12px;transform: rotate(45deg);border-width: 2px;border-style: solid;border-color: #fff;border-top: 0;border-left: 0;}
.checkbox:checked + label:before{border: #3e97eb;background-color: #3e97eb;}
.checkbox:checked[disabled] + label:before{border: #c9e2f9;background-color: #c9e2f9;}
@keyframes hover-color{
  from{border-color: #c0c0c0;}
  to{border-color: #3e97eb;}
}
/*
  The MIT License (MIT)
  Copyright (c) 2016 forsigner
*/

/* paging */
.paging{margin-top: 10px;padding-bottom: 10px;display: flex;justify-content:center;}
.paging li{float: left;}
.paging li.on a, .paging li.on button{font-weight: bold;}
.paging li a, .paging li button{width: 40px;height: 40px;border: 1px solid #dedede;border-right: none;}
.paging li a{display: block;padding: 8px 0;line-height: 22px;text-align: center;}
.paging li:last-child a{border-right: 1px solid #dedede;}
.paging li i{/*font-size: inherit;*/color: inherit;}

/* datepicker */
.ui-datepicker{font-size: 13px !important;width: 200px !important;}
.ui-datepicker select.ui-datepicker-month{width:30% !important;font-size: 12px !important;}
.ui-datepicker select.ui-datepicker-year{width:40% !important;font-size: 12px !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top: 50% !important;transform: translateY(-50%) !important;}
.ui-datepicker .ui-datepicker-prev{left: 1px !important;}
.ui-datepicker .ui-datepicker-next{right: 1px !important;}
.ui-datepicker select.ui-datepicker-year, 
.ui-datepicker select.ui-datepicker-month{padding: 0 !important;width: 40% !important;}

/* 레이어팝업 */
.scroll-off{overflow:hidden;}
.layer-pop{display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.25);transition: all 0.3s;z-index: 900;}
.layer-pop.on{display: block;}
.lp-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 20px 15px;width: 90%;max-width: 400px;text-align: center;background-color: #fff;border-radius: 5px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);z-index: 999;}
.lp-inner:has(.lp-mail){max-width: 700px;}
.lp-inner p{/* font-family: 'GmarketSans'; */font-size: 13px;}
.lp-inner p b{font-weight: 700;color: #ebe4b8;}
.lp-inner div.btns{text-align: right;font-size: 0;}
.lp-inner div.btns button{margin-left: 5px;}
.lp-inner div.btns button:first-child{margin-left: 0;}
.lp-inner div.sort{display: flex;padding-bottom: 15px;}
.lp-inner div.sort label:first-child:before{content: "\00B7";margin-right: 3px;color: #d71a21;}
.lp-inner div.sort input, .lp-inner div.sort select{margin-left: 5px;}
.lp-list li{margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;}
.lp-list label{margin-right: 10px;display: inline-block;width: 50px;font-weight: 500;}
.lp-list input, .lp-list select, .lp-list textarea, 
.lp-list label + div.top, .lp-list div.div_file_wrap{width: calc(100% - 60px);}
.lp-list label + div.top div.div_file_wrap{width: 100%;}
.lp-list div.div_file_wrap input[type="file"]{width: 100%;height: 30px !important;}
.lp-tbl{width: 100%;font-size: 13px;}
.lp-tbl tbody th, .lp-tbl tbody td{padding-top: 10px;}
.lp-tbl tbody tr:first-child th, .lp-tbl tbody tr:first-child td{padding-top: 0;}
.lp-tbl tbody td{text-align: left;}
.lp-tbl caption{line-height: 30px;font-size: 14px;text-align: left;}
.lp-tbl caption:before{content: "\00B7";margin: 0 5px;}
.lp-tbl .pw_inp{width: calc(100% - 50px);}
.lp-tbl .pw_show{display: block;width: 20px;height: 20px;font-size: 0 !important;background: url(../images/icon_eye.png) no-repeat center center;border: 0;}
.lp-tbl .pw_off{display: block;width: 20px;height: 20px;font-size: 0 !important;background: url(../images/icon_eye_off.png) no-repeat center center;border: 0;}
.close-lp{display: inline-block;width: 60px;line-height: 14px;font-size: 10px;color: #fff;background-color: #23bdba;border: 1px solid #fff;}
.close-lp:hover{color: #fff;}
.close-lp.btn-default:hover, .close-lp.btn-secondary:hover{color: inherit;}

.lp-info{padding: 30px 35px 25px;width: 600px;max-width: 100%;max-height: 100%;line-height: 25px;overflow: hidden auto;background: url(../images/bg_lp_info.png) no-repeat center center / cover;}
.lp-info .lp-tit{position: relative;}
.lp-info .lp-tit .lp-ico{position: absolute;top: -5px;left: 0;width: 56px;height: 56px;background: #fff url(../images/ico_lp_info.png) no-repeat 60% center;border-radius: 50%;border: 1px solid #bbb;}
.lp-info .lp-tit p{margin-left: 5%;padding: 10px 0 10px 45px;width: 95%;text-align: left;font-size: 18px;color: #fff;background-color: #1b54a7;border-radius: 20px;}
.lp-info .lp-box {margin-top: 25px;background-color: #fff;border-radius: 20px;border: 1px solid #1b54a7;}
.lp-info .lp-box table{width: 100%;}
.lp-info .lp-box table tr th{font-weight: 500;border-right: 1px solid #bbb;}
.lp-info .lp-box table tr td{padding: 2.5px 10px;text-align: left;}
.lp-info .lp-box table tr th, .lp-info .lp-box table tr td{height: 40px;border-top: 1px solid #bbb;border-right: 1px solid #bbb;}
.lp-info .lp-box table tr:first-child th, .lp-info .lp-box table tr:first-child td{border-top: 0;}
.lp-info .lp-box table tr td:last-child{border-right: 0;}
.lp-info .lp-box table span{padding: 0 10px;}
.lp-info .lp-box table span.hl_r{color: #fff;background-color: #ff0000;}
.lp-info .lp-box table span.hl_y{background-color: #ffe674;}
.lp-info .lp-box table span.arr{padding-right: 20px;color: #1b54a7;background: url(../images/ico_lp_info_arr.png) no-repeat right center;}
.lp-info .lp-box.gray{padding: 30px;border-color: #bbb;box-shadow: 8px 5px #cbcbcb;}
.lp-info .lp-box.gray table{font-size: 15px;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;}
.lp-info .lp-box.gray table tr th{background-color: #f1f7ff;}
.lp-info .lp-box.gray table tr th, .lp-info .lp-box.gray table tr td{height: 35px;}
.lp-info .lp-box.gray input, .lp-info .lp-box.gray textarea{padding: 0;width: 100%;border: none;}
.lp-info .lp-box.gray input.datepicker{padding: 0 8px;border: 1px solid #d3d3d0;}
.lp-info .lp-box.gray textarea{font-size: 13px;resize: none;}
.lp-info .lp-box.gray label{display: inline-block;}
/* .lp-info .lp-box.gray button{color: #fff;background-color: #0d2f61;border: none;} */

.lp-info2{padding: 10px;width: 450px;max-width: 100%;max-height: 100%;overflow-y: auto;background-color: #c5daf7;}
.lp-info2 .lp-wrap{padding: 15px;background: #c5daf7 url(../images/bg_lp_info2.png) no-repeat center center;border-radius: 15px;}
.lp-info2 .lp-tit{display: flex;justify-content: space-around;width: 125px;height: 30px;background-image: linear-gradient(to right, #fff 25%, #1b54a7 25%);border: 1px solid #1b54a7;border-radius: 10px;}
.lp-info2 .lp-tit i{position: relative;line-height: 24px;font-size: 20px;color: #1b54a7;font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 20;}
.lp-info2 .lp-tit i:before{content: "";position: absolute;right: -16px;width: 0px;height: 0px;border-top: 28px solid #fff;border-left: 0px solid transparent;border-right: 15px solid transparent;}
.lp-info2 .lp-tit p{display: inline-block;height: 28px;line-height: 28px;font-size: 17px;color: #fff;}
.lp-info2 .lp-box{margin-top: 15px;font-size: 0;background-color: #fff;border: 1px solid #cecece;border-radius: 5px;}
.lp-info2 .lp-box span, .lp-info2 .lp-box input, .lp-info2 .lp-box textarea{font-size: 14px;}
.lp-info2 .lp-box textarea{padding: 5px 8px;width: 100%;height: 52px;border: none;border-top-left-radius: 5px;border-top-right-radius: 5px;resize: none;}
.lp-info2 .lp-box .flex{padding: 0 15px;height: 52px;align-items: center}
.lp-info2 .lp-box .flex span{margin-left: 5px;}
.lp-info2 .lp-box .btns{padding: 5px 8px;text-align: right;background-color: #f8f8f8;border-top: 1px solid #cecece;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.lp-info2 .lp-box .btns button{min-height: 20px;}

.lp-ttop{padding: 0;}
.lp-ttop .lp-header{position: relative;line-height: 30px;background-color: #011c50;}
.lp-ttop .lp-header p{font-size: 14px;color: #fff;}
.lp-ttop .lp-header button{position: absolute;top: 0;right: 0;padding: 0;width: 30px;font-size: 18px;color: #fff;background-color: transparent;border: 0;}
.lp-ttop .lp-header button i{font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 200;}
.lp-ttop ul{padding: 10px 50px 0;}
.lp-ttop ul li{margin-bottom: 10px;line-height: 20px;font-size: 13px;border-bottom: 1px solid #242424;}
.lp-ttop .lp-file ul{padding: 10px 50px 0;height: 105px;overflow-y: auto;}
.lp-ttop .lp-day{position: relative;padding: 10px 0;}
.lp-ttop .lp-day .arr{position: absolute;top: 31px;padding: 0;width: 30px;color: #d71a21;border: 0;}
.lp-ttop .lp-day .arr i{font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 200,'opsz' 48;}
.lp-ttop .lp-day .arr.left{left: 10px;}
.lp-ttop .lp-day .arr.right{right: 10px;}
.lp-ttop .lp-mail{padding: 15px;max-height: calc(100vh - 30px);overflow-y: auto;text-align: initial;}
.lp-ttop .lp-mail p.tit{line-height: 30px;font-size: 16px;font-weight: 500;}
.lp-ttop .lp-mail dl{margin-top: 5px;}
.lp-ttop .lp-mail dt, .lp-ttop .lp-mail dd{line-height: 20px;font-size: 13px;}
.lp-ttop .lp-mail dt.file, .lp-ttop .lp-mail dd.file{margin-top: 5px;padding: 5px 0;border-top: 1px solid #d3d3d0;min-height: 32px;}
.lp-ttop .lp-mail dd.file{border-bottom: 1px solid #d3d3d0;}
.lp-ttop .lp-mail dd.file:after{content: "";position: absolute;left: -55px;bottom: -1px;width: 55px;height: 1px;background-color: #d3d3d0;}
.lp-ttop .lp-mail dt{float: left;width: 55px;;font-weight: 500;}
.lp-ttop .lp-mail dd{position: relative;margin-left: 55px;min-height: 20px;}
.lp-ttop .lp-mail dd:before{content: ":";position: absolute;left: -7px;}
.lp-ttop .lp-mail .con{margin: 10px 0 5px;}
.lp-ttop .lp-mail .con p{font-size: initial;}
.lp-ttop .lp-upload{padding: 20px 15px;}
.lp-ttop .lp-upload table{width: 100%;}
.lp-ttop .lp-upload th, .lp-ttop .lp-upload td{padding: 0 10px;text-align: left;}
.lp-ttop .lp-upload input{width: 100%;}
.lp-ttop .lp-upload p{text-align: left;}
.lp-ttop .lp-share{}

/***** footer *****/
footer{position: absolute;left: 0;bottom: 0;width: 100%;min-width: 1440px;height: 60px;background-color: #e7ebee;z-index: 90;}
footer > div{padding-left: 60px;max-width: 1760px;height: 60px;}
footer > div > p{padding: 10px;line-height: 20px;text-align: center;font-size: 13px;}
footer > div > p .fc_blue{color: #4097e4 !important;}

/* fnb */
.fnb{position: relative;}
.fnb .f_btn{display: block;}
.fnb .f_btn i{width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 25px;}

.fnb .f_site{display: none;position: absolute;right: 20px;bottom: 70px;width: 350px;list-style: none;}
.fnb.open .f_site{display: block;}
.fnb .f_site_tit{display: flex;align-items: center;padding: 15px 10px 15px 20px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.fnb .f_site_tit span{line-height: 30px;font-size: 20px;}
.fnb .f_site_tit a{margin-left: auto;display: block;line-height: normal;font-size: 0;}
.fnb .f_site_tit i{margin: 0;width: 30px;height: 30px;line-height: 30px;font-size: 25px;opacity: 1;}
.fnb .f_site_list a, .fnb .f_site span, .fnb .f_site i, .fnb .f_site div{color: #fff;}
.fnb .f_site_list a{line-height: 20px;font-size: 15px;}
.fnb .f_site_list i{margin-right: 5px;font-size: 20px;opacity: .5;}
.fnb .f_site_list li{display: flex;align-items: center;padding: 10px 20px;}
.fnb .f_site_list li a{display: flex;align-items: center;}
.fnb .f_site_list li:first-child{padding-top: 20px;}
.fnb .f_site_list li:last-child{padding-bottom: 20px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}

/* bxSlider */
.bx-wrapper{float: left;padding: 18px !important;width: calc(100% - 60px);height: 100%;background: none !important;border: none !important;box-shadow: none !important;}

/* scrollbar */
.sbbox{overflow-y: overlay;visibility: hidden;}
.sbbox > div, .sbbox > table, .sbbox > ul, .sbbox:hover, .sbbox:focus{visibility: visible;}
.card-body > div::-webkit-scrollbar, .hidden .sbbox::-webkit-scrollbar{width: 15px;}
.card-body > div::-webkit-scrollbar-thumb, .hidden .sbbox::-webkit-scrollbar-thumb{background-color: #d71a21;border-radius: 100px;background-clip: padding-box;border: 5px solid transparent;}
.card-body > div::-webkit-scrollbar-track, .hidden .sbbox::-webkit-scrollbar-track{background-color: transparent;}
body::-webkit-scrollbar{width: 15px;}
body::-webkit-scrollbar-thumb{background-color: hsla(0, 0%, 42%, 0.29);border-radius: 100px;background-clip: padding-box;border: 5px solid transparent;}
body::-webkit-scrollbar-track{background-color: transparent;}
/* body{overflow: overlay;} */
/* body::-webkit-scrollbar-corner{background-color: transparent;} */

/*  로딩바  */
.page_ing_wrap {overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background-color:rgba(0,0,0, .2);}
.page_ing_wrap .page_ing {position: fixed; top:50%;  margin-top:-55px;  left:50%;  margin-left:-120px; text-align:center; display: block; background:#fff; border:3px solid #005bad; border-radius:8px; -webkit-border-radius:8px;}


/* @media only screen and (max-width: 1439px){
  .container{-ms-min-logical-height: calc(100vh - 17px);-webkit-min-logical-height: calc(100vh - 17px);}
} */

@media only screen and (max-width: 420px){
  .sidebar.close .nav-links li .sub-menu{display: none;}
}

/* @media only screen and (max-height: 900px){
	.tbl .card-btm .card-body{padding: 0;max-height: 590px;}
	.tbl .card-btm:has(.card-tab) .card-body{max-height: 540px;}
}  //사이트 최소높이 삭제 */