/* 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%; }
  .ci-right-ctrl-btns, .ci-btn-share { display:none !important; }

  body{margin: 0; padding: 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: #232e3b;}
  .mrblue_bg_header{display: block; margin:0 !important; width:100% !important;}
  
  .mrblue_event01 {padding-top:11.7vw; padding-bottom:26.7vw; background-color:#232e3b;}
  .mrblue_event01 .title_cashbag {background-size:cover; background-image:url("../images/bg_cashbag.png"); display:block; background-repeat: no-repeat; width:79.75vw; height:30.5vw; margin-left:10.42vw; margin-bottom:13.08vw;}
  .mrblue_event01 .box_attend {margin-top:15.42vw}
  .mrblue_event01 .box_attend .txt_attend {background-size:cover; background-image:url("../images/title_event01.png"); background-repeat: no-repeat; display:block; width:22.75vw; height:6.2vw; margin:0 auto;}
  .mrblue_event01 .box_attend .bg_attend_step {background-size:cover; background-image:url("../images/bg_step.png"); background-repeat: no-repeat; width:88.42vw; height:99.67vw; margin:7.09vw auto 0 auto}
  
  .mrblue_bg_stamp .box_state_login, .mrblue_bg_stamp .box_state_logout{text-align: center}
  .mrblue_bg_stamp .box_state_logout { padding-top:30.08vw; padding-bottom:14.17vw}
  .mrblue_bg_stamp .txt_non_login{position: relative; color:#fff; font-size: 4vw; font-weight: bold;  font-family:'NanumGothic',sans-serif; vertical-align: middle; margin:0 0 2.08vw 0}
  .mrblue_bg_stamp .ico_sc_left{display: inline-block; width:0.83vw; height: 3.92vw; margin-right: 1.33vw; position:relative; top:0.83vw; background-size:cover; background-image: url("../images/ico_sc_left.png"); background-repeat: no-repeat}
  .mrblue_bg_stamp .ico_sc_right{display: inline-block; width:0.83vw; height: 3.92vw; margin-left: 1.33vw; position:relative; top:0.83vw; background-size:cover; background-image: url("../images/ico_sc_right.png"); background-repeat: no-repeat}
  .mrblue_bg_stamp .btn_login{display: block; position: relative; color:#4fe4a3; font-size: 4vw; font-weight: bold; font-family:'NanumGothic',sans-serif; text-decoration: none;}

  .mrblue_bg_stamp .box_state_login { padding-top:23.75vw; padding-bottom:8.75vw }
  .mrblue_bg_stamp .txt_login_info{position: relative; color:#fff; font-size: 4vw; line-height: 4.75vw; font-family:'NanumGothic',sans-serif; vertical-align: middle; margin:0 0 5vw 0}
  .mrblue_bg_stamp .ico_login{display: inline-block; position: relative; top:0.41vw; font-weight: bold; background-repeat: no-repeat}
  .mrblue_bg_stamp .ico_login.naver{width: 3vw; height: 3vw; background-size:cover; background-image: url("../images/ico_naver.png")}
  .mrblue_bg_stamp .ico_login.facebook{width: 3vw; height: 3vw; background-size:cover; background-image: url("../images/ico_facebook.png")}
  .mrblue_bg_stamp .id_login{overflow: hidden; display: inline-block; position: relative; top:0.83vw; max-width: 51.67vw; margin-right:-0.33vw; font-weight: bold; text-overflow: ellipsis; white-space: nowrap}
  .mrblue_bg_stamp .txt_money{position: relative; margin: 0; font-weight: bold; color: #4fe4a3; font-size: 6.66vw}
  .mrblue_bg_stamp .txt_money .ico_won{display: inline-block; position: relative; top: 0.42vw; width: 5.92vw; height: 4.83vw; margin-right: -1.67vw; background-size:cover; background-image: url("../images/ico_won.png"); background-repeat: no-repeat}

  .mrblue_event02 {padding-top:20vw; background-color:#151d27;}
  .mrblue_event02 .title_share {background-size:cover; background-image:url("../images/title_event02.png"); display:block; background-repeat: no-repeat; width:72.75vw; height: 36.08vw; margin:0 auto}
  .mrblue_bg_sns{ padding-top:10.83vw; padding-bottom:24.16vw}
  .mrblue_bg_sns .box_sns{display: table; position: relative; margin: 0 auto; vertical-align: middle}
  .mrblue_bg_sns .sns_share{display:inline-block; width: 19.75vw; height:20.83vw;  margin-right: 4.16vw; vertical-align: middle; background-size:cover; background-image: url("../images/share_sns.png"); background-repeat: no-repeat; background-position-y: 0;}
  .mrblue_bg_sns .box_sns > a{margin-right: 2.91vw}
  .mrblue_bg_sns .box_sns > a:last-child{margin-right: 0}
  .mrblue_bg_sns .share_twitter{display: inline-block; width: 14.83vw; height: 20.41vw;  vertical-align: middle; background-size:cover; background-image: url("../images/share_twitter.png"); background-repeat: no-repeat}
  .mrblue_bg_sns .share_facebook{display: inline-block; width: 14.83vw; height: 20.5vw; vertical-align: middle; background-size:cover; background-image: url("../images/share_facebook.png"); background-repeat: no-repeat}
  .mrblue_event02 .box_attend {padding-top:17.08vw; padding-bottom:25vw; background-color:#101720}
  .mrblue_event02 .box_attend .txt_attend {background-size:cover; background-image:url("../images/title_event0202.png"); background-repeat: no-repeat; display:block; width:20.25vw; height:5vw; margin:0 auto;}
  .mrblue_event02 .box_attend .bg_attend_step {background-size:contain; background-image:url("../images/bg_step02.png"); background-repeat: no-repeat; width:77.42vw; height:48.416vw; margin:10vw auto 0 auto}

  .mrblue_bg_stamp{background-size:cover; background-image: url("../images/bg_stamp.png"); width: 85.83vw; height: 158.58vw; margin:0 auto; position:relative}

  .mrblue_bg_stamp .box_period{display: block; text-align: center; margin-top:5vw; height:5.16vw}
  .mrblue_bg_stamp .txt_period{display: inline-block; width: 47.83vw; height: 5.42vw; background-size:cover; background-image: url("../images/txt_period.png"); background-repeat: no-repeat}
  .mrblue_bg_stamp .btn_view_history{display: inline-block; width: 18.5vw; height: 5.42vw; background-size:cover; background-image: url("../images/btn_view_history.png")}

  .mrblue_bg_stamp .bg_stamp{margin:3.67vw auto 0 auto; width:76.17vw; height:76vw }
  .mrblue_bg_stamp .bg_stamp > *[class^="tab_"]{width:24.25vw; height:24.08vw; float:left; background-repeat: no-repeat; cursor: pointer; position:relative; padding:0; border: none; margin-top:1.83vw; background-color:transparent} 
  .mrblue_bg_stamp .bg_stamp > *[class^="tab_"] + *[class^="tab_"] {margin-left:1.66vw;}
  .mrblue_bg_stamp .bg_stamp > *[class^="tab_"]:nth-child(3n+1) { margin-left:0}
  .mrblue_bg_stamp .tab_01{background-size:cover; background-image: url("../images/tab01_off.png");}
  .mrblue_bg_stamp .tab_02{background-size:cover; background-image: url("../images/tab02_off.png");}
  .mrblue_bg_stamp .tab_03{background-size:cover; background-image: url("../images/tab03_off.png");}
  .mrblue_bg_stamp .tab_04{background-size:cover; background-image: url("../images/tab04_off.png");}
  .mrblue_bg_stamp .tab_05{background-size:cover; background-image: url("../images/tab05_off.png");}
  .mrblue_bg_stamp .tab_06{background-size:cover; background-image: url("../images/tab06_off.png");}
  .mrblue_bg_stamp .tab_07{background-size:cover; background-image: url("../images/tab07_off.png");}
  .mrblue_bg_stamp .tab_08{background-size:cover; background-image: url("../images/tab08_off.png");}
  .mrblue_bg_stamp .tab_09{background-size:cover; background-image: url("../images/tab09_off.png");}
  .mrblue_bg_stamp .tab_01.on{background-size:cover; background-image: url("../images/tab01_on.png")}
  .mrblue_bg_stamp .tab_02.on{background-size:cover; background-image: url("../images/tab02_on.png")}
  .mrblue_bg_stamp .tab_03.on{background-size:cover; background-image: url("../images/tab03_on.png")}
  .mrblue_bg_stamp .tab_04.on{background-size:cover; background-image: url("../images/tab04_on.png")}
  .mrblue_bg_stamp .tab_05.on{background-size:cover; background-image: url("../images/tab05_on.png")}
  .mrblue_bg_stamp .tab_06.on{background-size:cover; background-image: url("../images/tab06_on.png");}
  .mrblue_bg_stamp .tab_07.on{background-size:cover; background-image: url("../images/tab07_on.png");}
  .mrblue_bg_stamp .tab_08.on{background-size:cover; background-image: url("../images/tab08_on.png");}
  .mrblue_bg_stamp .tab_09.on{background-size:cover; background-image: url("../images/tab09_on.png");}
  .mrblue_bg_stamp .tab_01.complete{background-size:cover; background-image: url("../images/tab01_complete.png")}
  .mrblue_bg_stamp .tab_02.complete{background-size:cover; background-image: url("../images/tab02_complete.png")}
  .mrblue_bg_stamp .tab_03.complete{background-size:cover; background-image: url("../images/tab03_complete.png")}
  .mrblue_bg_stamp .tab_04.complete{background-size:cover; background-image: url("../images/tab04_complete.png")}
  .mrblue_bg_stamp .tab_05.complete{background-size:cover; background-image: url("../images/tab05_complete.png")}
  .mrblue_bg_stamp .tab_06.complete{background-size:cover; background-image: url("../images/tab06_complete.png");}
  .mrblue_bg_stamp .tab_07.complete{background-size:cover; background-image: url("../images/tab07_complete.png");}
  .mrblue_bg_stamp .tab_08.complete{background-size:cover; background-image: url("../images/tab08_complete.png");}
  .mrblue_bg_stamp .tab_09.complete{background-size:cover; background-image: url("../images/tab09_complete.png");}

  .mrblue_bg_notice{padding-top: 20vw; padding-bottom:20.83vw; background-color:#151d27}
  .mrblue_bg_notice .title{width: 37.33vw; height: 5.42vw; margin: 0 auto; background-size:cover; background-image: url("../images/title_event0203.png"); background-repeat: no-repeat;}
  .mrblue_bg_notice .notice{width:89.16vw; margin:9.58vw auto 0 auto; font-size:2.41vw; color: #6a798a; list-style: none; box-sizing: border-box; padding-left:2.5vw; text-align: left;}
  .mrblue_bg_notice .notice>li{font-family:'NanumGothic',sans-serif; text-indent:-2.5vw; line-height: 1.8}
  .mrblue_bg_notice .notice>li:before{content:'-'; margin-right:0.83vw}
  .mrblue_bg_notice .notice>li>ul{margin-left: 2.5vw}