@charset "utf-8";

.area_select1{display: inline-block;position: relative;}
.area_select1 .w2{min-width: 280px;}
.area_select1:after{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 11px;
    top: calc(50%);
    /*content: "\e90a";  역삼각형*/
    content: "\e90a";
    margin-top: -12px;
    font-size: 21px;
    color: #222;

}
.area_select1 > select {
    min-width: 225px;
    height: 45px;
    padding: 4px 0 4px 20px;
    border: 1px solid #d6dce3;
    font-size: 17px;
    line-height: 1.4;
    color: #222;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    font-weight: 400;
    cursor: pointer;
    border-radius: 10px;
    background-color: #fff;
  }
.area_select1 > select::-ms-expand {display:none;}
.area_select1:hover > select,
.area_select1 > select:focus {border:1px solid #000;}

@media screen and (max-width: 840px){
  .area_select1{display: inline-block;position: relative;}
  .area_select1 .w2{min-width: 280px;}
  .area_select1:after{
       right: 2vw;
       margin-top: -2.2vw;
       font-size: 5vw;
       color: #000000;
  }
  .area_select1 > select {
      min-width: 23vw;
      height: 10vw;
      padding: 1vw 2vw 1vw 3vw;
      font-size: 4vw;
      line-height: 1.5;
      border-radius: 1.5vw;
    }
}


#footer{background-color: #0f0f0f;color: #bbbbbb; padding:70px 0 70px;  position: relative; z-index: 2;}
#footer a{color: #bbbbbb;}
#footer a.point,
#footer a:hover{color:#3ba3e7;}
#footer > .inner{max-width: 1400px;margin-left: auto;margin-right: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
#footer .area_lft,
#footer .area_rgh{ position: relative;  }
#footer .logo{position: absolute; left: 0; top: 0;}


#footer .select,
#footer .wrap_sns{ margin-left: auto; width: 290px; display: flex;justify-content: flex-end;}

#footer .select.mobile{display: none;}
#footer .wrap_sns a{ margin-left: 17px;  font-size: 0; width: 40px; height: 40px; border-radius: 50%; background-color: #373737; display: inline-flex; align-items: center; justify-content: center;}
#footer .wrap_sns a:hover{opacity: 0.7;}
#footer .wrap_policy{max-width: calc(100% - 490px);min-width: calc(100% - 490px);padding-left:200px;margin-top:0;overflow:hidden;position: relative;}


#footer .select{ display:block; text-align:right; margin-top:20px; }
#footer .info{margin-top: -1px; padding-left:270px;margin-top:0; font-size:15px; line-height: 1.5; }
#footer .info ul {display: flex;margin-bottom: 1rem;}
#footer .info ul li {position: relative; margin-right: 0.7rem;padding-right: 1rem;}
#footer .info ul li::after {content: ''; position: absolute; width: 1px;height: 11px;background: #4d4d4d; right: 0;top: 30%; transform: ranslateY(-50%);
}
#footer .info ul li:last-child::after {display: none;}
#footer .info ul li a {font-size: 15px; font-weight: 500; color: #ffffff;}
#footer .info > p{ margin-bottom: 7px; }
#footer .info > p > b{font-weight: 900;}
#footer .info .copy{text-transform: uppercase; margin-top: 34px;}




@media screen and (max-width: 1400px){
  #footer > .inner{margin-left: 40px;margin-right: 40px;display: flex;flex-direction: column;}
  #footer .area_rgh{text-align:right;display: flex;flex-direction: column;align-items: flex-end;}
}

@media screen and (max-width: 1180px){
  #footer{ padding: 60px 0; }
}


@media screen and (max-width: 840px){
  #footer .select{display: none;}
  #footer .select.mobile{display: block;}
  #footer{ padding: 13vw 0; }
  #footer a{color: #bbb;}
  #footer > .inner{margin-left: 10vw;margin-right: 10vw;}

  #footer .logo{min-width:40vw;margin-top: 0;position: relative;}
  #footer .logo img{width:35vw;}
  #footer .wrap_policy.mobile{margin-top: 3vw;}
  #footer .wrap_sns{ margin-top: 5vw;  margin-left: auto; min-width: auto;}
  #footer .wrap_sns a{ margin-left: 2vw; font-size: 0; width: 11vw; height: 11vw;}
  #footer .wrap_sns img{width: 3.1vw;}

  #footer .inquiry.mobile{width: 100%;margin-top: 6vw;}
  #footer .inquiry .t{font-size: 3.5vw; }
  #footer .inquiry .tel{ font-size: 5vw; }

  #footer .select{width: 100%;text-align: left;margin-top: 3vw;position: relative;}
  #footer .select .area_select1{width: 85.7vw;}
  #footer .select .area_select1 select{ min-width: 100%; }
  #footer .wrap_policy ul{margin-left:-6vw;}
  #footer .wrap_policy ul > li{padding-left: 3vw;margin-left: 3vw;position: relative;margin-top: 2vw;}
  #footer .wrap_policy ul > li:after{position:absolute; left:0; top:calc(50% - 2.6vw); width:1px; height:4vw; background:#d6dce3; content:"";}
  #footer .wrap_policy ul > li a{font-weight: 600;line-height: 1;font-size: 3.4vw;}

  #footer .info{margin-top: 4vw;display:flex;flex-wrap: wrap;padding-left: 0;font-size: 3.6vw;}
  #footer .info > p{font-size:3.6vw;margin-bottom:2vw;margin-right: 0;display:flex;}
  #footer .info > p{}
 }