@charset "utf-8";
@import url("font.css"); 
html, body{font-size:16px; overflow-x:hidden; color: #000;}
html h1{font-size:16px;}
body, p, img, div, ul, ol, li, dl, dt, dd, table, tr, th, td, input, select, textarea{
    margin:0; padding:0; border:none; list-style:none; border-collapse: collapse; border-spacing:0; resize:none; word-break: keep-all;
}
h1, h2, h3, h4, h5, h6, p{
    margin:0; padding:0; line-height: 1.5; letter-spacing: 0px; word-break: keep-all;
}
a{
    text-decoration:none; color:#000;  letter-spacing: 0px; word-break: keep-all;
    color: inherit;
}
/* a:hover{color:#334397;} */



@media screen and (max-width: 1200px) {
    html, body{font-size: 15px}
    html h1{font-size:15px;} 
}

@media screen and (max-width: 600px) {
    a {word-break: break-word;}
}

@media screen and (max-width: 480px) {
    html, body{font-size: 13px;}
    html h1{font-size:13px;}
}

@media screen and (max-width: 300px) {
    html, body{font-size: 12px;}
    html h1{font-size:12px;} 
}


* {	font-family: 'Pretendard', sans-serif;}

/* 240926 */
input[type="date"].sch_date{
    /*width: ;*/
    font-size:0.9em;
    max-width: 100%;
    position: relative;
    display: block;
    /*padding-left: 8px;*/
    padding: 0 23px 0 8px;
    -webkit-appearance: none;
    /*right: 6px;*/
}
/* 240926 */
input[type="date"].sch_date::after {
    position: absolute;
    top: 7px;
    right: 5px;
    content: '';
    width: 18px;
    height: 18px;
    background: url(../../images/common/icon_calendar.svg) no-repeat;
    background-size: contain;
    z-index: 1;
}
/* 240926 */
@media screen and (max-width: 740px) {
    .searchBox .form-inner:has(input[type="date"].sch_date) {
        flex-wrap: wrap;
    }
}
/* 240926 */
button.dateBtn {
    width: 40px !important;
    min-width: auto !important;
    padding: 0 3px !important;
}

textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="search"]{width: 100%; height:33px; border:1px solid #c6c6c6; border-radius:3px; padding: /* 241015 0 20px; */ 0.2em 0.8em; font-family: 'Pretendard'; font-size:1em; color:#717171; background-color:#ffffff; box-sizing: border-box; font-weight: 500;}
input[type="date"]{
    max-width: 100%;
    padding: 0 34px 0 14px;
    position: relative;
    display: block;
    -webkit-appearance: none;
}
input[type="date"]::-webkit-calendar-picker-indicator{
    height: 46px;
    background: transparent;
    color: transparent;
    cursor: pointer;
    position: relative;
    right: -19px;
    z-index: 99;
}
input[type="date"]::after{
    position: absolute;
    top: 6px;
    right: 17px;
    content: '';
    width: 18px;
    height: 18px;
    background: url(../../images/bzent/common/icon_calendar.svg) no-repeat;
    background-size: contain;
    z-index: 11;
}
/* 아이폰(사파리)에서 텍스트 왼쪽 정렬 */
input::-webkit-date-and-time-value {
    text-align: left;
    position: relative;
    z-index: 99;
}
/* type="search" 텍스트 삭제 버튼 커스텀 */
/* IE의 경우 */
input::-ms-clear,
input::-ms-reveal{display:none;}
/* 크롬의 경우 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}
.input_search {width: 100%;position: relative;display: inline-block;height: 36px;}
.input_search input {
    padding-right: 30px;
    height: inherit;
}
.input_search .btnClear {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: inherit;
    background: url(../../images/common/ico_delete.png) center center no-repeat;
    background-size: 50%;
    border: none;
    /* 241112
    outline: none;
    */
    cursor: pointer;
    display: none;
}

input:disabled{ background-color:#f1f2f2; border-color:#bcbec0; color:#808285; opacity:1; -webkit-text-fill-color:#808285;   }
input::placeholder{ color:#ccc;    }
select{ height:32px; border:1px solid #bcbec0; border-radius:3px; font-family: 'Pretendard'; font-size:1em; background-color:#ffffff; color:#505157;   }
/* textarea{   min-height:32px; border:1px solid #bcbec0; border-radius:3px; font-family: 'Pretendard'; font-size:1em; color:#505157; letter-spacing:-0.3px;  box-sizing: border-box; } */
textarea::placeholder {
	color: #ccc;
}
button{ font-family: 'Pretendard'; font-size:0.8em; cursor:pointer;  }
input, select, textarea, button, img{   vertical-align:middle;  }
input[type="radio"] + label{    display:inline-block; margin-right:10px;    }

.datepicker {position: relative;}
.datepicker::before { text-rendering: auto; -webkit-font-smoothing: antialiased;
    font: var(--fa-font-regular);
    content: "\f133";
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="password"],
    input[type="number"],
    input[type="date"],
    input[type="search"]{
        height: 27px;
        line-height: 27px;
        font-size: 0.9em;
        padding: 0 14px;
    }

    input[type="search"]{
        padding-right: 25px;
    }

    input[type="date"]::after{
        top: 5px;
        right: 10px;
        width: 14px;
        height: 14px;
    }

    input[type="date"]::-webkit-calendar-picker-indicator{
        right: -7px;
    }

    .input_search {
        height: 27px;
    }
}

@media screen and (max-width: 480px) {
    input[type="text"],
    input[type="password"],
    input[type="number"],
    input[type="date"]{
        padding: 0 10px;
    }

    input[type="date"]::-webkit-calendar-picker-indicator{
        right: -2px;
    }
}


.ml5{   margin-left:5px !important; }

.pl10{  padding-left:10px !important;   }
.pl20{  padding-left:20px !important;   }
.pl25{  padding-left:25px !important;   }
.pl35{  padding-left:35px !important;   }
.pl40{  padding-left:40px !important;   }
.pl50{  padding-left:50px !important;   }

.mt5{   margin-top:5px !important;  }
.mt10{  margin-top:10px !important; }
.mt15{  margin-top:15px !important; }
.mt20{  margin-top:20px !important; }
.mt30{  margin-top:30px !important; }
.mt40{  margin-top:40px !important; }
.mt50{  margin-top:50px !important; }
.mt60{  margin-top:60px !important; }
.mt70{  margin-top:70px !important; }
.mt80{  margin-top:80px !important; }

.mr0{   margin-right:0 !important;}
.mr5{   margin-right:5px !important;}
.mr10{  margin-right:10px !important;}
.mr20 {margin-right: 2rem !important;}
.mr30 {margin-right: 3rem !important;}
.mr40 {margin-right: 4rem !important;}
.mr50 {margin-right: 5rem !important;}

.mb10{  margin-bottom:10px !important;  }
.mb20{  margin-bottom:20px !important;  }
.mb30{  margin-bottom:30px !important;  }
.mb40{  margin-bottom:40px !important;  }
.mb50{  margin-bottom:50px !important;  }
.mb60{  margin-bottom:60px !important;  }
.mb70{  margin-bottom:70px !important;  }
.mb80{  margin-bottom:80px !important;  }

.ml5{   margin-left:5px !important;  }
.ml10{  margin-left:10px !important; }
.ml20{  margin-left:20px !important; }
.ml30{  margin-left:30px !important; }
.ml35{  margin-left:35px !important; }
.ml40{  margin-left:40px !important; }
.ml50{  margin-left:50px !important; }

.m20 {margin:20px !important;}

@media screen and (max-width: 480px) {
    .mt30{  margin-top:25px !important; }
    .mt40{  margin-top:35px !important; }
    .mt50{  margin-top:30px !important; }
    .mt60{  margin-top:40px !important; }
    .mt70{  margin-top:50px !important; }
    .mt80{  margin-top:60px !important; }
    .mb30{  margin-bottom:25px !important; }
    .mb40{  margin-bottom:35px !important; }
    .mb50{  margin-bottom:30px !important; }
    .mb60{  margin-bottom:40px !important; }
    .mb70{  margin-bottom:50px !important; }
    .mb80{  margin-bottom:60px !important; }
}

.w0p { width: 0% !important;   }
.w10p{ width:10% !important;   }
.w20p{ width:20% !important;   }
.w30p{ width:30% !important;   }
.w40p{ width:40% !important;   }
.w49p{ width:49% !important;   }
.w50p{ width:50% !important;   }
.w60p{ width:60% !important;  }
.w70p{ width:70% !important;  }
.w80p{ width:80% !important;  }
.w90p{ width:90% !important;  }
.w100p{ width:100% !important;  }

.w50{   width:50px !important;  }
.w100{  width:100px !important; }
.w130{  width:130px !important; }
.w150{  width:150px !important; }
.w200{  width:200px !important; }
.w250{  width:250px !important; }
.w300{  width:300px !important; }
.w400{  width:400px !important; }
.w500{  width:500px !important; }
.w600{  width:600px !important; }
.w700{  width:700px !important; }
.w800{  width:800px !important; }
.w900{  width:900px !important; }
.w1000{  width:1000px !important; }

.p5{padding:5px !important;   }
.p10{padding:10px !important;   }
.p20 {padding:20px !important;;}
.p30 {padding:30px !important;;}

.br5 {border-radius: 5px !important;}
.br10 {border-radius: 10px !important;}


.align-l{   text-align:left !important; }
.align-r{   text-align:right !important;    }
.align-c{   text-align:center !important;   }

.cursor {cursor: pointer;}

.black{ color:#000000 !important;   }

.fl {float:left !important;}
.fr {float:right !important;}

.lh16 {line-height: 1.6;}


@media screen and (max-width:430px){
    input[type="text"],
    input[type="search"]{ font-size:0.9em;    }
    select{ font-size:0.9em;    }
    textarea{   font-size:0.9em;    }
}
/* 도움말 색상 */
.message-box .help-message{ color: #6161FF; }

.layer_pop {position:fixed;left:0;top:0;/*z-index:10;*/z-index:999;overflow-y:auto;width:100vw;height:100vh;padding-bottom:50px;background:rgba(0,0,0,0.5);text-align:left;}
.layer_pop .all_search_extend {position:relative;width:50%;margin:80px auto 0 auto;padding:0px 0px 30px 0px;background:#fff;}
.layer_pop .all_search_extend.on {width:100% !important;margin:0;}
.layer_pop .all_search_extend .item iframe {width: 100%; height: 100%; border: none;}
.layer_pop .all_search_extend .contents {text-align: center;}

.layer_pop_box .inner .popup_tit .close_bt{
    background: url(../images/common/close.svg) no-repeat;
    width: 2%;
    height: 90%;
    background-size: contain;
    cursor: pointer;
}

tr td .table_btn {
    border-radius: 5px;
    border: 1px solid #3A5870;
    padding: 10px 15px 10px 15px;
}

.encoding .btn_play {
    position: absolute;
    padding: 25px 0px 0px 35px;
    z-index: 1;
    cursor: pointer;
}

#dropZone .fileTable.dragover{
    background-color: #F5F5F5;
}

#dropZone .fileTable.dragleave{
    background-color: #FFFFFF;
}

#dropZone .fileTable.dragsucc{
    background-color: #FCF3D0;
}

/* 241112 */
.outline_white {
    outline-color: white !important;
}
.outline_red {
    outline-color: red !important;
}

/* cms img 리사이즈*/
.board_view_content .detail .flexSt .img{
    max-width: 100%;
}