/* 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: #f1f1f1;}
  .mrblue_bg_header{width:100% !important; margin:0 !important; max-width:100% !important; position:relative; z-index:2}

  .mrblue_event_msg {background-color:#005cb7; border-bottom-left-radius: 11.6666vw; border-bottom-right-radius: 11.6666vw; height: 46.5vw; margin-top:-11.6666vw; position:relative; z-index:1;}
  .mrblue_event_msg h1.title {background-image: url("../images/title_event_msg.png"); text-indent: -99999px; width:78vw; height:25.8333vw; margin:0; position:absolute; bottom:3.583333vw; right:7.8333vw; background-size:contain}

  .mrblue_state .box_state_logout {text-align: center; padding-top:9.16666vw; padding-bottom:3.3333vw}
  .mrblue_state .box_state_logout .txt_non_login {font-size:3.3333vw; font-weight: 300; line-height: 3.1666vw; margin: 0;}
  .mrblue_state .box_state_logout .btn_login {background-color:#0d83ff; color:white; width:19vw; height: 5.41666vw; border-radius: 0.83333vw; display: inline-block; line-height: 5.44vw; font-size:2.083333vw; text-decoration: none; margin-top:2.083333vw}

  .mrblue_state .box_state_login { text-align: center; font-size:6.6666vw; margin-top:7.5vw; font-weight: bold; line-height: 8.3333vw; color:#000; position:relative}
  .mrblue_state .box_state_login .plain_text {font-weight: normal;}
  .mrblue_state .ico_login{display: inline-block; position: relative; top:0.7vw; margin-right:-0.83333vw; background-repeat: no-repeat}
  .mrblue_state .ico_login.naver{width: 5.3333vw; height: 5.3333vw; background-image: url("../images/ico_naver.png"); background-size:contain}
  .mrblue_state .ico_login.facebook{width: 5.3333vw; height: 5.3333vw; background-image: url("../images/ico_facebook.png"); background-size:contain}
  .mrblue_state .ico_login.kakao{width: 5.3333vw; height: 5.3333vw; background-image: url("../images/ico_kakao.png"); background-size:contain}
  .mrblue_state .id_login{overflow: hidden; display: inline-block; position: relative; top:2.6vw; max-width: 70vw; margin-right:-1.6666vw; text-overflow: ellipsis; white-space: nowrap}
  .mrblue_state .box_state_login .ico_won {background-image: url("../images/ico_won.png"); width:5.916666vw; height:4.8333vw; display: inline-block; margin-right:-1.6666vw; background-size:contain}

  .mrblue_event_date {width:49.416vw; height:7vw; border:1px solid #c9c9c9; background-color:#ffffff; font-size:2.5vw; color:#000; border-radius: 3.5vw; margin:5.8333vw auto 7.666vw auto; letter-spacing: -0.1666vw; line-height: 7vw; text-align: center; font-weight: 100;}

  .mrblue_event .mrblue_bg_stamp .box_stamp{overflow: hidden; display: block; width: 84.75vw; margin: 0 auto 12.5vw auto;}
  .mrblue_event .mrblue_bg_stamp .box_stamp .inner_box{float: left;}
  .mrblue_event .mrblue_bg_stamp .box_stamp .inner_box:first-child{margin-right: 3.75vw;}
  .mrblue_event .mrblue_bg_stamp .box_stamp .inner_box > *[class^="tab"]{width:40.5vw; height: 39.583vw; padding:0; background-repeat: no-repeat; cursor: pointer; background-size:contain; background-position:center;}
  .mrblue_event .mrblue_bg_stamp .box_stamp .inner_box .txt_charge, .mrblue_event .mrblue_bg_stamp .box_stamp .inner_box .txt_charge .number{margin:3vw auto 0 auto; font-size: 3.8333vw; color: #000; text-align: center; font-weight: normal;}
  .mrblue_event .mrblue_bg_stamp .tab01{background-image: url("../images/tab01.png"); background-size:cover;}
  .mrblue_event .mrblue_bg_stamp .tab01.active{background-image: url("../images/tab01_active.png"); background-size:cover;}
  .mrblue_event .mrblue_bg_stamp .tab01.finish{background-image: url("../images/tab01_finish.png"); background-size:cover;}
  .mrblue_event .mrblue_bg_stamp .tab01.open{background-image: url("../images/tab01_open.png"); background-size:cover;}
  .mrblue_event .mrblue_bg_stamp .tab02{background-image: url("../images/tab02.png"); background-size:cover;}
  .mrblue_event .mrblue_bg_stamp .tab02.active{background-image: url("../images/tab02_active.png"); background-size:cover;}
  .mrblue_event .mrblue_bg_stamp .tab02.finish{background-image: url("../images/tab02_finish.png"); background-size:cover;}
  .mrblue_event .mrblue_bg_stamp .tab02.open{background-image: url("../images/tab02_open.png"); background-size:cover;}

  .mrblue_event_notice {width: 100%; padding-top:5.8333vw; background-color:#000000}
  .mrblue_event_notice .title {font-size:4.1666vw; line-height: 4vw; font-weight: bold; letter-spacing: -2px; color:#b1b1b1; text-align: center; margin:0; text-decoration: none; border:none}
  .mrblue_event_notice .notice{margin: 0; padding: 4.58333vw 5.8333vw 4.58333vw 5.58333vw; font-size:2.75vw; letter-spacing: -1px; color: #5f5f5f; text-align:left;}
  .mrblue_event_notice .notice>li{ line-height: 4.1666vw; text-indent: -1.5vw; letter-spacing: -2px; word-break: keep-all;}
  .mrblue_event_notice .notice>li:before{content:' · '; margin-right:0.41666vw}
  .mrblue_event_notice .notice>li + li {margin-top:1.25vw}
  .mrblue_event_notice .notice>li>ul{margin-left: 2.08333vw}