@charset "utf-8";
html, body {
  max-width: 100%;
  overflow-x: hidden!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

img {max-width: 100%; height: auto;}
h1 img {padding: 15px 0;}
.o_box {display: block;}
#visual {background: url(images/visual_bg.jpg)center top; padding: 100px 0;}
#m_visual {display: none;}
#form_master {background-color:#f47322;}
.form {padding: 40px 0;}
#form_master select {background: #fff;}
#logos {background: #f47322;}
#logos ul li {display: inline-block; background: #fff; width: 11%; height: 65px; margin: 40px 4px 10px 4px; padding-top: 1%; border-radius: 2%;}
@media screen and (max-width: 800px) {
  #logos {padding: 10px 0 0;}
  #logos ul li {display: inline-block; background: #fff; width: 45%; height:55px; margin: 5px 4px; padding-top: 2%; border-radius: 2%;}
  .btn_logos {font-size: 9pt; color: #fff; background: #333; border-radius: 5%; padding:10px 25px!important; margin-top: .7%;}
  .o_box {display: none!important;}
}


.btn_logos {color: #fff; background: #333; border-radius: 5%; padding: 12px 25px; margin-top: .7%;}

a:hover span.btn_logos{background: #f47322; }
#service h2 {font-size: 24pt; display: inline-block; font-weight: bold; padding-top: 70px; border-bottom: 2px solid #f47322; margin-bottom: 40px;}
#service ul {}
#service ul li {border: 1px solid #ccc; padding: 40px 60px;; margin-bottom: 50px; margin: 0 auto;width: 50%; margin-bottom: 15px; }
#service ul li span {text-align: left; white-space:
pre-line; line-height: 1.6;}
#service ul li span:nth-child(1) {float: left; text-align:center; padding-top: 15px;}
#service ul li span:nth-child(2) { }
#service ul li span h4 {font-weight: 600; font-size: 13pt; margin-top: -40px!important;}
.text_box {width: 600px; border-left: 1px solid #ddd;  padding-left: 30px;}
.logo_box {width: 200px;}
.phone {font-size: 18pt; font-weight:600; padding: 10px; background: #2c4d98; margin-top: 20px; color: #fff; border-radius: 5px;}
span.orange {color: #f47322; border-left:0px!important; padding-left: 0px!important;}
span.orange.mini {color: blue; font-size: 9pt!important; padding-top: 10px;}
input[type=checkbox] {display: none;}
input[type=checkbox]:checked + label {
    background-image: url(images/check_on.png);
}
select#usernowinsu {background-color: #eee; margin-bottom: 20px;}
#form_master ul {width: 800px; margin: 0 auto;}
select {width: 580px; height: 42px; border: none; padding: 0 10px; margin-top: 10px;}
.tit img {padding-top: 30px;}
input[type=text] {width: 580px; height: 42px; border: none; padding: 0 10px; margin-top: 10px; background-color: #eee;}
input[type=text]#usercar {margin-bottom: 20px;}
span.policy label {
    font-size: 1.1em;
}
input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    line-height: 22px;
    padding-left: 32px;
    background: url(images/check_off.png) left/22px no-repeat;
}
.btn_s { display:block; border-radius: 100px; background-color: #f47322; color:#fff; padding: 22px 100px; font-size: 18pt; cursor: pointer; margin-top: 40px; margin:40px auto 0 auto;}

#privacy {background-color: #eee; padding-top: 30px;}
.privacy_con {
    font-size: 15px;
    clear: both;
    padding: 15px;
    line-height: 160%;
    white-space: pre-wrap;
    word-break: keep-all;
    text-align: left;
    width:800px;
    margin: 0 auto;
  }

  .privacy_con h2 {
      font-size: 22px;
      padding-bottom: 10px;
      font-weight: 500;
  }
  label[for="officeCode"], label[for="memberNum"] {color:#fff; font-weight: bold!important; font-size: 14pt!important; display: inline-block; padding-top: 20px;}
  label[for="username"], label[for="usertel"], label[for="usercarNo"], label[for="usernowinsu"] {color:#333; font-weight: bold!important; font-size: 14pt!important; display: inline-block; padding-top: 20px;}
  footer span {width: 100%; padding: 30px 0; border-top: 1px solid #ddd; background-color: #f8f8f8; line-height: 2; color: #666; font-size:9pt;}

  @media screen and (max-width: 800px) {
    #form_master ul {width: 100%;}
    #m_visual {display: block;}
    #m_visual img {width: 100%;}
    #visual {display: none;}
    select, input[type=text] {width: 90%;}
    h1 img {width: 70%;}
    .privacy_con {width: 90%;}
    footer span {width: 90%; padding: 5%; line-height: 1.5;}
    .form {padding: 20px 0;}
    label[for="officeCode"], label[for="memberNum"] {color:#fff; font-weight: bold!important; font-size: 11pt!important; display: inline-block; padding-top: 20px;}
    label[for="username"], label[for="usertel"], label[for="usercarNo"], label[for="usernowinsu"]{color:#333; font-weight: bold!important; font-size: 11pt!important; display: inline-block; padding-top: 20px;}
    #m_banner img {width:93%;}
    #m_banner {width:100%!important; display: block!important; text-align: center;}
    #banner {width:45.5%; display: none;}

  }

  #banner img {width:100%;}
  #banner {width:45.5%;}
  #m_banner {display: none;}

  #visual {height: 280px;}