@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:#564fe4; }
img { border:0; }
ul, li {list-style:none;}
a{text-decoration:none;}

.taleft{text-align:left;}
.tacenter{text-align:center;}
.taright{text-align:right;}

input[type="radio"]{
  display: none;
}
input[type="radio"] + label span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: transparent;
  vertical-align: middle;
  border: 2px solid #ffffff;
  border-radius: 50%;
  padding: 2px;
  margin:0 5px;
}
input[type="radio"]:checked + label span {
  width: 10px;
  height: 10px;
  background: #ffffff;
  background-clip: content-box;
}

input[type="checkbox"]{
  display: none;
}
input[type="checkbox"] + label span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: transparent;
  vertical-align: middle;
  border: 2px solid #ffffff;
  border-radius: 3px;
  padding: 2px;
  margin:0 5px;
}
input[type="checkbox"]:checked + label span {
  width: 10px;
  height: 10px;
  background: #ffffff;
  background-clip: content-box;
}

.input-number-password {
    -webkit-text-security: disc;
}

.custmdisplay{display:none;}
.input-file-button{
  font-size:0.8em;
  display:inline-block;
  padding: 12px 25px;
  border-radius:25px;
  background-color:#f7f7f7;
  color: #000000;
  cursor: pointer;
}

.fontSC{ color:#ffffff; font-size:0.74em;}
.btn_view{ text-align:center; margin: 0 0 0 2px; padding:3px; background-color:#ffffff; border:0; font-size:0.7em;  font-family: 'GmarketSansMedium'; color:#564fe4; border-radius:2px; }



.rsid{font-size:0.74em;}


.titleh1{font-family: 'GmarketSansMedium'; color:#ffffff; font-size:0.7em; }


.pay{padding:0 0 0 0;}
.pay li{padding:0 0 0 0;}


/*--------PC##########################################################--------*/
@media (min-width: 1280px){

  /*---모달팝업---*/
  .mdpu_popup-wrap{
    background-color:rgba(0,0,0,.8);
    justify-content:center;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
    padding:15px;
    z-index:101;
  }
  .mdpu_popup{
    width:100%;
    max-width:780px;
    border-radius:10px;
    overflow:hidden;
    background-color:#264db5;
    box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
  }
  .mdpu_popup-head{
    width:100%;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .head-title{color:#ffffff;}
  .mdpu_popup-body{
    width:100%;
    background-color:#ffffff;
  }
  .body-content{
    width:100%;
    padding:15px;
  }
  .body-titlebox{
    text-align:center;
    width:100%;
    height:40px;
    margin-bottom:10px;
  }
  .body-contentbox{
    word-break:break-word;
    overflow-y:auto;
    min-height:390px;
    max-height:390px;
    text-align:left;
    font-size:0.6em;
  }
  .mdpu_popup-foot{
    width:100%;
    height:40px;
  }
  .pop-btn{
  font-size:1.0rem;
    display:inline-flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    float:left;
    color:#ffffff;
    cursor:pointer;
  }
  .pop-btn.confirm{
    font-family: 'GmarketSansMedium';
    font-size:0.7rem;
    border:1px solid #fa6600;
    background-color:#fa6600;
  }
  /*---모달팝업---*/
  /*---buttons---*/
  .addin{ width: 80%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:0;  font-family: 'GmarketSansMedium'; color:#000000; border-radius:20px 0 0 20px; }
  .addsave{ width: 20%; height:40px; text-align:center; padding:0 0 0 0; background-color:#f7f7f7; border:0;  font-family: 'GmarketSansMedium';font-size:0.66em; color:#000000; border-radius:0 20px 20px 0;}

  .btn_main{ width: 100%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#564fe4; border-radius:20px 20px 20px 20px; }
  .btn_login{ width: 100%; height:40px; text-align:center; padding:0 0 0 0; background-color:#564fe4; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#ffffff; border-radius:20px 20px 20px 20px; }
  .btn_pcsnumb{width: 80%; 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: 20%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#564fe4; 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:780px; 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:left; clear:both; }
.login_checkbox{float:none; width:50%; padding:0 0 10px 0; margin:0 auto; text-align:left; 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_btn{float:none; width:100%; padding:10px 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; }

.login_bizcate{float:none; width: 50%; border: 0; margin:4px auto; padding:3px 0 20px 0; border-radius:20px; clear:both; }
.login_bizcate div{float:left; width: 33.33%;  text-align:left;font-size:0.7em; padding:0 0 10px 0; 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){

  /*---모달팝업---*/
  .mdpu_popup-wrap{
    background-color:rgba(0,0,0,.8);
    justify-content:center;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
    padding:15px;
    z-index:101;
  }
  .mdpu_popup{
    width:100%;
    max-width:620px;
    border-radius:10px;
    overflow:hidden;
    background-color:#264db5;
    box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
  }
  .mdpu_popup-head{
    width:100%;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .head-title{color:#ffffff;}
  .mdpu_popup-body{
    width:100%;
    background-color:#ffffff;
  }
  .body-content{
    width:100%;
    padding:15px;
  }
  .body-titlebox{
    text-align:center;
    width:100%;
    height:40px;
    margin-bottom:10px;
  }
  .body-contentbox{
    word-break:break-word;
    overflow-y:auto;
    min-height:180px;
    max-height:180px;
    text-align:left;
    font-size:0.7em;
  }
  .mdpu_popup-foot{
    width:100%;
    height:40px;
  }
  .pop-btn{
  font-size:1.0rem;
    display:inline-flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    float:left;
    color:#ffffff;
    cursor:pointer;
  }
  .pop-btn.confirm{
    font-family: 'GmarketSansMedium';
    font-size:0.7rem;
    border:1px solid #fa6600;
    background-color:#fa6600;
  }
  /*---모달팝업---*/
  /*---buttons---*/
  .addin{ width: 30%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:0;  font-family: 'GmarketSansMedium'; color:#000000; border-radius:20px 0 0 20px; }
  .addsave{ width: 20%; height:40px; text-align:center; padding:0 0 0 0; background-color:#f7f7f7; border:0;  font-family: 'GmarketSansMedium';font-size:0.62em; color:#000000; border-radius:0 20px 20px 0;}

  .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:#564fe4; border-radius:20px 20px 20px 20px; }
  .btn_login{ width: 50%; height:40px; text-align:center; padding:0 0 0 0; background-color:#564fe4; 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:#564fe4; 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:left; clear:both; }
  .login_checkbox{float:none; width:50%; padding:0 0 10px 0; margin:0 auto; text-align:left; 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_btn{float:none; width:100%; padding:10px 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; }

  .login_bizcate{float:none; width: 100%; border: 0; margin:4px auto; padding:3px 0 20px 0; border-radius:20px; clear:both; }
  .login_bizcate div{float:left; width: 33.33%;  text-align:left;font-size:0.7em; padding:0 0 10px 0; 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){

  /*---모달팝업---*/
  .mdpu_popup-wrap{
    background-color:rgba(0,0,0,.8);
    justify-content:center;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
    padding:15px;
    z-index:101;
  }
  .mdpu_popup{
    width:100%;
    max-width:320px;
    border-radius:10px;
    overflow:hidden;
    background-color:#264db5;
    box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
  }
  .mdpu_popup-head{
    width:100%;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .head-title{color:#ffffff;}
  .mdpu_popup-body{
    width:100%;
    background-color:#ffffff;
  }
  .body-content{
    width:100%;
    padding:15px;
    text-align:left;
    font-size:0.6em;
  }
  .body-titlebox{
    text-align:center;
    width:100%;
    height:40px;
    margin-bottom:10px;
  }
  .body-contentbox{
    word-break:break-word;
    overflow-y:auto;
    min-height:180px;
    max-height:300px;
    text-align:left;
    font-size:0.6em;
  }
  .mdpu_popup-foot{
    width:100%;
    height:40px;
  }
  .pop-btn{
  font-size:1.0rem;
    display:inline-flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    float:left;
    color:#ffffff;
    cursor:pointer;
  }
  .pop-btn.confirm{
    font-family: 'GmarketSansMedium';
    font-size:0.6rem;
    border:1px solid #fa6600;
    background-color:#fa6600;
  }
  /*---모달팝업---*/
  /*---buttons---*/
  .addin{ width: 60%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:0;  font-family: 'GmarketSansMedium'; color:#000000; border-radius:20px 0 0 20px; }
  .addsave{ width: 30%; height:40px; text-align:center; padding:0 0 0 0; background-color:#f7f7f7; border:0;  font-family: 'GmarketSansMedium';font-size:0.7em; color:#000000; border-radius:0 20px 20px 0;}

  .btn_main{ width: 100%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#564fe4; border-radius:20px 20px 20px 20px; }
  .btn_login{ width: 100%; height:40px; text-align:center; padding:0 0 0 0; background-color:#564fe4; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#ffffff; border-radius:20px 20px 20px 20px; }
  .btn_pcsnumb{width: 70%; 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:30%; height:40px; text-align:center; padding:0 0 0 0; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'GmarketSansMedium'; color:#564fe4; 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:25%; }
  .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:left; clear:both; }
  .login_checkbox{float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:left; clear:both; }
  .login_box_title{color:#ffffff;float:none; width:100%; padding:0 0 10px 0; margin:0 auto; text-align:center; font-size:1.2em; clear:both; }
  .login_box_btn{float:none; width:100%; padding:10px 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; }

  .login_bizcate{float:none; width: 88%; border: 0; margin:4px auto; padding:3px 0 20px 0; border-radius:20px; clear:both; }
  .login_bizcate div{float:left; width: 33.33%;  text-align:left;font-size:0.6em; padding:0 0 10px 0; 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---*/
}
/*--------모바일###########################################################---------*/