@charset "utf-8";

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0 PLUS
 * File         :    setting.css
 * SUMMARY      :    기본값
 */

/* 본 소스는 모두 (주)상상너머의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다. */


/* Global ---------------------------------------------------------------- */
html {width:100%; height:100%; }
body {margin:0; padding:0; background:#fff; height: 100%; overflow-x: hidden;}

body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button, select {color:#666; font-family: 'Bai Jamjuree','Pretendard',Sans-serif; letter-spacing:-0.3px; font-size:13px; font-weight:400;}
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button, select {word-wrap:break-word; word-break:break-all; -webkit-text-size-adjust:none; text-decoration-skip-ink: none}
b,strong {color:#666; word-wrap:break-word; word-break:break-all; font-size:inherit; font-family:inherit; font-weight:600;}
p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:none; -webkit-overflow-scrolling: touch;}
table caption { width:0px; height:0px; font-size:0; visibility:hidden; }
ul,ol,li,td,dl,dt,dd {margin:0; padding:0; }
em,i {font-style:normal}
a,span {display:inline-block;}
div {-webkit-overflow-scrolling: touch;}
img {border:0;}
span,div,a,strong,em,label,dl,dt,dd,ul,li {color:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit;}
a:link, a:visited {color:inherit; text-decoration: none; cursor:pointer;}
a:hover, a:active {text-decoration: none;}
u {text-decoration: none;}
* {font-size: inherit; -webkit-tap-highlight-color:transparent}
.swiper-notification {display:none;}

label.design {height:35px; position:relative; padding-right:13px; color:#21212D; min-width:18px; box-sizing:border-box; white-space:nowrap; font-weight:400 !important; flex:none}
label.design {display:inline-flex; justify-content: flex-start; align-items: center; flex-direction:row; cursor:pointer !important; gap:5px}
label.design input {width:18px; height:18px; background:#fff; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; cursor:pointer !important; flex:none}
label.design input:disabled {background:#f5f5f5;}
label.design input:disabled:before {content:""; width:100%; height:100%; background:rgba(255,255,255,0.6);; position:absolute; left:0; top:0;}
label.design input {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
label.design input[type=radio] {border-radius:100px;}
label.design input:after {content:""; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; z-index:2;}
label.design input:checked {background:#0351FF; border-color:#0351FF;}
label.design input[type=radio]:after {width:6px; height:6px; background:#fff; border-radius:100px; position:absolute; left:6px; top:50%; transform:scale(0,0); -webkit-transform:scale(0,0); margin-top:-3px;}
label.design input[type=radio]:checked:after {transform:scale(1,1); -webkit-transform:scale(1,1);}
label.design input[type=checkbox]:after {width:18px; height:18px; position:absolute; left:0; top:50%; margin-top:-9px;}
label.design input[type=checkbox]:after {background:transparent url('../images/checked.svg') center center no-repeat; background-size:9px 8px;}
label.design img {height:35px !important; margin-left:5px;}
label.design a {text-decoration:none !important;}
.label_box {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap; width:100%;}

/* 부분디자인 :: 썸네일 미리보기 ========================== */
.preview_thumb {display:none;}

.input_file {overflow:hidden; position:relative; height:35px; width:100% !important;}
.input_file .fakeFileTxt {background:#fff !important; float:left; width:100%; text-indent:10px; border:0; height:35px; box-sizing:border-box; border:1px solid #e5e5e5 !important; border-radius:5px;}
.input_file .fakeFileTxt {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); position:relative;}
.input_file .fileDiv {background:#f0f0f0; width:100px; height:100%; overflow: hidden; }
.input_file .buttonImg {background:#f0f0f0; width:80px; position: absolute; top:1px; right:1px; color:#666; border:0; box-sizing:border-box; letter-spacing:-1px; height:33px; font-size:11px; font-weight:600;}
.input_file .realFile { font-size:200px; height:100%;  cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
.input_file .realFile {position:absolute; right:0px; top:0px; width:100%;}


/* Essential ---------------------------------------------------------------- */
.wrap {width:100%; position:relative;}
.layout_fix {max-width:1400px; padding: 0 100px; margin:0 auto; position:relative; box-sizing: content-box;} /* 이부분 실작업시 수정할것! 컨텐츠 레이아웃 최대값 */
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;}
.dbcenter table{width: 100%; border-right:0; border-left:0; border-top:3px solid #000;}
.dbcenter table [type=text]{border:1px solid #dfdfdf;padding: 6px 10px;width:100%;/* margin:10px; */}
.dbcenter table input[type=checkbox]{float:none; border:1px solid #dfdfdf; width:20px; height:20px; vertical-align:middle;}
.dbcenter table th{background:#f3f3f3; border-bottom:1px solid #ddd;}
.dbcenter table td{border-bottom:1px solid #ddd;}
.dbcenter table td,.layout_fix table th{padding:5px 10px;height: 50px;}
.dbcenter table select{padding:5px 20px;border:1px solid #dfdfdf;margin: 0 10px 0 0;appearance: auto;-webkit-appearance: auto;}

/* Form ---------------------------------------------------------------- */
/* lable */
label {overflow:hidden; cursor: pointer;}
input[type=checkbox],input[type=radio] {float:left;-webkit-appearance:none;-webkit-gradient:none;-webkit-border-radius:0;border:none;margin-right:5px;box-sizing:border-box;}

/* input */
input[type=file]{line-height:1.5em!important;}
input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=file],input[type=search], input[type=submit],input[type=url], input[type=button], button
{-webkit-appearance:none;-webkit-gradient:none;-webkit-border-radius:0;border:none;background:none;box-sizing:border-box;padding: 0;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input::-ms-clear {display: none;} /* ie10 이상에서 input textbox 포커스시 생기는 삭제버튼 숨기기 */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {display:none;} /* 검색 기본 x버튼 없애기 */
input::placeholder {color: #c7c7d5 !important;}
input::-webkit-input-placeholder {color: #c7c7d5 !important;}
input:-ms-input-placeholder {color: #c7c7d5 !important;}
input:-moz-placeholder {color: #c7c7d5 !important;}

textarea {border:none; background:none; line-height:1.4; padding:15px; box-sizing:border-box; width:100%; -webkit-appearance:none; -webkit-border-radius:0; -webkit-overflow-scrolling: touch;}
textarea::placeholder {color: #c7c7d5 !important;}
textarea::-webkit-input-placeholder {color: #c7c7d5 !important;}
textarea:-ms-input-placeholder {color: #c7c7d5 !important;}
textarea:-moz-placeholder {color: #c7c7d5 !important;}

/* select 기본 화살표 없애기 */
select {-webkit-appearance: none;appearance: none;-moz-appearance: none;-webkit-user-select: none;padding: 13px;border: 1px solid #e5e5e5;}
select::-ms-expand {display:none;}

/* 크롬 자동완성 BG색 버림(아이디비번저장 시) */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}

/* 인풋포커스 라인삭제 : 웹접근성 작업 시 삭제 */
input,select,textarea,a {outline:none;}

::selection {background:#0044ff; color:#fff; text-shadow: none;}
::-moz-selection {background:#0044ff; color:#fff; text-shadow: none;}
::-webkit-selection {background:#0044ff; color:#fff; text-shadow: none;}
/* 공통요소 :: 레이어팝 ========================== */
.popup {border:1px solid #21212D; padding:20px; box-sizing:border-box; width:900px !important; max-width:95% !important; background:#fff !important; max-height:100%;}
.popup {display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}

.popup.none_layer {width:100% !important; max-width:100% !important; border:0; height:100%;}
.popup.none_layer .pop_conts {flex:1;}

.popup img {max-width:100% !important; max-height:700px}
.popup .form_wrap {flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; padding:0 5px; margin:0 -5px; overflow:hidden;}
.popup .form_wrap .data_search {padding-top:10px;}
.popup .pop_title {border-bottom:2px solid #21212D; font-size:16px; color:#21212D; font-weight:700; padding-bottom:10px; position:relative; flex:none}
.popup .pop_title {display:flex; justify-content: flex-start; align-items: center; flex-direction:row;}
.popup .pop_title .if_with {margin-top:5px;}
.popup .pop_title .btn_close {margin-left:auto; width:25px; height:25px; background:transparent url('../images/ic_close.svg') center center no-repeat; background-size:12px;}
.popup .pop_title+ .form_wrap .pop_conts {padding-top:10px;}
.popup .pop_title+ .data_search {padding-top:10px;}
.popup .pop_title+ .c_tab {margin-top:10px;}

.popup .pop_conts {overflow-y:auto; height:450px; padding:0 5px; padding-top:10px; margin:0 -5px;}
.popup .pop_conts::-webkit-scrollbar {width: 8px; }
.popup .pop_conts::-webkit-scrollbar-thumb {background-color: #DCDCE5; border-radius:100px; opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.popup .pop_conts::-webkit-scrollbar-track {background-color:transparent;}
.popup .pop_conts:hover::-webkit-scrollbar-thumb {background:#21212D;}
.popup .pop_conts.preview_img {text-align:center;} /* 이미지 미리보기 */
.popup .comp_search .form_wrap {overflow:visible; }

.popup .table_list {border-width:0;}
.popup .list_ctrl+ .table_list {border-width:1px;}

.popup .data_search {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; margin-bottom:0px;}
.popup .data_search .search_form {flex:1; overflow-y:auto; overflow-x:hidden; max-height:300px}
.popup .data_search .search_form::-webkit-scrollbar {width: 8px; }
.popup .data_search .search_form::-webkit-scrollbar-thumb {background-color: #DCDCE5; border-radius:100px; opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.popup .data_search .search_form::-webkit-scrollbar-track {background-color:transparent;}
.popup .data_search .search_form:hover::-webkit-scrollbar-thumb {background:#21212D;}

.popup .data_search .c_btn.js_open_excel_box {display:none;}
.popup .data_search .c_btn.red {display:none;}

.js_preview_image_popup {max-height:100% !important}
.js_preview_image_popup .popup .data_list {text-align:center;}

.popup .mobile_tip {display:none !important;}
.popup .table_list thead {position:static}

.popup .c_btnbox {padding-top:15px;}



/* font : 기본 ---------------------------------------------------------------- */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}