@keyframes _popuptop { 
 from { transform: translateY(-76%); opacity: 0; } 
to { transform: translateY(0); opacity: 1; } 
 }
@keyframes _popupright { 
 from { transform: translateX(76%); opacity: 0; } 
to { transform: translateX(0); opacity: 1; } 
 }
@keyframes _popupbottom { 
 from { bottom: -70%; opacity: 0; } 
to { bottom:0; opacity: 1; } 
 }
/*공통***************************************************************************/

._popup { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%;; z-index: 100; } 
._popup.dim { background-color: rgba(0,0,0,0.5); } 
._popup .popBox { position: absolute; left: 0; width: 100%; background-color: var(--color_00); } 
._popup .popBox.top { animation: _popuptop 0.3s ease-out; } 
._popup .popBox.right { animation: _popupright 0.3s ease-out; } 
._popup .popBox.bottom { animation: _popupbottom 0.3s ease-out; } 
._popup .popBox.top { top: 0;; } 
._popup .popBox.bottom { border-radius: var(--unit-30) var(--unit-30) 0 0; bottom: 0; background-color:var(--mo_bg_light_blue); } 
._popup .popBox .popBtnBox { display: flex; } 

/* 팝업-fullPage 헤더*/
._popup .layFull.popBox { overflow-y: auto;; position: fixed; left: 0; top: 0; width: 100%; height: 100%; } 
._popup .layFull.popBox .header-pop { z-index: 10; background-color: var(--color_00); position: fixed; width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; box-shadow: 0px var(--unit-2) var(--unit-18) rgba(19, 27, 62, 0.1); } 
._popup .layFull.popBox .header-pop .pageName { padding-left: var(--unit-36); font-size: var(--unit-34); line-height: var(--unit-100); font-weight:var(--fontWeight-semiBold); } 
._popup .layFull.popBox .header-pop .btnBox { display: flex; } 
._popup .layFull.popBox .header-pop .btnBox button { width: var(--unit-100); height: var(--unit-100); } 
._popup .layFull.popBox .header-pop .btnBox button img { width: var(--unit-36); } 
._popup .layFull.popBox .header-pop .headSubBox { width: 100%; padding: 0 var(--unit-36) var(--unit-24); } 
._popup .layFull.conBox { height: calc(100% - var(--unit-100)); margin-top: var(--unit-100); } 
._popup .empty { display: flex; align-items: center; justify-content: center; height: var(--unit-420); color: var(--color_07); font-weight: var(--fontWeight-semiBold); } 


/*bottom: 버튼 리스트 선택 팝업 공통*/
._popup.bottomPop .popBox { max-height: 80%; display:flex; } 
._popup.bottomPop .popBox .conBox { flex: 1; display: flex; flex-direction: column; } 
._popup.bottomPop .popBox .conBox .popBottTit { display: flex; justify-content: space-between; align-items: center; padding:var(--unit-36) var(--unit-42) var(--unit-20); padding-right: 0; } 
._popup.bottomPop .popBox .conBox .popBottTit .tit { font-size: var(--unit-36); font-weight: var(--fontWeight-semiBold); } 
._popup.bottomPop .popBox .conBox .popBottTit .closeBtn { width: var(--unit-110); height: var(--unit-64); padding:0 var(--unit-42); display: flex; align-items: center; } 
._popup.bottomPop .btnList { display: flex; flex-direction: column; gap: var(--unit-20); padding:var(--unit-42); padding-top: 0; overflow-y: auto;; } 
._popup.bottomPop .btnList li { position: relative; } 
._popup.bottomPop .btnList li input:checked + div { border:1px solid var(--blue); color: var(--blue); } 
._popup.bottomPop .btnList li div { height: var(--unit-100); background-color: var(--color_00); display: flex; justify-content: center; align-items: center; font-size: var(--unit-30); font-weight: var(--fontWeight-semiBold); border:1px solid transparent; transition: 0.2s all; } 
._popup.bottomPop .btnList.half { display: flex; flex-direction: row; flex-wrap: wrap; } 
._popup.bottomPop .btnList.half li { width: calc((100% - var(--unit-20))/2); } 

/*top: title 공통*/
._popup .popBox.top .conBox .popTopTit { font-size: var(--unit-36); font-weight: var(--fontWeight-semiBold); } 

/*공통***************************************************************************/


/*달력 날짜 선택 팝업 (구입년월,제조년월)*/
._popup.calendarPop .popBox { position: absolute; width: calc(100% - var(--unit-60)); left: 50%; transform: translate(-50%,-50%); top: 50%; } 
._popup.calendarPop .popBox .conBox { position: relative; padding: var(--unit-42); display: flex; flex-direction: column; } 
._popup.calendarPop .closeBtn { width: 100%; background-color: var(--color_03); height: var(--unit-100); font-weight: var(--fontWeight-semiBold); font-size: var(--unit-28); } 


/*AS검색 팝업*/
._popup.asSearch .conBox { display: flex; gap: var(--unit-42); flex-direction: column; padding:var(--unit-40); } 
._popup.asSearch .conBox ._formBox li.asStateBox { flex-direction: row; align-items: center; justify-content: space-between; } 
._popup.asSearch .conBox .asStateBox .tit { display: flex; flex-direction: column; gap: var(--unit-10); } 
._popup.asSearch .conBox .asStateBox .tit span { color: var(--red); font-size: var(--unit-20); } 
._popup.asSearch .conBox .asStateBox .asState { display: flex; gap:var(--unit-20); } 
._popup.asSearch .conBox .asStateBox .asState .option { position: relative; } 
._popup.asSearch .conBox .asStateBox .asState .option label { font-size: var(--unit-28); width: 100%; display:flex; justify-content: center; align-items: center; height: var(--unit-72); background-position:calc(100% - var(--unit-30)); color: var(--color_08); background-size: var(--unit-18); border-radius: var(--unit-64); padding: 0 var(--unit-72) 0 var(--unit-36); font-weight: 600; border:var(--basicLine); background-image: url(../../img/icon/icon_check_06.png); } 
._popup.asSearch .conBox .asStateBox .asState .option input:checked + label { border:1px solid var(--blue); background-color:#f1f3fd; color: var(--blue); background-image: url(../../img/icon/icon_check_blue.png); } 


/*처리내용*/
.disposalClass .popBox .conBox { margin-top:calc(var(--unit-190) + var(--unit-6)); } 
.disposalClass .headSubBox .tab { display: flex; gap: var(--unit-20); } 
.disposalClass .headSubBox .tab button { flex: 1; height: var(--unit-72); font-size: var(--unit-26); font-weight: var(--fontWeight-medium); background-color: var(--color_04); color: var(--color_08); } 
.disposalClass .headSubBox .tab button.on { background-color: var(--color_11); color: var(--color_00); } 

/*모델검색*/
.searchModel .popBox .conBox { margin-top:calc(var(--unit-200) + var(--unit-10)); } 


/*제품군*/
.productGroup .popBox .conBox { margin-top:calc(var(--unit-200) + var(--unit-10)); } 

/*불량증상 불량부위 불량원인*/
.faultySymptom .popBox .conBox,
.faultyPart .popBox .conBox,
.faultyCause .popBox .conBox { margin-top:calc(var(--unit-150) + var(--unit-2)); } 
.faultySymptom .headSubBox ._textSet li,
.faultyPart .headSubBox ._textSet li,
.faultyCause .headSubBox ._textSet li { font-size: var(--unit-28); font-weight: var(--fontWeight-semiBold); } 

/*특기사항*/
._popup.memo .popBox .conBox { padding: var(--unit-42); display: flex; flex-direction: column; gap: var(--unit-26); background-color: var(--mo_bg_light_blue); } 
._popup.memo textarea { height: var(--unit-300); } 

/*제조번호*/
._popup.manufactureNum .popBox .conBox { padding: var(--unit-42); display: flex; flex-direction: column; gap: var(--unit-26); background-color: var(--mo_bg_light_blue); } 
/*전화번호*/
._popup.telNumber .popBox .conBox { padding: var(--unit-42); display: flex; flex-direction: column; gap: var(--unit-26); background-color: var(--mo_bg_light_blue); } 
/*조정수량*/
._popup.partStockChangeModal .popBox .conBox { padding: var(--unit-42); display: flex; flex-direction: column; gap: var(--unit-26); background-color: var(--mo_bg_light_blue); } 

/*자재반납등록*/
._popup.partReturnSet .popBox .conBox { padding: var(--unit-42); display: flex; flex-direction: column; gap: var(--unit-26); background-color: var(--mo_bg_light_blue); } 

/*유상금액*/
._popup.chargeCost .popBox .conBox { padding: var(--unit-42); display: flex; flex-direction: column; gap: var(--unit-26); background-color: var(--mo_bg_light_blue); } 

/*장거리*/
._popup.distanceCost .popBox .conBox { padding: var(--unit-42); display: flex; flex-direction: column; gap: var(--unit-26); background-color: var(--mo_bg_light_blue); } 

/*추가비용*/
._popup.extraCost .popBox .conBox { padding: var(--unit-42); display: flex; flex-direction: column; gap: var(--unit-26); background-color: var(--mo_bg_light_blue); } 


/*부품검색*/
._popup.partCode .popBox .conBox { margin-top:calc(var(--unit-100)); padding-bottom: var(--unit-180); } 
._popup.partCode .popBox .partGroupBtn { padding:0 var(--unit-36); } 
._popup.partCode .popBox .partGroupBtn span { display: flex; align-items: center; font-size: var(--unit-30); font-weight: var(--fontWeight-bold); text-align: left; background-image: url(../../img/arrow/arrow-down-black.png); background-size: var(--unit-20); background-position: calc(100% - var(--unit-36)); padding-right: var(--unit-72); } 
._popup.partCode .popBox .popBtnBox { z-index: 1; position: fixed; left: 0; bottom: 0; width: 100%;; } 
._popup.partCode .searchBox { padding: var(--unit-24) var(--unit-36); display: flex; flex-direction: column; gap: var(--unit-20); border-bottom: var(--basicLine); } 
._popup.partCode ._listTotalCount { border-top: var(--dividerLine); } 


/*미수금입력*/
._popup.costReceivable .popBox { background-color: var(--mo_bg_light_blue); } 
._popup.costReceivable .popBox .conBox { padding: var(--unit-60) var(--unit-42); display: flex; flex-direction: column; gap: var(--unit-58); } 
._popup.costReceivable .popBox .conBox .depositPrice { display: flex; flex-direction: column; gap: var(--unit-20); } 
._popup.costReceivable .popBox .conBox .depositPrice .tit { font-weight: var(--fontWeight-medium); font-size: var(--unit-24); } 
._popup.costReceivable .popBox .conBox .depositDate { display: flex; flex-direction: column; gap: var(--unit-16); background-image: url(../../img/arrow/arrow-right-09.png); background-position: right; background-size: var(--unit-20); } 
._popup.costReceivable .popBox .conBox .depositDate span { font-weight: var(--fontWeight-medium); font-size: var(--unit-24); } 
._popup.costReceivable .popBox .conBox .depositDate div { font-size: var(--unit-30); font-weight: var(--fontWeight-semiBold); } 

/*공지사항*/
._popup.noticeDetail .conBox .noticeWrap { flex: 1; overflow-y: auto;; } 
._popup.noticeDetail .conBox .noticeWrap .noticeTitBox { background-color: var(--color_00); padding: var(--unit-32) var(--unit-42); display: flex; flex-direction: column; gap: var(--unit-32); } 
._popup.noticeDetail .conBox .noticeWrap .noticeTitBox .titBox { display: flex; flex-direction: column; gap: var(--unit-14); } 
._popup.noticeDetail .conBox .noticeWrap .noticeTitBox .titBox .tit { font-size: var(--unit-32); font-weight: var(--fontWeight-bold); line-height: var(--unit-38); } 
._popup.noticeDetail .conBox .noticeWrap .noticeTitBox .titBox .day { font-size: var(--unit-24); color: var(--color_08); } 
._popup.noticeDetail .conBox .noticeWrap .noticeTitBox .fileDownBtn { background-color: var(--blue_03); border-radius: var(--unit-100); display: flex; justify-content: space-between; align-items: center; height: var(--unit-68); padding: 0 var(--unit-36); } 
._popup.noticeDetail .conBox .noticeWrap .noticeTitBox .fileDownBtn div { font-size: var(--unit-28); color: var(--blue); font-weight: var(--fontWeight-semiBold); } 
._popup.noticeDetail .conBox .noticeWrap .noticeTitBox .fileDownBtn img { width: var(--unit-26); } 
._popup.noticeDetail .conBox .noticeWrap .noticeTxt { padding: var(--unit-42); font-size: var(--unit-28); line-height: var(--unit-42); overflow-y: auto; flex: 1; font-weight: var(--fontWeight-medium); } 


/*거래처*/
._popup.multiVendorCalculate .popBox .conBox { margin-top: calc(var(--unit-200) + var(--unit-10)); } 


/*이미지확대보기*/
._popup.previewImg.dim { background-color: rgba(0,0,0,0.9); } 
._popup.previewImg .popBox { width: 100%; background-color: transparent; height:100%; } 
._popup.previewImg .popBox .closeBtn { position: fixed; right:var(--unit-20); top:var(--unit-20);; z-index: 10; width: var(--unit-86); height: var(--unit-86); padding: var(--unit-28); background-color:rgba(0,0,0,0.5); border-radius: var(--unit-100); } 
._popup.previewImg .popBox .conBox .previewImgSwiper { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; } 
._popup.previewImg .popBox .conBox .previewImgSwiper .swiper-wrapper { align-items: center; } 
._popup.previewImg .popBox .conBox .previewImgSwiper .swiper-wrapper img { width: 100%; height: auto; max-height:80vh; object-fit: contain; display: block; } 
._popup.previewImg .popBox .conBox .previewImgSildControl { position: fixed; left: 0; bottom: 0; width: 100%; height: var(--unit-100);; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; } 
._popup.previewImg .popBox .conBox .previewImgSildControl .swiper-pagination { bottom: 0; height: var(--unit-100); display: flex; align-items: center; color: #fff; justify-content: center; gap: var(--unit-4); width: 50%; left: 50%; transform: translateX(-50%); } 
._popup.previewImg .popBox .conBox .previewImgSildControl .swiper-pagination span { color:var(--color_00); } 
._popup.previewImg .popBox .conBox .previewImgSildControl .swiper-button-next, 
._popup.previewImg .popBox .conBox .previewImgSildControl .swiper-button-prev { color:var(--color_00); width: var(--unit-100); height: var(--unit-100); top: 0; margin-top: 0; right:0; } 
._popup.previewImg .popBox .conBox .previewImgSildControl .swiper-button-prev, 
._popup.previewImg .popBox .conBox .previewImgSildControl .swiper-rtl .swiper-button-next { left: 0; } 
._popup.previewImg .popBox .conBox .previewImgSildControl .swiper-button-next:after, 
._popup.previewImg .popBox .conBox .previewImgSildControl .swiper-button-prev:after { font-size: var(--unit-42); }