@charset "UTF-8";
header {
  height: 15.28vw;
  background: #f3f4f6;
  width: 100vw;
}
header .head2_back {
  background: #f3f4f6;
}

.wrap {
  width: 100vw;
  max-width: 100vw;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #f3f4f6;
}

#container {
  padding-top: 15.28vw;
  margin-bottom: 11.11vw;
}

.tit_box {
  padding: 0 4.17vw;
  display: flex;
}

.tit_box .btn_box {
  background: #fff;
  width: 100%;
  border-radius: 4.17vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6.94vw 8.33vw;
}

.tit_box .btn_box p {
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 8.33vw;
  color: #1a1e27;
  letter-spacing: -0.025em;
}
.tit_box .btn_box p span {
  color: #4880ee;
}
.tit_box .btn_box a {
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  height: 13.89vw;
  line-height: 8.33vw;
  border-radius: 2.78vw;
  background: #5f91d6;
  color: #ffffff;
  margin-top: 8.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alliance_box {
  padding: 0 4.17vw;
  display: flex;
  flex-direction: column;
}

.alliance_box .btn_box {
  background: #fff;
  border-radius: 4.17vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8.33vw 6.67vw;
  margin-top: 4.17vw;
}
.alliance_box .btn_box a.go_out {
  background: #fff;
  min-height: 11.11vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 6.94vw;
  position: relative;
}

.alliance_box .btn_box a.go_out::after {
  content: "";
  background: url(/img/renew2/ico_btn_right.png) no-repeat;
  width: 1.53vw;
  height: 3.61vw;
  display: block;
  position: absolute;
  right: 0;
  background-size: 100% auto;
}
.alliance_box .btn_box a.go_out:first-child {
  margin-top: 0;
}
.alliance_box .btn_box a.go_out img {
  width: 11.11vw;
}
.alliance_box .btn_box a.go_out .txt_box {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-left: 4.17vw;
}
.alliance_box .btn_box a.go_out .txt_box span {
  font-family: "THELuxGoEB";
  font-size: 4.17vw;
  color: #222;
  letter-spacing: -0.075em;
}
.alliance_box .btn_box a.go_out .txt_box span:nth-child(2) {
  color: #999;
  font-size: 3.33vw;
  margin-top: 1.39vw;
}
.info_box {
  padding: 0 4.17vw;
}
.info_box .inner {
  background: #fff;
  border-radius: 4.17vw;
  padding: 8.33vw 6.67vw;
  margin-top: 4.17vw;
}
.info_box .txt_1 {
  font-family: "THELuxGoRA";
  color: #222;
  font-size: 5.56vw;
}
.info_box .txt_2 {
  font-family: "THELuxGoR";
  color: #1a1e27;
  font-size: 3.75vw;
  margin-top: 6.11vw;
}
.info_box ul {
  font-family: "THELuxGoR";
  color: #1a1e27;
  font-size: 3.89vw;
  line-height: 7.64vw;
  margin-top: 2.5vw;
}
.info_box ul li {
  position: relative;
  padding-left: 2.36vw;
}
.info_box ul li::before {
  content: "";
  width: 0.97vw;
  height: 0.97vw;
  border-radius: 100%;
  background: #1a1e27;
  display: block;
  position: absolute;
  left: 0;
  top: 1.94vw;
}
.info_box .check_box {
  font-family: "THELuxGoR";
  color: #1a1e27;
  font-size: 4.17vw;
  margin-top: 5vw;
}
.info_box .check_box p {
  display: flex;
  align-items: center;
  padding-left: 2.36vw;
  /* justify-content: space-between; */
}
.info_box .check_box p input {
  width: 3.75vw;
  height: 3.75vw;
  appearance: auto;
  border-radius: inherit;
  -webkit-appearance: checkbox;
  -webkit-border-radius: inherit;
  margin-left: 2.22vw;
}
.info_box .btn_next {
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  width: 100%;
  height: 13.89vw;
  line-height: 8.33vw;
  border-radius: 2.78vw;
  background: #5f91d6;
  color: #ffffff;
  margin-top: 8.33vw;
}

.noti_box {
  padding: 0 4.17vw;
}
.noti_box .inner {
  background: #fff;
  border-radius: 4.17vw;
  padding: 8.33vw 5.28vw;
  margin-top: 4.17vw;
}
.noti_box h3 {
  font-family: "THELuxGoRA";
  color: #999;
  font-size: 3.47vw;
  margin-bottom: 4.17vw;
}
.noti_box p {
  font-family: "THELuxGoRA";
  color: #999;
  font-size: 3.47vw;
  line-height: 4.17vw;
  margin-bottom: 2.78vw;
  position: relative;
  padding-left: 2.22vw;
  letter-spacing: -0.05em;
}
.noti_box p::before {
  content: "";
  width: 0.97vw;
  height: 0.97vw;
  background: #999;
  display: inline-block;
  border-radius: 100%;
  position: absolute;
  top: 1.53vw;
  left: 0;
}

.bg-white2 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999999999;
  background: #fff;
}

.bg-white2 .inner {
  overflow-y: auto;
  height: 100%;
}

.sign-up-title {
  margin-top: 9.72vw;
  font-family: "THELuxGoRA";
  font-size: 6.25vw;
  line-height: 8.33vw;
  color: #1a1e27;
}

.select_company {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  padding: 0 5.97vw 10.56vw;
  overflow-y: auto;
  padding-top: 11.67vw;
}

.select_company .title {
  margin-top: 9.72vw;
  font-family: "THELuxGoRA";
  font-size: 6.25vw;
  line-height: 8.33vw;
  color: #1a1e27;
}
.select_company .input_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 9.44vw;
  margin-bottom: 4.44vw;
  border-bottom: 0.42vw solid #4880ee;
}
.select_company .input_box input {
  height: 12.5vw;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  border: none;
}

/* 팝업(상담신청) 640디자인 1080-> 780 */
.popup_layer {
  position: absolute;
  width: 82.08vw;
  top: 50%;
  left: 50%;
  margin-left: -40.97vw;
  background: #fff;
  padding: 1.25vw 1.25vw 2.5vw;
  z-index: 4;
}
.popup_layer .inner {
  position: relative;
  overflow: hidden;
  background: #eef5fb;
  padding: 4.44vw 3.89vw 9.03vw;
}
.popup_layer a.btn_colse {
  width: 9.58vw;
  display: block;
  margin-top: 2.5vw;
  float: right;
}

#layer1.popup_layer .estimate_box > .txt_1 {
  font-family: "THELuxGoEB";
  color: #222;
  text-align: center;
  font-size: 4.44vw;
  margin-bottom: 5.14vw;
}
#layer1.popup_layer .estimate_box .input_box {
  margin-top: 2.5vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#layer1.popup_layer .estimate_box .input_box .txt_1 {
  font-family: "THELuxGoR";
  font-size: 3.47vw;
  line-height: 1;
  color: #222;
  width: 9.03vw;
  display: flex;
  justify-content: space-between;
}
#layer1.popup_layer .estimate_box .input_box .txt_2 {
  width: calc(100% - 16.94vw); /* background: #fff; */
}

#layer1.popup_layer .estimate_box .input_box .txt_2 .chk_box {
  display: flex;
  margin-top: 1.94vw;
}
#layer1.popup_layer .estimate_box .input_box .txt_2 .chk_box > div:first-child {
  margin-right: 2.78vw;
}
#layer1.popup_layer
  .estimate_box
  .input_box
  .txt_2
  .chk_box
  input[type="radio"] {
  display: none;
}
#layer1.popup_layer
  .estimate_box
  .input_box
  .txt_2
  .chk_box
  input[type="radio"]
  + label {
  display: flex;
  align-items: center;
  font-family: "THELuxGoR";
  color: #222;
  font-size: 2.36vw;
}
#layer1.popup_layer
  .estimate_box
  .input_box
  .txt_2
  .chk_box
  input[type="radio"]
  + label::after {
  content: "";
  width: 3.89vw;
  height: 3.61vw;
  background: url(/img/renew/type_chk.png) no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  display: block;
  margin-left: 1.11vw;
}
#layer1.popup_layer
  .estimate_box
  .input_box
  .txt_2
  .chk_box
  input[type="radio"]:checked
  + label::after {
  content: "";
  width: 3.89vw;
  height: 3.61vw;
  background: url(/img/renew/type_chk.png) no-repeat;
  background-size: 100% auto;
  display: block;
  background-position: 0 -3.61vw;
}

#layer1.popup_layer .estimate_box .input_box .txt_2 input.txt {
  font-family: "THELuxGoR";
  font-size: 3.47vw;
  line-height: 4.86vw;
  color: #222;
  background: #fff;
  border: 0.28vw solid #a8a8a8;
  padding: 0.97vw 1.81vw;
  width: 100%;
}
#layer1.popup_layer .estimate_box .input_box .txt_2 input.txt::placeholder {
  color: #d0d0d0;
}
#layer1.popup_layer .estimate_box .input_box.first {
  margin-top: 0;
}
#layer1.popup_layer .estimate_box .term_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "THELuxGoR";
  font-size: 2.22vw;
  color: #222;
  margin-top: 3.89vw;
}
#layer1.popup_layer .estimate_box .term_box .btn_box {
  display: flex;
}
#layer1.popup_layer .estimate_box .term_box .btn_box a {
  width: 6.39vw;
  height: 3.75vw;
  line-height: 3.47vw;
  border: 0.28vw solid #959595;
  display: block;
  text-align: center;
  margin-left: 1.25vw;
  background: #454545;
  color: #fff;
}
#layer1.popup_layer .estimate_box .term_box .btn_box a:first-child {
  margin-left: 0;
  background: none;
  color: #222;
}
#layer1.popup_layer .estimate_box .term_box .btn_box a.on {
  background: #222;
  color: #fff;
}
#layer1.popup_layer .estimate_box .btn_compare {
  font-family: "THELuxGoEB";
  font-size: 4.44vw;
  line-height: 1;
  color: #fff;
  background: #03a9c0;
  text-align: center;
  margin-top: 8.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4.44vw 0;
}
#layer1.popup_layer .estimate_box .btn_compare span {
  margin-left: 2.5vw;
  width: 1.67vw;
}

/* 오늘 보지 않기 팝업*/
#today_view.popup_layer {
  position: fixed;
  width: 100%;
  top: auto;
  left: auto;
  bottom: 0;
  margin-left: auto;
  background: #5181e7;
  padding: 0;
  z-index: 4;
  border-radius: 5.56vw;
  display:block
}

#today_view.popup_layer .layer_cont {
  padding: 9.03vw 10.14vw;
}

#today_view.popup_layer .layer_cont .txt1 {
    font-family: "THELuxGoR";
    font-size: 4.17vw;
    color: #fff;
    line-height: 6.94vw;
    margin-bottom: 6.94vw;
    letter-spacing: -0.05rem;
}

#today_view.popup_layer .layer_cont .txt1 span{
    font-size: 4.86vw;
}

#today_view.popup_layer .btn_box {
  display: flex;
  height: 13.89vw;
  background: #1c2127;
}

#today_view.popup_layer .btn_box .btn_close{
  width:50%;
  height: 100%;
  font-family: "THELuxGoR";
  color: #fff;
  font-size: 4.17vw;
  line-height: 6.94vw;
  position: relative;
}

#today_view.popup_layer .btn_box #btn_today:after{
 content: '';
width: 0.28vw;
height: 7.64vw;
background: #fff;
display: block;
position: absolute;
right: 0;
top: 3.33vw;
}


.copy_box {
  display: flex;
  margin-top: 4.17vw;
}
.copy_box .inner {
  padding: 0 4.17vw;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.copy_box a.btn_kakao {
  width: 44.44vw;
  height: 12.5vw;
}
.copy_box a.btn_kakao span {
}
.copy_box a.btn_kakao img {
}
.copy_box a.btn_copy {
  display: block;
  width: 44.44vw;
  height: 12.5vw;
}

.copy_box .inner2 {
  padding: 0 4.17vw;
  width: 100%;
}