/* css start */
  @font-face {
    font-family: 'NanumGothic'; 
    src: url("../font/NanumGothic.ttf") format('truetype'),
         url("../font/NanumGothic.woff") format('woff'),
         url("../font/NanumGothic.woff2") format('woff2');
    }
  @media(max-width:320px) {
    .bb-banner.extend img { margin-left:0 !important; max-width:100% !important }
  }
  .bb-banner.extend img {max-width:100%; margin-left:0 !important;}
  .ci-right-ctrl-btns, .ci-btn-share {display:none !important}
  img{outline: 0; border:0;}
  ul, ol, li {list-style: none; padding: 0}
  button{color: inherit;font: inherit; margin: 0; outline: none; background: transparent; border: none}
  .blind{font-size:0; line-height:0}
  .none{display: none}
  .mrblue_event_wrap{max-width: 100%; min-width: 320px; margin: 0 auto; padding: 0; font-family:'NanumGothic',sans-serif; background-color:#017eff}
  .mrblue_bg_header{width:100% !important; margin:0 !important; max-width:100% !important}
  .mrblue_bg_stamp{width: 100%; padding-top: 7vmin; padding-bottom: 5vmin; background-color:#007eff}
  .mrblue_bg_stamp .title_first_come{width:70vmin; height: 21vmin; margin: 0 auto 4vmin auto; background-image: url("../images/title_first_come.png"); background-repeat: no-repeat; background-size:contain; background-position:center}
  .mrblue_bg_stamp .bg_charge{width: 80vmin; height: 28vmin; margin: 0 auto; background-image: url("../images/bg_charge.png"); background-repeat: no-repeat; background-size:contain; background-position:center}
  .mrblue_bg_stamp .box_state_login, .mrblue_bg_stamp .box_state_logout{width: 80vmin; height: 28vmin; text-align: center}
  .mrblue_bg_stamp .txt_login_info{display: inline-block; width: 80vmin; margin: 6vmin 0 0 0; color:#fff; font-size: 4.2vmin; font-family:'NanumGothic',sans-serif; vertical-align: middle}
  .mrblue_bg_stamp .txt_non_login{display: inline-block; width: 80vmin; margin:7vmin auto 1vmin; color:#fff; font-size: 4.8vmin; font-weight: bold;  font-family:'NanumGothic',sans-serif; vertical-align: middle}
  .mrblue_bg_stamp .id_login{overflow: hidden; display: inline-block; max-width: 25vmin; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom}
  .mrblue_bg_stamp .ico_login{display: inline-block; font-weight: bold; vertical-align: initial; background-repeat: no-repeat}
  .mrblue_bg_stamp .ico_login.naver{width: 3vmin; height: 3vmin; margin-right: 0.5vmin; background-image: url("../images/ico_naver.png"); background-size:contain;}
  .mrblue_bg_stamp .ico_login.facebook{width: 3vmin; height: 3vmin; margin-right: 0.5vmin; background-image: url("../images/ico_facebook.png"); background-size:contain;}
  .mrblue_bg_stamp .btn_login{width: 80vmin; margin: 0 auto; color:#18fffd; font-size: 4.8vmin; font-weight: bold; font-family:'NanumGothic',sans-serif; text-decoration: none}
  .mrblue_bg_stamp .ico_sc_left{display: inline-block; width:1vmin; height: 4.8vmin; margin-right: 1.6vmin; vertical-align: text-top; background-image: url("../images/ico_sc_left.png"); background-size:contain; background-position:center; background-repeat: no-repeat}
  .mrblue_bg_stamp .ico_sc_right{display: inline-block; width:1vmin; height: 4.8vmin; margin-left: 1.6vmin; vertical-align: text-top; background-image: url("../images/ico_sc_right.png"); background-size:contain; background-position:center; background-repeat: no-repeat}
  .mrblue_bg_stamp .txt_money{position: relative; margin: 0 auto; font-weight: bold; color: #18fffd; font-size: 7vmin}
  .mrblue_bg_stamp .txt_money .price{margin:0 1vmin}
  .mrblue_bg_stamp .txt_money .ico_won{display: inline-block; position: relative; top:0.7vmin; width: 7vmin; height: 6vmin; margin-right: -2vmin; background-image: url("../images/ico_won.png"); background-repeat: no-repeat; background-size:contain; background-position:center}
  .mrblue_bg_stamp .box_period{display: block; position: relative; margin: 5vmin auto; text-align: center}
  .mrblue_bg_stamp .txt_period{display: inline-block; width: 51vmin; height: 2.5vmin; margin: 0 auto; background-image: url("../images/title_total_time.png"); background-repeat: no-repeat; background-size:contain; background-position:center}
  .mrblue_bg_stamp .box_stamp{overflow: hidden; display: block; width: 80vmin; height:50vmin; margin: 0 auto;}
  .mrblue_bg_stamp .box_stamp .inner_box{float: left; width: 38vmin; height: 50vmin;}
  .mrblue_bg_stamp .box_stamp .inner_box:first-child{margin-right: 4vmin;}
  .mrblue_bg_stamp .box_stamp .inner_box > *[class^="tab"]{width: 38vmin; height: 38vmin; background-repeat: no-repeat; cursor: pointer; background-size:contain; background-position:center;}
  .mrblue_bg_stamp .box_stamp .inner_box .txt_charge{margin: 3vmin auto; font-size: 4vmin; color: #fff; text-align: center;}
  .mrblue_bg_stamp .tab01{background-image: url("../images/tab01.png")}
  .mrblue_bg_stamp .tab01.active{background-image: url("../images/tab01_active.png")}
  .mrblue_bg_stamp .tab01.finish{background-image: url("../images/tab01_finish.png")}
  .mrblue_bg_stamp .tab01.open{background-image: url("../images/tab01_open.png")}
  .mrblue_bg_stamp .tab02{background-image: url("../images/tab02.png")}
  .mrblue_bg_stamp .tab02.active{background-image: url("../images/tab02_active.png")}
  .mrblue_bg_stamp .tab02.finish{background-image: url("../images/tab02_finish.png")}
  .mrblue_bg_stamp .tab02.open{background-image: url("../images/tab02_open.png")}
  .mrblue_bg_notice{width: 100%; padding-top: 7vmin; padding-bottom: 1vmin; background-color:#0067d0}
  .mrblue_bg_notice .title{width: 25vmin; height: 4vmin; margin: 0 auto; background-image: url("../images/title_event.png"); background-size:contain; background-repeat:no-repeat; background-position:center; border:none}
  .mrblue_bg_notice .notice{padding: 5vmin 10vmin 10vmin 10vmin; font-size:2.5vmin; color: #9eceff; text-align:left;}
  .mrblue_bg_notice .notice>li{font-family:'NanumGothic',sans-serif; line-height: 1.8; text-indent: -1.3vmin;}
  .mrblue_bg_notice .notice>li:before{content:'-'; margin-right:0.5vmin}
  .mrblue_bg_notice .notice>li>ul{margin-left: 2vmin}
  
  .input-wrap.with-btn .input-text{font-size: 13px;}
  .input-wrap.with-btn ~ .btn-base{font-size: 13px;}