/* main reset */
*{margin:0; padding:0;}
*{-webkit-tap-highlight-color:transparent;}

body{font-size:14px; line-height:18px; color:#121212 ;
    font-family: sans-serif;}
    /* 폰트패밀리에 'Noto Sans KR',있는데 뺐음 글자 적용 확인할것 */


a{color:#121212; text-decoration:none;}
img{border:none; vertical-align:top;}
ul{list-style:none;}
ol{list-style:none;}
address{font-style:normal;}

h1,h2,h3,h4,h5,h6,div,p,ul,li,ol,dl,dt,dd{box-sizing:border-box;}

button, input, select, textarea{font-family: inherit; }
button{border:none; box-shadow:none; border-radius:0;
  background-color:transparent; padding:0; margin:0; cursor: pointer;}
input:focus, button:focus, select:focus, textarea:focus{outline: none;}
input::placeholder{color:#aaa;}

input{
  border-radius: 0; border:none; background-color:transparent; 
}


select{
  -moz-appearance: none;
  background-color:transparent;
}



.marginTop50{margin-top:50px; }
.marginLeft20{margin-left:20px; } 
.marginLeft150{margin-left:150px; }
.marginBottom50{margin-bottom:50px;}
.widthFixSize{width:400px}
.listInfoTextSpace{margin-left:20px; margin-bottom:60px; }



.backgroundColor{background-color: #fd0;}

/* 주석 */
.display_none{
  display: none;
}


/* 메인 슬라이더 swiper */
.slider_button_disabled {
  opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color:#EDB621;
  opacity: 0.6;
}

.scrollLock{
  overflow: hidden;
}





/* ---------- guarantee position ---------- */
.guaranteePrintWrap{
  padding:60px 0;
  height: 100%;
  background-color:#eee; 
}

.guaranteePrintWrapInner{
  width:794px;
  height:2240px;
  position:relative;
  margin: 0 auto;
}

.PrintWrapTit{
  text-align:center; 
  font-size:20px; 
  margin-bottom:40px; 
}

.guaranteePrintBox{
  position:absolute; 
  top: 0; 
  left: 0; 
}

.guatanteeImg{
  width:794px;
  height:1120px;
}

.guatanteeImg img{
  width:100%;
  height:auto;
  object-fit: cover;
}

.guatanteeImg02{
  width:794px;
  height:1090px;
}

.guatanteeImg02 img{
  width:100%;
  height:auto;
  object-fit: cover;
}

.guaranteePrintBox p{
  font-size:12px;
  line-height:15px;
}

.guaranteeP_pointName{
  position:absolute;
  /* 
  top:685px; 기준 +2
  left:132px; 기준 +6
  */
  top:687px;
  left:138px;
}

.guaranteeP_pointName_2{
  position:absolute;
  top:687px;
  left:138px;
}

.guaranteeP_address{
  position:absolute;
  top:687px;
  left:421px;
  width:256px;
}

.guaranteeP_address_2{
  position:absolute;
  top:687px;
  left:421px;
  width:256px;
}

.guaranteeP_phoneNum{
  position:absolute;
  top:719px;
  left:138px;
}

.guaranteeP_phoneNum_2{
  position:absolute;
  top:719px;
  left:138px;
}

.guaranteeP_representative{
  position:absolute;
  top:751px;
  left:138px;
}

.guaranteeP_representative_2{
  position:absolute;
  top:751px;
  left:138px;
}

.guaranteeP_date{
  position:absolute;
  top:816px;
  left:138px; 
}

.guaranteeP_date_2{
  position:absolute;
  top:849px;
  left:138px; 
}

.guaranteeP_serialNum{
  position:absolute;
  top:816px;
  left:460px; 
}

.guaranteeP_serialNum_2{
  position:absolute;
  top:816px;
  left:138px; 
}

.guaranteeP_location_2{
  position:absolute;
  top:879px;
  left:138px; 
}

.guaranteeP_film_2{
  position:absolute;
  top:909px;
  left:138px; 
}

.check_fill{
  width:10px;
  height:5px;
  border-left: 2px solid #0F335F;
  border-bottom:2px solid #0F335F;
  transform: rotate(-45deg);
}

.guaranteeP_windowFront{
  position: absolute;
  top: 844px;
  left: 138px;
}

.guaranteeP_windowSide1{
  position: absolute;
  top: 844px;
  left: 240px;
}

.guaranteeP_windowSide2{
  position: absolute;
  top: 844px;
  left: 340px;
}

.guaranteeP_windowSide3{
  position: absolute;
  top: 844px;
  left: 444px;
}

.guaranteeP_windowBack{
  position: absolute;
  top: 844px;
  left: 546px;
}

.guaranteeP_windowRoof{
  position: absolute;
  top: 844px;
  left: 648px;
  width:120px;
}

.guaranteeP_windowFront > div,
.guaranteeP_windowSide1 > div,
.guaranteeP_windowSide2 > div,
.guaranteeP_windowSide3 > div,
.guaranteeP_windowBack > div,
.guaranteeP_windowRoof > div{
  margin-bottom: 20px;
}

.guaranteeP_windowFront > p,
.guaranteeP_windowSide1 > p,
.guaranteeP_windowSide2 > p,
.guaranteeP_windowSide3 > p,
.guaranteeP_windowBack > p,
.guaranteeP_windowRoof > p{
  margin-bottom: 11px;
}

.guaranteeP_customerName{
  position:absolute;
  top:980px;
  left:138px;
}

.guaranteeP_customerName_2{
  position:absolute;
  top:982px;
  left:138px;
}

.guaranteeP_customerPhoneNum{
  position:absolute;
  top:980px;
  left:451px; 
}

.guaranteeP_customerPhoneNum_2{
  position:absolute;
  top:982px;
  left:451px; 
}

.guaranteeP_carType{
  position:absolute;
  top:1012px;
  left:138px;
}

.guaranteeP_carNum{
  position:absolute;
  top:1012px;
  left:451px; 
}

.guaranteeP_memo{
  position:absolute;
  top:1045px;
  left:138px;
}

.guaranteeP_memo_2{
  position:absolute;
  top:1014px;
  left:138px;
}

.guaranteeNodata{
  width:960px;
  padding:30px 0;
  background-color:#f7f7f7;
  margin:0 auto; 
  text-align: center; 
}


/* 스타일컴포넌트로 반응형 잡았는데
"출력하기"에서는 css로만 인식해서 해당 부분 잡아둠  */
.validatePrintWrap{
  padding:80px 0;
  height:100%; 
  background-color:#eee; 
}

.validatePrintWrapInner{
  width:794px;
  height:1120px;
  position:relative;
  margin: 0 auto;
}

.validatePrintBox{
  position:absolute; 
  top: 0; 
  left: 0; 
}

.validateP_customerName{
  position:absolute;
  top:509px;
  left:280px;
}

.validateP_carNum{
  position:absolute;
  top:545px;
  left:280px;
}

.validateP_pointName{
  position:absolute;
  top:585px;
  left:280px;
}

.validateP_product{
  position:absolute;
  top:616px;
  left:280px;
  width: 328px; 
  line-height:26px;
}


/* 카카오맵 팝업 */
.kakaomapPopup{
  width:320px;
  min-width:320px;
  padding:20px 20px 30px;
}

.kakaomapPopup_Tit{
  font-size:20px;
  line-height:30px;
  font-weight:500;
  color:#0F335F;
  margin-bottom: 10px; 
}

.kakaomapPopup_Info{
  font-size:14px;
  line-height:20px;
  margin-bottom: 4px; 
}

.kakaomapPopup_LinkBox{
  display:flex;
  margin-top:10px; 
}

.kakaomapPopup_Link01{
  display:inline-block;
  width:36px;
  height:36px; 
}

.kakaomapPopup_Link01 img{
  width: 100%;
  height:auto; 
  object-fit: cover;
}