@charset "utf-8";
@import url('//css.mirae-n.com/miraen_fonts/font/nanum/fonts.css');
@font-face {
    font-family: 'OneStoreMobilePop';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
/*
font-family: 'NanumSquareRound', sans-serif;
font-weight: 300; 400; 700; 800;
*/
/******************** 공통 ********************/
.wrap * {font-family: 'NanumSquareRound', sans-serif; font-weight:400;}
.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1000; display:none;}
body.noScroll {display:block; height:100%; overflow:hidden;}
* {letter-spacing:-1px; font-weight:400; line-height:1.0; word-break:keep-all;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed , .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.evWrap {position:relative; overflow:hidden;}
.evWrap .subDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:51; display:none;}

.gloHeader {display:flex; justify-content:space-between; align-items:center; position:absolute; left:0; top:0; padding:50px 80px; width:100%; z-index:100;}
.gloHeader .brand a {display:block; width:127px; height:54px; background:url(../../../img/logo_mt_all.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .gloUtil {display:flex; justify-content:flex-start; align-items:center; gap:17px;}
.gloHeader .gloUtil .account {display:flex; justify-content:flex-start; align-items:center; gap:26px;}
.gloHeader .gloUtil .account .txtMenu {display:block; position:relative;}
.gloHeader .gloUtil .account .txtMenu a {display:block; color:#000; font-size:14px; font-weight:500; padding:12px 14px; border-radius:50px; border:1px solid #000;}
.gloHeader .gloUtil .logo a {display:block; width:75px; height:21px; background:url(../../../img/logo_miraen_kr.svg) no-repeat 50% 50%;}

.gloHeader.white .gloUtil .account .txtMenu a {color:#FFF; border:1px solid #FFF;}
.gloHeader.white .gloUtil .logo a {display:block; width:75px; height:21px; background:url(../../../img/logo_miraen_kr_w.svg) no-repeat 50% 50%; background-size:100%;}

/** 이벤트 하단 공통 **/
.eventCauSec {background:#333; position:relative; z-index:10;}
.eventCauSec .innerCon {padding:60px 0; width:100%; max-width:1200px; margin:0 auto;}

.cauCon {display:block; height:auto; overflow:hidden;}
.cauCon .title {color:#FFF; font-size:40px; font-weight:800; margin-bottom:30px; display:flex; align-items:center; gap:10px;}
.cauCon .title:before {content:''; width:43px; height:43px; background:url(../../../img/ico_cau_gray.svg) no-repeat 50% 50%; background-size:100%;}
.cauCon .cauBox {display:block; height:auto; overflow:hidden; margin-bottom:30px; padding-left:36px;}
.cauCon .cauBox .caTitle {color:#FFF; font-size:22px; padding:4px 0; position:relative; font-weight:800; margin-bottom:10px;}
.cauCon .cauBox li {display:block; padding:0 0 0 35px; font-size:22px; position:relative; color:#FFF; line-height:1.8;}
.cauCon .cauBox li a {color:#CDFF70; font-weight:500; line-height:1.4;}
.cauCon .cauBox li:after {content:''; position:absolute; left:20px; top:15px; width:5px; height:1px; background:#FFF;}
.cauCon .cauBox li em {color:#FFF;}
.cauCon .cauBox li.cauMidTitle {color:#222; font-size:18px; margin-bottom:5px; padding-left:15px;}
.cauCon .cauBox li.cauMidTitle.device {margin-top:15px;}
.cauCon .cauBox li.cauMidTitle:after {background:none;}
.cauCon .cauBox li.simple:after {display:none;}

/** paging **/
.pagingWrap {display:flex; justify-content:center; align-items:center; gap:5px; margin:70px 0 0;}
.pagingWrap a {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#000; font-size:16px; width:40px; height:40px; line-height:1.0; font-weight:400;}
.pagingWrap a.dir {border:2px solid transparent; width:30px;}
.pagingWrap a.dir.first {background:url(../../../img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg);}
.pagingWrap a.dir.forward {background:url(../../../img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg);}
.pagingWrap a.dir.back {background:url(../../../img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px;}
.pagingWrap a.dir.backword {background:url(../../../img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px;}
.pagingWrap a.on {background:#5A371E; color:#FFF; font-weight:700; position:relative;}

.forDesk {display:block;}
.forPc {display:block;}
.forMo {display:none;}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content div {height:auto; padding:5px 0;}

/******* btn *******/
.btn {display:inline-block;}
.btn a {display:flex; justify-content:center; align-items:center; padding:20px 36px; gap:8px; color:#FFF; font-size:24px; font-weight:700; position:relative; border-radius:8px;}

.btn.moreService a {background:#5D4B40;}
.btn.cancel a {background:#999; color:#FFF;}
.btn.confirm a {background: #5A371E;}
.btn.dis a {background:#ccc; width:auto; text-align:center; justify-content:center; cursor:default;}
.btn.dis a:after {display:none;}
/******************** 공통 ********************/

/******************** 개별 이벤트 ********************/
.innerCon {position:relative; width:100%; max-width:1200px; margin:0 auto; padding:110px 0;}
.blindFin {position:absolute; left:0; top:0; width:100%; height:420px; background:transparent; z-index:100;}

.evHead {position:relative; background:#E1EBB4 url(../img/sec01_bg.png) repeat center top; background-size:cover;}
.evHead .innerCon {max-width:1415px; padding:100px 0 120px 0;}
.evHead .qBnrSec {position:absolute; right:95px; top:125px; display:flex; flex-direction:column; gap:22px;}
.evHead h2 {max-width:684px; margin:0 auto;}
.evHead .evImg {margin: 0 auto 0;}
.evHead .evHeadDesc {text-align:center; margin:20px 0 36px;}
.evHead .evHeadDesc .desc {color:#333; font-size:32px; line-height:1.5; font-weight:700;}
.evHead .evHeadDesc .desc.strong {font-size:36px; margin-top:24px; font-weight:800;}

.evHead .targetBox {width:100%; max-width:1000px; margin:0 auto; position:relative; background:#FFF; padding:52px 60px; border-radius:4px;}
.evHead .targetBox:before {content:''; position:absolute; left:20px; top:20px; border:1px solid #C9C9C9; width:calc(100% - 40px); height:calc(100% - 40px); border-radius:2px; box-sizing:border-box;}
.evHead .targetBox:after {content:''; position:absolute; right:-1px; bottom:-1px; width:44px; height:46px; background:url(../img/deco_evhead_tail.svg) no-repeat 50% 50%; background-size:100%;}
.evHead .targetBox ul {display:flex; flex-direction:column; gap:24px; position:relative; z-index:1;}
.evHead .targetBox ul > li {display:flex; gap:24px; align-items:flex-start;}
.evHead .targetBox ul > li .item {width:139px; height:48px; display:flex; justify-content:center; align-items:center; flex:0 0 auto; background:url(../img/bg_target.svg) no-repeat 50% 50%; background-size:100%; color:#FFF; font-size:30px; font-weight:800;}
.evHead .targetBox ul > li .ipCon {width:calc(100% - 163px); color:#231815; font-size:28px; line-height:1.6; margin-top:4px;}
.evHead .targetBox ul > li .ipCon dl {display:flex; flex-direction:column; margin-top:12px;}
.evHead .targetBox ul > li .ipCon dl:first-child {margin-top:0;}
.evHead .targetBox ul > li .ipCon dl > dt {display:block; color:#231815; font-size:28px; font-weight:700; line-height:1.6;}
.evHead .targetBox ul > li .ipCon dl > dd {color:#231815; font-size:28px; line-height:1.6; display:flex; align-items:center; gap:8px; position:relative; padding-left:18px;}
.evHead .targetBox ul > li .ipCon dl > dd:after {content:''; position:absolute; left:0; top:18px; width:8px; height:1px; background:#231815;}
.evHead .targetBox ul > li .ipCon dl > dd a {color:#0098C7; font-weight:800; position:relative; display:block;}
.evHead .targetBox ul > li .ipCon dl > dd a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#0098C7;}
.evHead .targetBox ul > li .ipCon dl.cauTxt dd {color:#555; font-size:24px; line-height:1.4; padding-left:0; align-items:flex-start;}
.evHead .targetBox ul > li .ipCon dl.cauTxt dd:after {display:none;}
.evHead .targetBox ul > li .ipCon dl.cauTxt dd:before {content:'*';}
.evHead .targetBox .deco {position:absolute;}
.evHead .targetBox .deco.rt {right:-64px; top:20px; width:175px; height:177px; background:url(../img/deco_evhead_right.svg) no-repeat 50% 50%; background-size:100%;}
.evHead .targetBox .deco.lb {left:-60px; bottom:-40px; width:151px; height:148px; background:url(../img/deco_evhead_left.svg) no-repeat 50% 50%; background-size:100%;}

.evCont {position:relative; background:#FFF3DA url(../img/sec02_bg.png) no-repeat center top; background-size:cover;}
.evCont .innerCon {padding:170px 0 140px;}
.evCont .innerCon .deco {position:absolute; bottom:110px;}
.evCont .innerCon .deco.char01 {left:-20%; width:189px; height:238px; background:url(../img/sec02_char_left.svg) no-repeat 50% 50%; background-size:100%;}
.evCont .innerCon .deco.char02 {right:-20%; width:210px; height:245px; background:url(../img/sec02_char_right.svg) no-repeat 50% 50%; background-size:100%;}
/* .evCont .innerCon:before {content:''; position:absolute; left:-16%; top:26%; width:130px; height:166px; background:url(../img/sec02_deco_left01.svg) no-repeat 50% 50%; background-size:100%;}
.evCont .innerCon:after {content:''; position:absolute; right:-14%; bottom:30%; width:123px; height:112px; background:url(../img/sec02_deco_right01.svg) no-repeat 50% 50%; background-size:100%;} */

.evTitleSec {position:relative; margin-bottom:52px; text-align:center;}
.evTitleSec .evRound {margin-bottom:20px;}
.evTitleSec .evTitle {position:relative; display:inline-block; text-align:center; margin-bottom:26px; color:#5A371E; font-size:66px; font-family:'OneStoreMobilePop';}
.evTitleSec .evTitle:before {content:''; position:absolute; left:-97px; top:-76px; width:176px; height:126px; background:url(../img/ev_title01_deco_left.svg) no-repeat 50% 50%; background-size:100%;}
.evTitleSec .evTitle:after {content:''; position:absolute; right:-34px; bottom:-24px; width:181px; height:157px; background:url(../img/ev_title01_deco_right.svg) no-repeat 50% 50%; background-size:100%;}
.evTitleSec .evTitle > span {padding:3px 6px; background:#FFF; border:2px dashed #EE826B; color:#5A371E; font-size:66px; font-family:'OneStoreMobilePop'; border-radius:11px;}
.evTitleSec .evTitle p {position:relative; display:inline-block; padding:0 10px; color:#5A371E; font-size:66px; font-family:'OneStoreMobilePop';}
.evTitleSec .evTitle p span {display:inline-block; color:#5A371E; font-size:66px; font-family:'OneStoreMobilePop'; position:relative; z-index:1;}
.evTitleSec .evTitle p:after {content:''; position:absolute; left:0; bottom:-6px; width:100%; height:100%; background:url(../img/sec02_title_bdr.svg) no-repeat center bottom;}
.evTitleSec .evDesc {color:#231815; font-size:32px; font-weight:500; line-height:1.4;}
.evTitleSec .evDesc span {font-weight:500; padding:2px 4px; background:#F9D8D1;}
.evTitleSec .evDescBold {color:#231815; font-size:32px; font-weight:800; line-height:1.4; margin:16px 0;}
.evTitleSec .evDescBold br {display:none;}
.evTitleSec .tipTxt {display:flex; justify-content:center; align-items:center; gap:4px; color:#231815; font-size:24px; font-weight:500;}
.evTitleSec .tipTxt:before {content:''; width:32px; height:32px; background:url(../img/ico_tip.svg) no-repeat 50% 50%; background-size:100%;}

.evBoardWrap {width:100%; max-width:1080px; margin:0 auto; position:relative; padding:0 41px;}
.evBoardWrap:after {content:''; position:absolute; left:0; bottom:-20px; width:100%; height:72px; background:url(../img/sec02_panel.png) no-repeat 50% 50%; background-size:100% auto; z-index:10;}
.evBoardWrap .evBoard {border:16px solid #E8C59C; border-radius:8px 8px 0 0;}
.evBoardWrap .board-prev {position:absolute; left:80px; top:50%; transform:translate(0, -50%) rotate(180deg); width:60px; height:60px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; z-index:10; cursor:pointer;}
.evBoardWrap .board-next {position:absolute; right:80px; top:50%; transform:translate(0, -50%); width:60px; height:60px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; z-index:10; cursor:pointer;}

.spec {display:block; padding:0 100px; margin:64px auto 0; max-width:1080px;}
.spec > li {display:flex; align-items:flex-start; gap:44px;}
.spec > li .title {position:relative; flex:0 0 auto;}
.spec > li .title span {color:#5A371E; font-size:36px; font-weight:800; position:relative; z-index:10; padding:0 6px;}
.spec > li .title:after {content:''; position:absolute; left:0; top:25px; width:151px; height:61px; background:url(../img/sec02_deco_title.svg) no-repeat 50% 50%; background-size:100%;}
.spec > li .detailSpec {position:relative;}
.spec > li .detailSpec ul {display:flex; flex-direction:column; align-items:flex-start; gap:8px;}
.spec > li .detailSpec ul li {display:flex; align-items:flex-start; gap:24px;}
.spec > li .detailSpec ul li .item {color:#5A371E; font-size:24px; font-weight:800; line-height:1.6;}
.spec > li .detailSpec ul li .ipCon {color:#5A371E; font-size:24px; font-weight:400; line-height:1.6;}
.spec > li .detailSpec ul li .ipCon br {display:none;}

.evSchedule {position:relative; background:#FCECE9 url(../img/sec03_bg.png) no-repeat center bottom -40px; background-size:cover;}
.evSchedule .evTitleSec .evTitle {line-height:1.2; margin-bottom:40px;}
.evSchedule .evTitleSec .evTitle:before {display:none;}
.evSchedule .evTitleSec .evTitle:after {display:none;}
.evSchedule .evTitleSec .evDesc {font-size:36px; font-weight:600;}
.evSchedule .evTitleSec .evDesc span {font-weight:600;}
.evSchedule .evTitleSec .deco {position:absolute; right:50px; top:210px; width:246px; height:103px; background:url(../img/sec03_target.svg) no-repeat 50% 50%; background-size:100%;}

.scheduleBox {position:relative; max-width:1143px; margin:0 auto;}
.scheduleBox > .deco {position:absolute; right:-160px; bottom:-70px; width:178px; height:231px; background:url(../img/sec03_char01.svg) no-repeat 50% 50%; background-size:100%;}
.scheduleBox:after {content:''; position:absolute; left:-207px; bottom:0; width:331px; height:108px; background:url(../img/sec03_deco_left.svg) no-repeat 50% 50%; background-size:100%;}
.scheduleBox:before {content:''; position:absolute; right:-207px; bottom:0; width:331px; height:108px; background:url(../img/sec03_deco_right.svg) no-repeat 50% 50%; background-size:100%;}
.scheduleBox .scheRoof {position:relative; background:url(../img/sec03_roof.png) no-repeat 50% 50%; background-size:100%; z-index:10;}
.scheduleBox .scheRoof:after {content:''; display:block; height:auto; padding-bottom:15.3980%;}
.scheduleBox .scheBodyWrap {position:relative; padding:0 45px; margin-top:-40px; z-index:1;}
.scheduleBox .scheBodyWrap .scheBody {background:#FFF; padding:32px; overflow:visible;}
.scheBody .swiper-wrapper {display:flex; flex-flow:row wrap; gap:10px;}
.scheBody .swiper-slide {width:calc(25% - 7.5px);}

.perSche {position:relative;}
.perSche.past {background:url(../img/day_after.svg) no-repeat center top; background-size:cover;}
.perSche.past.comp {background:url(../img/day_comp.svg) no-repeat center top; background-size:cover;}
.perSche.comp {background:url(../img/day_comp.svg) no-repeat center top; background-size:cover;}
.perSche.open {background:url(../img/day_today.svg) no-repeat center top; background-size:cover;}
.perSche.normal {background:url(../img/day_normal.svg) no-repeat center top; background-size:cover;}
.perSche:after {content:''; display:block; height:auto; padding-bottom:88.75%;}
.perSche > a {position:absolute; left:0; top:0; width:100%; height:100%; padding:10px;}
.perSche > a .dayFunc {position:absolute; left:0; top:10px; width:100%; padding:0 10px; display:flex; justify-content:space-between; align-items:center; height:44px;}
.perSche > a .dayFunc .day {color:#B7B7B7; font-size:22px; font-weight:800; padding:6px 0 0 6px;}
.perSche > a .cont {color:#231815; font-size:22px; font-weight:500; line-height:1.2; margin-top:53px; padding:0 0 0 6px; height:calc(100% - 44px);}
.perSche > a .cont span {background:#FFF5E8; font-weight:800;}
.perSche > a .cont.d05 {background:url(../img/dico01.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d07 {background:url(../img/dico02.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d08 {background:url(../img/dico03.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d09 {background:url(../img/dico04.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d11 {background:url(../img/dico05.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d12 {background:url(../img/dico06.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d13 {background:url(../img/dico07.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d15 {background:url(../img/dico08.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d16 {background:url(../img/dico09.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d17 {background:url(../img/dico10.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d19 {background:url(../img/dico11.svg) no-repeat right bottom 6px;}
.perSche > a .cont.d20 {background:url(../img/dico12.svg) no-repeat right bottom 6px;}

.perSche > a .suprise {color:#0385AB; font-size:24px; font-family:'OneStoreMobilePop'; line-height:1.1; margin-top:50px; padding:0 0 0 6px; height:calc(100% - 42px); text-align:center;}
.perSche > a .suprise span {color:#231815; font-family:'OneStoreMobilePop';}
.perSche > a .suprise.d06 {background:url(../img/spico01.png) no-repeat center bottom; background-size:224px auto;}
.perSche > a .suprise.d10 {background:url(../img/spico02.png) no-repeat center bottom; background-size:224px auto;}
.perSche > a .suprise.d14 {background:url(../img/spico03.png) no-repeat center bottom; background-size:236px auto;}
.perSche > a .suprise.d18 {background:url(../img/spico04.png) no-repeat center bottom; background-size:236px auto;}

.perSche.past > a .dayFunc .stats {width:116px; height:44px; background:url(../img/mark_chk.svg) no-repeat 50% 50%; background-size:100%;}
.perSche.past.comp > a .dayFunc .stats {width:116px; height:44px; background:url(../img/mark_comp.svg) no-repeat 50% 50%; background-size:100%;}
.perSche.comp > a .dayFunc .stats {width:116px; height:44px; background:url(../img/mark_comp.svg) no-repeat 50% 50%; background-size:100%;}
.perSche.open > a .dayFunc .stats {width:83px; height:46px; background:url(../img/mark_open.svg) no-repeat 50% 50%; background-size:100%;}

.perSche.open > a .cont.d05 {background:none;}
.perSche.open > a .cont.d07 {background:none;}
.perSche.open > a .cont.d08 {background:none;}
.perSche.open > a .cont.d09 {background:none;}
.perSche.open > a .cont.d11 {background:none;}
.perSche.open > a .cont.d12 {background:none;}
.perSche.open > a .cont.d13 {background:none;}
.perSche.open > a .cont.d15 {background:none;}
.perSche.open > a .cont.d16 {background:none;}
.perSche.open > a .cont.d17 {background:none;}
.perSche.open > a .cont.d19 {background:none;}
.perSche.open > a .cont.d20 {background:none;}

.evReviewSec {background:#E6F3F7 url(../img/sec04_bg.png) no-repeat center bottom; background-size:cover; position:relative;}
.evReviewSec .deco {position:absolute;}
.evReviewSec .deco.left {width:277px; height:195px; left:46px; bottom:-58px; background:url(../img/sec04_char01.svg) no-repeat 50% 50%; background-size:100%;}
.evReviewSec .deco.right {width:285px; height:193px; right:46px; bottom:-58px; background:url(../img/sec04_char02.svg) no-repeat 50% 50%; background-size:100%;}
.evReviewSec .evTitleSec .evTitle em {font-size:68px; font-family:'OneStoreMobilePop';}
.evReviewSec .evTitleSec .evTitle:before {display:none;}
.evReviewSec .evTitleSec .evTitle:after {display:none;}
.evReviewSec .evTitleSec .deco {position:absolute;}
.evReviewSec .evTitleSec .deco.left {left:70px; top:70px; width:167px; height:189px; background:url(../img/sec04_title_deco_left.svg) no-repeat 50% 50%; background-size:100%;}
.evReviewSec .evTitleSec .deco.right {right:50px; top:100px; width:191px; height:148px; background:url(../img/sec04_title_deco_right.svg) no-repeat 50% 50%; background-size:100%;}

.rvWriteForm {display:flex; align-items:stretch; border-radius:8px; border:1px solid #0098C7; background:#FFF;}
.rvWriteForm .miBiSec {background:#D7ECF3; display:flex; justify-content:center; align-items:center; position:relative; width:290px; border-right:1px solid #0098C7; border-radius:8px 0 0 8px;}
.rvWriteForm .miBiSec .currentBi {flex:1 0 auto; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; cursor:pointer;}
.rvWriteForm .miBiSec .cbi {width:100%; text-align:center; padding:20px 0;}
.rvWriteForm .miBiSec .arSelect {width:44px; height:44px; background:url(../img/ar_select.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.rvWriteForm .miBiSec .arSelect.on {transform:rotate(-180deg);}

.rvWriteForm .miBiSec ul.biList {position:absolute; left:0; top:239px; width:100%; height:316px; overflow:hidden; overflow-y:auto; background:#FFF; border-radius:8px; border:1px solid #0098C7; z-index:10; display:none;}
.rvWriteForm .miBiSec ul.biList li {display:block;}
.rvWriteForm .miBiSec ul.biList li a {display:flex; justify-content:center; align-items:center; height:90px;}

.rvWriteForm .rvInputSec {width:calc(100% - 290px); padding:16px; 24px;}
.rvWriteForm .rvInputSec > textarea {width:100%; height:127px; border:0; background:transparent; line-height:1.3; color:#231815; font-size:22px; padding-top:8px;}
.rvWriteForm .rvInputSec .btns {display:flex; justify-content:flex-end; align-items:center; gap:6px; margin-top:16px;}
.rvWriteForm .rvInputSec .btns .maxByte {color:#A4A4A4; font-size:22px; margin-right:8px;}

.rvList {display:flex; flex-flow:row wrap; gap:57px 31px; margin-top:69px;}
.rvList .perRv {width:calc(33.33334% - 21px); background:#FFF; border-radius:4px; padding:20px 22px 8px; position:relative;}
.rvList .perRv .sticker {position:absolute; left:50%; top:-22px; transform:translate(-50%, 0); width:93px; height:43px; background:url(../img/sticker01.svg) no-repeat 50% 50%; background-size:100%;}
.rvList .perRv .rvBox {position:relative;}
.rvList .perRv .rvBox .rvBi {display:flex; justify-content:center; align-items:center;}
.rvList .perRv .rvBox .rvCont {height:160px; overflow:hidden; overflow-y:auto; color:#231815; font-size:22px; font-weight:500; line-height:1.5; word-break:break-all;}
.rvList .perRv .rvBox .rvFunc {display:flex; justify-content:space-between; align-items:center; height:37px; padding:8px 0; border-bottom:1px solid #C9C9C9; margin-bottom:8px;}
.rvList .perRv .rvBox .rvFunc .writer {color:#7C7C7C; font-size:16px;}
.rvList .perRv .rvBox .rvFunc .funcBtn {position:relative;}
.rvList .perRv .rvBox .rvFunc .funcBtn > a.icoFunc {display:block; width:20px; height:20px; background:url(../img/ico_func.svg) no-repeat 50% 50%; background-size:100%;}
.rvList .perRv .rvBox .rvFunc .funcBtn .btns {display:none; position:absolute; right:0; top:26px; background:#FFF; border-radius:4px; box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2); z-index:10;}
.rvList .perRv .rvBox .rvFunc .funcBtn .btns a {display:block; position:relative; color:#231815; font-size:16px; padding:8px 25px;}
.rvList .perRv .rvBox .rvFunc .funcBtn .btns a:hover {background:#f0f0f0;}
.rvList .perRv .rvBox .rvFunc .funcBtn .btns a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#E6E6E6;}
.rvList .perRv .rvBox .rvFunc .funcBtn .btns a:last-child:after {display:none;}
.rvList .perRv .rvBox .rvDate {text-align:right; color:#7C7C7C; font-size:16px; padding:0 8px 0 0; margin-top:8px; position:relative;}
.rvList .perRv.my {background:#FEFAF6; box-shadow: 4px 4px 0 0 rgba(207, 219, 223, 1.0);}
.rvList .perRv.my:after {content:''; position:absolute; right:-4px; bottom:-4px; width:29px; height:33px; background:url(../img/rv_corner.png) no-repeat 50% 50%; background-size:100%;}
.rvList .perRv:nth-child(2) .sticker {background:url(../img/sticker02.svg) no-repeat 50% 50%; background-size:100%;}
.rvList .perRv:nth-child(3) .sticker {background:url(../img/sticker03.svg) no-repeat 50% 50%; background-size:100%;}
.rvList .perRv:nth-child(4) .sticker {background:url(../img/sticker04.svg) no-repeat 50% 50%; background-size:100%;}
.rvList .perRv:nth-child(5) .sticker {background:url(../img/sticker01.svg) no-repeat 50% 50%; background-size:100%;}
.rvList .perRv:nth-child(6) .sticker {background:url(../img/sticker02.svg) no-repeat 50% 50%; background-size:100%;}

.evOptSec {background:#E1EBB4;}
.evOptSec .innerCon {display:flex; gap:32px;}
.bnrBox {display:flex; padding:40px 44px 44px; width:calc(50% - 16px); border-radius:8px;}
.bnrBox.share {background:url(../img/bg_share.png) no-repeat 50% 50%; background-size:cover;}
.bnrBox.joinMem {background:url(../img/bg_join.png) no-repeat 50% 50%; background-size:cover;}
.bnrBox .txtSec {display:flex; flex-direction:column; width:100%;}
.bnrBox .txtSec .txt {display:flex; align-items:center; color:#5A371E; font-size:32px; font-weight:900; line-height:1.4; margin-bottom:34px; height:135px;}
.bnrBox a.btn {width:100%; height:64px; display:flex; justify-content:center; align-items:center; gap:12px; color:#FFF; font-size:28px; font-family:'OneStoreMobilePop'; background:#5A371E; border-radius:8px;}
.bnrBox a.btn.share:after {content:''; width:32px; height:32px; background:url(../img/eico_share.svg) no-repeat 50% 50%;}
.bnrBox a.btn.join:after {content:''; width:26px; height:20px; background:url(../img/eico_tail.svg) no-repeat 50% 50%;}

a.goTop {position:fixed; right:24px; bottom:24px; width:66px; height:66px; border-radius:50%; background:#2F2C29; display:flex; justify-content:center; align-items:center; flex-direction:column; color:#FFF; font-size:15px; font-weight:600; text-align:center; gap:8px;  z-index:1000; opacity:1; transform:translateX(0); transition:.4s all;}
a.goTop:before {content:''; width:18px; height:11px; background:url(../../../img/ar_top.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
a.goTop.hide {opacity:0; transform:translateX(120px);}

.popDaily {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:720px; padding:28px 24px 24px; z-index:5000; display:none;}
.popDaily:after {content:''; position:absolute; left:0; top:0; width:100%; height:83px; background:url(../img/pop_head.png) no-repeat 50% top; background-size:100% auto;}
.popDaily:before {content:''; position:absolute; left:0; top:82px; width:100%; height:calc(100% - 82px); background:url(../img/pop_body.png) no-repeat 50% bottom; background-size:100% auto;}
.popDaily .pTitleSec {display:flex; justify-content:space-between; align-items:center; padding-bottom:28px; border-bottom:1px solid #C9C9C9; position:relative; z-index:1;}
.popDaily a.outLink {display:flex; justify-content:center; align-items:center; gap:10px; color:#5A371E; font-size:24px; font-weight:800; position:relative;}
.popDaily a.outLink:after {content:''; width:14px; height:17px; background:url(../img/ar_tail.svg) no-repeat 50% 50%; background-size:100%;}
.popDaily .dailyCont {display:flex; flex-direction:column; margin-top:42px; justify-content:flex-end; align-items:center; height:410px; position:relative; z-index:1;}
.popDaily .dailyCont .imgSec {margin:0 auto; text-align:center;}
.popDaily .dailyCont .txtSec {display:flex; justify-content:center; align-items:center; flex-direction:column; height:172px;}
.popDaily .dailyCont .txtSec p {color:#231815; font-size:22px; line-height:1.6; text-align:center;}
.popDaily .dailyCont .txtSec p strong {font-weight:700;}
.popDaily .dailyCont .txtSec > a.outLink {margin-top:16px; font-size:22px;}
.popDaily .popBtns {position:relative;}
.popDaily .popBtns a {display:flex; justify-content:center; align-items:center; gap:10px; color:#FFF; font-size:24px; font-weight:800; background:#5A371E; border-radius:8px; position:relative; padding:16px 0;}
.popDaily .popBtns a:before {content:''; width:24px; height:24px; background:url(../img/pbtn_star.svg) no-repeat 50% 50%; background-size:100%;}
.popDaily .popBtns a:after {content:''; width:24px; height:24px; background:url(../img/pbtn_star.svg) no-repeat 50% 50%; background-size:100%;}

.popDaily .quizSec {position:relative;}
.popDaily .qTxt {padding:30px 0; text-align:center; color:#231815; font-size:28px; font-weight:700; line-height:1.6;}
.popDaily .qTxt strong {font-weight:800; position:relative; display:inline-block;}
.popDaily .qTxt strong:after {content:''; position:absolute; left:0; bottom:-2px; width:100%; height:1px; background:#231815;}
.popDaily .sample {display:flex; flex-direction:column; gap:8px;}
.popDaily .sample li {position:relative;}
.popDaily .sample li a {display:block; color:#231815; font-size:22px; line-height:1.6; padding:14px 0; border:1px solid #C9C9C9; border-radius:8px; background:#FFF; text-align:center;}
.popDaily .sample li a:hover {background:#D7ECF3;}
.popDaily .sample li a img {width:auto; height:25px; vertical-align:-5px;}

.popSurprise {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:720px; height:639px; padding:84px 0 56px 0; z-index:5000; display:none;}
.popSurprise:after {content:''; position:absolute; left:0; top:0; width:100%; height:83px; background:url(../img/pop_sup_head.png) no-repeat 50% top; background-size:100% auto;}
.popSurprise:before {content:''; position:absolute; left:0; top:80px; width:100%; height:calc(100% - 80px); background:url(../img/pop_sup_body.png) no-repeat 50% bottom; background-size:100% auto;}
.popSurprise .popSpClose {position:absolute; right:0; top:-55px; width:48px; height:48px; background:url(../img/ico_close_w.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.popSurprise .popSpCont {position:relative; z-index:1;}
.popSurprise .popSpCont .titleSec {text-align:center; margin-bottom:27px;}
.popSurprise .popSpCont .titleSec .pspDesc {color:#231815; font-size:24px; font-weight:500; margin-bottom:8px;}
.popSurprise .popSpCont .titleSec .pspTitle {color:#5A371E; font-size:28px; font-weight:800; line-height:1.6;}
.popSurprise .popSpCont .awardCont {position:relative;}
.popSurprise .popSpCont .awardCont .bookCover {position:relative; width:100%; max-width:336px; margin:0 auto; background:#FFF2EF; border-radius:50%;}
.popSurprise .popSpCont .awardCont .bookCover:after {content:''; display:block; height:auto; padding-bottom:100%;}
.popSurprise .popSpCont .awardCont .bookCover .book {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:231px; border-radius:8px; border:2px solid #231815; cursor:pointer;}
.popSurprise .popSpCont .awardCont .bookCover .book img {border-radius:8px;}
.popSurprise .popSpCont .awardCont .bookCover .deco {position:absolute; left:-120px; top:26%; width:147px; height:108px; background:url(../img/pop_click.svg) no-repeat 50% 50%; background-size:100%; pointer-events:none;}
.popSurprise .popSpCont .awardCont .bookCover .book:hover {transform:translate(-50%, -50%) rotate(-4deg);}
.popSurprise .popSpCont .awardCont .bookCover .book:hover:after {content:''; position:absolute; right:-3px; bottom:-3px; width:41px; height:42px; background:url(../img/bk_corner.png) no-repeat 50% 50%; background-size:100%;}
.popSurprise .popSpCont .awardCont .bookCover .book:hover .deco {display:none;}

.popSurprise#viewPopResult .popSpCont .pspTitle {font-size:48px;}
.popSurprise#viewPopResult .popSpCont .awardCont {display:none;}
.popSurprise#viewPopResult .popSpCont .awardCont .imgSec {padding:0 48px; margin-bottom:16px;}
.popSurprise#viewPopResult .popSpCont .awardCont .awTitle {color:#231815; font-size:24px; font-weight:500; text-align:center; margin-bottom:16px;}
.popSurprise#viewPopResult .popSpCont .awardCont .awTitle strong {color:#5A371E; font-weight:800;}
.popSurprise#viewPopResult .popSpCont .awardCont .awTxt {color:#B6B6B6; font-size:16px; font-weight:500; text-align:center;}

.popSurprise#viewPopFail .popSpCont .awardCont .imgSec {padding:0 23%; margin-bottom:0;}

#viewPop305 .dailyCont .imgSec {max-width:422px;}
#viewPop307Result .dailyCont .imgSec {max-width:422px;}
#viewPop308 .dailyCont .imgSec {max-width:422px;}
#viewPop309 .dailyCont .imgSec {max-width:422px;}
#viewPop311 .dailyCont .imgSec {max-width:364px;}
#viewPop312 .dailyCont .imgSec {max-width:438px;}
#viewPop313Result .dailyCont .imgSec {max-width:422px;}
#viewPop315 .dailyCont .imgSec {max-width:438px;}
#viewPop316 .dailyCont .imgSec {max-width:438px;}
#viewPop317 .dailyCont .imgSec {max-width:336px;}
#viewPop319 .dailyCont .imgSec {max-width:364px;}
#viewPop320 .dailyCont .imgSec {max-width:362px;}

.popVod {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:96%; max-width:1000px; z-index:2000; display:none;}
.popVod .vodClose {position:absolute; right:0; top:-55px; width:48px; height:48px; background:url(../img/ico_close_w.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.popVod .inVod {position:relative; padding:16px; border-radius:16px; overflow:hidden; background:#FFF;}
.popVod .inVod:after {content:''; display:block; height:auto; padding-bottom:56.25%;}
.popVod .inVod video, .popVod .inVod iframe {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 32px); height:calc(100% - 32px);}

@media only screen and (max-width:1200px) {
	.gloHeader {padding:20px;}
	.evInner {padding:0 20px;}
	.eventCauSec .innerCon {padding:90px 20px;}
}
@media only screen and (max-width:1024px) {
	.qBnrSec {display:none !important;}
}

@media only screen and (max-width:720px) {
	.wrap {overflow-x:hidden;}
	.forDesk {display:none !important;}
	.forMo {display:block;}

	.gloHeader {padding:15px;}
	.gloHeader .brand a {width:64px; height:28px;}
	.gloHeader .gloUtil {gap:16px;}
	.gloHeader .gloUtil .logo a {width:75px !important; height:22px !important; background-size:100% auto !important;}
	.gloHeader .gloUtil .account .txtMenu a {font-size:12px; padding:6px 12px;}

	#mo-footer {margin-top:0;}
	#mo-footer .mo-ft-top {padding-top:0;}

	.eventCauSec .innerCon {padding:30px 20px;}
	.cauCon {margin-top:0px;}
	.cauCon .title {font-size:18px; margin-bottom:20px;}
	.cauCon .title:before {width:18px; height:18px; vertical-align:-2px; margin-right:5px;}
	.cauCon .cauBox {padding-left:11px;}
	.cauCon .cauBox:last-child {margin-bottom:0;}
	.cauCon .cauBox .caTitle {font-size:16px; padding-left:0; margin-bottom:5px;}
	.cauCon .cauBox .caTitle:after {width:4px; height:4px; top:7px;}
	.cauCon .cauBox li {font-size:14px; line-height:1.3; padding:4px 0 4px 10px;}
	.cauCon .cauBox li:after {left:0px; top:11px;}

	/*********** 개별 이벤트  **************/
	.evHead {background:#E1EBB4 url(../img/sec01_bg_mo.png) no-repeat center top; background-size:100% auto;}
	.innerCon {padding:60px 0;}
/* 	.evHead .evImg {margin-top:-10px;} */
	.evHead .innerCon {padding:70px 0 80px;}
	.evHead h2 {padding:0 54px;}
	.evHead .evHeadDesc {padding:0 16px;}
	.evHead .evHeadDesc .desc {font-size:14px;}
	.evHead .evHeadDesc .desc.strong {font-size:16px; margin-top:16px;}
	.evHead .targetBox {margin:0 16px; width:calc(100% - 32px); padding:20px 18px;}
	.evHead .targetBox:before {left:8px; top:8px; width:calc(100% - 16px); height:calc(100% - 16px);}
	.evHead .targetBox:after {width:22px; height:23px;}
	.evHead .targetBox .deco.rt {width:70px; height:71px; top:-20px; right:-5px; background-size:100% auto;}
	.evHead .targetBox .deco.lb {width:70px; height:71px; bottom:-20px; left:0; background-size:100% auto;}
	.evHead .targetBox ul > li {gap:8px;}
	.evHead .targetBox ul > li .item {width:74px; height:24px; font-size:16px;}
	.evHead .targetBox ul > li .ipCon {font-size:14px; width:calc(100% - 82px); margin-top:0;}
	.evHead .targetBox ul > li .ipCon dl {gap:8px; margin-top:16px;}
	.evHead .targetBox ul > li .ipCon dl > dt {font-size:14px; line-height:1.4;}
	.evHead .targetBox ul > li .ipCon dl > dd {font-size:14px; padding-left:10px; flex-direction:column; align-items:flex-start; gap:4px; line-height:1.3;}
	.evHead .targetBox ul > li .ipCon dl > dd:after {top:9px; width:4px;}
	.evHead .targetBox ul > li .ipCon dl.cauTxt dd {font-size:12px; flex-direction:row;}

	.evTitleSec {margin-bottom:24px;}
	.evTitleSec .evTitle {margin-bottom:10px; font-size:28px;}
	.evTitleSec .evTitle p {padding:0 5px;}
	.evTitleSec .evTitle p span {font-size:32px;}
	.evTitleSec .evTitle p:after {background-size:100% auto; bottom:4px;}
	.evTitleSec .evTitle:before {width:88px; height:63px; left:-42px; top:-12px;}
	.evTitleSec .evTitle:after {width:88px; height:77px; right:-17px; bottom:6px;}
	.evTitleSec .evDesc {font-size:16px;}
	.evTitleSec .evRound {width:150px; margin:0 auto 6px; padding-left:30px;}
	.evCont .innerCon {padding:40px 0 90px 0;}
	.evCont .innerCon .deco.char01 {display:none;}
	.evCont .innerCon .deco.char02 {width:81px; height:95px; right:18px; bottom:20px;}

	.evBoardWrap {padding:0 32px;}
	.evBoardWrap:after {left:16px; width:calc(100% - 32px); background-position:center bottom; bottom:-13px;}
	.evBoardWrap .evBoard {border-radius:4px 4px 0 0; border-width:6px;}
	.evBoardWrap .board-prev {width:40px; height:40px; left:20px;}
	.evBoardWrap .board-next {width:40px; height:40px; right:20px;}

	.spec {padding:0 16px; margin-top:40px;}
	.spec > li {flex-direction:column; width:100%; align-items:center; gap:12px;}
	.spec > li .title {position:relative;}
	.spec > li .title span {font-size:18px; padding:0;}
	.spec > li .title:after {left:0; bottom:-4px; top:unset; width:100%; height:7px; background:url(../img/deco_line.svg) no-repeat 50% 50%; background-size:100% auto;}
	.spec > li .title:before {content:''; position:absolute; left:-38px; top:-4px; width:32px; height:25px; background:url(../img/deco_ar.svg) no-repeat 50% 50%; background-size:100%;}
	.spec > li .detailSpec ul {gap:0px;}
	.spec > li .detailSpec ul li {gap:10px;}
	.spec > li .detailSpec ul li .item {font-size:14px;}
	.spec > li .detailSpec ul li .ipCon {font-size:14px;}
	.spec > li .detailSpec ul li .ipCon br {display:block;}

	.evSchedule {object-fit:cover; background-position:center bottom;}
	.evSchedule .evTitleSec {z-index:40;}
	.evSchedule .evTitleSec .deco {width:122px; height:51px; top:260px; right:40px;}
	.evSchedule .evTitleSec .evTitle {font-size:28px; line-height:1.4; margin-bottom:22px;}
	.evTitleSec .evTitle > span {font-size:28px;}
	.evSchedule .evTitleSec .evDesc {font-size:16px;}
	.evSchedule .evTitleSec .evDesc.btm {margin-top:8px;}

	.scheduleBox {padding:0 16px;}
	.scheduleBox:after {left:-76px; width:172px; height:56px; }
	.scheduleBox:before {right:-76px; width:172px; height:56px;}
	.scheduleBox > .deco {display:none;}
	.scheduleBox .scheBodyWrap {padding:0 12px; margin-top:-12px;}
	.scheduleBox .scheBodyWrap .scheBody {padding:16px; overflow:hidden;}
	.scheBody .swiper-wrapper {display:flex; gap:0; flex-flow:row;}
	.scheBody .swiper-slide {width:auto;}
	.scheBody .mPage {display:flex; flex-wrap:wrap; gap:12px;}
	.scheBody .mPage .perSche{width: calc(50% - 6px);}
	.scheduleBox .scheBodyWrap .sche-prev {position:absolute; left:0px; top:50%; transform:translate(0, -50%) rotate(180deg); width:40px; height:40px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; z-index:10; cursor:pointer;}
	.scheduleBox .scheBodyWrap .sche-next {position:absolute; right:0px; top:50%; transform:translate(0, -50%); width:40px; height:40px; background:url(../img/dir_on.svg) no-repeat 50% 50%; background-size:100%; z-index:10; cursor:pointer;}

	.perSche > a {padding:6px;}
	.perSche > a .dayFunc {top:6px; padding:0 6px; height:22px;}
	.perSche > a .dayFunc .day {font-size:13px;}
	.perSche.past > a .dayFunc .stats {width:62px; height:22px;}
	.perSche.comp > a .dayFunc .stats {width:62px; height:22px;}
	.perSche.past.comp > a .dayFunc .stats {width:62px; height:22px;}
	.perSche.open > a .dayFunc .stats {width:48px; height:26px;}
	.perSche > a .cont {font-size:13px; margin-top:28px; height:calc(100% - 26px);}
	.perSche > a .suprise {font-size:13px; margin-top:30px; height:calc(100% - 26px);}

	.perSche > a .cont.d05 {background-size:auto 30px;}
	.perSche > a .cont.d07 {background-size:auto 30px;}
	.perSche > a .cont.d08 {background-size:auto 30px;}
	.perSche > a .cont.d09 {background-size:auto 30px;}
	.perSche > a .cont.d11 {background-size:auto 30px;}
	.perSche > a .cont.d12 {background-size:auto 30px;}
	.perSche > a .cont.d13 {background-size:auto 30px;}
	.perSche > a .cont.d15 {background-size:auto 30px;}
	.perSche > a .cont.d16 {background-size:auto 30px;}
	.perSche > a .cont.d17 {background-size:auto 30px;}
	.perSche > a .cont.d19 {background-size:auto 30px;}
	.perSche > a .cont.d20 {background-size:auto 30px;}

	.perSche > a .suprise.d06 {background-size:100% auto;}
	.perSche > a .suprise.d10 {background-size:100% auto;}
	.perSche > a .suprise.d14 {background-size:100% auto;}
	.perSche > a .suprise.d18 {background-size:100% auto;}

	.popDaily {width:96%; padding:10px;}
	.popDaily:after {height:40px;}
	.popDaily:before {top:30px; height:calc(100% - 30px);}
	.popDaily .pTitleSec {padding-bottom:16px;}
	.popDaily .pTitleSec .bi img {height:24px;}
	.popDaily a.outLink {font-size:12px; gap:4px;}
	.popDaily a.outLink:after {width:10px; height:7px; background-size:auto 100%;}
	.popDaily .dailyCont {margin-top:22px; height:auto;}
	.popDaily .dailyCont .imgSec img {width:auto; height:91px;}
	.popDaily .dailyCont .txtSec {height:90px;}
	.popDaily .dailyCont .txtSec p {font-size:12px;}
	.popDaily .dailyCont .txtSec > a.outLink {font-size:12px; margin-top:4px;}
	.popDaily .popBtns a {font-size:14px; padding:13px 0; gap:5px;}
	.popDaily .popBtns a:before {width:14px; height:14px;}
	.popDaily .popBtns a:after {width:14px; height:14px;}

	.popDaily .qTxt {padding:6px 0; font-size:14px;}
	.popDaily .sample {gap:4px;}
	.popDaily .sample li a {font-size:12px; padding:6px 0;}
	.popDaily .sample li a img {height:16px;}

	.popSurprise {width:96%; background-size:contain; padding:40px 0 30px 0; height:auto;}
	.popSurprise:after {height:40px;}
	.popSurprise:before {top:28px; height:calc(100% - 28px);}
	.popSurprise .popSpCont .titleSec {margin-bottom:14px;}
	.popSurprise .popSpCont .titleSec .pspDesc {font-size:12px;}
	.popSurprise .popSpCont .titleSec .pspTitle {font-size:14px; line-height:1.2;}
	.popSurprise .popSpCont .awardCont .bookCover {width:170px;}
	.popSurprise .popSpCont .awardCont .bookCover .book {width:115px; border-radius:4px; border-width:1px;}
	.popSurprise .popSpCont .awardCont .bookCover .deco {left:-60px; width:74px; height:54px;}

	.popSurprise .popSpClose {width:30px; height:30px; top:-40px;}
	.popSurprise#viewPopResult .popSpCont .awardCont .imgSec {padding:0 26px; margin-bottom:10px;}
	.popSurprise#viewPopResult .popSpCont .pspTitle {font-size:24px;}
	.popSurprise#viewPopResult .popSpCont .awardCont .awTitle {font-size:16px; margin-bottom:6px;}
	.popSurprise#viewPopResult .popSpCont .awardCont .awTxt {font-size:12px;}

	.evReviewSec .evTitleSec .evTitle em {font-size:32px;}
	.evReviewSec .innerCon {padding:60px 20px;}
	.evReviewSec .evTitleSec .deco.left {width:84px; height:95px; left:12px; top:-46px;}
	.evReviewSec .evTitleSec .deco.right {width:95px; height:73px; right:-10px; top:140px;}
	.evReviewSec .deco.left {width:117px; height:82px; left:0;}
	.evReviewSec .deco.right {width:117px; height:80px; right:0;}
	.evTitleSec .evDescBold {font-size:16px; margin-top:32px;}
	.evTitleSec .evDescBold br {display:block;}
	.evTitleSec .tipTxt {font-size:12px; gap:2px;}
	.evTitleSec .tipTxt:before {width:20px; height:20px;}

	.rvWriteForm {flex-direction:column;}
	.rvWriteForm .miBiSec {width:100%; border-right:0; border-radius:8px 8px 0 0;}
	.rvWriteForm .miBiSec .currentBi {flex-direction:row; justify-content:center; align-items:center; gap:16px; padding:13px 0;}
	.rvWriteForm .miBiSec .cbi {padding:0; width:auto;}
	.rvWriteForm .miBiSec .cbi img {height:36px;}
	.rvWriteForm .miBiSec .arSelect {width:30px; height:30px;}
	.rvWriteForm .miBiSec ul.biList {top:60px; padding:20px 0; left:-1px; width:calc(100% + 2px);}
	.rvWriteForm .miBiSec ul.biList li {margin-bottom:12px;}
	.rvWriteForm .miBiSec ul.biList li:last-child {margin-bottom:0;}
	.rvWriteForm .miBiSec ul.biList li a {height:45px; display:flex; justify-content:center; align-items:center;}
	.rvWriteForm .miBiSec ul.biList li a img {width:auto; height:36px;}

	.rvWriteForm .rvInputSec {width:100%; padding:10px;}
	.rvWriteForm .rvInputSec > textarea {font-size:14px;}

	.btn a {padding:12px 20px; font-size:16px;}
	.rvWriteForm .rvInputSec .btns {gap:8px; margin-top:10px;}
	.rvWriteForm .rvInputSec .btns .maxByte {font-size:14px;}

	.rvList {gap:30px 15px; margin-top:40px;}
	.rvList .perRv {width:100%; padding:8px 16px;}
	.rvList .perRv .rvBox .rvBi {height:45px;}
	.rvList .perRv .rvBox .rvBi img {height:30px;}
	.rvList .perRv .sticker {width:56px; height:26px; top:-14px;}
	.rvList .perRv .rvBox .rvFunc .writer {font-size:14px;}
	.rvList .perRv .rvBox .rvCont {font-size:14px; height:auto; margin-bottom:10px;}
	.rvList .perRv .rvBox .rvDate {font-size:14px; padding-right:20px;}
	.rvList .perRv .rvBox .rvFunc .funcBtn .btns a {font-size:14px;}

	.pagingWrap {margin:40px 0 0;}
	.pagingWrap a {width:30px; height:30px; font-size:16px;}

	.evOptSec .innerCon {padding:90px 20px 60px; flex-direction:column; gap:24px;}
	.bnrBox {width:100%; padding:24px 26px 26px;}
	.bnrBox .txtSec .txt {font-size:18px; height:75px; margin-bottom:24px;}
	.bnrBox a.btn {font-size:16px; height:40px;}
	.bnrBox a.btn.share:after {width:18px; height:18px; background-size:100%;}
	.bnrBox a.btn.join:after {width:15px; height:12px; background-size:auto 100%;}

	.popSurprise .popSpCont .awardCont .bookCover .book img {border-radius:4px;}




	a.goTop {width:48px; height:48px; font-size:10px; gap:4px; right:16px; bottom:16px;}
	a.goTop:before {height:8px; background-size:auto 8px;}
}

@media only screen and (max-width:420px) {

}