@charset "utf-8";

/* respon max 1400px */
@media screen and (max-width:1400px)
{
    .linkbiz-app .app-btn .app{width:48px}
    
    .toolbar-util{padding-right:20px}
    .toolbar-util .util-nav .nav-push{min-width:48px}
    
    .toolbar-search{margin-left:-150px}
    .toolbar-search .search-area{width:300px}
}


/* respon max 1080px - 태블릿 모듈바 */
/*@media screen and (max-width:1080px)
{
	
	.linkbiz-app .main-list,
	.toolbar-util .util-nav .nav-list{max-width:250px; overflow-x:scroll; white-space:nowrap; display:-webkit-box}
	
	.toolbar-util .util-nav .nav-list{max-width:265px}
	
	.linkbiz-app .main-list:before{position:absolute; top:0; left:120px; content:''; width:200px; height:100%; background:linear-gradient(285deg, #5b5866, transparent); pointer-events:none}
	.toolbar-util .util-nav .nav-list:before{position:absolute; top:0; right:-20px; content:''; width:200px; height:100%; background:linear-gradient(285deg, #5b5866, transparent); pointer-events:none; z-index:999}
	
	.toolbar-util .util-nav .nav-push.core-s:before{left:0px}
	.toolbar-util .util-nav .nav-push.core-e:before{right:0px}
	
	
    .linkbiz-app .main-list::-webkit-scrollbar,
    .toolbar-util .util-nav .nav-list::-webkit-scrollbar{display:none}

}*/



/* max 1024px */

@media screen and (max-width:1366px){
	/* LAYOUT */
	.all-app-nav .depth2_list{grid-template-columns:repeat(3, 1fr)}
	.content-wrap .page-content .dev-content.mobile{min-width:initial; overflow:auto}
	.dev-content.mobile{padding:24px 0px; min-width:initial}
	
}

@media print {
	*{box-sizing: border-box; -moz-box-sizing:border-box}
	html, body {width: 100%;
	page-break-after: avoid;
    page-break-before: avoid}
    .linkbiz-layout{overflow:visible;}
	.linkbiz-app{display:none; }
	.docpilot-box{width: 100% !important;}  
	.content-wrap .page-content{overflow:visible;}
	.content-wrap .page-content .dev-content{overflow:visible; width:100%; min-width: 100%; padding:0px}
	.app-lnb{display:none}
	.toggle-lnb{display:none}
	.report{display:block; height: auto;}
	.report-header .logo{width:2.4cm}
	.report-header .header-tit{margin: auto}
	.report-header h2.stit02{font-size: 16px}
	.report-header h5.stit05{font-size: 14px}
	.report-header .Button{display: none}
	.report-body{font-size: 11px; padding:1cm}
	.report-body .cont {}
	.report-body .cont > ul > li .tit{width:30%}
	.report-body h4.stit04{font-size: 12px}
  	}


@page{size:21cm 29.7cm; margin:0px}
    


@page {
    size: A4;
    margin: 1cm;
    margin-top: 2cm;
    margin-bottom: 2cm;
    bleed: 3mm;
    overflow:visiable;
    position:relative;
    width:210mm;
    height:297mm;
    page-break-before: always
    
}


@media screen and (max-width:1024px) {	
		
	/* LAYOUT */
	.linkbiz-app{min-width: 100%;}
	.linkbiz-app .toggle-app{flex:none}
	.linkbiz-app .app-main{display:none}
	
	.app-lnb{position:fixed; height:calc(100% - 65px); box-shadow: 1px 3px 10px rgb(0 0 0 / 10%);}
	.app-lnb.lnb-collapse{display:none}
	.app-lnb .user-account .account-layer{margin-left:initial; left:initial; right:-50px; top:-12px}
	
	
	.toolbar-search{position:relative; left:0px; margin-left: 24px; }
	.toolbar-search .search-area{display:none;}
	.toolbar-util{width:60px;height:60px; flex:none; justify-content:center; padding-right: 0px;}
	.toolbar-util:before{content:"\ef78"; font-family:'remixicon';  display:block; font-size: 20px;}
	.toolbar-util:hover .util-nav{display:block;}
	.toolbar-util .util-nav{display:none; background: #5b5866; position:absolute; right: 0px; top: 65px;z-index: 4; border-top: 1px solid rgba(255,255,255,0.1); padding:4px 3vw; width:100%; justify-content:center; box-shadow: 0px 4px 5px #00000012;}
	.toolbar-util .util-nav .nav-list{display:grid; grid-template-columns:repeat(auto-fit, minmax(56px, auto)); width:100%; max-width: 600px;}
	.toolbar-util .util-nav .nav-push{min-width: 100%;}	
	.toolbar-util .util-nav .nav-push.core-s:before{left:0px;}
	.toolbar-util .util-nav .nav-push.core-e:before{right:0px;}	
	.toolbar-util .util-nav .nav-push.core-s:before,
	.toolbar-util .util-nav .nav-push.core-e:before{width: 100%;}
	.toolbar-util .util-nav > .nav-list:after{display:none}
	
		
	.linkbiz-toolbar{min-width: 100%;}
	
	.all-app-nav .nav-wrap{padding:80px 60px 120px 60px}
	.all-app-nav .nav_depth{padding-left:0px; min-height: 110px;}
	.all-app-nav .depth_tit{position: relative; height:auto; width:100%;}
	.all-app-nav .depth2_list{grid-template-columns:repeat(4, 1fr)}
	

	.content-wrap .page-content .dev-content{width:100%; overflow:scroll}
	.page-tit-wrap{padding-left:2vw; max-width: calc(100% - 46px) }
	.page-tit-wrap .page-tit #linkCopy{right:4vw}	
	
	
	/* CONTENT - DOCPILOT*/
	.docpilot-box{width:100%; overflow:auto}
	.docpilot-box.lineless .doc-view{width:100%; overflow:auto; border:1px solid #e9e9e9; padding:12px}
	.docpilot-box.lineless .doc-view .view-inner{width:1024px}
	.flag-approval .approval-list{float:initial; display:flex; flex-wrap:wrap; justify-content:flex-end}
	.flag-approval .approval-list li{min-width: 126px; width:126px}
	
	
	/* CONTENT - BOARD - NOTICE */	
	.board-view-top .tit-area .tit{max-width: 100%; word-break:keep-all; white-space:normal;  }
	
	.board-view-top .meta-info{position:relative; display:flex; flex-wrap:wrap; padding-top:20px}
	.board-view-top .meta-info li:last-child{width:100%;}
	.board-view-top .meta-info li:last-child span.tit{border:none; padding-left:0}
		
	.board-view-comment .comment-form{display:flex; flex-direction:column; align-items:flex-end}
	.board-view-comment .comment-form .count-area{top:40px; right:15px}
	.board-view-comment .comment-form .count-area .counting{margin: 4px;}
	.board-view-comment .comment-form .confirm-area .confirm{position:initial; margin-top: 12px;}
	.board-view-comment .comment-form textarea{width:100%; height:62px;}
	
	.dx-toast-content{width:90vw !important;}
	
	
}

@media screen and (max-width:768px) {
	/* LAYOUT */
	.all-app-nav .depth2_list{grid-template-columns: repeat(auto-fit, minmax(140px, auto)); gap:24px 14px}
	
	/* BUTTON */
	.Groupbutton{display:flex;}
	.Groupbutton .Button{flex:1 auto; min-height:40px; height:auto}
	.Groupbutton .Button.small{flex:1 auto; min-height:32px; height:auto}
	.chatroom-wrap .chat-input-area .Button.send-btn{min-height:inherit;}
	
		
	/* DIST */
	.Fileupload .all-fileinfo{display:flex; flex-wrap:wrap; max-width:calc(100% - 160px); top:0px}
	
	/* CONTENT - DOCPILOT*/
	.flag-approval .approval-list{display:flex; justify-content:start; overflow: auto; flex-direction: row; overflow-x: scroll; flex-wrap:nowrap;}
	
	.docpilot-btn{display:flex;}
	.docpilot-btn .Button{flex:1 auto; min-height:40px; height:auto}
	
	.doc-flow{overflow:auto; height:82px; margin-top: 30px;}
	.doc-flow .flow-point{min-width: 267px;}
	.doc-flow .flow-point .tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	}
	
	
	@media screen and (max-width:568px) {
	/* LAYOUT */
		
	/* DIST */
	.Fileupload .all-fileinfo{position:relative; top:0px; margin-bottom: 8px; max-width:100%;}
	.Fileupload .Button.small{float:initial!important}
	
	/* CONTENT - BOARD - NOTICE */	
	/*
	.board-view-comment .comment-list .comment-box .comment-info{position:relative; display:grid; grid-template-columns: 3, 1fr}
	.board-view-comment .comment-list .comment-box .comment-info > li.team,
	.board-view-comment .comment-list .comment-box .comment-info > li.date{font-size: 12px;}
	.board-view-comment .comment-list .comment-box .comment-info > li:nth-child(1){}
	.board-view-comment .comment-list .comment-box .comment-info > li:nth-child(2){grid-column: 2 / 4;}
	.board-view-comment .comment-list .comment-box .comment-info > li button i{font-size: 16px;}
	.board-view-comment .comment-list .comment-box .comment-info > li.date{padding:0px 8px 0px 0px}*/
	.board-view-comment .comment-list .comment-box .comment-info{position:relative; flex-wrap: wrap; }
	.board-view-comment .comment-list .comment-box .comment-info > li.team,
	.board-view-comment .comment-list .comment-box .comment-info > li.date{font-size: 12px;}
	.board-view-comment .comment-list .comment-box .comment-info > li:nth-child(1){width:100%; flex:1 1 auto}
	.board-view-comment .comment-list .comment-box .comment-info > li:nth-child(2){width:100%; flex:1 1 auto; padding-left: 0px;}
	.board-view-comment .comment-list .comment-box .comment-info > li:before{display:none}
	.board-view-comment .comment-list .comment-box .comment-info > li button i{font-size: 16px;}
	.board-view-comment .comment-list .comment-box .comment-info > li.date{padding:0px 8px 0px 0px}
	
	/* CONTENT - DOCPILOT*/
	
	.doc-flow .flow-point{min-width:100%;}
	}
	
	@media screen and (max-width:375px) {
		

	.aprv-wrap{flex-direction:column; width:100%}
	.flag-approval{width:100%}
	}