@charset "utf-8";.btn_q { background: #eee; display: inline; width: 20px; } 
.btn_q img { width: 100%; } 
/* 카드등록 */
.card_detail_text { text-align: center; font-size: 18px; color: #333; padding: 15px 0; line-height: 24px; } 
.card_detail_text span { color: #4368b8; } 

.card_registration { border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; padding: 15px; } 
.card_registration label { color: #333; width: 50px; } 
.card_registration input { border: 1px solid #232427; padding: 10px; margin-left: 10px; height: 34px; width: calc(100% - 70px); } 
.text-box { background: #f2f2f2; padding: 20px; } 

/* 본인인증 */
.certify_tap { width: 90%; margin: 20px auto 0; } 
.certify_tap img { width: 100%; } 
.certify_text { text-align: center; line-height: 24px; color: #555; margin-top: 40px; } 

/* 소멸예정포인트 팝업 20-28*/
.point-pop { text-align: center; } 
.point-pop p:nth-child(1) { color: #000; font-size: 20px; font-weight: bold; } 
.point-pop p:nth-child(2) { color: #4368b8; font-size: 20px; margin: 20px 0; } 
.point-pop p:nth-child(3) { color: #666; font-size: 14px; line-height: 20px; margin-bottom: 20px; } 
.pop_back { background: #000; width: 100%; height: 100%; font-size: 0; opacity: 0.5; } 
.popup03 { position: absolute; width: 70%; background: #fff; z-index: 1000000; left: 15%; } 
.popup03 header { height: 44px; background: #232427; position: absolute; left: 0; top: 0; width: 100%; z-index: 100000; } 
.popup03 header h3 { text-align: center; color: #fff; font-size: 18px; padding-top: 10px; } 
.popup03 .pop-close { width: 14px; height: 14px; position: absolute; right: 15px; top: 15px; z-index: 100000; background: url("../../images/btn/btn_close.png") no-repeat left top; background-size: 100%; } 

/* tap */
.tap { border: 1px solid #232427; border-radius: 5px; margin-top: 10px; } 
.tap:after { display: block; clear: both; content: ""; } 
.tap li { float: left; text-align: center; height: 34px; line-height: 34px; border-right: 1px solid #232427; cursor: pointer; box-sizing: border-box; } 
.tap li:last-child { border-right: 0; } 
.tap li.on { background: #232427; color: #fff; } 
.tap li.on button { border: 0; background: none; color: #fff; width: 100%; height: 100%; } 
.tap li button { border: 0; background: none; width: 100%; height: 100%; } 

/* 마이등급 */
.my-grade02 { background: #eee; padding: 10px 20px; } 
.my-grade02:after { display: block; clear: both; content: ""; } 
.my-grade02 p.s_grade { width: 40px; float: left; } 
.my-grade02 p.s_grade img { width: 100%; } 
.my-grade02 p.s_grade img { width: 100%; } 
.my-grade02-text { text-align: center; line-height: 40px; color: #000; letter-spacing: -1px; font-size: 15px; font-weight: bold; } 
/* 20170630 수정 */
/*20180228 수정*/
.next-grade { padding: 20px 15px; } 
/* 20201223 수정 */
.next-grade p.next-grade-text { text-align: center; font-size: 20px; line-height: 24px; color: #000; font-weight: bold; } 
/*20180302 수정*/
.next-grade p.next-grade-text span { color: #dd4c4c; } 
/* 20171222 수정 */
.grade-bar { display: inline-block; width: 100%; height: 18px; background: #eee; margin-top: 20px; } 
.grade-bar .g-action { display: inline-block; height: 18px; background: #e95659; margin: -1px; } /* 20211220 수정 */
.next-grade-text02 { margin: 18px 0; font-size: 14px; } 
/* 20171229 수정 */
/* 20201223 수정 */
.next-grade-text02:after { display: block; clear: both; content: ""; } 
.next-grade-text02 dt { float: left; clear: left; color: #555; font-weight: 500; line-height: 20px; height: 20px; } 
/*20180228 수정*/
/* 20171229 수정 */
/* 20201223 수정 */
.next-grade-text02 dd { float: right; clear: right; color: #555; line-height: 20px; height: 20px; } 
/* 20180228 수정 */
/* 20201223 수정 */
.list-type2 li.tit { background: #eee; font-size: 18px; color: #000; font-weight: bold; padding: 10px; } 
/* 20170630 수정 */
.list-type2 li:after { display: block; clear: both; content: ""; } 
.grade-icon { width: 70px; float: left; height: 75px;} /* 20211220 수정 */
.grade-icon img { width: 31px;position: absolute;top: 50%;left: 25px;transform: translateY(-50%); }  /* 20230119 수정 */

.grade-text { position: relative; } 
/*20180201추가*/
.grade-info { position: absolute; top: 30px; left: 40%; color: #dd4c4c; } 
/* 20180209 수정 */

/* 20211220 추가 :: s*/
.myGrade_wrap .myGrade_tit{text-align: center;}
.myGrade_tit_date{text-align: center;color: #333;font-size: 10px;letter-spacing: -0.05em;}
/* 20211220 추가 :: e*/

.grade-text p:nth-child(1) { color: #000; font-weight: bold; font-size: 18px; margin-bottom: 3px; } 
.grade-detail { background: #f2f2f2; padding: 15px; border-top: 1px solid #b4b4b4; } 
.grade-detail p { font-size: 16px; color: #000; font-weight: bold; margin-bottom: 5px; } 
.grade-detail ul.first { margin-bottom: 20px; } 
.grade-detail ul li { color: #555; } 
.list-type2 > li > a > button.btn_grade { position: absolute; right: 15px; top: 48px; width: 15px; background-color: #fff; } 
.list-type2 > li > a > button.btn_grade img { width: 100%; } 

/* 포인트선물 */
.list-gift > li { border-top: 1px solid #b4b4b4; } 
.point-gift-input,
.point-gift-text { padding: 20px; } 
.point-gift-text p { color: #232427; font-size: 18px; font-weight: bold; width: 100%; } 
.point-gift-text p:after { display: block; clear: both; content: ""; } 
.point-gift-text p span { display: inline-block; float: right; } 
.point-gift-text ul { margin-top: 10px; } 
.point-gift-text ul li { line-height: 22px; } 
.point-gift-input label { color: #232427; font-size: 18px; font-weight: bold; display: block; } 
.point-gift-input input { border: 1px solid #232427; padding-left: 10px; height: 36px; line-height: 36px; margin-top: 10px; font-size: 13px; color: #555; } 
.ma_t10 { margin-top: 10px; } 
.ma_t20 { margin-top: 20px; } 
.clear:after { display: block; clear: both; content: ""; } 
.fl { float: left; } 
.tb-gift { border-top: 1px solid #333; width: 100%; text-align: center; font-size: 13px; } 
.tb-gift tr th { background: #eee; line-height: 36px; height: 36px; color: #333; } 
.tb-gift tr td { line-height: 36px; height: 36px; color: #333; border-bottom: 1px solid #b4b4b4; } 

/* 스탬프이벤트 */
.stampe_bg01 { background: url("../../images/add_event/stamp/stamp01.jpg") no-repeat 0 0; width: 100%; /* height:100%; */
 background-size: 100%; color: #fff; text-align: center; padding-top: 65%; font-size: 14px; font-weight: bold; position: relative; } 
.stampe_bg01 p:first-child { padding-bottom: 10px; } 
.stamp_img { width: 20%; position: absolute; right: 0; bottom: 15px; } 
.stamp_day { width: 100%; margin: 10px 0 25px; } 
.stamp_day:after { display: block; clear: both; content: ""; width: 0; height: 0; } 
.stamp_day li { width: 18%; margin-right: 2%; float: left; font-size: 0; margin-top: 15px; } 
.stamp_day li:nth-child(1),
.stamp_day li:nth-child(6) { margin-left: 1%; } 
.stamp_day li:nth-child(5n) { margin-right: 1%; } 
.stamp_ing { background: #232427; color: #fff; display: inline-block; font-size: 12px; margin-left: 3%; padding: 3px 5px; line-height: 16px; height: 16px; margin: 15px 3% 0; } 
/* 20191203 수정 */
.starmp_text { background: #f2f2f2; padding: 25px 15px; margin-bottom: 10px; } 
.starmp_text p,
.starmp_text01 { text-align: center; color: #000; font-size: 16px; font-weight: bold; margin-bottom: 10px; } 
.starmp_text ul li { color: #333; font-size: 13px; } 
/* 20170724 추가 102-105*/
.stamp_text01 { padding: 10px 8px 0; } 
.stamp_text01:after { display: block; clear: both; content: ""; } 
.stamp_text01 p:first-child { float: left; font-size: 15px; color: #666; } 
.stamp_text01 p:last-child { float: right; font-size: 15px; color: #666; } 

/* 출석체크 20170718 수정 104-112*/
.atnd_bg { background: url("../../images/add_event/atnd/atnd02.jpg") repeat-y 0 0; width: 100%; background-size: 100%; } 
.atnd_day { width: 90%; margin: 0 auto; border-left: 1px dashed #c5c5c5; /* border-top:1px dashed #c5c5c5; */ } 
.atnd_day:after { display: block; clear: both; content: ""; } 
.atnd_day li { width: 20%; float: left; padding: 2%; box-sizing: border-box; border: 1px dashed #c5c5c5; border-left: 0; border-top: 0; } 
.atnd_day li:nth-child(1) { border-top: 1px dashed #c5c5c5; } 
.atnd_day li:nth-child(2) { border-top: 1px dashed #c5c5c5; } 
.atnd_day li:nth-child(3) { border-top: 1px dashed #c5c5c5; } 
.atnd_day li:nth-child(4) { border-top: 1px dashed #c5c5c5; } 
.atnd_day li:nth-child(5) { border-top: 1px dashed #c5c5c5; } 

/* 룰렛이벤트 20170731 119-135*/
.roulette_bg { position: relative; } 
.roulette_board { width: 80%; position: absolute; top: 32%; left: 11%; } 
.roulette_arrow { width: 8%; position: absolute; top: 29%; left: 46%; z-index: 99; } 
.roulette_start { width: 20%; position: absolute; top: 45%; left: 41%; cursor: pointer; z-index: 99; } 
/* 20170814 수정 */
.bottom_btn p { display: inline-block; width: 30%; } 
.bottom_btn p:nth-child(1) { margin-right: 7%; padding-top: 10px; } 

.roulette_pop { width: calc(90% - 20px); position: absolute; background: #fff; left: 5%; top: 20%; text-align: center; font-size: 14px; padding: 10px; z-index: 9999; color: #666; } 
.roulette_pop:after { display: block; clear: both; content: ""; } 
.roulette_pop > p.close { text-align: right; cursor: pointer; width: 6%; float: right; } 
.roulette_pop > p.close img { width: 100%; } 
.roulette_pop > p.text { margin-top: 30px; } 
.roulette_pop > p.text span { font-weight: bold; } 
.roulette_pop > p.text img { width: 100%; } 
.roulette_pop_btn { margin: 10px 0; } 
.roulette_pop_btn p { width: 35%; display: inline-block; } 
.roulette_pop_btn p img { width: 100%; display: inline-block; } 

/* 설문조사 */
.survey_wrap { margin-top: 20px; } 
.survey_wrap p.tit { color: #666; font-size: 14px; margin-bottom: 10px; } 
.survey_wrap p.tit span { color: #db1b1b; font-size: 14px; font-weight: normal; } 
.survey_img { width: 100%; } 
.survey_input li { line-height: 36px; } 
.survey_textarea { border: 1px solid #e1e1e1; padding: 10px; width: 100%; height: 80px; resize: none; } 
.survey_radio:after { display: block; clear: both; content: ""; } 
.survey_radio li { float: left; margin-right: 30px; } 
.survey_radio li label { display: block; text-align: center; } 
.survey_radio02 li { margin-bottom: 30px; } 
.survey_radio02 li:last-child { margin-bottom: 0; } 
.survey_radio02 li img { margin-top: 10px; } 
.survey_input .checkbox { opacity: 0; } 
.survey_input .checkbox + label { padding: 0 0 0 33px; position: relative; display: inline-block; min-height: 0; height: 20px; line-height: 20px; } 
.survey_input .checkbox + label:before { content: ""; width: 20px; height: 20px; border: 1px solid #232427; position: absolute; left: 0; top: 0; z-index: 10; } 
.survey_input .checkbox:checked + label:before { background: url("../../images/ico/ico_check.png") no-repeat center center; background-size: 15px 10px; } 
.checkbox:disabled + label:before { content: ""; width: 20px; height: 20px; border: 1px solid #bbb; background: #eee; position: absolute; left: 0; top: 0; z-index: 10; } 

/* 윷놀이이벤트 201*/
.fallroulette_bg { position: relative; } 
.fallroulette_board { width: 80%; position: absolute; top: 32%; left: 11%; } 
.fallroulette_arrow { width: 8%; position: absolute; top: 29%; left: 46%; z-index: 99; } 
.fallroulette_start { width: 20%; position: absolute; top: 45%; left: 41%; cursor: pointer; z-index: 99; } 

/* 윷놀이 당첨 20171013*/
.tab_fall { width: 100%; margin: 0 auto; } 
.tab_fall:after { display: block; clear: both; content: ""; } 
.tab_fall li { float: left; width: 48%; box-sizing: border-box; cursor: pointer; } 
.tab_fall li:nth-child(2n) { margin-left: 4%; } 
.tab_fall li:nth-child(1),
.tab_fall li:nth-child(2) { margin-bottom: 4%; } 
.tab_con { clear: both; margin: 0 auto; width: 100%; } 
.tab_con div { display: none; background: #fff; } 
.tab_con div p.tit { color: #cf5d5f; font-size: 16px; letter-spacing: -1px; font-weight: bold; margin-top: 30px; } 
.result_table { width: 100%; margin: 20px auto 0; } 
.result_table tr td { font-size: 13px; text-align: left; padding: 5px 0; font-weight: bold; color: #25262a; } 

/* 20171030 스탬프 */
.stamp_type02 { background: #f5f5f5; width: 90%; margin-left: 5%; text-align: center; padding: 15px 0; font-size: 12px; line-height: 16px; margin-top: 20px; } 
.stamp_type02 p.day { font-size: 15px; color: #000; margin-bottom: 5px; } 

/* 20171115 추가 179-180*/
.pop_wrap { width: 100%; } 
.pop_wrap img { width: 100%; } 

/* 20171130 추가 183-186*/
.final_pop_wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; position: fixed; } 
.final_pop_dimm { background-color: #000000; opacity: 0.8; position: relative; width: 100%; height: 100%; max-height: 100%; } 
.final_pop_cont { position: absolute; top: 50%; margin-top: -25%; left: 50%; margin-left: -45%; width: 90%; } 
.final_pop_cont img { width: 100%; } 

.point_col { color: #dd4c4c; } 
/* 20171222 추가 */
.txt03 { font-size: 12px; color: #dd4c4c; line-height: 22px; text-align: right; } 
/* 20171222 추가 */

/*20180104 추가 192-202*/
.ny_bg { background: url("http://d1bnnmyn1qxu79.cloudfront.net/upload/20180104124416417_0.jpg") no-repeat; width: 100%; background-size: 100%; } 
.ny_bg img { width: 50%; display: block; margin: 0 auto; } 
.view-area2 { margin: 0 15px; padding: 15px 0; min-height: 220px; overflow: hidden; } 
.ny_bt { padding-top: 96%; } 
.ny_bt2 { padding-top: 42%; padding-bottom: 9%; } 
.ny_bt img { width: 31%; } 
.ny_bt2 img { width: 30%; } 

/* 20180119 추가 203-206 */
.seasonoff { width: 100%; background-color: #f4f4f4; } 
.seasonoff_mid { width: 90%; margin: 0 auto; } 
.seasonoff_mid .row li { float: left; width: 24%; margin-right: 1%; margin-bottom: 1%; } 
.seasonoff_mid .row li:nth-child(4) { margin-right: 0; } 

/* 20180123 추가 */
.roulette02 > .roulette_bg { position: relative; } 
.roulette02 > .roulette_board { width: 84%; position: absolute; top: 42%; left: 8%; } 
.roulette02 > .roulette_arrow { width: 10%; position: absolute; top: 40.6%; left: 45.5%; z-index: 99; } 
.roulette02 > .roulette_start { width: 20%; position: absolute; top: 51.5%; left: 41%; cursor: pointer; z-index: 99; } 
.roulette02 > .roulette_pop { width: calc(90% - 20px); position: absolute; background: #fff; left: 5%; top: 44%; text-align: center; font-size: 14px; padding: 10px; z-index: 9999; color: #666; } 

/*20180228 추가 221-225*/
.text01 { font-size: 15px; color: #333; font-weight: bold; } 
.current_state { font-size: 17px; font-weight: 700; margin-top: 0; text-align: left; line-height: 1; } 
/* 20201223 수정 */
/* 20210126 수정 */
.current_state span { font-size: 13px; font-weight: 300; } 
/* 20201223 추가 */
.content_txt li { position: relative; padding-left: 5px; color: #dd4c4c; font-size: 10px; line-height: 1.5; } 
/* 20201223 수정 */
.content_txt li:after { content: "-"; position: absolute; top: 0; left: 0; } 
.fs13 { font-size: 13px; } 

/*20180417 추가 228-239*/
.aniv01,
.aniv02,
.aniv03,
.aniv04,
.aniv05 { position: relative; } 
.aniv_play { position: absolute; top: 25.5%; width: 88%; left: 6%; } 
.btn01 { position: absolute; bottom: 15%; width: 40%; left: 9%; } 
.btn02 { position: absolute; bottom: 15%; width: 40%; right: 9%; } 
.btn03 { position: absolute; top: 53.5%; width: 42.2%; left: 6%; } 
.btn04 { position: absolute; top: 53.5%; width: 42.2%; right: 6%; } 
.btn05 { position: absolute; bottom: 5.7%; width: 51%; right: 24%; } 
.btn06 { position: absolute; bottom: 5.7%; width: 51%; right: 24%; } 
.btn07 { position: absolute; top: 27%; width: 66%; right: 17%; } 
.btn08 { position: absolute; top: 33.5%; width: 66%; right: 17%; } 
.btn09 { position: absolute; top: 40%; width: 66%; right: 17%; } 
.btn10 { position: absolute; top: 46.4%; width: 66%; right: 17%; } 

/* 20180418 추가 242-246*/
.list-type5 > li { padding: 5%; border-bottom: 1px solid #b4b4b4; } 
.list-type5 > li > .p-minus { position: absolute; right: 5%; font-weight: bold; background-color: #fff; color: #22211f; font-size: 14px; } 
.list-type5 > li > span.assist { color: #666; } 
.list-type5_top { background: #eee; width: 100%; padding: 20px 5%; box-sizing: border-box; border-top: 1px solid #313134; border-bottom: 1px solid #313134; color: #333; font-weight: bold; position: relative; } 
.list-type5_top > p.right { position: absolute; right: 5%; top: 20px; } 

/*20180510 추가 249-261*/
.roulette03_01,
.roulette03_02,
.roulette03_03,
.roulette03_04,
.roulette03_05 { position: relative; } 
.roulette03_play { position: absolute; top: 34%; width: 88%; left: 6%; } 
.btn01 { position: absolute; bottom: 10%; width: 40%; left: 9%; } 
.btn02 { position: absolute; bottom: 10%; width: 40%; right: 9%; } 
.btn03 { position: absolute; top: 71.6%; width: 42.2%; left: 6%; } 
.btn04 { position: absolute; top: 71.6%; width: 42.2%; right: 6%; } 
.btn05 { position: absolute; top: 84%; width: 42.2%; left: 6%; } 
.btn06 { position: absolute; top: 84%; width: 42.2%; right: 6%; } 
.btn07 { position: absolute; top: 35.5%; width: 66%; right: 17%; } 
.btn08 { position: absolute; top: 43.8%; width: 66%; right: 17%; } 
.btn09 { position: absolute; top: 52%; width: 66%; right: 17%; } 
.btn10 { position: absolute; top: 60.2%; width: 66%; right: 17%; } 
.btn12 { position: absolute; top: 88.4%; width: 50%; right: 24%; } 
.roulette05 { position: relative; } 
/*20180518 추가*/
.btn13 { position: absolute; width: 50%; bottom: 5%; left: 24%; } 
/*20180518 추가*/

/* 룰렛이벤트 20180511 266-271*/
.roulette04 > .roulette_bg { position: relative; } 
.roulette04 > .roulette_board { width: 80%; position: absolute; top: 34%; left: 11%; } 
.roulette04 > .roulette_arrow { width: 8%; position: absolute; top: 32.5%; left: 47.3%; z-index: 99; } 
.roulette04 > .roulette_start { width: 20%; position: absolute; top: 43.4%; left: 41%; cursor: pointer; z-index: 99; } 
.roulette04 > .bottom_btn p { display: inline-block; width: 30%; } 
.roulette04 > .bottom_btn p:nth-child(1) { margin-right: 7%; padding-top: 10px; } 

/* 20180827 룰렛이벤트 */
.roulette05 { position: relative; } 
.roulette05_tit { width: 70%; position: absolute; top: 3%; left: 50%; margin-left: -35%; } 
.roulette05_board { width: 90%; position: absolute; top: 38%; left: 50%; margin-left: -45%; } 
.roulette05_arrow { width: 9%; position: absolute; top: 36.5%; left: 50%; margin-left: -4%; z-index: 99; } 
.roulette05_start { width: 27%; position: absolute; top: 49%; left: 50%; margin-left: -13.5%; cursor: pointer; z-index: 99; } 

.roulette05_btn { width: 100%; position: absolute; bottom: 3%; left: 5%; } 
.roulette05_btn span { display: inline-block; width: 30%; } 
.roulette05_btn_app { display: inline-block; width: 25%; margin-left: 4%; } 
.roulette05_btn_goo { display: inline-block; width: 27%; } 

.rotlette05_popbg { background: #000; opacity: 0.5; filter:alpha(opacity=50); width: 100%; height: 100%; position: absolute; top: 0; z-index: 100; } 
.roulette05_popup { width: 70%; background: #fff; position: absolute; z-index: 999; left: 50%; margin-left: -35%; top: 20%; text-align: center; padding-bottom: 20px; } 
.roulette05_popup p.text { font-size: 14px; color: #333; margin-top: 15px; font-weight: bold; line-height: 15px; } 
.roulette05_popup p.text02 { font-size: 11px; color: #333; } 
.roulette05_popup .btn-type2 { margin-top: 15px; background: #333; color: #fff; } 

/*20180831 추석 스탬프 이벤트*/
.stamp03 { position: relative; } 
.stamp03_con { position: absolute; top: 38.5%; left: 50%; margin-left: -40%; z-index: 99; } 
.stamp03_con:after { display: block; content: ""; clear: both; } 
.stamp03_con li { float: left; width: 23%; margin-left: 5%; } 
.stamp03_cupon { width: 15%; position: absolute; top: 41.5%; right: 6%; z-index: 100; } 

/* 20180905 룰렛이벤트 */
.roulette06 { position: relative; } 
.roulette06_tit { width: 85%; position: absolute; top: 4%; left: 50%; margin-left: -42.5%; } 
.roulette06_board { width: 90%; position: absolute; top: 40%; left: 50%; margin-left: -45%; } 
.roulette06_arrow { width: 9%; position: absolute; top: 38%; left: 50%; margin-left: -4%; z-index: 99; } 
.roulette06_start { width: 27%; position: absolute; top: 51%; left: 50%; margin-left: -13%; cursor: pointer; z-index: 99; } 

.roulette06_btn { width: 100%; position: absolute; bottom: 3%; left: 5%; } 
.roulette06_btn span { display: inline-block; width: 30%; } 
.roulette06_btn_app { display: inline-block; width: 25%; margin-left: 4%; } 
.roulette06_btn_goo { display: inline-block; width: 27%; } 

.rotlette06_popbg { background: #000; opacity: 0.5; filter:alpha(opacity=50); width: 100%; height: 100%; position: absolute; top: 0; z-index: 100; } 
.roulette06_popup { width: 70%; background: #fff; position: absolute; z-index: 999; left: 50%; margin-left: -35%; top: 20%; text-align: center; padding-bottom: 20px; } 
.roulette06_popup p.text { font-size: 14px; color: #333; margin-top: 15px; font-weight: bold; line-height: 15px; } 
.roulette06_popup p.text02 { font-size: 11px; color: #333; } 
.roulette06_popup .btn-type2 { margin-top: 15px; background: #333; color: #fff; } 

/* 20181018 11월 창립기념 스탬프 이벤트 */
.stamp04_tit { position: relative; } 
.stamp_bubble1 { position: absolute; top: 60%; left: 12%; width: 15%; animation: bubble 0.75s ease-in-out infinite; } 
.stamp_bubble2 { position: absolute; top: 52%; right: 17%; width: 15%; animation: bubble 0.8s ease-in-out infinite; } 
@keyframes bubble { 
 0% { transform: translateY(-5px); } 
 50% { transform: translateY(0); } 
 100% { transform: translateY(-5px); } 
 }

/*20181119 추가 331-333*/
.pd_wrap1119 { position: relative; } 
.pd_wrap1119 .link01 { position: absolute; width: 23%; padding-bottom: 7.3%; bottom: 1.3%; right: 34.6%; } 
.pd_wrap1119 .link02 { position: absolute; width: 25%; padding-bottom: 7.3%; bottom: 1.3%; right: 8.3%; } 

/*20181120 스탬프 이벤트 336-361*/
.stamp1812 div.stamp_wrap { position: relative; } 
.stamp1812 div.stamp_wrap .stamp01 { position: absolute; top: 55.5%; left: 5%; text-indent: -9999999999999px; background: url("../../images/add_event/stamp1812/stamp01_off.png") no-repeat center center; width: 30%; padding-bottom: 50%; background-size: 75%; } 
.stamp1812 div.stamp_wrap .stamp02 { position: absolute; top: 55.5%; right: 3%; text-indent: -9999999999999px; background: url("../../images/add_event/stamp1812/stamp02_off.png") no-repeat center center; width: 30%; padding-bottom: 50%; background-size: 75%; } 
.stamp1812 div.stamp_wrap .stamp01.on { background: url("../../images/add_event/stamp1812/stamp01_on.png") no-repeat center center; background-size: 75%; } 
.stamp1812 div.stamp_wrap .stamp02.on { background: url("../../images/add_event/stamp1812/stamp02_on.png") no-repeat center center; background-size: 75%; } 
.stamp1812 .snow { background: none; background-image: url("../../images/add_event/stamp1812/snow.png'),url('../../images/add_event/stamp1812/snow.png"); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; background-size: contain; -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; } 
@keyframes snow { 
 0% { background-position: 0 0px, 100px 0px, -100px 0; } 
 50% { background-position: 500px 500px, 100px 200px, -100px 150px; } 
 100% { background-position: 500px 1000px, 200px 400px, -100px 300px; } 
 }
@-moz-keyframes snow { 
 0% { background-position: 0 0px, 100px 0px, -100px 0; } 
 50% { background-position: 500px 500px, 100px 200px, -100px 150px; } 
 100% { background-position: 400px 1000px, 200px 400px, 100px 300px; } 
 }
@-webkit-keyframes snow { 
 0% { background-position: 0 0px, 100px 0px, -100px 0; } 
 50% { background-position: 500px 500px, 100px 200px, -100px 150px; } 
 100% { background-position: 500px 1000px, 200px 400px, -100px 300px; } 
 }
@-ms-keyframes snow { 
 0% { background-position: 0 0px, 100px 0px, -100px 0; } 
 50% { background-position: 500px 500px, 100px 200px, -100px 150px; } 
 100% { background-position: 500px 1000px, 200px 400px, -100px 300px; } 
 }

/* 20190110 룰렛이벤트 */
.roulette07 { position: relative; } 
.roulette07_board { width: 80%; position: absolute; top: 38.5%; left: 50%; margin-left: -39%; } 
.roulette07_arrow { width: 9%; position: absolute; top: 36%; left: 50%; margin-left: -4%; z-index: 99; } 
.roulette07_start { width: 27%; position: absolute; top: 47%; left: 50%; margin-left: -12%; cursor: pointer; z-index: 99; } 
.roulette07_btn { position: absolute; bottom: 19.5%; left: 33%; } 
.roulette07_btn p { width: 55%; } 
.rotlette07_popbg { background: #000; opacity: 0.5; filter:alpha(opacity=50); width: 100%; height: 100%; position: absolute; top: 0; z-index: 100; } 
.roulette07_popup { width: 70%; background: #fff; position: absolute; z-index: 999; left: 50%; margin-left: -35%; top: 20%; text-align: center; padding-bottom: 20px; } 
.roulette07_popup p.text { font-size: 14px; color: #333; margin-top: 15px; font-weight: bold; line-height: 15px; } 
.roulette07_popup p.text02 { font-size: 11px; color: #333; } 
.roulette07_popup .btn-type2 { margin-top: 15px; background: #333; color: #fff; padding: 0 10px; line-height: 32px; } 

/* 20190218 룰렛이벤트*/
.roulette08 { position: relative; } 
.roulette08_tit { width: 70%; position: absolute; top: 5%; left: 50%; margin-left: -35%; } 
.roulette08_board { width: 90%; position: absolute; top: 29%; left: 50%; margin-left: -45%; } 
.roulette08_arrow { width: 9%; position: absolute; top: 27.5%; left: 50%; margin-left: -4%; z-index: 99; } 
.roulette08_start { width: 27%; position: absolute; top: 38%; left: 50%; margin-left: -13.5%; cursor: pointer; z-index: 99; } 

.roulette08_btn { width: 100%; position: absolute; bottom: 2%; left: 8%; } 
.roulette08_btn01 { position: absolute; width: 30%; bottom: 24%; left: 35%; } 
.roulette08_btn span { display: inline-block; width: 30%; } 
.roulette08_btn_app { display: inline-block; width: 25%; margin-left: 4%; } 
.roulette08_btn_goo { display: inline-block; width: 27%; } 
.roulette08_popbg { background: #000; opacity: 0.5; filter:alpha(opacity=50); width: 100%; height: 100%; position: absolute; top: 0; z-index: 100; } 
.roulette08_popup { width: 70%; background: #fff; position: absolute; z-index: 999; left: 50%; margin-left: -35%; top: 20%; text-align: center; padding-bottom: 20px; } 
.roulette08_popup p.text { font-size: 14px; color: #333; margin-top: 15px; font-weight: bold; line-height: 15px; } 
.roulette08_popup p.text02 { font-size: 11px; color: #333; } 
.roulette08_popup .btn-type2 { margin-top: 15px; background: #333; color: #fff; line-height: 2.5; padding: 0 10px; height: auto; } 
.ma_t15 { margin-top: 15px; } 

/*20190218 구매왕이벤트*/
.king_btn { width: 100%; } 
.king_btn:after { display: block; content: ''; clear: both; } 
.king_btn > p { float: left; } 
.king_btn > p > a { display: block; } 
.l_btn { width: 48%; margin-right: 2%; } 
.r_btn { width: 48%; margin-left: 2%; } 

/*20190305 리뉴얼이벤트*/
.event_renewal { position: relative; } 
.event_renewal .btn_wrap01 { position: absolute; top: 7.65%; text-align: center; width: 100%; line-height: 1; } 
.event_renewal .btn_wrap02 { position: absolute; bottom: 1.2%; text-align: center; width: 100%; line-height: 1; } 
.event_renewal .btn_wrap03 { position: absolute; top: 5.05%; text-align: center; width: 100%; line-height: 1; } 
.event_renewal .btn_wrap04 { position: absolute; bottom: 1.1%; text-align: center; width: 100%; line-height: 1; } 
.event_renewal .left { width: 23%; margin-left: 1%; display: inline-block; } 
.event_renewal .right { width: 25%; display: inline-block; } 

/* 20190415 룰렛이벤트 */
.ex1 { width: 100%; position: absolute; top: 0; left: 0; } 
.roulette09 { position: relative; width: 100%; } 
.roulette09_bg p img { width: 100%; } 
.roulette09_item p { position: absolute; } 
.roulette09_board { width: 88%; left: 6%; top: 38.2%; } 
/* 20191216 수정 */
.roulette09_arrow { left: 46%; top: 36%; width: 9%; } 
/* 20191216 수정 */
.roulette09_startBtn { left: 37.7%; top: 47%; width: 25.5%; } 
/* 20191216 수정 */
.roulette09_getBtn { left: 35%; top: 64.5%; width: 30%; } 
/* 20191216 수정 */
.roulette09_appBtn { left: 53%; top: 94%; width: 25%; } 
.roulette09_googleBtn { left: 53%; top: 96.5%; width: 25%; } 
.roulette09_logo { left: 21.5%; top: 94.2%; width: 27%; } 
.roulette09_count { position: absolute; top: 49%; text-align: center; line-height: 1; font-size: 3vw; letter-spacing: -0.05em; color: #fff; width: 100%; } 
/* 20191216 수정 */

.roulette09_popbg { background: #000; opacity: 0.5; filter:alpha(opacity=50); width: 100%; height: 100%; position: absolute; top: 0; z-index: 100; } 
.roulette09_popup { width: 64%; background: #fff; position: absolute; left: 18%; top: 9.2%; z-index: 999; text-align: center; } 
.roulette09_text { overflow: hidden; margin: 10px 0; color: #000; } 
.roulette09_name { font-size: 11.7px; line-height: 20px; } 
.roulette09_congl { font-size: 18.5px; font-weight: 700; line-height: 26px; } 

.roulette09_tableWrapper { max-height: 100px; display: block; overflow-y: auto; overflow-x: hidden; width: 83%; margin: 0 auto; border-bottom: 1px solid #888; } 
.roulette09_tableHeader { width: 83%; margin: 0 auto; background-color: #555; color: #fff; text-align: center; font-size: 6.7px; line-height: 16.8px; } 
.roulette09_tableHeader_left { width: 28%; border-right: 1px solid #ddd; float: left; box-sizing: border-box; } 
.roulette09_tableHeader_right { width: 72%; float: left; } 
.roulette09_tableHeader::after { content: ""; display: block; clear: both; } 
.roulette09_table { width: 100%; border: 0; border-collapse: collapse; text-align: center; } 
.roulette09_table thead { background-color: #555; color: #fff; position: absolute; left: -9999px; } 
.roulette09_table td,
.roulette09_table th { font-size: 6.7px; line-height: 1.5; padding: 1px 0; } 
.roulette09_table td:nth-child(1),
.roulette09_table th:nth-child(1) { border-right: 1px solid #ddd; box-sizing: border-box; } 
.roulette09_table tbody tr:nth-child(2n-1) { background-color: #f6f6f6; } 
.roulette09_popup .btn-type2 { margin: 15px 0; background: #333; color: #fff; line-height: 20px; padding: 0 10px; height: auto; border: 0; font-size: 5.8px; } 
.roulette09_popup .btn-popup { position: absolute; left: 50%; transform: translateX(-50%); bottom: 7.5%; margin: 0; } 

/* 20190417 퀴즈이벤트 */
.event_quiz { width: 100%; position: relative; } 
.event_quiz_bg { width: 100%; } 
.event_quiz_bg_after { position: absolute; top: 0; left: 0; display: none; } 
.event_quiz_motion p { position: absolute; } 
.event_quiz_motion_eye_closed { width: 19.7%; top: 27.62%; left: 40.1%; } 
.event_quiz_motion_arm_left { width: 10%; top: 30.8%; left: 37%; } 
.event_quiz_motion_arm_right { width: 11%; top: 31.8%; left: 52%; } 
.event_quiz_motion_icecream { width: 10%; top: 30%; left: 44.7%; } 
.event_quiz_motion_back { width: 24.5%; top: 29.5%; left: 37.75%; transition: 0.5s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 
.event_quiz_motion_cloud { width: 26.2%; top: 18.6%; left: 70.6%; } 
.event_quiz_motion_click { width: 15%; top: 31.7%; left: 42.5%; } 
.event_quiz_motion_qmark { width: 7.8%; top: 31.2%; left: 46%; } 
.event_quiz_motion_bee { width: 8.25%; top: 20.1%; left: 9%; } 
.event_quiz_trigger { display: block; width: 24.5%; top: 29.5%; left: 37.75%; } 
.event_quiz_trigger a { display: block; padding-top: 85%; text-indent: -9999px; z-index: 9999; } 
.animation_updown { -webkit-animation: updown 0.6s ease-in-out infinite alternate; animation: updown 0.6s ease-in-out infinite alternate; } 
.animation_cloud_move { -webkit-animation: cloud_move 5s infinite alternate; animation: cloud_move 5s infinite alternate; } 
.animation_cloud_move a { text-indent: -9999px; } 
.animation_doomdoom { -webkit-animation: doomdoom 0.8s infinite alternate; animation: doomdoom 0.8s infinite alternate; } 
/* .animation_handmove { -webkit-animation: handmove 1s infinite alternate; animation: handmove 1s infinite alternate; } */
.animation_handmove-left { -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; } 
.animation_handmove-right { -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; } 
.animation_eyesopen { -webkit-animation: eyesopen 3.5s infinite; animation: eyesopen 3.5s infinite; } 
.animation_icecream { -webkit-animation: wobble 1.9s linear infinite forwards; animation: wobble 1.9s linear infinite forwards; } 

@-webkit-keyframes updown { 
 0% { -webkit-transform: translateY(8%); -ms-transform: translateY(8%); transform: translateY(8%); } 
 100% { -webkit-transform: translateY(-4%); -ms-transform: translateY(-4%); transform: translateY(-4%); } 
 }

@keyframes updown { 
 0% { -webkit-transform: translateY(8%); -ms-transform: translateY(8%); transform: translateY(8%); } 
 100% { -webkit-transform: translateY(-4%); -ms-transform: translateY(-4%); transform: translateY(-4%); } 
 }

@-webkit-keyframes cloud_move { 
 0% { -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } 
 100% { -webkit-transform: translateX(-3%); -ms-transform: translateX(-3%); transform: translateX(-3%); } 
 }

@keyframes cloud_move { 
 0% { -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } 
 100% { -webkit-transform: translateX(-3%); -ms-transform: translateX(-3%); transform: translateX(-3%); } 
 }

@-webkit-keyframes doomdoom { 
 0% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 
 100% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 
 }

@keyframes doomdoom { 
 0% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 
 100% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 
 }

@-webkit-keyframes handmove { 
 0% { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } 
 100% { -webkit-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } 
 }

@keyframes handmove { 
 0% { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } 
 100% { -webkit-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } 
 }

@-webkit-keyframes eyesopen { 
 0% { opacity: 0; } 
 49% { opacity: 0; } 
 49.1% { opacity: 1; } 
 56% { opacity: 0; } 
 56.1% { opacity: 1; } 
 60% { opacity: 0; } 
 90% { opacity: 0; } 
 95.1% { opacity: 1; } 
 }

@keyframes eyesopen { 
 0% { opacity: 0; } 
 49% { opacity: 0; } 
 49.1% { opacity: 1; } 
 56% { opacity: 0; } 
 56.1% { opacity: 1; } 
 60% { opacity: 0; } 
 90% { opacity: 0; } 
 95.1% { opacity: 1; } 
 }

@-webkit-keyframes wobble { 15% { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } 
 30% { -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } 
 45% { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } 
 60% { -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } 
 80% { -webkit-transform: rotate(-0deg); -ms-transform: rotate(-0deg); transform: rotate(-0deg); } 
 }

@keyframes wobble { 15% { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } 
 30% { -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } 
 45% { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } 
 60% { -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } 
 80% { -webkit-transform: rotate(-0deg); -ms-transform: rotate(-0deg); transform: rotate(-0deg); } 
 }

/* 20190426 럭키박스 */
.event_luckyBox.event__wrapper { width: 100%; margin: 0 auto; overflow: hidden; } 
.event_luckyBox .event__content { overflow: hidden; position: relative; } 
.event_luckyBox .event__component p { position: absolute; } 
/* 20190520 수정 // */
.event_luckyBox .event__component .luckyBox__appBtn { top: 93.8%; left: 55%; width: 25.3%; } 
.event_luckyBox .event__component .luckyBox__googleBtn { top: 96.3%; left: 55%; width: 25.3%; } 
/* // 20190520 수정 */

.event_luckyBox .event__box { width: 100%; padding-top: 182%; position: absolute; top: 0; left: -1.3%; background: url("../../images/add_event/event_luckyBox/luckyBox_f_comp.png") left center no-repeat; background-size: 2500% 100%; transform-origin: 50% 90%; pointer-events: none; } 
/* 20190916 수정 */
.event_luckyBox .event__trigger { width: 50%; height: 0; padding-top: 50%; cursor: pointer; position: absolute; left: 25%; top: 15.3%; text-indent: -9999px; } 

.event_luckyBox .popup__wrapper { display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; } 
.event_luckyBox .popup__efbg { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; } 
.event_luckyBox .popup__content { width: 60%; height: auto; position: absolute; top: 30%; left: 20%; -webkit-animation: bounceIn 0.75s both; animation: bounceIn 0.75s both; } 
.event_luckyBox .popup__content img { width: 100%; } 
.event_luckyBox .popup__button { display: block; width: 10%; height: 10%; position: absolute; top: 4%; right: 0; text-indent: -9999px; background: #fff; filter:alpha(opacity=0); opacity: 0; } 
.event_luckyBox .popup__gotoBtn { display: block; width: 38%; position: absolute; top: 80%; left: 31%; } 

.event_luckyBox .box__shake { -webkit-animation: lucky_wobble 1.95s linear infinite forwards; animation: lucky_wobble 1.95s linear infinite forwards; } 
.event_luckyBox .box__open { -webkit-animation: lucky_box 1s steps(24) forwards; animation: lucky_box 1s steps(24) forwards; } 
.event_luckyBox .snowfall-flakes { border-radius: 3px; opacity: 0.9; -webkit-animation: lucky_spin 5s infinite; animation: lucky_spin 5s infinite; } 

@-webkit-keyframes lucky_box { 100% { background-position: right; } 
 }
@keyframes lucky_box { 100% { background-position: right; } 
 }
@-webkit-keyframes lucky_wobble { 15% { -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); } 
 30% { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } 
 45% { -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); } 
 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 
 75% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 
 }
@keyframes lucky_wobble { 15% { -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); } 
 30% { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } 
 45% { -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); } 
 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 
 75% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 
 }

@-webkit-keyframes lucky_spin { 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } 
 }

@keyframes lucky_spin { 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } 
 }

@-webkit-keyframes bounceIn { 20%,
 40%,
 60%,
 80%,
 from,
 to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 

 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 

 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 

 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 

 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 

 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 

 to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 
 }

@keyframes bounceIn { 20%,
 40%,
 60%,
 80%,
 from,
 to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 

 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 

 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 

 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 

 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 

 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 

 to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 
 }
/* 20190710 kakao*/
/* 20210705 수정 : 기존 작업 복구 */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url("../fonts/NotoSans-Regular.woff2") format('woff2'), url("../fonts/NotoSans-Regular.woff") format('woff'), url("../fonts/NotoSans-Regular.otf") format('opentype'); } 
.kakao_plus { font-family: "Noto Sans Kr"; color: #333; padding-bottom: 5%; } 
.kakao_plus p.img_area { position: relative; } 
.kakao_plus p.img_area a { position: absolute; width: 100%; bottom: 0; height: 26%; } 
.kakao_plus > div { padding: 0 5%; } 
.kakao_plus > p img { width: 100%; } 
.kakao_plus strong { font-size: 16px; font-weight: 500; color: #000; text-align: center; margin-bottom: 15px; margin-top: 25px; display: block; letter-spacing: -0.75px; line-height: 1; } 
.tbl_kakao { border-collapse: separate; width: 100%; border-spacing: 3px; } 
.tbl_kakao td { width: 33.333%; border: 1px solid #333; text-align: center; height: 60px; } 
/*20190711 수정*/
.tbl_kakao td a { color: #333; padding: 13px; display: block; line-height: 1.2; } 
/* 20210705 수정 : 기존 작업 복구 */

/*20190711 수정*/
.tbl_kakao td.ignore { color: #bbb; border: 1px solid #e1e1e1; } 
.tbl_kakao td.ignore a { color: #bbb; cursor: inherit; } 
/* .tbl_kakao td { width: 33.333%; border: 1px solid #333; text-align: center; } 
.tbl_kakao td a { color: #333; padding: 13px; display: block; } */

/* 20210705 수정 : 지점안내 추가 */
.floor.kakao_plus > p img { width: 100%; } 
.floor.kakao_plus strong { font-size: 16px; font-weight: 500; color: #000; text-align: center; margin-bottom: 15px; margin-top: 25px; display: block; letter-spacing: -0.75px; line-height: 1; } 
.floor .tbl_kakao { width: 100%; } 
.floor .tbl_kakao td { height: 47px; display: inline-block; width: calc(50% - 5px); margin: 0 10px 10px 0; border: 1px solid #c5c5c5; text-align: center; box-sizing: border-box; font-size: 0; line-height: 45px; } 
.floor .tbl_kakao td:last-child { margin-right: 0; } 
.floor .tbl_kakao td a { width: calc(100% - 45px); color: #333; padding: 5px; display: inline-block; font-size: 13px; line-height: 1.2; box-sizing: border-box; } 
.floor .tbl_kakao td a:last-of-type { width: 45px; height: 45px; background: #f4f4f4; font-size: 9px; padding-top: 30px; background: #f4f4f4 url('../../images/news/shopping_news/ico_floor.png') center top 6px / 22px no-repeat; border-left: 1px solid #c5c5c5; } 
.floor .tbl_kakao td { display: inline-block; width: calc(50% - 5px); margin: 0 10px 10px 0; border: 1px solid #c5c5c5; text-align: center; box-sizing: border-box; font-size: 0; } 
.floor .tbl_kakao td:last-child { margin-right: 0; } 

/* 20190717 룰렛이벤트 S */
/* 모션 S */
.roulette10_top { position: relative; } 
.roulette10_top .roulette10_rabbit { position: absolute; left: 5%; top: 27%; width: 45%; animation: tube 1.5s infinite linear alternate; z-index: 10; } 
/* 20200720 수정 */
.roulette10_top .roulette10_bear { position: absolute; left: 50%; top: 28%; width: 45%; animation: tube2 1.5s infinite linear alternate; z-index: 10; } 
.roulette10_middle { position: relative; } 
/* 20200720 수정 */
@keyframes tube { 
 0% { -webkit-transform: translate(-5px, 0px); -moz-transform: translate(-5px, 0px); -ms-transform: translate(-5px, 0px); -o-transform: translate(-5px, 0px); transform: translate(-5px, 0px); } 
 50% { -webkit-transform: translate(0px, -5px); -moz-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); -o-transform: translate(0px, -5px); transform: translate(0px, -5px); } 
 100% { -webkit-transform: translate(5px, 0px); -moz-transform: translate(5px, 0px); -ms-transform: translate(5px, 0px); -o-transform: translate(5px, 0px); transform: translate(5px, 0px); } 
 }
@keyframes tube2 { 
 0% { -webkit-transform: translate(-5px, -5px); -moz-transform: translate(-5px, -5px); -ms-transform: translate(-5px, -5px); -o-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 
 50% { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } 
 100% { -webkit-transform: translate(5px, -5px); -moz-transform: translate(5px, -5px); -ms-transform: translate(5px, -5px); -o-transform: translate(5px, -5px); transform: translate(5px, -5px); } 
 }
/* 모션 E */
.roulette10 { position: relative; width: 100%; } 
.roulette10_bg p img { width: 100%; } 
.roulette10_item p { position: absolute; } 
.roulette10_board { width: 88%; left: 6%; top: 38.5%; } 
/* 20200720 수정 */
.roulette10_arrow { left: 46%; top: 36.5%; width: 9%; } 
/* 20200720 수정 */
.roulette10_startBtn { left: 37.7%; top: 47.5%; width: 25.5%; } 
/* 20200720 수정 */
.roulette10_getBtn { left: 35%; top: 65.7%; width: 30%; } 
/* 20200720 수정 */
.roulette10_appBtn { left: 53%; top: 93.4%; width: 25%; } 
/* 20200720 수정 */
.roulette10_googleBtn { left: 53%; top: 96%; width: 25%; } 
/* 20200720 수정 */
.roulette10_logo { left: 21.5%; top: 93.5%; width: 27%; } 
/* 20200720 수정 */
.roulette10_count { position: absolute; top: 43.7%; text-align: center; line-height: 1; font-size: 3vw; letter-spacing: -0.05em; color: #fff; width: 100%; } 
/* 20190717 룰렛이벤트 E */

/* E맘클럽 온라인 가입 S */
.emomjoin { font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.075em; } 
.emomjoin h2,
.emomjoin h3 { padding: 0; line-height: inherit; margin-block-start: 0; margin-block-end: 0; } 

.emomjoin .emomjoin_title { margin-bottom: 10px; padding: 11px 15px 0; } 
.emomjoin .emomjoin_title h2 { position: relative; margin-left: 0; padding: 4px 0 7px; border-bottom: 1px solid #404144; font-size: 16px; font-weight: 500; color: #333; } 
/* 20191210 수정 */
/* .emomjoin .emomjoin_title h2::after { content: ""; position: absolute; left: -5px; bottom: -3px; display: inline-block; width: 33.5px; height: 35px; background: url('../../images/EmomclubJoin/img_character_tit.png') no-repeat left center / contain } 20191210 삭제 */

.emomjoin .emomjoin_content { padding: 0 15px 15px; } 
.emomjoin .emomjoin_content.no_pad { padding: 0; } 

.emomjoin .terms_area .terms + .terms { margin-top: 17px; } 
.emomjoin .terms_area .terms h3 { margin-bottom: 6px; padding: 0; font-size: 15px; font-weight: 500; color: #333; letter-spacing: -0.075em; } 
/* 20191024 수정 */
.emomjoin .terms_area .terms h3 b { font-size: 12px; font-weight: 500; color: #cb2020; } 

/* 20191024 수정 S */
.emomjoin .scroll_box { box-sizing: border-box; height: 165px; padding: 8px; border: 1px solid #ddd; overflow-y: scroll; word-break: keep-all; } 
.emomjoin .scroll_box.sm { height: 142px; } 
.emomjoin .scroll_box .mt20 { margin-top: 20px; } 
.emomjoin .scroll_box li,
.emomjoin .scroll_box p { font-size: 12.5px; font-weight: 300; line-height: 1.5em; color: #666; letter-spacing: -0.075em; } 
.emomjoin .scroll_box .txt_reference { position: relative; padding-left: 14px; } 
.emomjoin .scroll_box .txt_reference::before { content: "※"; position: absolute; left: 0; top: 0; } 
.emomjoin .scroll_box .txt_star { position: relative; padding-left: 5px; } 
.emomjoin .scroll_box .txt_star::before { content: "*"; position: absolute; left: 0; top: 0; } 
.emomjoin .scroll_box h4 { font-size: 12.5px; font-weight: 500; letter-spacing: -0.075em; } 
.emomjoin .scroll_box b { font-weight: 500; } 
.emomjoin .scroll_box ol li { position: relative; padding-left: 14px; } 
.emomjoin .scroll_box ol li .txt_num { position: absolute; left: 0; top: 0; } 
.emomjoin .scroll_box ul li { position: relative; padding-left: 5px; } 
.emomjoin .scroll_box ul li::before { content: "-"; position: absolute; left: 0; top: 0; } 
/* 20191024 수정 E */

.emomjoin .terms_area .chk { margin-top: 15px; } 
.emomjoin .chk input[type="checkbox"] { display: none; } 
.emomjoin .chk input[type="checkbox"] + label { display: inline-block; box-sizing: border-box; min-height: 27px; padding: 3px 0 3px 37px; background: url("../../images/EmomclubJoin/btn_chk.png") no-repeat left center / 27px 27px; font-size: 14px; font-weight: 400; line-height: 1.4em; color: #333; } 
.emomjoin .chk input[type="checkbox"]:checked + label { background-image: url("../../images/EmomclubJoin/btn_chk_active.png"); } 

.emomjoin .btn_area::after { content: ""; display: block; clear: both; } 
.emomjoin .btn_area input { width: 100%; height: 34px; box-sizing: border-box; border: none; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400; line-height: 32px; letter-spacing: -0.075em; } 
.emomjoin .btn_area input.btn_black { background: #232427; border: 1px solid #232427; color: #fff; } 
.emomjoin .btn_area input.btn_white { background: #fff; border: 1px solid #232427; color: #232427; } 
.emomjoin .btn_area input.btn_half { float: left; width: calc(50% - 15px); margin: 0 7.5px; } 
.emomjoin .btn_area input + input { margin-top: 15px; } 

.emomjoin .terms_area + .btn_area { margin-top: 25px; } 
.emomjoin .guide_area + .btn_area { margin-top: 15px; } 

.emomjoin .info { position: relative; padding: 7px 10px; background: #eee; } 
/* 20191210 수정 */
/* .emomjoin .info::after { content: ""; position: absolute; right: 4px; bottom: -4px; display: inline-block; width: 71px; height: 22.5px; background: url('../../images/EmomclubJoin/img_character_box.png') no-repeat center / contain; } 20191210 삭제 */
.emomjoin .info p { position: relative; padding-left: 15px; line-height: 1.3em; font-size: 14px; font-weight: 400; color: #333; } 
/* 20191210 수정 */
.emomjoin .info p::before { content: "※"; position: absolute; left: 0; top: 0; } 
.emomjoin .guide_box { margin-top: 10px; padding: 10px 10px 22px; border: 1px solid #ddd; } 
.emomjoin .guide_box .list { margin-top: 10px; } 
.emomjoin .list li + li { margin-top: 10px; } 
.emomjoin .list li p { font-size: 13px; font-weight: 300; line-height: 1.4em; color: #666; } 
.emomjoin .list li p.desc { text-indent: 1em; } 

.emomjoin .step_box { margin-top: 15px; } 
.emomjoin .step_box h3 { font-size: 15px; font-weight: 500; color: #333; } 
.emomjoin .step_box h3 b { display: block; font-size: 13px; font-weight: 400; color: #cb2020; letter-spacing: -0.075em; } 
/* 20191002 */
.emomjoin .step_box img { margin-top: 10px; } 
.emomjoin .step_box p { margin-top: 10px; font-size: 13px; font-weight: 400; } 
/* 20191002 */
/* 20191202 수정 S */
.emomjoin .step_box .tip { position: relative; padding-left: 22px; line-height: 1.3em; color: #cb2020; } 
.emomjoin .step_box .tip b { position: absolute; left: 0; top: 0; font-weight: 500; } 
/* 20191202 수정 E */
.emomjoin .notice_area + .btn_area { margin-top: 20px; } 

.emomjoin .step_box2 h3 { font-size: 15px; font-weight: 500; letter-spacing: -0.1em; color: #333; padding: 0; } 
/*20200302 수정*/
.emomjoin .step_box2 img { margin-top: 10px; } 
.emomjoin .notice_area2 + .btn_area { margin-top: 15px; } 

.emomjoin .photo_area { position: relative; height: calc(100vh - 110px); background: url("../../images/EmomclubJoin/bg_photo.jpg") no-repeat center / cover; overflow: hidden; } 
.emomjoin .photo_area h3 { position: absolute; left: 0; top: 3%; width: 100%; font-size: 15px; font-weight: 500; text-align: center; color: #fff; } 

.emomjoin .photo_area .photo_line { position: absolute; top: 50%; left: 5%; width: 90%; height: 113.595vw; margin: 0 auto; background: url("../../images/EmomclubJoin/img_line_guide.png") no-repeat center top / cover; transform: translateY(-50%); } 
.emomjoin .photo_area .photo_line .photo_img { width: 100%; height: 100%; padding: 2.085%; box-sizing: border-box; vertical-align: middle; } 
.emomjoin .photo_area .photo_line .photo_img .img { width: 100%; height: 100%; } 

.emomjoin .photo_area .photo_finish { position: absolute; left: 50%; top: 50%; width: 51.5625%; max-width: 330px; transform: translate(-50%, -50%); } 
/* 20191210 수정 */
.emomjoin .dim_white { position: fixed; left: 0; top: 0; display: block; width: 100%; height: 100vh; background: #fff; opacity: 0.8; z-index: 10001; } 
.emomjoin .photo_area .photo_lodaing { position: absolute; left: 50%; top: 48%; width: 51.5625%; max-width: 330px; transform: translate(-50%, -50%); z-index: 10002; } 
.emomjoin .photo_area + .btn_area { padding: 15px 7.5px; } 

.emomjoin .child_area { height: calc(100vh - 164px); overflow-y: scroll; } 
.emomjoin .child_area .child { padding: 10px; background: #f2f2f2; } 
.emomjoin .child_area .child::after { content: ""; display: block; clear: both; } 
.emomjoin .child_area .child .left { float: left; width: 88px; } 
.emomjoin .child_area .child .right { float: right; width: calc(100% - 88px); } 

.emomjoin .child .gender { position: relative; } 
.emomjoin .child .gender .gender_box { width: 75px; height: 75px; border-radius: 20px; overflow: hidden; } 
.emomjoin .btn_edit { padding: 0 3px; border: 1px solid #333; font-size: 11px; font-weight: 400; text-align: center; line-height: 0; color: #333; } 
.emomjoin .child .gender .btn_edit { position: absolute; right: 0; bottom: -1px; height: 15px; box-sizing: border-box; background: #f2f2f2; line-height: 13px; } 
.emomjoin .child .data dl { display: table; width: 100%; } 
.emomjoin .child .data dl::after { content: ""; display: block; clear: both; } 
.emomjoin .child .data dl dt { display: table-cell; width: 61px; padding-left: 12px; font-size: 14px; font-weight: 500; color: #333; vertical-align: middle; } 
.emomjoin .child .data dl dd { display: table-cell; width: calc(100% - 61px); vertical-align: middle; } 
.emomjoin .child .data dl dd input { width: 100%; height: 34px; padding: 0 10px; line-height: 34px; box-sizing: border-box; border: 1px solid #232427; background: #fff; font-size: 13px; font-weight: 400; color: #333; } 
.emomjoin .child .data dl dd input[type="number"]::-webkit-outer-spin-button,
.emomjoin .child .data dl dd input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 
.emomjoin .child .data dl + dl { margin-top: 7.5px; } 
.emomjoin .child + .child { margin-top: 5px; } 
.emomjoin .child_area .list_help { margin-top: 10px; line-height: 1.4em; } 
.emomjoin .list_help { font-size: 13px; font-weight: 300; color: #666; } 
/* 20191202 수정 */
.emomjoin .child_area + .btn_area { padding-top: 15px; margin: 0 -7.5px; } 
/* 20191002 */

.emomjoin .radio input[type="checkbox"] { display: none; } 
.emomjoin .radio input[type="checkbox"] + label { display: inline-block; box-sizing: border-box; min-height: 27px; padding: 3px 0 3px 37px; background: url("../../images/EmomclubJoin/btn_radio.png") no-repeat left center / 27px 27px; font-size: 14px; font-weight: 400; line-height: 1.4em; color: #333; } 
.emomjoin .radio input[type="checkbox"]:checked + label { background-image: url("../../images/EmomclubJoin/btn_radio_active.png"); } 

.emomjoin .dim_black { position: fixed; left: 0; top: 0; display: block; width: 100%; height: 100vh; background: #000; opacity: 0.7; z-index: 10001; } 
.emomjoin .pop { position: fixed; left: 0; top: 19%; display: block; width: 100%; padding: 0 15px; box-sizing: border-box; z-index: 10002; } 
.emomjoin .pop_inner { padding: 13px 15px; background: #fff; } 
.emomjoin .tit { position: relative; padding-bottom: 12px; border-bottom: 1px solid #ccc; } 
.emomjoin .tit h3 { font-size: 18px; font-weight: 500; text-align: center; color: #232427; } 
.emomjoin .tit .btn_close { position: absolute; right: 0; top: 4px; } 
.emomjoin .btn_close { width: 14px; height: 14px; text-indent: -9999px; background: url("../../images/EmomclubJoin/btn_close.png") no-repeat center / contain; } 
.emomjoin .gender_edit { text-align: center; } 
.emomjoin .gender_edit > div { display: inline-block; width: 67px; margin: 0 18px; padding: 40px 0 38px; } 
.emomjoin .input_radio { margin-top: 25px; } 
.emomjoin .input_radio input[type="radio"] { display: none; } 
.emomjoin .input_radio input[type="radio"] + label { padding-left: 25px; background: url("../../images/EmomclubJoin/btn_radio.png") no-repeat left center / contain; font-size: 15px; font-weight: 400; color: #666; } 
.emomjoin .input_radio input[type="radio"]:checked + label { height: 20px; line-height: 20px; background-image: url("../../images/EmomclubJoin/btn_radio_active.png"); } 

/* 20191202 수정 S */
.emomjoin .finish_area .img { width: 45%; margin: 11% auto 5%; } 
.emomjoin .finish_area .txt_01 { font-size: 18px; font-weight: 500; text-align: center; line-height: 1.2em; letter-spacing: -0.075em; color: #000; } 
.emomjoin .finish_area .txt_02 { margin-top: 5px; font-size: 15px; font-weight: 500; text-align: center; line-height: 1.2em; letter-spacing: -0.075em; color: #666; } 
.emomjoin .finish_area + .btn_area { margin-top: 0; } 
/* 20191202 수정 E */

/* 20191002 S */
.emomjoin .impossible_area { height: calc(100vh - 164px); overflow-y: scroll; } 
.emomjoin .impossible_area .img { width: 43%; margin: 10% auto 9%; } 
/* 20191202 수정 */
.emomjoin .impossible_area .txt_01 { margin-top: 42px; font-size: 18px; font-weight: 500; text-align: center; line-height: 1.2em; color: #000; letter-spacing: -0.075em; } 
/* 20191210 수정 */
.emomjoin .impossible_area .txt_03 { margin-top: 22px; font-size: 15px; font-weight: 400; text-align: center; line-height: 1.2em; color: #666; letter-spacing: -0.075em; } 
.emomjoin .impossible_area .txt_03.narrow { letter-spacing: -0.1em; } 
.emomjoin .impossible_area .txt_03 a { color: #4368b8; line-height: 1.2em; vertical-align: top; } 
.emomjoin .impossible_area .txt_case { margin-top: 24px; padding-top: 10px; border-top: 1px solid #b4b4b4; font-size: 13px; font-weight: 300; color: #666; line-height: 1.3em; letter-spacing: -0.075em; } 
.emomjoin .impossible_area + .btn_area { padding-top: 15px; margin: 0 -7.5px; } 
/* 20191002 */
/* 20191002 E */

/* 20191202 추가 S */
.emomjoin .step_box2 p { margin-top: 10px; font-size: 13px; font-weight: 400; } 
.emomjoin .step_box2 .tip { position: relative; padding-left: 22px; line-height: 1.3em; color: #cb2020; } 
.emomjoin .step_box2 .tip b { position: absolute; left: 0; top: 0; font-weight: 500; } 

.emomjoin .list_help li { position: relative; padding-left: 15px; } 
.emomjoin .list_help li b { position: absolute; left: 0; top: 0; font-weight: normal; } 

.emomjoin .finish_area { height: calc(100vh - 196px); overflow-y: scroll; } 
.emomjoin .finish_area .txt_03 { margin-top: 16%; font-size: 15px; font-weight: 500; text-align: center; color: #000; } 
/* 20191202 추가 E */

.content .emomjoin .step_box h2,
.content .emomjoin .step_box h3 { padding: 0; line-height: inherit; } 
/* 20191202_2 수정 */
/* E맘클럽 온라인 가입 E */

.content .inquiry-wrap > h3 { padding-left: 15px; padding-right: 15px; } 
/* 20191203 추가 */

/* 20191217 떡국 퀴즈 이벤트 :: S */
@keyframes quiz02_eyes { 
 0% { opacity: 1; } 

 33% { opacity: 1; } 
 35% { opacity: 0; } 
 37% { opacity: 1; } 

 43% { opacity: 1; } 
 45% { opacity: 0; } 
 47% { opacity: 1; } 

 85% { opacity: 1; } 
 88% { opacity: 0; } 
 90% { opacity: 0; } 
 93% { opacity: 1; } 

 100% { opacity: 1; } 
 }
@keyframes quiz02_mouth { 
 0% { opacity: 0; } 

 13% { opacity: 0; } 
 15% { opacity: 1; } 
 25% { opacity: 1; } 
 27% { opacity: 0; } 

 63% { opacity: 0; } 
 65% { opacity: 1; } 
 75% { opacity: 1; } 
 77% { opacity: 0; } 

 100% { opacity: 0; } 
 }
@keyframes quiz02_mark { 
 0% { transform: scale(0.9); } 
 100% { transform: scale(1); } 
 }
.event_quiz02 > div { position: relative; } 
.event_quiz02 .motion .eyes01 { position: absolute; left: 27.85%; top: 64%; width: 11% !important; animation: quiz02_eyes 5s infinite; } 
.event_quiz02 .motion .eyes02 { position: absolute; left: 63.79%; top: 64%; width: 11% !important; animation: quiz02_eyes 5s infinite; } 
.event_quiz02 .motion .mouth01 { position: absolute; left: 31.25%; top: 67.7%; width: 4% !important; } 
/* 20191230 수정 */
.event_quiz02 .motion .mouth02 { position: absolute; left: 67.23%; top: 67.7%; width: 4% !important; animation: quiz02_mouth 5s infinite; } 
.event_quiz02 .motion .nose01 { position: absolute; left: 29.3%; top: 65.8%; width: 8% !important; } 
.event_quiz02 .motion .nose02 { position: absolute; left: 65.3%; top: 65.8%; width: 8% !important; } 

.event_quiz02 .question { position: absolute; left: 50%; top: 77%; width: 8% !important; margin-left: -4%; animation: quiz02_mark 0.8s infinite alternate; } 
.event_quiz02 .click_btn { cursor: pointer; } 
.event_quiz02 .click_btn .circle { position: absolute; left: 50%; top: 69.9%; width: 32% !important; margin-left: -16%; transition: all 0.5s; } 
.event_quiz02 .click_btn .click { position: absolute; left: 50%; top: 77%; width: 17% !important; margin-left: -9%; animation: quiz02_mark 0.8s infinite alternate; } 
/* 20191230 수정 */

.event_app_down { position: relative; } 
.event_app_down .btn_appstore { position: absolute; left: 54.4%; top: 23%; width: 25.1%; height: 25%; text-indent: -9999px; } 
.event_app_down .btn_google { position: absolute; left: 54.4%; top: 54%; width: 25.1%; height: 25%; text-indent: -9999px; } 
/* 20191217 떡국 퀴즈 이벤트 :: E */

/* 20200102 MY 등급 :: S */
.grade_area { position: relative; } 
.grade_area .img_grade { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f8f8f8; } 
.grade_area .img_grade img { position: absolute; left: 50%; top: 50%; width: auto; max-width: 100%; height: auto; max-height: 100%; transform: translate(-50%, -50%); } 
.grade-info2 { position: absolute; top: 32%; right: 5%; color: #dd4c4c; } 
/* 20200102 MY 등급 :: E */

.mt20 { margin-top: 20px; } 
/*20200203 추가*/

/* 20200204 룰렛이벤트 :: S */
.roulette11 { position: relative; } 
.roulette11_board { width: 80%; position: absolute; top: 38.5%; left: 50%; margin-left: -39%; } 
.roulette11_arrow { width: 9%; position: absolute; top: 36%; left: 50%; margin-left: -4%; z-index: 99; } 
.roulette11_start { width: 27%; position: absolute; top: 47%; left: 50%; margin-left: -12%; cursor: pointer; z-index: 99; } 
.roulette11_btn { position: absolute; bottom: 22.7%; left: 33%; } 
.roulette11_btn p { width: 55%; } 
.rotlette07_popbg { background: #000; opacity: 0.5; filter:alpha(opacity=50); width: 100%; height: 100%; position: absolute; top: 0; z-index: 100; } 
.roulette11_popup { width: 70%; background: #fff; position: absolute; z-index: 999; left: 50%; margin-left: -35%; top: 20%; text-align: center; padding-bottom: 20px; } 
.roulette11_popup p.text { font-size: 14px; color: #333; margin-top: 15px; font-weight: bold; line-height: 15px; } 
.roulette11_popup p.text02 { font-size: 11px; color: #333; } 
.roulette11_popup .btn-type2 { margin-top: 15px; background: #333; color: #fff; padding: 0 10px; line-height: 32px; } 
/* 20200204 룰렛이벤트 :: E */

/* 20200213 지점별 실적 이벤트 :: S */
.branchReward { letter-spacing: -1.5px; } 
.branchReward .branchReward_anotherBtn { display: block; float: right; width: 46%; text-align: center; background: #fff; color: #333; border: 1px solid #272727; margin: 0; box-sizing: border-box; } 
/* 20200218 수정 */
/* 20200601 수정 */
.branchReward_pic img { width: 100%; } 
.branchReward_desc { color: #333; margin: 9% 0 3%; } 
/* 20200218 수정 */
.branchReward_rewards { background: #f7f7f7; padding: 16px 0 25px; margin-top: 25px; } 
/* 20200601 추가 */
.branchReward_rewards select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; margin: 0 auto; border: 0; border-bottom: 1px solid #999; width: 80%; padding: 13px 10px 10px; background-image: url("../../images/add_event/branchReward/arrowBg.png"); background-position: 95% 50%; background-repeat: no-repeat; background-size: 15px; color: #333; font-size: 15px; background-color: transparent; } 
/* 20200218 수정 */
/* 20200601 수정 */
.branchReward_counter { font-size: 18px; color: #333; line-height: 36px; text-align: center; } 
/* 20200218 수정 */
/* 20200601 수정 */
.branchReward_strong { font-weight: 700; color: #d93131; } 
/* 20200601 수정 */
.branchReward .branchReward_getBtn { display: block; text-align: center; margin: 7% 0 10%; } 
/* 20200218 수정 */
/* 20200601 수정 */
.branchReward_another .btn-set1 { padding: 0 15px; margin-top: 11px; box-sizing: border-box; } 
.branchReward_allBtn { display: block; width: 100%; border: #232427 1px solid; color: #232427; text-align: center; border-radius: 5px; font-size: 12px; line-height: 105%; letter-spacing: -0.1em; padding: 10px 3px; box-sizing: border-box; margin-bottom: 10px; } 
.branchReward_allBtn.on { background: #232427; color: #fff; } 
.branchReward_another .input_box.pad { padding-top: 0; } 
/* 20200218 추가 */
.branchReward .favor-list_pop > li > a.disabled { border-color: #e8e8e8; background: #e8e8e8; color: #fff; pointer-events: none; } 
.branchReward_another .store_list .btn-set { padding: 0 15px 5px; margin-top: 15px; box-sizing: border-box; } 

.branchReward_store { overflow: hidden; margin-top: 25px; } 
/* 20200601 추가 */
.branchReward_sName { width: 50%; float: left; font-size: 21px; color: #333; font-weight: bold; text-align: center; line-height: 45px; } 
/* 20200601 추가 */

/* 20200213 지점별 실적 이벤트 :: E */

/* 20200728 룰렛이벤트 S */
.roulette12 { position: relative; } 
.roulette12_item p { position: absolute; } 
.roulette12_board { width: 90%; left: 5.5%; top: 31.9%; } 
.roulette12_arrow { width: 8.5%; left: 46.2%; top: 30.4%; } 
.roulette12_startBtn { width: 25.5%; left: 38%; top: 42%; } 
.roulette12_getBtn { width: 31.6%; left: 34.2%; top: 73.7%; } 
.roulette12_btn { left: 8%; bottom: 2.4%; } 
.roulette12_btn span { display: inline-block; width: 32%; } 
.roulette12_btn a { display: inline-block; width: 27%; margin-left: 1%; } 
.roulette12_btn a.rou_btn_mar { display: inline-block; width: 25%; margin-left: 4.5%; } 

.roulette12_popbg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 100; } 
.roulette12_popup { width: 70%; margin-left: -35%; padding-bottom: 20px; position: absolute; left: 50%; top: 20%; background: #fff; text-align: center; z-index: 999; } 
.roulette12_popup .text { margin-top: 15px; font-size: 14px; font-weight: bold; color: #333; line-height: 15px; } 
.roulette12_popup .text02 { font-size: 11px; color: #333; } 
.roulette12_popup .btn-type2 { height: auto; padding: 0 10px; margin-top: 15px; background: #333; color: #fff; line-height: 2.5; } 
/* 20200728 룰렛이벤트 E */

/* 20200804 나이스초이스 S */
.niceChoice { position: relative; } 
.niceChoice_section { position: relative; } 
.niceChoice_section02 { padding: 0 2%; } 
.niceChoice_videoContainer { position: relative; padding-top: 56.25%; } 
.niceChoice_video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } 

.niceChoice_btnWrap { width: 52.4%; position: absolute; left: 25%; bottom: 27%; background: #b867da; font-size: 0; } 
.niceChoice_input { display: inline-block; width: 75%; height: 8.5vw; box-sizing: border-box; border: 2px solid #b867da; background: #fafafa; font-family: 'Noto Sans KR', sans-serif; font-size: 3.2vw; font-weight: 700; letter-spacing: -0.05em; text-align: center; color: #333; } 
.niceChoice_button { display: inline-block; width: 25%; height: 8.5vw; background: #b867da; font-family: 'Noto Sans KR', sans-serif; font-size: 3vw; font-weight: 500; letter-spacing: -0.05em; text-align: center; color: #fff; } 

.niceChoice_appBtn { position: absolute; left: 8%; bottom: 3.2%; } 
.niceChoice_appBtn span { display: inline-block; width: 32%; } 
.niceChoice_appBtn a { display: inline-block; width: 27%; margin-left: 1%; } 
.niceChoice_appBtn a.rou_btn_mar { display: inline-block; width: 25%; margin-left: 4.5%; } 

.niceChoice_popbg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 100; } 
.niceChoice_popup { width: 70%; margin-left: -35%; padding-bottom: 20px; position: absolute; left: 50%; top: 20%; background: #fff; text-align: center; z-index: 999; padding-top: 20px; } 
/* 20200810 수정 */
.niceChoice_popup .text { margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #333; line-height: 15px; } 
.niceChoice_popup .text02 { font-size: 11px; color: #333; line-height: 15px; } 
.niceChoice_popup .btn-type2 { height: auto; padding: 0 10px; margin-top: 15px; background: #333; color: #fff; line-height: 2.5; } 
/* 20200804 나이스초이스 E */

/* 20200824 도진아 S */
.dojina { position: relative; } 
.dojina_videoWrap { width: 90%; position: absolute; left: 5%; top: 20.65%; border: 8px solid #f8a1a1; box-sizing: border-box; border-radius: 35px; } 
.dojina_videoContainer { position: relative; padding-top: 59.7%; border-radius: 28px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); } 
.dojina_video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } 

.dojina_btnWrap { width: 52.4%; position: absolute; left: 25%; bottom: 16.1%; background: #e05669; font-size: 0; } 
.dojina_input { display: inline-block; width: 75%; height: 8.5vw; box-sizing: border-box; border: 2px solid #e05669; background: #fafafa; font-family: 'Noto Sans KR', sans-serif; font-size: 3.2vw; font-weight: 700; letter-spacing: -0.05em; text-align: center; color: #333; } 
.dojina_button { display: inline-block; width: 25%; height: 8.5vw; background: #e05669; font-family: 'Noto Sans KR', sans-serif; font-size: 3vw; font-weight: 500; letter-spacing: -0.05em; text-align: center; color: #fff; } 
/* 20200824 도진아 E */

/* 20200904 스탬프 S */
.stm { position: relative; } 
.stm_couponStatus { width: 100%; position: absolute; left: 0; top: 47.3%; text-align: center; } 
/* 20201015 수정 */
.stm_couponStatus p { font-family: 'Noto Sans KR', sans-serif; font-size: 4vw; color: #333; letter-spacing: -0.05em; line-height: 1; } 
.stm_stampStatus { width: 100%; height: 24vw; position: absolute; left: 0; top: 51.8%; } 
/* 20201015 수정 */
.stm_stampWrap { height: 24vw; position: relative; } 
.stm_stamp { display: inline-block; width: 25%; height: 100%; background: no-repeat top center; background-size: contain; text-indent: -9999px; } 
.stm_stamp-on { background-image: url("../../images/add_event/stm/stamp.png"); } 
.stm_stamp:first-child { position: absolute; left: 6.7%; top: 0; } 
.stm_stamp:nth-child(2) { position: absolute; left: 37.3%; top: 0; } 
.stm_stamp:last-child { position: absolute; left: 68.3%; top: 0; } 
.stm_btnWrap { width: 100%; position: absolute; left: 0; top: 57.28%; text-align: center; } 
/* 20201015 수정 */
.stm_btnCoupon { display: block; width: 52.4%; height: 13vw; background-image: url("../../images/add_event/stm/getBtn.png"); background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; text-indent: -9999px; } 

.stm_dim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; } 
.stm_pop { width: 75%; position: absolute; left: 50%; top: 5.38%; transform: translateX(-50%); } 
/* 20200904 스탬프 E */

/* 20200909 VIP 이벤트 S */
.vipChoice { position: relative; } 
.vipChoice_btnWrap { position: absolute; left: 50%; top: 24.4%; transform: translateX(-50%); } 
/* 20201028 수정 */
.vipChoice_btn { display: inline-block; width: 37vw; height: 11vw; text-indent: -9999px; } 
/* 20201006 수정 */
/* 20200909 VIP 이벤트 E */

/* 20201030 스탬프 S */
.stm { position: relative; } 
.stm_couponStatus { width: 100%; position: absolute; left: 0; top: 48.3%; text-align: center; } 

.stm_couponStatus p { font-family: 'Noto Sans KR', sans-serif; font-size: 4vw; color: #333; letter-spacing: -0.05em; line-height: 1; } 
.stm_stampStatus { width: 100%; height: 24vw; position: absolute; left: 0; top: 52.91%; } 
.stm_stampWrap { height: 24vw; position: relative; } 
.stm_stamp { display: inline-block; width: 25%; height: 100%; background: no-repeat top center; background-size: contain; text-indent: -9999px; } 
.stm_stamp-on { background-image: url("../../images/add_event/stm/stamp.png"); } 
.stm_stamp:first-child { position: absolute; left: 6.7%; top: 0; } 
.stm_stamp:nth-child(2) { position: absolute; left: 37.3%; top: 0; } 
.stm_stamp:last-child { position: absolute; left: 68.3%; top: 0; } 
.stm_btnWrap { width: 100%; position: absolute; left: 0; top: 58.55%; text-align: center; } 
.stm_btnCoupon { display: block; width: 52.4%; height: 13vw; background-image: url("../../images/add_event/stm/getBtn.png"); background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; text-indent: -9999px; } 

.stm_dim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; } 
.stm_pop { width: 75%; position: absolute; left: 50%; top: 5.38%; transform: translateX(-50%); } 

/* 달마다 달 클래스 추가할것! */
.stm_couponStatus.month-11 { width: 100%; position: absolute; left: 0; top: 47.3%; text-align: center; } 
.stm_btnWrap.month-11 { width: 100%; position: absolute; left: 0; top: 57.28%; text-align: center; } 
.stm_stampStatus.month-11 { width: 100%; height: 24vw; position: absolute; left: 0; top: 51.8%; } 
/* 20201030 스탬프 E */

/* 20201103 이랜드 40주년 서체 출시 기념 이벤트 S */
.fontEvent { position: relative; } 
.fontEvent_btn { display: inline-block; position: absolute; text-indent: -9999px; } 
.fontEvent_btn1 { width: 52%; height: 2.2%; left: 50%; top: 19.2%; transform: translateX(-50%); } 
.fontEvent_btn2 { width: 23%; height: 1.5%; left: 42%; bottom: 1.2%; } 
.fontEvent_btn3 { width: 25%; height: 1.5%; left: 66.5%; bottom: 1.2%; } 
/* 20201103 이랜드 40주년 서체 출시 기념 이벤트 E */

/* 20201103 룰렛이벤트 S */
.roulette13 { position: relative; } 
.roulette13_item p { position: absolute; } 
.roulette13_board { width: 90%; left: 5.5%; top: 40.9%; } 
.roulette13_arrow { width: 8.9%; left: 46.3%; top: 39.8%; } 
.roulette13_startBtn { width: 31%; left: 34.9%; top: 48.2%; } 
.roulette13_getBtn { width: 31.6%; left: 34.2%; top: 76.5%; } 
/* 20201105 룰렛이벤트 수정 S */
.roulette13_btn { left: 7.8%; bottom: 2.1%; width: 84%; font-size: 0; } 
.roulette13_btn span { display: inline-block; width: 35.4%; } 
.roulette13_btn a { display: inline-block; width: 29.9%; margin-left: 1.6%; } 
.roulette13_btn a.rou_btn_mar { display: inline-block; width: 27.4%; margin-left: 5.7%; } 
/* 20201105 룰렛이벤트 수정 E */

.roulette13_popbg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 100; } 
.roulette13_popup { width: 70%; margin-left: -35%; padding-bottom: 20px; position: absolute; left: 50%; top: 20%; background: #fff; text-align: center; z-index: 999; } 
.roulette13_popup .text { margin-top: 15px; font-size: 14px; font-weight: bold; color: #333; line-height: 15px; } 
.roulette13_popup .text02 { font-size: 11px; color: #333; } 
.roulette13_popup .btn-type2 { height: auto; padding: 0 12.5px; margin-top: 12.5px; background: #333; border: 0; font-size: 10px; color: #fff; line-height: 2.5; } 
/* 20201105 당첨 팝업 수정 */
/* 20201103 룰렛이벤트 E */

/* 20201106 3PL 배송 팝업 S */
.threePLPop_dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; } 
.threePLPop_pop { position: absolute; top: 18.5%; left: 15px; width: calc(100% - 30px); height: auto; background: #fff; z-index: 2; font-family: "Noto Sans KR", sans-serif; } 
.threePLPop_close { position: absolute; display: block; width: 15px; height: 15px; top: 23.5px; right: 19px; background-image: url("../../images/add_event/3pl/ico_close.png"); background-size: contain; background-repeat: no-repeat; background-position: center; text-indent: -9999px; } 
.threePLPop_tit { text-align: center; font-size: 18px; letter-spacing: -0.05em; font-weight: 700; margin-top: 50px; color: #333; } 
.threePLPop_img { width: 49.3%; margin: 25px auto 0; } 
.threePLPop_dateArea { margin-top: 10px; font-size: 0; vertical-align: top; text-align: center; } 
.threePLPop_pillTit { height: 20px; border: 1px solid #b8b8b8; border-radius: 100px; font-size: 10px; letter-spacing: -0.05em; display: inline-block; vertical-align: top; color: #333; line-height: 19px; box-sizing: border-box; padding: 0 10px; } 
.threePLPop_date { display: inline-block; vertical-align: top; font-size: 11px; letter-spacing: -0.05em; color: #333; margin-left: 7.5px; line-height: 19px; } 
.threePLPop_desc01 { font-size: 15px; letter-spacing: -0.05em; color: #333; font-weight: 500; color: #333; line-height: 1.3; text-align: center; margin-top: 15px; } 
.threePLPop_desc01 span { font-weight: 700; } 
.threePLPop_desc02 { font-size: 10px; letter-spacing: -0.05em; color: #e83f3f; text-align: center; line-height: 1.3; margin-top: 7.5px; } 
.threePLPop_desc02 span { font-weight: 700; } 
.threePLPop_inputArea { width: calc(100% - 20x); margin: 22.5px auto 0; background: #f3f3f3; padding: 25px 20px; box-sizing: border-box; } 
.threePLPop_block::after { content: ''; display: block; clear: both; } 
.threePLPop_block + .threePLPop_block { margin-top: 10px; } 
.threePLPop_inputTit { width: 65px; float: left; vertical-align: top; font-size: 12px; letter-spacing: -0.05em; line-height: 30px; color: #333; } 
.threePLPop_inputGroup { width: calc(100% - 65px); float: right; font-size: 0; vertical-align: top; position: relative; } 
.threePLPop_inputGroup + .threePLPop_inputGroup { margin-top: 5px; } 
.threePLPop_inputText { width: 100%; height: 30px; box-sizing: border-box; font-size: 12px; padding: 0 5px; background: #fff; border: 1px solid #dadada; letter-spacing: -0.05em; } 
.threePLPop_label { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } 
.threePLPop_sel { width: 100%; height: 30px; box-sizing: border-box; font-size: 12px; padding: 0 5px; background: #fff url("../../images/add_event/3pl/ico_arwDown.png"); background-size: 8px 5px; background-position: calc(100% - 10px) center; background-repeat: no-repeat; border: 1px solid #dadada; color: #777; letter-spacing: -0.05em; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.threePLPop_inputGroup-tel .threePLPop_inputText { width: calc((100% - 30px) / 3); display: inline-block; vertical-align: top; } 
.threePLPop_dash { width: 15px; height: 30px; line-height: 30px; color: #aeaeae; display: inline-block; vertical-align: top; font-size: 16px; text-align: center; } 
.threePLPop_inputGroup-address .threePLPop_inputText { width: calc(100% - 34.5px); vertical-align: top; } 
.threePLPop_searchBtn { display: inline-block; width: 30px; height: 30px; background-image: url("../../images/add_event/3pl/ico_search.png"); background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: 4.5px; vertical-align: top; } 
.threePLPop_btnArea { margin-top: 15px; text-align: center; } 
.threePLPop_submitBtn { display: inline-block; width: 150px; height: 40px; line-height: 40px; font-size: 13px; font-weight: 500; color: #fff; letter-spacing: -0.05em; background: #333; } 
.threePLPop_cautionArea { margin-top: 25px; padding: 25px; background: #f3f3f3; } 
.threePLPop_cautionTit { font-size: 12px; font-weight: 700; color: #333; letter-spacing: -0.05em; } 
.threePLPop_cautionList { margin-top: 15px; } 
.threePLPop_cautionList > li { font-size: 10px; letter-spacing: -0.05em; color: #333; margin-top: 5px; padding-left: 5.5px; text-indent: -5.5px; line-height: 1.3; } 
.threePLPop_cautionList > li:first-child { margin-top: 0; } 
.threePLPop_inputP { line-height: 30px; font-size: 12px; letter-spacing: -0.05em; color: #333; } 
.threePLPop_inputP a { color: #007eff; font-weight: 500; text-decoration: underline; margin-top: -4px; display: inline-block; } 
.threePLPop_copyBtn { position: absolute; top: 50%; margin-top: -12.5px; right: 0; width: 45px; height: 25px; line-height: 23px; border: 1px solid #333; background: #fff; color: #333; font-size: 10px; letter-spacing: -0.05em; font-weight: 500; text-align: center; box-sizing: border-box; } 
/* 20201106 3PL 배송 팝업 E */

/* 20201109 11월 럭키박스 S */
.event_luckyBox_01.event__wrapper { width: 100%; margin: 0 auto; overflow: hidden; } 
.event_luckyBox_01 .event__content { overflow: hidden; position: relative; } 
.event_luckyBox_01 .event__component p { position: absolute; } 
.event_luckyBox_01 .event__component p a { display: block; } 
/* 20201116 추가 */
.event_luckyBox_01 .event__component .luckyBox__appBtn { top: 97.45%; left: 42.4%; width: 23.3%; } 
/* 20201116 수정 */
.event_luckyBox_01 .event__component .luckyBox__googleBtn { top: 97.45%; left: 66.8%; width: 25.3%; } 
/* 20201116 수정 */
.event_luckyBox_01 .event__box { width: 100%; padding-top: 150%; position: absolute; top: 0; left: 0; background: url("../../images/add_event/event_luckyBox/luckyBox_f_comp.png") left center no-repeat; background-size: 2500% 100%; transform-origin: 50% 90%; } 
.event_luckyBox_01 .event__trigger { width: 50%; height: 0; padding-top: 50%; cursor: pointer; position: absolute; left: 25%; top: 18.6%; text-indent: -9999px; } 
.event_luckyBox_01 .popup__wrapper { display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; } 
.event_luckyBox_01 .popup__efbg { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; } 
.event_luckyBox_01 .popup__content { width: 60%; height: auto; position: absolute; top: 30%; left: 20%; -webkit-animation: bounceIn 0.75s both; animation: bounceIn 0.75s both; } 
.event_luckyBox_01 .popup__content img { width: 100%; } 
.event_luckyBox_01 .popup__button { display: block; width: 10%; height: 10%; position: absolute; top: 4%; right: 0; text-indent: -9999px; background: #fff; filter:alpha(opacity=0); opacity: 0; } 
.event_luckyBox_01 .popup__gotoBtn { display: block; width: 38%; position: absolute; top: 78%; left: 31%; } 
/* 20201116 수정 */
.event_luckyBox_01 .box__shake { -webkit-animation: lucky_wobble 1.95s linear infinite forwards; animation: lucky_wobble 1.95s linear infinite forwards; } 
.event_luckyBox_01 .box__open { -webkit-animation: lucky_box 1s steps(24) forwards; animation: lucky_box 1s steps(24) forwards; } 
.event_luckyBox_01 .snowfall-flakes { border-radius: 3px; opacity: 0.9; -webkit-animation: lucky_spin 5s infinite; animation: lucky_spin 5s infinite; } 
/* 20201109 11월 럭키박스 E */

/* 20201126 스탬프 S */
.stm { position: relative; } 
.stm_couponStatus { width: 100%; position: absolute; left: 0; top: 48.3%; text-align: center; } 

.stm_couponStatus p { font-size: 4vw; color: #333; letter-spacing: -0.05em; line-height: 1; } 
.stm_couponStatus p span { font-weight: 700; } 
.stm_stampStatus { width: 100%; height: 24vw; position: absolute; left: 0; top: 52.91%; } 
.stm_stampWrap { height: 24vw; position: relative; } 
.stm_stamp { display: inline-block; width: 25%; height: 100%; background: no-repeat top center; background-size: contain; text-indent: -9999px; } 
.stm_stamp-on { background-image: url("../../images/add_event/stm_202012/stamp.png"); } 
.stm_stamp:first-child { position: absolute; left: 6.7%; top: 0; } 
.stm_stamp:nth-child(2) { position: absolute; left: 37.3%; top: 0; } 
.stm_stamp:last-child { position: absolute; left: 68.3%; top: 0; } 
.stm_btnWrap { width: 100%; position: absolute; left: 0; top: 58.55%; text-align: center; } 
.stm_btnCoupon { display: block; width: 52.4%; height: 13vw; background-image: url("../../images/add_event/stm_202012/getBtn.png"); background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; text-indent: -9999px; } 

.stm_dim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; } 
.stm_pop { width: 75%; position: absolute; left: 50%; top: 5.38%; transform: translateX(-50%); } 

/* 달마다 달 클래스 추가할것! */
.stm_couponStatus.month-12 { top: 52.1%; } 
.stm_stampStatus.month-12 { top: 57%; } 
.stm_btnWrap.month-12 { top: 63.1%; } 
/* 20201126 스탬프 E */

/* 20201130 VIP 이벤트 S */
.vipChoice03 { position: relative; } 
.vipChoice03_btnWrap { position: absolute; left: 50%; top: 21.93%; transform: translateX(-50%); } 
.vipChoice03_btn { display: inline-block; width: 37vw; height: 11vw; text-indent: -9999px; } 
/* 20201130 VIP 이벤트 E */

/* 20201202 찾아주소 이벤트 S */
.quiz01 { position: relative; } 
.quiz01 .quiz_cow div { position: absolute; } 

/* 대표 소 */
.quiz01 .quiz_cow0 div.eyes { width: 14.8%; height: 1.5%; left: 42.3%; top: 7.39%; animation: quiz01_eyes 1.5s ease-in-out infinite alternate; background: no-repeat center; background-size: contain; } 
.quiz01 .quiz_cow0 div.armLeft { width: 18%; left: 18.9%; top: 9.8%; animation: quiz01_arm01 0.4s linear infinite alternate; transform-origin: right bottom; } 
.quiz01 .quiz_cow0 div.armRight { width: 18.7%; left: 64.4%; top: 11.5%; } 

/* 오이소 */
.quiz01 .quiz_cow1 div.body { width: 30%; left: 3.3%; top: 32.35%; animation: quiz01_jump 1s ease-in-out infinite; } 

/* 보이소 */
.quiz01 .quiz_cow2 div { z-index: 2; } 
.quiz01 .quiz_cow2 div.body { width: 23%; left: 27.4%; top: 33.1%; } 
.quiz01 .quiz_cow2 div.eyes { width: 6.8%; height: 1%; left: 35.32%; top: 34.15%; background: no-repeat center; background-size: contain; animation: quiz01_eyes 1.5s ease-in-out infinite alternate; } 

/* 사이소 */
.quiz01 .quiz_cow3 div.body { width: 25%; left: 45.2%; top: 32.75%; } 
.quiz01 .quiz_cow3 div.armRight { width: 12%; left: 56.1%; top: 35.57%; animation: quiz01_arm02 0.3s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; transform-origin: right top; } 

/* 하얀소 */
.quiz01 .quiz_cow4 div { z-index: 2; } 
.quiz01 .quiz_cow4 div.body { width: 23%; left: 70.8%; top: 33.25%; } 
.quiz01 .quiz_cow4 div.eyes { width: 6.8%; height: 1%; left: 78%; top: 34.1%; background: no-repeat center; background-size: contain; } 
.quiz01 .quiz_cow4 div.armLeft { width: 9%; left: 65.9%; top: 36%; } 
.quiz01 .quiz_cow4 div.armRight { width: 7%; left: 88%; top: 35.3%; animation: quiz01_arm01 0.3s linear infinite alternate; transform-origin: left bottom; } 
.quiz01 .quiz_cow4 div.cape { width: 24%; left: 74.3%; top: 35.8%; z-index: 1; animation: quiz01_cape 1.5s ease-in-out infinite alternate; transform-origin: center top; } 

@keyframes quiz01_jump { 
 0% { transform: translateY(0px); } 
 35% { transform: translateY(-10px); } 
 38% { transform: translateY(-10px); } 
 58% { transform: translateY(0px); } 
 }
@keyframes quiz01_eyes { 15% { opacity: 1; } 
 20% { opacity: 0; } 
 30% { opacity: 0; } 
 33% { opacity: 1; } 
 }
@keyframes quiz01_arm01 { 
 0% { transform: rotate(2deg); } 
 100% { transform: rotate(-4deg); } 
 }
@keyframes quiz01_arm02 { 
 0% { transform: rotate(7deg); } 
 100% { transform: rotate(-2deg); } 
 }
@keyframes quiz01_cape { 
 0% { transform: translateY(0px); } 
 100% { transform: translateY(5px); } 
 }

/* 앱스토어 */
.quiz01 .quiz_appBtn a { display: inline-block; position: absolute; bottom: 1.35%; text-indent: -9999px; } 
.quiz01 .quiz_appBtn a.quiz_appBtnApple { width: 23%; height: 1.6%; left: 42.3%; } 
.quiz01 .quiz_appBtn a.quiz_appBtnGoogle { width: 25%; height: 1.6%; left: 66.6%; } 
/* 20201202 찾아주소 이벤트 E */

/* 20201208 어메이징 이벤트 S */
.amazing { position: relative; overflow: hidden; } 
.amazing_snow { width: 100%; height: 189vw; position: absolute; left: 0; top: 0; } 
.amazing_snow .snowflakes { z-index: 1 !important; } 
.amazing_snow .snowflake { z-index: 1 !important; } 
.amazing_num { width: 100%; position: absolute; left: 0; top: 47.55%; } 
.amazing_num p { padding-right: 10px; font-size: 4vw; letter-spacing: -0.15em; text-align: center; line-height: 1.4; } 
.amazing_num b { font-weight: 600; letter-spacing: 0; } 
.amazing_btn { width: 100%; position: absolute; left: 0; top: 49.65%; text-align: center; } 
.amazing_btn a { display: inline-block; width: 48vw; height: 12.5vw; text-indent: -9999px; } 

.snowflake__inner_type_0:before { background-image: url("../../images/add_event/amazing/snow1.png") !important; } 
.snowflake__inner_type_1:before { background-image: url("../../images/add_event/amazing/snow2.png") !important; } 
.snowflake__inner_type_2:before { background-image: url("../../images/add_event/amazing/snow3.png") !important; } 
.snowflake__inner_type_3:before { background-image: url("../../images/add_event/amazing/snow4.png") !important; } 
.snowflake__inner_type_4:before { background-image: url("../../images/add_event/amazing/snow5.png") !important; } 
.snowflake__inner_type_5:before { background-image: url("../../images/add_event/amazing/snow6.png") !important; } 
.snowflake__inner_type_7:before { background-image: url("../../images/add_event/amazing/snow7.png") !important; } 
/* 20201208 어메이징 이벤트 E */

/* 20201229 룰렛이벤트 S */
.roulette14 { position: relative; } 
.roulette14_item p { position: absolute; } 
.roulette14_board { width: 79%; left: 10.7%; top: 36.88%; } 
.roulette14_arrow { width: 8.6%; left: 45.9%; top: 35.15%; } 
.roulette14_startBtn { width: 31%; left: 34.9%; top: 42.75%; } 
.roulette14_getBtn { width: 31.5%; left: 34.4%; top: 73.6%; } 
.roulette14_btn { left: 7.8%; bottom: 1.9%; width: 84%; font-size: 0; } 
.roulette14_btn span { display: inline-block; width: 35.4%; } 
.roulette14_btn a { display: inline-block; width: 29.9%; margin-left: 1.6%; } 
.roulette14_btn a.rou_btn_mar { display: inline-block; width: 27.4%; margin-left: 5.7%; } 

.roulette14_popbg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 100; } 
.roulette14_popup { width: 70%; margin-left: -35%; padding-bottom: 20px; position: absolute; left: 50%; top: 20%; background: #fff; text-align: center; z-index: 999; } 
.roulette14_popup .text { margin-top: 15px; font-size: 14px; font-weight: bold; color: #333; line-height: 15px; } 
.roulette14_popup .text02 { font-size: 11px; color: #333; } 
.roulette14_popup .btn-type2 { height: auto; padding: 0 12.5px; margin-top: 12.5px; background: #333; border: 0; font-size: 10px; color: #fff; line-height: 2.5; } 
/* 20201105 당첨 팝업 수정 */
/* 20201229 룰렛이벤트 E */

/* 20210118 윷놀이 S */
.yutnori { position: relative; } 
.yutnori .yut { display: inline-block; width: 7.5%; height: 0; padding-top: 29%; position: absolute; top: 22.4%; background: no-repeat center; background-size: contain; } 
.yutnori .yut.yut1 { left: 31.7%; background-image: url("../../images/add_event/yutnori/yut1.png"); } 
.yutnori .yut.yut2 { left: 41.7%; background-image: url("../../images/add_event/yutnori/yut1.png"); } 
.yutnori .yut.yut3 { left: 51.7%; background-image: url("../../images/add_event/yutnori/yut2.png"); } 
.yutnori .yut.yut4 { left: 61.7%; background-image: url("../../images/add_event/yutnori/yut3.png"); } 
.yutnori .yut.yut1.animation { animation: spin1 0.8s linear; } 
.yutnori .yut.yut2.animation { animation: spin2 0.8s linear; } 
.yutnori .yut.yut3.animation { animation: spin1 0.8s linear; } 
.yutnori .yut.yut4.animation { animation: spin2 0.8s linear; } 
.yutnori .start { display: inline-block; width: 21.5%; height: 0; padding-top: 21.5%; position: absolute; top: 29.9%; left: 39.7%; } 
.yutnori .appBtn { display: inline-block; position: absolute; bottom: 1.5%; } 
.yutnori .appBtn.appBtn-apple { width: 23%; height: 1.6%; left: 42.3%; } 
.yutnori .appBtn.appBtn-google { width: 25%; height: 1.6%; left: 66.6%; } 
.popWinnerWrap { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; } 
.popWinner { position: absolute; top: 21%; left: 50%; margin-left: -44.5%; padding-bottom: 7vw; width: 89%; height: auto; background: #fff; z-index: 2; letter-spacing: -0.075em; color: #333; text-align: center; line-height: 1; } 
.popWinner img { width: 100%; } 
.popWinner_tit { font-size: 3.7vw; font-weight: 700; } 
.popWinner_txt { margin-top: 0.7vw; font-size: 3.1vw; font-weight: 400; line-height: 1.4; } 
.popWinner_btn { display: inline-block; height: 6vw; margin-top: 3.7vw; padding: 0 4vw; background: #333; font-size: 2.5vw; font-weight: 400; line-height: 6vw; color: #fff; } 
@keyframes spin1 { 50% { top: 17%; transform: rotate(360deg); } 
 100% { top: 21.4%; transform: rotate(720deg); } 
 }
@keyframes spin2 { 50% { top: 16%; transform: rotate(360deg); } 
 100% { top: 21.4%; transform: rotate(720deg); } 
 }
/* 20210118 윷놀이 E */

/* 20210120 에코 선착순 이벤트 S */
.ecoEvent { position: relative; } 
.ecoEvent_status { width: 100%; position: absolute; left: 0; top: 42.7%; font-size: 3.8vw; color: #333; letter-spacing: -0.05em; text-align: center; line-height: 1.4; } 
.ecoEvent_btn { display: inline-block; width: 312px; height: 100px; position: absolute; left: 29%; top: 44.65%; } 
.ecoEvent .threePLPop_pop { top: 38%; } 
/* 20210120 에코 선착순 이벤트 E */

/* 20210203 :: S 빈칸 채우기 */
.blankFill_event { position: relative; } 
.blankFill_btn { display: block; position: absolute; } 
.apply_btn { top: 35%; left: 32%; width: 36%; height: 2.3%; } 
.appStore_btn { bottom: 1.3%; left: 43%; width: 23%; height: 1.3%; } 
.googlePlay_btn { bottom: 1.3%; left: 67%; width: 24.5%; height: 1.3%; } 
/* 20210205 추가 :: s */
.blank_txt { position: absolute; width: 9.9%; height: 1.69%; } 
.blank_txt input[type="text"] { width: 100%; height: 100%; font-size: 6vw; border: 1px solid #ef3344; border-radius: 5px; color: #888; font-weight: bold; text-align: center; } 
.blank_txt1 { top: 26.2%; left: 12.8%; } 
.blank_txt2 { top: 30.34%; left: 30.3%; } 
.blank_txt3 { top: 30.34%; left: 40.6%; } 
/* 20210205 추가 :: e */
/* 20210203 :: E 빈칸 채우기 */

/* 20210208 :: S 만세위크 */
.hurray_event { position: relative; } 
.hurray_btn { display: block; position: absolute; } 
.hurray_event .apply_btn { top: 70.31%; left: 32.5%; width: 35%; height: 1.5%; } 
.hurray_event .appStore_btn { width: 23%; height: 0.9%; bottom: 0.83%; left: 42.3%; } 
.hurray_event .googlePlay_btn { width: 25%; height: 0.9%; bottom: 0.83%; left: 66.8%; } 
.radioBtn_wrap { position: absolute; left: 0.1%; width: 100%; height: 12%; } 
.radioBtn_wrap1 { top: 31.85%; } 
.radioBtn_wrap2 { top: 44.52%; } 
.radioBtn_wrap3 { top: 57.3%; } 
.radioBtn_wrap input[type="radio"] + label { width: 100%; height: 100%; position: absolute; overflow: hidden; font-size: 0; text-indent: -9999px; } 
.radioBtn_wrap input[type="radio"] { position: absolute; z-index: -1; width: 65px; height: 65px; top: 515px; left: 273px; } 
.on1:checked + label { background: url(../../images/add_event/event_hurray/styler__on.png)no-repeat center; background-size: 87%; } 
.on2:checked + label { background: url(../../images/add_event/event_hurray/notebook__on.png)no-repeat center; background-size: 87%; } 
.on3:checked + label { background: url(../../images/add_event/event_hurray/aircleaner__on.png)no-repeat center; background-size: 87%; } 
/* 20210208 :: E 만세위크 */

/* 20210216 :: S 쿨리백 */
@font-face { font-family: 'Gotham'; font-style: normal; font-weight: 500; src: url("../../common/fonts/Gotham-Medium.eot"); src: url("../../common/fonts/Gotham-Medium?#iefix") format('embedded-opentype'), url("../../common/fonts/Gotham-Medium.woff2") format('woff2'), url("../../common/fonts/Gotham-Medium.woff") format('woff'); } 
.coolybag { position: relative; } 
.coolybag_box { position: relative; } 
.coolybag_box > a { display: block; } 
.coolybag_btn { display: block; position: absolute; } 
.coolybag_btn01 { width: 50%; height: 7.8%; left: 25%; top: 4.4%; } 
.coolybag_btn02,
.coolybag_btn03 { width: 23.2%; height: 1.5%; left: 25.1%; top: 81.2%; } 
.coolybag_btn03 { width: 25.2%; left: 49.4%; } 
.coolybag_status { width: 100%; position: absolute; left: 0; top: 89.4%; font-size: 3.8vw; color: #333; letter-spacing: -0.05em; text-align: center; font-family: 'Noto Sans KR', sans-serif; } 
.coolybag_status span { font-family: "Gotham"; font-weight: 500; } 
.progStus { background: #f7f7f7; padding: 19% 5% 10%; margin: 0 5%; } 
.progStus_barArea { height: 10px; background: #d1d1d1; position: relative; } 
.progStus_barArea::after { content: ""; display: inline-block; background: url("../../images/add_event/coolybag/run04.png") no-repeat 0 0; width: 11px; height: 27px; position: absolute; right: -10px; top: -27px; background-size: cover; } 
.end .progStus_barArea::after { display: none; } 
.progStus_bar { position: absolute; left: 0; top: 0; height: 100%; } 
.mid .progStus_bar { width: 50%; background: url("../../images/add_event/coolybag/line01.png") no-repeat 0 0; } 
.end .progStus_bar { width: 100%; background: #ff3b71; } 
.progStus_bar::after { content: ""; display: inline-block; width: 54px; height: 52px; position: absolute; top: -52px; } 
.start .progStus_bar::after { background: url("../../images/add_event/coolybag/run01.png") no-repeat right bottom; right: -13px; background-size: 100%; } 
.mid .progStus_bar::after { background: url("../../images/add_event/coolybag/run02.png") no-repeat right bottom; right: -5px; background-size: 100%; } 
.end .progStus_bar::after { background: url("../../images/add_event/coolybag/run03.png") no-repeat right bottom; right: 0; background-size: 100%; } 
.progStus_num { position: relative; background-size: 100%; } 
.numTxt { display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #000000; font-size: 11px; position: absolute; top: 5px; } 
.starNum { left: 0; } 
.endNum { right: 0; } 
.midNum { left: 50%; transform: translate(-50%); display: none; } 
.mid .midNum { display: block; } 
/* 20210216 :: E 쿨리백 */

/* 20210224 :: S 만세위크쇼핑뉴스 */
.mansae_news .event_navArea { width: 100%; } 
.mansae_news .event_navArea.stuck { position: fixed; left: 15px; top: 0; z-index: 2; width: calc(100% - 30px); } 
.mansae_news .event_nav { width: 100%; } 
.mansae_news .event_nav ul { width: 100%; padding-bottom: 20%; background: url("../../images/news/mansae/mansae_nav.jpg") no-repeat 0 0; background-size: 100%; position: relative; } 
.mansae_news .event_nav li { position: absolute; height: 100%; } 
.mansae_news .event_nav .event_nav01 { width: 17.6%; left: 0; } 
.mansae_news .event_nav .event_nav02 { width: 25%; left: 17.6%; } 
.mansae_news .event_nav .event_nav03 { width: 18.6%; left: 42.6%; } 
.mansae_news .event_nav .event_nav04 { width: 17.7%; left: 61.2%; } 
.mansae_news .event_nav .event_nav05 { width: 21.1%; left: 78.9%; } 
.mansae_news .event_nav li a { display: block; width: 100%; height: 100%; } 
.mansae_news .event_con > div { position: relative; } 
.mansae_news .mansaeBtn { display: block; position: absolute; width: 46.3%; left: 27%; } 
.mansae_news .mansaeBtn01 { height: 3.1%; top: 39.8%; } 
.mansae_news .mansaeBtn02 { height: 3.1%; top: 82.4%; } 
.mansae_news .mansaeBtn03 { width: 51.8%; height: 1.4%; left: 24.2%; top: 7.6%; } 
.mansae_news .mansaeBtn04 { height: 1.2%; top: 35.7%; } 
.mansae_news .mansaeBtn05 { height: 3.8%; top: 43.5%; } 
.mansae_news .mansaeBtn06 { height: 3.8%; top: 92%; } 
.mansae_news .mansaeBtn07 { height: 2.9%; top: 53.8%; } 
.mansae_news .mansaeBtn08 { height: 2.9%; top: 89.9%; } 
/* 20210224 :: E 만세위크쇼핑뉴스 */

/* 20210322 :: S 언텍트이벤트 */
.untect { position: relative; } 
.untect_box { position: relative; } 
.untect_status { width: 100%; position: absolute; left: 0; top: 39.1%; font-size: 3.8vw; color: #333; letter-spacing: -0.05em; text-align: center; font-family: 'Noto Sans KR', sans-serif; } 
.untect_status span { font-family: "Gotham"; font-weight: 500; } 
.untect_btn { display: block; position: absolute; } 
.untect_btn01 { width: 50%; height: 3.5%; left: 25%; top: 43%; } 
.untect_btn02 { width: 23%; height: 6%; left: 25.3%; top: 17%; } 
.untect_btn03 { width: 25%; height: 6%; left: 49.7%; top: 17%; } 
/* 20210322 :: E 언텍트이벤트 */

/* 20210402 :: S 4월전자영수증이벤트 */
.eReceipt { position: relative; } 
.eReceipt > img { width: 100%; vertical-align: middle; } 
.eReceipt_btn { display: block; width: 50%; height: 2.1%; position: absolute; left: 24.4%; top: 63.7%; } 
/* 20210402 :: E 4월전자영수증이벤트 */

/* 20210405 4월 지점 주년 쇼핑뉴스 :: S */
.shopping_news { position: relative; } 
.shopping_newsBtn1 { display: block; position: absolute; top: 53.5%; left: 0; width: 100%; height: 1.5%; } 
.shopping_newsBtn2 { display: block; position: absolute; top: 72.1%; left: 26%; width: 48%; height: 1.2%; } 
.shopping_newsBtn3 { display: block; position: absolute; bottom: 0.9%; left: 28%; width: 47%; height: 1.2%; } 
.shopping_news_videoWrap { width: 90%; position: absolute; left: 5%; top: 20.65%; border: 15px solid #f5e3cc; box-sizing: border-box; border-radius: 35px; } 
.shopping_news_videoContainer { position: relative; padding-top: 59.7%; border-radius: 20px; overflow: hidden; } 
.shopping_news_video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } 
/* 20210405 4월 지점 주년 쇼핑뉴스 :: E */

/* 20210419 5월 앱 이벤트 :: S */
.happytogether { position: relative; } 
.happytogether > div { position: absolute; } 
.happyAnibox { top: 11.6%; left: 11.4%; animation: happyAni 1.4s infinite ease-in-out alternate; width: 71%; } 
@keyframes happyAni { 
 0% { transform: translateY(0); } 
 100% { transform: translateY(10px); } 
 }
.happybox { left: 20%; top: 29.7%; width: 58%; height: 33%; } 
.happyBtn { display: inline-block; position: absolute; left: 32.4%; bottom: 35.1%; width: 35%; } 
.happyinput { display: inline-block; width: 100%; margin-bottom: 5%; height: 32.3%; position: relative; } 
.happyinput:last-child { margin-bottom: 0; } 
.happyinput input[type="radio"] { position: absolute; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; bottom: 10%; } 
.happyinput input[type="radio"]+label { cursor: pointer; position: relative; width: 100%; height: 100%; background-repeat: no-repeat; content: ''; display: inline-block; background-size: contain; } 
.happyinput01 input[type="radio"]+label { background-image: url("../../images/add_event/happytogether/happy_input1.png"); } 
.happyinput02 input[type="radio"]+label { background-image: url("../../images/add_event/happytogether/happy_input2.png"); } 
.happyinput03 input[type="radio"]+label { background-image: url("../../images/add_event/happytogether/happy_input3.png"); } 
.happyinput01 input[type="radio"]:checked+label { background-image: url("../../images/add_event/happytogether/happy_input1_on.png"); } 
.happyinput02 input[type="radio"]:checked+label { background-image: url("../../images/add_event/happytogether/happy_input2_on.png"); } 
.happyinput03 input[type="radio"]:checked+label { background-image: url("../../images/add_event/happytogether/happy_input3_on.png"); } 
/* 20210419 5월 앱 이벤트 :: E */

/* 20210524 6월 럭키박스 S */
.event_luckyBox_02.event__wrapper { width: 100%; margin: 0 auto; overflow: hidden; } 
.event_luckyBox_02 .event__content { overflow: hidden; position: relative; } 
.event_luckyBox_02 .event__component p { position: absolute; } 
.event_luckyBox_02 .event__component p a { display: block; } 
.event_luckyBox_02 .event__component .luckyBox__appBtn { display: block; position: absolute; top: 98.05%; left: 41.9%; width: 23.3%; height: 1%; text-indent: -9999px; } 
.event_luckyBox_02 .event__component .luckyBox__googleBtn { display: block; position: absolute; top: 98.05%; left: 66.2%; width: 25.3%; height: 1%; text-indent: -9999px; } 
.event_luckyBox_02 .event__box { width: 100%; padding-top: 174%; position: absolute; top: 0; left: -1.3%; background: url("../../images/add_event/event_luckyBox/luckyBox_f_comp.png") left center no-repeat; background-size: 2500% 100%; transform-origin: 50% 90%; pointer-events: none; } 
.event_luckyBox_02 .event__trigger { width: 50%; height: 0; padding-top: 50%; cursor: pointer; position: absolute; left: 25%; top: 14.6%; text-indent: -9999px; } 
.event_luckyBox_02 .popup__wrapper { display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 10; } 
.event_luckyBox_02 .popup__efbg { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; } 
.event_luckyBox_02 .popup__content { width: 60%; height: auto; position: absolute; top: 30%; left: 20%; -webkit-animation: bounceIn 0.75s both; animation: bounceIn 0.75s both; } 
.event_luckyBox_02 .popup__content img { width: 100%; } 
.event_luckyBox_02 .popup__button { display: block; width: 10%; height: 10%; position: absolute; top: 4%; right: 0; text-indent: -9999px; background: #fff; filter:alpha(opacity=0); opacity: 0; } 
.event_luckyBox_02 .popup__gotoBtn { display: block; width: 38%; position: absolute; top: 78%; left: 31%; } 
.event_luckyBox_02 .box__shake { -webkit-animation: lucky_wobble 1.95s linear infinite forwards; animation: lucky_wobble 1.95s linear infinite forwards; } 
.event_luckyBox_02 .box__open { -webkit-animation: lucky_box 1s steps(24) forwards; animation: lucky_box 1s steps(24) forwards; } 
.event_luckyBox_02 .snowfall-flakes { border-radius: 3px; opacity: 0.9; -webkit-animation: lucky_spin 5s infinite; animation: lucky_spin 5s infinite; } 
/* 20210524 6월 럭키박스 E */

/* 20210626 6월 언택트 이벤트 S */
.untect02 .untect_status { top: 39.3%; } 
.untect02 .untect_btn01 { top: 42.8%; } 
.untect02 .untect_btn02 { height: 1.3%; top: 83.1%; } 
.untect02 .untect_btn03 { height: 1.3%; top: 83.1%; } 
.untect02 .threePLPop_pillTit { line-height: 18px; } 
/* 20210626 6월 언택트 이벤트 E */

/* 20210622 E맘클럽 간편가입 S */
/* 버튼 */
.emomclub_wrap .btn_style01 { background: #232427; width: calc((100% - 10px)/2); height: 37px; color: #fff; font-size: 14px; letter-spacing: -0.075em; font-weight: 600; line-height: 1; border: 1px solid #333; box-sizing: border-box; margin-left: 10px; } 
.emomclub_wrap .btn_style02 { background: #fff; width: calc((100% - 10px)/2); height: 37px; color: #333; font-size: 14px; letter-spacing: -0.075em; font-weight: 600; line-height: 1; border: 1px solid #333; box-sizing: border-box; } 
.emomclub_wrap .btn_style03 { background: #232427; width: 100%; height: 37px; color: #fff; font-size: 14px; letter-spacing: -0.075em; font-weight: 600; line-height: 1; } 
.emomclub_wrap .btn_style04 { background: #fff; width: 100%; height: 37px; color: #333; font-size: 14px; letter-spacing: -0.075em; font-weight: 600; line-height: 1; border: 1px solid #333; box-sizing: border-box; } 
.emomclub_wrap .btn_style05 { background: #232427; width: 100%; height: 37px; color: #fff; font-size: 14px; letter-spacing: -0.075em; font-weight: 600; line-height: 1; border: 1px solid #333; box-sizing: border-box; } 
/* 라디오버튼커스텀 */
.children_info input[type="radio"] { width: 0; height: 0; opacity: 0; position: absolute; } 
.radio_custom { font-size: 0; margin-right: 10px; } 
.radio_custom:last-of-type { margin-right: 0; } 
.children_info .radio_custom span { display: inline-block; width: calc((100% - 10px)/2); height: 37px; line-height: 37px; color: #333; background: #fff; border: 1px solid #333; text-align: center; font-size: 13px; box-sizing: border-box; } 
.children_info .radio_custom input:checked + span { background: #232427 url('../../images/EmomclubJoin/ico_chk_w.png')left calc(50% - 24px) center / 10px no-repeat; color: #fff; } 
/* 간편가입_EMCjoin_simple_01 */
.emomjoin_simple.rn_login { margin: 0; padding: 0 40px 7.5704vh; min-height: calc(100vh - 50px); background: #fbe162; box-sizing: border-box; } 
.emomjoin_simple figure { width: 83.8842%; margin: 0 15px 0 auto; padding: 6.514vh 0 5.2816vh; } 
.emomjoin_simple .login_selection { display: flex; gap: 20px; } 
.emomjoin_simple .login_selection .selection { width: calc((100% - 20px)/2); border-radius: 9.375vw; margin-top: 0; background: #fff; } 
.emomjoin_simple .login_selection .selection a { display: block; min-height: 110px; } 
.emomjoin_simple .login_selection .selection a > img { width: 50.909%; display: block; margin: 0 auto; padding-top: 26.3636%; } 
.emomjoin_simple .login_selection .selection a > span { padding: 10.909% 0 14.5454%; font-size: 3.4375vw; letter-spacing: -0.075em; line-height: 1; } 
/* 회원가입_EMCjoin_simple_02 */
.emomclub_wrap { padding: 20px 15px; } 
.emomclub_wrap h4 { font-weight: 500; font-size: 16px; color: #333; padding-bottom: 10px; border-bottom: 1px solid #323335; } 
.emomclub_wrap input:focus { outline: none; } 
.children_info h5 { font-size: 13px; font-weight: 500; line-height: 1; letter-spacing: -0.075em; color: #333; padding: 20px 0 10px; } 
.children_info h5 span { color: #cb2020; } 
.children_info input { height: 37px; line-height: 37px; width: 100%; box-sizing: border-box; border: 1px solid #ddd; padding: 0 10px; } 
.children_info input::placeholder { color: #ccc; font-size: 13px; letter-spacing: -0.075em; font-weight: 300; } 
:-ms-input-placeholder { color: #ccc; font-size: 13px; letter-spacing: -0.075em; font-weight: 300; } 
.children_info .sel-type1 { width: calc((100% - 37.931% - 20px)/2); margin-right: 10px; box-sizing: border-box; height: 37px; line-height: 37px; border: 1px solid #ddd; background: #fff; float: left; position: relative; } 
.children_info .sel-type1:first-of-type { width: 37.9310%; } 
.children_info .sel-type1:last-of-type { margin-right: 0; } 
.children_info .sel-type1 select { width: 100%; height: 100%; background: none; cursor: pointer;} 
.sel-type1 > select { position: absolute; left: 0; top: 0; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; font-size: 13px; padding: 5px 0; background: none; } 
.children_info .sel-type1 .selected { height: 37px; position: relative; display: block; font-size: 14px; color: #636363; padding: 0 10px; line-height: 37px; background: url("../../images/ico/ico_arrow_down_new.png") right 10px center / 7px no-repeat; box-sizing: border-box; } 
.birth_radio_wrap { margin: 11px 0; } 
.birth_radio_wrap + p { font-size: 13px; font-weight: 300; line-height: 1; } 
.children_info input { cursor: pointer; } 
.emomclub_wrap .btn_wrap { text-align: center; padding-top: 25px; font-size: 0; } 

/* 가입완료_EMCjoin_simple_03 */
.emomclub_wrap.join_done .txt_wrap_01 { margin: 40px auto 24px; text-align: center; } 
.emomclub_wrap.join_done figure { width: 70px; height: 70px; margin: 0 auto 30px; } 
.emomclub_wrap.join_done .txt_wrap_01 p { font-size: 14px; font-weight: 500; line-height: 1; color: #666; margin-top: 5px; } 
.emomclub_wrap.join_done .txt_wrap_01 p:nth-of-type(1) { font-size: 18px; font-weight: 700; line-height: 1.38; color: #000; margin-top: 0; margin-bottom: 20px; } 
.emomclub_wrap.join_done .login_selection { padding: 0 13.4482%; display: flex; gap: 7.8125vw; } 
.emomclub_wrap.join_done .login_selection .selection { width: calc((100% - 7.8125vw)/2); border-radius: 5.9375vw; margin-top: 0; background: #f1f1f1; } 
.emomclub_wrap.join_done .login_selection .selection a { display: block; min-height: 95px; } 
.emomclub_wrap.join_done .login_selection .selection a > img { width: 48.421%; display: block; margin: 0 auto; padding-top: 16.2105%; } 
.emomclub_wrap.join_done .login_selection .selection a > span { padding: 5.5263% 0 17.8947%; font-size: 13px; letter-spacing: -0.075em; line-height: 1; } 
.emomclub_wrap.join_done .txt_wrap_02 { text-align: center; font-size: 0; margin-top: 25px; } 
.emomclub_wrap.join_done .txt_wrap_02 img { width: 32px; display: inline-block; vertical-align: middle; } 
.emomclub_wrap.join_done .txt_wrap_02 div { display: inline-block; vertical-align: middle; text-align: left; font-size: 12px; padding-left: 8px; } 
.emomclub_wrap.join_done .txt_wrap_02 p { line-height: 17px; } 
/* 가입정보_EMCjoin_simple_04 */ 
.emomclub_wrap.join_info h4 { margin-bottom: 15px; } 
.emomclub_wrap.join_info .children_info { padding: 8px 13px 13px; border-radius: 13px; background: #f3f3f3; margin-bottom: 25px; } 
.emomclub_wrap.join_info .children_info table { width: 100%; color: #4c4c4c; }
.emomclub_wrap.join_info .children_info th { width: 24.6212%; max-width: 100px; padding: 9px 0; text-align: left; font-size: 14px; font-weight: 500; line-height: 1; } 
.emomclub_wrap.join_info .children_info thead th { width: 100%; padding: 4px 0; line-height: 24px; text-align: left; border-bottom: 1px solid #e1e1e1; } 
.emomclub_wrap.join_info .children_info td { padding: 4px 0; text-align: left; font-size: 13px; line-height: 24px; font-weight: 400; } 
.emomclub_wrap.join_info .children_info button { font-size: 12px; font-weight: 500; letter-spacing: -0.075em; line-height: 24px; background: #232427; border-radius: 11.5px; color: #fff; padding: 0 11px; float: right; vertical-align: middle; display: none; } 
.emomclub_wrap.join_info .children_info button.on { display: inline-block; } 
/* 가입완료_EMCjoin_simple_05 */
.emomclub_wrap.join_done .btn_style04 { margin-bottom: 15px; } 
.emomclub_wrap.join_done.copy .txt_wrap_01 { margin: 65px auto 61px; } 
.emomclub_wrap.join_done.copy .txt_wrap_01 p:nth-of-type(1) { margin-bottom: 15px; } 
.emomclub_wrap.join_done.copy .btn_wrap { padding-top: 59px; } 
/* 가입정보_수정_EMCjoin_simple_06 */
.emomclub_wrap.modify .children_info > p { font-size: 14px; font-weight: 700; color: #333; border-bottom: 1px solid #dbdbdb; padding: 20px 0 10px; } 
.emomclub_wrap.modify .btn_wrap { margin-top: 0; } 
.emomclub_wrap.modify .children_info li:last-of-type { padding-bottom: 20px; } 
/* 안내팝업 M_EMCJoin02_04*/
.pop_dim { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 9999; padding: 0 15px; box-sizing: border-box; } 
.pop_contents_wrap { width: calc(100% - 30px); max-width: 1024px; padding: 64px 15px 32px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9999; } 
.pop_contents p { font-size: 15.5px; line-height: 25px; color: #000; font-weight: 500; text-align: center; word-break: keep-all; } 
.pop_contents p:last-of-type { font-size: 14px; line-height: 20px; font-weight: 500; margin-top: 20px; padding: 0 20px 30px; } 
.pop_contents_wrap .btn_popClose { width: 15px; height: 15px; position: absolute; top: 14px; right: 15px; text-indent: -9999px; background: url('../../images/EmomclubJoin/btn_close_02.png')center / cover no-repeat; } 
.pop_contents_wrap .btn_wrap { text-align: center; font-size: 0; } 
.pop_contents_wrap .btn_style01 { width: calc((100% - 10px)/2); background: #232427; height: 37px; line-height: 37px; box-sizing: border-box; color: #fff; font-weight: 500; margin-right: 10px; font-weight: 500; box-sizing: border-box; } 
.pop_contents_wrap .btn_style02 { width: calc((100% - 10px)/2); border: 1px solid #232427; box-sizing: border-box; background: none; height: 37px; line-height: 37px; color: #232427; font-weight: 500; box-sizing: border-box; letter-spacing: -0.077em; } 
/* 20210622 E맘클럽 간편가입 E */

/* 20210825 9월 굿즈 이벤트// */
@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.goods {font-family: 'SpoqaHanSansNeo-Regular', sans-serif; position: relative;}
.goods .goods_box {position: relative;}
.goods .progress {background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.goods .progress.start {background-image: url(../../images/add_event/goods/goods03_start.jpg);}
.goods .progress.mid {background-image: url(../../images/add_event/goods/goods03_mid.jpg);}
.goods .progress.end {background-image: url(../../images/add_event/goods/goods03_end.jpg);}
.goods .rest_cnt {display: block; width: 100%; font-size: 4.3vw; color: #333; text-align: center; box-sizing: border-box; position: absolute; left: 0; top: 41.8%;}
.goods .rest_cnt strong {font-family: 'SpoqaHanSansNeo-Bold', sans-serif;}
.goods .btn_goods {display: block ; width: 49.5%; height: 20.83%; position: absolute; left: 50%; bottom: 16.66%; transform: translate(-50%, 0);}
  /* //20210825 9월 굿즈 이벤트 */
  
    /* 20211015 11월 럭키박스 S */
.event_luckyBox_03.event__wrapper { width: 100%; margin: 0 auto; overflow: hidden; } 
.event_luckyBox_03 .event__content { overflow: hidden; position: relative; } 
.event_luckyBox_03 .event__component p { position: absolute; } 
.event_luckyBox_03 .event__component p a { display: block; } 
.event_luckyBox_03 .event__box { width: 100%; padding-top: 182%; position: absolute; top: 0; left: -1.3%; background: url("../../images/add_event/event_luckyBox_03/luckyBox_f_comp.png") left center no-repeat; background-size: 2500% 100%; transform-origin: 50% 90%; pointer-events: none; } 
.event_luckyBox_03 .event__trigger { width: 50%; height: 0; padding-top: 50%; cursor: pointer; position: absolute; left: 25%; top: 15.3%; text-indent: -9999px; } 
.event_luckyBox_03 .popup__wrapper { display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 10; } 
.event_luckyBox_03 .popup__efbg { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; } 
.event_luckyBox_03 .popup__content { width: 60%; height: auto; position: absolute; top: 30%; left: 20%; -webkit-animation: bounceIn 0.75s both; animation: bounceIn 0.75s both; } 
.event_luckyBox_03 .popup__content img { width: 100%; } 
.event_luckyBox_03 .popup__button { display: block; width: 10%; height: 10%; position: absolute; top: 4%; right: 0; text-indent: -9999px; background: #fff; filter:alpha(opacity=0); opacity: 0; } 
.event_luckyBox_03 .popup__gotoBtn { display: block; width: 38%; position: absolute; top: 80%; left: 31%; } /* 20211020 수정  */
.event_luckyBox_03 .box__shake { -webkit-animation: lucky_wobble 1.95s linear infinite forwards; animation: lucky_wobble 1.95s linear infinite forwards; } 
.event_luckyBox_03 .box__open { -webkit-animation: lucky_box 1s steps(24) forwards; animation: lucky_box 1s steps(24) forwards; } 
.event_luckyBox_03 .snowfall-flakes { border-radius: 3px; opacity: 0.9; -webkit-animation: lucky_spin 5s infinite; animation: lucky_spin 5s infinite; } 
  /* 20211015 11월 럭키박스 E */
  
  /* 20230203 추가 :: S */
.appServiceEnd{position: relative;}
.appServiceEnd img{width: 100%; display: block;}
.appServiceEnd_down{display: block; position: absolute; width: 66.3%; height: 6.6%; left: 16.7%; top: 88%; text-indent: -9999px;}
/* 20230203 추가 :: E */