@charset "utf-8";
@font-face {
    font-family: 'GmarketSansBold';
    src: local('GmarketSansBold'),url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansBold.svg#GmarketSansBold') format('svg'),
       url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansBold.svg#GmarketSansBold') format('svg'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: local('GmarketSansMedium'),url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansMedium.svg#GmarketSansMedium') format('svg'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansMedium.svg#GmarketSansMedium') format('svg'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: local('GmarketSansLight'),url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansLight.svg#GmarketSansLight') format('svg'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansLight.svg#GmarketSansLight') format('svg'),
    url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSans/GmarketSansLight.ttf') format('truetype');
    font-weight: 1200;
    font-style: normal;
}

html, body { width:100%; padding:0; margin:0 auto; font-family: 'GmarketSansMedium'; font-size:1.0em;  text-decoration:none; background-color:#376f20; }
img { border:0; }
ul, li {list-style:none;}
a{text-decoration:none;}



.custmdisplay{display:none;}
.input-file-button{
  font-size:0.8em;
  display:inline-block;
  padding: 12px 25px;
  background-color:#3a6dba;
  color: white;
  cursor: pointer;
}




/*--------PC##########################################################--------*/
@media (min-width: 1280px){
  /*---buttons---*/
  .btn_main{ width: 30%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#376f20; border-radius:20px 20px 20px 20px; }
  .btn_login{ width: 30%; height:40px; text-align:center; padding:0 0 0 0; background-color:#376f20; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#ffffff; border-radius:20px 20px 20px 20px; }
  .btn_pcsnumb{width: 20%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#ffffff; border-radius:20px 0 0 20px;}
  .btn_pcssend{width: 10%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#376f20; border-radius:0 20px 20px 0;}
  /*---buttons---*/
/*---login---*/
.log_wrapper {  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.log_contents {
  width:50%;
  padding: 0;
 }

.logo_box{float:none; width:100%; padding:0 0 40px 0; margin:0 auto; text-align:center; clear:both; }
.logo_box img{ }
.rider_box{float:none; width:100%; height:143px; padding:0 0 0 0; margin:0 auto; text-align:center; clear:both; }
.login_wrap{float:none; width:100%; padding:0 0 0 0; margin:0 auto; text-align:center; clear:both; }
.login_box{float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:center; clear:both; }
.login_box_title{color:#ffffff;float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:center; clear:both; }
.login_box_title ul { padding:0 0 0 0; margin:0 auto;}
.login_box_title li { padding:0 0 0 0; margin:0 auto;}
.login_box_btn{float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:center; clear:both; }
.btn_box{float:none; width:100%; padding:60px 0 0 0; margin:0 auto; text-align:center; clear:both; font-family: 'GmarketSansMedium';color:#ffffff; }
.btn_box a{color:#ffffff; }

.foot_logo_box{position:fixed; bottom:0; left:0; float:none; width:100%; padding:15px 0 10px 0; margin:0 auto; text-align:center; clear:both; z-index:5; }
.foot_logo_box img{ }
/*---login---*/
}

/*--------PC##########################################################--------*/

/*--------태블릿###########################################################---------*/
@media (min-width: 768px) and (max-width: 1279px){
  /*---buttons---*/
  .btn_main{ width: 50%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#376f20; border-radius:20px 20px 20px 20px; }
  .btn_login{ width: 50%; height:40px; text-align:center; padding:0 0 0 0; background-color:#376f20; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#ffffff; border-radius:20px 20px 20px 20px; }
  .btn_pcsnumb{width: 40%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#ffffff; border-radius:20px 0 0 20px;}
  .btn_pcssend{width: 10%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#376f20; border-radius:0 20px 20px 0;}
  /*---buttons---*/
  /*---login---*/
  .log_wrapper {  display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }
  .log_contents {
    width:60%;
    padding: 0;
   }

  .logo_box{float:none; width:100%; padding:0 0 40px 0; margin:0 auto; text-align:center; clear:both; }
  .logo_box img{ }
  .rider_box{float:none; width:100%; height:143px; padding:0 0 0 0; margin:0 auto; text-align:center; clear:both; }
  .login_wrap{float:none; width:100%; padding:0 0 0 0; margin:0 auto; text-align:center; clear:both; }
  .login_box{float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:center; clear:both; }
  .login_box_title{color:#ffffff;float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:center; clear:both; }
  .login_box_title ul { padding:0 0 0 0; margin:0 auto;}
  .login_box_title li { padding:0 0 0 0; margin:0 auto;}
  .login_box_btn{float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:center; clear:both; }
  .btn_box{float:none; width:100%; padding:50px 0 0 0; margin:0 auto; text-align:center; clear:both; font-family: 'GmarketSansMedium';color:#ffffff;}
  .btn_box a{color:#ffffff; }

  .foot_logo_box{position:fixed; bottom:0; left:0; float:none; width:100%; padding:15px 0 10px 0; margin:0 auto; text-align:center; clear:both; z-index:5; }
  .foot_logo_box img{ }
  /*---login---*/
}
/*--------태블릿###########################################################---------*/

/*--------모바일###########################################################---------*/
@media (min-width: 1px) and (max-width: 767px){
  /*---buttons---*/
  .btn_main{ width: 88%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#376f20; border-radius:20px 20px 20px 20px; }
  .btn_login{ width: 88%; height:40px; text-align:center; padding:0 0 0 0; background-color:#376f20; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#ffffff; border-radius:20px 20px 20px 20px; }
  .btn_pcsnumb{width: 68%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#ffffff; border-radius:20px 0 0 20px;}
  .btn_pcssend{width: calc(20% - 2px); height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#376f20; border-radius:0 20px 20px 0;}
  /*---buttons---*/
  /*---login---*/
  .log_wrapper {  display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }
  .log_contents {
    width:75%;
    padding: 0;
   }

  .logo_box{float:none; width:100%; padding:0 0 30px 0; margin:0 auto; text-align:center; clear:both; }
  .logo_box img{width:60%; }
  .rider_box{float:none; width:100%; height:143px; padding:0 0 0 0; margin:0 auto; text-align:center; clear:both; }
  .login_wrap{float:none; width:100%; padding:0 0 0 0; margin:0 auto; text-align:center; clear:both; }
  .login_box{float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:center; clear:both; }
  .login_box_title{color:#ffffff;float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:center; clear:both; }
  .login_box_title ul { padding:0 0 0 0; margin:0 auto;}
  .login_box_title li { padding:0 0 0 0; margin:0 auto;}
  .login_box_btn{float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:center; clear:both; }
  .btn_box{float:none; width:100%; padding:40px 0 0 0; margin:0 auto; text-align:center; clear:both; font-family: 'GmarketSansMedium';color:#ffffff;}
  .btn_box a{color:#ffffff; }

  .foot_logo_box{position:fixed; bottom:0; left:0; float:none; width:100%; padding:15px 0 10px 0; margin:0 auto; text-align:center; clear:both; z-index:5; }
  .foot_logo_box img{width:12%;}
  /*---login---*/
}
/*--------모바일###########################################################---------*/