/* 전화 문의 버튼 */
.contact-cta{
  position:fixed;z-index:9999;text-decoration:none;
  display:flex;align-items:center;gap:10px;
  font-family:"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",sans-serif;
  box-shadow:0 3px 12px rgba(0,0,0,.22);
}
.contact-cta span{font-weight:600}
.contact-cta strong{font-weight:800}
.contact-desktop{
  top:24px;right:24px;padding:13px 19px;
  background:#0068a2;color:#fff;border-radius:5px;
  font-size:16px;
}
.contact-desktop strong{font-size:19px;letter-spacing:.2px}
.contact-mobile{display:none}


*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",sans-serif;
  background:#fff;
  color:#000;
}
img{display:block;border:0}
.desktop-site{display:block}
.mobile-site{display:none}

.content_w{
  margin:0 auto;
  min-width:960px;
  max-width:1920px;
  text-align:center;
}
.content_w > img,
.content_img > img{
  display:block;
  width:960px;
  height:auto;
  margin:0 auto;
}
.main_v1{background:#0068a2}
.main_v3{background:#fff100}
.main_v4{
  background:url('/images/main_v4_bg.jpg') no-repeat center bottom;
  background-size:auto 602px;
}
.main_v5{background:#0068a2}
.main_v7{background:#eef5f9}
.main_v9{background:#eef5f9}
.main_sms{background:#0068a2}

#tel_area{padding:0 0 70px}
#tel_area .tel_content{
  position:relative;
  margin:0 auto;
  width:850px;
  padding:0 0 30px;
  border-bottom:1px solid #033a59;
}
#tel_area .tel_content:after,
#tel_area .tel_type:after,
#tel_area .check_list:after{
  display:block;visibility:hidden;clear:both;content:"";
}
#tel_area h4{
  margin:0;
  font-size:18px;
  font-weight:normal;
  color:#fff;
}
#tel_area .tel_content h4{
  display:inline-block;
  height:42px;
  text-align:right;
}
#tel_area .tel_content label{margin-right:15px}
#tel_area .input_w{display:inline-block}
#tel_area .input_name{
  padding:0 10px;width:180px;height:42px;border:0;
  font-size:18px;background:#fff;border-radius:0;
}
#tel_area .input_tel{
  padding:0 10px;width:210px;height:42px;border:0;
  font-size:18px;background:#fff;border-radius:0;
}
#tel_area .name_div{float:left;margin-left:25px}
#tel_area .tel_div{float:left;margin-left:100px}
#tel_area .btn_send.desktop-send{
  float:right;margin-right:25px;width:170px;height:42px;border:0;padding:0;background:none;cursor:pointer
}
#tel_area .btn_send.desktop-send img{width:170px;height:42px}
#tel_area .tel_type{
  position:relative;margin:0 auto;width:850px;padding:30px 0 0;
  border-top:1px solid #2996d2;
}
#tel_area .tel_type .check_type{float:left;margin-left:25px}
#tel_area .tel_type .check_list{float:left;margin:0 0 0 50px;padding:0;list-style:none}
#tel_area .tel_type .check_list li{
  float:left;margin-right:40px;font-size:18px;color:#fff;list-style:none
}
#tel_area .tel_type .check_list input{width:20px;height:20px;vertical-align:middle}
#tel_area .tel_type .check_list label{margin-right:15px}
.status-message{
  display:none;
  margin:20px auto 0;
  width:850px;
  font-size:15px;
  color:#fff;
}

@media(max-width:640px){
  .contact-desktop{display:none!important}
  .contact-mobile{
    display:flex;left:12px;right:12px;bottom:12px;
    justify-content:center;padding:13px 12px;
    background:#0068a2;color:#fff;border-radius:6px;
    font-size:15px;
  }
  .contact-mobile strong{font-size:18px}

  html{min-width:320px;background:#3c3c3c}
  body{background:#3c3c3c}
  .desktop-site{display:none!important}
  .mobile-site{display:block!important}
  .content_area{
    margin:0 auto;
    width:100%;
    max-width:640px;
    background:#fff;
  }
  .content_area > img{
    width:100%;
    max-width:100%;
    height:auto;
  }
  .mobile-site #tel_area{
    padding:50px 20px;
    text-align:left;
    background:#0068a2;
  }
  .mobile-site #tel_area .sms-top{
    width:100%;
    height:auto;
    margin:0 0 28px;
  }
  .mobile-site #tel_area .frm_list{
    margin:0;padding:0 10px 10px;list-style:none;border-bottom:1px solid #033a59
  }
  .mobile-site #tel_area .frm_list li{
    position:relative;margin:0 0 12px;padding:0;list-style:none
  }
  .mobile-site #tel_area .frm_list li:after{
    display:block;visibility:hidden;clear:both;content:""
  }
  .mobile-site #tel_area .input_tit{
    position:absolute;left:0;top:7px;font-size:16px;color:#fff
  }
  .mobile-site #tel_area .input_data{
    float:left;width:100%;padding-left:80px
  }
  .mobile-site #tel_area .input_w{
    display:block;padding:10px;width:100%;height:40px;
    font-size:14px;border:1px solid #dbdbdb;border-radius:7px;background:#fff
  }
  .mobile-site #tel_area .tel_type{
    width:auto;padding:20px 0 0 10px;border-top:1px solid #2996d2
  }
  .mobile-site #tel_area .check_type{float:left;margin:0}
  .mobile-site #tel_area .check_type h4{font-size:16px;height:40px}
  .mobile-site #tel_area .check_list{
    float:left;margin:0 0 0 15px;padding:0;list-style:none
  }
  .mobile-site #tel_area .check_list li{
    float:left;margin:0;font-size:16px;color:#fff;list-style:none
  }
  .mobile-site #tel_area .check_list input{width:17px;height:17px;vertical-align:middle}
  .mobile-site #tel_area .check_list label{margin-right:10px}
  .mobile-site #tel_area .input_submit{margin:20px 0 0;padding:0 10px}
  .mobile-site #tel_area .btn_send{
    width:100%;height:45px;border:0;color:#fff;font-size:16px;font-weight:bold;
    background:#6d6afa;letter-spacing:-1px;border-radius:7px;cursor:pointer
  }
  .mobile-site .status-message{
    width:auto;margin:15px 10px 0;font-size:14px
  }
}