@charset "utf-8";

/*
 * 신규 style.css
 * 2024.10.22
 *
*/

/* header */
.trAdminMainMenu{background-color:#0f54c9 !important;}
.ulAdminMajor li{background-image:url(../../preImages/new2024/header_line.png);}
.ulAdminMajor li a{color:#a0c3ff;}
.ulAdminMajor li a:hover{color:#fff;}
#adSub-menu5{padding-left:500px !important;}
.trAdminSubMenu .adSub-item.active a,
.adSub-menu li a:hover{color:#fcd318; border-bottom-color:#fcd318;}

/* popup */
#popup-wrap{padding:20px 10px;}

/* button */
.btnOrangeM.btn,
.btnBlueM.btn{width:auto; padding-left:20px; padding-right:20px;}
.btnBlueS.btn,
.btnOrangeS.btn{width:auto !important; padding-left:10px; padding-right:10px;}
.btnBlueS.gray,
.btnOrangeS.gray{background-color:#8f8a88;}
.btn-round{display:inline-flex; justify-content:center; align-items:center; min-width:50px; height:26px; box-sizing:border-box; padding:0 10px; background-image:linear-gradient(0deg, #ddd, #fff); border:1px solid #aaa; border-radius:50rem; cursor:pointer;}
.btn-round i{flex:none; min-width:10px; margin-right:3px;}
.btn-round:hover{background-image:linear-gradient(0deg, #fff, #ddd);}
.btn-round.blue{background-image:linear-gradient(0deg, #bfd7ff, #fff); border-color:#0f54c9; color:#0f54c9;}
.btn-round.blue:hover{background-image:linear-gradient(0deg, #fff, #bfd7ff);}
.btn-round.red{background-image:linear-gradient(0deg, #ffbfbf, #fff); border-color:#c90f0f; color:#c90f0f;}
.btn-round.red:hover{background-image:linear-gradient(0deg, #fff, #ffbfbf);}
.btn-round.black{border-color:#333; color:#333;}
	/* 하단버튼 */
.btn_pack_align:not(.bottom){margin:10px 0 20px; text-align:center;}
.btn_pack_align.bottom{padding:7px; margin-top:10px; background-color:transparent; text-align:center;}
.btn_pack_align .btn-round{min-width:70px; height:35px; font-size:15px;}
.btn_pack_align.big .btn-round{min-width:120px;}
	/* 초기화버튼 */
.reset-btn{position:relative; width:30px; height:30px; background-color:#fff; border:1px solid #444; border-radius:5px; font-size:0; cursor:pointer;}
.reset-btn:before{content:''; display:block; position:absolute; top:50%; left:50%; width:15px; height:17px; margin:-8px 0 0 -7px; background:url(../../preImages/new2024/icon_reset.png) no-repeat 50% 50%; background-size:auto 100%;}
.reset-btn:hover{background-color:#eaf2ff; border-color:#0f54c9;}

/* table */
.tblPropertyUser.custom th{width:auto; padding:0 10px; text-align:center;}
.tblPropertyUser.custom.tac td{text-align:center;}
.tblPropertyUser.custom thead th{line-height:1.2; font-size:13px;}
.tblPropertyUser.custom.blue thead th{background-color:#eff8ff;}
.tblProperty.white{border-top-color:#e5e5e5; border-bottom-color:#e5e5e5;}
.tblProperty.custom th{width:auto;}
.fileInput_group{display:flex; flex-direction:column; gap:5px;}
.fileInput_group span.file{background-color:#ebf3fa;}
.fileInput_group span label{display:block; margin-bottom:5px; padding:5px 5px 0; font-size:12px; font-weight:600; color:#0f54d3;}
.fileInput_group input[type="file"]{background-color:#eee;}

/* file */
.list_file li{display:flex; align-items:center; gap:5px; margin-top:4px;}
.list_file li:first-child{margin-top:0px;}
.list_file li > a{vertical-align:middle;}
.list_file li > a:not(.del){flex:auto !important; display:inline-block; position:relative; padding-left:20px;}
.list_file li > a:not(.del):before{content:''; display:block; position:absolute; left:0px; top:0px; width:16px; height:16px; background:url(../../preImages/new2024/icon_file.png) no-repeat 0 0;}
.list_file li > a:not(.del):hover,
.list_file li > a:not(.del):focus{color:#2783c7;}
.list_file li > a.del{flex:none; display:inline-block; width:20px; height:20px; background:url(../../preImages/new2024/icon_del.png) no-repeat 50% 0; background-size:16px 16px; font-size:0px;}

/* flex */
.flex-group{display:flex; align-items:center; gap:10px;}
.flex-group.between{justify-content:space-between;}
.flex-group.wrap{flex-wrap:wrap;}
.flex-group input:not([type="radio"]):not([type="checkbox"]){width:100%;}
.flex-group a{flex:none;}

/* title */
.title-icon{display:inline-flex; align-items:center; gap:3px; font-size:15px; color:#222;}
.title-icon .ico{display:block; width:5px; height:5px; background-color:#666; border-radius:100%;}
.title-box{margin:20px 0 10px;}

/* tip */
.tip-text{position:relative; padding-left:20px; margin-top:20px; font-size:14px; color:#0f54c9}
.tip-text:before{content:''; display:block; position:absolute; left:0; top:-2px; width:16px; height:16px; background:url(../../preImages/new2024/icon_info_blue.svg) no-repeat 50% 50%; background-size:auto 100%;}

/* 레이어팝업 */
.jqx-window-content{padding:0 !important}
.jqx-widget-content iframe{width:100% !important; height:100% !important; border:0 !important;}
.jqx_layer .jqx-window-header{padding:10px;}
.jqx_layer .jqx-window-header h2{font-size:20px; font-weight:600;}
.jqx-window-close-button-background{top:7px !important; width:30px !important; height:30px !important;}

/* step list */
.list_step{counter-reset:title; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; margin-bottom:20px;}
.list_step > li{flex:none; position:relative; height:44px; box-sizing:border-box;}
.list_step > li:nth-of-type(1){width:auto;}
.list_step > li:not(:nth-of-type(1)):after{content:''; display:block; width:200px; height:4px; background:#585858;}
.list_step > li > a,
.list_step > li > div{display:inline-block; position:absolute; top:-10px; left:100%; z-index:10; font-size:14px; color:#333; font-weight:500; text-align:center; white-space:nowrap; transform:translateX(-50%);}
.list_step > li > a:before,
.list_step > li > div:before{counter-increment:title; content:counter(title) " "; display:block; width:23px; height:23px; line-height:23px; margin:0 auto 10px; background:#585858; border-radius:100%; font-family:'Segoe UI', Sans-serif; font-size:13px; text-align:center; font-weight:500; color:#fff; transform:scale(1,1); transform:0.3s ease;}
.list_step > li.on:after{background:#c54848;}
.list_step > li.on > a:before,
.list_step > li.on > div:before{background:#c54848; box-shadow:0px 3px 10px rgba(0,0,0,0.35); color:#fff; transform:scale(1.3,1.3);}
.list_step > li.on > a,
.list_step > li.on > div{color:#111;}
.list_step > li.on ~ li > a,
.list_step > li.on ~ li > div{color:#878787;}
.list_step > li.on ~ li > a:before,
.list_step > li.on ~ li > div:before{background:#e6e6e6; box-shadow:none; color:#8b8b8b; transform:scale(1,1);}
.list_step > li.on ~ li:after{background:#e6e6e6;}

/* flex list */
.list-flex{display:flex; flex-direction:column; gap:7px;}
.list-flex li{display:flex; align-items:flex-start;}
.list-flex li em{flex:none; width:80px; font-weight:600; font-style:normal; color:#111;}
.list-flex li span{flex:auto; line-height:1.3; word-break:keep-all;}
.list-flex li span strong{font-weight:normal; color:#2e4be1;}

/* 기탁신청 */
.apply-area .list_step{margin-top:30px; margin-bottom:10px;}
.apply-form{margin-top:20px;}
.apply-form .tblProperty{margin-bottom:20px; border-top-color:#e5e5e5; border-bottom-color:#e5e5e5;}
.apply-form .tblProperty th{width:auto; text-align:left;}
.apply-form .tblProperty .fileInput_group{flex:0 1 50%;}
.apply-form .tblProperty .flex-group a{flex:none;}
.apply-form .tblProperty .flex-group .file{flex:auto; background-color:transparent;}
.apply-form .flex-group{margin-bottom:10px;}
	/* search */
.area_new_search{position:relative; padding:10px 20px; background-color:#fafafa; border:1px solid #ddd;}
.area_new_search:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:2px; background-color:#fff;}
.area_new_search .group{display:flex; justify-content:center; align-items:center; gap:3px; width:80%; margin:0 auto;}
.area_new_search .group li{flex:auto; display:flex; align-items:center; gap:10px;}
.area_new_search .group label{flex:none; color:#999;}
.area_new_search .group input[type="text"]{width:100%; height:26px; border:1px solid #ccc;}
.area_new_search .group li[data-group="btn"]{flex:none;}
.btn_search_new{display:inline-flex; justify-content:center; align-items:center; min-width:50px; height:26px; box-sizing:border-box; padding:0 10px; background-image:linear-gradient(0deg, #ddd, #fff); border:1px solid #aaa; border-radius:50rem; cursor:pointer;}
.btn_search_new:hover{background-image:linear-gradient(0deg, #fff, #ddd);}
	/* 결과 */
.food-search__list{overflow-y:auto; max-height:200px; padding:10px; margin:5px 0 10px; background-color:#edf0fb;}
.food-search__list .list{display:grid; grid-template-columns:repeat(4, 1fr); gap:5px;}
.food-search__list .list > li{display:flex; align-items:center; padding:5px; background-color:#fff; border:1px solid #fff; font-size:13px;}
.food-search__list .list > li:hover{border-color:#666;}
.no_data_new{padding:10px 0; text-align:center; font-size:13px; color:#999;}
	/* 선택값 */
.facet-result{margin-top:10px; padding:10px; border:1px solid #666;}
.facet-result ul{display:flex; flex-wrap:wrap; gap:5px 10px;}
.facet-items{padding:5px 10px; background-color:#fafafa; border:1px solid #ddd; border-radius:3px;}
.facet-btn__del{width:20px; height:20px; border:1px solid #ddd; border-radius:100%; font-size:12px; cursor:pointer;}
.facet-btn__del:hover{border-color:#666;}
.facet-none{padding:10px 0; text-align:center; color:#999; font-size:13px;}

/* 기탁신청서 */
.title-checkbox{font-size:13px !important; font-weight:normal !important;}

/* 기탁자원정보 */
.examGroupSlide.custom{margin-bottom:30px; line-height:inherit !important;}
.examGroupSlide.custom table tr{cursor:auto !important;}
.resources_info_box{padding:10px; background:#f5f5f5; border:1px solid #111; border-top-width:0;}
.resources_info_box .tblProperty{margin-bottom:10px;}
.depo-items-list span:after{content:','; display:inline;}
.depo-items-list span:last-child:after{display:none;}

/* 기탁완료 */
.accept-box{padding:20px; background-color:#edf0fb; text-align:center;}
.accept-box p{word-break:keep-all; font-size:15px; line-height:1.4;}
.accept-box strong{font-weight:600; color:#f42468;}
.accept-box small{display:block; margin-top:10px;}

/* 바코드 관리 */
.barcode-view{margin-top:10px;}
.barcode-view > .flex-group{margin-top:20px;}
.barcode-view-box{margin-top:10px; padding:10px; background-color:#edf0fb;}

/* 검색영역 정렬수정 */
.search-line-admin{display:flex; flex-wrap:wrap; align-items:center; gap:5px 10px; margin-bottom:5px;}
.search-line-admin > span{display:flex; align-items:center; gap:5px;}

/* 툴팁 */
.tooltip-admin{display:inline-block; position:relative; margin-left:10px;}
.tooltip-admin > span{position:relative; padding-left:20px; font-weight:600; color:#f42468;}
.tooltip-admin > span:before{content:''; display:block; position:absolute; left:0; top:1px; width:16px; height:16px; background:url(../../preImages/new2024/icon_info_tool_new.png) no-repeat 50% 0;}
.tooltip-admin .tooltip-box{opacity:0; visibility:hidden; position:absolute; z-index:10; min-width:300px; background-color:#fff; border:1px solid #111; border-radius:3px; padding:15px; box-shadow:0 10px 20px rgba(0,0,0,0.1); transition:0.3s ease;}
.tooltip-admin:hover .tooltip-box{opacity:1; visibility:visible;}