@charset "utf-8";

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

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

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

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

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

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


  .sec_inquiry__03 .online_fmbox ul li .cont .text-box input{width:100%; border-bottom:1px solid #ccc; }
  .sec_inquiry__03 .online_fmbox ul li .cont .text-box input:focus{border:2px solid #a5a5a5 !important;}
  .sec_inquiry__03 .online_fmbox ul li .cont .text-box select{width:30%;}
  .sec_inquiry__03 .online_fmbox ul li:last-child{padding-bottom:40px;}
  .sec_inquiry__03 .online_fmbox ul li .cont textarea{height:124px;resize:none; border-bottom:1px solid #a5a5a5; }
  .sec_inquiry__03 .online_fmbox ul li .cont textarea:focus{border:1px solid #888 !important;}
  .sec_inquiry__03 .online_fmbox .provision{display:table;width:100%; margin-top:20px;}
  .sec_inquiry__03 .online_fmbox .provision label input{width:0; height:0;}
  .sec_inquiry__03 .online_fmbox .provision input[type="checkbox"].agreeCheck{ vertical-align:middle; }
  .sec_inquiry__03 .online_fmbox .provision input[type="checkbox"].agreeCheck + label { color:#989898; }
  .sec_inquiry__03 .online_fmbox .provision input[type="checkbox"].agreeCheck:hover + label {color:#000;}
  .sec_inquiry__03 .online_fmbox .provision input[type="checkbox"].agreeCheck:checked + label { color:#3d97ff; }
  .sec_inquiry__03 .online_fmbox .provision label{cursor:pointer;font-weight:300;}
  .sec_inquiry__03 .online_fmbox .provision label span{vertical-align: -2px;margin-left:5px;}
  .sec_inquiry__03 .online_fmbox .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;}
  .sec_inquiry__03 .online_fmbox .provision a:hover{background:#222;}
  .sec_inquiry__03 .online_fmbox .receive-btn{margin-top:20px;}
  .sec_inquiry__03 .online_fmbox .receive-btn input{width:100%;padding:15px 0;background:#000;color:#fff;border:0; border-radius:5px;}

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

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