#wrap {
    position:relative;
}
#containerWrap {
	margin-bottom:92px;
}

/* 여백 */
.mt10 {
	margin-top:10px !important;
}
.mt20 {
	margin-top:20px !important;
}

/* input[type='checkbox'] 커스텀 */
input[type="checkbox"]{
  display: none;
}
input[type="checkbox"] + label{
  display: inline-block;
  position: relative;
  padding-left:30px;
  font-size:16px;
  font-weight:400;
  color:#1D1F1F;
}
input[type="checkbox"] + label::before{
  display:block;
  content:'';
  font-size:14px;
  font-weight:400;
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  left: 0;
  top:0;
  border:1px solid #CBD2D1;
  border-radius:4px;
  background: #FFF;
  color: #1D1F1F;
}
input[type="checkbox"]:checked + label::before{
  content:'';
  background:#FFF url('../images/icon/ic_chkOn.svg') no-repeat center center / 12px auto;
}

/* input[type='text'] 커스텀 */
.inputTextWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:39px;
    padding:8px 16px;
    border:1px solid #CBD2D1;
    border-radius:10px;
    background:#FFF;
}
.inputTextWrap input[type="text"],
.inputTextWrap input[type="password"] {
    width:100%;
    font-size:12px;
    font-weight:normal;
    color:#000;
    background:#FFF;
}
.inputTextWrap input[type="text"]:disabled,
.inputTextWrap input[type="password"]:disabled {
    width:100%;
    font-size:12px;
    font-weight:normal;
    color:#000;
}
.inputTextWrap + .inputTextWrap {
    margin-top:8px;
}
.inputAlert {
    margin-top:5px;
    font-size:12px;
    font-weight:400;
    color:#D01D1D;
}
.inputTextWrap.inputTextDisabled {
    background:#F8F8F8;
}
.inputTextWrap.inputTextDisabled input[type="text"]:disabled,
.inputTextWrap.inputTextDisabled input[type="password"]:disabled {
	background:#F8F8F8;
}

/* input[type='file'] 커스텀(회원가입용) */
.inputFileWrap {
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:8px;
    padding:12px 16px;
    border:1px solid #CBD2D1;
    border-radius:10px;
    background:#FFF;
}
.inputFileWrap input.upload-name {
    vertical-align:middle;
    font-size:12px;
    font-weight:400;
    color:#A0A6A5;
}
.inputFileWrap label {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    padding:10px 16px;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    vertical-align: middle;
    color:#FFF;
    background:#403F3F;
}
.inputFileWrap input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

/* input[type='file'] 커스텀(테이블 내부용) */
.inputFileWrapType02 {
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    vertical-align:middle;
    background:#FFF;
}
.inputFileWrapType02 input.upload-name {
    width:50%;
    vertical-align:middle;
    padding:12px 16px;
    font-size:12px;
    font-weight:400;
    border:1px solid #CBD2D1;
    border-radius:10px;
    color:#A0A6A5;
    background:#FFF;
}
.inputFileWrapType02 label {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    padding:8px 12px;
    border-radius:10px;
    border:1px solid #2BA49E;
    cursor: pointer;
    vertical-align: middle;
    font-size:12px;
    font-weight:400;
    line-height:24px;
    color:#2BA49E;
    background:#FFF;
}
.inputFileWrapType02 input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

/* input[type='radio'] 커스텀 */
input[type="radio"]{
    display: none;
}
input[type="radio"] + label{
    display: inline-block;
    position: relative;
    padding-left:30px;
    font-size:12px;
    font-weight:400;
    color:#403F3F;
}
input[type="radio"] + label::before{
    display:inline-block;
    content:'';
    width: 24px;
    height: 24px;
    text-align: center;
    position: absolute;
    left: 0;
    top:-4px;
    background:url('../images/icon/ic_radio_off.svg') no-repeat center center / 24px auto;
}
input[type="radio"]:checked + label::before{
    content:'';
    background:url('../images/icon/ic_radio_on.svg') no-repeat center center / 24px auto;
}
input[type="radio"] + label + input[type="radio"] + label {
    margin-left:10px;
}

/* input[type='date'] 커스텀 */
input[data-placeholder]::before {
    position:absolute;
    left:35px;
    top:0;
    right:0;
    width:80%;
    height:21px;
    line-height:20px;
    padding:10px 0px;
    font-family:-apple-system,'NotoSansKR-Regular',dotum,'돋움',sans-serif !important;
    font-size:12px;
    font-weight:normal;
    background-color:#FFF;
    color:#686C6C;
}
input[type='date'] {
    position:relative;
    width:87%;
    height:41px;
    padding-left:40px;
    border:1px solid #CBD2D1;
    border-radius:10px;
    background:url('../images/icon/ic_calendar.svg') no-repeat left 10px center / 20px auto;
    color:#A0A6A5;
}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {
    display: none !important;
}
input[type='date']::-webkit-calendar-picker-indicator {
    position:absolute;
    left:0;
    top:0;
    background:transparent;
    color:transparent;
    cursor:pointer;
    width:100%;
    height:100%;
}
input[type='date']::before {
    content: attr(data-placeholder);
}
input[type='date']:valid::before {
    display:none;
}

/* input[type='datetime-local'] 커스텀 */
input[type='datetime-local'] {
    position:relative;
    width:95%;
    height:41px;
    padding-left:35px;
    border:1px solid #CBD2D1;
    border-radius:10px;
    font-size:12px;
    background:#FFF url('../images/icon/ic_calendar.svg') no-repeat left 10px center / 20px auto;
    color:#000;
    appearance: none; /* ▼ 기본 아이콘 제거 (중요!) */
    -webkit-appearance: none; /* Safari/Chrome에서 적용 */
}
input[type="datetime-local"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-inner-spin-button {
    display: none !important;
}
input[type='datetime-local']::-webkit-calendar-picker-indicator {
    position:absolute;
    left:0;
    top:0;
    background:transparent;
    color:transparent;
    cursor:pointer;
    width:100%;
    height:100%;
}
input[type='datetime-local']::before {
    content: attr(data-placeholder);
    width:81%;
}
input[type='datetime-local']:valid::before {
    display:none;
}
/* input[type="datetime-local"]:disabled {
  background:#F8F8F8 url('../images/icon/ic_calendar.svg') no-repeat left 10px center / 20px auto;
  appearance: none;
  -webkit-appearance: none;
  padding-left:20px;
} */
input[data-placeholder]:disabled::before {
    background:#F8F8F8;
}

/* 공통 popup */
/* modalType01 */
#modalWrap.modalType01 {
    position:absolute;
    z-index:100;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#FFF;
}
.modalType01 .modalTitle {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    border-bottom:1px solid #D5DCDB;
}
.modalType01 .modalTitle h1 {
    font-size:18px;
    font-weight:500;
    color:#1D1F1F;
}
.modalType01 .modalTitle a.popupClose {
    width:20px;
}
.modalType01 .modalContentWrap {
    padding:40px 20px 0;
}
.modalType01 .modalContentWrap p.modalContentText {
    margin-bottom:30px;
    font-size:14px;
    font-weight:400;
    text-align:center;
    color:#403F3F;
}
.modalType01 .modalContentWrap p.modalContentText.left {
    text-align:left;
}
.modalType01 .modalContent_Input {
    width:100%;
    height:50px;
    border-radius:10px;
    background:#EDF1F1;
}
.modalType01 .modalContent_Input span.inputIcon {
    display:inline-block;
    width:50px;
    padding:13px 0;
    vertical-align:middle;
    text-align:center;
    border-radius:10px 0 0 10px;
    background:#CBD6D2;
}
.modalType01 .modalContent_Input span.inputIcon img {
    width:24px;
}
.modalType01 .modalContent_Input span.inputArea {
    padding:13px 16px;
    font-size:16px;
    font-weight:normal;
    vertical-align:middle;
    color:#A0A6A5;
}
.modalType01 .modalContent_Input span.inputArea input[type="text"],
.modalType01 .modalContent_Input span.inputArea input[type="password"] {
    width:72%;
    font-size:12px;
    font-weight:normal;
    color:#A0A6A5;
    background:#EDF1F1;
}
.modalType01 .modalContentWrap p.inputAlert {
    display:block;
    margin:10px 0 22px;
    font-size:12px;
    font-weight:700;
    color:#D01D1D;
}
.modalType01 .modalContentWrap p.inputAlert::before {
    content:'※';
    display:inline-block;
    margin-right:8px;
    font-size:12px;
    vertical-align: middle;
}
.modalType01 .modalContentButtonWrap {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:100%;
}
.modalType01 .modalContentButtonWrap a {
    padding:11.5px 0;
    text-align:center;
    font-size:18px;
    font-weight:400;
    color:#FFF;
    background:#403F3F;
}

/* modalType02 */
#modalWrap {
    position:absolute;
    z-index:100;
}
#modalBg {
    position:fixed;
    z-index:100;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba(0, 0, 0, 0.5);
}
#modalContentWrap {
    position:fixed;
    z-index:101;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:90%;
    padding:30px 35px 50px;
    border-radius:10px;
    background:#FFF;
}
.alertTitle h1 {
    font-size:19px;
    font-weight:700;
    text-align:center;
    color:#1D1F1F;
}
.alertTitle h1::before {
    content:'';
    display:inline-block;
    width:24px;
    height:24px;
    margin-right:6px;
    vertical-align: middle;
    background: url('../images/icon/ic_info.svg') no-repeat center center / 24px auto;
}
.alertContent {
    margin:30px 0;
}
.alertContent p.alertText {
    font-size:14px;
    font-weight:400;
    text-align:center;
    color:#686C6C;
}
.alertContent p.alertText span {
    color:#3DC1A9;
}
.alertContent table.tableType02 {
    margin-top:30px;
}
.alertBottomWrap {
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    width:100%;
}
.alertBottomWrap a {
    padding:11.5px 0;
    text-align:center;
    font-size:18px;
    font-weight:400;
    border-radius:0 0 10px 10px;
    color:#FFF;
    background:#403F3F;
}
.alertTwoButtonWrap {
    display:flex;
    justify-content:center;
    align-items:center;
}
.alertBottomWrap.alertTwoButtonWrap a {
    width:50%;
    border-radius:0 0 0 10px;
}
.alertBottomWrap a.btnGrey {
    background:#A0A6A5;
    color:#FFF;
}
.alertBottomWrap a.btnGreen {
    background:#2BA49E;
    color:#FFF;
}
.alertBottomWrap.alertTwoButtonWrap a + a {
    border-radius:0 0 10px 0;
}

/* pagging */
.pagging {
    margin:30px 0;
    text-align:center;
}
.pagging a{
    display:inline-block;
    width:30px;
    height:30px;
    text-align:center;
    vertical-align: middle;
    line-height:25px;
    font-size:12px;
    font-weight:400;
}
.pagging a.page_navi_num {
    margin:0 5px;
    border:1px solid #D5DCDB;
    border-radius:4px;
    color: #A0A6A5;
}
.pagging a.page_navi_num:hover,
.pagging a.page_navi_num:active,
.pagging a.page_navi_num.active {
 color: #3DC1A9;
}

/* 공통 style - button */
/* button 1개의 경우 */
.buttonWrap {
    width:100%;
    max-width:360px;
    margin:20px auto;
    text-align:center;
}
.buttonWrap a {
    padding:11.5px 0;
    border-radius:10px;
    font-size:14px;
    font-weight:400;
    text-align:center;
    color:#FFF;
    background:#2BA49E;
}
.buttonWrap a.btnGrey {
    background:#A0A6A5;
    color:#FFF;
}
.buttonWrap a.btnGreenLine {
    border:1px solid #2BA49E;
    background:#FFF;
    color:#2BA49E;
}
.buttonWrap a.btnGreenLine span {
    display:inline-block;
}

/* button 2개의 경우 */
.twoButtonWrap {
    display:flex;
    justify-content:center;
    align-items:center;
}
.buttonWrap.twoButtonWrap a {
    padding:11.5px 45px;
}
.buttonWrap.twoButtonWrap a + a {
    margin-left:10px;
}
.buttonWrap.twoButtonWrap a.longText {
    padding:11.5px 30px;
}

/* button 3개의 경우 */
.threeButtonWrap {
    display:flex;
    justify-content:center;
    align-items:center;
}
.buttonWrap.threeButtonWrap a {
    padding:11.5px 22px;
}
.buttonWrap.threeButtonWrap a + a {
    margin-left:10px;
}
.buttonWrap.threeButtonWrap a.longText {
    padding:11.5px 30px;
}

/* 공통Style - selectbox */
/* IE */
select::-ms-expand {
    display: none;
}
select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.selectBox {
    position: relative;
    width: 100%;
    height: 36px;
    border-radius: 10px;
    border: 1px solid #CBD2D1;
}
.selectBox .select {
    width: inherit;
    height: inherit;
    background: transparent;
    border: 0 none;
    outline: 0 none;
    padding: 0 12px;
    position: relative;
    /*z-index: 3;*/
    font-size:12px;
    font-weight:normal;
    color:#000;
}
.selectBox .select option {
    padding: 10px 0;
    font-size: 12px;
    font-weight:normal;
    color: #2BA49E;
    background:#FFF;
}
.selectBox .icoArrow {
    position: absolute;
    top: 0;
    right: 0;
    /*z-index: 1;*/
    width: 20px;
    margin-right:12px;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}
.selectBox .icoArrow img {
    width: 100%;
    transition: .3s;
}
.selectBox .select:focus + .icoArrow img {
    transform: rotate(180deg);
}

/* 공통Style - table */
/* tableType01 */
table.tableType01 {
    width:100%;
    border:1px solid #9EC6C6;
}
table.tableType01 th {
    padding:11px 16px;
    border-bottom:1px solid #FFF;
    font-size:12px;
    font-weight:600;
    vertical-align:middle;
    color:#FFF;
    background:#9EC6C6;
}
table.tableType01 td {
    padding:11px 17px;
    border-bottom:1px solid #9EC6C6;
    font-size:12px;
    font-weight:400;
    word-break:break-all;
    vertical-align:middle;
    color:#403F3F;
}
table.tableType01 td.bl {
    border-left:1px solid #9EC6C6;
}
/* tableType02 */
table.tableType02 {
    width:100%;
}
table.tableType02 th {
    position:relative;
    padding:10px 0;
    font-size:12px;
    font-weight:600;
    text-align:center;
    vertical-align:middle;
    color:#686C6C;
    background:#F2F8F8;
}
table.tableType02 td {
    position:relative;
    padding:10px 0;
    font-size:12px;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    color:#686C6C;
}
table.tableType02 th::after,
table.tableType02 td::after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    display:block;
    width:100%;
    height:1px;
    margin-left:-50%;
    border-bottom:1px solid #D5DCDB;
}
table.tableType02.line2Content th::after,
table.tableType02.line2Content td::after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    display:block;
    width:90%;
    height:1px;
    margin-left:-45%;
    border-bottom:1px solid #D5DCDB;
}
table.tableType02.line2Content th.lastTh,
table.tableType02.line2Content tr.secondLine th::after,
table.tableType02.line2Content tr.secondLine td::after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    display:block;
    width:100%;
    height:1px;
    margin-left:-50%;
    border-bottom:1px solid #D5DCDB;
}
table.tableType02 td a.btnGreenLine {
    display:inline-block;
    padding:6px 12px;
    border:1px solid #2BA49E;
    border-radius:10px;
    background:#FFF;
    color:#2BA49E;
}

/* 렌터카/정비소(MO) */
/* 메인헤더 */
.mainHeader {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px;
    background:#403F3F;
}
.mainHeader h1.logo a {
    width:90px;
}
.mainHeader .logout a {
    font-size:14px;
    font-weight:400;
    color:#A0A6A5;
}
.mainHeader .logout a::before {
    content:'';
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:6px;
    vertical-align: middle;
    background: url('../images/icon/ic_logout.svg') no-repeat center center / 16px auto;
}

/* 서브헤더 */
#subHeaderWrap {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px 16px;
    border-bottom:1px solid #D5DCDB;
}
#subHeaderWrap a.btn_back {
    vertical-align:middle;
}
#subHeaderWrap h1 {
    width:100%;
    font-size:18px;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
}

/* 더보기헤더 */
#moreMenuHeaderWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 16px;
    border-bottom:1px solid #D5DCDB;
}
#moreMenuHeaderWrap a.btn_close {
    vertical-align:middle;
}
#moreMenuHeaderWrap h1 {
    width:280px;
    font-size:18px;
    font-weight:400;
    text-align:left;
    vertical-align:middle;
}

/* 헤더 로그인 정보 */
.loginInfoWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 20px;
    border-bottom:1px solid #D5DCDB;
}
.loginInfoWrap .rentOfficeInfo {
    font-size:14px;
    font-weight:400;
    vertical-align:middle;
    color:#1D1F1F;
}
.loginInfoWrap .loginTime {
    font-size:12px;
    font-weight:normal;
    vertical-align:middle;
    color:#403F3F;
}



/* 메인푸터 */
#footerWrap {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
}
.footerMenu {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.footerMenu a {
    width:20%;
    padding:9px 0;
    text-align:center;
    font-size:10px;
    font-weight:400;
    color:#F8F8F8;
    background:#686C6C;
}
.footerMenu a.active {
    padding:9px 0;
    background:#403F3F;
}
.footerMenu a.menuHome::before {
    content:'';
    display:block;
    width:24px;
    height:24px;
    margin:0 auto 6px;
    vertical-align: middle;
    background: url('../images/icon/ic_navi_home.svg') no-repeat center center / 24px auto;
}
.footerMenu a.menuContractManage::before {
    content:'';
    display:block;
    width:24px;
    height:24px;
    margin:0 auto 6px;
    vertical-align: middle;
    background: url('../images/icon/ic_navi_contract.svg') no-repeat center center / 24px auto;
}
.footerMenu a.menuCarManage::before {
    content:'';
    display:block;
    width:24px;
    height:24px;
    margin:0 auto 6px;
    vertical-align: middle;
    background: url('../images/icon/ic_navi_caradmin.svg') no-repeat center center / 24px auto;
}
.footerMenu a.menuMyInfo::before {
    content:'';
    display:block;
    width:24px;
    height:24px;
    margin:0 auto 6px;
    vertical-align: middle;
    background: url('../images/icon/ic_navi_mypage.svg') no-repeat center center / 24px auto;
}
.footerMenu a.menuMore::before {
    content:'';
    display:block;
    width:24px;
    height:24px;
    margin:0 auto 6px;
    vertical-align: middle;
    background: url('../images/icon/ic_more.svg') no-repeat center center / 24px auto;
}
.footFloatMenu {
    position:absolute;
    right:0;
    bottom:62px;
    width:100%;
    height:auto;
}
.footFloatMenuBg {
	display:none;
    position:fixed;
    /*z-index:100;*/
    width:100%;
    height:90%;
    left:0;
    top:0;
    background:rgba(0, 0, 0, 0.5);
}
.footFloatMenu a.iconFloatMenu {
    height:30px;
    background: url('../images/icon/ic_floatMenu_off.svg') no-repeat right center / 60px auto;
}
.footFloatMenu a.iconFloatMenu.active {
    height:30px;
    background: url('../images/icon/ic_floatMenu_on.svg') no-repeat right center / 60px auto;
}
.footFloatMenu .footFloatContentWrap {
    width:100%;
    background:#FFF;
}
.floatContentTitle {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 20px;
    background:#F2F8F8;
}
.floatContentTitle h2 {
    font-size:14px;
    font-weight:400;
    color:#1D1F1F;
}
.floatContentTitle .reportTime {
    font-size:12px;
    font-weight:normal;
    color:#403F3F;
}
.floatContentInner {
    padding:30px 0;
}
p.flatformReport {
    margin-bottom:20px;
    padding:0 20px;
    font-size:12px;
    font-weight:400;
    color:#403F3F;
}
.numberOfReport {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:6px;
    padding:0 20px;
}
.numberOfReport table.tableType01 {
    width:48%;
}
.numberOfReport table.tableType01 + table.tableType01 {
    margin-left:6px;
}
.numberOfReport table.tableType01 th,
.numberOfReport table.tableType01 td {
    font-size:11px;
}
.needWriteContract {
    padding:0 20px 30px;
}
.needWriteContract table.tableType01 th {
	background:#2BA49E;
}
.needWriteContract table.tableType01 td {
	border:1px solid #2BA49E;
}
.reportTitleWrap {
    padding:0 20px;
}
.reportTitleWrap h3 {
    margin-bottom:10px;
    font-size:14px;
    font-weight:600;
    color:#E1A012;
}
.numberOfTotal {
    margin-bottom:10px;
    padding:0 20px;
    font-size:14px;
    font-weight:400;
    color:#1D1F1F;
}
.reportSelectWrap {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:10px 20px;
}
.reportSelectWrap .selectBox + .selectBox {
    margin-left:6px;
}
.reportList {
	max-height:133px;
    overflow-y:auto;
}


.dtpicker {
  position: relative;
  width: 88%;
  height: 35px;
  padding-left: 35px;
  border: 1px solid #CBD2D1;
  border-radius: 10px;
  font-size: 12px;
  background: #FFF
    url('../images/icon/ic_calendar.svg') /* your calendar SVG */
    no-repeat left 10px center
    / 20px auto;
  color: #000;
}

.dtpicker-contract {
  position: relative;
  width: 80%;
  height: 35px;
  padding-left: 35px;
  border: 1px solid #CBD2D1;
  border-radius: 10px;
  font-size: 12px;
  background: #FFF
    url('../images/icon/ic_calendar.svg') /* your calendar SVG */
    no-repeat left 10px center
    / 20px auto;
  color: #000;
}


/* ─── Mobile (base) ─── */
/* input[type="datetime-local"]:disabled {
  appearance: none;
  -webkit-appearance: none;
  text-align: left;
  padding-left: 20px;
  width: 100%;
  max-width: 100%;
} */

/* ── iOS-only styles ── */
/* @supports (-webkit-overflow-scrolling: touch) {
  input[type="datetime-local"]:disabled {
    appearance: none;
    -webkit-appearance: none;
    text-align: left;
     padding-left: 10px;
  width: 100%;
  max-width: 100%;
  }
} */
/* .android input[type="datetime-local"]:disabled {
  padding-left: 30px; more room on Android
} */

/* ─── Desktop (≥768px) ─── */
/* @media (min-width: 768px) {
  input[type="datetime-local"]:disabled {
    appearance: none;
    -webkit-appearance: none;
    text-align: left;
    padding-left: 40px;
    width: 100%;
  	max-width: 100%;
  }
} */

/* @supports (-webkit-overflow-scrolling: touch) {
  input[type="datetime-local"] { 
     padding-left: 20px;
  }
} */

/*@media (max-width: 767px){
    //모바일
}

@media (min-width: 768px) and (max-width: 991px) {
    // 테블릿 세로
}

@media (min-width: 992px) and (max-width: 1199px) {
    // 테블릿 가로
}

@media (min-width: 1200px) {
    // 데스크탑 일반
}*/
