@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,800i&display=swap");

body {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #333;
}

/* ie10,11에서 select 화살표 없애기  */
select::-ms-expand {
  display: none;
}

select {
  /* select 화살표 없애기 */
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background: url(../images/sub/select.png) no-repeat 95% 50% #fff;
  padding-right: 30px !important;
  cursor: pointer;
}
/* input number 버튼삭제 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  margin: 0;
}
input {
  color: #777;
  font-weight: 400;
}
input::placeholder {
  color: #c2c6cb;
  font-weight: 500;
}

select {
  color: #777;
  font-weight: 400;
}
select::placeholder {
  color: #c2c6cb;
  font-weight: 500;
}

/* ie10,11에서 select 화살표 없애기  */
.searchbox select::-ms-expand {
  display: none;
}

/* common styles */
.btn_common {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inputCheckStyle1,
.inputCheckStyle2 {
  position: fixed;
  left: -9999px;
}

.inputCheckStyle1 + .checkboxImg {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/checkbox_off.jpg) 50% / cover no-repeat;
}

.inputCheckStyle1:checked + .checkboxImg {
  background: url(../images/checkbox_on.jpg) 50% / cover no-repeat;
}

.inputCheckStyle2 + .checkboxImg {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/checkbox2_off.jpg) 50% / cover no-repeat;
}
.inputCheckStyle2:checked + .checkboxImg {
  background: url(../images/checkbox2_on.jpg) 50% / cover no-repeat;
}

.inputStyle1 {
  height: 45px;
  width: 100%;
  border: 1px solid #b4b3b5 !important;
  margin-top: 10px;
  font-size: 16px;
}
.inputStyle1:focus {
  border: 1px solid #3f1981 !important;
  font-weight: bold;
}

.inputStyle1::placeholder {
  color: #79797a;
  font-size: 14px;
}

.btn_kakao {
  background: #fee500;
}
.btn_kakao img {
  margin-right: 5px;
}
.btn_kakao span {
  font-size: 18px;
  font-weight: bold;
}
.btn_kakao span a{
  font-size: 18px;
  /* font-weight: bold; */
  color:#000;
}

.btn_naver {
  background: #2bc021;
  color: #fff;
  justify-content: flex-start;
  padding-left: 35px;
  margin-top: 15px;
}
.btn_naver img {
  margin-right: 5px;
  padding-left: 14px;
}
.btn_naver span {
  font-size: 18px;
  font-weight: bold;
}
.btn_naver span a{
  font-size: 18px;
  font-weight: bold;
  color:#fff;
}

.wrapper {
  min-width: 1200px;
  margin: 0 auto;
}