
.quick {
  display: block;
  position: fixed;
  top: 60%;
  left: 20px;
  width: 220px;
  text-align: center;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 9999;margin-top:-283.5px;}

  .quick .quick_box {background:rgba(6, 76, 148, 100);padding:15px 20px;text-align:left;margin-bottom:2px;margin-top:2px;}
  .quick .tit {
    font-size: 16px;color:#fff;margin-bottom:0;}
  .quick .tel {font-size:21px;color:#64e0ff;font-weight:700;margin-bottom:10px;}
  .quick .normal {font-size:15px;color:#fff;margin-bottom:10px;}
  .quick .qr {margin-bottom:10px;}
  .quick .qr a {display:inline-block;background:#252732;padding:3px 20px;border-radius:60px;font-size:12px;color:#fff;}
  .quick .input {margin-bottom:3px;}
  .quick .input input.input_new {width:100%;height:40px;padding:0 5px;font-size:14px;color:#999;line-height:30px;border:0;}
  .quick .submit input.quick_applybtn {width:100%;height:40px;border:0;background:#252732;font-size:15px;color:#fff;}
  .quick .fast_qna {margin-bottom:2px;}
  .quick .fast_qna a {display:block;background:#066eab;width:100%;height:40px;font-size:17px;color:#fff;line-height:40px;text-align:center;}
  .quick .proc_intro a {display:block;background:#2278aa;width:100%;height:40px;font-size:17px;color:#fff;line-height:40px;text-align:center;}
  .quick .proc_intro a span {padding-right:10px;line-height:30px;}
  .quick .proc_intro a span img {vertical-align:middle;}
  .quick .cont {
    color: #fff;
    font: 700px;
    font-size: 18px;
    line-height: 1;
    padding: 20px 0; }
  @media screen and (max-width: 1024px) {
    .quick {
      display: none; } }
  .quick .ico {
    width: 70px;
    height: 70px;
    background-color: #002c64;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/quick_ico.png); }
  .quick .arr {
    padding-top: 10px; }

.Vertical-rl {
   writing-mode: horizontal-tb; /* 텍스트를 가로로 표시 */
    text-align: left; /* 텍스트를 가로로 중앙 정렬 */
   display: flex; /* Flexbox 사용 */
   padding-left:10px;
   justify-content: left; /* 가로 중앙 정렬 */
   align-items: center; /* 세로 중앙 정렬 */
  background: #172a52;
  flex-basis: 100%;
  width:100%;
  height:30px;
  font-size:17px;
  color:#fff;
 margin-bottom:2px;
}

.Vertical-rl a{
    text-align: left; /* 텍스트를 가로로 중앙 정렬 */
   display: flex; /* Flexbox 사용 */
   padding-left:10px;
   justify-content: left; /* 가로 중앙 정렬 */
   align-items: center; /* 세로 중앙 정렬 */
  flex-basis: 100%;
  font-size:17px;
  color:#fff;
 margin-bottom:2px;
}


@media screen and (min-width: 1025px) {
	.quick { display: block; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .quick {  display: none;   }
}

.hidden {
    opacity: 0;
    visibility: hidden;
}