@charset "utf-8";

/* skip */
#skipnav {overflow:hidden; position:absolute; width:100%; z-index:1000;}
#skipnav a {display:block; overflow:hidden; height:1px; width:1px; margin:0 -1px -1px 0; font-size:0; line-height:0; text-align:center;}
#skipnav a:focus, #skipnav a:hover, #skipnav a:active {width:auto; height:20px; margin:0; padding:8px 0 5px; background:#20262c; font-size:12px; font-weight:700; line-height:1; color:#fff;}

.skip_info {display:block; position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:100%;}

#adm_wrap {/* padding-bottom:40px; */min-height:100%;min-width:1200px;position:relative;box-sizing:border-box;}
.innerwrap {max-width:1200px; margin:0 auto;}

nav > ul > li.has_sub > a::after, .menu_toggle > span, 
.chkbox input:checked+i::before, 
.file_list > div > button > span::before, .file_upload label i::after,
.paging .page_bt::after, .es, .wr_cm_txt span::before, .cm_list > div .cm_answer::before, .rating_star, .rating_star_per {content:''; background-image:url(../images/icons.png); background-repeat:no-repeat;}

header * {box-sizing:border-box;}
header {position:relative; z-index:1;}
header .head {overflow:hidden;/* border-bottom:3px solid rgba(67,75,83,1); */padding: 15px 15px 0;height: 60px;/* background-color: #eef1f5; */background: url(../images/head_bg1.png) left bottom no-repeat;background-color: #eef1f5;}
header .head.active{background:none;}
header .head h1 {color:#111;font-size: 22px;font-weight: 900;letter-spacing:0;float:left;width: 210px;text-align: center;float:left;margin-top: -5px;}
header .head h1 i {color:#e3e3e3; font-size:12px; font-weight:400;}
header .head .top_menu {float:right;}
header .head .top_menu > div {display:inline-block; font-size:13px;}
header .head .top_menu > div i {font-size:12px; color:#fff;}
header .head .top_menu > div button {background:#434b53; border:0; border-radius:3px; width:28px; height:28px; padding:0;}
header .head .top_menu > div.login_user {margin-right:20px;}
header .head .top_menu > div.login_user strong, header .head .top_menu > div.login_user strong i {color:#333;}
header .head .top_menu > div.login_user strong i {font-size:16px; vertical-align:bottom;}
.hd_menu{ float:left; margin-left:50px;}
.hd_menu li{float:left;margin-right: 10px;}
.hd_menu li a{padding:5px;font-size: 16px;font-weight: 500;}
.hd_menu li a.on, .hd_menu li a:hover{color: #268bd3;font-weight: bold;}

/* nav메뉴 */
nav * {box-sizing:border-box;}
nav > ul > li {/* border-bottom: 1px solid #40616a; */position:relative;/* margin: 0 10px; */}
nav > ul > li::before {content:'';background: #1d4c6c;width:100%;height:1px;position:absolute;bottom:0;left:0;}
nav > ul > li a {display:block; color:rgba(255,255,255,0.9);}
nav > ul > li a.on {color:#fff;}
nav > ul > li > a {font-size:15px;font-weight:500;padding: 10px 20px;}
nav > ul > li > a.on, nav > ul > li > a:hover {background: #072b44;border-bottom-color:transparent;position:relative;}
nav > ul > li > a span {display:block; position:relative;}
nav > ul > li > a.on + ul {display:block;}
nav > ul > li > ul {display:none; padding:10px 0;}
nav > ul > li > ul > li > a {padding:5px 15px 5px 25px; position:relative;}
nav > ul > li > ul > li > a::before {content:''; background:#aaa; width:3px; height:2px; position:absolute; top:14px; left:15px;}
nav > ul > li > ul > li > a.on {color:#75e0e6;}
nav > ul > li > ul > li > a.on::before {background:#75e0e6;}
nav > ul > li > ul ul {background:rgba(255,255,255,0.07); border-radius:6px; padding:5px 0; margin:5px 15px;}
nav > ul > li > ul ul > li > a {padding:5px 15px; font-size:13px;}
nav > ul > li.has_sub > a::after {content:''; display:inline-block; background-position:0 0; position:absolute; top:50%; right:15px; margin-top:-3px; width:10px; height:6px; z-index:1; transition:all 0.1s; transform-origin:50% 50%;}
nav > ul > li.has_sub > a.on::after {transform:rotate(180deg); opacity:1;}

nav > ul > li.tit{text-align:center;padding: 28px 10px;color: #fff;font-size: 20px;border-bottom: 4px solid #08283e;background: #eef1f5;font-weight: bold;}
nav > ul > li.tit:before{content:"";background-color: #123b58;width: 240px;height: 100%;border-top-right-radius: 30px;}
nav > ul > li.tit span{position: relative;}
nav > ul > li.on{background-color:#ddd;}

footer {/* background:#fff; *//* box-shadow:0 0 20px rgba(80,80,80,0.1); *//* height:40px; *//* line-height:40px; */font-size:12px;color:#999;text-align:center;letter-spacing:0;/* position:absolute; */bottom:0;left:0;width:100%;margin-top: 15px;}

/* 로그인 ------------------------------- */
#login_wrap * {font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:0;}
#login_wrap {background:#e8ebf0; width:100%; height:100%; min-width:700px; min-height:400px; position:absolute; top:0;}

#login_box {position:absolute; top:50%; left:50%; margin:-175px 0 0 -340px; width:680px; height:350px; background:#fff; box-shadow:0 0 20px rgba(80,80,80,0.1); border-radius:20px; text-align:center;}
#login_box h2 {font-size:24px; font-weight:500; color:#222; line-height:1.2; position:relative; margin-top:0;}
#login_box h2:before {display:block; background-position:0 -75px; width:110px; height:86px; margin:0 auto; margin-bottom:10px;}
#login_box h2 img {max-height:34px;}
#login_box h2 i {display:block; font-size:10px; color:#777; font-weight:300;}
#login_box h2 + p {font-size:48px; color:#333; font-family:Arial, Helvetica, sans-serif, Dotum; font-weight:bold;}
#login_box h2 + p i {color: #1c6793;font-weight:bold;}
#login_box h2 + p > span {display:block; font-size:24px; color:#222; font-weight:bold;}
#login_box .login_con {overflow:hidden; margin:50px 40px; position:relative;}
#login_box .login_con:after {content:''; background:#ddd; width:1px; height:100%; position:absolute; top:0; left:240px;}
#login_box .login_tit {float:left; width:35%; padding-top:50px;}
#login_box .login_input {margin:10px 0 0 0; float:right; width:52%;}
#login_box .login_input ul li {background:#fff;}
#login_box .login_input ul li + li {margin-top:7px;}
#login_box .login_input ul li input {border:1px solid #d5d5d5; border-radius:50px; margin:0; font-size:14px; padding:0px 20px; width:100%; height:47px;}
#login_box .login_btn {background: #083e5e;border:0;/* border-bottom:solid 3px #00959a; */border-radius:50px;width:100%;height:52px;line-height:52px;font-size:16px;color:#fff;text-align:center;margin:20px 0 15px;}
#login_box .login_input ul li input::-webkit-input-placeholder {color:#999; font-size:14px;}/* Webkit */
#login_box .login_input ul li input:-moz-placeholder {color:#999; font-size:14px;}/* moz */
#login_box .login_input ul li input:-ms-input-placeholder {color:#999; font-size:14px;}/* IE10+ */
#login_wrap .copyright {color:#888; position:absolute; bottom:30px; width:100%; text-align:center;}

.blue_color {
    color: blue;
}

.red_color {
    color: red;
}

@font-face {
    font-family: 'IBMPlexSansKR';
    src: url('/font/IBMPlexSansKR-Light.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
.day_td_set1{
    display: flex;
}
.gridBodyTable tbody tr.blue_text .bodyTdText {
    color: blue !important;
}
.gridBodyTable tbody tr.green_text .bodyTdText {
    color: green !important;
}
.gridBodyTable tbody tr.orange_text .bodyTdText {
    color: #ff7f00 !important;
}

/*중앙정렬*/
.sort{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*수주취소건 빨간글씨*/
.strike-red {
    text-decoration: line-through;
    text-decoration-color: red;
    color: inherit; /* 글자색은 유지하고 작대기만 빨간색 */
}
/*로딩 */
.loading_box{
    position: fixed;      /* 스크롤과 무관하게 화면 전체 */
    inset: 0;             /* top:0; right:0; bottom:0; left:0; 와 동일 */
    display: none;     /* 가운데 정렬을 원하면 */
    place-items: center;  /* 수직/수평 중앙 */
    z-index: 9999;
    background: rgba(0,0,0,0.2);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#20000000", endColorStr="#20000000");
}

.date_group {
    width: 220px !important;
}

.date_group .day_1 {
    width: 100px !important;
}

.date_group .day_2 {
    width: 10px !important;
}

/* 깜박임 효과 */
.blink {
    animation: blinkAnim 4s infinite;
}

@keyframes blinkAnim {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0.3;
    }
}