@charset "utf-8";
/* inquiry__02.css */
@charset "utf-8";

.inquiry__02{ position:relative; background:#f6f6f6; background-repeat:no-repeat; background-position:center right; background-size: cover;}
.inquiry__02:after { content:""; width: 100%;
  height: 100%; position:absolute; top:0; left:0; background:#000; opacity: .5; z-index: 1;}

  .inquiry__02 .contact_wrap{display:flex; position:relative; z-index: 2;}
  .inquiry__02 .contact_wrap .contact{width:50%; background:#fff; padding:45px 50px;}
  .inquiry__02 .contact_wrap .titleArea h4{font-weight:300;}

  .inquiry__02 .contact_left .contact_detail {display:flex; flex-wrap: wrap; margin-bottom:20px;}
  .inquiry__02 .contact_left .contact_detail li{width:100%; padding-bottom:20px;}
  .inquiry__02 .contact_left .contact_detail li span{margin-right:10px; color:#1554e6; font-weight:700; font-size:1.7rem;}
  .inquiry__02 .contact_left .contact_detail .li40{width:40%;}
  .inquiry__02 .contact_left .contact_detail .li60{width:60%}

  @media(max-width:1200px){
    .inquiry__02 .contact_wrap{flex-wrap: wrap;}
    .inquiry__02 .contact_wrap .contact{width:70%;}
  }
  @media(max-width:768px){
    .inquiry__02 .contact_left .contact_detail li{padding-bottom:15px;}
    .inquiry__02 .contact_wrap .contact{ width:100%; padding:40px 30px;}
    .inquiry__02 .contact_wrap .contact iframe{min-height:300px !important;}
  }

  .inquiry__02 .online_fmbox ul li{ align-items:center; width:100%; padding:15px 0 5px; font-size:1.7rem;}
  /* .inquiry__02 .online_fmbox ul li:first-child { padding:15px 0 5px; } */
  .inquiry__02 .online_fmbox ul li .cont .text-box{width:100%;}
  .inquiry__02 .online_fmbox ul li .tit {display:inline-block; padding-bottom:5px; font-weight:500; }

  .inquiry__02 .online_fmbox .cateBtn , 
  .inquiry__02 .online_fmbox ul li .cont input, 
  .inquiry__02 .online_fmbox .online_fm ul li .cont select, 
  .inquiry__02 .online_fmbox ul li .cont textarea{width:100%;border:0; height:40px; line-height:38px; padding:0; font-size:1.5rem; background:#fff;}


  .inquiry__02 .online_fmbox ul li .cont .text-box input{width:100%; border-bottom:1px solid #ccc; }
  .inquiry__02 .online_fmbox ul li .cont .text-box input:focus{border-color:#555 !important; border-width:0 0 1px 0 !important;}
  .inquiry__02 .online_fmbox ul li .cont .text-box select{width:30%;}
  .inquiry__02 .online_fmbox ul li .cont textarea{height:104px; padding:10px 0; resize:none; border-bottom:1px solid #a5a5a5; line-height:1.2em;}
  .inquiry__02 .online_fmbox ul li .cont textarea:focus{ border-color:#555 !important; border-width:0 0 1px 0 !important;}
  .inquiry__02 .provision{display:table;width:100%; margin-top:20px;}
  .inquiry__02 .provision label input{width:0; height:0;}
  .inquiry__02 .provision input[type="checkbox"].agreeCheck{ vertical-align:middle; }
  .inquiry__02 .provision input[type="checkbox"].agreeCheck + label { color:#989898; }
  .inquiry__02 .provision input[type="checkbox"].agreeCheck:hover + label {color:#F57D3D;}
  .inquiry__02 .provision input[type="checkbox"].agreeCheck:checked + label { color:#000; }
  .inquiry__02 .provision label{cursor:pointer;font-weight:300;}
  .inquiry__02 .provision label span{vertical-align: -2px;margin-left:5px;}
  .inquiry__02 .provision a{padding:0 15px;height:35px;line-height:33px;font-size:12px;background:#b9b9b9;color:#fff;display:inline-block;margin-left:10px;border-radius:5px;}
  .inquiry__02 .provision a:hover{background:#222;}
  .inquiry__02 .receive-btn{margin-top:20px;}
  .inquiry__02 .receive-btn input{width:100%;padding:15px 0;background:#F57D3D;color:#fff;border:0; border-radius:5px;}

  .inquiry__02 input::placeholder {color:#ccc;}
  .inquiry__02 input::-webkit-input-placeholder {color:#ccc;}
  .inquiry__02 input:-ms-input-placeholder {color:#ccc;}
  .inquiry__02 textarea::placeholder {color:#ccc;}
  .inquiry__02 textarea::-webkit-input-placeholder {color:#ccc;}
  .inquiry__02 textarea:-ms-input-placeholder {color:#ccc;}

  @media(max-width:560px){
    .inquiry__02 .online_fmbox ul li{ font-size:1.6rem; padding:8px 0;}
    .inquiry__02 .online_fmbox ul li .tit{margin-bottom:5px;}
    .inquiry__02 .online_fmbox ul li .cont .text-box input,
    .inquiry__02 .online_fmbox ul li .cont textarea,
    .inquiry__02 .online_fmbox .cateBtn{padding:0 7px; margin-bottom:10px;}
    .inquiry__02 .online_fmbox ul li .cont input{height:40px; line-height:38px;}
    .inquiry__02 .online_fmbox .receive-btn input{padding:10px 0;}
  }