@charset "utf-8";
@import "morpheus-reset.css";
/*@import "font.css";*/
@import "morpheus-common.css";
@import "morpheus-layout.css";
@import "morpheus-form.css";
@import "morpheus-button.css";
@import "morpheus-tab.css";
@import "morpheus-table.css";
@import "morpheus-content.css";
@import "morpheus-pop.css";

/* jQuery UI 스타일 임포트 */ 
@import "jquery.ui.datepicker.css";

/*
  CSS order:
  1. clear/display/position/z-index/overflow/float
  2. width/height
  3. margin/padding
  4. color/font/line-height/text/letter-spacing/vertical-align/white-spacing/word-spacing
  5. etc
  6. border/background
*/

/* Intro */
.intro-wrap {position:relative; height:100%; overflow-y:hidden; background:url("../img/intro.png") no-repeat 50% 50%; background-size:cover;}
.intro-wrap > h1, .intro-wrap > h2 ,.intro-wrap footer > h1 {font-size:0;}
.percent {position:absolute; top:60%; left:0; width:100%; text-align:center;}
.percent > * {color:#fff; } 

.intro-wrap footer {position:absolute; bottom:3rem; left:0; right:0; text-align:center;}
.intro-wrap footer h1 {background:url("../img/intro-footer-h1.png") no-repeat 50% 50%; background-size:8.8rem; height:2.2rem; margin-bottom:1rem; }
.intro-wrap footer .copyright {color:#fff;}
.intro-wrap footer .copyright span {color:#a7f4f7;}
.intro-wrap footer * {font-weight:100;font-size:1rem; vertical-align:baseline;letter-spacing:0;}


/* 로그인 */

.inp-id, .inp-pw {height:4rem !important; line-height:4rem !important; padding:0 0 0 3.5rem !important;background-repeat: no-repeat; background-position: 1rem 50%; } 
.inp-id {background-image:url("../img/bg-id.png");  background-size:1.8rem; }
.inp-pw {background-image:url("../img/bg-pw.png");  background-size:1.7rem; }
.form-login {margin-bottom:0.7rem;}
.form-login input {}
.form-login + div label {font-size:1.6rem;}

.write + .vali-chk {margin-top:-.5rem !important;}

.list-cert li { background:#f2f2f2 url("../img/ico-cert.png") no-repeat 1rem 50%; background-size:10.5rem; padding: 2rem 1rem 1rem 13rem; min-height:15rem;border-radius:1rem; margin-bottom:1rem;}

.list-cert * {line-height:1.7;}
.list-cert li dt {color:#064b51; font-size:1.6rem; font-weight:bold; margin-bottom:1rem;}
.list-cert li dd {color:#5a5a5a; }
.list-cert li dl + .txt-point-2 {font-size:1.2rem;}

.login-noti {position:absolute; left:0; top:50%; width:100%; margin-top:-8rem; background:url("../img/bg-login-noti.png") no-repeat 50% bottom; background-size:16.8rem; padding-bottom:11rem; min-height:15rem;} 
.login-noti * {font-size:1.6rem; line-height:1.5; text-align:center;}
.login-noti p:first-of-type {color:#17a29f;}
.login-noti p:last-of-type {color:#5a5a5a;}


/* Main Menu Add Title */
.mtit {background:url("../img/sprite-m-ptitle.png") no-repeat; background-size:13rem; font-size:0; display:inline-block; height:1.9rem;}
.mtit-01 {background-position:0 0; width:8.5rem;} /* 오토할부론  */
.mtit-02 {background-position:0 -5rem; width:10.2rem;} /* 중고차할부론 */
.mtit-03 {background-position:0 -10rem; width:6.5rem;} /* 오토리스 */
.mtit-04 {background-position:0 -15rem; width:5rem;} /* 렌터카 */
.mtit-05 {background-position:0 -20rem; width:6.5rem;} /* 일반리스 */
.mtit-06 {background-position:0 -25rem; width:8.1rem;} /* 내구재할부 */
.mtit-07 {background-position:0 -30rem; width:11.5rem;} /* 사전동의리스트 */
.mtit-08 {background-position:0 -35rem; width:6.3rem;} /* 영업관리 */
.mtit-09 {background-position:0 -40rem; width:9.8rem;} /* 신용정보조회 */
.mtit-10 {background-position:0 -45rem; width:8.4rem;} /* 카히스토리 */
.mtit-11 {background-position:0 -50rem; width:6.5rem;} /* 재고금융 */
.mtit-12 {background-position:0 -55rem; width:6.5rem;} /* 대금지급 */ 
.mtit-13 {background:none;display:block; font-size:1.9rem; color:#fff; font-weight:300;height:12rem; line-height:12rem;} /* 선택안함3 */ 


/* 공지사항 */
.n-list, .n-view {border-top:1px solid #74c7c5; border-bottom:1px solid #74c7c5;}
.n-list li {padding:1.5rem; line-height:1.3;} 
.n-list li:nth-child(even) {background-color:#fafbfc !important;}
.n-list .n-tit {color:#5a5a5a; margin-bottom:0.5rem;}
.n-list .n-date, .n-view .n-date {color:#838383;} 
.n-list li .ico, .n-view .ico {margin: 0 0.5rem;}

.n-view {margin-bottom:0;}
.n-view .n-view-header, .n-view .n-view-con {padding:1.5rem;}
.n-view-header {background:#fafbfc; border-bottom:1px solid #74c7c5;}
.n-view-header .n-tit {color:#292929; font-size:1.6rem;}
.n-view-header .n-date {margin-top:0.5rem;}
.n-view-con {color:#5a5a5a; line-height:1.3;min-height:27rem;}

.add-file-list {/*height:9rem; overflow-y:auto;*/}
.add-file-list li {display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center; border-top:1px solid #e1e1e1;}
.add-file-list li > * {display:block;}
.add-file-list .file-name {-webkit-box-flex:1; font-size:1.3rem; color:#a6a6a6; padding:0 1.5rem; height:3rem; line-height:3rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.n-list .count-num, .n-view .count-num {color:#838383; font-size:1.3rem;}
.n-list .count-num:after, .n-view .count-num:after {content:""; display:inline-block; width:1px; height:1.1rem; background:#d8d8d9; margin:0 0.8rem 0 1.2rem;}

/*앱설정*/
.set-wrap .bg-box-2 {background:#f2f2f2; padding:0.3rem 1.7rem;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;}
.set-wrap .bg-box-2 > * {display:block;}
.set-wrap .bg-box-2 strong {font-size:1.6rem; color:#17a29f; font-weight:normal;}
.set-wrap .bg-box-2 + p {color:#a6a6a6 ;margin-bottom:2.5rem;}
.btn-switch.essential.on:disabled {opacity:1;}

 
/* no image */
.img-view {padding:0 !important; height:100%; }
.img-view .img-wrap {display:table; width:100%; height:100%; position:fixed; left:0; right:0; top:5rem; bottom:0;}
.img-view .img-wrap > span {display:table-cell; vertical-align:middle;}
.img-view .img-wrap > span > img {width:100%; height:auto; margin-top:-5rem;} 
.img-view.no-img {background:#9e9e9e url("../img/no-img.png") no-repeat 50% 50%; background-size:11.1rem;}
.img-view.no-img .no-img-txt {font-size:0;}


.flex-box1 {display: flex; align-items: center;justify-content: flex-start;flex-wrap: nowrap; padding-bottom: 5px;}
.flex-box1.flex-wrap {flex-wrap: wrap;}
.flex-box1.gap5 {gap: 5px;}
.check-box-container {width: calc(25% - 4px); padding: 10px 0; background-color: #F5F6F6; color: #333; border-radius: 3px; text-align: center; cursor:pointer;}
.check-box-container.on {border-radius: 3px; border: 1px solid #17A29F; background: rgba(23, 162, 159, 0.20);} 
.button {border:none;}


.box_img {display:block; width:100%; padding:10px 0 10px 10px;}
.box_img .btn_r {position: absolute; right: 10px;}

.ars_txt {text-align: center; font-size: 14px; padding:20px;}
.ars_time {color:#000; text-align: center; font-size: 24px; font-weight: 700; padding-bottom:20px;}


/* loading */
.loading {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: opacity 350ms linear;
}
.loading__block {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  font-weight: 700;
}
.loading__dot {
  width: 10px;
  height: 10px;
  background-color: #20c7bf;
  border-radius: 50%;
  animation: loading-dot-animate 2.4s ease-in-out infinite;
}
.loading__dot + .loading__dot {
  margin-left: 5px;
}
.loading__dot.loading__dot--2 {
  animation-delay: 0.15s;
}
.loading__dot.loading__dot--3 {
  animation-delay: 0.3s;
}
@keyframes loading-dot-animate {
  0% {
    background-color: #20c7bf;
    transform: translateY(0);
  }
  25% {
    background-color: #06316f;
    transform: translateY(-20px);
  }
  50% {
    background-color: #06316f;
    transform: translateY(0);
  }
  75% {
    background-color: #20c7bf;
    transform: translateY(-20px);
  }
  100% {
    background-color: #20c7bf;
    transform: translateY(0);
  }
}


/* 이미지 보기 좌우 플리킹 */
#imageContainer {position: relative; overflow: hidden; width: 100%; padding: 10px;}
#imageSlider {display: flex; transition: transform 0.5s ease-in-out;}
.image {width: 100%; height: auto; padding-right: 10px;}
.image:last-child {padding-right: 0;}
#imagePagination {display: flex; /* justify-content: space-between; */ align-items: center; margin-top: 10px; color: #333;}
.paginationInfo {display: flex; align-items: center; margin-left:45%; font-size: 20rem;}
.page {width: 10px; height: 10px; background-color: #aaa; border-radius: 50%; margin: 0 5px; cursor: pointer;}
.currentPage {background-color: #333;}
#currentPage, #totalPages {font-size: 20px;}
#currentPage {color:#17A29F; font-weight: bold;}





/* 이미지 보기 23.12.14 */
.hbox1 {display: -webkit-box; -webkit-box-orient: horizontal; display: -moz-box; -moz-box-orient: horizontal; display: box; box-orient: horizontal; margin: 20px 0 10px 0;}

.img_area {display: block; background-color: #f8f8f8; padding:10px;border-radius: 3px;}
.img_area:before {content: ""; display: table;}

.img_list {list-style: none; margin: -8px 0 0 -8px; padding: 0; display: flex; flex-wrap: wrap;}
.img_list ul {display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px;}

.img_box {flex: none; width: 25%; padding: 8px 0 0 8px; box-sizing: border-box;}
.img_box li {display: list-item; text-align: -webkit-match-parent;}

.img_box_bg {position: relative; display: block;}
.img_box_bg:before {content: ""; display: block; padding-top: 100%;}

.files_img_box_area.is-error {background-image: none!important;}
.files_img_box_area {display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.files_img_box_area, .files_icon_box_area {overflow: hidden; border-radius: 4px; border: 1px solid #eaeaea; background-color: #fff;}
.files_img_box_area, .files_icon_box_area, .img_preview {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box;}
.files_img_box_area:empty:before, .files_img_box_area.is-error:before {background-image: url(../img/img-default.svg);}
.files_img_box_area:before, .files_icon_box_area:before {content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; background: no-repeat 50% 50%/100% 100%; transform: translate(-50%,-50%);}
.files_img_box_area img {display: block; position: relative; width: auto; height: auto; width: 100%; height: 100%; opacity: 0; overflow-clip-margin: content-box; overflow: clip;}

.img_preview {border-radius: 0; margin: 0; padding: 0; border: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; overflow: visible;}
.for-a11y {display: block; margin: 0; position: absolute; z-index: -1; width: 1px; height: 1px; font-size: 1px; line-height: 1px; color: transparent; border: none; padding: 0; overflow: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: none;}
.img_delete {border-radius: 0; margin: 0; padding: 0; border: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; overflow: visible; display: block; position: absolute; top: 1px; right: 1px; width: 24px; height: 24px; background: url(../img/file-delete.svg) no-repeat 50% 50%/100% 100%;}

.list-bul11  {padding-left: 0.5rem;}
.list-bul11 li {position: relative; padding-left: 1rem; line-height: 1.3; margin-bottom: 1rem;}
.list-bul11 li:before {content: ""; position: absolute; left: 0; top: 0.7rem; width: 0.2rem; height: 0.2rem; background: #5a5a5a; border-radius: 0.1rem;}

.img_view_new {display: flex; align-items: center; justify-content: center;}
.img_view_new img {display: block; position: relative; width: auto; height: auto; width: 100%; height: 100%;}


.img-view_area {height:100%; }
.img-view_area .img-wrap {display:table; width:100%; height:100%; position:fixed; left:0; right:0; top:5rem; bottom:0;}
.img-view_area .img-wrap > span {display:table-cell; vertical-align:middle;}
.img-view_area .img-wrap > span > img {width:100%; height:auto; margin-top:-5rem;} 
.img-view_area.no-img {background:#9e9e9e url("../img/no-img.png") no-repeat 50% 50%; background-size:11.1rem;}
.img-view_area.no-img .no-img-txt {font-size:0;}