/* 테이블 스타일링 */
table th, table td {
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: middle;
    min-width: 56px;
}

/* 글 스타일링 */
.gray-pt{color: #888;}
.green-pt{color: #00c250;}
.yellow-pt{color: #ffae00;}
.red-pt{color: #ff0000;}

/* 선 스타일링 */
/* .line-dashed{border: 1px dashed #ddd;} */

/* margin 스타일링 */
.insert-wrap {margin-left: 10px;}

/* 엑셀 버튼 스타일링 */
.xlsx-wrap {
    width: auto;
    margin-left: 10px;
}
.btn-xlsx {
    background-color: #fff;
    border: 1px solid #00c250 !important;
    color: #00c250;
    background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/admin/i-xls.png);
    background-size: 24px 24px;
    height: 40px;
    padding: 13px 8px 13px 32px;
    background-repeat: no-repeat;
    background-position: 6px center;
    line-height: 1;
}
.btn-pdf {
    background-color: #303030;
    border: 1px solid #ff2b2b;
    color: #fff;
    background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/HME/16834976967644.png);
    background-size: 24px 24px;
    height: 40px;
    padding: 13px 8px 13px 32px;
    background-repeat: no-repeat;
    background-position: 6px center;
    line-height: 1;
}

/* 버튼 스타일링 */
.btn{font-weight: 400; height: 40px; border-radius: 4px;}
.btn-xsm{ padding-left:10px; padding-right: 10px;}
.btn-sm{ padding-left:16px; padding-right: 16px;}
.btn-md{ padding-left:24px; padding-right: 24px;}
.btn-lg{ padding-left:32px; padding-right: 32px;}
/* .primary {background-color: #40a3ff; color: #fff;} */
.primary {background-color: #008C43; color: #fff;}
.secondary{background-color: #fff; border: 1px solid #008C43 !important; color: #008C43;}
.tertiary{background-color: #fff; border: 1px solid #ddd !important; color: #333;}
.fourbtn{background-color: #DFF9EA; border: 1px solid #008C43 !important; color: #008C43;}

/* txt hover */
.un_line:hover{text-decoration: underline; text-underline-offset: 0.3rem; cursor: pointer;}

/* text */
.tit-h3{font-size: 20px; font-weight: 600;}

/* header */
.adm_header{ z-index: 99; position: fixed; height:96px; width: 100%; min-width: calc(1240px - 224px); background: #008C43;}
.adm_header .utill{position: relative; height:32px; background-color:transparent; text-align: right; padding-top:6px; padding-right:48px;}
.adm_header .utill > span{display:inline-block; margin-right:4px; font-size:11px; background-color:rgba(255,255,255,0.3); border-radius: 4px; padding:4px 6PX; color:#fff;
    cursor: pointer;}
.adm_header .gnb{display: flex; font-size:0; height:48px; width: calc(100% - 240px); margin-left: 240px;}
.adm_header .utill > span:last-child{margin-right:0px;}
.adm_header .gnb > li{position: relative; display: inline-block; width: 15.6666%; text-align: center; line-height: 64px; height:64px;}
.adm_header .gnb > li > a{display: block; font-weight: 400; font-size:18px; color:rgba(255,255,255,0.6);}
.adm_header .gnb > li:hover > a{color:#fff;}
.adm_header .gnb > li:after{content:''; position: absolute; left:50%;
    transform: translateX(-50%); bottom:0; width:0; height:3px; background-color:#fff;
    -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -ms-transition:all 0.2s ease-out;}
    .adm_header .gnb > li.current > a{color:#fff;}
.adm_header .gnb > li.current:after, .adm_header .gnb > li:hover:after{width:100%;}

/* textarea */
textarea{font-size: 16px;}

/* button */
.but-flex {display: flex;}

/* flex */
.flex {display: flex;}

.flex.popup_flex{width: 100%; gap: 20px;}

.popup_flex_col{display: flex; flex-direction: column; gap: 20px;}
.popup_flex_col > div{width: 100%;}

.flex.popup_flex > div:first-child{width: 65%; height: 100%;}
.flex.popup_flex > div:last-child{width: 35%; height: 100%;}

.flex .popup_flex_1to1 .popup_table_area:first-child{width: 55%;}
.flex .popup_flex_1to1 .popup_table_area:last-child{width: 45%;}

.flex.popup_flex .table_area.popup_table_area{height: 100%;}



/* 위아래버튼 리모콘 */
.sort-control-container{position: absolute; top:0; right:0;}
.sort-control-container > .body-box{padding:16px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px;}
.sort-control-container .insert{display: block; position: relative;}
.controller-btn{padding-left:28px; line-height: 2;}
.controller-btn img{left:0; top:2px; border:1px solid #dcdee1; border-radius: 2px; background-color: #fff; position: absolute; cursor: pointer; width:22px; height:22px;}
.sort-control-insert-wrap .insert-input-btn input{width: 100%; height:32px; font-weight: 400;}
.input-32 {border: 1px solid #ddd; background-color: #f5f5f5; padding-left: 8px; padding-right: 8px; width: 100%; height: 35px;} 
.insert > input {border-radius: 4px;}

/* 팝업인포 스타일링 */
.popup_info_h3 > h3 {font-size: 20px; font-weight: 600;}
.popup_table_area {padding: 20px; border-radius: 4px; background-color: #fff; box-shadow: 0 0px 15px #80808017; }

/* dl태그 스타일링 dl wrap */

.dl-box{display: flex; border-top:1px solid #ddd;}
.dl-box > dt {width: 20%; min-width: 110px;}
.dl-box > .dl-box-head {background-color: #f9f9f9; padding: 20px 0;}
.dl-box > .dl-box-head > p {font-size: 16px; text-align: center; visibility: inherit; display: flex; justify-content: center; align-items: center; height: 100%;}

.dl-box > dd {width: 80%; padding: 20px 20px;}
.dl-box .mintxt{display: inline-block; font-size: 14px; color: #888; margin-top: 8px;}
.dl-box input[type=text]{border-radius: 4px; border: 1px solid #ddd; height: 40px; padding: 0 14px; width: 80%;}