@charset "utf-8";
/*event 래플*/
.raffle{width:750px; margin:0 auto; text-align:center;padding:130px 0 100px;}
.raffle:after {    content: '';
    display: block;
    width: 1924px;
    left: -825px;
    margin: 0 0 0 681px;
    background: #222222;
    position: absolute;
    height: 2347px;
    top: 0;
    z-index: 0;
}
.raffle:before{content:''; position:absolute; top:0; left:0; right:0; height:2376px; background:#222 url(../images/bo/rf-bg.png) no-repeat 50% 0;}
.raffle > * {position:relative; z-index:2;}
.raffle h1{margin:0;font-size: 70px;font-weight: 300;line-height: 90px;text-align: center;color: #fff;}
.raffle h1 strong{font-size: 70px;color:#ff5b37;font-weight:700;}
.raffle .img-wrap{padding:0 129px}
.raffle .img-wrap img{width:100%;}
.raffle .img-wrap span{font-size:32px;width:136px;height:136px;background:#333;color:#fff;border-radius:50%;text-align:center;position:absolute;left:50%;line-height: 40px;
margin:20px 0 0 -216px;padding:28px 0 0 0} 
.raffle .clock-tit{font-size:42px;color:#fff;text-align:center;display: flex;
align-content: center;flex-wrap: nowrap;justify-content: space-evenly;align-items: center;margin: 50px auto 40px auto;width: 711px;}
.raffle .clock-tit:before{content:'';display:block;width:240px;height:1px;background:#d6d6d6;opacity:.5;}
.raffle .clock-tit:after{content:'';display:block;width:240px;height:1px;background:#d6d6d6;opacity:.5;}
.raffle .normal.flip-clock-wrapper {justify-content: center;margin: 0 0 50px 0;}
.raffle .normal.flip-clock-wrapper ul{width:48px; height:58px;}
.raffle .normal.flip-clock-wrapper ul li a div div.inn {font-size: 58px;font-weight: 500;}
.raffle .normal .flip-clock-divider{width:76px; height:40px;}
.raffle .normal.white .flip-clock-dot {left: 34px;width: 6px;height: 14px;}
.raffle .normal .flip-clock-dot.top {top:28px;}
.raffle .normal .flip-clock-dot.bottom {bottom:22px;}
.raffle .r-ptype1{font-size: 28px;font-weight: 500;line-height:44px;color:#fff;}
.raffle .r-ptype2{font-size: 24px;font-weight: 500;line-height:44px;color:#fff;}
.raffle .r-ptype2 span{font-size: 24px;color:#888;}
.raffle .reffle-price {margin:50px 0; font-size:50px;font-weight: 600;line-height:44px;color:#ff5b37;text-decoration:none;}
.raffle .reffle-price span{display:inline-block; margin-right:30px; font-size:40px;font-weight:400;line-height:44px;color:#888;text-decoration: line-through;}
.raffle .reffle-size{margin: 80px 0 0 0;}
.raffle .reffle-size p{font-size: 32px;color:#fff;text-align:center;}
.raffle .reffle-size p strong{font-size: 32px;color: #ff5b37;font-weight: 600;border-bottom:1px solid #ff5b37;}
.raffle .reffle-size ul{display:flex;justify-content: space-evenly;padding:46px 40px 0;}
.raffle .reffle-size li a{font-size: 28px;background:rgba(255,255,255,.1);display:block;width:100px;height:100px;line-height:100px;text-align:center;color:#fff;border-radius:50%;}
.raffle .reffle-size li.on a{background:#ff5b37;}
.raffle .ev-date{margin:72px 38px 0; padding:40px 2px 0; border-top:2px solid #4e4e4e;}
.raffle .ev-date li {min-height:auto; margin-top:10px; padding:0;}
.raffle .ev-date li span {position:static; display:inline-block; margin-right:10px;}
.raffle + .event-btn {position:relative; display:block; width:750px; margin:0 auto; z-index: 2;}
.reffle-detail{margin:0 auto; padding:130px 0 0 0;}
.reffle-detail .ev-detail-pd{padding:0 40px; margin:0 0 100px;}
.reffle-detail .ev-detail-pd dt{margin: 0 0 6px 0;font-size: 36px;font-weight: 600;line-height: 44px;color: #333;}
.reffle-detail .ev-detail-pd dd{font-size: 28px;line-height: 56px;color: #333;position: relative;padding: 0 0 0 210px;}
.reffle-detail .ev-detail-pd dd span{font-size: 28px;line-height: 56px;color: #888;  position: absolute; left: 0;}

/*event 구매왕*/
.king{background:#2a2d40 url(../images/bo/king-bg.jpg) no-repeat;background-size:cover;text-align:center;padding:100px 0 0 0;position: relative;width: 1924px;left: -825px;margin: 0 0 0 681px;}
.k-ptype1{font-size: 32px;line-height: 44px;color: #fff;font-weight:500;}
.k-ptype2{font-size: 28px;line-height: 60px;color: rgba(255,255,255,.7);;font-weight:500;background:#111;margin:15px 0 0 0;padding:0 30px;border-radius:30px;display: inline-block;}
.k-ptype3{font-size: 28px;line-height: 44px;color: rgba(255,255,255,.8);font-weight:400;margin:40px 0 0 0;}
.k-coupon{margin:18px 0 40px 0;}
.k-coupon ul{width:552px;margin:0 auto;}
.k-coupon li{position:relative;background:url(../images/bo/king-cupon.png) no-repeat;width:100%;height:202px;background-size: 100%;margin: 0 0 10px 0;}
.k-coupon li>div{padding: 52px 0 0 0;margin: 0 0 0 148px;font-size:34px;font-weight:600;color:#b0834b;}
.k-coupon li>span{position: absolute;left: 0;font-size: 40px;color: #d3a56e;width: 148px;text-align: center;top: 70px;font-weight: 600;}
.k-coupon li strong{font-size:56px;font-weight:600;color:#b0834b;line-height: 64px;}
.k-coupon li p{font-size: 22px;font-weight:500;color:#888;}
.king h1 img {width:auto;}

.k-score{background:#1d2134;position: relative;width: 1924px;left: -825px;margin: 0 0 80px 681px;}
.k-score h3{font-size:40px;font-weight:600;color:#fff;text-align:center;padding:80px 0 30px 0;}
.k-score ul{padding:0 40px 60px}
.k-score li{position:relative;background:#fff;height:152px;background-size: 100%;margin: 0 0 20px 0;}
.k-score li>div{padding: 24px 0 0 50px;margin: 0 0 0 132px;font-size:32px;font-weight:500;color:#333;}
.k-score li>span{position: absolute;background-image: linear-gradient(156deg, #d4b48b 8%, #b29066 71%);left: 0;font-size: 40px;color: #fff;width: 132px;text-align: center;top: 0;height: 100%;line-height:152px;
font-weight: 600;}
.k-score li strong{font-size:32px;font-weight:600;color:#b0834b;line-height: 44px;display:inline-block;margin:0 0 0 10px;}
.k-score li p{font-size: 28px;font-weight:400;color:#888;margin:10px 0 0 0;}
.k-my{text-align:center;padding:0 40px}
.k-my h3{font-size:40px;font-weight:600;color:#11172a;text-align:center;padding:0 0 10px 0;}
.k-my .k-box-t1{font-size:28px;font-weight:400;color:#333;line-height: 44px;}
.k-my .k-box-t2{font-size:28px;font-weight:400;color:#333;line-height: 44px;margin:0 0 60px 0;}
.k-my .k-box-t2 strong{font-size:28px;font-weight:600;}
.k-my .k-box{border: 10px solid #ddd;padding:44px;text-align:center;margin:30px 0 40px 0;}
.k-my .k-box span{font-size:32px;font-weight:400;color:#333;display:block;margin:0 0 20px 0;}
.k-my .k-box p{font-size:32px;font-weight:500;}
.k-my .k-box p strong{font-size:32px;font-weight:600;color:#b68e57;}

/*event 룰렛*/
.roulette{background: #21304f url(../images/bo/roulette-bg.jpg) no-repeat top center;background-size: 40%;text-align: center;position: relative;z-index: 1;width: 1924px;left: -825px;margin: 0 0 0 681px;}
.roulette-in {width:750px; margin:0 auto; padding:90px 0 0 0;}
.roulette h1 img {width: 480px;}
.r-ptype1 {font-size: 36px;line-height: 44px;color: #fff;font-weight:400;margin:0 0 30px 0;}
.r-ptype2 {font-size: 32px;line-height: 48px;color: #fa8c54;font-weight: 600;margin:40px 0 0 0;}
.r-ptype3 {font-size: 32px;line-height: 48px;color: #9faac0;font-weight: 400;}
.roulette-game{position:relative;margin: 70px 0 0 0;}
.roulette-game .pin{position: absolute;top:-42px;left: 50%;width:84px;transform:translateX(-50%);}
.roulette-game .btn-click{position: absolute;display: block;width: 202px;height: 202px;left: 50%;top: 50%;text-indent: -9999px;font-size: 0;border-radius: 50%;transform:translate(-50%,-50%);}
.roulette-game.disabled{opacity:1;}
.roulette-game.disabled .btn-click{background:url(../images/bo/btn_disable_start.png) no-repeat top center;background-size: 100%;opacity:1;}
.roulette .ev-date {margin-top:60px;}
.roulette .ev-date li {padding-left:100px; line-height:60px; color:#fff;}
.roulette .ev-date li span {position:static; display:inline-block; margin-right:20px; border-radius:0; color:#fa8c54;}

/* event lucky bag*/
.luckybag {position:relative;width: 1924px;left: -825px;margin: 178px 0 0 681px;padding:80px 80px 0;background: #fff;}
.luckybag:before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:solid #d62f2f; border-width:50px 50px 270px;}
.luckybag:after {content:''; position:absolute; top:-145px; left:50%; width:470px; height:255px; background:url(../images/bo/luckybag-top-bg.png) no-repeat 0 0; background-size:cover; transform:translateX(-50%);}
.luckybag .luckybag-in {position:relative; width:738px; margin:0 auto; z-index:2;}
.luckybag h1 {margin-top:87px; height:310px;}
.luckybag h1 img {width:auto; height:100%;}
.luckybag .ev-date {margin-top:60px; padding:16px 5px 0; border-top:3px solid #888;}
.luckybag .ev-date li {min-height:auto; margin:12px 0 0; padding:0; font-size:35px; font-weight:700; line-height:55px; color:#333;}
.luckybag .ev-date li span {position:static; display:inline-block; margin-right:22px; padding:0; background:transparent; font-size:35px; font-weight:400; line-height:55px; color:#333; opacity:1;}
.luckybag .luckybag-btm {height:270px; margin-top:35px; padding:65px 6px 0;}
.luckybag .r-ptype1 {margin-top:40px; font-size:50px; line-height:70px; color:#333;}
.luckybag .r-ptype1 strong {font-size:50px; font-weight:700; line-height:70px; color:#d62f2f;}
.luckybag .r-ptype2 {margin-top:0; font-size:40px; line-height:55px; color:#fff;}
.luckybag .r-ptype3 {display:inline-block; width:100%; margin-top:45px; font-size:45px; font-weight:700; line-height:55px; color:#fff;}
.luckybag .r-ptype3 strong {float:right; font-size:55px; font-weight:700; text-align:right;}
.event-yet{background: #d62f2f;text-align: center;color:#fff;font-size: 28px;font-weight: 500;width: 1924px;left: -825px;position: relative;margin: 0 0 0 681px;padding: 40px 0 40px 0;border-top: 1px solid rgba(255,255,255,0.2);}

/*event 투표*/
.event.poll{position: relative;width: 1924px;left: -825px;margin: 0 0 0 681px;background: #f3f3f3;}
.event.poll .poll-wrap{position: absolute;left: 382px;top: 2028px;}
.event.poll input{}
.event.poll .btn-poll{position: absolute;left: 738px;top: 2315px;}
.event.poll .p-radio {width: 1150px;display: flex;justify-content: space-between;}
.event.poll .p-radio li{display:inline-block;}
.event.poll input[type=radio]:checked + label {background: url(../images/common/radio-active.svg) left top no-repeat;background-size: 30px;}
.event.poll input[type=radio] + label {width: 30px;height: 30px;line-height: 30px;padding: 0;background: url(../images/common/radio-inactive.svg) left top no-repeat;background-size: 30px;font-size: 16px;display: inline-block;cursor: pointer;}
.event.poll .ev-info {position: relative;width: 1360px;margin: 0 auto;}
.poll-select{position: absolute;top: 2136px;left: 50%;background: #D8D8D8;font-size: 24px;color: #333;width: 1040px;height: 120px;text-align: center;margin: 0 0 0 -520px;line-height: 120px;font-weight:500;}
.poll-select:before{content:'';display:inline-block;background: url(../images/bo/ico_speechbubble.svg) left top no-repeat;width:43px;height:43px;vertical-align: middle;
margin: 0 20px;}


/*event 출석*/
.event-content-wrap .event.attend{position: relative;width: 1924px;left: -825px;margin: 0 0 0 681px;background: #f3f3f3;}
.event-img-map{position:relative;}
.att-wrap{height:3144px;background: #f6f0e2;}
.att-calendar{position: absolute;max-width: 1460px;padding: 0;top: 796px;left:242px;}
.att-month{position: absolute;font-size: 120px;font-weight: 700;left:516px;top: 20px;color: #f37571;font-family: 'AppleSDGothicNeo', 'sans-serif';width: 140px;text-align: right;}
.att-my-day{position: absolute;font-size: 40px;font-weight: 700;right: 124px;top: 92px;color: #f37571;font-family: 'AppleSDGothicNeo', 'sans-serif';width: 101px;text-align: center;}
.att-calendar table{margin: 194px 0 0 0;border-spacing: 31px;border-collapse: separate;background: #fff;padding: 0 37px 37px 37px;}
.att-calendar th{font-size: 23px;font-weight: 500;text-transform: uppercase;color: #888;border-top:3px solid #e4e4e4;padding: 20px 0 0 0;}
.att-calendar td{height: 158px;padding: 10px 10px 0 0;text-align: right;font-size: 30px;vertical-align: top;color: #888;background: #f2f2f2;
width: 100px;position:relative;}
.att-calendar td img {width: 100%;height: auto;position: absolute;left: 13px;width: 134px;top: 15px;}
.btn-check{display:block;text-align: center;margin: 52px;}
.event-content-wrap .btn-check img{width:auto;}
.event.attend .ev-info {position: relative;width: 1360px;margin: 0 auto;}

/*event 도장*/
.event-content-wrap .event.stamp{position: relative;width: 1924px;left: -825px;margin: 0 0 0 681px;background: #2b313f;}
.stamp-wrap{}
.stamp-calendar{position: absolute;max-width: 1460px;padding: 0;top: 796px;left:230px;}
.my-stamp-left{position: absolute;left:130px;top:61px;font-size:30px;color:#fff;letter-spacing: 5px;border-bottom: 1px solid #727685;}
.my-stamp-left strong{font-size:60px;color:#E14F38;display: inline-block;min-width: 92px;text-align: center;}
.my-stamp-right{position: absolute;right:84px;top: 63px;}
.my-stamp-right span{font-size:30px;color:#fff;letter-spacing: 5px;text-align: right;display:block;margin:0 0 10px 0;}
.my-stamp-right span strong{font-size:30px;color:#E14F38;}
.stamp-calendar table{margin: 194px 0 10px 0;border-spacing:28px 24px;border-collapse: separate;padding: 54px 97px;border:none;}
.stamp-calendar th{font-size: 23px;font-weight: 500;text-transform: uppercase;color: #888;border-top:3px solid #e4e4e4;padding: 20px 0 0 0;}
.stamp-calendar td{height: 223px;width:223px;padding:0;text-align: right;font-size: 30px;vertical-align: top;color: #888;position:relative;}
.stamp-calendar td:after{content:'';display:block;height: 223px;width:223px;background:#fff url(../images/bo/stamp-bin.png) center center no-repeat;border-radius:50%;position:absolute;left:0;top:0;}

.stamp-calendar td.coffee:after{background:#B3B3B3 url(../images/bo/stamp-coffee.png) center center no-repeat;}
.stamp-calendar td.bag:after{background:#B3B3B3 url(../images/bo/stamp-bag.png) center center no-repeat;}

.stamp-calendar td span {width: 223px;height: 223px;display: block;border-radius: 50%;color: #fff;font-size: 30px;line-height: 220px;text-align: center;position:absolute;z-index: 1;}
.stamp-calendar td span.st-fail {background: url(../images/bo/stamp-fail.png) center center no-repeat;background-size:161px;transform: rotate(0);}
.stamp-calendar td span.st-end {background:url(../images/bo/stamp-complete.png) center center no-repeat;background-size: 161px;transform: rotate(0);}
.stamp-calendar td span.st-win {background:url(../images/bo/stamp-win.png) center center no-repeat;background-size: 161px;transform: rotate(0);}
.stamp-calendar td.coffee span.on {background:url(../images/bo/stamp-coffee-in.png) center center no-repeat;background-size: 161px;transform: rotate(0);}
.stamp-calendar td.bag span.on {background:url(../images/bo/stamp-bag-in.png) center center no-repeat;background-size: 161px;transform: rotate(0);}



.btn-stamp{display: flex;
justify-content: center;}
.btn-stamp a{display:block;width:475px;height:90px;line-height:90px;text-align:center;background:#E14F38;color:#fff;font-size:30px;margin:0 15px;}
.btn-stamp a.my{background:#2B313F}
.event-content-wrap .btn-check img{width:auto;}
.event.stamp .ev-info {position: relative;width: 1360px;margin: 0 auto;background:#2b313f;padding: 100px 0;}
.event.stamp .ev-info h3{color:#fff;font-size:22px;border-bottom:1px solid #727685;padding:0 0 15px 0}
.event.stamp .ev-info li{color:#fff;font-size:22px;}

/*event quiz*/
.event-content-wrap .event.quiz{position: relative;width: 1874px;left: -800px;margin: 0 0 0 681px;background: #2b313f;}
.quiz-wrap .quiz-video{width: 1090px;height: 1036px;position: absolute;z-index: 100;left: 391px;top: 355px;display: flex;background: #000;}
.quiz-btn{display: inline-block;position: absolute;z-index: 101;left: 961px;top: 1336px;}
.quiz-btn img{width:auto;}
.quiz-word{position: absolute;z-index: 101;left: 709px;top: 1673px;}
.quiz-word input{width: 118px;height: 119px;text-align: center;font-size: 50px;font-weight: 700;margin: 0 25px 0 0;}
.event.quiz .ev-info:after {content:none;}
.entry-btn{position:absolute; z-index:101; left:710px; top:1850px;}

/*event 댓글*/
.event-content-wrap .event.comt{position: relative;width: 1924px;left: -825px;margin: 0 0 0 681px;background:#F5F5F5;}
.comt-wrap{}
.event-comment{background:#fff;padding:0 80px 80px 80px}
.event-comment h3{font-size:30px;padding:30px 0;font-weight:600;color:#333;}
.event-comment h3{}
.event-comment .ev-comt-input{border:1px solid #ddd;height:116px;    position: relative;}
.event-comment .ev-comt-input textarea{border:none;height:116px;font-size:20px;color:#000;width: calc(100% - 235px);}
.event-comment .ev-comt-input button{width:244px;height:116px;line-height:116px;background:#333;color:#fff;text-align:center;font-size:30px;font-weight:600;position: absolute;
right: 0;}
.event-comment h4{margin:63px 0 20px 0;font-size:30px;font-weight:600;color:#333}
.event-comment h4 strong{font-size:30px;font-weight:600;color:#888}
.event-comment .ev-comt-list{border-top:2px solid #000;}
.event-comment .ev-comt-list li{border-bottom:1px solid #ddd;display: flex;justify-content: space-around;    align-items: center;padding:19px 20px;}
.event-comment .ev-comt-list li span{font-size:16px;color:#000;width:15%;}
.event-comment .ev-comt-list li span.modify{width:10%;}
.event-comment .ev-comt-list li span.subject{width:55%;margin:0 0 0 5%;line-height: 24px;}
.event-comment .ev-comt-list li span.date{color:#888;}
.event-comment .ev-comt-list li span:last-child{margin-left:auto;text-align: center;}
.event-comment .ev-comt-list li a{display:block;margin:0 auto;width:65px;height:32px;line-height:32px;border:1px solid #000;text-align: center;font-size: 14px;}
.event.comt .ev-info {position: relative;width: 1360px;margin: 0 auto;background:#F5F5F5;padding: 100px 0;}
.event-comment .textbox .txt-byte{font-size: 14px;right: 256px;bottom: 9px;}
.event-comment .textbox .txt-byte em {color: #333;font-size: 14px;}

.event-content-wrap{position:relative;}
.ev-date{padding:0 40px 60px 40px;max-width: 1360px;margin: 0 auto;}
.ev-date li{font-size: 28px;font-weight: 400;color:rgba(255,255,255,.8);position:relative;margin: 0 0 10px 0;padding: 0 0 0 178px;
text-align: left;min-height: 60px;}
.ev-date li span{display:block;font-size: 28px;font-weight: 400;line-height:60px;border-radius:30px;opacity: .8;padding:0 30px;background:#000;color:#fff;position:absolute;left:0;top: -6px;}
.ev-date li p{font-size: 24px;color: rgba(255,255,255,.5);font-weight:400;}

.event-btn.inner{line-height:96px;font-size: 30px;font-weight: 500;background:#000;color:#fff;display: block;width:calc(100% - 216px);margin:0 auto;}
.event-btn.full{line-height:120px;font-size: 36px;font-weight: 600;color:#fff;display: block;text-align:center;position: relative;width: 1924px;left: -825px;margin: 0 0 0 681px;}
.event-btn.orange{background:#ff5b37;}
.event-btn.brown{background:#bf9463;}
.event-btn.black{background:#000;position: relative;width: 1924px;left: -825px;margin: 0 0 0 681px;}
.event-btn.disabled{background:#ddd;}
.event-btn.pen:after{content:''; display:inline-block; width:42px; height:42px; margin-left:18px; background:url(../images/bo/ico-pen.svg) no-repeat 0 0; background-size:100% 100%; vertical-align:-6px;}
.event-btn.arw:after{content:'';display:inline-block;width:12px;height:12px;vertical-align:middle;margin:-4px 0 0 7px;border-top:2px solid #fff;border-right:2px solid #fff;transform: rotate(45deg);}

.ev-enter-know{margin:0 0 80px 0;}
.ev-enter-know h3{line-height:100px;font-size:36px;font-weight:600;background:#f5f5f5;padding:0 0 0 40px;border-top:2px solid #d8d8d8;}
.ev-enter-know>div{position:relative;margin:60px 0 0 0;}
.ev-enter-know h4{font-size:28px;width:98px;height:98px;background:#333;color:#fff;border-radius:50%;line-height:98px;text-align:center;position:absolute;left:40px;}
.ev-enter-know dl{padding:0 40px 0 180px}
.ev-enter-know dt{font-size:28px;color:#ff5b37;font-weight:600;line-height:44px;margin:0 0 10px 0;}
.ev-enter-know dd{font-size:28px;color:#333;line-height:44px;position:relative;padding:0 0 0 20px;}
.ev-enter-know dd:before{content:'';display:block;width:6px;height:6px;background:#888;position:absolute;left: 0;top: 20px;border-radius:50%;}

.ev-info{background:#f3f3f3;padding:40px;}
.ev-info h3{font-size:30px;color:#333;line-height:32px;font-weight:500;margin:0 0 24px 0;}
.ev-info li{font-size:24px;color:#888;line-height:36px;position:relative;padding:0 0 0 20px;margin:0 0 10px 0;}
.ev-info li strong{font-size:24px;color:#333;}
.ev-info li:before{content:'';display:block;width:6px;height:6px;background:#888;position:absolute;left: 0;top: 20px;border-radius:50%;}
.ev-info:after {content: '';display: block;position: absolute;height: 100%;top: 0;background: #f3f3f3;z-index: -1;width: 1924px;left: -825px;margin: 0 0 0 681px;}



.event-h1 { font-size: 30px; }
.event-wrap .pr-section{padding-top:90px;margin-top:-90px;}
.event-wrap .tbl-style-01 .subject {padding:0 100px;}
.event-wrap .tbl-style-01 .subject a {display:inline-block;}
.tab-event{width:640px;margin-left:auto;margin-right:auto}
.tab-event ul{display:flex;position:relative;border:none;overflow:hidden;}
.tab-event ul li{height:60px;align-items:center;display:flex;justify-content:center;padding:0 16px;color:#888;position:relative;flex-basis:50%}
.tab-event ul li{flex-basis:33.33%}
.tab-event ul li a{font-size:18px;white-space: nowrap;line-height: 60px;}
.tab-event ul li.on li.on{color:#333;cursor:default;z-index:1;font-size:16px;font-weight:700}
.tab-event ul li.on a{color:#000}
.tab-event ul li.on a::before{content:'';position:absolute;width:100%;height:2px;background:#000;left:0;top: 58px;}
.event-filter{border-top:none!important;border-bottom-color:#000!important}
.event-list{width:calc( 100% + 40px );margin-left:-10px;margin-right:-10px;}
.event-item{width:530px;margin:0 12px 50px}
.event-brand{padding:0 0 15px;display: flex;justify-content: space-between;align-items: baseline;}
.event-brand .pr-select{display:block;font-size:14px;color:#333;cursor: pointer;}
.event-brand .pr-select.active:after{transform:rotate(180deg)}
.event-brand .pr-select img{width:60px;margin:0 10px 0 0;}
.event-brand .pr-brends{width:135px;padding:0 20px;background:#fff;position:absolute;margin:45px 0 0 0;overflow:hidden;transition:.3s all;color:#333;opacity: 0;}
.event-brand .pr-brends.on{padding:20px 10px 20px 20px;border:1px solid #ddd;z-index: 20;opacity: 1;}
.event-brand .pr-brends li{margin:0 0 10px 0;}
.event-brand .pr-brends li:last-child{margin:0;}
.event-brand .pr-brends a{display:inline-block;font-size:12px;color:#333;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width:100%;}
.event-brand .pr-brends a img{width:30px;margin:0 10px 0 0;}
.event-brand .pr-brends + .pr-select:after{content:'';background: url(../images/common/icons-16-px-arrow-outline-down.svg) center center no-repeat;width: 10px;display: inline-block;height: 10px;margin: 0 0 0 10px;}
.event-view-top .share {display:inline-block;background-image: url(../images/common/icons-24-px-share.svg);background-repeat: no-repeat;background-position: center;text-indent: -9999px;width: 42px;height: 42px;border:1px solid #ddd}
.event-view-top .event-brand{margin-bottom:0}
.event-top-ele span{font-size:14px;color:#888;margin-right:10px}
.event-content-wrap{margin:28px 0 40px 0}
.event-board-wrap{margin:28px 0 40px 0;padding:50px}
.event-content-wrap img{width:100%;height:auto}
.brand-filter-wrap{position:relative;}
.btn-brand{height:20px;min-width:90px;padding:0 30px 0 10px;background:url(../images/common/ico-select-down.svg) right 4px center no-repeat;font-size:14px}
.brand-filter-layer{display:none;background-color:#f5f5f5;padding:15px;width:160px;position:absolute;left:-20px;top:-20px;z-index:16}
.brand-filter-layer.on{display:block}
.btn-brand-all{font-size:13px;border-bottom:1px solid #333;color:#333;height:16px;}
.brand-filter-wrap .filter-option{max-height:300px;margin:18px 0;}
.brand-filter-wrap .filter-option ul{padding:0}
.brand-filter-wrap .filter-option ul li{margin:0;width:100%}
.brand-filter-wrap .filter-option ul li button{background-color:#fff;line-height:50px; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.event-list .pr-block .img-wrap{position:relative;}
.event-list .pr-block{padding:0;position: relative;}
.event-list .pr-block h2{font-size:18px;font-weight:500;margin:12px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.event-list .pr-block p{font-size:14px;color:#888;margin:5px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.event-list .pr-block > a > span{display:block;margin:15px 0;font-size:14px;color:#888;}
.event-list .pr-block img{width:530px;height:276px}
.pr-block .pd-badge{margin:0;bottom:0;}
.sort-list{display: flex;justify-content: flex-end;align-items: center;border-bottom: 1px solid #ddd;}
.sort-list select,.sort-list select:disabled{color:#333;opacity: 1;}
.pr-brend-all{display: flex;flex-wrap: wrap;}
.pr-brend-all li{width: calc(50% - 5px);margin: 0 10px 10px 0;position:relative;}
.pr-brend-all li:nth-child(2n){margin:0;}
.pr-brend-all li input{position: absolute;}
.pr-brend-all li label{color: #888;font-size: 14px;border: 1px solid #ddd;display: block;height: 40px;line-height: 40px;text-indent:10px;}
.pr-brend-all li input:checked + label{color: #333;border: 1px solid #333;background-image:none;}
.brend-all.on .popup {padding:0 0 50px 0;}
.pr-sticky.fix > div {position:fixed;z-index:55;top:0;width:1640px;height: auto;background:#fff;overflow: visible;}
.pr-sticky{clear:both;}
.pr-section h2{font-size:24px}
.tab-holder.event-tab ul.fill li:not(:first-child) { border-left: 1px solid #000; } 

/* 221212 825 기획전/이벤트 상세페이지 제목 노출건 */
.event-brand.tit_wrap {width: 95%; padding: 0;}
.event-brand h1.tit {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

 /*221215 847    이벤트 리스트페이지 상단 TOP배너 개발 요청의 건  */
.event-top {position: relative;}
.event-top-ban {width: 1225px; height: 160px; margin: 30px auto;}
.event-top-ban .swiper-slide {overflow: hidden; width: 100%; height: 100%;}
.event-top-ban .swiper-slide a {width: 100%; height: 100%; display: block;}
.etb-next {right: 95px !important;}
.etb-prev {left: 95px !important;}