@charset "EUC-KR";
/* CSS Document */

html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, div {
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary { display: block;}
nav ,ul {margin: 0; padding:0 10 0 10;}
li {padding-top:5px; padding-bottom:5px;}

#popup {width:531px; position:absolute; left:50%; margin-left:-265px; z-index:150;}
td {padding-left:41px; padding-right:41px; background:url(/images/popup/bg.png);}

.to {font:14px #545454;padding:20px 50px 20px 41px; vertical-align:baseline;}
.list {padding-bottom:27px;}
.bottom {background:url(/images/popup/02.png) no-repeat; vertical-align:baseline; text-align:right; padding-right:50px; padding-top:12px; font-size:12px; font-weight:normal; }
.headeri {background:url(/images/popup/01.png) no-repeat; vertical-align:baseline; text-align:right; padding-right:20px; padding-top:20px; font-size:12px; font-weight:normal; }

/*#box {width:439px; height:200px;border:0px; overflow-x:hidden;overflow-y:scroll;}*/
#box {width:439px;border:0px; overflow-x:hidden;overflow-y:scroll;}
.red {width:410px; border:2px solid #e83824; background: #ffeeee; color:#e83824; font-size:12px; margin-bottom:3px; clear: both;}
.blue {width:410px; border:2px solid #5eb6ec; background: #e9f7ff; color:#5eb6ec; font-size:12px; margin-bottom:3px; clear: both;}
.gray {width:410px; border:2px solid #e7e7e7; background: #f9f9f9; color:#545454; font-size:12px; margin-bottom:3px; clear: both;}

#head {width:440px;}
#head #text {width:355px; position:relative; float:left;font-size:17px; font-weight:normal;font-weight:bold;}
#head #btnset {width:85px; position:relative; float:left; text-align:right;} 


*{
  margin: 0;
  padding: 0;
  
}
@media (min-width: 360px){
    #cloudVoucherModal{
        overflow-y: auto; 

    }
  .cloud-modal{
     
      position: fixed;
      z-index: 2000;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    
     background-color: rgba(0,0,0,0.4); 
  }
  .cloud-popup{
      position: relative;
      display: block;
      width: 100%;
      top:10%;
      z-index: 2010;
      
  }   
  .cloud-popup img{
     
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
  }
  .cloud-btn{
      
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle;
      text-align: center;
      height: 40px;
      width: 25%;
     
  }
  .cloud-btn-left{
      position: absolute;
      bottom: 10%;
      left: 34%;
      transform: translate(-50%,-50%);
      background-color: rgb(104, 209, 177);
     
     
  }
  .cloud-btn-left:hover, .cloud-btn-right:hover{
    background-color: #fff;
   
   
}
  .cloud-btn-right{
      position: absolute;
      bottom: 10%;
      left: 66%;
      transform: translate(-50%,-50%);
      background-color: rgb(59, 150, 241);
  }
  .cloud-btn a{
      font-weight: 600;
      font-size: 13px;
      color: #fff;
      text-decoration: none;
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
  }
  .close-btn{
      float: left;
      display: inline-block;
      box-sizing: border-box;
      outline: none;
      border:none;
      box-shadow: none;
      vertical-align: middle;
      text-align: center;
      height: 48px;
      width: 50%;
      font-size: 13px;
      color: #fff;
      line-height: 48px;
      background-color: #1b1c53;
      cursor: pointer;
      border-radius: 0 !important;
  }
  .close-today{
     border-right: 1px solid #797ab1;
  }
}
@media (min-width: 540px){
  .cloud-popup{
      position: relative;
      margin: 0 auto;
      width: 560px;
  }   
  .cloud-popup img{
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
  }
  .cloud-btn{
      float: left;
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle;
      text-align: center;
      height: 48px;
      width: 23%;
  }
  .cloud-btn-left{
      bottom: 11%;
      left: 35%;
      background-color: rgb(104, 209, 177);
  }
  .cloud-btn-right{
      bottom: 11%;
      left: 65%;
      background-color: rgb(59, 150, 241);
  }
  .cloud-btn a{
      font-weight: 600;
      font-size: 15px;
      color: #fff;
      text-decoration: none;
      display: block;
      width: 100%;
      height:48px;
      line-height: 48px;
  }
  .close-btn{
      font-size: 15px;
  }
}