@charset "utf-8";
/* CSS Document */
#db_quick_input {position:fixed;right:0;background: #bf4747;z-index:999;width:350px;height:742px;bottom:0px;padding:84px 34px 0 34px;box-sizing:border-box;}
#db_quick_input.close {right:-400px;}
#db_quick_input .open_quick{position:absolute;left:0;background:#931C38;width:150px;height:50px;top:100px;display:none;text-align:center;transform-origin:bottom right;transform:translateY(-50%) rotate(-90deg);}
#db_quick_input .open_quick span{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700px;color:#FFFFFF;left:-10px;font-size:16px;}
#db_quick_input .open_quick span::before{
  position: absolute;
  width: 5px;
  height: 10px;
  left: 77%;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background-image: url('../../sjpfamily_n/images/quick_open.png');
}
#db_quick_input .quick_close{position:absolute;background-image:url('../../sjpfamily_n/images/quick_close.png');right:30px;top:33px;width:30px;height:30px;}
#db_quick_input .quick_close a{display:block;width:100%;height:100%;}
#db_quick_input .t_warp {flex-direction:column;justify-content:center;color:#FFFFFF;}
#db_quick_input .t_warp h2{font-size:30px;font-weight:700;color:#FFFFFF;text-align:center;margin-bottom:34px;}
#db_quick_input .t_warp .t_contant{display:flex;flex-direction:column;justify-content:center;}
#db_quick_input .t_warp {max-width:100%;}
#db_quick_input .t_warp .db_submit {}
#db_quick_input .t_warp .db_submit button[type=submit]{width:280px;height:60px;color:#bf4747;font-size:24px;font-weight:600;border:0;background:#FFFFFF;}
#db_quick_input .input_warp li{margin-bottom:14px;}
#db_quick_input .input_warp li.agree-tx{font-size:14px;color:#FFFFFF;text-align:center;}
#db_quick_input .line {margin:49px 0 63px 0; background:#FFFFFF;height:4px;width:100%; display:none;} /*수정 노출안함*/
#db_quick_input .tel_info {width:100%;display:flex;justify-content:center;flex-direction:column;}
#db_quick_input .tel_info > div{font-size:30px;color:#FFFFFF;text-align:center;font-weight:700;}
#db_quick_input .tel_info  div.txt{position:relative;margin-left:20px;}
#db_quick_input .tel_info  div.tel{margin-top:15px;}
#db_quick_input .tel_info  div.txt::before{position:absolute;right:0;top:0;content:'';width:30px;height:30px;background-image:url('../../sjpfamily_n/images/tel.png');margin-left:-40px;}



#db_quick_input .tel_info dl { margin-top: 20px;}
#db_quick_input .tel_info dl dt { color: #ffd1dc; font-size: 16px; font-weight: 600;  margin-bottom: 4px;}
#db_quick_input .tel_info dl dd { color: #fff; font-size: 16px; font-weight: 400; line-height: 22px; /* 146.667% */}
#db_quick_input .tel_info dl dd a {font-size:46px; display:block;margin-bottom:10px 0 5px; line-height:1;}
#db_quick_input .tel_info dl dd.lo_tel a {font-size:30px;}
#db_quick_input .tel_info dl dd span { color: #fff; font-size: 15px; font-weight: 500;  line-height: 22px; /* 146.667% */  padding-left: 16px;  background-repeat: no-repeat;  background-position: left 50%;  background-size: 13px;  background-image: url(/sjpfamily_n/images/location_icon.png);}
#db_quick_input .tel_info dl dd a{color:#fff;}


#db_quick_input select{width:280px;height:55px;border:1px solid #FFFFFF;background:transparent;color:#FFFFFF;font-size:20px;font-weight:700;padding:0 20px;box-sizing:border-box;}
#db_quick_input select option{background:#931C38;}
#db_quick_input input[type=text]{width:280px;height:55px;border:1px solid #FFFFFF;background:transparent;color:#FFFFFF;font-size:20px;font-weight:400;padding:0 20px;box-sizing:border-box;}
#db_quick_input input[type=text]::placeholder{color:#FFFFFF;}
#db_quick_input input[type="checkbox"]{
	position:relative;
	width:14px;
	height:14px;
	background: rgba(40,40,40,0);
    color:#000;
	cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border:1px solid #FFFFFF;
}

:checked:before {
	position:absolute;
  top:-5px;
  content: '\2713';
  color: rgba(255, 255, 255,1);
}

:checked {
  color: rgb(255, 255, 255);
}
#db_quick_input input[type="checkbox"]:checked { background: rgba(40,40,40,0);}