/* BASIC css start */
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 100;src: url(/images/web-font/NotoSans-Thin.woff2) format('woff2'),url(/images/web-font/NotoSans-Thin.woff) format('woff'),url(/images/web-font/NotoSans-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 300;src: url(/images/web-font/NotoSans-Light.woff2) format('woff2'),url(/images/web-font/NotoSans-Light.woff) format('woff'),url(/images/web-font/NotoSans-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 400;src: url(/images/web-font/NotoSans-Regular.woff2) format('woff2'),url(/images/web-font/NotoSans-Regular.woff) format('woff'),url(/images/web-font/NotoSans-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 500;src: url(/images/web-font/NotoSans-Medium.woff2) format('woff2'),url(/images/web-font/NotoSans-Medium.woff) format('woff'),url(/images/web-font/NotoSans-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 700;src: url(/images/web-font/NotoSans-Bold.woff2) format('woff2'),url(/images/web-font/NotoSans-Bold.woff) format('woff'),url(/images/web-font/NotoSans-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 900;src: url(/images/web-font/NotoSans-Black.woff2) format('woff2'),url(/images/web-font/NotoSans-Black.woff) format('woff'),url(/images/web-font/NotoSans-Black.otf) format('opentype');}


#contentWrapper{margin-top: 130px !important;}

#R_roulette_event_wrap * {font-family: 'Noto Sans', sans-serif;}
#R_roulette_event_wrap {position:relative; width:100%; margin:0 auto;background:#000}
#R_roulette_event_wrap .R_cont-wrap {    width: 100%; background: url(https://sleepgongg.img9.kr/event/2025/11/bfDay/rullet/bgpc.png) no-repeat; background-size: cover; background-position: top;}
#R_roulette_event_wrap .R_cont-wrap .R_title {text-align:center; padding-top: 65px; box-sizing: border-box;}
#R_roulette_event_wrap .R_cont-wrap .R_title .titImg{width: 30%; margin: 0 auto 20px;}
#R_roulette_event_wrap .R_cont-wrap .R_title .titImg img{width: 100%}
#R_roulette_event_wrap .R_cont-wrap .R_title .fs_s{color: #fff; font-size: 35px; text-align: center; letter-spacing: -0.8px; display: block; margin-bottom: 20px; font-weight: 600;}
#R_roulette_event_wrap .R_cont-wrap .R_title .fs_l{color: #fff; -webkit-background-clip: text; font-size: 37px; font-weight: 800; letter-spacing: -0.8px; line-height: 47px; margin-top: 10px;}


#R_roulette_event_wrap .R_cont-wrap .R_title p {position:relative; width:375px; margin:0 auto; padding-top:25px; font-size:22px; color:#fff; font-weight:700;}
#R_roulette_event_wrap .R_cont-wrap .R_title p:before {position:absolute; left:0; top:38px; width:40px; border-bottom:7px double #f49b95; content:'';}
#R_roulette_event_wrap .R_cont-wrap .R_title p:after {position:absolute; right:0; top:38px; width:40px; border-bottom:7px double #f49b95; content:'';}

#R_roulette_event_wrap .R_cont-wrap .R_roulette-wrap {width:550px; margin:50px auto 40px; position: relative;}
#R_roulette_event_wrap .R_cont-wrap .R_roulette-wrap .upImg{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#R_roulette_event_wrap .R_cont-wrap .R_roulette-wrap .upImg a{left: 50%; transform: translateX(-50%);}

#R_roulette_event_wrap .R_cont-wrap .R_roulette-wrap .startBtn{font-family: 'OKDDUNG' !important; color:#000;}
 

#R_roulette_event_wrap .giftWrap{background: #fff; width: 40%; margin: 60px auto 50px; padding: 50px 0 50px;}
#R_roulette_event_wrap .giftWrap .fs_l{text-align: center; font-size: 30px; letter-spacing: -0.8px; margin: 0 auto 20px; font-weight: 600;}
#R_roulette_event_wrap .giftWrap ul{overflow: hidden; width: 90%; margin: 0 auto;}
#R_roulette_event_wrap .giftWrap ul li{margin: 0 0.5%; display: inline-block; width: 32%;}
#R_roulette_event_wrap .giftWrap ul li a{}
#R_roulette_event_wrap .giftWrap ul li a img{width: 100% !important;}
.giftTxt { font-size: 18px; font-weight: 600; letter-spacing: -0.8px; margin: 10px auto 8px; text-align: center; background: #000; color: #fff; width: 46%; padding: 5px 0; border-radius: 50px;}
.giftTxt2 { font-size: 16px; letter-spacing: -0.8px; line-height: 132%; width: calc(100% - 36px); margin: 0 auto; text-align: center;}

#R_roulette_event_wrap .R_notice {display: table; padding: 0 40px 40px;margin: 0 auto;box-sizing: border-box;}
#R_roulette_event_wrap .R_notice dt,
#R_roulette_event_wrap .R_notice dd {letter-spacing:-1px;}
#R_roulette_event_wrap .R_notice dt {width: 100%;font-size: 20px;font-weight: 700;vertical-align: middle;text-align: center;margin-bottom: 4%;color: #fff;}
#R_roulette_event_wrap .R_notice dd {position: relative; width: 100%; padding: 0 0px 0 15px; line-height: 24px; font-size: 15px; color: #fff; display: table; margin: 0 auto;}   
#R_roulette_event_wrap .R_notice dd:before {position:absolute; left:0; top:0; content:'';}

#R_roulette_event_wrap .R_comment-wrap {padding:40px 0; background:#f49b95;}
#R_roulette_event_wrap .R_comment-wrap .inner {width:726px; margin:0 auto;}
#R_roulette_event_wrap .R_comment-wrap .input-text {width:576px; height:46px; line-height:46px; padding:0 15px; border:1px solid #000; border-radius:8px; font-size:18px; color:#000;}
#R_roulette_event_wrap .R_comment-wrap .btn-apply {display:inline-block; height:48px; line-height:48px; margin-left:10px; padding:0 35px; background:#000; color:#fff; font-size:20px; letter-spacing:-1px; border-radius:8px;}
#R_roulette_event_wrap .R_comment-wrap .comment-table-list {background:#fff; border:1px solid #000; border-radius:8px; margin-top:15px; padding:30px; letter-spacing:-1px;}
#R_roulette_event_wrap .R_comment-wrap .comment-table-list td {font-size:15px; padding-bottom:20px; color:#000;}
#R_roulette_event_wrap .R_comment-wrap .comment-table-list td .name {color:#000}
#R_roulette_event_wrap .R_comment-wrap .comment-table-list td .date {color:#b8b8b8}
#R_roulette_event_wrap .R_comment-wrap .comment-table-list td .content img {display:inline-block; margin-left:10px;}
#R_roulette_event_wrap .R_comment-wrap .comment-table-list td .benefit {color:#ef6a61}
#R_roulette_event_wrap .R_comment-wrap .comment-table-list .no-data {text-align:center; font-size:15px; margin:10px auto;}
#R_roulette_event_wrap .R_comment-wrap .paging a {color:#999; font-size:12px; padding:0 7px;}
#R_roulette_event_wrap .R_comment-wrap .paging a.now {color:#000;}

canvas#eventWheel { z-index: 1;}
.event-wheel-start { display: none; z-index: 11; position: absolute; left: 46.6%;  text-align: center; color:#fff; font-size:28px; font-weight:900; outline: 0; width: 126px; height: 126px; line-height: 126px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.event-wheel-pointer {z-index: 10; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 30%;}
.dummy-canvas { position: relative; width: 50%; min-height: 550px; margin: 0 auto; }


/*버튼 삽입*/
.backBtn{background: none; padding-bottom:3%;}
.backBtn a { font-size: 24px; width: 14%; display: block; margin: 0 auto; text-align: center; background: #f16d2c; color: #fff; padding: 18px 3%; border-radius: 30px; font-weight: 600; }


/* 레이어 팝업 */     
.R_pop-roulette-layer * {font-family: 'Noto Sans', sans-serif;}
.R_pop-roulette-layer {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba( 0, 0, 0, 0.7 ); z-index:999;}
.R_pop-roulette-layer .R_pop-layer {position: absolute;left: 50%;top: 50%;right: 0;padding: 0px 0px 50px;background: url(http://sleepgongg.img9.kr/event/2025/11/bfDay/rullet/bgpc.png) no-repeat;text-align: center;letter-spacing: -1px;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);background-size: cover;width: 22%;}
.R_pop-roulette-layer .R_pop-layer .btn-close {position:absolute; top:16px; right:16px;}
.R_pop-roulette-layer .R_pop-layer .R_title { color: #fff;padding: 40px 0 17px;box-sizing: border-box;}
.R_pop-roulette-layer .R_pop-layer .R_title span {display: block;width: 50%;margin: 0 auto 14px;}
.R_pop-roulette-layer .R_pop-layer .R_title span img {width: 25% !important;}
.R_pop-roulette-layer .R_pop-layer .R_title p {font-size:29px; font-weight:900; color: #fff; margin-top: -11px;}
.R_pop-roulette-layer .R_pop-layer .R_pop-benefit {    margin: 0 auto;
    padding: 10px 0 0px;
    width: 100%;
    border-radius: 26px;
    font-size: 58px;
    color: #fc8b10;
    font-weight: 800;
    letter-spacing: -0.8px;
    box-sizing: border-box;
    text-align: center;}
.R_pop-roulette-layer .R_pop-layer .R_txt {padding:28px 0 15px; font-size:15px; font-weight:700; color:#000; font-family: "Malgun Gothic";}
.R_pop-roulette-layer .R_pop-layer textarea {width:88%; padding:20px; border:1px solid #c0bbba; border-radius:6px; color:#000; font-family: "Malgun Gothic"; font-size:13px; letter-spacing: -1px; resize: none;}
.R_pop-roulette-layer .R_pop-layer textarea::placeholder {color:#a1a1a1;}
.R_pop-roulette-layer .R_pop-layer .btn-write {    display: block;
    margin-top: 10px;
    padding: 17px;
    background: #fc8b10;
    color: #fff;
    border-radius: 30px;
    font-size: 21px;
    font-weight: 700;
    font-family: "Malgun Gothic";
    width: 70%;
    margin: 10px auto 0;
    letter-spacing: 0;}
/* BASIC css end */