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

/* 2번 영역 전체 */
.event-section{
    position:relative;
    min-width:1240px;
    max-width:1920px;
    margin:0 auto;
}

/* 배경 이미지 */
.event-bg{
    width:100%;
    display:block;
    max-width:1920px;
    min-width:1480px;
}

/* 룰렛 포함 콘텐츠 영역 */
.event-content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;          
}

/* 실제 룰렛 콘텐츠 가운데 정렬 */
#contentWrap{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:703px;
}



#R_roulette_event_wrap * {font-family: 'Noto Sans', sans-serif;}
#R_roulette_event_wrap {width:703px; margin:0 auto;}
#R_roulette_event_wrap .R_cont-wrap {height:400px; left top no-repeat;}
#R_roulette_event_wrap .R_cont-wrap .R_title {text-align:center;}
#R_roulette_event_wrap .R_cont-wrap .R_title h3 {padding-top:70px; font-size:44px; color:#403b33; font-weight:700; letter-spacing:-2px;}
#R_roulette_event_wrap .R_cont-wrap .R_title p {position:relative; width:375px; margin:0 auto; padding-top:25px; font-size:12px; color:#534d42; 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:440px; margin:0px auto;}

#R_roulette_event_wrap .R_notice {display:table; width:100%; background:#f2f5f6; padding:40px 0;}
#R_roulette_event_wrap .R_notice dt,
#R_roulette_event_wrap .R_notice dd {letter-spacing:-2px;}
#R_roulette_event_wrap .R_notice dt {display:table-cell; width:30%; padding-left:100px; font-size:12px; font-weight:900; vertical-align:middle;}
#R_roulette_event_wrap .R_notice dd {position:relative; width:70%; padding:0 190px 0 15px;line-height:24px; font-size:12px; color:#777;} 
#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:644px; margin:0 auto;}
#R_roulette_event_wrap .R_comment-wrap .input-text {width:501px;height:46px; line-height:46px; padding:0 15px; border:1px solid #000; border-radius:8px; font-size:16px; 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:12px; letter-spacing:-2px; 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:-2px;}
#R_roulette_event_wrap .R_comment-wrap .comment-table-list td {font-size:14px; padding-bottom:20px; color:#000;}
#R_roulette_event_wrap .R_comment-wrap .comment-table-list td .name,
#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;}


/*이미지 활용 가능 CSS */
.event-wheel-start{display:none;position:absolute;z-index:11;width:152px;height:152px;line-height:100px;
                   background:url("https://ai.esmplus.com/elcantomall/elcanto/EL_event/2603_02/start.png")no-repeat center/cover;
                   text-align:center;color:#fff;font-size:24px;font-weight:900;outline:0;border-radius:50%;
                   .event-wheel-start span{display:none;}}


/*기존 휠 CSS */
/*.event-wheel-start { display: none; z-index: 11; position: absolute; background-color: #d39a64; text-align: center; color:#ffffff; font-size:24px;
                        font-weight:900; outline: 0; width: 100px; height: 100px; line-height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }*/
                        
.event-wheel-pointer { z-index: 10; position: absolute; left: 47%; top: -15px; width:45px; height:62px;}
.dummy-canvas { position: relative; width: 50%; min-height: 550px; margin: 0 auto; }




/* 레이어 팝업 */
.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; width:363px; min-height:357px; padding:0 30px 30px; background:#fff; text-align:center; letter-spacing:-1px; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}
.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:#000; padding:40px 0 27px;}
.R_pop-roulette-layer .R_pop-layer .R_title span {font-size:22px; font-weight:500;}
.R_pop-roulette-layer .R_pop-layer .R_title p {font-size:29px; font-weight:900;}
.R_pop-roulette-layer .R_pop-layer .R_pop-benefit {margin:0 40px; padding:10px 0; border:2px solid #000; border-radius:26px; font-size:22px; color:#000; font-weight:700; font-family: "Malgun Gothic";}
.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:#000; color:#fff; border-radius:6px; font-size:18px; font-weight:700; font-family: "Malgun Gothic";}
/* BASIC css end */