.ui-menu-item-wrapper {
    font-size: 14px ;
    background-color: #f6f7fb ;
}

/*추가 김강준 css 2025-01-08*/
#bcategory, #mcategory, #person_ae, #person{
    height: 40px;
    padding: 0 0 0 5px;
    font-size: 12px;
    color: #888;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
}
.etc_form{
	margin:5px;
}
/* */

/* 공통 */
section{padding:80px 0 0 0;}
.clear:after{content:''; display:block; clear:both;}
.disOn{display:block;}
.disOff{display:none;}
.marR20{margin-right:20px !important;}

.con-left{position:fixed; top:0; left:0; z-index:20; width:15%; height:100%; background-color:#3b44ac; transition:all .4s;
overflow-x: auto;white-space: nowrap;    -ms-overflow-style: none;    scrollbar-width: none;}
.con-right{position:relative; width:85%; margin-left:15%; transition:all .4s;}
/*top-margin : 71px 뺌 */
.contents{ 
	    position: relative;
    width: 85%;
    margin-left: 15%;
    transition: all .4s;
}
.contents h3{font-size:3rem; font-weight:700;}
.contents-area {
	    margin-top: -8px;
    padding: 40px;
    border-radius: 10px;
    background-color: #f6f7fb;
    box-sizing: border-box;
}
.contents-list {
	/*----------2025-11-04 project css 수정(김강준)*/
	 margin-top: 70px;
	/*----------*/
    padding: 40px;
    border-radius: 10px;
    background-color: #f6f7fb;
    box-sizing: border-box;
}
#wholeCont.active .con-left{float:none; left:0; top:0; transform: translateX(-101%); -webkit-transform:translateX(-101%); transition:all .4s;}
#wholeCont.active .mo-menu-trigger{left:40px;}
#indexCont.active .contents{float:none; width:100%; margin-left:0%; transition:all .4s;}

.con-left h1{min-height:71px; padding:20px 0; font-size:2rem; font-weight:700; color:#fff; text-align:center; border-bottom:1px solid rgba(255, 255, 255, 0.1); background-color:#3b44ac; box-sizing:border-box;}

.gnb{margin-top:10px;}
.gnb h2{padding:10px 20px; font-size:16px; font-weight:500; color:#fff;}
.gnb h2 i{margin-right:5px;}
.gnb ul{margin-bottom:10px; padding:5px 20px; background:#4652bc;}
.gnb ul:last-child{margin-bottom:0;}
.gnb ul li{padding:5px 10px;}
.gnb ul li i{margin-right:5px;}
.gnb ul li a{display:block; font-size:14px; color:rgba(255, 255, 255, 0.7);}
.gnb ul li a:hover{color:rgba(255, 255, 255, 1);}

.snb{position: fixed; top:0; left:0; z-index:10; width:100%; min-height:71px; padding:24px 40px 24px 0; text-align:right; border-bottom:1px solid rgba(0, 0, 0, 0.1); background-color:#fff; box-sizing:border-box;}
.snb div.snb-myp{padding-left:265px; display: inline-block;}

.snb-logo{position:fixed; padding: 0px 0px 24px 40px;}

.title_1 {
    width: 100%;
    height: 40px;
    padding: 5px;
    font-size: 13px;
    color: #888;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
}
.mo-menu-trigger, .mo-menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box;}
.mo-menu-trigger{position:absolute; top:28px; left:320px; z-index:999999999; display:block; width:22px; height:17px; cursor:pointer;}
.mo-menu-trigger span{position:absolute; left:0; width:100%; height:3px; background-color:#3b44ac; border-radius:4px;}
.mo-menu-trigger span:nth-of-type(1){top:0;}
.mo-menu-trigger span:nth-of-type(2){top:7px;}
.mo-menu-trigger span:nth-of-type(3){bottom:0;}

.m-gnb-bg{display:none;}

.snb-myp{margin-left:60px; padding-right:25px; font-size:14px; color:#747373;  cursor:pointer;}

footer{height: 70px; padding: 22px 40px; font-size: 13px; color: #fff; background-color: #252f42; box-sizing: border-box; text-align:right;}

/*login..?*/
.login-box{
	position: absolute;
    top: 19%;
    left: 50%;
    width: 360px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}
.email_input{
	width: 100%;
    height: 55px;
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    border-radius: 100px;
    border: 0px;
    background-color: #3b4148;
    box-sizing: border-box;
    margin-bottom:10px;
}
#login_email::placeholder {
	color:white;
}
.login-pwd{
	width: 100%;
    height: 55px;
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    border-radius: 100px;
    border: 0px;
    background-color: #3b4148;
    box-sizing: border-box;
}
#login_pass::placeholder {
	color:white;
}
.login_top{color: rgba(0, 0, 0, 0.5);font-size: 14px;padding-right: 0.5rem;padding-left: 0.5rem;display: block; outline: 0;text-decoration: none;}
.login-btn{
	width: 100%;
    height: 55px;
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    border-radius: 100px;
    border: 0px;
    background-color: #2c2c79;
    box-sizing: border-box;
    margin-top: 10px;
}

/* index */
.contents-tit{position:relative; padding-bottom:10px; margin-bottom:2%; border-bottom:1px solid #e5e5e5;}

.basic-btn{position:absolute; top:5px; right:0px;}
.basic-btn a{display:inline-block; margin-right:5px; padding:6px 30px; font-size:14px; color:#fff; text-align:center; border-radius:4px; border:2px solid #3b44ac; background-color:#3b44ac; box-sizing:border-box;}
.basic-btn a:last-child{margin-right:0;}

.basic-btn a.print{color:#3b44ac; background-color:#fff;}


.search{padding:20px; border-bottom:3px solid #3b44ac; background-color:#fff; box-sizing:border-box;}
.search li{float:left; margin-right:5px;}
.search li:last-child{margin-right:0;}

.search-btn a{display:inline-block; padding:12px 12px; color:#fff; border-radius:4px; background-color:#3b44ac;}
.search select{height:40px; padding:0 0 0 5px; font-size:12px; color:#888; border:1px solid #ccc; border-radius:4px; background-color:#fff; box-sizing:border-box;}
.search input[type="text"]{width:200px; height:40px; padding:5px; font-size:12px; color:#888; border:1px solid #ccc; border-radius:4px; background-color:#fff; box-sizing:border-box;}


.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.work-area{margin-top:2%;}
.work-list{margin-bottom:20px;}
.work-list h4{padding-bottom:5px; font-size:2rem; font-weight:500; color:333; border-bottom:1px solid #e5e5e5;}
.work-item{margin-top:20px;}
.work-item li{margin-bottom:5px; font-size:14px; color:#888;}
.work-item li a{float:left; display:block; width:66%; color:#888;}
.work-item li span{float:right; display:block; width:34%; text-align:right;}
.work-item li:after{content:''; display:block; clear:both;}


.wl-all{margin-top:10px; padding:20px; border-radius:8px; border:1px solid #e5e5e5; background-color:#fff; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.05); box-sizing:border-box;}
.wl-col2 > ul:after{content:''; display:block; clear:both;}
.wl-col2 > ul > li{float:left; width:49%; margin-right:2%; margin-bottom:20px; padding:20px; border-radius:8px; border:1px solid #e5e5e5; background-color:#fff; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.05); box-sizing:border-box;}
.wl-col2 > ul > li:nth-child(even){margin-right:0;}



/* table */
.work-table-area{min-height:570px; margin-top:20px; padding:20px; border-radius:8px; background-color:#fff; box-sizing:border-box;}
.work-table{display:table; width:100%;}
.work-table ul{display:table-row;}
.work-table ul li{display:table-cell; padding:15px 10px; font-size:14px; color:#888; text-align:center; vertical-align:middle; border-bottom:1px solid #eee;}
.work-table ul li a:nth-child(1){margin-right: 5px;}
.work-table ul.header li{padding:20px 10px; font-weight:500; color:#282828; font-size:15px; text-align:center !important; background-color:#f6f7fb;}

.wt-memo ul li:nth-child(5){text-align:left;}
.wt-project ul li:nth-child(3){text-align:left;}
.wt-group ul li:nth-child(1){width:8%;}
.wt-group ul li:nth-child(2){text-align:left;}

.wta-btn{width:123px;}
.wta-btn a{display:inline-block; padding:2px 8px; font-size:11px; color:#fff; border-radius:4px; background-color:#16daa0;}
.wta-btn a.wta-btn-del{background-color:#ff0000;}

/*강준 css 추가 2025-01-09*/
.wta-btn a.wta-btn-copy{background-color:#3b44ac;}


.tableNum{margin-top:20px; text-align:center;}
.tableNum a{display:inline-block; padding:2px 6px; font-size:14px; color:#707070;}
.tableNum a.active{color:#3b44ac;}



/* Register */
.register-tab li{float:left; width:150px;}
.register-tab li a{display:block; padding:10px 0; font-size:16px; color:#666; text-align:center; border:1px solid #e5e5e5; border-bottom:0px; background-color:#fff;}
.register-tab li.active a, .register-tab li a:hover{color:#fff; border:1px solid #3b44ac; border-bottom:0px; background-color:#3b44ac;}

.register-area{display:table; width:100%; border-top:3px solid #3b44ac;}
.register-area dl{display:table-row;}
.register-area dl dt, .register-area dl dd{display:table-cell; padding:15px 20px; font-size:14px; vertical-align:middle; border-bottom:1px solid #e5e5e5;}
.register-area dl dt{width:15%; font-size:16px; font-weight:500; background-color:#f6f7fb;}

.register-area dl dd span{display:inline-block; margin:2.5px 0; color:#606468;}
.register-area dl dd span:after{content:''; display:block; clear:both;}
.register-area dl dd label{display:inline-block; margin-right:5px;}
.register-area dl dd input[type="text"], .register-area dl dd input[type="date"], .register-area dl dd input[type="number"], .register-area dl dd input[type="password"], .register-area dl dd input[type="email"]{width:100%; height:40px; padding:5px; font-size:13px; color:#888; border:1px solid #ccc; border-radius:4px; background-color:#fff; box-sizing:border-box;}
.register-area dl dd span input[type="checkbox"]{vertical-align:-1px;}
.register-area dl dd span input.date{width:120px;}
.register-area dl dd span label{margin-left: 5px;}
.register-area dl dd select{width:100%; height:40px; padding:0 0 0 5px; font-size:13px; color:#888; border:1px solid #ccc; border-radius:4px; background-color:#fff; box-sizing:border-box;}
.register-area dl dd textarea{width:100%; height:150px; padding:5px; font-size:13px; color:#888; border:1px solid #ccc; border-radius:4px; background-color:#fff; box-sizing:border-box;}

.register-area dl dd.col8 span{float:left; display:block; width:11.11%;}
.register-area dl dd.col6 span{float:left; display:block; min-width:16.66%;}
.register-area dl dd.col5 span{float:left; display:block; width:20%;}
/*.register-area dl dd.col4 span height 주기 김강준 2025-01-09 */
.register-area dl dd.col4 span{float:left; display:block; width:25%; height: 40px;}
.register-area dl dd.col3-m span{float:left; display:block; width:30%; margin-right:1%;}
.register-area dl dd.col3-m span:nth-child(3){margin-right:0;}

.register-area dl dd.col6 span.col-etc{width:100%;}

.work-category span{float:left; display:block;}
.work-category span:nth-child(1){min-width:30%;}
.work-category span:nth-child(2){width:29%; margin-left:1%;}

.work-input input[type="text"]{width:40px !important; height:30px !important; padding:5px; font-size:13px; color:#888; border:1px solid #ccc; border-radius:4px; background-color:#fff; box-sizing:border-box;}
.work-input input[type="text"].form-etc2{
	width: 100% !important;     
}
.work-input input[type="text"].form-etc{
	width: 70% !important;
    margin-left: 5px;
}

.etc_cnt {
	margin-left : 5px;
}

.register-area dl dd span input:disabled{background-color:#ccc;}


.regi-btn{margin-top:10px; text-align:right;}
.regi-btn a{display:inline-block; margin-right:5px; padding:6px 30px; font-size:14px; color:#fff; text-align:center; border-radius:4px; border:2px solid #3b44ac; background-color:#3b44ac; box-sizing:border-box;}
.regi-btn a:last-child{margin-right:0;}
.regi-btn a.del{color:#fff; border-color:#ff0000; background-color:#ff0000;}
.regi-btn a.list{color:#3b44ac; background-color:#fff;}

#keywordBox{border: 1px solid #ccc; position: absolute; background-color: #fff; min-width: 22.7%;}
#keywordBox.li:hover{background-color: #d7d4ff}

.check-btn{width: 14%;}
.check-btn a{display:inline-block; padding:2px 8px; font-size:11px; color:#fff; border-radius:4px; background-color:#16daa0; margin-right: 0px !important;}

/* 설정 화면 관련 + 팝업 */
.re-setting-area{display:flex; gap:20px; min-height:600px; }
.re-setting-menu{font-size:14px;}
.s-card-tit{display: flex; justify-content: space-between; border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
.s-card-tit h4{font-size:20px; font-weight: 400;}
.setting-add{color:#3b44ac;; border:1px solid #3b44ac; display:inline-block;  background-color: #fff; padding:3px 7px; box-sizing: border-box; border-radius:4px; font-size:15px;}
.setting-del{color:#fff; border:1px solid #3b44ac; display:inline-block;  background-color: #3b44ac; padding:3px 7px;box-sizing: border-box; border-radius:4px; font-size:15px;}
.s-card-tit dd{padding-top:2px;}

.setting-card-left{flex: 2; padding:20px; border-radius:8px; border:1px solid #e5e5e5; background-color:#fff; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.05); box-sizing:border-box;}
.setting-card-right{position: relative; flex: 8;  padding: 20px;  border-radius: 8px;  border: 1px solid #e5e5e5; background-color: #fff; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);  box-sizing: border-box; display: flex; flex-direction: column;  }

.resetting-btn{display:flex; gap:10px; justify-content: flex-end; padding-top:20px;}
.resetting-btn button{color:#fff; border:1px solid #3b44ac; display:inline-block;  background-color: #3b44ac; padding:10px 30px; box-sizing: border-box; border-radius:4px; }

.s-card-inner {display: flex;
    flex: 1; /* 남은 공간 꽉 채움 */
    overflow: hidden; font-size:16px;}
.setting-checklist{background-color: #f6f7fb; padding:20px; box-sizing: border-box; }
.setting-checklist input{vertical-align:top; margin-top:6px;}
.setting-section{padding:20px 40px;}
.setting-section .form-row{display: flex;
	align-items: center;  gap: 10px; margin-bottom: 10px; color:#888888; font-size:14px;}
.setting-section input{ border:1px solid #e5e5e5; width:400px; padding:20px; box-sizing: border-box; border-radius:5px; }
.setting-section select{ border:1px solid #e5e5e5; width:400px; padding:20px; box-sizing: border-box; border-radius:5px; }
    
.setting-modal-bg{position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;}

.setting-modal{ background: #fff;
	width: 320px;
	border-radius: 6px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.2);
	padding: 20px;}

.setting-modal h4{font-size:20px;  border-bottom:1px solid #e5e5e5; padding-bottom:10px;}

.setting-modal input{ border:1px solid #e5e5e5; width:200px; padding:10px; box-sizing: border-box; border-radius:5px; margin-bottom:10px;}
.setting-modal ul{padding-top:20px;}
.setting-modal li{display: flex;} 
.setting-modal li label{color:#888888; font-size:14px; flex: 2; vertical-align: top; padding-top:8px; }
.setting-modal li input{flex: 8; }
/*.setting-modal li form{flex: 8; }*/
    
.setting-modal li .s-select-wrap{flex:8.8; width:100%;}	/* 2025-11-13 수정 */
/*.setting-modal li:last-child .s-select-wrap{flex:8.8; width:100%;}*/
/*.s-select-wrap form{display:block; }*/
    
.s-select-wrap select{border:1px solid #e5e5e5; width:100%; padding:10px; box-sizing: border-box; border-radius:5px; margin-bottom:10px; color:#888888; }
    
.setting-modal>ul {border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
.setting-modal .resetting-btn{border-bottom:none;}

span.fancytree-custom-icon.user-h {
    background-image: url('../img/icon_h.png');
}

span.fancytree-custom-icon.user-m {
    background-image: url('../img/icon_m.png');
}

span.fancytree-custom-icon.user-t {
    background-image: url('../img/icon_t.png');
}


@media only screen and (max-width: 1440px) {
	.con-left{width:20%;}
	.con-right{width:80%; margin-left:20%;}

	/* index */
	.work-item li a{width:56%;}
	.work-item li span{width:44%;}
}


@media only screen and (max-width: 1280px) { 
	
	.contents{padding: 4%;}
	#container .mo-menu-trigger{right:-24%;}
	#container.active .mo-menu-trigger{right:-30%;}

	.snb{padding:24px 4% 24px 0;}
	footer{padding:22px 4%;}

	/* index 
	.wl-col2 > ul > li{float:none; width:100%; margin-right:0;}
	*/

	/* register */
	.register-area dl dd.col8 span{width:16.66%;}
	.register-area dl dd.col4 span{width:50%;}

}


@media only screen and (max-width: 960px) {
	
	.snb-myp{margin-left:20px;}

	.con-left{position:fixed; top:0; left:0px; z-index:99999999; float:none; width:280px; height:100% !important; transform: translateX(0); -webkit-transform:translateX(0);}
	.con-right{float:none; width:100%; margin-left:0;}
	.mo-menu-trigger span{background-color:#fff;}
	.m-gnb-bg{position:fixed; display:block; top:0; left:0; z-index:9999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);}

	#container.active .con-left{transform: translateX(-280px); -webkit-transform:translateX(-280px);}
	#container .mo-menu-trigger{right:-14%;}
	#container.active .mo-menu-trigger{right:-22%;}
	#container.active .mo-menu-trigger span{background-color:#3b44ac;}
	#container.active .m-gnb-bg{display:none;}

	.contents{padding:8% 4%;}

	.contents-area{overflow-x:scroll; width:100%;}
	.contents-list{width:1180px;}

	/* register */
	.register-area dl dd.col4 span{width:33.33%;}

}

@media only screen and (max-width: 640px) {
	.con-left h1{padding:23px 0;}
}

.no-bullets {
	list-style: none;
	padding-left: 0px;
}

#flex{
	display: flex;
}

.col-sm-2{
	width:16.6%;
}
.col-sm-6{
	width:50%;
}