@charset "utf-8";
/* CSS Document */

/* 아이줌 공통 효과 */
.izumFocus{
  border:1px solid #d8d2c6;
  outline:none;
  transition:border-color .18s ease,
             box-shadow .18s ease,
             transform .18s ease;
  background:#fffdf8;
  color:#000;
  caret-color:#ff6a00;
}

.izumFocus:focus{
  border-color:#ff6a00;
  box-shadow:
    0 0 0 3px rgba(255,106,0,.22),
    0 6px 14px rgba(0,0,0,.12);
  transform:translateY(-1px);
}

.izumFocus::placeholder{
  color:#ff7f2a;
}

/* 시안 버튼 */
.sianBtn{
  display:inline-block;
  transition:.22s ease;
}
.sianBtn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 10px rgba(0,0,0,.18);
}
.sianBtn:hover img{
  transform:scale(1.03);
  filter:brightness(1.05);
}

/* 옵션 점선 */
.optLine{
  position:relative;
}
.optLine::after{
  content:'';
  position:absolute;
  left:0; right:0;
  top:50%;
  height:1px;
  transform:translateY(-50%);
  background-image:repeating-linear-gradient(
    to right,
    #555 0px,
    #555 2px,
    transparent 2px,
    transparent 7px
  );
}

/* 아이줌 공통 입력창 */
.izumFocus{
  border:1px solid #d8d2c6;
  outline:none;

  /*  기본 그림자 추가 */
box-shadow:0 3px 7px rgba(0,0,0,.13);
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;

  background:#fffdf8;
  color:#000;
  caret-color:#ff6a00;
}