@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

.ft_clr_red {color:#FF0000 !important;}
.floating {display:none;}

#eventWrap {display:block; width:100%; min-height:calc(100vh - 243px); text-align:center;}
#eventWrap .inner {display:inline-block; width:720px; margin:0 auto; padding:60px 0; text-align:left;}
#eventWrap .inner .visualBox {position:relative; width:100%; background:#f4e7df;}
#eventWrap .inner .visualBox img.img {width:100%; object-fit:cover;}
#eventWrap .inner .visualBox dl {position:absolute; top:0; left:0; width:100%; height:100%;}
#eventWrap .inner .visualBox dl dt {display:block; position:absolute; top:22%; left:0; width:100%; text-align:center;}
#eventWrap .inner .visualBox dl dt img.logo {height:30px;}
#eventWrap .inner .visualBox dl dt strong {display:block; padding:10px 0 0 0; text-align:center; color:#fff; font-size:30px; font-weight:700;}
#eventWrap .inner .visualBox dl dd {display:block; position:absolute; bottom:10%; left:0; width:100%; color:#fff; font-size:20px; font-weight:700; text-align:center; line-height:40px;}
#eventWrap .inner .visualBox .btnBox.fix {position:absolute; bottom:12%; left:0; width:calc(100% - 40px); margin:20px; padding:0;}
#eventWrap .inner .visualBox .btnBox.fix2 {position:absolute; bottom:140px; left:50%; width:540px; margin:0; padding:0; transform:translateX(-50%);}
#eventWrap .inner .visualBox .btnBox button.btn_bg_img {overflow:hidden; width:100%; height:60px; margin:0; padding:0; line-height:200px; border:none; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240820/img_e240820_button.jpg") no-repeat 50% 50%/90%;}
#eventWrap .inner .visualBox .btnBox button.btn_bg_img:hover {}
#eventWrap .inner .visualBox .btnBox .btn_bg_gray {display:block; width:70%; margin:0 15%; padding:15px 0; color:#fffef1; font-size:18px; background:#606060;}
#eventWrap .inner .visualBox .btnBox .btn_bg_blue {display:block; width:70%; margin:0 15%; padding:15px 0; color:#fffef1; font-size:18px; background:#001DFF;}
#eventWrap .inner .visualBox .btnBox.b10p {position:absolute; bottom:15%; left:0; width:calc(100% - 40px); margin:20px; padding:0;}
#eventWrap .inner .visualBox .btnBox.b10p .btn_bg_w {display:block; width:calc(100% - 20%); margin:0 10%; padding:20px 0; color:#1b1b1b; font-size:18px; background:#fff;}
#eventWrap .inner .visualBox .txtBox {position:absolute; top:50%; left:50%; width:calc(100% - 20%); text-align:center; transform:translate(-50%,-50%);}
#eventWrap .inner .visualBox .txtBox img {width:100%;}
#eventWrap .inner .visualBox .txtBox a {display:block; width:calc(100% - 10%); margin:50px 5%; padding:20px 0; color:#1b1b1b; font-size:18px; font-weight:600; background:#fff;}
#eventWrap .inner .visualBox .counter {position:absolute; top:50%; left:0; width:100%; margin:-5% 0 0 0; color:#fff; font-size:100px; font-weight:700; text-align:center; transform:translate(0,-50%);}
@-webkit-keyframes numScale {
0% {transform:translate(0,-50%) scale(1.5);}
100% {transform:translate(0,-50%) scale(0.8);}
}
@keyframes numScale {
0% {transform:translate(0,-50%) scale(1.5);}
100% {transform:translate(0,-50%) scale(0.8);}
}

#eventWrap .inner .fullBox {overflow:hidden; position:relative; width:100%; height:100%; background:#fefdf8;}
#eventWrap .inner .fullBox:before {content:''; display:block; position:absolute; top:23%; left:0; width:4%; height:0.7%; background:#fffef1;}
#eventWrap .inner .fullBox img {width:100%; height:100%; object-fit:cover;}
#eventWrap .inner .fullBox img.pc {display:block;}
#eventWrap .inner .fullBox img.mo {display:none;}
#eventWrap .inner .fullBox video {width:100%; height:100%; object-fit:cover;}
#eventWrap .inner .fullBox video.pc {display:none;}
#eventWrap .inner .fullBox video.mo {display:block;}
#eventWrap .inner .fullBox .infoBox {position:absolute; top:50%; left:0; width:100%; padding:0; text-align:center; transform:translateY(-50%);}
#eventWrap .inner .fullBox .infoBox .cpin_mTxt {clear:both; overflow:hidden; margin:0 0 20% 0; color:#1b1b1b; font-size:24px; font-weight:700; letter-spacing:-1px;}
#eventWrap .inner .fullBox .infoBox .cpin_ani {display:inline-block; position:relative; height:180px; margin:0 0 15% 0; padding:0 95px 0 80px; color:#fffef1; font-size:180px; font-weight:500; line-height:160px; letter-spacing:-4px;}
#eventWrap .inner .fullBox .infoBox .cpin_ani .movement {display:inline-block; position:absolute; top:35%; right:0; width:80px; height:80px; transform:translateY(-50%);}
#eventWrap .inner .fullBox .infoBox .cpin_ani .movement em {overflow:hidden; position:absolute; top:0; right:0; width:100%; height:100%; text-indent:-999px; }
#eventWrap .inner .fullBox .infoBox .cpin_ani .movement em.unit01 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_w_unit01.svg") no-repeat 50% 50%/100%;}
#eventWrap .inner .fullBox .infoBox .cpin_ani .movement em.unit02 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_w_unit02.svg") no-repeat 50% 50%/100%; opacity:0; animation:pstg_show1 10s ease-in-out infinite;}
#eventWrap .inner .fullBox .infoBox .cpin_ani .movement em.unit03 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_w_unit03.svg") no-repeat 50% 50%/100%; opacity:0; animation:pstg_show2 10s ease-in-out infinite;}
@keyframes pstg_show1 {
0%  {opacity:0; }
15% {opacity:0;}
20% {opacity:1;}
85% {opacity:1;}
90% {opacity:0;}
100% {opacity:0;}
}
@keyframes pstg_show2 {
0%  {opacity:0; }
20% {opacity:0;}
25% {opacity:1;}
80% {opacity:1;}
85% {opacity:0;}
100% {opacity:0;}
}
#eventWrap .inner .fullBox .infoBox .cpin_sTxt {clear:both; overflow:hidden; margin:0 0 20% 0; color:#fffef1; font-size:18px; font-weight:400; letter-spacing:0; text-shadow:0 0 5px rgba(27,27,27,0.1);}
#eventWrap .inner .fullBox .infoBox .cpin_sTxt span {display:block; padding:10px 0 0 0; color:#fffef1; font-size:11px; opacity:0.5;}
#eventWrap .inner .fullBox .infoBox .cpin_sTxt2 {clear:both; overflow:hidden; margin:0 0 20% 0; color:#fffef1; font-size:18px; font-weight:400; letter-spacing:0;}
#eventWrap .inner .fullBox .infoBox .cpin_sTxt2 span {display:block; padding:10px 0 0 0; color:#fffef1; font-size:11px; opacity:0.5;}
#eventWrap .inner .fullBox .infoBox .cpin_update {clear:both; overflow:hidden; margin:0 0 15% 0; text-align:center; opacity:0.5;}
#eventWrap .inner .fullBox .infoBox .cpin_update:before {content:'다음 업데이트 까지'; display:block; margin:0 0 3px 0; color:#fffef1; font-size:12px;}
#eventWrap .inner .fullBox .infoBox .cpin_update span {display:inline-block; color:#fffef1; font-size:18px; font-weight:700; line-height:18px; vertical-align:top;}
#eventWrap .inner .fullBox .infoBox .cpin_update span:after {content:':'; display:inline-block; margin:0 3px; font-size:16px; font-weight:500; line-height:18px; vertical-align:middle;}
#eventWrap .inner .fullBox .infoBox .cpin_update span:last-child:after {display:none; content:''; margin:0;}
#eventWrap .inner .fullBox .infoBox .cpin_desc {clear:both; overflow:hidden; margin:0 0 30px 0;}
#eventWrap .inner .fullBox .infoBox .cpin_desc .ani_mouse_move {display:flex; width:20px; height:36px; margin:10px auto; border:2px solid #fffef1; border-radius:30px;}
#eventWrap .inner .fullBox .infoBox .cpin_desc .ani_mouse_move .mouse_down {display:block; width:10px; height:10px; background:linear-gradient(170deg, #fffef1, #fffef1); border-radius:50%; margin:auto; animation:ani_scrolling 1s linear infinite;}
@keyframes ani_scrolling {
0%   {opacity:0; transform:translateY(-10px);}
100% {opacity:1; transform:translateY(5px);}
}
#eventWrap .inner .fullBox .infoBox .cpin_desc .desc {color:#fffef1; font-size:13px; font-weight:400;}

#eventWrap .inner .fullBox .infoBox .button {display:block; clear:both; overflow:hidden; padding:0; color:#1b1b1b; font-size:26px; font-weight:700; text-align:center;}
#eventWrap .inner .fullBox .infoBox .button .btn_bg_w {display:inline-block; width:80%; padding:15px 0;}
#eventWrap .inner .fullBox .infoBox .button .cpin_ani {display:inline-block; position:relative; height:18px; margin:0; padding:0; color:#1b1b1b; font-size:26px; font-weight:500; line-height:16px; letter-spacing:0;}
#eventWrap .inner .fullBox .infoBox .button .cpin_ani .movement {display:inline-block; position:relative; top:50%; right:0; width:18px; height:18px; transform:translateY(-50%);}
#eventWrap .inner .fullBox .infoBox .button .cpin_ani .movement em {overflow:hidden; position:absolute; top:0; right:0; width:100%; height:100%; text-indent:-999px; }
#eventWrap .inner .fullBox .infoBox .button .cpin_ani .movement em.unit01 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_bk_unit01.svg") no-repeat 50% 50%/100%;}
#eventWrap .inner .fullBox .infoBox .button .cpin_ani .movement em.unit02 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_bk_unit02.svg") no-repeat 50% 50%/100%; opacity:0; animation:pstg_show1 10s ease-in-out infinite;}
#eventWrap .inner .fullBox .infoBox .button .cpin_ani .movement em.unit03 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_bk_unit03.svg") no-repeat 50% 50%/100%; opacity:0; animation:pstg_show2 10s ease-in-out infinite;}
#eventWrap .inner .fullBox .infoBox .button .desc {display:block; clear:both; overflow:hidden; padding:10px 0 0 0; color:#fffef1; font-size:14px; font-weight:300; opacity:0.7;}


/* 댓글 */
#eventWrap .inner .replyBox {display:block; padding:70px 50px; background:#fffef1;}
#eventWrap .inner .replyBox .iptArea {display:block; margin:0 0 30px 0;}
#eventWrap .inner .replyBox .iptArea .textArea {display:block; width:100%; height:100px; margin:0 0 25px 0; padding:20px; border:1px solid #545454; background:none; resize:none;}
#eventWrap .inner .replyBox .iptArea .textArea:foucs {border:1px solid #1b1b1b;}
#eventWrap .inner .replyBox .iptArea .btn_bg_bk {display:block; width:100%; padding:15px 0; color:#fffef1; text-align:center; background:#1b1b1b;}
#eventWrap .inner .replyBox p.desc {display:block; margin:20px 0 30px 0; font-size:18px; font-weight:400; line-height:1.6;}
#eventWrap .inner .replyBox ul.lst_reply {display:block; margin:0;}
#eventWrap .inner .replyBox ul.lst_reply li {display:block; padding:30px 0 20px 0; color:#1b1b1b; font-size:16px; font-weight:400; line-height:1.6; border-bottom:1px solid #bababa;}
#eventWrap .inner .replyBox ul.lst_reply li:last-child {border-bottom:none;}
#eventWrap .inner .replyBox ul.lst_reply li .info_top {display:block; clear:both; overflow:hidden; width:100%;}
#eventWrap .inner .replyBox ul.lst_reply li .info_top .userName {float:left; margin:0 20px 0 0;}
#eventWrap .inner .replyBox ul.lst_reply li .info_top .dateWrite {float:left;}
#eventWrap .inner .replyBox ul.lst_reply li .info_mid {display:-webkit-box; clear:both; overflow:hidden; width:100%; margin:10px 0; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#eventWrap .inner .replyBox ul.lst_reply li .info_mid.auto {-webkit-line-clamp:none;}
#eventWrap .inner .replyBox ul.lst_reply li .info_btm {display:block; clear:both; overflow:hidden; width:100%;}
#eventWrap .inner .replyBox ul.lst_reply li .info_btm .btn_txt_bk {float:left; margin:0 20px 0 0; font-size:14px; text-decoration:underline; background:none;}
#eventWrap .inner .replyBox ul.lst_reply li .info_btm .btn_txt_bk:last-child {margin:0;}
#eventWrap .inner .replyBox .pagination .page-item {font-weight:400;}
#eventWrap .inner .replyBox .pagination .page-item.active .page-link {background:none;}

#eventWrap .inner .prodBox2 {clear:both; overflow:hidden; background:#ebeade;}
#eventWrap .inner .prodBox2 .thumb {display:block;}
#eventWrap .inner .prodBox2 .thumb img {width:100%;}
#eventWrap .inner .prodBox2 .price {display:block; margin:50px 0 0 0; padding:0 45px; text-align:right;}
#eventWrap .inner .prodBox2 .price .primeCost {display:inline-block; position:relative; padding:0 5px; color:#7d7b7a; font-family:'Noto Serif KR',serif; font-size:32px; font-weight:300; line-height:46px;}
#eventWrap .inner .prodBox2 .price .primeCost:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1.5px; background:#7d7b7a;}
#eventWrap .inner .prodBox2 .price .primeCost::after {content:'원'; display:inline-block;}
#eventWrap .inner .prodBox2 .price .selling {display:inline-block; margin:0 0 0 10px; color:#1b1b1b; font-family:'Noto Serif KR',serif; font-size:46px; font-weight:700; line-height:46px;}
#eventWrap .inner .prodBox2 .price .selling::after {content:'원'; display:inline-block;}
#eventWrap .inner .prodBox2 .btnBox {display:block; clear:both; overflow:hidden; margin:0; padding:0 45px;}
#eventWrap .inner .prodBox2 .btnBox a {float:left; width:100%; margin:0; padding:20px 0;}
#eventWrap .inner .prodBox2 .btnBox a:first-child:nth-last-child(2) {width:calc(50% - 3px); margin:0 3px 0 0;}
#eventWrap .inner .prodBox2 .btnBox a:first-child:nth-last-child(2) ~ a {width:calc(50% - 3px); margin:0 0 0 3px;}
#eventWrap .inner .prodBox2 .btnBox a.btn_line_bk {color:#1b1b1b; border:1px solid #1b1b1b; background:none;}
#eventWrap .inner .prodBox2 .btnBox a.btn_bg_bk {color:#fffef1; border:1px solid #1b1b1b; background:#1b1b1b;}
#eventWrap .inner .prodBox2 .btnBox span {float:left; width:100%; padding:15px 0; color:#7d7b7a; font-weight:400; background:rgba(27,27,27,0.05);}
#eventWrap .inner .prodBox2 .btnBox span.soldout {float:left; width:100%; padding:15px 0; color:#999; font-weight:300; border:1px solid #dadada;  background:#dadada; pointer-events:none;}
#eventWrap .inner .prodBox2 .btnBox2 {display:block; clear:both; overflow:hidden; padding:0;}
#eventWrap .inner .prodBox2 .btnBox2 button {float:left; width:100%; border:none;}
#eventWrap .inner .prodBox2 .btnBox2 button img {width:100%;}

#eventWrap .inner .lnb_mid {overflow:hidden; position:relative; width:100%; height:0; margin:60px 0 0 0; opacity:0; z-index:100; transition:all 0.3s ease-out;}
#eventWrap .inner .lnb_mid:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#dddcd1;}
#eventWrap .inner .lnb_mid ul.nav {clear:both; overflow:hidden;}
#eventWrap .inner .lnb_mid ul.nav li {float:left;}
#eventWrap .inner .lnb_mid ul.nav li a {position:relative; width:100%; height:100%; padding:0; color:#b2b2b2; font-size:15px; font-weight:400; text-align:center; box-sizing:border-box; line-height:50px;}
#eventWrap .inner .lnb_mid ul.nav li a.active {color:#1b1b1b; font-size:18px; font-weight:700; border-bottom:3px solid #1b1b1b; z-index:10;}
#eventWrap .inner .lnb_mid ul.nav li:first-child:nth-last-child(1) {width:100%;}
#eventWrap .inner .lnb_mid ul.nav li:first-child:nth-last-child(2), #eventWrap .inner .lnb_mid ul.nav li:first-child:nth-last-child(2) ~ li {width:50%;}
#eventWrap .inner .lnb_mid ul.nav li:first-child:nth-last-child(3), #eventWrap .inner .lnb_mid ul.nav li:first-child:nth-last-child(3) ~ li {width:33.3333%;}
#eventWrap .inner .lnb_mid ul.nav li:first-child:nth-last-child(4), #eventWrap .inner .lnb_mid ul.nav li:first-child:nth-last-child(4) ~ li {width:25%;}
#eventWrap .inner .lnb_mid ul.nav li:first-child:nth-last-child(5), #eventWrap .inner .lnb_mid ul.nav li:first-child:nth-last-child(5) ~ li {width:20%;}
/* scroll event */
#eventWrap .inner .lnb_mid.fixed {position:fixed; top:0; left:0; height:52px; text-align:center; background-color:rgba(255,254,241,0.95); opacity:1; transition:all 0.3s ease-out;}
#eventWrap .inner .lnb_mid.fixed ul.nav {display:inline-block; width:720px;}

#eventWrap .inner .cl_b {display:block; clear:both; overflow:hidden;}
#eventWrap .inner .cl_b button .cpin_ani {display:inline-block; position:relative; height:16px; margin:0 3px 10px 0; padding:0 18px 0 0; color:#fffef1; font-size:20px; font-weight:500; line-height:16px; letter-spacing:0;}
#eventWrap .inner .cl_b button .cpin_ani .movement {display:inline-block; position:absolute; top:50%; right:0; width:15px; height:15px; transform:translateY(-50%);}
#eventWrap .inner .cl_b button .cpin_ani .movement em {overflow:hidden; position:absolute; top:0; right:0; width:100%; height:100%; text-indent:-999px; }
#eventWrap .inner .cl_b button .cpin_ani .movement em.unit01 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_w_unit01.svg") no-repeat 50% 50%/100%;}
#eventWrap .inner .cl_b button .cpin_ani .movement em.unit02 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_w_unit02.svg") no-repeat 50% 50%/100%; opacity:0; animation:pstg_show1 10s ease-in-out infinite;}
#eventWrap .inner .cl_b button .cpin_ani .movement em.unit03 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_w_unit03.svg") no-repeat 50% 50%/100%; opacity:0; animation:pstg_show2 10s ease-in-out infinite;}

#eventWrap .inner .cl_b .btn_bg_square_bk {display:inline-block; width:57%; height:60px; color:#fffef1; font-size:20px; font-weight:500; line-height:60px; background:#1b1b1b;}
#eventWrap .inner .cl_b .btn_bg_circle_bk {display:inline-block; position:relative; width:150px; height:150px; color:#fffef1; font-size:20px; font-weight:500; border-radius:100%; background:#1b1b1b;}
#eventWrap .inner .cl_b .btn_bg_circle_bk span {display:block; font-size:13px; font-weight:100;}
#eventWrap .inner .cl_b .btn_bg_circle_bk span:after {content:'Click'; display:block; position:absolute; left:0; bottom:20px; width:100%; margin:5px 0 0 0; text-align:center; opacity:0.7; }
#eventWrap .inner .al_c {text-align:center;}

#eventWrap .fix_btmBox {position:fixed; bottom:-85px; left:0; width:100%; text-align:center; background:rgba(27, 27, 27, 0.9); opacity:0; transition:all 0.3s ease-out; z-index:1000;}
#eventWrap .fix_btmBox ul.nav {display:inline-block; clear:both; overflow:hidden; position:relative; width:700px; margin:0 auto; padding:15px 0 10px 0;}
#eventWrap .fix_btmBox ul.nav li {float:left;}
#eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(1) {width:100%;}
#eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(2), #eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(2) ~ li {width:calc(50% - 20px); margin:0 10px;}
#eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(3), #eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(3) ~ li {width:33.3333%;}
#eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(4), #eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(4) ~ li {width:25%;}
#eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(5), #eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(5) ~ li {width:20%;}
#eventWrap .fix_btmBox ul.nav li a {display:block; width:100%; height:46px; color:#fffef1; font-size:16px; font-weight:500; text-align:center; line-height:44px; box-sizing:border-box; border:1px solid #fffef1;}
#eventWrap .fix_btmBox ul.nav li button {display:block; width:100%; height:46px; color:#fffef1; font-size:16px; font-weight:500; text-align:center; line-height:44px; box-sizing:border-box; border:1px solid #fffef1;}
#eventWrap .fix_btmBox ul.nav li a.btn_bg_w {display:block; width:100%; height:46px; color:#1b1b1b; font-size:16px; font-weight:500; text-align:center; line-height:44px; box-sizing:border-box; border:1px solid #fffef1; background:#fffef1;}
#eventWrap .fix_btmBox ul.nav li button.btn_bg_w {display:block; width:100%; height:46px; color:#1b1b1b; font-size:16px; font-weight:500; text-align:center; line-height:44px; box-sizing:border-box; border:1px solid #fffef1; background:#fffef1;}
#eventWrap .fix_btmBox ul.nav li .desc {display:block; padding:5px 0 0 0; color:#fffef1; font-size:10px; font-weight:100; text-align:center; opacity:0.7;}

#eventWrap .fix_btmBox ul.nav li button .cpin_ani {display:inline-block; position:relative; height:16px; margin:0 3px 10px 0; padding:0 14px 0 0; color:#1b1b1b; font-size:16px; font-weight:500; line-height:16px; letter-spacing:0;}
#eventWrap .fix_btmBox ul.nav li button .cpin_ani .movement {display:inline-block; position:absolute; top:50%; right:0; width:12px; height:12px; transform:translateY(-50%);}
#eventWrap .fix_btmBox ul.nav li button .cpin_ani .movement em {overflow:hidden; position:absolute; top:0; right:0; width:100%; height:100%; text-indent:-999px; }
#eventWrap .fix_btmBox ul.nav li button .cpin_ani .movement em.unit01 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_bk_unit01.svg") no-repeat 50% 50%/100%;}
#eventWrap .fix_btmBox ul.nav li button .cpin_ani .movement em.unit02 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_bk_unit02.svg") no-repeat 50% 50%/100%; opacity:0; animation:pstg_show1 10s ease-in-out infinite;}
#eventWrap .fix_btmBox ul.nav li button .cpin_ani .movement em.unit03 {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_pstg_bk_unit03.svg") no-repeat 50% 50%/100%; opacity:0; animation:pstg_show2 10s ease-in-out infinite;}

#eventWrap .fix_btmBox.fixed {bottom:0; opacity:1.0; transition:all 0.3s ease-out;}

#eventWrap .inner .txtArea {display:block; padding:100px 0; text-align:center;}
#eventWrap .inner .txtArea p {display:block; color:#1b1b1b; font-size:20px; font-weight:700; line-height:40px;}
#eventWrap .inner .txtArea dl.dlBox {display:block;}
#eventWrap .inner .txtArea dl.dlBox dt {display:block; margin:0 0 30px 0; color:#1b1b1b; font-size:30px; font-weight:700; line-height:40px; letter-spacing:-0.5px;}
#eventWrap .inner .txtArea dl.dlBox dt span {display:block; margin:30px 0 0 0; font-size:20px;}
#eventWrap .inner .txtArea dl.dlBox dd {display:block; margin:0 0 30px 0; color:#1b1b1b; font-size:20px; font-weight:300; line-height:40px; letter-spacing:-0.5px;}
#eventWrap .inner .txtArea dl.dlBox dd ul.lst {display:block; padding:20px 0 0 0;}
#eventWrap .inner .txtArea dl.dlBox dd ul.lst li {display:block;}

#eventWrap .inner .txtArea dl.dlBox dd ul.desc {display:block; padding:20px 0 0 0;}
#eventWrap .inner .txtArea dl.dlBox dd ul.desc li {display:block; position:relative; padding:0 0 0 12px; font-size:14px; font-weight:300; text-align:left; line-height:27px; opacity:0.7;}
#eventWrap .inner .txtArea dl.dlBox dd ul.desc li a[href^="tel:"] {display:inline-block; vertical-align:top;}
#eventWrap .inner .txtArea dl.dlBox dd ul.desc li:before {content:'ㆍ'; position:absolute; top:0; left:0;}

#eventWrap .inner .txtArea dl.dlBox dd.tblBox {display:block; margin:0; padding:50px 10px 0 10px;}
#eventWrap .inner .txtArea dl.dlBox dd.tblBox .tbl_type01 {width:100%; table-layout:fixed;}
#eventWrap .inner .txtArea dl.dlBox dd.tblBox .tbl_type01 thead tr th {padding:10px 0; color:#1b1b1b; font-size:20px; font-weight:400; text-align:center; line-height:40px;}
#eventWrap .inner .txtArea dl.dlBox dd.tblBox .tbl_type01 thead tr th.ft_clr_red {font-weight:700;}
#eventWrap .inner .txtArea dl.dlBox dd.tblBox .tbl_type01 thead tr:last-child th {border-bottom:1px solid #707070;}
#eventWrap .inner .txtArea dl.dlBox dd.tblBox .tbl_type01 tbody tr th {padding:10px 0; color:#1b1b1b; font-size:20px; font-weight:300; text-align:center; border-bottom:1px solid #707070;}
#eventWrap .inner .txtArea dl.dlBox dd.tblBox .tbl_type01 tbody tr td {padding:10px 0; color:#1b1b1b; font-size:20px; font-weight:700; text-align:center; border-bottom:1px solid #707070;}

#eventWrap .inner .txtArea .olBox {display:block; margin:0 0 60px 0;}
#eventWrap .inner .txtArea .olBox .tit {display:block; color:#1b1b1b; font-size:16px; font-weight:700; text-align:left; line-height:35px;}
#eventWrap .inner .txtArea .olBox ol.lst {display:block; color:#1b1b1b; font-size:16px; font-weight:700; text-align:left; line-height:35px;}
#eventWrap .inner .txtArea .olBox ol.lst li {display:block; margin:0 0 5px 0; color:#1b1b1b; font-size:16px; font-weight:700; text-align:left; line-height:35px;}
#eventWrap .inner .txtArea .olBox ol.lst li:last-child {margin:0;}

#eventWrap .inner .txtArea .btnBox {display:block; text-align:center;}
#eventWrap .inner .txtArea .btnBox a {display:inline-block; width:400px; height:70px; margin:0 0 15px 0; font-size:22px; font-weight:700; text-align:center; line-height:70px; letter-spacing:-0.5px; border:none;}
#eventWrap .inner .txtArea .btnBox a.bg_blue {color:#fff; background:#10069F;}
#eventWrap .inner .txtArea .btnBox a.bg_black {color:#fff; background:#1b1b1b;}
#eventWrap .inner .txtArea .btnBox p.desc {display:block; position:relative; padding:0; font-size:14px; font-weight:300; text-align:center; line-height:27px; opacity:0.7;}
#eventWrap .inner .txtArea .btnBox p.desc:before {content:'ㆍ'; display:inline-block; vertical-align:top;}

#eventWrap .inner .txtArea .itemBox {display:block; padding:100px 0 0 0; text-align:center;}
#eventWrap .inner .txtArea .itemBox img.photo {width:100%;}
#eventWrap .inner .txtArea .itemBox dl {display:block; padding:20px 0 0 0;}
#eventWrap .inner .txtArea .itemBox dl dt {display:block; color:#1b1b1b; font-size:20px; font-weight:700; line-height:40px;}
#eventWrap .inner .txtArea .itemBox dl dd {display:block;}
#eventWrap .inner .txtArea .itemBox dl dd.txt {color:#1b1b1b; font-size:20px; font-weight:300; text-align:center; line-height:40px;}
#eventWrap .inner .txtArea .itemBox dl dd.price {display:flex; width:400px; margin:0 auto; padding:30px 0 0 0;}
#eventWrap .inner .txtArea .itemBox dl dd.price span {position:relative; color:#1b1b1b; font-size:32px; font-weight:500;}
#eventWrap .inner .txtArea .itemBox dl dd.price span:first-child {width:62%; text-align:left; letter-spacing:-1px;}
#eventWrap .inner .txtArea .itemBox dl dd.price span:first-child:after {content:''; position:absolute; top:25px; left:0; width:100%; height:1px; background:#6c757d;}
#eventWrap .inner .txtArea .itemBox dl dd.price span:last-child {width:38%; text-align:right;}
#eventWrap .inner .txtArea .itemBox dl dd.price span em {display:block; font-size:14px; font-weight:300; opacity:0.7;}

#eventWrap .inner .txtArea + .txtArea {padding:0 0 100px 0;}

#eventWrap .inner .imgBox {display:block; position:relative; clear:both; overflow:hidden; padding:0; text-align:center;}
#eventWrap .inner .imgBox dl {display:block; padding:50px 0 0 0;}
#eventWrap .inner .imgBox dl dt {display:block; margin:0 0 30px 0; color:#1b1b1b; font-size:30px; font-weight:700; line-height:40px; letter-spacing:-0.5px;}
#eventWrap .inner .imgBox dl dd {display:block; margin:0 0 30px 0; color:#1b1b1b; font-size:20px; font-weight:300; line-height:40px; letter-spacing:-0.5px;}
#eventWrap .inner .imgBox img.img {float:left; width:100%; object-fit:cover;}
#eventWrap .inner .imgBox .btn_img {display:block;}
#eventWrap .inner .imgBox .btn_img img {width:100%;}
#eventWrap .inner .imgBox .num_fix {position:absolute; top:0%; left:50%; color:#fff; font-size:70px; font-weight:700; transform:translate(-50%,0%)}
#eventWrap .inner .imgBox .scrollMove {display:block;}
#eventWrap .inner .videoBox {display:block; position:relative; clear:both; overflow:hidden; padding:0; text-align:center;}
#eventWrap .inner .videoBox video {float:left; width:100%; object-fit:cover;}
#eventWrap .inner .videoBox p.tit {position:absolute; top:22%; left:0; width:100%; color:#fff; font-size:42px; font-weight:600; text-align:center; letter-spacing:-1px;}
#eventWrap .inner .videoBox .imgBox_fix {position:absolute; top:0; left:0; width:100%; height:100%;}
#eventWrap .inner .videoBox .imgBox_fix img {width:100%;}

#eventWrap .inner .img_flBox {display:block; clear:both; overflow:hidden; width:100%;}
#eventWrap .inner .img_flBox a.btn_link {float:left; width:50%;}
#eventWrap .inner .img_flBox a.btn_link img {width:100%; object-fit:cover;}

#eventWrap .inner .plastic_gridBox {display:block; position:relative; overflow:hidden; padding:0; text-align:center;}
#eventWrap .inner .plastic_gridBox .grid_itemBox {clear:both; overflow:hidden; width:100%; margin:0; opacity:1.0;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item {float:left; width:10%; border:1px solid #10069f; transition:all 0.3s ease-out;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item .btn_popup_trans {display:block;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item .btn_popup_trans.disabled {pointer-events:none;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item .btn_popup_trans .grid_img {display:block; width:100%; text-align:center;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item .btn_popup_trans .grid_img img {display:inline-block; width:100%; height:auto;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item .btn_popup_trans .desc {display:none;}

#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.close {opacity:0; transition:all 0.3s ease-out;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show {opacity:1.0; transition:all 0.3s ease-out;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show {position:fixed !important; top:0 !important; left:0 !important; width:100%; height:100vh; background:rgba(14,14,14,0.9); z-index:9999;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .btn_popup_trans {display:table; width:100%; height:100%;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .popup_trans_close {display:block; overflow:hidden; position:absolute; top:5%; right:5%; width:40px; height:40px; text-indent:-99px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_close_w.svg") 50% 50% no-repeat; background-size:80%; opacity:0.8; z-index:9999;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .btn_popup_trans .grid_img {display:table-cell; width:50%; height:100%; vertical-align:middle;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .btn_popup_trans .grid_img img {display:inline-block; width:auto; height:auto; max-height:100%;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .btn_popup_trans .desc {display:table-cell; width:50%; height:100%; padding:0 5%; color:#fff; text-align:left; vertical-align:middle;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .btn_popup_trans .desc h5 {display:block; padding:0 0 15px 0; font-size:20px; font-weight:500;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .btn_popup_trans .desc p {display:block; font-size:26px; font-weight:300;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .btn_popup_trans .desc p em {display:block; margin:10px 0 0 0; font-size:16px; font-weight:300; opacity:0.7;}

#eventWrap .inner .clBox {display:block; padding:0; text-align:center;}
#eventWrap .inner .clBox ul.l_flex {display:flex;}
#eventWrap .inner .clBox ul.l_flex li {display:grid;}
#eventWrap .inner .clBox ul.l_flex li img {width:100%;}
#eventWrap .inner .clBox ul.l_flex li a {display:block; border:none;}

#eventWrap .inner .prodBox {display:block; padding:100px 0;}
#eventWrap .inner .prodBox .tit {display:block; margin:0 0 50px 0; color:#1b1b1b; font-size:30px; font-weight:700; text-align:center; line-height:40px;}
#eventWrap .inner .prodBox .lst {display:flex;}
#eventWrap .inner .prodBox .lst li {margin:0 20px;}
#eventWrap .inner .prodBox .lst li:first-child:nth-last-child(1) {width:100%;}
#eventWrap .inner .prodBox .lst li:first-child:nth-last-child(2),#eventWrap .inner .prodBox .lst li:first-child:nth-last-child(2) ~ li {width:50%;}
#eventWrap .inner .prodBox .lst li:first-child:nth-last-child(3),#eventWrap .inner .prodBox .lst li:first-child:nth-last-child(3) ~ li {width:33.3333%;}
#eventWrap .inner .prodBox .lst li:first-child:nth-last-child(4),#eventWrap .inner .prodBox .lst li:first-child:nth-last-child(4) ~ li {width:25%;}
#eventWrap .inner .prodBox .lst li:first-child:nth-last-child(5),#eventWrap .inner .prodBox .lst li:first-child:nth-last-child(5) ~ li {width:20%;}
#eventWrap .inner .prodBox .lst li a {display:block;}
#eventWrap .inner .prodBox .lst li a img {width:100%;}
#eventWrap .inner .prodBox .lst li a span.name {display:block; padding:10px 0 0 0; font-size:14px; font-weight:500; text-align:center;}
#eventWrap .inner .prodBox .lst li a span.price {display:block; font-size:24px; font-weight:600; text-align:center; font-style:italic;}
#eventWrap .inner .prodBox .lst li a span.price:after {content:'원'; display:inline-block; vertical-align:top;}

#eventWrap .inner .btnBox {display:block; text-align:center;}
#eventWrap .inner .btnBox a {display:inline-block; width:70%; height:auto; margin:0 0 12px 0; padding:20px 30px; font-size:20px; font-weight:600; text-align:center; line-height:inherit; letter-spacing:-0.5px; border:none;}
#eventWrap .inner .btnBox a.bg_black {color:#fff; background:#1b1b1b;}
#eventWrap .inner .btnBox a + .desc {display:block; font-size:14px; font-weight:600;}
#eventWrap .inner .btnBox button {width:350px; letter-spacing:-0.5px;}
#eventWrap .inner .btnBox button + .desc {display:block; padding:15px 0 0 0; font-size:12px; font-weight:300; opacity:0.7;}
#eventWrap .inner .btnBox button + .desc + .desc {display:block; padding:15px 0 0 0; font-size:12px; font-weight:300; opacity:0.7;}
#eventWrap .inner .btnBox .iptBox {display:block; position:relative; margin:0 0 30px 0;}
#eventWrap .inner .btnBox .iptBox input[type="checkbox"] {display:none;}
#eventWrap .inner .btnBox .iptBox input[type="checkbox"] + label {padding:0 0 0 30px; font-size:14px; font-weight:400; text-align:left; letter-spacing:-0.5px;}
#eventWrap .inner .btnBox .iptBox input[type="checkbox"] + label:before {content:''; position:absolute; top:1px; left:0; border-radius:0; background:#b2b2b2;}
#eventWrap .inner .btnBox .iptBox input[type="checkbox"] + label span {display:block; position:relative; padding:5px 0 0 22px; font-weight:300;}
#eventWrap .inner .btnBox .iptBox input[type="checkbox"] + label span:before {content:''; position:absolute; top:8px; left:0; width:16px; height:16px; border-radius:0; background:#b2b2b2;}
#eventWrap .inner .btnBox .iptBox input[type="checkbox"]:checked + label:before {content:''; position:absolute; top:1px; left:0; border-radius:0; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_w.svg") 50% 50% no-repeat; background-size:50%;}
#eventWrap .inner .btnBox .iptBox input[type="checkbox"]:checked + label span:before {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_w.svg") 50% 50% no-repeat; background-size:40%;}
#eventWrap .inner .btnBox .desc + a {margin:10px 0 0 0;} 

#eventWrap .inner_event .btnBox.bg01 {padding:0 0 70px 0;}
#eventWrap .inner_event .btnBox.bg01 a.btn_line_bk:hover {color:#1b1b1b; border-color:#1b1b1b; background-color:#faf8eb;}
#eventWrap .inner_event .btnBox.bg01 a.btn_bg_bk:hover {color:#faf8eb; border-color:#1b1b1b; background-color:#1b1b1b;}

/* 제품 전파(결제X) */
#eventWrap .inner .spread {display:block; padding:50px 20px 0 20px;}
#eventWrap .inner .spread .tit {display:block; margin:0 0 50px 0; color:#1b1b1b; font-size:26px; font-weight:500; line-height:40px; letter-spacing:-0.5px;}
#eventWrap .inner .spread .iptBox {display:block; clear:both; overflow:hidden; position:relative; width:100%; margin:0 0 5px 0;}
#eventWrap .inner .spread .iptBox .ipt_txt {display:block; width:100%; height:40px; margin:10px 0 0 0; padding:0 10px; font-size:14px; font-weight:500; line-height:normal; border:none; border-bottom:1px solid #bababa; background:none; transition:all 0.3s ease-out;}
#eventWrap .inner .spread .iptBox .ipt_txt:focus {border-bottom:1px solid #1b1b1b; transition:all 0.3s ease-out;}
#eventWrap .inner .spread .iptBox .ipt_txt + label {position:absolute; top:50%; left:10px; margin:5px 0 0 0; color:#989898; font-size:14px; transform:translateY(-50%); transition:all 0.3s ease-out;}
#eventWrap .inner .spread .iptBox.active .ipt_txt + label {top:5px; font-size:11px; transition:all 0.3s ease-out;}
#eventWrap .inner .spread .iptBox .ipt_txt.limit, #eventWrap .inner .spread .iptBox .ipt_tel.limit, #eventWrap .inner .spread .iptBox .ipt_num.limit {pointer-events:none; background:rgba(14,14,14,0.05);}
#eventWrap .inner .spread .dlvr_form {display:block; position:relative; clear:both; overflow:hidden; width:100%; margin:0 0 10px 0; line-height:20px;}
#eventWrap .inner .spread .dlvr_form #ipt_adss_num, #eventWrap .inner .spread .dlvr_form #receiver_zipcode {float:left; width:calc(100% - 94px);}
#eventWrap .inner .spread .dlvr_form .btn_txt_box {float:left; width:80px; height:40px; margin:10px 0 0 14px; color:#1b1b1b; font-size:13px; font-weight:400; text-align:center; line-height:34px; letter-spacing:-1px; border:1px solid #bababa; background:#fff; transition:all 0.3s ease-out;}
#eventWrap .inner .spread .dlvr_form .ipt_select {position:relative; width:100%; height:40px; margin:10px 0 0 0; padding:0 34px 0 7px; color:#1b1b1b; font-size:13px; font-weight:300; text-align:left; line-height:34px; border:none; border-bottom:1px solid #bababa; background:none; transition:all 0.3s ease-out;}
#eventWrap .inner .spread .dlvr_form .ipt_select:after {content:''; position:absolute; top:0; right:0; width:30px; height:100%; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_down_bk.svg") no-repeat 50% 50%/auto 30%; opacity:0.4; transition:all 0.3s ease-out;}
#eventWrap .inner .spread .dlvr_form .ipt_select:focus {border-bottom:1px solid #1b1b1b; transition:all 0.3s ease-out;}
#eventWrap .inner .spread .dlvr_form .ipt_select:focus:after {opacity:0.7; transition:all 0.3s ease-out;} 
#eventWrap .inner .spread .dlvr_form .ipt_select.active {color:#1b1b1b;}

#eventWrap .inner .spread .btnBox {padding:0;}

/* 제품 전파(결제O) */
#eventWrap .inner .certificate {display:block; padding:100px 20px 0 20px;}
#eventWrap .inner .certificate .tit {display:block; margin:0 0 50px 0; color:#1b1b1b; font-size:26px; font-weight:500; line-height:40px; letter-spacing:-0.5px;}
#eventWrap .inner .certificate .tit:after {content:'코드는 자동 입력 됩니다.'; display:block; font-size:13px; font-size:400; opacity:0.7;}
#eventWrap .inner .certificate .ipt_txt {display:block; margin:0 0 100px 0; height:40px; background:#fffef1; pointer-events:none;}
#eventWrap .inner .certificate .btnBox {padding:0;}

#eventWrap .inner .pickBox {display:block; padding:100px 20px 0 20px;}
#eventWrap .inner .pickBox.ver2 {display:block; padding:0;}
#eventWrap .inner .pickBox .imgBox {display:block; position:relative; clear:both; overflow:hidden; margin:0 0 30px 0;}
#eventWrap .inner .pickBox .imgBox img {width:100%;}
#eventWrap .inner .pickBox .tit {display:block; height:120px; margin:0 0 50px 0; color:#1b1b1b; font-size:26px; font-weight:500; line-height:36px; letter-spacing:-0.5px;}
#eventWrap .inner .pickBox ul.lst_prod {display:block; clear:both; overflow:hidden; padding:0 20px 30px 20px;}
#eventWrap .inner .pickBox ul.lst_prod:before {content:'받고 싶은 샴푸바를 선택해주세요'; display:block; font-size:16px; font-weight:400; text-align:center;}
#eventWrap .inner .pickBox ul.lst_prod li {position:relative; float:left; width:50%; text-align:center;}
#eventWrap .inner .pickBox ul.lst_prod li span.prod_thumb {display:block; width:100%;}
#eventWrap .inner .pickBox ul.lst_prod li span.prod_thumb img {width:100%;}
#eventWrap .inner .pickBox ul.lst_prod li span.prod_desc {display:block; font-size:14px; font-weight:500;}

#eventWrap .inner .pickBox ul.lst_prod li.selected {}
#eventWrap .inner .pickBox ul.lst_prod li.selected:before {content:''; position:absolute; top:15%; left:10px; width:20px; height:20px; border-radius:30px; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_w.svg") 50% 50% no-repeat; background-size:50%;}
#eventWrap .inner .pickBox ul.lst_prod li.unselected {opacity:0.3;}
#eventWrap .inner .pickBox ul.lst_prod li.soldout {filter:grayscale(100%); pointer-events:none;}
#eventWrap .inner .pickBox ul.lst_prod li.soldout:after {content:'SOLD OUT'; position:absolute; top:55%; left:50%; width:100%; color:#898989; font-weight:500; transform:translate(-50%,-50%);}
#eventWrap .inner .pickBox ul.lst_prod li.soldout span.prod_thumb {opacity:0.2;}
#eventWrap .inner .pickBox ul.lst_prod li.soldout span.prod_desc {opacity:0.2;}

#eventWrap .inner .pickBox ul.lst_prod.only:before {content:''; display:none;}

#eventWrap .inner .requestArea {display:block; padding:100px 20px 0 20px;}
#eventWrap .inner .requestArea .titBox {display:block; text-align:center;}
#eventWrap .inner .requestArea .titBox h3 {display:block; font-size:30px; font-weight:500;}
#eventWrap .inner .requestArea .titBox .desc {display:block; margin:20px 0 0 0; font-size:13px; font-weight:400;}
#eventWrap .inner .requestArea .formBox {display:block; margin:80px 0 0 0; padding:0 65px; text-align:left;}
#eventWrap .inner .requestArea .formBox .tit {display:block; padding:0 0 5px 0; font-size:20px; font-weight:500;}
#eventWrap .inner .requestArea .formBox .iptBox {clear:both; overflow:hidden; margin:20px 0 0 0;}
#eventWrap .inner .requestArea .formBox .iptBox label {float:left; width:100px; font-size:18px; font-weight:400; line-height:40px;}
#eventWrap .inner .requestArea .formBox .iptBox .ipt_txt {float:left; width:calc(100% - 100px); height:40px; border:1px solid #707070;}
#eventWrap .inner .requestArea .formBox .iptBox .ipt_txt:focus {border:1px solid #1b1b1b;}
#eventWrap .inner .requestArea .formBox .btnBox {margin:30px 0; padding:0 0 0 100px;}
#eventWrap .inner .requestArea .formBox .btnBox button {width:100%;}
#eventWrap .inner .requestArea > .desc {display:block; margin:50px 0 0 0; font-size:13px; font-weight:400; text-align:center;}

#eventWrap .inner .donateArea {display:block; padding:100px 20px 0 20px;}
#eventWrap .inner .donateArea .txtBox {display:block; text-align:center;}
#eventWrap .inner .donateArea .txtBox p {display:block; margin:20px 0 0 0;}
#eventWrap .inner .donateArea .txtBox p.desc {font-size:20px; font-weight:500;}
#eventWrap .inner .donateArea .txtBox p.tip {font-size:16px; font-weight:400; letter-spacing:-1px;} 
#eventWrap .inner .donateArea .txtBox p.tip a {display:inline-block; margin:0 3px 0 0; padding:5px 15px; color:#1b1b1b; border:1px solid #1b1b1b; border-radius:30px;}
#eventWrap .inner .donateArea .possBox {display:block; margin:80px 0 0 0; padding:0 65px; text-align:center;}
#eventWrap .inner .donateArea .possBox dl {display:block; text-align:center;}
#eventWrap .inner .donateArea .possBox dl dt {display:block; margin:0 5px 0 0; font-size:24px; font-weight:400; letter-spacing:-1px;}
#eventWrap .inner .donateArea .possBox dl dd.mileage {display:block; font-size:50px; font-weight:600; letter-spacing:0;} 
#eventWrap .inner .donateArea .possBox dl dd.mileage:after {content:'p'; display:inline-block;}

#eventWrap .inner .donateArea .formBox {margin:30px 0 0 0;}
#eventWrap .inner .donateArea .formBox .iptBox {clear:both; overflow:hidden; position:relative; margin:80px 0 0 0; text-align:center;}
#eventWrap .inner .donateArea .formBox .iptBox .ipt_num_line {display:inline-block; width:100%; height:auto; padding:10px; font-size:28px; font-weight:700; text-align:center; border:none; border-bottom:1px solid #707070; background:none;}
#eventWrap .inner .donateArea .formBox .iptBox .ipt_num_line::placeholder {font-size:18px; font-weight:300; line-height:46px}
#eventWrap .inner .donateArea .formBox .iptBox .ipt_num_line:focus {border-bottom:1px solid #1b1b1b;}
#eventWrap .inner .donateArea .formBox .iptBox .btn_ipt_remove {display:none; overflow:hidden; position:absolute; top:50%; right:0; width:26px; height:26px; text-indent:-99px; border-radius:30px; background:rgba(27,27,27,0.2) url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_close_bk.svg") no-repeat 50% 50%/40%; transform:translateY(-50%);}
#eventWrap .inner .donateArea .formBox .btn_helpBox {display:block; padding:15px 0 50px 0; text-align:center;}
#eventWrap .inner .donateArea .formBox .btn_helpBox button {display:inline-block; margin:0 1px; padding:7px 12px 10px 12px; color:#1b1b1b; letter-spacing:-0.5px; border:1px solid #1b1b1b; border-radius:3px; background:none;}
#eventWrap .inner .donateArea .btnBox {margin:0 0 120px 0;}
#eventWrap .inner .donateArea .btnBox button {width:100%; color:#fffef1; border:2px solid #10109f; background:#10109f;}
#eventWrap .inner .donateArea .btnBox button:disabled {color:#fffef1; border:2px solid #bababa; background:#bababa;}

/* 윷놀이 */
#eventWrap .inner .yutnoriWrap {display:block; position:relative; padding:0; text-align:center;}
#eventWrap .inner .yutnoriWrap .brd0 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd0.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd1 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd1.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd2 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd2.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd3 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd3.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd4 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd4.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd5 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd5.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd6 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd6.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd7 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd7.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd8 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd8.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd9 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd9.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd10 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd10.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd11 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd11.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd12 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd12.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd13 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd13.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd14 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd14.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd15 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd15.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd16 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd16.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd17 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd17.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd18 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd18.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd19 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd19.jpg") !important;}
#eventWrap .inner .yutnoriWrap .brd20 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd20.jpg") !important;}
/* 윷놀이-step1 */
#eventWrap .inner .yutnoriWrap #step1 {display:none;}
#eventWrap .inner .yutnoriWrap #step1 .startBox, 
#eventWrap .inner .yutnoriWrap #step1 .ingBox, 
#eventWrap .inner .yutnoriWrap #step1 .endBox, 
#eventWrap .inner .yutnoriWrap #step1 .yutnoriBox {position:relative; width:100%; min-height:942px; background-position:0 bottom; background-repeat:no-repeat; background-size:100% auto;}
#eventWrap .inner .yutnoriWrap #step1 .startBox {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd0.jpg");}
#eventWrap .inner .yutnoriWrap #step1 .startBox .title {display:block; padding:50px 0 0 0; font-size:26px; font-weight:700; text-align:center;}
#eventWrap .inner .yutnoriWrap #step1 .startBox .title span {display:block; padding:10px 0 0 0; font-size:16px; font-weight:400; text-align:center;}
#eventWrap .inner .yutnoriWrap #step1 .startBox .btn_bg_bk {position:absolute; top:50%; left:50%; width:50%; padding:20px 0; color:rgba(255,254,241,1.0); font-size:20px; font-weight:700; line-height:20px; background:#10109f; transform:translate(-50%,-50%);}
#eventWrap .inner .yutnoriWrap #step1 .startBox .btn_bg_bk span {display:inline-block; margin:0 0 0 5px; color:rgba(255,254,241,0.5); font-weight:500;}
#eventWrap .inner .yutnoriWrap #step1 .startBox .btn_bg_bk + .desc {position:absolute; top:56%; left:50%; color:#1b1b1b; font-size:15px; font-weight:500; transform:translate(-50%,-50%);}

#eventWrap .inner .yutnoriWrap #step1 .ingBox:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(14,14,14,0.8);}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .title {display:block; padding:50px 0 0 0; font-size:26px; font-weight:700; text-align:center;}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .title span {display:block; padding:10px 0 0 0; font-size:16px; font-weight:400; text-align:center;}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .absolBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .absolBox .tit {display:block; margin:0 0 15px 0; color:#fffef1; font-size:22px; font-weight:500; text-align:center;}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .absolBox dl.info {display:block; width:260px; margin:0 0 15px 0; padding:25px 0; text-align:center; background:#fffef1;}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .absolBox dl.info dt {display:block; padding:0 0 10px 0; color:#1b1b1b; font-size:26px; font-weight:700;}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .absolBox dl.info dd {display:block; color:#999; font-size:13px; font-weight:400;}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .absolBox .btn_bg_bk {display:block; width:260px; padding:15px 0; color:rgba(255,254,241,1.0);font-size:15px; font-weight:500; text-align:center;line-height:20px; background:#1b1b1b;}

#eventWrap .inner .yutnoriWrap #step1 .endBox {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240912/img_240912_brd20.jpg");}
#eventWrap .inner .yutnoriWrap #step1 .endBox .title {position:absolute; top:55%; left:50%; color:#1b1b1b; font-size:30px; font-weight:700; text-align:center; transform:translate(-50%,-50%);}
#eventWrap .inner .yutnoriWrap #step1 .endBox .btn_bg_bk {position:absolute; top:65%; left:50%; width:50%; padding:20px 0; color:rgba(255,254,241,1.0);font-size:20px; font-weight:700; line-height:20px; background:#10109f; transform:translate(-50%,-50%);}

#eventWrap .inner .yutnoriWrap .counter {display:block; position:absolute; top:inherit; bottom:25%; left:20%; width:60%; height:45%; border-radius:30px; aspect-ratio:1 / 1; background:#fffef1; z-index:99999;}
#eventWrap .inner .yutnoriWrap .counter.hide {display:none;}
#eventWrap .inner .yutnoriWrap .counter .nums {overflow:hidden; position:relative; top:50%; left:50%; width:110px; height:110px; color:#fffef1; font-size:50px; font-weight:700; line-height:110px; border-radius:100px; background:#1b1b1b; transform:translate(-50%, -50%);}
#eventWrap .inner .yutnoriWrap .counter .nums span {position:absolute; top:50%; left:50%; transform:translate(50%, 50%) rotate(0deg); line-height:110px;}
#eventWrap .inner .yutnoriWrap .counter .nums span.in {line-height:50px; transform:translate(-50%, -50%) rotate(0deg); animation:goIn .5s ease-in-out;}
#eventWrap .inner .yutnoriWrap .counter .nums span.out {animation:goOut .5s ease-in-out;}

@keyframes goIn {
0% {transform:translate(-50%, -50%) rotate(120deg);}
30% {transform:translate(-50%, -50%) rotate(-20deg);}
60% {transform:translate(-50%, -50%) rotate(10deg);}
90%, 100% {transform:translate(-50%, -50%) rotate(0deg);}
}

@keyframes goOut {
0%, 30% {transform:translate(-50%, -50%) rotate(0deg);}
60% {transform:translate(-50%, -50%) rotate(20deg);}
100% {transform:translate(-50%, -50%) rotate(-120deg);}
}

@keyframes hide {
0% {transform: translate(-50%, -50%) scale(1);}
100% {transform: translate(-50%, -50%) scale(0);}
}
@keyframes show {
0% {transform: translate(-50%, -50%) scale(0);}
80% {transform: translate(-50%, -50%) scale(1.4);}
100% {transform: translate(-50%, -50%) scale(1);}
}

#eventWrap .inner .yutnoriWrap #step2 {display:none;}
#eventWrap .inner .yutnoriWrap #step2 .yutnoriBox {overflow:hidden; position:relative; width:100%; min-height:942px; background-position:0 bottom; background-repeat:no-repeat; background-size:100% auto;}
#eventWrap .inner .yutnoriWrap #step2 .yutnoriBox img {position:absolute; top:0%; left:50%; width:70%; height:auto; margin:0; transform:translate(-50%, 50%);}
#eventWrap .inner .yutnoriWrap #step2 .yutnoriBox video {position:absolute; top:0%; left:50%; width:70%; height:auto; margin:0; transform:translate(-50%, 50%); background-color:transparent;}

#eventWrap .inner .yutnoriWrap #step3 {display:block;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox {position:relative; width:100%; min-height:942px; background-position:0 bottom; background-repeat:no-repeat; background-size:100% auto;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox {position:absolute; top:50%; left:50%; margin:30px 0 0 0; width:360px; opacity:0; transform:translate(-50%,-50%); transition:all 0.3s ease-out;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .title {display:block; padding:0 30px 15px 30px; color:#fffef1; font-size:26px; font-weight:700; text-align:center;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .title:before {display:block; font-size:14px; font-weight:300;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result {display:block; background:#fffef1;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .top {position:relative; overflow:hidden; padding:30px 0; font-size:18px; font-weight:700;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .top:before {content:''; position:absolute; top:50%; left:-12px; width:24px; height:24px; border-radius:30px; transform:translateY(-50%); background:#3e3e3e;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .top:after {content:''; position:absolute; top:50%; right:-12px; width:24px; height:24px; border-radius:30px; transform:translateY(-50%); background:#3e3e3e;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .mid {position:relative; overflow:hidden; margin:0 0 15px 0; padding:0 0 20px 0;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .mid:before {content:''; position:absolute; top:0; left:20px; width:calc(100% - 40px); height:1px; background:#1b1b1b; opacity:0.5;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .mid .img {display:block; height:200px; text-align:center;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .mid .img img {width:auto; height:100%; margin:auto;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .mid .txt {display:block; padding:10px 0 5px 0; color:#1b1b1b; font-size:15px; font-weight:500; letter-spacing:-0.5px;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .mid .desc {display:block; padding:10px 0 5px 0; color:#1b1b1b; font-size:13px; font-weight:300; letter-spacing:-0.5px;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .btn_bg_bk {display:block; width:100%; padding:15px 0; color:rgba(255,254,241,1.0); font-size:15px; font-weight:500; text-align:center; line-height:20px; background:#1b1b1b;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .btn_bg_bk + .desc {display:block; padding:12px 0 0 0; color:rgba(255,254,241,0.5); font-size:13px; font-weight:300; text-align:center;} 
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .btn_bg_bk + .desc a {color:rgba(255,254,241,1.0); font-weight:500; text-decoration:underline;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .btn_bg_bk + .desc + .desc {display:block; padding:12px 0 0 0; color:rgba(255,254,241,0.5); font-size:13px; font-weight:300; text-align:center;} 
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .btn_bg_bk + .desc + .desc a {color:rgba(255,254,241,1.0); font-weight:500; text-decoration:underline;}

#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox.delivery .title:before {content:'무료배송 COUPON';}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox.delivery .result .mid .desc:after {content:'- 오늘 23시 59분까지 사용 가능 -'; display:block;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox.coupon .title:before {content:'상품할인 + 사은품 COUPON';}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox.coupon .result .mid .desc:after {content:'- 캠페인 종료(~9/19)까지 사용 가능 -'; display:block;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox.mileage .title:before {content:'MILEAGE';}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox.mileage .result .mid .desc:after {content:'- 오늘 23시 59분까지 사용 가능 -'; display:block;}

#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox.on:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(14,14,14,0.8);}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox.on .resultBox {margin:0 0 0 0; opacity:1.0; transition:all 0.3s ease-out;}

/* 윷놀이-설날 */
#eventWrap.newYear .inner .imgBox {position:relative;}
#eventWrap.newYear .inner .imgBox .btnBox {position:absolute; left:15%; bottom:10%; width:70%; margin:0; padding:0;}
#eventWrap.newYear .inner .imgBox .btnBox a {width:100%;}
#eventWrap.newYear .inner .imgBox .btnBox a.btn_bg_round {margin:0; color:#fffef1; border:none; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/250123/bg_btnType01.jpg") repeat 50% 50%/cover;}
#eventWrap.newYear .inner .imgBox .btnBox a.btn_bg_round:hover {border:none;}
#eventWrap.newYear .inner .yutnoriWrap {position:relative;}
#eventWrap.newYear .inner .yutnoriWrap img.bg {width:100%;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox {position:absolute; top:0; left:0; width:100%; height:100%;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox img.img {width:100%; animation:twinkle 2.0s infinite;}
@keyframes twinkle {
0% {opacity:1.0;}
20% {opacity:1.0;}
60% {opacity:0.5;}
100% {opacity:1.0;}
}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox {position:absolute; top:33%; left:22%; width:calc(100% - 44%); height:calc(100% - 51%); text-align:center;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox .chal_num {display:block; padding:10% 0 0 0; color:#072D63; font-size:18px; font-weight:300; opacity:0;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox .chal_num span {display:block; font-weight:300;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox .chal_num span.ft_clr_sodomy {color:#072D63;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox .chal_num span.ft_clr_orange {color:#e05200;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox button.btn_circle_red {display:inline-block; margin:7% 0; width:150px; height:150px; padding:0; font-family:'Noto Serif KR',serif; color:#fffef1; font-size:26px; font-weight:500; text-align:center; border-radius:100%; background:#ff3c00;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox button.btn_circle_red:disabled {background:#dadada; pointer-events:none;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox dl.mileage {display:block; opacity:0;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox dl.mileage dt {display:block; font-family:'Noto Serif KR',serif; color:#072D63; font-size:20px; font-weight:300;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox dl.mileage dd {display:block; font-family:'Noto Serif KR',serif; color:#ff3c00; font-size:34px; font-weight:500;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox dl.mileage dd:after {content:'원'; display:inline-block;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox.login .chal_num {opacity:1.0;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox.login dl.mileage {opacity:1.0;}

#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox {display:none; position:absolute; top:33%; left:22%; width:calc(100% - 44%); height:calc(100% - 51%); text-align:center;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox .chal_num {display:block; padding:10% 0 0 0; color:#072D63; font-size:18px; font-weight:300; opacity:1.0;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox .chal_num span {display:block; color:#072D63; font-weight:300;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox button.btn_circle_red {display:inline-block; margin:7% 0; width:150px; height:150px; padding:0; font-family:'Noto Serif KR',serif; color:#fffef1; font-size:26px; font-weight:500; text-align:center; border-radius:100%; background:#ff3c00;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox button.btn_circle_red:disabled {pointer-events:none;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox dl.mileage {display:block; opacity:1.0;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox dl.mileage dt {display:block; font-family:'Noto Serif KR',serif; color:#072D63; font-size:20px; font-weight:300;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox dl.mileage dd {display:block; font-family:'Noto Serif KR',serif; color:#ff3c00; font-size:34px; font-weight:500;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox dl.mileage dd:after {content:'원'; display:inline-block;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox.login .chal_num {opacity:1.0;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox.login dl.mileage {opacity:1.0;}

#eventWrap.newYear .inner .yutnoriWrap .yutBox .movBox {display:none; position:absolute; top:33%; left:25%; width:calc(100% - 50%); height:calc(100% - 51%); text-align:center; background:#fff;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .movBox.show {display:block;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .movBox img {width:100%;}

#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(14,14,14,0.8);}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap.show {display:block;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox {margin:50% 0 0 50%; transform:translate(-50%,-50%);}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_top {display:block; margin:0 0 20px 0; color:#fffef1;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_top span {display:block; font-size:15px; font-weight:300; letter-spacing:-0.5px;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_top strong {display:block; font-size:22px; font-weight:500;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid {display:block; border-radius:15px; text-align:center; background:#fff;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_terms {display:block; position:relative; padding:25px 0 10px 0; color:#072D63; font-family:'Noto Serif KR',serif; font-size:20px; font-weight:600; text-decoration:underline;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_terms:before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/250123/img_yutPop_topLeft.png") repeat 50% 50%/cover;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_terms:after {content:''; position:absolute; top:0; right:0; width:20px; height:20px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/250123/img_yutPop_topRight.png") repeat 50% 50%/cover;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_disc {display:block; color:#e05200; font-size:24px; font-weight:600; letter-spacing:-1px;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_gift {display:block; font-size:20px; font-weight:500; letter-spacing:-1px;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_gift:before {content:'+'; display:inline-block; margin:0 3px 0 0;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_img {display:block;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_img img {width:50%;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_terms2 {display:block; position:relative; padding:0 0 10px 0; color:#e05200; font-size:14px; font-weight:500;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_desc {display:block; position:relative; padding:10px 0 25px 0; color:#072D63; font-size:14px; font-weight:400;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_desc:before {content:''; position:absolute; bottom:0; left:0; width:20px; height:20px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/250123/img_yutPop_btmLeft.png") repeat 50% 50%/cover;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_desc:after {content:''; position:absolute; bottom:0; right:0; width:20px; height:20px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/250123/img_yutPop_btmRight.png") repeat 50% 50%/cover;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid.end {background:none;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid.end > img {width:100%;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_btm .btn_yut_pop_close {display:block; width:100%; padding:20px 0; color:#fff; font-size:16px; font-weight:300; background:none;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_btm .btn_yut_pop_close:after {content:''; display:inline-block; width:10px; height:10px; margin:0 0 0 5px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_close_thin_w.svg") repeat 50% 50%/cover;}

#eventWrap.newYear .inner .btnImgBox {display:block; padding:50px 0; background:#fff;}
#eventWrap.newYear .inner .btnImgBox a {display:block; margin:0; padding:0; }
#eventWrap.newYear .inner .btnImgBox a img {width:100%;}


#eventWrap {display:block; width:100%; min-height:calc(100vh - 243px); text-align:center;}
#eventWrap .inner {display:inline-block; width:720px; margin:0 auto; padding:60px 0; text-align:left;}

#farmWrap {display:block; width:100%; min-height:calc(100vh - 243px); text-align:center;}
#farmWrap .pc {display:block !important;}
#farmWrap .mo {display:none !important;}
#farmWrap .visualBox {position:relative; width:100%; height:100vh;}
#farmWrap .visualBox video {width:100%; height:100%; object-fit:cover;}
#farmWrap .inner {display:inline-block; width:1180px; margin:0 auto; text-align:center;}
#farmWrap .inner .txtBox {display:block; padding:80px 0;}
#farmWrap .inner .txtBox .tit {display:block; margin:0 0 0 0; color:#1b1b1b; font-size:30px; font-weight:600; line-height:40px; letter-spacing:-0.5px;}
#farmWrap .inner .txtBox .txt {display:block; margin:20px 0 0 0; color:#1b1b1b; font-size:20px; font-weight:300; line-height:30px; letter-spacing:-0.5px;}
#farmWrap .inner .imgBox {display:block; width:100%; height:auto; margin:0 0 70px 0;}
#farmWrap .inner .imgBox img {width:100%; height:auto; object-fit:contain;}
#farmWrap>.imgBox {display:block; width:100%; height:75vh;}
#farmWrap>.imgBox img {width:100%; height:100%; object-fit:cover;}

#farmWrap .imgInnerBox {display:block; width:100%; height:auto; margin:0 0 70px 0; text-align:center; vertical-align:bottom;}
#farmWrap .imgInnerBox img {width:1180px; height:auto; margin:0 auto; object-fit:inherit;}

#farmWrap .bgBox {display:block; margin:80px 0 0 0; padding:100px 0; text-align:center;background:#EFEEE7;}
#farmWrap .bgBox .imgBox {display:inline-block; margin:0 auto;}
#farmWrap .bgBox .txtBox .tit {display:block; margin:70px 0 0 0; color:#1b1b1b; font-size:30px; font-weight:500; line-height:40px; letter-spacing:-0.5px;}
#farmWrap .bgBox .txtBox .txt {display:block; margin:10px 0 0 0; color:#1b1b1b; font-size:20px; font-weight:300; line-height:30px; letter-spacing:-0.5px;}

#farmWrap .lstBox {display:block; margin:0 0 100px 0;}
#farmWrap .lstBox ul {display:block; clear:both; overflow:hidden;}
#farmWrap .lstBox li {float:left; overflow:hidden; width:25%; margin:0 0 50px 0;; text-align:center;}
#farmWrap .lstBox li a {display:block;}
#farmWrap .lstBox li a img {width:100%; scale:1.0;}
#farmWrap .lstBox li a span.name {display:block; min-height:50px; padding:10px 0 0 0; font-size:14px; font-weight:300; text-align:center; letter-spacing:-1px;}
#farmWrap .lstBox li a span.price {display:block; font-size:20px; font-weight:500; text-align:center; letter-spacing:-0.5px;}
#farmWrap .lstBox li a span.price:after {content:'원'; display:inline-block; vertical-align:top;}
#farmWrap .lstBox ul + .btnBox {margin:0 0 50px 0;}
#farmWrap .inner .btnBox a.bg_black {color:#fff; background:#1b1b1b;}
#farmWrap .inner .btnBox a + .desc {display:block; margin:7px 0 0 0; font-size:14px; font-weight:300;}

#farmWrap .dlBox {display:block; clear:both; overflow:hidden;}
#farmWrap .dlBox dl {float:left; width:100%;}
#farmWrap .dlBox dl:first-child:nth-last-child(2), #farmWrap .dlBox dl:first-child:nth-last-child(2) ~ dl {width:50%;}
#farmWrap .dlBox dl:first-child:nth-last-child(3), #farmWrap .dlBox dl:first-child:nth-last-child(3) ~ dl {width:33.3333%;}
#farmWrap .dlBox dl:first-child:nth-last-child(4), #farmWrap .dlBox dl:first-child:nth-last-child(4) ~ dl {width:25%;}
#farmWrap .dlBox dl dt {display:block; overflow:hidden; aspect-ratio:9/16;}
#farmWrap .dlBox dl dt img {width:100%;}
#farmWrap .dlBox dl dd {display:block; padding:10px; font-size:13px; word-break:keep-all; opacity:0.7;}

/* 구매쿠폰 */
#thanks {display:block; width:100%; min-height:calc(100vh - 243px); text-align:center;}
#thanks .inner {display:inline-block; max-width:720px; width:100%; margin:0 auto; padding:100px 0 0 0; color:#1b1b1b; text-align:left;}

#thanks .inner .couponBox {display:block; width:100%; padding:15px 17% 30px 17%;}
#thanks .inner .couponBox .tit {display:block; margin:0 0 25px 0; padding:0; font-size:22px; font-weight:500; text-align:left; line-height:1.2; letter-spacing:-0.5px;}
#thanks .inner .couponBox ul.lst_coupon {display:block; padding:0;}
#thanks .inner .couponBox ul.lst_coupon li {display:block; margin:0 0 10px 0;}
#thanks .inner .couponBox ul.lst_coupon li:last-child {margin:0;}
#thanks .inner .couponBox ul.lst_coupon li button {position:relative; width:100%; color:#fff; text-align:left; background:rgba(24,24,24,1.0);}
#thanks .inner .couponBox ul.lst_coupon li button:before {content:''; position:absolute; top:20px; right:15px; width:40px; height:40px; background-image:url('https://drive.google.com/uc?export=view&id=1d3RNcnoPwQgxYlk-mwG6cMkuHBMfJUGR'),url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_download_w.svg); background-repeat:no-repeat; background-position:50% 50%; background-size:50%;}
#thanks .inner .couponBox ul.lst_coupon li button span {display:block; padding:17px 80px 17px 35px; font-size:22px; font-weight:300; text-align:left; line-height:1.0; letter-spacing:4px;}
#thanks .inner .couponBox ul.lst_coupon li button span:before {content:''; position:absolute; top:50%; left:-10px; width:20px; height:20px; border-radius:20px; background:#fffef1; transform:translateY(-50%);}
#thanks .inner .couponBox ul.lst_coupon li button span:after {content:''; position:absolute; top:0%; right:70px; height:100%; border-right:3px dotted #fffef1;} 
#thanks .inner .couponBox ul.lst_coupon li button span em {display:block; padding:10px 0 0 0; font-size:11px; font-weight:300; line-height:1.5; letter-spacing:0; opacity:0.8;}
#thanks .inner .couponBox ul.lst_coupon li button:after {content:'쿠폰받기'; position:absolute; right:15px; bottom:20px; color:#fffef1; font-size:11px; font-weight:400;}
#thanks .inner .couponBox ul.lst_coupon li button.active {background:rgba(24,24,24,0.5); transition:all 0.3s ease-out; pointer-events:none;}
#thanks .inner .couponBox ul.lst_coupon li button.active:before {background-image:url('https://drive.google.com/uc?export=view&id=1Mh-qqXb1QmaBgKh996nutalhhoMZuhKb'),url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_checkCircle_w.svg);}
#thanks .inner .couponBox ul.lst_coupon li button.active:after {content:'발급완료';}
#thanks .inner .couponBox .desc {display:block; padding:10px 17% 0 17%; font-size:13px; font-weight:400;}
#thanks .inner .couponBox ul.lst_btn {display:none; margin:20px 0 0 0; padding:0;}
#thanks .inner .couponBox ul.lst_btn li {display:block; margin:0 0 7px 0;}
#thanks .inner .couponBox ul.lst_btn li a {display:block; padding:15px 0; color:#fffef1; font-size:14px; font-weight:500; text-align:center; background:#1b1b1b;}

#thanks .inner .crewJoinBox {display:block; width:100%; height:60px; margin:0; padding:0 0 10px 0; letter-spacing:-0.5px; opacity:0; transition:all 0.3s ease-out;}
#thanks .inner .crewJoinBox.active {height:auto; opacity:1.0; transition:all 0.3s ease-out;}
#thanks .inner .crewJoinBox .tit {display:block; margin:0 0 15px 0; padding:0 16%; color:#1b1b1b; font-size:22px; font-weight:500; text-align:left; line-height:1.2; letter-spacing:-1.5px;}
#thanks .inner .crewJoinBox ol.lst_desc {display:block; margin:0 0 20px 0; padding:0 17%;}
#thanks .inner .crewJoinBox ol.lst_desc li {display:block; margin:0; padding:0; color:#1b1b1b; font-size:15px; font-weight:500; line-height:1.6;} 
#thanks .inner .crewJoinBox .btnBox {margin:0 0 20px 0; padding:0 20px;}
#thanks .inner .crewJoinBox .btnBox a {display:block; width:100%; height:auto; margin:0; padding:15px 0; color:#fffef1; font-size:14px; text-align:center; line-height:1.2; border:none; background:#1b1b1b; transition:all 0.3s ease-out;}

#thanks .inner .imgBox {display:block;width:100%;}
#thanks .inner .imgBox img {width:100%;}

/* 생생리뷰 */
#reviewWrap {display:block; width:100%; min-height:calc(100vh - 243px); margin:60px 0 0 0; text-align:center;}
#reviewWrap .visualBox {display:block; overflow:hidden; position:relative; width:100%; height:40vh;}
#reviewWrap .visualBox img.bg {width:100%; object-fit:cover;}
#reviewWrap .visualBox dl.title {position:absolute; top:50%; left:50%; width:100%; margin:30px 0 0 0; color:#fffef1; transform:translate(-50%,-50%);}
#reviewWrap .visualBox dl.title dt {display:block; font-size:36px; font-weight:200;}
#reviewWrap .visualBox dl.title dt strong {display:block; font-weight:500;}
#reviewWrap .visualBox dl.title dd {display:block; padding:15px 0 0 0; font-size:15px;}

#reviewWrap .reviewArea {display:inline-block; max-width:1180px; width:100%; height:100%; margin:auto; padding:50px 0;}
#reviewWrap .reviewArea ul.lst {display:block; clear:both; overflow:hidden; font-size:18px; justify-content:center; align-items:center; text-align:center;}
#reviewWrap .reviewArea ul.lst li {float:left; overflow:hidden; width:calc(20% - 20px); margin:0 10px 30px 10px;}
#reviewWrap .reviewArea ul.lst li .reviewBox {display:block;}
#reviewWrap .reviewArea ul.lst li .reviewBox .thumb {display:block; overflow:hidden; width:100%; height:250px; margin:0 0 10px 0; text-align:center; transition:all 0.3s ease-out;}
#reviewWrap .reviewArea ul.lst li .reviewBox .thumb img {display:inline-block; width:100%; height:100%; object-fit:cover;}
#reviewWrap .reviewArea ul.lst li .reviewBox .info {display:block; vertical-align:top;}
#reviewWrap .reviewArea ul.lst li .reviewBox .info .top {clear:both; overflow:hidden; margin:0 0 5px 0; color:#999; font-size:0.75rem; font-weight:300; line-height:1.3;}
#reviewWrap .reviewArea ul.lst li .reviewBox .info .top .name {float:left; color:#1b1b1b;}
#reviewWrap .reviewArea ul.lst li .reviewBox .info .top .name.ico_nBlog:before {content:''; display:inline-block; width:12px; height:12px; margin:-2px 5px 0 0; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_snsBlog_bk.svg") no-repeat center center/cover; vertical-align:middle; opacity:0.5;}
#reviewWrap .reviewArea ul.lst li .reviewBox .info .top .name.ico_insta:before {content:''; display:inline-block; width:12px; height:12px; margin:-2px 5px 0 0; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_snsInsta_bk.svg") no-repeat center center/cover; vertical-align:middle; opacity:0.5;}
#reviewWrap .reviewArea ul.lst li .reviewBox .info .btm {display:-webkit-box; overflow:hidden; color:#1b1b1b; font-size:0.95rem; font-weight:400; text-align:left; line-height:1.7; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/* modal */
.modalBox {display:none; position:absolute; top:0px;}
.modalWrap {position:fixed; top:0%; left:0; width:100%; height:100%; background:rgba(24,24,24,0.7); z-index:99999;}
.modalWrap .modalBox {position:absolute; top:10px; left:50%; min-width:60%; height:auto; padding:10px; text-align:center; vertical-align:middle; border-radius:30px; background:#10109f; transform:translate(-50%,0); transition:all 0.3s ease-out;}
.modalWrap .modalBox .icoBox {}
.modalWrap .modalBox .txtBox {margin:0 0 0 10px; color:#fffef1; font-size:14px; font-weight:500; text-align:center; line-height:26px;}

/* icon animation */
.checkmark {display:inline-block; width:24px; height:24px; border-radius:50%; stroke-width:2; stroke:#10109f; stroke-miterlimit:10; margin:0; box-shadow:inset 0px 0px 0px #fffef1; animation:checkmark_fill .4s ease-in-out .4s forwards,checkmark_scale .3s ease-in-out .9s both;}
.checkmark .checkmark_circle {stroke-dasharray:166; stroke-dashoffset:166; stroke-width:2; stroke-miterlimit:10; stroke:#10109f; fill:none; animation:stroke 0.6s cubic-bezier(0.65,0,0.45,1) forwards;}
.checkmark .checkmark_check {transform-origin:50% 50%; stroke-dasharray:48; stroke-dashoffset:48; animation:checkmark_stroke 0.3s cubic-bezier(0.65,0,0.45,1) 0.8s forwards;}
@keyframes checkmark_stroke{
100% {stroke-dashoffset:0}
}
@keyframes checkmark_scale{
0%,100% {transform:none}
50% {transform:scale3d(1.1,1.1,1)}
}
@keyframes checkmark_fill{
100% {box-shadow:inset 0px 0px 0px 30px #fffef1}
}

/* icon animation */
ul.list-bottomMenu {display:none;}

/* 진심배송 */
ul.list-gnb.mobile.m-sub-menu.main>li>a {color:#1b1b1b;}
#eventWrap.sincereDelivery .inner .visualBox video {width:100%; height:100%; object-fit:cover;}
#eventWrap.sincereDelivery .inner .visualBox .topBox {position:absolute; top:20%; left:0; width:100%; color:#fffef1; text-align:center; transform:translate(0,0);}
#eventWrap.sincereDelivery .inner .visualBox .topBox .tit {display:block; margin:0 0 10px 0; font-size:28px; font-weight:500;}
#eventWrap.sincereDelivery .inner .visualBox .topBox .txt {display:block; margin:0 0 10px 0; font-size:15px; font-weight:300;}
#eventWrap.sincereDelivery .inner .visualBox .topBox .date {display:block; font-size:18px; font-weight:600;}
#eventWrap.sincereDelivery .inner .visualBox .sdBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-10%);}
#eventWrap.sincereDelivery .inner .visualBox .sdBox .applicant {display:block; margin:0 0 20px 0; color:#fffef1; text-align:center;}
#eventWrap.sincereDelivery .inner .visualBox .sdBox .applicant span.tit {display:block; font-size:1.2rem; font-weight:400;}
#eventWrap.sincereDelivery .inner .visualBox .sdBox .applicant strong.num {display:block; font-size:2.5rem; font-weight:600;}
#eventWrap.sincereDelivery .inner .visualBox .sdBox .timer {display:block; color:#fffef1; text-align:center;}
#eventWrap.sincereDelivery .inner .visualBox .sdBox .timer strong.d_day {display:block; font-size:5.0rem; font-weight:600;}
#eventWrap.sincereDelivery .inner .visualBox .sdBox .timer span.start_day {display:block; font-size:1.5rem; font-weight:400;}
#eventWrap.sincereDelivery .inner .visualBox .sdBox .timer strong.d_day {display:block; font-size:5.0rem; font-weight:600;}
#eventWrap.sincereDelivery .inner .visualBox .btnBox {position:absolute; bottom:0; left:50%; width:100%; transform:translate(-50%,0);}
#eventWrap.sincereDelivery .inner .visualBox .btnBox .desc {padding:15px 0 60px 0; color:#fffef1; font-weight:400;}

#eventWrap.sincereDelivery .inner .visualBox a.btn_red {position:absolute; bottom:150px; left:70px; width:calc(100% - 140px); height:80px; padding:0; color:#fffef1; font-size:1.5rem; font-weight:600; text-align:center; line-height:80px; border:none; background:#890707;}
#eventWrap.sincereDelivery .inner .visualBox a.btn_red:hover {background:#1b1b1b;}
#eventWrap.sincereDelivery .inner .imgBox {display:block; padding:0; text-align:center;}
#eventWrap.sincereDelivery .inner .imgBox img {width:100%}
#eventWrap.sincereDelivery .inner .msg_wirte {display:block; position:relative; width:100%; background:#fffef1;}
#eventWrap.sincereDelivery .inner .msg_wirte img {width:100%}
#eventWrap.sincereDelivery .inner .msg_wirte .textArea {position:absolute; top:22%; left:18%; width:70%; height:45%; padding:0; color:#1b1b1b; font-family:'Noto Serif KR',serif; font-size:26px; font-weight:500; text-align:center; border:none; outline:none; resize:none; background:none;}
#eventWrap.sincereDelivery .inner .msg_wirte .textArea:focus::placeholder {color:transparent;}
#eventWrap.sincereDelivery .inner .msg_wirte .textAreaCount {position:absolute; bottom:23%; right:8%; color:#999; font-size:13px; font-weight:400; letter-spacing:-1px;}
#eventWrap.sincereDelivery .inner .msg_wirte .msg_login {position:absolute; top:18%; left:13%; width:80%; height:55%; padding:30% 0 0 0; color:#1b1b1b; font-size:22px; font-weight:300; text-align:center; line-height:1.6; background:rgba(255,255,255,0.5); backdrop-filter: blur(10px);}
#eventWrap.sincereDelivery .inner .msg_wirte .msg_login a {display:inline-block; padding:7px 12px 7px 12px; color:#fffef1; font-size:13px; font-weight:400; line-height:1.0; vertical-align:middle; border-radius:20px; background:#1b1b1b;}
#eventWrap.sincereDelivery .inner .btnBox {margin:0;}
#eventWrap.sincereDelivery .inner .msg_wirte .msg_login span {display:block; padding:15px 0 0 0; color:#888; font-size:14px;}
#eventWrap.sincereDelivery .inner .btnBox a.btn_red {display:inline-block; width:calc(100% - 140px); height:80px; margin:0; padding:0; color:#fffef1; font-size:1.5rem; font-weight:600; text-align:center; line-height:80px; border:none; background:#890707;}
#eventWrap.sincereDelivery .inner .btnBox a.btn_red:hover {background:#1b1b1b;}
#eventWrap.sincereDelivery .inner .btnBox .btn_buy_same {display:inline-block; width:300px; height:60px; margin:0 0 155px 10px; padding:0; color:#fffef1; font-size:1.2rem; font-weight:600; text-align:center; line-height:1.3; letter-spacing:-0.5px; vertical-align:top; border:none; background:#890707;}
#eventWrap.sincereDelivery .inner .btnBox .btn_buy_wishe {display:inline-block; width:300px; height:60px; margin:0 10px 155px 10px; padding:0; color:#fffef1; font-size:1.2rem; font-weight:600; text-align:center; line-height:60px; letter-spacing:-0.5px; vertical-align:top; border:none; background:#890707;}
#eventWrap.sincereDelivery .inner .btnBox .btn_bg_pink {display:inline-block; width:calc(100% - 140px); height:60px; margin:50px 0; padding:0; color:#1b1b1b; font-size:1.1rem; font-weight:600; text-align:center; line-height:60px; border:none; background:#df9e9f;}
#eventWrap.sincereDelivery .inner .btnBox .btn_bg_pink:disabled {color:#cdcdcd; background:#f9f9f9; pointer-events:none;}
#eventWrap.sincereDelivery .inner .btnBox .desc {display:block; padding:5px 0 60px 0; font-size:0.8rem; font-weight:400;}

#eventWrap.sincereDelivery .inner .msgView_top {display:block; clear:both; overflow:hidden; position:relative; min-height:20px; padding:20px 25px; text-align:center; line-height:20px;}
#eventWrap.sincereDelivery .inner .msgView_top h3 {color:#1b1b1b; font-size:22px; font-weight:500; letter-spacing:-0.5px;}
#eventWrap.sincereDelivery .inner .msgView_mid {display:block; position:relative; overflow:auto; min-height:300px;}
#eventWrap.sincereDelivery .inner .msgView_mid img {width:100%; margin:0;}
#eventWrap.sincereDelivery .inner .msgView_mid .ac_desc {position:absolute; top:0%; left:50%; margin:0; padding:0; color:#1b1b1b; font-size:14px; text-align:center; transform:translateX(-50%);}
#eventWrap.sincereDelivery .inner .msgView_mid .msg_txt {position:absolute; top:22%; left:18%; width:70%; height:42%; padding:0; color:#1b1b1b; font-family:'Noto Serif KR',serif; font-size:26px; font-weight:500; text-align:center; border:none; outline:none; resize:none; background:none;}
#eventWrap.sincereDelivery .inner .msgView_btm {display:block; clear:both; overflow:hidden; min-height:77px; padding:16px;}
#eventWrap.sincereDelivery .inner .msgView_btm a {float:left; min-height:50px; color:#1b1b1b; font-size:15px; font-weight:500; text-align:center; line-height:50px; border:1px solid #d6d5cc; background:#fff;}
#eventWrap.sincereDelivery .inner .msgView_btm a.btn_bg_bk {color:#fffef1; border:1px solid #1b1b1b; background:#1b1b1b;}
#eventWrap.sincereDelivery .inner .msgView_btm a.btn_bg_bk:disabled {color:#ccc; border:1px solid #eee; background:#eee; cursor:not-allowed;}
#eventWrap.sincereDelivery .inner .msgView_btm a:first-child:nth-last-child(1) {width:100%;}
#eventWrap.sincereDelivery .inner .msgView_btm a:first-child:nth-last-child(2) {width:calc(50% - 3px); margin:0 3px 0 0;}
#eventWrap.sincereDelivery .inner .msgView_btm a:first-child:nth-last-child(2) ~ a {width:calc(50% - 3px); margin:0 0 0 3px;}

/* 진심배송_알림신청 */
#eventWrap.sincereDelivery .inner.alarm {} 
#eventWrap.sincereDelivery .inner.alarm .lst_stn {padding:0;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn {display:flex; overflow:hidden; position:relative; width:100%; justify-content:center; align-items:center;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn img {width:100%; height:auto; object-fit:cover;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn video {width:100%; height:auto; object-fit:cover;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 {height:100vh;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 img {position:absolute;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 .alarm_board {position:absolute; top:16%; left:0; width:100%; padding:0; text-align:center;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 .alarm_board .alct {display:block; position:relative; top:inherit; left:inherit; margin:0; color:#fffef1; font-size:40px; font-weight:400; line-height:1.0; letter-spacing:0; transform:translate(0,0);}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 .alarm_board .alct:after {content:'명'; display:inline-block;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 .alarm_board .desc {display:block; padding:15px 0 0 0; color:#fffef1; font-size:17px; font-weight:300;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 .tit {position:absolute; top:61%; left:0; width:100%; padding:0; color:#fffef1; font-size:35px; font-weight:500; text-align:center;}
#eventWrap.sincereDelivery .inner.alarm .btnBox {position:fixed; bottom:0; left:50%; width:560px; padding:0 0 50px 0; transform:translateX(-50%); background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/241212/img_241212_cAni.gif') no-repeat center bottom/50px; opacity:1.0; transition:all 0.3s ease-out;}
#eventWrap.sincereDelivery .inner.alarm .btnBox .txt {display:block; width:100%; height:30px; padding:0 0 10px 0; color:#fff; font-size:18px; font-weight:300; text-align:center;}
#eventWrap.sincereDelivery .inner.alarm .btnBox button {display:block; width:calc(100% - 40px); height:60px; margin:0 20px; color:#ffbac9; font-size:20px; line-height:60px; border:none; background:#1b1b1b;}
#eventWrap.sincereDelivery .inner.alarm .btnBox button:hover, #eventWrap.sincereDelivery .inner.alarm .btnBox button:focus {color:#ffbac9; border:none; background:#1b1b1b;}
#eventWrap.sincereDelivery .inner.alarm .btnBox.disabled {padding:0 0 20px 0; background:none;}
#eventWrap.sincereDelivery .inner.alarm .btnBox.disabled .txt {overflow:hidden; height:40px; line-height:100px;}
#eventWrap.sincereDelivery .inner.alarm .btnBox.disabled .txt:before {content:'얼리버드 혜택이 쿠폰함에 지급되었습니다'; position:absolute; top:0; left:0; width:100%; color:rgba(255,255,255,0.8); font-size:16px; line-height:18px;}
#eventWrap.sincereDelivery .inner.alarm .btnBox.disabled .txt:after {content:'12월 19일 ~ 20일까지 사용 가능'; position:absolute; top:19px; left:0; width:100%; color:rgba(255,255,255,0.8); font-size:11px; line-height:18px; opacity:0.8;}
#eventWrap.sincereDelivery .inner.alarm .btnBox.disabled button{position:relative; overflow:hidden; line-height:150px; background:#c3c3c3; pointer-events:none;}
#eventWrap.sincereDelivery .inner.alarm .btnBox.disabled button:after {content:'진심배송 알림신청 완료'; position:absolute; top:0; left:0; width:100%; color:#999; font-weight:500; line-height:65px;}
#eventWrap.sincereDelivery .inner.alarm .btnBox.hide {top:inherit; bottom:0; opacity:0; transition:all 0.3s ease-out;}

#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown {position:absolute; top:23%; width:100%; padding:7% 0; text-align:center; font-family:'Plus Jakarta Sans', sans-serif;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li {display:inline-block; position:relative; width:140px; color:#1b1b1b; vertical-align:top;} 
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li span {display:block; width:120px; height:60px; margin:0 20px 0 0; color:#fffef1; font-size:46px; font-weight:400; vertical-align:top; line-height:50px;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li:after {content:':'; position:absolute; top:8%; right:2px; color:#fffef1; font-size:30px; font-weight:500;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li p {display:block; width:120px; margin:10px 20px 0 0; color:#fffef1; font-family:'Plus Jakarta Sans', sans-serif; font-size:14px; font-weight:300; text-align:center; vertical-align:top;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li:last-child {width:120px;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li:last-child:after {content:'';}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li:last-child span {margin:0;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li:last-child p {margin:10px 0 0 0;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown.clr_red li span {color:#ff0000;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown.clr_red li:after {color:#ff0000; opacity:0.7;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown.clr_red li p {color:#ff0000; opacity:0.7;}

#eventWrap.sincereDelivery .inner .rollingCountdown {position:absolute; top:45%; width:100%; padding:7% 0; text-align:center;}
#eventWrap.sincereDelivery .inner .rollingCountdown:after {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; margin-top:0px; background:#dd8987; z-index:10;}
#eventWrap.sincereDelivery .inner .rollingCountdown .numBox {display:inline-block; position:relative; height:100px; margin:0 20px 0 0; padding:5px 15px; text-align:center; background:#f6e5e5;}
#eventWrap.sincereDelivery .inner .rollingCountdown .numBox:after {content:':'; position:absolute; right:-16px; color:#fffef1; font-size:30px; font-weight:700; line-height:90px;}
#eventWrap.sincereDelivery .inner .rollingCountdown .numBox:last-child {margin-right:0;}
#eventWrap.sincereDelivery .inner .rollingCountdown .numBox:last-child:after {content:''; display:none;}
#eventWrap.sincereDelivery .inner .rollingCountdown .count-title {display:block; position:absolute; bottom:-30px; left:0; width:100%; color:#fffef1; font-size:14px; font-weight:100; text-align:center;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure {position:relative; display:inline-block; width:28px; height:90px; line-height:85px;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure:last-child {margin-right:0;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure > span {position:absolute; left:0; right:0; margin:auto; color:#504b4b; font-size:3em; font-weight:400;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure .top {background-color:#f6e5e5; transform-origin:50% 100%; transform:perspective(200px); z-index:3;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure .bottom {z-index:1;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure .bottom:before {content:''; position:absolute; display:block; top:0; left:0; width:100%; height:50%; background:#f6e5e5;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure .bottom-back {overflow:hidden; top:0; height:50%; background-color:#f6e5e5; z-index:2;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure .bottom-back span {position:absolute; top:0; left:0; right:0; margin:auto;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure .top, #eventWrap.sincereDelivery .inner .rollingCountdown .figure .top-back {height:50%; overflow:hidden; backface-visibility:hidden;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure .top-back {bottom:0; border-radius:0; background-color:#f6e5e5; transform-origin:50% 0; transform:perspective(200px) rotateX(180deg);  z-index:4;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure .top-back span {position:absolute; top:-101%; left:0; right:0; margin:auto;}

/* 진심배송_본캠페인 */
#eventWrap.sincereDelivery .inner.campaign {} 
#eventWrap.sincereDelivery .inner.campaign .lst_stn {padding:0;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn {display:block; overflow:hidden; position:relative; width:100%; justify-content:center; align-items:center;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn img {width:100%; height:100%; object-fit:cover;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn video {width:100%; height:100%; object-fit:cover;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 {height:100vh;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 img.bg {position:absolute; top:0; left:50%; transform:translateX(-50%);}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard {display:block; position:absolute; top:54%; left:0; width:100%;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard dt {display:block; width:100%; padding:0 0 7px 0; color:#fffef1; font-size:17px; font-weight:300; text-align:center; opacity:0.8;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard dd {display:block; position:relative; width:100%; height:46px; color:#fffef1; font-size:40px; font-weight:400; text-align:center; line-height:40px; letter-spacing:0; transform:translate(0,0); opacity:0.85;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard dd:after {content:'명'; display:inline-block; margin:-7px 0 0 3px; font-size:24px; vertical-align:middle;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard2 {display:block; position:absolute; top:65%; left:0; width:100%;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard2 dt {display:block; width:100%; padding:15px 0 7px 0; color:#fffef1; font-size:17px; font-weight:300; text-align:center; opacity:0.8;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard2 dd {display:block; position:relative; width:100%; height:46px; color:#fffef1; font-size:40px; font-weight:400; text-align:center; line-height:40px; letter-spacing:0; transform:translate(0,0); opacity:0.85;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard2 dd:after {content:'원'; display:inline-block; margin:-7px 0 0 3px; font-size:24px; vertical-align:middle;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard2:after {content:'*참여금액의 1%를 기부합니다'; display:block; padding:0 0 0 0; color:#8a2c27; font-size:13px; text-align:center;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 .tit {position:absolute; top:33%; left:0; width:100%; padding:0; color:#fffef1; font-size:20px; font-weight:400; text-align:center; opacity:0.85;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 .tit span {display:inline-block; margin:0 5px 0 0;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item02 {display:flex;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item06 .swiper {padding:0;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item08 .swiper {width:calc(100% - 18%); margin:0 9%; padding:0;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item08 .swiper .swiper-scrollbar {bottom:0;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item08 .bgBox2 {padding:0 0 10% 0;}

#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn ul.countdown {position:absolute; top:inherit; top:11%; width:100%; padding:0 0 7% 0; text-align:center; font-family:'Plus Jakarta Sans', sans-serif;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn ul.countdown:before {content:'진심배송 종료까지'; display:block; padding:0 0 20px 0; color:#fffef1; font-size:30px; font-weight:400; text-align:center; opacity:0.85;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn ul.countdown li .ani_blur {animation:ani_blur 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
@keyframes ani_blur{
0%,100% {opacity:1.0;}
50% {opacity:0.5;}
}
#eventWrap.sincereDelivery .inner.campaign .bgBox {position:relative;}
#eventWrap.sincereDelivery .inner.campaign .bgBox img {width:100%; height:100%; object-fit:cover;}
#eventWrap.sincereDelivery .inner.campaign .bgBox dl.daBox {position:absolute; bottom:15%; left:0; width:100%; color:#FFBAC9; text-align:center;}
#eventWrap.sincereDelivery .inner.campaign .bgBox dl.daBox dt {display:block; padding:0 0 20px 0; font-size:50px; font-weight:500;}
#eventWrap.sincereDelivery .inner.campaign .bgBox dl.daBox dt:after {content:'원'; display:inline-block; margin:-7px 0 0 3px; font-size:24px; font-weight:400; vertical-align:middle;}
#eventWrap.sincereDelivery .inner.campaign .bgBox dl.daBox dd {display:block; font-size:20px;}
#eventWrap.sincereDelivery .inner.campaign .bgBox2 {position:relative;}
#eventWrap.sincereDelivery .inner.campaign .bgBox2 >img {position:absolute; width:100%; height:100%; object-fit:cover;}

#eventWrap.sincereDelivery .inner.campaign .rollingBox {overflow:hidden; position:absolute; top:40%; left:50%; width:68%; height:110px; transform:translateX(-50%);}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling {position:relative; width:100%; height:80px;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling li {clear:both; overflow:hidden; width:100%; height:60px; margin:0 0 20px 0; padding:0 10%; line-height:60px; opacity:0; transition:all 0.3s ease-out;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling li span {float:left; color:#1b1b1b; font-size:20px; font-weight:500;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling li em {float:right; color:#fffef1; font-size:18px; font-weight:400;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling li.on {background:#DF9E9F; opacity:1.0; scale:1.0; transition:all 0.3s ease-out;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling li.next {background:#DF9E9F; opacity:0.5; scale:0.9; transition:all 0.3s ease-out;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling li:nth-child(4) {background:#DF9E9F; opacity:0.5; scale:0.9; transition:all 0.3s ease-out;}

#eventWrap.sincereDelivery .inner.campaign .swiper {width:calc(100% - 9%); height:100%; margin:0 0 0 9%; padding:0 0 50px 0;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-slide {display:flex; overflow:hidden; font-size:18px; justify-content:center; align-items:center; text-align:center;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-slide p {display:block; padding:0 5px;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-slide p .prod_thumb {display:block; width:100%; height:auto; margin:0 0 15px 0; text-align:center; aspect-ratio:1 / 1; }
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-slide p .prod_thumb img {width:100%; height:auto; object-fit:cover; object-position:bottom; transition:all 0.3s ease-out;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-slide p .prod_name {display:-webkit-box; overflow:hidden; margin:0 0 15px 0; font-size:1rem; font-weight:500; line-height:1.7; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-slide p .prod_desc {display:block; overflow:hidden; padding:0; font-size:0.875rem; font-weight:300; line-height:2.0;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-button-prev {width:80px; height:80px; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_left.svg") no-repeat center center/50%;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-button-next {width:80px; height:80px; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_right_03.svg") no-repeat center center/50%;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-button-prev:after, #eventWrap.sincereDelivery .inner.campaign .swiper .swiper-button-next:after {display:none;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-button-next.swiper-button-disabled, #eventWrap.sincereDelivery .inner.campaign .swiper .swiper-button-prev.swiper-button-disabled {opacity:0;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-scrollbar {height:3px; border-radius:0; background:rgba(27,27,27,0.1);}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-scrollbar-drag {height:3px; border-radius:0; background:rgba(27,27,27,0.7);}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-pagination {bottom:4%}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-pagination .swiper-pagination-bullet {background:#fffef1; opacity:0.5;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-pagination .swiper-pagination-bullet-active {background:#ffbac9; opacity:1.0;}
#eventWrap.sincereDelivery .inner.campaign .swiper.mySwiper2 .swiper-scrollbar {bottom:8%;}

#eventWrap.sincereDelivery .inner.campaign .btnBox {position:fixed; bottom:0; left:50%; width:560px; padding:0 0 50px 0; transform:translateX(-50%); z-index:10; background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/241212/img_241212_cAni.gif') no-repeat center bottom/50px; opacity:1.0; transition:all 0.3s ease-out;}
#eventWrap.sincereDelivery .inner.campaign .btnBox .txt {display:block; width:100%; height:30px; padding:0 0 10px 0; color:#fff; font-size:18px; font-weight:300; text-align:center;}
#eventWrap.sincereDelivery .inner.campaign .btnBox a {display:block; width:100%; height:60px; margin:0; padding:0; color:#ffbac9; font-size:20px; line-height:60px; border:none; background:#1b1b1b;}
#eventWrap.sincereDelivery .inner.campaign .btnBox a:hover, #eventWrap.sincereDelivery .inner.campaign .btnBox a:focus {color:#ffbac9; border:none; background:#1b1b1b;}
#eventWrap.sincereDelivery .inner.campaign .btnBox.disabled {padding:0 0 20px 0; background:none;}
#eventWrap.sincereDelivery .inner.campaign .btnBox.disabled .txt {overflow:hidden; height:40px; line-height:100px;}
#eventWrap.sincereDelivery .inner.campaign .btnBox.disabled .txt:before {content:'얼리버드 혜택이 쿠폰함에 지급되었습니다'; position:absolute; top:0; left:0; width:100%; color:rgba(255,255,255,0.8); font-size:16px; line-height:18px;}
#eventWrap.sincereDelivery .inner.campaign .btnBox.disabled .txt:after {content:'12월 19일 ~ 20일까지 사용 가능'; position:absolute; top:19px; left:0; width:100%; color:rgba(255,255,255,0.8); font-size:11px; line-height:18px; opacity:0.8;}
#eventWrap.sincereDelivery .inner.campaign .btnBox.disabled button{position:relative; overflow:hidden; line-height:150px; background:#c3c3c3; pointer-events:none;}
#eventWrap.sincereDelivery .inner.campaign .btnBox.disabled button:after {content:'진심배송 알림신청 완료'; position:absolute; top:0; left:0; width:100%; color:#999; font-weight:500; line-height:65px;}
#eventWrap.sincereDelivery .inner.campaign .btnBox.hide {top:inherit; bottom:0; opacity:0; transition:all 0.3s ease-out;}

/* 진심배송_보내는사람 */
#eventWrap.sd_sender .inner {height:100%; padding:0;}
#eventWrap.sd_sender .inner .stepBox {display:none; position:relative; border:1px solid #1b1b1b;}
#eventWrap.sd_sender .inner .stepBox:before {content:''; position:absolute; top:0; left:0; height:5px; background:#1b1b1b;}
#eventWrap.sd_sender .inner .stepBox:nth-child(1) {display:block;}
#eventWrap.sd_sender .inner .stepBox.step1_3:before {width:33.3333%;}
#eventWrap.sd_sender .inner .stepBox.step2_3:before {width:66.6666%;}
#eventWrap.sd_sender .inner .stepBox.step3_3:before {width:100%;}
#eventWrap.sd_sender .inner .stepBox.step1_4:before {width:25%;}
#eventWrap.sd_sender .inner .stepBox.step2_4:before {width:50%;}
#eventWrap.sd_sender .inner .stepBox.step3_4:before {width:75%;}
#eventWrap.sd_sender .inner .stepBox.step4_4:before {width:100%;}
#eventWrap.sd_sender .inner .stepBox .lot_top {display:flex; width:100%; height:200px; padding:0 7%; text-align:left; align-items:end;}
#eventWrap.sd_sender .inner .stepBox .lot_top .tit {display:inline-block; font-size:32px; font-weight:500; justify-content:flex-end;}
#eventWrap.sd_sender .inner .stepBox .lot_top .imgBox {display:block;}
#eventWrap.sd_sender .inner .stepBox .lot_top .imgBox img {width:40%;}

#eventWrap.sd_sender .inner .stepBox .lot_top + .lot_mid {min-height:calc(100vh - 332px); padding:10% 7%;}
#eventWrap.sd_sender .inner .stepBox .lot_mid {display:block; width:100%; min-height:calc(100vh - 132px); padding:15% 7% 10% 7%;}
#eventWrap.sd_sender .inner .stepBox .lot_mid.m_pd0 {padding:15% 11% 10% 11%;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox {display:block; position:relative; width:100%; min-height:36px; margin:0 0 5% 0; padding:0 0 5% 0; border-bottom:1px solid #ccc;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox:last-child {margin:0; padding:0; border:none;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox input[type="radio"] {display:none;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox input[type="radio"] + label {width:100%; padding:0; font-size:25px; font-weight:400; text-align:left;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox input[type="radio"] + label span {display:block; padding:5px 0 0 5px; color:#1b1b1b; font-size:14px; font-weight:300; line-height:22px; opacity:0.6;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox input[type="radio"] + label:before {content:''; position:absolute; top:1px; right:0; width:36px; height:36px; border-radius:100px; background:#D9D9D9;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox input[type="radio"]:checked + label {font-weight:600;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox input[type="radio"]:checked + label span {opacity:1.0;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox input[type="radio"]:checked + label:before {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_w.svg") no-repeat 50% 50%/50%;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .imgBox {display:block;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .imgBox img {width:100%;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .imgBox2 {display:block; margin:10% 0; text-align:center;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .imgBox2 img {width:40%;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .txt {display:block; padding:15px 0 0 0; font-size:18px; font-weight:300; text-align:left; line-height:1.6;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .txt.al_c {text-align:center;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .tit {display:block; padding:15px 0 10px 0; font-size:24px; font-weight:500; text-align:left;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .tit.al_c {text-align:center;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .desc {display:block; padding:10px 0 0 0; color:#888; font-size:13px; font-weight:300; text-align:left; line-height:2.0;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .desc.al_c {text-align:center;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .msg_wirte {display:block; position:relative; margin:0; width:100%; background:#fffef1;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .msg_wirte img {width:100%}
#eventWrap.sd_sender .inner .stepBox .lot_mid .msg_wirte .textArea {position:absolute; top:3%; left:15%; width:71%; height:51%; padding:20px; color:#756B6B; font-family:'Noto Serif KR',serif; font-size:18px; font-weight:500; text-align:center; border:none; outline:none; resize:none; background:#F1E4E9;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .msg_wirte .textArea:focus::placeholder {color:transparent;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .msg_wirte .textAreaCount {position:absolute; top:50%; right:16%; color:#999; font-size:13px; font-weight:400; letter-spacing:-1px;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .msg_wirte .msg_login {position:absolute; top:18%; left:13%; width:80%; height:55%; padding:30% 0 0 0; color:#1b1b1b; font-size:22px; font-weight:300; text-align:center; line-height:1.6; background:rgba(255,255,255,0.5); backdrop-filter: blur(10px);}
#eventWrap.sd_sender .inner .stepBox .lot_mid .msg_wirte .msg_login a {display:inline-block; padding:7px 12px 7px 12px; color:#fffef1; font-size:13px; font-weight:400; line-height:1.0; vertical-align:middle; border-radius:20px; background:#1b1b1b;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .btnBox {margin:0;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .msg_wirte .msg_login span {display:block; padding:15px 0 0 0; color:#888; font-size:14px;}

#eventWrap.sd_sender .inner .stepBox .lot_btm {display:block; width:100%; height:130px; padding:0 7%; align-items:start;}
#eventWrap.sd_sender .inner .stepBox .lot_btm p.desc{display:block; padding:0 0 7px 0; color:#1b1b1b; font-size:13px; text-align:center; letter-spacing:-0.5px; opacity:0.7;}
#eventWrap.sd_sender .inner .stepBox .lot_btm button {display:block; width:100%; height:60px; color:#9F9F9F; font-size:18px; font-weight:400; line-height:60px;text-align:center; border:none; background:none;}
#eventWrap.sd_sender .inner .stepBox .lot_btm button:hover {border:none; background:none;}
#eventWrap.sd_sender .inner .stepBox .lot_btm button + button {margin-top:10px;}
#eventWrap.sd_sender .inner .stepBox .lot_btm button + a {margin-top:10px;}
#eventWrap.sd_sender .inner .stepBox .lot_btm a + a {margin-top:10px;}
#eventWrap.sd_sender .inner .stepBox .lot_btm a + button {margin-top:10px;}
#eventWrap.sd_sender .inner .stepBox .lot_btm button.btn_bg_bk {color:#fffef1; font-size:20px; font-weight:500; background:#1b1b1b;}
#eventWrap.sd_sender .inner .stepBox .lot_btm a {display:block; width:100%; height:60px; color:#9F9F9F; font-size:18px; font-weight:400; line-height:60px; text-align:center; border:none; background:none;}
#eventWrap.sd_sender .inner .stepBox .lot_btm a:hover {border:none; background:none;}
#eventWrap.sd_sender .inner .stepBox .lot_btm a.btn_bg_bk {color:#fffef1; font-size:20px; font-weight:500; background:#1b1b1b;}

/* 진심배송_받는사람 */
#eventWrap.sd_receiver .inner {height:100%; padding:0;} 
#eventWrap.sd_receiver .inner .stepBox {display:none; position:relative; border:1px solid #1b1b1b;}
#eventWrap.sd_receiver .inner .stepBox:before {content:''; position:absolute; top:0; left:0; height:5px; background:#1b1b1b;}
#eventWrap.sd_receiver .inner .stepBox:nth-child(1) {display:block;}
#eventWrap.sd_receiver .inner .stepBox.step1_3:before {width:33.3333%;}
#eventWrap.sd_receiver .inner .stepBox.step2_3:before {width:66.6666%;}
#eventWrap.sd_receiver .inner .stepBox.step3_3:before {width:100%;}
#eventWrap.sd_receiver .inner .stepBox.step1_4:before {width:25%;}
#eventWrap.sd_receiver .inner .stepBox.step2_4:before {width:50%;}
#eventWrap.sd_receiver .inner .stepBox.step3_4:before {width:75%;}
#eventWrap.sd_receiver .inner .stepBox.step4_4:before {width:100%;}
#eventWrap.sd_receiver .inner .stepBox .lot_top {display:flex; width:100%; height:200px; padding:0 7%; text-align:left; align-items:end;}
#eventWrap.sd_receiver .inner .stepBox .lot_top .tit {display:inline-block; font-size:32px; font-weight:500; justify-content:flex-end;}
#eventWrap.sd_receiver .inner .stepBox .lot_top .tit strong {display:inline-block; overflow:hidden; max-width:150px; height:46px; color:#fe9da7; vertical-align:top; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

#eventWrap.sd_receiver .inner .stepBox .lot_top + .lot_mid {min-height:calc(100vh - 332px); padding:10% 7%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid {display:block; width:100%; min-height:calc(100vh - 132px); padding:15% 7% 10% 7%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid.lift {height:100%; min-height:100%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox {display:block; position:relative; width:100%; min-height:36px; margin:0 0 5% 0; padding:0 0 5% 0; border-bottom:1px solid #ccc;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox:last-child {margin:0; padding:0; border:none;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox input[type="radio"] {display:none;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox input[type="radio"] + label {width:100%; padding:0; font-size:25px; font-weight:400; text-align:left;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox input[type="radio"] + label span {display:block; padding:5px 0 0 5px; color:#1b1b1b; font-size:14px; font-weight:300; line-height:22px; opacity:0.6;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox input[type="radio"] + label:before {content:''; position:absolute; top:1px; right:0; width:36px; height:36px; border-radius:100px; background:#D9D9D9;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox input[type="radio"]:checked + label {font-weight:500;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox input[type="radio"]:checked + label span {opacity:1.0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox input[type="radio"]:checked + label:before {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_w.svg") no-repeat 50% 50%/50%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .msg_view {display:block; margin:0 0 20px 0; padding:0 20px; color:#fffef1; white-space:pre-wrap; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/241212/bg_241212_campain.jpg") no-repeat 50% 50%/cover;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .lst_tit {display:block; clear:both; overflow:hidden; padding:0 0 7px 0; border-bottom:1px solid #1b1b1b;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .lst_tit h3 {float:left; font-size:18px; font-weight:500;}

#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod {display:block; border-top:1px solid #1b1b1b; transition:all 0.3s ease-out;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li {clear:both; overflow:hidden; padding:15px 5% 0 5%; border-bottom:1px solid #cdcdcd; transition:all 0.3s ease-out;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li:first-child {height:auto; transition:all 0.3s ease-out;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li:last-child {margin:0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_thumb {float:left; width:15%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_thumb img {width:100%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_info {float:left; width:85%; padding:0 0 0 5%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_info .prod_name {display:block; margin:0 0 5px 0; font-size:15px; font-weight:400; line-height:1.5; word-break:keep-all}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_info .prod_quan {float:left; color:#989898; font-size:14px; font-weight:300;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_info .prod_quan:before {content:'수량:'; display:inline-block; margin:0 3px 0 0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_info .prod_quan:after {content:'개'; display:inline-block;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .expiry_date {display:block; clear:both; overflow:hidden; margin:0; padding:5px 0; color:#666; font-size:13px; text-align:center; background:#e5e5e5;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .txt {display:block; padding:15px 0 0 0; font-size:18px; font-weight:300; text-align:left; line-height:1.6;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .txt.al_c {text-align:center;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .tit {display:block; padding:15px 0 25px 0; font-size:24px; font-weight:500; text-align:left; letter-spacing:-0.5px;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .tit.al_c {text-align:center;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .lst_desc {display:block; padding:0 12%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .lst_desc li {display:block; position:relative; margin:0 0 7px 0; padding:0 0 0 12px; color:#888; font-size:14px; font-weight:300; text-align:left; line-height:1.5;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .lst_desc li:before {content:'-'; position:absolute; top:0; left:0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .lst_desc li:last-child {margin:0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .couponBox {display:block; text-align:center;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid span.coupon {display:inline-block; clear:both; overflow:hidden; position:relative; width:100%; max-width:40%; margin:0; padding:5% 0; color:#fffef1; text-align:left; border-radius:0; background:#1b1b1b;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid span.coupon:before {content:''; position:absolute; top:50%; right:-8px; width:16px; height:16px; margin-top:-8px; border-radius:20px; background:#fffef1;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid span.coupon:after {content:''; position:absolute; top:50%; left:-8px; width:16px; height:16px; margin-top:-8px; border-radius:20px; background:#fffef1;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid span.coupon em.name {display:block; padding:0 0 7px 0; color:#fffef1; font-size:12px; font-weight:300; text-align:center; line-height:1.0; letter-spacing:0; opacity:0.8;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid span.coupon em.benefit {position:relative; float:left; width:100%; margin:0; padding:0; font-size:32px; color:#fffef1; font-weight:500; text-align:center; letter-spacing:0; line-height:1.0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid span.coupon em.benefit:after {content:'원'; display:inline-block;}

/* 배송지추가 */
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form {clear:both; overflow:hidden; padding:0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row {clear:both; overflow:hidden; margin:0 0 15px 0; line-height:20px;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row:last-child {margin:0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 {float:left; width:100%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2:first-child:nth-last-child(2) {width:calc(50% - 7px); margin:0 7px 0 0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2:first-child:nth-last-child(2) ~ .iptBox2 {width:calc(50% - 7px); margin:0 0 0 7px;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_txt, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_tel, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_num {width:100%; height:50px; padding:0 7px; color:#1b1b1b; font-size:14px; font-weight:400; line-height:44px; border:none; border-bottom:1px solid #bababa; border-radius:0; background:none; transition:all 0.3s ease-out;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_txt:focus, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_tel:focus, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_num:focus {border:none; border-bottom:1px solid #1b1b1b; transition:all 0.3s ease-out;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_txt.limit, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_tel.limit, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_num.limit {pointer-events:none; background:rgba(14,14,14,0.05);}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_txt::placeholder, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_tel::placeholder, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_num::placeholder, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_direct_msg::placeholder {color:#989898; font-size:13px; font-weight:300;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_txt + .btn_txt_box {float:left; width:80px; height:50px; margin:0 0 0 14px; color:#1b1b1b; font-size:13px; font-weight:500; text-align:center; line-height:44px; letter-spacing:-1px; border:1px solid #bababa; background:#fff; transition:all 0.3s ease-out;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_txt + .btn_txt_box:hover, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox .ipt_txt + .btn_txt_box:focus {color:#1b1b1b; border:1px solid #1b1b1b; background:#fff; transition:all 0.3s ease-out;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2.button .ipt_txt {float:left; width:calc(100% - 94px);}

#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .dlvr_info .lot_row:first-child {margin:0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .da_name {display:inline-flex; margin:0 5px 7px 0; color:#1b1b1b; font-size:14px;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .da_pNum {display:inline-flex; color:#1b1b1b; font-size:14px;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .da_aCode {display:inline; color:#1b1b1b; font-size:14px; word-break:keep-all;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .da_aTxt {display:inline; color:#1b1b1b; font-size:14px; word-break:keep-all;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .da_aTxt2 {display:inline; color:#1b1b1b; font-size:14px; word-break:keep-all;}

#eventWrap.sd_receiver .inner .stepBox .lot_btm {display:block; width:100%; height:130px; padding:0 7%; align-items:start;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm p.desc{display:block; padding:0 0 7px 0; color:#1b1b1b; font-size:13px; text-align:center; letter-spacing:-0.5px; opacity:0.7;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm button {display:block; width:100%; height:60px; color:#9F9F9F; font-size:18px; font-weight:400; text-align:center; line-height:60px; border:none; background:none;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm button:disabled {color:#999 !important; background:#c3c3c3 !important; pointer-events:none;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm button:hover {border:none; background:none;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm button + button {margin-bottom:10px;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm button + a {margin-bottom:10px;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm a + a {margin-bottom:10px;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm a + button {margin-bottom:10px;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm button.btn_bg_bk {color:#fffef1; font-size:20px; font-weight:500; background:#1b1b1b;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm a {display:block; width:100%; height:60px; color:#9F9F9F; font-size:18px; font-weight:400; text-align:center; line-height:60px; border:none; background:none;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm a:hover {border:none; background:none;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm a.btn_bg_bk {color:#fffef1; font-size:20px; font-weight:500; background:#1b1b1b;}

/* 랜덤쿠폰-룰렛 */
.evt_rouletteArea {display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background:rgba(27,27,27,0.8); z-index:9999;}
.evt_rouletteArea .rouletteBox {position:absolute; top:50%; left:50%; width:500px; height:500px; transform:translate(-50%,-50%);}
.evt_rouletteArea .rouletteBox:before {content:'';}
.evt_rouletteArea .rouletteBox .btn_start {position:absolute; top:50%; left:50%; width:200px; height:200px; transform:translate(-50%,-50%); z-index:10;}
.evt_rouletteArea .rouletteBox .btn_start.disable {pointer-events:none;}
.evt_rouletteArea .rouletteBox .btn_start img {width:100%; height:100%;}
.evt_rouletteArea .rouletteBox .roll_bg {position:absolute; top:0%; left:0%; width:100%; height:100%;}
.evt_rouletteArea .rouletteBox .roll_bg img {width:100%; height:100%;}

/* 랜덤쿠폰-카운터 */
.evt_counterArea {position:fixed; top:0%; left:0%; width:100%; height:100%; background:rgba(27,27,27,0.8); z-index:9999;}

.inner_event {display:inline-block; width:700px; margin:0 auto; padding:60px 0; text-align:left;}
.inner_event .imgBox {display:block; border:none;}
.inner_event .imgBox img {width:100%; object-fit:cover;}

.inner_event .imgBox.btn {position:relative; background:#fffef1; cursor:default;}
.inner_event .imgBox.btn .btn_bg_bk {position:absolute; left:50%; width:calc(100% - 20%); padding:20px 0; color:#fffef1; font-size:18px; font-weight:500; background:#000000; transform:translate(-50%,0);}
.inner_event .imgBox.btn .btn_bg_bk:hover {text-decoration:underline;}
.inner_event .imgBox.btn .pst_10p {bottom:10%;}
.inner_event .imgBox.btn .pst_b200 {bottom:200px;}
.inner_event .imgBox.btn .pst_t100 {top:100px;}

.inner_event .prodBox {position:relative; padding:80px 0; background:#f9f8eb;}
.inner_event .prodBox:before {content:''; position:absolute; top:0; left:50%; width:80%; height:1px; background:#1b1b1b; transform:translate(-50%,0);}
.inner_event .prodBox .titBox {display:block; margin:0 0 50px 0; text-align:center;}
.inner_event .prodBox .titBox .tit {display:block; margin:0 0 3px 0; color:#1b1b1b; font-size:22px; font-weight:500;}
.inner_event .prodBox .titBox .txt {display:block; color:#1b1b1b; font-size:14px; font-weight:400; opacity:0.8;}
.inner_event .prodBox ul.lst {display:block;}
.inner_event .prodBox ul.lst li {display:block; text-align:center;}
.inner_event .prodBox ul.lst li span.thumb {display:block; padding:0 28%;}
.inner_event .prodBox ul.lst li span.thumb img{ width:100%;}
.inner_event .prodBox ul.lst li span.p_name {display:block; font-size:16px; font-weight:400;}
.inner_event .prodBox ul.lst li span.p_price {display:block; font-size:22px; font-weight:700;}
.inner_event .prodBox ul.lst li span.p_price:after {content:'원'; display:inline-block;}
.inner_event .prodBox ul.lst li .btnBox {margin:20px 0 0 0;}
.inner_event .prodBox ul.lst li .btnBox button {width:200px; font-size:14px; border:1px solid #1b1b1b;}
.inner_event .prodBox ul.lst li .btnBox button:hover {text-decoration:underline;}
.inner_event .prodBox ul.lst li .btnBox button.btn_line_bk {color:#1b1b1b; background:#fffef1;}
.inner_event .prodBox ul.lst li .btnBox button.btn_bg_bk {color:#fffef1; background:#1b1b1b;}

.inner_event.soldout .imgBox.btn .pst_b200:after {content:'예약 가능한 자리가 얼마 남지 않았습니다 \A 혜택이 사라지기 전에 서둘러 신청해 주세요'; display:block; padding:7px 0 0 0; font-size:12px; font-weight:300; white-space:pre; opacity:0.7;}
.inner_event.soldout .imgBox.btn .pst_t100:after {content:'예약 가능한 자리가 얼마 남지 않았습니다 \A 혜택이 사라지기 전에 서둘러 신청해 주세요'; display:block; padding:7px 0 0 0; font-size:12px; font-weight:300; white-space:pre; opacity:0.7;}
.inner_event.soldout .prodBox ul.lst li a {pointer-events:none;}
.inner_event.soldout .prodBox ul.lst li span.thumb {filter:grayscale(100%); opacity:0.4;}
.inner_event.soldout .prodBox ul.lst li span.p_name, .inner_event.soldout .prodBox ul.lst li span.p_price {opacity:0.4;}
.inner_event.soldout .prodBox ul.lst li .btnBox:after {content:'품절'; display:inline-block; width:200px; height:50px; color:rgba(27,27,27,0.5); font-size:14px; font-weight:400; line-height:48px; border:1px solid rgba(27,27,27,0.3); pointer-events:none;}
.inner_event.soldout .prodBox ul.lst li .btnBox button {display:none; pointer-events:none;}

.btn_goTop {display:none; overflow:hidden; position:fixed; right:10px; bottom:10px; width:40px; height:40px; text-indent:-99px; background:rgba(27,27,27,0.6) url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_up_w.svg") no-repeat 50% 50%/40%; transition:all 0.3s ease-out; z-index:999;}
.btn_goTop:hover, .btn_goTop:focus {background:rgba(27,27,27,0.9) url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_up_w.svg") no-repeat 50% 50%/40%; transition:all 0.3s ease-out;}
.btn_goTop.fixed {display:block;} 	

/* 버튼 */
.btnBox02 {display:block; padding:0 50px;}
.btnBox02 .btn_line_bk {display:block; position:relative; padding:20px 25px; color:#1b1b1b; font-size:18px; font-weight:400; line-height:18px; border:1px solid #1b1b1b;}
.btnBox02 .btn_line_bk:after {content:''; position:absolute; top:50%; right:20px; width:12px; height:12px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_right_bk.svg") no-repeat 50% 50%/100%; transform:translate(0,-50%);}

.gift_openBox {display:block; padding:50px 0 0 0; text-align:center; background:#f2f0e4;}
.gift_openBox .title {display:block; margin:80px 0 25px 0; font-size:25px; font-weight:700;}
.motionBox {display:inline-block; position:relative; width:162px; height:140px; margin:20px 0 10px 0; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240711/img_e240710_0203.png") no-repeat 50% 50%/100%; animation:vibration 2s infinite;}

@keyframes vibration {
	0% {transform:rotate(0deg);}
	2% {transform:rotate(1.5deg);}
	4% {transform:rotate(-1.5deg);}
	6% {transform:rotate(1.5deg);}
	8% {transform:rotate(-1.5deg);}
	10% {transform:rotate(1.5deg);}
	12% {transform:rotate(-1.5deg);}
	14% {transform:rotate(1.5deg);}
	16% {transform:rotate(-1.5deg);}
	18% {transform:rotate(0deg);}
	100% {transform:rotate(0deg);}
}

.gift_openBox .desc {display:block; padding:5px 0 60px 0; color:#1b1b1b; font-size:20px; font-weight:400; letter-spacing:0;}
.gift_openBox .desc span {color:#1b1b1b; font-weight:700;}
.gift_openBox .tit {display:block; position:relative; margin:0 0 25px 0; padding:15px 0 0 0; font-size:22px; font-weight:500;}
.gift_openBox .tit:before {content:''; position:absolute; top:0; left:50%; width:12px; height:12px; transform:translate(0,0); animation:bounceAlpha 1.4s infinite linear; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_up_bk.svg") no-repeat 50% 50%/100%;}
.gift_openBox .tit:after {content:''; position:absolute; top:0; left:50%; width:12px; height:12px; transform:translate(0,0); animation:bounceAlpha 1.4s 0.5s infinite linear; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_up_bk.svg") no-repeat 50% 50%/100%;}

@keyframes bounceAlpha {
  0% {opacity:1; transform:rotate(0deg) scale(1);}
  25%{opacity:0; transform:translateY(-10px) scale(0.9);}
  50%{opacity:0; transform:translateY(10px) scale(0.9);}
  75% {opacity:1; transform:translateY(0px) scale(1);}
}

.gift_openBox .txt {display:block; padding:0 0 70px 0; font-size:16px; font-weight:400;}
.gift_openBox .date {display:block; padding:0 0 50px 0; font-size:16px; font-weight:400;}
.gift_openBox + .btnBox3 {padding-bottom:70px !important;}
#eventWrap .inner .btnBox3 {display:block; margin:0; padding:0 50px; text-align:center;}	
#eventWrap .inner .btnBox3 .btn_line_bk {display:inline-block; width:80%; height:60px; margin:0; font-size:16px; font-weight:700; line-height:54px; border:2px solid #1b1b1b; background-color:transparent;}
#eventWrap .inner .btnBox3 .disable {display:inline-block; width:80%; margin:0; padding:15px 0; color:#999; font-size:14px; font-weight:500; line-height:1.3; background-color:#e3e3e3;}
#eventWrap .inner .btnBox3 a.btn_bg_bk {display:inline-block; width:80%; height:60px; margin:0; color:#f2f0e4; font-size:16px; font-weight:700; line-height:54px; border:2px solid #1b1b1b; background-color:#1b1b1b;}
#eventWrap .inner .btnBox3 a.btn_bg_bk:hover, #eventWrap .inner .btnBox3 a.btn_bg_bk:focus {color:#f2f0e4; border:2px solid #1b1b1b; background-color:#1b1b1b;}
#eventWrap .inner .btnBox3 a + .desc {display:block; margin:15px 0 0 0; color:#999; font-size:13px; line-height:20px;}

#pop_start .pop_contBox {text-align:center;}
#pop_start .pop_contBox .txt {display:block; margin:0 0 30px 0; padding:0 50px; font-size:25px; font-weight:400; text-align:left; line-height:46px;}
#pop_start .pop_contBox .motionBox.active {animation:none; pointer-events:none;}
#pop_start .pop_contBox .box-roulette {display:inline-block; overflow:hidden; position:relative; width:380px; height:380px;}
#pop_start .pop_contBox .box-roulette:after {content:''; position:absolute; top:10%; left:50%; width:40px; height:40px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240711/img_e240710_0206.png") no-repeat 50% 50%/cover; transform:translateX(-50%);}
#pop_start .pop_contBox .box-roulette .roulette {width:100%; height:100%; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240711/img_e240710_0205.png") no-repeat 50% 50%/cover; transition:transform 0s ease-out;}
#pop_start .pop_contBox .box-roulette .roulette.spin {animation:rouleSpin 4s ease-out forwards;}

@keyframes rouleSpin {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(1740deg);}
}

.popBox.prize .lst_coupon {display:block; margin:30px 0 10px 0; text-align:center;}
.popBox.prize .lst_coupon li {display:inline-block; position:relative; width:280px; margin:0 0 15px 0; padding:20px 0; color:#fffef1; font-size:18px; font-weight:300; text-align:left; line-height:32px; letter-spacing:2px; background:rgba(27,27,27,1.0);}
.popBox.prize .lst_coupon li:before {content:''; position:absolute; top:50%; left:-10px; width:20px; height:20px; border-radius:20px; background:#fffef1; transform:translateY(-50%);}
.popBox.prize .lst_coupon li:after {content:''; position:absolute; top:0%; right:70px; height:100%; border-right:2px dotted #fffef1;}
.popBox.prize .lst_coupon li span {display:block; position:relative;}
.popBox.prize .lst_coupon li span:before {content:''; position:absolute; top:45%; right:0; width:70px; height:100%; color:#fffef1; font-size:0.9rem; text-align:center; background:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_checkCircle_w.svg) no-repeat 50% 50% / 25%; transform:translate(0, -50%); opacity:0.5;}
.popBox.prize .lst_coupon li span:after {content:'완료'; position:absolute; top:55%; right:0; width:70px; height:100%; font-size:12px; font-weight:100; text-align:center; letter-spacing:0; opacity:0.7;}
.popBox.prize .lst_coupon li em {display:block; color:#fffef1; font-size:11px; font-weight:300; text-align:left; line-height:1.0; letter-spacing:0;}
.popBox.prize .lst_coupon li .coup_name {display:block; padding:0 0 7px 35px; font-size:13px; font-weight:300; opacity:0.7;} 
.popBox.prize .lst_coupon li .coup_disc {padding:0 0 15px 35px; font-size:26px; font-weight:700; letter-spacing:1px;}
.popBox.prize .lst_coupon li .coup_limit {padding:0 0 5px 35px;}
.popBox.prize .lst_coupon li .coup_limit2 {padding:0 0 5px 35px;}
.popBox.prize .lst_coupon li .coup_limit:last-child {padding-bottom:0;}

.popBox.prize {width:450px; padding:0;}
.popBox.prize .pop_btnBox {padding:0 25px 20px 25px;}
.popBox.prize .pop_btnBox button.btn_line_bk {display:inline-block; position:relative; width:100% !important; height:auto !important; padding:15px 0 !important; color:#1b1b1b; font-size:18px !important; font-weight:500 !important; line-height:18px; border:1px solid #1b1b1b !important; background:#fffef1;}
.popBox.prize .pop_btnBox button.btn_bg_bk {display:inline-block; position:relative; width:100% !important; height:auto !important; padding:15px 0 !important; color:#fffef1; font-size:18px !important; font-weight:500 !important; line-height:18px; border:1px solid #1b1b1b !important; background:#1b1b1b;}
.popBox.prize .pop_btnBox button.btn_bg_blue {display:inline-block; position:relative; width:100% !important; height:auto !important; padding:12px 0 !important; color:#fffef1; font-size:18px !important; font-weight:500 !important; line-height:20px; border:1px solid #10109f !important; background:#10109f;}
.popBox.prize .pop_btnBox button.btn_bg_blue span {display:block; font-size:13px; font-weight:400; opacity:0.7;}
#pop_end .pop_contBox .imgBox {display:block; margin:30px 0 50px 0; text-align:center;}
#pop_end .pop_contBox .imgBox img {width:30%;}
#pop_end .pop_contBox .txt {display:block; padding:0 0 0 80px; font-size:20px; font-weight:400; line-height:40px;}

.swiperBox {clear:both; overflow:hidden; width:100%;}
.swiperBox1 {clear:both; overflow:hidden; width:100%; margin:0;}
.swiperBox3 {clear:both; overflow:hidden; width:100%; margin:0;}
.swiper .swiper-wrapper .swiper-slide img {width:100%; object-fit:cover;}
.swiper .swiper-wrapper .swiper-slide video {width:100%; object-fit:cover;}
.swiper .swiper-wrapper .swiper-slide video::-webkit-media-controls-fullscreen-button {display:none !important;}/* 전체화면 버튼 */
.swiper .swiper-wrapper .swiper-slide video::-webkit-media-controls-play-button {display:none !important;}/* 일시정지, 재생 버튼 */
.swiper .swiper-wrapper .swiper-slide video::-webkit-media-controls-timeline {display:none !important;}/* 재생 슬라이드 */
.swiper .swiper-wrapper .swiper-slide video::-webkit-media-controls-current-time-display{display:none !important;}/* 현재 진행 시간 */
.swiper .swiper-wrapper .swiper-slide video::-webkit-media-controls-time-remaining-display {display:none !important;}/* 전체 시간 */
.swiper .swiper-wrapper .swiper-slide video::-webkit-media-controls-mute-button {display:none !important;}/* 음소거 버튼 */
.swiper .swiper-wrapper .swiper-slide video::-webkit-media-controls-volume-slider {display:none !important;}/* 볼륨 조절 슬라이드 */
.swiper .swiper-wrapper .swiper-slide video::-webkit-media-controls-fullscreen-button {display:none !important;}/* 전체화면 */

.swiperBox3 .swiper .swiper-wrapper .swiper-slide img {width:100%; object-fit:cover;}
.swiperBox3 .swiper-button-next, .swiperBox3 .swiper-button-prev {color:#1b1b1b ;}
.swiperBox3 .swiper-button-next {top:auto; bottom:35%; right:30px;}
.swiperBox3 .swiper-button-prev {top:auto; bottom:35%; left:30px;}

.actionBox {display:block; clear:both; overflow:hidden; padding:100px 10%;}
.actionBox .logout {clear:both; overflow:hidden;}
.actionBox .logout .tit {display:block; font-size:26px; font-weight:300;}
.actionBox .logout .tit + .txt {display:block; margin:30px 0 0 0; font-size:18px; font-weight:300;}
.actionBox .logout .couponBox {display:block; margin:50px 0; text-align:center;} 
.actionBox .logout .couponBox .btn_coupon {display:inline-block; width:40%; background:none;} 
.actionBox .logout .couponBox .btn_coupon img {width:100%;}

.actionBox .login {clear:both; overflow:hidden;}
.actionBox .login .tit {display:block; font-size:30px; font-weight:300;}
.actionBox .login .tit + .txt {display:block; margin:30px 0 0 0; font-size:20px; font-weight:300;}
.actionBox .login a {display:inline-block; width:auto; height:auto; margin:0 0 12px 0; padding:15px 30px; font-size:20px; font-weight:600; text-align:center; line-height:inherit; letter-spacing:-0.5px; border:none;}
.actionBox .login a.bg_black {color:#fff; background:#1b1b1b;}
.actionBox .login a + .desc {display:block; font-size:14px; font-weight:600;}
.actionBox .login button {width:350px; letter-spacing:-0.5px;}
.actionBox .login button + .desc {display:block; padding:15px 0 0 0; font-size:14px; font-weight:300; text-align:center; opacity:0.7;}
.actionBox .login button + .desc + .desc {display:block; padding:15px 0 0 0; font-size:14px; font-weight:300; text-align:center; opacity:0.7;}
.actionBox .login .iptBox {display:block; position:relative; margin:0 0 30px 0;}
.actionBox .login .iptBox input[type="checkbox"] {display:none;}
.actionBox .login .iptBox input[type="checkbox"] + label {padding:0 0 0 30px; font-size:16px; font-weight:400; text-align:left; letter-spacing:-0.5px;}
.actionBox .login .iptBox input[type="checkbox"] + label:before {content:''; position:absolute; top:1px; left:0; border-radius:0; background:#b2b2b2;}
.actionBox .login .iptBox input[type="checkbox"] + label span {display:block; position:relative; padding:5px 0 0 22px; font-weight:300;}
.actionBox .login .iptBox input[type="checkbox"] + label span:before {content:''; position:absolute; top:8px; left:0; width:16px; height:16px; border-radius:0; background:#b2b2b2;}
.actionBox .login .iptBox input[type="checkbox"]:checked + label:before {content:''; position:absolute; top:1px; left:0; border-radius:0; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_w.svg") 50% 50% no-repeat; background-size:50%;}
.actionBox .login .iptBox input[type="checkbox"]:checked + label span:before {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_w.svg") 50% 50% no-repeat; background-size:40%;}
.actionBox .login .iptBox input[type="checkbox"] + label + button {display:block; width:100%; margin:30px 0 0 0; padding:15px 0; color:#fffef1; font-size:16px; font-weight:500; background:#1b1b1b;}
.actionBox .login .couponBox {display:block; margin:50px 0; text-align:center;} 
.actionBox .login .couponBox img {display:inline-block; width:40%;}
.actionBox .login .all_ok {display:block;}
.actionBox .login .all_ok a.btn_bg_bk {display:block; width:100%; padding:15px 30px; color:#fffef1; font-size:16px; font-weight:500; text-align:center; line-height:inherit; letter-spacing:-0.5px; border:none; background:#1b1b1b;}

/* 상품 리스트 */
.container-products {padding:0 0 0 0;}
.container-products .tit {display:block; color:#1b1b1b; font-size:32px; font-weight:700; text-align:center;}
ul.list-products {clear:both; overflow:hidden; width:100%; margin:0 auto; padding:20px 0; text-align:center; background:#fff;}

/* 가로형 */
ul.list-products li.prod_item.horizontal {float:left; width:calc(50% - 30px); height:auto; margin:30px 15px;}
ul.list-products li.prod_item.horizontal:first-child:nth-last-child(1) {display:inline-block; float:none; width:calc(50% - 10px); margin:0 5px;}
ul.list-products li.prod_item.horizontal .prod_notice {display:block; margin:0 0 10px 0;}
ul.list-products li.prod_item.horizontal .prod_notice .ft_clr_brown {display:block; color:#814545; font-size:16px; font-weight:400;}
ul.list-products li.prod_item.horizontal .prod_notice .ft_clr_bk {display:block; color:#1b1b1b; font-size:16px; font-weight:500;}
ul.list-products li.prod_item.horizontal .prod_notice + button {top:inherit; bottom:105px;}
ul.list-products li.prod_item.horizontal button {overflow:hidden; position:absolute; top:5px; width:23px; height:23px; text-indent:-999px; background-color:none; opacity:1.0; z-index:1000;}
ul.list-products li.prod_item.horizontal button.btn_cart_add {left:5px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item.horizontal button.btn_like_add {left:5px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item.horizontal button.btn_like_add.like {left:5px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_heart_pos_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item.horizontal a {display:block;}
ul.list-products li.prod_item.horizontal a .thumb {float:left; overflow:hidden; position:relative; width:40%; padding:0 5px 0 0;}
ul.list-products li.prod_item.horizontal a .thumb img {display:block; width:100%;}
ul.list-products li.prod_item.horizontal a .thumb img.img_hover {display:none;}
ul.list-products li.prod_item.horizontal a .info {float:left; position:relative; width:60%; padding:0 0 0 5px; text-align:left; letter-spacing:-0.5px;}
ul.list-products li.prod_item.horizontal a .info span {display:block;}
ul.list-products li.prod_item.horizontal a .info span.prod_point {display:-webkit-box; overflow:hidden; margin:0 0 5px 0; font-size:14px; font-weight:300; -webkit-line-clamp:1; -webkit-box-orient:vertical; opacity:0.7;}
ul.list-products li.prod_item.horizontal a .info span.prod_name {display:-webkit-box; overflow:hidden; height:44px; font-size:16px; font-weight:400; line-height:22px; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list-products li.prod_item.horizontal a .info span.prod_price {margin:3px 0 0 0;}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b {display:block;}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i {display:inline-block; font-size:16px; font-weight:700; line-height:17px; font-style:normal;}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i:after {content:'';}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_prime {position:relative; height:16px; padding:0 2px; font-size:14px; font-weight:300; line-height:16px; vertical-align:middle; opacity:0.5;}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_prime:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#1b1b1b; opacity:0.5;}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_prime:after {content:'원'; display:inline-block;}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_prime:empty:before {display:none;}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_prime:empty:after {content:'';}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_rate {height:17px; margin:0 1px 0 0; color:#FF0000; font-size:16px; font-weight:700; line-height:17px; vertical-align:middle;}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_rate:after {content:'%'; display:inline-block;}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_rate:empty:before {content:'';}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_rate:empty:after {content:'';}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_sell {height:17px; font-size:16px; font-weight:700; line-height:17px; vertical-align:middle;}
ul.list-products li.prod_item.horizontal a .info span.prod_price em.cl_b i.prod_sell:after {content:'원'; display:inline-block;}
ul.list-products li.prod_item.horizontal a:hover .thumb img.img_hover {display:block;}
ul.list-products li.prod_item.horizontal a:hover .thumb img.img_hover + img {display:none;}
ul.list-products li.prod_item.horizontal.soldout {}
ul.list-products li.prod_item.horizontal.soldout a .thumb:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,254,241,0.9); z-index:4444;}
ul.list-products li.prod_item.horizontal.soldout a .thumb img {filter:grayscale(100%);}
ul.list-products li.prod_item.horizontal.soldout a .thumb:after {content:'sold out'; position:absolute; top:55%; left:50%; width:100px; height:auto; padding:7px 5px; color:#1b1b1b; font-size:15px; font-weight:700; text-align:center; line-height:1.0; text-transform:uppercase; transform:translate(-50%,-50%) rotate(-0deg); z-index:5555; opacity:0.2;}
ul.list-products li.prod_item.horizontal.soldout a .info {color:#ccc;}
ul.list-products li.prod_item.horizontal.soldout a .info span.prod_price em.cl_b i {font-size:15px; font-weight:500;}

/* 세로형 */
ul.list-products li.prod_item.vertical {float:left; width:calc(25% - 50px); margin:30px 25px;}
ul.list-products li.prod_item.vertical a {display:block;}
ul.list-products li.prod_item.vertical a .thumb {display:block; overflow:hidden; position:relative; width:100%; aspect-ratio:8/9;}
ul.list-products li.prod_item.vertical a .thumb img {display:block; width:100%;}
ul.list-products li.prod_item.vertical a .thumb img.img_hover {display:none;}
ul.list-products li.prod_item.vertical a button {overflow:hidden; position:absolute; top:15px; width:23px; height:23px; text-indent:-999px; background-color:none; opacity:1.0; z-index:1000;}
ul.list-products li.prod_item.vertical a button.btn_cart_add {left:15px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item.vertical a button.btn_like_add {right:15px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item.vertical a button.btn_like_add.like {right:15px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_heart_pos_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item.vertical a .info {display:block; position:relative; text-align:center; letter-spacing:-0.5px;}
ul.list-products li.prod_item.vertical a .info span {display:block;}
ul.list-products li.prod_item.vertical a .info span.prod_point {display:-webkit-box; overflow:hidden; margin:0 0 5px 0; font-size:14px; font-weight:300; -webkit-line-clamp:1; -webkit-box-orient:vertical; opacity:0.7;}
ul.list-products li.prod_item.vertical a .info span.prod_name {display:-webkit-box; overflow:hidden; height:44px; font-size:16px; font-weight:400; line-height:22px; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list-products li.prod_item.vertical a .info span.prod_price {margin:3px 0 0 0;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b {display:block;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i {display:inline-block; font-size:16px; font-weight:700; line-height:17px; font-style:normal;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i:after {content:'';}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_prime {position:relative; height:16px; padding:0 2px; font-size:14px; font-weight:300; line-height:16px; vertical-align:middle; opacity:0.5;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_prime:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#1b1b1b; opacity:0.5;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_prime:after {content:'원'; display:inline-block;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_prime:empty:before {display:none;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_prime:empty:after {content:'';}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_rate {height:17px; margin:0 1px 0 0; font-size:16px; font-weight:700; line-height:17px; vertical-align:middle;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_rate:before {content:'('; display:inline-block;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_rate:after {content:'%)'; display:inline-block;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_rate:empty:before {content:'';}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_rate:empty:after {content:'';}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_sell {height:17px; font-size:16px; font-weight:700; line-height:17px; vertical-align:middle;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_sell:after {content:'원'; display:inline-block;}
ul.list-products li.prod_item.vertical a:hover .thumb img.img_hover {display:block;}
ul.list-products li.prod_item.vertical a:hover .thumb img.img_hover + img {display:none;}
ul.list-products li.prod_item.vertical.soldout {}
ul.list-products li.prod_item.vertical.soldout a .thumb:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,254,241,0.9); z-index:4444;}
ul.list-products li.prod_item.vertical.soldout a .thumb img {filter:grayscale(100%);}
ul.list-products li.prod_item.vertical.soldout a .thumb:after {content:'sold out'; position:absolute; top:55%; left:50%; width:100px; height:auto; padding:7px 5px; color:#1b1b1b; font-size:15px; font-weight:700; text-align:center; line-height:1.0; text-transform:uppercase; transform:translate(-50%,-50%) rotate(-0deg); z-index:5555; opacity:0.2;}
ul.list-products li.prod_item.vertical.soldout a .info {color:#ccc;}
ul.list-products li.prod_item.vertical.soldout a .info span.prod_price em.cl_b i {font-size:15px; font-weight:500;}

ul.list-products + .more {display:inline-block; width:500px; margin:30px auto 50px auto;text-align:center;}
ul.list-products + .more a {display:block; width:100%; height:46px; padding:10px 0; font-size:14px; font-weight:300; line-height:24px; border:1px solid #1b1b1b;}

/* 톤데이-퀴즈 */
/* intro */
#eventWrap.quiz {min-height:90vh;}
#eventWrap.quiz .inner {width:650px; padding:0;}
#eventWrap.quiz .inner .intro {position:relative; width:100%; height:100vh; background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
#eventWrap.quiz .inner .intro .pst_top {position:absolute; top:10%; left:50%; width:100%;transform:translate(-50%,0);}
#eventWrap.quiz .inner .intro .pst_top .titBox {display:block; text-align:center; }
#eventWrap.quiz .inner .intro .pst_top .titBox .tit {display:block; margin:0 0 20px 0; color:#10069F; font-size:44px; font-weight:400; letter-spacing:0;}
#eventWrap.quiz .inner .intro .pst_top .titBox .tit strong {display:block; font-weight:700;}
#eventWrap.quiz .inner .intro .pst_top .titBox .period {display:block; color:#1b1b1b; font-size:24px; letter-spacing:0;}
#eventWrap.quiz .inner .intro .pst_btm {position:absolute; bottom:20%; left:5%; width:calc(100% - 10%);} 
#eventWrap.quiz .inner .intro .pst_btm .btnBox {display:block; margin:0; padding:0;}
#eventWrap.quiz .inner .intro .pst_btm .btnBox  button.btn_bg_bk {display:block; width:100%; height:auto; margin:0; padding:18px 0; color:#fff; font-size:18px; font-weight:500; line-height:1.0; letter-spacing:0; background:#1b1b1b;}
#eventWrap.quiz .inner .intro .pst_btm .btnBox  button.btn_bg_bk:disabled {color:#fff; border:1px solid #ccc; background:#ccc;}
/* 질문지 */
#eventWrap.quiz .inner .qstBox {overflow:hidden; position:relative; width:100%; height:100vh; background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
#eventWrap.quiz .inner .qstBox .pst_top {position:absolute; top:5%; left:5%; width:calc(100% - 10%);}
#eventWrap.quiz .inner .qstBox .pst_top .progressBox {overflow:hidden; position:relative; width:100%; height:5px; border-radius:20px; background:rgba(255,254,241,0.3);}
#eventWrap.quiz .inner .qstBox .pst_top .progressBox span {position:absolute; top:0; left:0; height:100%; font-size:0px; border-radius:0 5px 5px 0; background:#fffef1;}
#eventWrap.quiz .inner .qstBox .pst_btm {position:absolute; bottom:50px; left:5%; width:calc(100% - 10%);} 
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox {display:block; margin:0 0 10px 0;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dt {display:block; margin:0 0 40px 0; color:#fffef1; font-size:26px;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dt span {display:block; margin:0 0 7px 0;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dt em {display:block; font-size:1.2rem; letter-spacing:-0.5px;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dt .txt {display:block; color:#fffef1; font-size:1.15rem; font-weight:400;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd {display:block; clear:both; overflow:hidden; min-height:112px; margin:0 0 20px 0;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .iptBox {float:left; width:100%;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .iptBox:nth-child(odd) {margin:0 0 10px 0;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .iptBox:nth-child(even) {margin:0 0 10px 0;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .iptBox .ipt_radio {display:none;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .iptBox .ipt_radio + label {display:block; min-height:46px; padding:12px 7px; color:#1b1b1b; font-size:14px; font-weight:500; line-height:normal; letter-spacing:-0.5px; border:3px solid #fff; background:#fff;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .iptBox .ipt_radio + label.al_c {text-align:center;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .iptBox .ipt_radio + label.al_l {text-align:left;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .iptBox .ipt_radio:checked + label {color:#fffef1; border:3px solid #10069f; background:#10069f;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .textArea {width:100%; min-height:100px; padding:10px; color:#1b1b1b; font-size:13px; border:1px solid #fffef1; background:rgba(255,254,241,0.7); transition:all 0.3s ease-out;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .textArea:focus {border:3px solid #1b1b1b; background:rgba(255,254,241,1.0); transition:all 0.3s ease-out;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .txt {display:block; color:#fffef1; font-size:1rem; font-weight:400;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd .txt_s {display:block; margin:0 0 20px 0; color:#fffef1; font-size:0.9rem;}
#eventWrap.quiz .inner .qstBox .pst_btm .btnBox {display:block; margin:0; padding:0;}
#eventWrap.quiz .inner .qstBox .pst_btm .btnBox button.btn_bg_bk {display:block; width:100%; height:auto; margin:0; padding:18px 0; color:#fffef1; font-size:18px; font-weight:500; line-height:1.0; letter-spacing:0; border:1px solid #1b1b1b; background:#1b1b1b;}
#eventWrap.quiz .inner .qstBox .pst_btm .btnBox button.btn_bg_bk:disabled {color:rgba(14,14,14,0.4); border:1px solid rgba(255,254,241,0.1); background:rgba(255,254,241,0.2);}
/* 정답지 */
#eventWrap.quiz .inner .ansBox {position:relative; width:100%; height:100vh; background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
#eventWrap.quiz .inner .ansBox .pst_top {position:absolute; top:5%; left:5%; width:calc(100% - 10%);}
#eventWrap.quiz .inner .ansBox .pst_top .progressBox {overflow:hidden; position:relative; width:100%; height:5px; border-radius:20px; background:#DEDEDE;}
#eventWrap.quiz .inner .ansBox .pst_top .progressBox span {position:absolute; top:0; left:0; height:100%; font-size:0px; border-radius:0 5px 5px 0; background:#1b1b1b;}
#eventWrap.quiz .inner .ansBox .pst_top .txtBox {display:block; position:relative; margin:10% 0 0 0;}
#eventWrap.quiz .inner .ansBox .pst_top .txtBox dt {display:block; margin:0 0 20px 0; font-size:26px;}
#eventWrap.quiz .inner .ansBox .pst_top .txtBox dt span {display:block; margin:0 0 7px 0;}
#eventWrap.quiz .inner .ansBox .pst_top .txtBox dt em {display:block; margin:0 0 10px 0;}
#eventWrap.quiz .inner .ansBox .pst_top .txtBox dt i {display:inline-block; height:46px; padding:0 20px; color:#fff; font-size:20px; font-weight:300; font-style:normal; line-height:44px; background:#1b1b1b;}
#eventWrap.quiz .inner .ansBox .pst_top .txtBox dt i strong {font-weight:500;}
#eventWrap.quiz .inner .ansBox .pst_btm {position:absolute; bottom:20%; left:5%; width:calc(100% - 10%);} 
#eventWrap.quiz .inner .ansBox .pst_btm .txtBox {display:block; position:relative; margin:10% 0 0 0;}
#eventWrap.quiz .inner .ansBox .pst_btm .txtBox dt {display:block; margin:0 0 20px 0; font-size:32px;}
#eventWrap.quiz .inner .ansBox .pst_btm .txtBox dd {display:block; margin:0 0 40px 0; font-size:26px; font-weight:400;}
#eventWrap.quiz .inner .ansBox .pst_btm .btnBox {display:block; margin:0; padding:0;}
#eventWrap.quiz .inner .ansBox .pst_btm .btnBox button.btn_bg_bk {display:block; width:100%; height:auto; margin:0; padding:18px 0; color:#fff; font-size:18px; font-weight:500; line-height:1.0; letter-spacing:0; background:#1b1b1b;}
#eventWrap.quiz .inner .ansBox .pst_btm .btnBox button.btn_bg_bk:disabled {color:#fff; border:1px solid #ccc; background:#ccc;}
/* 퀴즈완료 */
#eventWrap.quiz .inner .cplBox {position:relative; width:100%; height:100vh; background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
#eventWrap.quiz .inner .cplBox .pst_top {position:absolute; top:25%; left:5%; width:calc(100% - 10%); text-align:center;}
#eventWrap.quiz .inner .cplBox .pst_top .txtBox dt {display:block; margin:0 0 10px 0; color:#fff; font-size:20px;}
#eventWrap.quiz .inner .cplBox .pst_top .txtBox dt strong {display:block; font-size:60px;}
#eventWrap.quiz .inner .cplBox .pst_top .txtBox dd {display:block; color:#fff; font-size:20px;}
#eventWrap.quiz .inner .cplBox .pst_top .txtBox dd.notice {display:inline-block; margin:0 0 10px 0; padding:10px 20px; color:#1b1b1b; font-weight:500; background:#fff;}
#eventWrap.quiz .inner .cplBox .pst_top .txtBox dd.desc {display:block; margin:0 0 25px 0; color:#fff; font-size:12px; font-weight:400;} 
#eventWrap.quiz .inner .cplBox .pst_btm {position:absolute; bottom:20%; left:5%; width:calc(100% - 10%);} 
#eventWrap.quiz .inner .cplBox .pst_btm .btnBox {display:block; margin:0; padding:0;}
#eventWrap.quiz .inner .cplBox .pst_btm .btnBox a.btn_bg_bk {display:block; width:100%; height:auto; margin:0; padding:18px 0; color:#fff; font-size:18px; font-weight:500; line-height:1.0; letter-spacing:0; background:#1b1b1b;}
#eventWrap.quiz .inner .cplBox .pst_btm .btnBox a.btn_bg_bk:disabled {color:#fff; border:1px solid #ccc; background:#ccc;}

#eventWrap.commingSoon {position:relative; width:100vw; height:100vh;}

/* 25첫시작_첫크루 */
#eventWrap.recruitment {}
#eventWrap.recruitment .inner {}
#eventWrap.recruitment .inner ul.lst_stn {}
#eventWrap.recruitment .inner ul.lst_stn li.stn {position:relative;}
#eventWrap.recruitment .inner ul.lst_stn li.stn img {width:100%;}
#eventWrap.recruitment .inner ul.lst_stn li.stn.item01 .infoBox {position:absolute; top:15%; left:10%; width:calc(100% - 20%); color:#fffef1; text-align:center;}
#eventWrap.recruitment .inner ul.lst_stn li.stn.item01 img {width:100%; height:100%; object-fit:cover;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .infoBox dl.txtBox {display:block; margin:0 0 25% 0;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .infoBox dl.txtBox dt {display:block; margin:0 0 10% 0; font-size:20px; font-weight:400;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .infoBox dl.txtBox dt strong {display:block; padding:10px 0 0 0; font-size:42px; font-weight:500; line-height:1.3;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .infoBox dl.txtBox dd {display:block; font-size:22px; font-weight:300; line-height:1.6;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .infoBox dl.txtBox dd strong {display:block; font-weight:500;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown {position:relative; width:100%; padding:0; text-align:center; font-family:'Plus Jakarta Sans', sans-serif;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown p {display:block; padding:0 0 10px 0; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:20px; font-weight:400; text-align:center;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li {display:inline-block; position:relative; width:140px; color:#1b1b1b; vertical-align:top;} 
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li span {display:block; width:120px; margin:0 20px 0 0; color:#fffef1; font-size:46px; font-weight:400; vertical-align:top; line-height:46px; animation:ani_blur 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li:after {content:':'; position:absolute; top:8%; right:2px; color:#fffef1; font-size:30px; font-weight:500;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li p {display:block; width:120px; margin:10px 20px 0 0; color:#fffef1; font-family:'Plus Jakarta Sans', sans-serif; font-size:13px; font-weight:300; text-align:center; vertical-align:top; opacity:0.7;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li:last-child {width:120px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li:last-child:after {content:'';}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li:last-child span {margin:0;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li:last-child p {margin:10px 0 0 0;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox {display:block; text-align:center;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon {display:inline-block; position:relative; padding:0 20px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon:before {content:''; position:absolute; top:0; left:0; width:20px; height:108px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon:after {content:''; position:absolute; top:0; right:0; width:20px; height:108px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon .box {display:block; width:200px; height:108px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_w:before {background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/bg_coupon_w_left.svg') no-repeat left 50%/auto 100%;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_w:after {background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/bg_coupon_w_right.svg') no-repeat right 50%/auto 100%;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_w .box {color:#1b1b1b; background:#fffef1;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_w .box .coup_name {font-weight:400;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_w .box .coup_disc {font-weight:600;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_b:before {background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/bg_coupon_b_left.svg') no-repeat left 50%/auto 100%;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_b:after {background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/bg_coupon_b_right.svg') no-repeat right 50%/auto 100%;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_b .box {color:#fffef1; background:#10069F;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_b .box .coup_name {font-weight:300;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_b .box .coup_disc {font-weight:500;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_bk:before {background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/bg_coupon_bk_left.svg') no-repeat left 50%/auto 100%;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_bk:after {background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/bg_coupon_bk_right.svg') no-repeat right 50%/auto 100%;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_bk .box {color:#fffef1; background:#1b1b1b;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_bk .box .coup_name {font-weight:300;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon.type_bk .box .coup_disc {font-weight:500;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon .box .coup_name {display:block; padding:15px 0 0 0; font-size:12px; letter-spacing:0; opacity:0.7;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon .box .coup_disc {display:block; padding:5px 0 0 0; font-family:'Plus Jakarta Sans', sans-serif; font-size:32px; letter-spacing:-0.5px; line-height:1.0;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon .box .coup_disc:after {display:inline-block; margin:0 0 2px 0; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; font-weight:400; vertical-align:bottom;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon + .desc {display:block; padding:7px 0 0 0; font-size:13px; opacity:0.7;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox + .desc {display:block; font-size:22px; font-weight:300; line-height:1.6;}
#eventWrap.recruitment .inner ul.lst_stn li.stn dl.countBoard {display:block; position:absolute; top:54%; left:0; width:100%;}
#eventWrap.recruitment .inner ul.lst_stn li.stn dl.countBoard dt {display:block; width:100%; padding:0 0 7px 0; color:#fffef1; font-size:17px; font-weight:300; text-align:center; opacity:0.8;}
#eventWrap.recruitment .inner ul.lst_stn li.stn dl.countBoard dd {display:block; position:relative; width:100%; height:46px; color:#fffef1; font-size:40px; font-weight:400; text-align:center; line-height:40px; letter-spacing:0; transform:translate(0,0); opacity:0.85;}
#eventWrap.recruitment .inner .btnBox {margin:0;}
#eventWrap.recruitment .inner .btnBox a {width:90%; height:60px; margin:0; padding:0; line-height:60px;}
#eventWrap.recruitment .inner .btnBox a.btn_bg_blue {color:#fffef1; border:none; background:#10069F;}
#eventWrap.recruitment .inner .btnBox a.btn_bg_blue:hover {color:#fffef1; border:none; background:#10069F;}
#eventWrap.recruitment .inner .btnBox span.disable {display:inline-block; width:90%; height:60px; margin:0; padding:0; color:#b2b2b2; font-size:20px; font-weight:500; text-align:center; letter-spacing:-0.5px; line-height:60px; background:#dfdfdf;}
#eventWrap.recruitment .inner .btnBox .desc {display:block; margin:0; padding:5px 0 0 0; color:#1b1b1b; font-size:12px; font-weight:300; text-align:center;}

#eventWrap.recruitment .inner .btnBox.fixed {position:fixed; bottom:0; left:0; width:720px; transform:translateX(50%);}
#eventWrap.recruitment .inner .btnBox.fixed a {height:50px; font-size:16px; line-height:50px;}
#eventWrap.recruitment .inner .btnBox.fixed span.disable {height:50px; font-size:16px; font-weight:500; line-height:50px;}
#eventWrap.recruitment .inner .btnBox.fixed .desc {padding:5px 0 20px 0;}

#eventWrap.recruitment .inner ul.lst_stn li.stn.item01 .couponBox {margin:0 0 15% 0;}
#eventWrap.recruitment .inner ul.lst_stn li.stn.item01 .couponBox .coupon .box .coup_disc:after {content:'WON';}
#eventWrap.recruitment .inner ul.lst_stn li.stn.item02 .couponBox {margin:0 0 70px 0;}
#eventWrap.recruitment .inner ul.lst_stn li.stn.item02 .couponBox .coupon .box .coup_disc:after {content:'원';}

#eventWrap .swiper_records {}
#eventWrap .swiper_records .swiper-slide {position:relative;}
#eventWrap .swiper_records .swiper-slide .top_txt {position:absolute; top:15%; left:0; width:100%; color:#fffef1; font-size:2.0rem; font-weight:400; text-align:center;}
#eventWrap .swiper_records .swiper-slide .top_txt strong {display:block; font-size:2.5rem; font-weight:600;}
#eventWrap .swiper_records .swiper-slide .btm_txt {clear:both; overflow:hidden; position:absolute; bottom:10%; left:40px; width:calc(100% - 80px); color:#fffef1; text-align:center;}
#eventWrap .swiper_records .swiper-slide .btm_txt .txt {display:block; margin:0 0 10% 0; font-size:1.8rem; font-weight:300;}
#eventWrap .swiper_records .swiper-slide .btm_txt .ani_swiper {display:inline-block; position:relative; width:120px; height:100px; margin:0 0 20px 0;}
#eventWrap .swiper_records .swiper-slide .btm_txt .ani_swiper img:nth-child(1) {position:absolute; top:4px; left:0;}
#eventWrap .swiper_records .swiper-slide .btm_txt .ani_swiper img:nth-child(2) {position:absolute; top:0; left:10%; animation:ani_swiper 3s ease-in-out infinite;}
#eventWrap .swiper_records .swiper-slide .btm_txt .pageing {float:left; margin:0 0 25px 0; padding:5px 10px; color:#fffef1; font-size:0.9rem; background:#1b1b1b;}
#eventWrap .swiper_records .swiper-slide .btm_txt .dlBox {display:block; clear:both; overflow:hidden; color:#fffef1; text-align:left;}
#eventWrap .swiper_records .swiper-slide .btm_txt .dlBox dt {display:block; margin:0 0 25px 0; font-size:2.5rem;}
#eventWrap .swiper_records .swiper-slide .btm_txt .dlBox dd {display:block; font-size:1.8rem;}
#eventWrap .swiper_records .swiper-slide .btm_txt .dlBox dd + dd {position:relative; margin:25px 0 0 0; padding:0 0 0 15px; font-size:1.0rem;}
#eventWrap .swiper_records .swiper-slide .btm_txt .dlBox dd + dd:before {content:'ㆍ'; position:absolute; top:0; left:0; font-weight:600;}
#eventWrap .swiper_records .swiper-slide .textArea {display:block; width:100%; height:200px; margin:20px 0 0 0; padding:20px; border:1px solid #fffef1; background:#fffef1; resize:none;}
#eventWrap .swiper_records .swiper-slide .textArea::placeholder {color:#ccc;}
#eventWrap .swiper_records .swiper-slide button {display:block; width:100%; height:60px; margin:10px 0 0 0; font-weight:500; border:none; opacity:1.0; transition:all 0.3s ease-out;}
#eventWrap .swiper_records .swiper-slide button:hover {border:none;}
#eventWrap .swiper_records .swiper-slide button:disabled {color:#686868 !important; background:#8f8f8f !important; opacity:0.9; transition:all 0.3s ease-out;}
#eventWrap .swiper_records .swiper-slide button.btn_bg_bk {color:#fffef1; background:#1b1b1b;}
#eventWrap .swiper_records .swiper-slide button.btn_bg_blue {margin:20% 0 0 0; color:#fffef1; background:#10069F;}
#eventWrap .swiper_records .swiper-slide .progress-bar {position:absolute; top:3%; left:40px; width:calc(100% - 80px); height:5px; background:#fffef1;}
#eventWrap .swiper_records .swiper-slide .progress-bar span {width:0; height:100%; text-indent:-999px; background:#1b1b1b;}
#eventWrap .swiper_records .swiper-slide:nth-child(2) .progress-bar span {width:25%;}
#eventWrap .swiper_records .swiper-slide:nth-child(3) .progress-bar span {width:50%;}
#eventWrap .swiper_records .swiper-slide:nth-child(4) .progress-bar span {width:75%;}
#eventWrap .swiper_records .swiper-slide:nth-child(5) .progress-bar span {width:100%;}

@keyframes ani_swiper {
0%   {left:10%;}
50%  {left:60%;}
100% {left:10%;}
}

/* popup */
.popup_gift {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999;}
.popup_gift .popup_giftBox {position:absolute; top:50%; left:50%; width:380px; padding:0; text-align:center; letter-spacing:-0.5px; transform:translate(-50%,-50%);}
.popup_gift .popup_giftBox .popup_giftBox_top {display:block; color:#fffef1;}
.popup_gift .popup_giftBox .popup_giftBox_top .gift_summary {display:block; font-size:14px; font-weight:300;} 
.popup_gift .popup_giftBox .popup_giftBox_top .gift_name {display:block; font-size:24px; font-weight:400;}
.popup_gift .popup_giftBox .popup_giftBox_mid {display:block; margin:12px 0; background:#fffef1;}
.popup_gift .popup_giftBox .popup_giftBox_mid img {width:100%;}
.popup_gift .popup_giftBox .popup_giftBox_btm {display:block; color:#fffef1;}
.popup_gift .popup_giftBox .popup_giftBox_btm a, .popup_gift .popup_giftBox .popup_giftBox_btm button {display:block; padding:12px 0;}
.popup_gift .popup_giftBox .popup_giftBox_btm .btn_bg_lightGreen {color:#fffef1; background:#87b68a;}
.popup_gift .popup_giftBox .popup_giftBox_btm .btn_txt_close {color:#fffef1;}
.popup_gift .popup_giftBox .popup_giftBox_btm .btn_txt_close:after {content:''; display:inline-block; width:12px; height:12px; margin:0 0 0 7px; background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_close_thin_w.svg') no-repeat 50% 50%/cover;}

.envirDay_upload {display:block; padding:70px 0;}
.envirDay_upload .topBox {display:block; clear:both; overflow:hidden;}
.envirDay_upload .topBox dl {display:block;}
.envirDay_upload .topBox dl dt {display:block; margin:0 0 5px 0; color:#10069F; font-size:30px; font-weight:400;}
.envirDay_upload .topBox dl dd {display:block; color:#1b1b1b; font-size:24px; font-weight:300; line-height:1.6;}
.envirDay_upload .midBox {display:block; clear:both; overflow:hidden; padding:50px 0;}
.envirDay_upload .midBox .ipt_fileBox {display:block; position:relative; border:1px solid #9e9e9e;}
.envirDay_upload .midBox .ipt_fileBox .ipt_envirDay {position:absolute; top:0; left:0; width:0; height:0;}
.envirDay_upload .midBox .ipt_fileBox label {display:block;}
.envirDay_upload .midBox .ipt_fileBox label img {width:100%;}
.envirDay_upload .midBox dl {display:block; margin:30px 0 0 0;}
.envirDay_upload .midBox dl dt {display:block; color:#1b1b1b; font-size:24px; font-weight:400;}
.envirDay_upload .midBox dl dd {display:block; margin:10px 0 0 0;}
.envirDay_upload .midBox dl dd .ipt_txt {display:block; width:100%; height:46px; font-size:20px; border:none; border-bottom:1px solid #9e9e9e; background:none;}
.envirDay_upload .btmBox {display:block; clear:both; overflow:hidden;}
.envirDay_upload .btmBox button {display:block; width:100%; height:56px; margin:0 0 10px 0; font-size:18px; font-weight:400; border:none; border-radius:5px;}
.envirDay_upload .btmBox button:disabled {background:#cacaca !important; pointer-events:none;}
.envirDay_upload .btmBox button:last-child {margin:0;}
.envirDay_upload .btmBox button.btn_bg_blue {color:#fff; background:#10069F;}
.envirDay_upload .btmBox button.btn_txt_bk {color:#1b1b1b; background:none;}

.envirDay_complete {display:block; padding:70px 0;}
.envirDay_complete .topBox {display:block; clear:both; overflow:hidden; position:relative;}
.envirDay_complete .topBox img {width:100%;}
.envirDay_complete .topBox dl {display:block; position:absolute; top:80px; left:8%;}
.envirDay_complete .topBox dl dt {display:block; margin:0 0 5px 0; color:#10069F; font-size:30px; font-weight:400;}
.envirDay_complete .topBox dl dd {display:block; color:#1b1b1b; font-size:24px; font-weight:300; line-height:1.6;}
.envirDay_complete .midBox {display:block; clear:both; overflow:hidden; padding:50px 0;}
.envirDay_complete .midBox img {width:100%;}
.envirDay_complete .btmBox {display:block; clear:both; overflow:hidden;}
.envirDay_complete .btmBox button {display:block; width:100%; height:56px; margin:0 0 10px 0; font-size:18px; font-weight:400; border:none; border-radius:5px;}
.envirDay_complete .btmBox button:disabled {background:#cacaca !important; pointer-events:none;}
.envirDay_complete .btmBox button:last-child {margin:0;}
.envirDay_complete .btmBox button.btn_bg_blue {color:#fff; background:#10069F;}
.envirDay_complete .btmBox button.btn_txt_bk {color:#1b1b1b; background:none;}

.swiper .swiper-pagination {position:absolute; bottom:65px;}
.swiper-pagination-bullet-active {background-color:#10069F;}

#eventWrap .inner .stnBox {display:block; padding:100px 0; text-align:center;}
#eventWrap .inner .stnBox dl.countdownArea {display:block; padding:0 0 10px 0;}
#eventWrap .inner .stnBox dl.countdownArea dt {display:block; margin:0 0 15px 0; font-size:30px; font-weight:500;}
#eventWrap .inner .stnBox dl.countdownArea dd {display:block;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown {clear:both; overflow:hidden; width:100%; padding:7% 12% 10% 12%; text-align:center; font-family:'Plus Jakarta Sans', sans-serif;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li {float:left; position:relative; width:25%; color:#1b1b1b; vertical-align:top;} 
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li span {display:block; width:calc(100% - 15px); height:60px; margin:0 15px 0 0; color:#1b1b1b; font-size:56px; font-weight:400; vertical-align:top; line-height:60px;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li:after {content:':'; position:absolute; top:8%; right:2px; color:#1b1b1b; font-size:40px; font-weight:500; line-height:42px;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li p {display:block; width:calc(100% - 15px); margin:10px 15px 0 0; color:#1b1b1b; font-family:'Plus Jakarta Sans', sans-serif; font-size:14px; font-weight:300; text-align:center; vertical-align:top;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li:last-child {width:25%;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li:last-child:after {content:'';}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li:last-child span {margin:0;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li:last-child p {margin:10px 0 0 0;}

#eventWrap .inner .stnBox.nego {display:block; padding:0; text-align:center; background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/250703/img_250703_b0102.jpg') no-repeat 50% 0% / 100% auto;}
#eventWrap .inner .stnBox.nego dl.countdownArea dd ul.countdown {padding:0 12%;}

@media screen and (max-width:780px) {
#eventWrap .inner .stnBox dl.countdownArea dt {margin:0; font-size:1.0rem;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown {padding:5% 20px 10% 20px;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li span {height:28px; font-size:1.6rem; font-weight:500; line-height:30px;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li:after {font-size:1.5rem; line-height:22px;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li p {margin:0 15px 0 0; font-size:0.65rem;}
#eventWrap .inner .stnBox dl.countdownArea dd ul.countdown li:last-child p {margin:0 0 0 0;}

.swiper .swiper-pagination {position:absolute; bottom:40px;}
	
#eventWrap .inner .videoBox p.tit {font-size:1.5rem; font-weight:500;}

#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .btn_popup_trans {display:block;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .btn_popup_trans .grid_img {display:flex; width:100%; height:50vh; flex-direction:column; justify-content:center;}
#eventWrap .inner .plastic_gridBox .grid_itemBox .grid_item.show .btn_popup_trans .desc {display:flex; width:100%; height:50vh; flex-direction:column; justify-content:center;}
	
.envirDay_upload {padding:120px 20px 0 20px;}
.envirDay_upload .topBox dl dt {font-size:1.5rem;}
.envirDay_upload .topBox dl dd {font-size:1.25rem; font-weight:400; letter-spacing:-0.5px;}
.envirDay_upload .midBox {padding:50px 0;}
.envirDay_upload .midBox dl dt {font-size:1.1rem;}
.envirDay_upload .midBox dl dd .ipt_txt {font-size:1.0rem;}
.envirDay_upload .btmBox button {font-size:1.0rem;}

.envirDay_complete {display:block; padding:110px 0 50px;}
.envirDay_complete .topBox dl {top:50px; left:20px;}
.envirDay_complete .topBox dl dt {font-size:1.5rem;}
.envirDay_complete .topBox dl dd {font-size:1.25rem; font-weight:400; letter-spacing:-0.5px;}
.envirDay_complete .btmBox {padding:0 20px;}
.envirDay_complete .btmBox button {font-size:1.0rem;}
	
#eventWrap .inner .imgBox .num_fix {font-size:2.4rem;}
/* header ui color bk>w */
	/*
.header h1 a {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_white.svg) no-repeat center 16px/contain !important;}
.header .mobile-menu-container.active, .header .mobile-menu-container{transition:none; background-color:transparent;}
.header ul.list-gnb.mobile>li{color:#fff;}
.header ul.list-gnb.mobile.main>li{color:#fff;}
	
.header ul.list-gnb.mobile>li.cart{background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_cart-w.svg) no-repeat center top/28px 28px;}
.header ul.list-gnb.mobile>li.cart .cart-count{color:#fff;}
.header ul.list-gnb.mobile>li.login{background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login-w.svg) no-repeat center top/28px 28px;}
.header ul.list-gnb.mobile>li.like{background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_like_white.svg) no-repeat center top/28px 28px;}
.header ul.list-gnb.gt-780>li.ico-cart a{color:#fff;background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_cart-w.svg);}
.header ul.list-gnb.gt-780>li.ico-like a{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_like_white.svg);}
.header ul.list-gnb.gt-780>li.ico-lang a{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_lang_white.svg);}
.header ul.list-gnb.mobile.m-sub-menu>li>a{padding:0;}
	
.header .navTrigger i{background-color:#fff;}
.header ul.list-filter>li,ul.list-gnb>li{color:#fff;}
.header ul.list-gnb.mobile.m-sub-menu.main>li>a{color:#fff;}
.header ul.list-gnb>li{color:#fff;}
.header ul.list-snb>li{color:#fff;}
	*/
	
	
.header .line-gnb.active h1 a{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg) !important;}
.header .line-gnb.active ul.list-gnb.mobile>li{color:#1b1b1b;}
.header .line-gnb.active ul.list-gnb.mobile.main>li{color:#1b1b1b;}
.header .line-gnb.active .navTrigger i{background-color:#1b1b1b;}
.header .line-gnb.active ul.list-filter>li,ul.list-gnb>li{color:#1b1b1b;}
.header .line-gnb.active ul.list-gnb.mobile.m-sub-menu.main>li>a{color:#1b1b1b;}
.header .line-gnb.active ul.list-gnb.mobile>li.cart{background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg) no-repeat center top/28px 28px;}
.header .line-gnb.active ul.list-gnb.mobile>li.cart .cart-count{color:#fff;}
.header .line-gnb.active ul.list-gnb.mobile>li.login{background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login.svg) no-repeat center top/28px 28px;}
.header .line-gnb.active ul.list-gnb.mobile>li.like{background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg) no-repeat center top/28px 28px;}
.header .line-gnb.active ul.list-gnb.gt-780>li.ico-cart a{color:#fff;background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg);}
.header .line-gnb.active ul.list-gnb.gt-780>li.ico-like a{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg);}
.header .line-gnb.active ul.list-gnb.gt-780>li.ico-lang button {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg);}
.header .line-gnb.active ul.list-gnb>li{color:#1b1b1b;}
.header .line-gnb.active ul.list-snb>li{color:#1b1b1b;}
	
/* 시크릿 배너 */
.header.m_white .line-gnb .navTrigger i {background:#fffef1;}
.header.m_white .line-gnb h1 a {background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_white.svg') no-repeat 50% 16px / contain;}
.header.m_white .line-gnb ul.list-gnb.mobile>li {color:#fffef1;}
.header.m_white .line-gnb ul.list-gnb.mobile>li.login {background:transparent url('https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login-w.svg') no-repeat 50% 0% / 28px 28px;}
.header.m_white .line-gnb ul.list-gnb.mobile>li.cart {background:transparent url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_w.svg') no-repeat center top / 28px 28px;}
.header.m_white .line-gnb ul.list-gnb.mobile li.ico-lang button {background:transparent url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_w.svg') no-repeat 50% 0% / contain;}
.header.m_white .line-gnb ul.list-gnb.mobile.m-sub-menu.main>li>a {color:#fffef1;}
	
.header.m_white .line-gnb.active .navTrigger i {background:#1b1b1b;}
.header.m_white .line-gnb.active h1 a {background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg') no-repeat 50% 16px / contain;}
.header.m_white .line-gnb.active ul.list-gnb.mobile>li {color:#1b1b1b;}
.header.m_white .line-gnb.active ul.list-gnb.mobile>li.login {background:transparent url('https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login.svg') no-repeat 50% 0% / 28px 28px;}
.header.m_white .line-gnb.active ul.list-gnb.mobile>li.cart {background:transparent url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg') no-repeat center top / 28px 28px;}
.header.m_white .line-gnb.active ul.list-gnb.mobile li.ico-lang button {background:transparent url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg') no-repeat 50% 0% / contain;}
.header.m_white .line-gnb.active ul.list-gnb.mobile.m-sub-menu.main>li>a {color:#1b1b1b;}
	
#eventWrap {min-height:100vh;}
#eventWrap .inner {width:100%; padding:0;}
#eventWrap .inner .visualBox {}
#eventWrap .inner .visualBox dl dt img.logo {height:24px;}
#eventWrap .inner .visualBox dl dt strong {font-size:24px;}
#eventWrap .inner .visualBox dl dd {font-size:14px; line-height:32px;}
#eventWrap .inner .visualBox .btnBox .btn_bg_gray {width:88%; margin:0 6%;}
#eventWrap .inner .visualBox .btnBox .btn_bg_blue {width:88%; margin:0 6%;}
#eventWrap .inner .visualBox .btnBox.b10p .btn_bg_w {width:calc(100% - 10px); margin:0 5px; padding:17px 0; font-size:1rem;}
#eventWrap .inner .visualBox .txtBox a {width:calc(100% - 10px); margin:50px 5px; padding:17px 0; font-size:1rem;}
	
#eventWrap .inner .imgBox dl dt {margin:0 0 10px 0; font-size:20px; line-height:32px;}
#eventWrap .inner .imgBox dl dd {font-size:15px; line-height:32px;}

#eventWrap .inner .txtArea {padding:50px 0;}
#eventWrap .inner .txtArea p {font-size:14px; line-height:32px;}
#eventWrap .inner .txtArea dl.dlBox dt {margin:0 0 10px 0; font-size:20px; line-height:32px;}
#eventWrap .inner .txtArea dl.dlBox dd {font-size:14px; line-height:26px;}
#eventWrap .inner .txtArea dl.dlBox dd ul.lst {padding:0;}
#eventWrap .inner .txtArea dl.dlBox dd ul.desc {padding:10px 20px 0 20px;}
#eventWrap .inner .txtArea dl.dlBox dd ul.desc li {margin:0 0 7px 0; font-size:12px; line-height:18px;}
#eventWrap .inner .txtArea dl.dlBox dd ul.desc li:last-child {margin:0;}

#eventWrap .inner .txtArea dl.dlBox dd.tblBox {padding:10px 20px 0 20px;}
#eventWrap .inner .txtArea dl.dlBox dd.tblBox .tbl_type01 thead tr th {padding:5px 0; font-size:14px;}
#eventWrap .inner .txtArea dl.dlBox dd.tblBox .tbl_type01 tbody tr th {padding:5px 0; font-size:14px;}
#eventWrap .inner .txtArea dl.dlBox dd.tblBox .tbl_type01 tbody tr td {padding:5px 0; font-size:14px;}

#eventWrap .inner .txtArea .olBox  {padding:0 20px;}
#eventWrap .inner .txtArea .olBox .tit {font-size:15px; line-height:32px;}
#eventWrap .inner .txtArea .olBox ol.lst li {font-size:13px; line-height:20px; letter-spacing:-0.5px;}

#eventWrap .inner .txtArea .btnBox a {width:300px; height:46px; margin:10px 0; font-size:16px; line-height:46px;}
#eventWrap .inner .txtArea .btnBox p.desc {font-size:12px; line-height:20px;}

#eventWrap .inner .txtArea .itemBox {padding:40px 0;}
#eventWrap .inner .txtArea .itemBox dl dt {font-size:16px; line-height:32px}
#eventWrap .inner .txtArea .itemBox dl dd.txt {font-size:14px; line-height:26px;}

#eventWrap .inner .txtArea .itemBox dl dd.price {width:300px; padding:10px 0 0 0;}
#eventWrap .inner .txtArea .itemBox dl dd.price span {font-size:24px;}
#eventWrap .inner .txtArea .itemBox dl dd.price span:first-child:after {top:20px;}
#eventWrap .inner .txtArea .itemBox dl dd.price span em {font-size:12px;}

#eventWrap .inner .txtArea + .txtArea {padding:0 0 50px 0;}	
	
#eventWrap .inner .btnBox a.bg_black {padding:12px 30px; font-size:18px;}	
#eventWrap .inner .prodBox .lst li {margin:0 15px; letter-spacing:-0.5px;}
#eventWrap .inner .prodBox .lst li a span.name {font-size:12px;}
#eventWrap .inner .prodBox .lst li a span.price {font-size:18px;}
	
#eventWrap .inner .btnBox button {width:100%;}
#eventWrap .inner .btnBox button + .desc {font-size:12px;}
#eventWrap .inner .btnBox button + .desc + .desc {font-size:12px;}
#eventWrap .inner .btnBox .iptBox input[type="checkbox"] + label {font-size:12px;}
	
#eventWrap .inner .pickBox ul.lst_prod li.soldout:before {font-size:0.8rem;}
	
#eventWrap .inner .requestArea .formBox {padding:0;}
#eventWrap .inner .requestArea .formBox .iptBox label {width:80px; font-size:1rem;}
#eventWrap .inner .requestArea .formBox .btnBox {padding:0 20px 0 80px;}
	
#eventWrap .inner .visualBox .counter {font-size:3.0rem;}
#eventWrap .inner .donateArea .possBox {padding:0;}
#eventWrap .inner .donateArea .possBox dl dt {font-size:1.25rem;}
#eventWrap .inner .donateArea .possBox dl dd.mileage {font-size:2.5rem;}
#eventWrap .inner .donateArea .txtBox p.desc {font-size:1rem;}
#eventWrap .inner .donateArea .txtBox p.tip  {font-size:0.9rem;}
#eventWrap .inner .donateArea .formBox .iptBox .ipt_num_line {font-size:1.25rem;}
#eventWrap .inner .donateArea .formBox .iptBox .ipt_num_line::placeholder {font-size:0.9rem;}
#eventWrap .inner .donateArea .formBox .btn_helpBox button {margin:0; padding:7px 7px 10px 7px; font-size:0.8rem; font-weight:500;}
#eventWrap .inner .donateArea .btnBox {padding:0;}

#farmWrap .pc {display:none !important;}
#farmWrap .mo {display:block !important;}
#farmWrap .inner {display:block; width:100%;}
#farmWrap .inner:last-child .txtBox  {padding-bottom:30px;}
#farmWrap .inner .txtBox .tit {margin:0 0 10px 0; padding:0 15px; font-size:1.25rem; line-height:28px;}
#farmWrap .inner .txtBox .txt {margin:10px 0 0 0; padding:0 15px; font-size:0.875rem; line-height:22px;}
#farmWrap .imgInnerBox img {width:100%; margin:0 auto;}
#farmWrap .dlBox dl:first-child:nth-last-child(4), #farmWrap .dlBox dl:first-child:nth-last-child(4) ~ dl {width:50%;}
#farmWrap .dlBox dl dd {min-height:110px;}
#farmWrap .bgBox {margin:50px 0 0 0;}
#farmWrap .bgBox .imgBox img {width:100%;}
#farmWrap .bgBox .txtBox .tit {margin:20px 0 10px 0; font-size:1.25rem; font-weight:700; line-height:28px;}
#farmWrap .bgBox .txtBox .txt {margin:10px 0 0 0; padding:0 15px; font-size:0.875rem; line-height:22px;}
#farmWrap .inner:nth-child(8) {display:none;}
#farmWrap .lstBox ul {display:block; clear:both; overflow:hidden;}
#farmWrap .lstBox ul li {float:left; width:50%; margin:0 0 30px 0; box-sizing:border-box;}
#farmWrap .lstBox li a span.name {min-height:45px; font-size:0.75rem; font-weight:400; line-height:1.4;}
#farmWrap .lstBox li a span.price {padding:5px 0 0 0; font-size:1rem;}
#farmWrap .lstBox ul + .btnBox {margin:30px 0 0 0;}
#farmWrap .inner .btnBox a.bg_black {width:100%; font-size:0.9rem;}
#farmWrap .inner .btnBox a + .desc {font-size:0.7rem;}
	
#reviewWrap {margin:0;}
#reviewWrap .visualBox {height:50vh;}
#reviewWrap .visualBox img.bg {width:auto; height:100%;}
#reviewWrap .visualBox dl.title {margin-top:50px;}
#reviewWrap .visualBox dl.title dt {font-size:24px;}
#reviewWrap .visualBox dl.title dd {font-size:13px;}
#reviewWrap .reviewArea {padding:20px 0;}
#reviewWrap .reviewArea ul.lst li {width:calc(50% - 20px);}
#reviewWrap .reviewArea ul.lst li .reviewBox .thumb {height:180px;}
#reviewWrap .reviewArea ul.lst li .reviewBox .info .btm {font-size:0.8rem;}
	
/* 진심배송 */
#eventWrap.sincereDelivery .inner .visualBox .sdBox .applicant span.tit {font-size:0.8rem;}
#eventWrap.sincereDelivery .inner .visualBox .sdBox .applicant strong.num {font-size:2.0rem; font-weight:600;}
#eventWrap.sincereDelivery .inner .visualBox .sdBox .timer strong.d_day {font-size:2.5rem;}
#eventWrap.sincereDelivery .inner .visualBox .sdBox .timer span.start_day { font-size:1.0rem;}
#eventWrap.sincereDelivery .inner .visualBox .btnBox .desc {padding:0 0 10% 0;}
	
#eventWrap.sincereDelivery .inner .visualBox a.btn_red {bottom:60px; left:35px; width:calc(100% - 70px); height:50px; font-size:1.0rem; line-height:50px;}
#eventWrap.sincereDelivery .inner .btnBox {padding:0;}
#eventWrap.sincereDelivery .inner .btnBox a.btn_red {width:calc(100% - 70px); height:50px; font-size:1.0rem; line-height:50px;}
#eventWrap.sincereDelivery .inner .btnBox .btn_buy_same {float:left; width:calc(50% - 20px); height:50px; margin:0 5px 16% 15px; font-size:0.85rem; transition:none;}
#eventWrap.sincereDelivery .inner .btnBox .btn_buy_wishe {float:left; width:calc(50% - 20px); height:50px; margin:0 15px 16% 5px; font-size:0.85rem; line-height:50px; transition:none;}
#eventWrap.sincereDelivery .inner .btnBox .btn_buy_same .desc {display:block; clear:both; overflow:hidden; font-size:0.6rem;}
#eventWrap.sincereDelivery .inner .msg_wirte .textAreaCount {bottom:21%;}
#eventWrap.sincereDelivery .inner .msg_wirte .textArea {font-size:1.0rem; line-height:1.5;}
#eventWrap.sincereDelivery .inner .msg_wirte .msg_login {font-size:1.0rem;}
#eventWrap.sincereDelivery .inner .msg_wirte .msg_login a {font-size:0.8rem;}
#eventWrap.sincereDelivery .inner .msg_wirte .msg_login span {font-size:0.8rem;}
#eventWrap.sincereDelivery .inner .btnBox .btn_bg_pink {width:calc(100% - 40px); height:50px; font-size:1.0rem; line-height:50px;}
	
#eventWrap.sincereDelivery .inner .msgView_top h3 {font-size:1.2rem;}
#eventWrap.sincereDelivery .inner .msgView_mid {overflow:auto; height:calc(100% - 150px); max-height:initial; min-height:inherit; padding:0 0 30px 0;}
#eventWrap.sincereDelivery .inner .msgView_mid .msg_txt {top:20%; height:40%; font-size:1.0rem; line-height:1.5;}
#eventWrap.sincereDelivery .inner .msgView_btm {height:90px;}
#eventWrap.sincereDelivery .inner .msgView_btm a {font-size:1rem;}
#eventWrap.sincereDelivery .inner .msgView_btm .desc {font-size:0.7rem;}
	
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 img {width:auto; height:100%;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 video {width:auto; height:100%;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 .alarm_board {top:18%;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 .alarm_board .alct {font-size:2.0rem; line-height:1.2;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 .alarm_board .desc {padding:5px 0 0 0; font-size:0.8rem;}
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 .tit {font-size:1.4rem;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown {top:25%;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li {width:80px;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li span {width:70px; height:50px; margin:0 10px 0 0; font-size:1.9rem; font-weight:500; line-height:50px;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li p {width:70px; margin:0 10px 0 0; font-size:0.7rem;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li:after {content:':'; position:absolute; top:18%; right:0; color:#fffef1; font-size:20px; font-weight:500;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li:last-child {width:70px;}
#eventWrap.sincereDelivery .inner .lst_stn li.stn ul.countdown li:last-child p {margin:0 0 0 0;}
#eventWrap.sincereDelivery .inner .rollingCountdown {top:47%; padding:6% 0;}
#eventWrap.sincereDelivery .inner .rollingCountdown .numBox {height:80px; margin:0 10px 0 0;}
#eventWrap.sincereDelivery .inner .rollingCountdown .numBox:after {right:-10px; font-size:1.2rem; line-height:70px;}
#eventWrap.sincereDelivery .inner .rollingCountdown .count-title {font-size:0.8rem;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure {width:18px; height:70px; line-height:70px;}
#eventWrap.sincereDelivery .inner .rollingCountdown .figure > span {font-size:1.8rem;  font-weight:600;}
#eventWrap.sincereDelivery .inner.alarm .btnBox {width:100%; padding:0 0 30px 0; background:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/241212/img_241212_cAni.gif') no-repeat center bottom/30px;}
#eventWrap.sincereDelivery .inner.alarm .btnBox .txt {font-size:0.8rem;}
#eventWrap.sincereDelivery .inner.alarm .btnBox button {height:50px; font-size:1.0rem; line-height:50px;}
#eventWrap.sincereDelivery .inner.alarm .btnBox.disabled .txt:before {font-size:0.9rem;}
#eventWrap.sincereDelivery .inner.alarm .btnBox.disabled .txt:after {font-size:0.7rem;}
#eventWrap.sincereDelivery .inner.alarm .btnBox.disabled button:after {line-height:50px;}

/* 진심배송_본캠페인 */
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard {top:52%;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard dt {font-size:0.8rem; padding:0;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard dd {font-size:1.8rem}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard dd:after {font-size:1.0rem;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard2 {top:63%;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard2 dt {font-size:0.8rem; padding:0;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard2 dd {font-size:1.8rem}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 dl.countBoard2 dd:after {font-size:1.0rem;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 .tit {top:34.5%; font-size:0.9rem;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item01 .tit span {}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn ul.countdown {top:14%; padding:5% 0 12% 0;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn ul.countdown:before {padding:0 0 0 0; font-size:1.2rem;}
#eventWrap.sincereDelivery .inner.campaign .lst_stn li.stn.item08 .swiper {padding:0 0 10% 0;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox {height:70px;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling {height:50px;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling li {height:40px; margin:0 0 10px 0; line-height:40px;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling li span {font-size:0.9rem;}
#eventWrap.sincereDelivery .inner.campaign .rollingBox .rolling li em {font-size:0.8rem;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-slide p .prod_thumb {height:auto;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-slide p .prod_name {font-size:1rem;}
#eventWrap.sincereDelivery .inner.campaign .swiper .swiper-slide p .prod_desc {font-size:0.9rem;}
#eventWrap.sincereDelivery .inner.campaign .bgBox dl.daBox dt {padding:0 0 10px 0; font-size:2.0rem;}
#eventWrap.sincereDelivery .inner.campaign .bgBox dl.daBox dt:after {margin:-5px 0 0 3px; font-size:1.0rem;}
#eventWrap.sincereDelivery .inner.campaign .bgBox dl.daBox dd {font-size:0.8rem;}
#eventWrap.sincereDelivery .inner.campaign .btnBox {width:100%;}
#eventWrap.sincereDelivery .inner.campaign .btnBox a {width:calc(100% - 40px); margin:0 20px; height:50px; font-size:1rem; line-height:50px;}
	
/* 진심배송_보내는사람 */
#eventWrap.sd_sender .inner {} 
#eventWrap.sd_sender .inner .stepBox {border:none;}
#eventWrap.sd_sender .inner .stepBox .lot_top {height:140px;}
#eventWrap.sd_sender .inner .stepBox .lot_top .tit {font-size:1.3rem; letter-spacing:-0.5px;}
#eventWrap.sd_sender .inner .stepBox .lot_top .imgBox img {width:60%;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .imgBox2 img {width:50%;}
#eventWrap.sd_sender .inner .stepBox .lot_top + .lot_mid {height:calc(100vh - 300px); min-height:50vh;}
#eventWrap.sd_sender .inner .stepBox .lot_mid {height:calc(100vh - 130px); min-height:50vh;}
#eventWrap.sd_sender .inner .stepBox .lot_mid.m_pd0 {padding:25% 0 5% 0}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox {min-height:26px;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox input[type="radio"] + label {font-size:1.1rem; line-height:26px;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox input[type="radio"] + label span {font-size:0.8rem;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .iptBox input[type="radio"] + label:before {width:26px; height:26px;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .tit {font-size:1.2rem;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .txt {font-size:1.0rem;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .msg_wirte .textArea {font-size:0.9rem; padding:15px 15px 20px 15px; line-height:1.5;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .msg_wirte .textAreaCount {font-size:0.7rem; }
#eventWrap.sd_sender .inner .stepBox .lot_mid .btn_go_senderStep2 img {width:70%;}
#eventWrap.sd_sender .inner .stepBox .lot_mid .btn_go_senderStep3 img {width:70%;}
#eventWrap.sd_sender .inner .stepBox .lot_btm {height:110px;}	
#eventWrap.sd_sender .inner .stepBox .lot_btm button {height:50px; font-size:0.9rem; line-height:50px;}
#eventWrap.sd_sender .inner .stepBox .lot_btm button.btn_bg_bk {font-size:1.0rem;}
#eventWrap.sd_sender .inner .stepBox .lot_btm a {height:50px; font-size:0.9rem; line-height:50px;}
#eventWrap.sd_sender .inner .stepBox .lot_btm a.btn_bg_bk {font-size:1.0rem;}
	
/* 진심배송_받는사람 */	
#eventWrap.sd_receiver .inner .stepBox {border:none;}
#eventWrap.sd_receiver .inner .stepBox .lot_top {height:140px;}
#eventWrap.sd_receiver .inner .stepBox .lot_top .tit {font-size:1.3rem; letter-spacing:-0.5px;}
#eventWrap.sd_receiver .inner .stepBox .lot_top .tit strong {height:32px;}
#eventWrap.sd_receiver .inner .stepBox .lot_top + .lot_mid {height:calc(100vh - 300px); min-height:50vh;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid {height:calc(100vh - 130px); min-height:50vh;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid.lift {height:100%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .msg_view {font-size:0.9rem;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li {padding:10px 5%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_thumb {width:20%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_info {width:80%;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_info .prod_name {font-size:0.8rem; line-height:1.2;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid ul.lst_prod li .prod_info .prod_quan {font-size:0.7rem;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .expiry_date {font-size:0.7rem;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox {min-height:26px;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox input[type="radio"] + label {font-size:1.1rem; line-height:26px;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .iptBox input[type="radio"] + label span {font-size:0.8rem;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_txt, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_tel, #eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_num {height:40px; line-height:34px;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .dlvr_form .lot_row .iptBox2 .ipt_txt + .btn_txt_box {height:40px; line-height:34px;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid span.coupon {max-width:60%; padding:7% 0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid span.coupon em.name {font-size:0.7rem;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid span.coupon em.benefit {font-size:1.5rem;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .tit {font-size:1.0rem;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .lst_desc {padding:0;}
#eventWrap.sd_receiver .inner .stepBox .lot_mid .lst_desc li {font-size:0.8rem;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm {height:110px;}	
#eventWrap.sd_receiver .inner .stepBox .lot_btm button {height:50px; font-size:0.9rem; line-height:50px;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm button.btn_bg_bk {font-size:1.0rem;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm a {height:50px; font-size:0.9rem; line-height:50px;}
#eventWrap.sd_receiver .inner .stepBox .lot_btm a.btn_bg_bk {font-size:1.0rem;}

/* 진심배송_알림신청 */
#eventWrap.sincereDelivery .inner.alarm .lst_stn li.stn.item01 {padding:0;}
	
/* 룰렛 */
.rouletteArea .rouletteBox {width:300px; height:300px;}
.rouletteArea .rouletteBox .btn_start {width:100px; height:100px;}
	
.inner_event {display:block; width:100%; padding:0;}
.inner_event .imgBox.btn .pst_b200 {bottom:15%;}
.inner_event .imgBox.btn .pst_t100 {top:10%;}
.inner_event .imgBox.btn .btn_bg_bk {width:calc(100% - 40px); padding:15px 0; font-size:0.9rem;}

.inner_event .prodBox .titBox .tit {font-size:1.2rem;}
.inner_event .prodBox .titBox .txt {font-size:0.8rem;}
.inner_event .prodBox ul.lst li span.p_name {font-size:0.9rem;}
.inner_event .prodBox ul.lst li span.p_price {font-size:1.2rem;}
.inner_event .prodBox ul.lst li .btnBox button {width:125px; height:44px; font-size:0.75rem; line-height:44px;}
.inner_event .prodBox ul.lst li .btnBox span {width:125px; height:44px; font-size:0.75rem; line-height:44px;}

.gift_openBox + .btnBox02 {padding:30px 25px;}
.btnBox02 {padding:0 25px;}

#pop_end .pop_contBox .imgBox img {width:40%;}
.gift_openBox .txt {font-size:0.9rem;}
.motionBox {width:100px; height:87px;}
#pop_start .pop_contBox .txt {font-size:1.2rem;}
#pop_start .pop_contBox .box-roulette {width:280px; height:280px;}
#pop_end .pop_contBox .txt {padding:0 20px; font-size:1.1rem; line-height:34px;}
	
.popBox.prize {width:80%}
.popBox.prize .lst_coupon li .coup_name {font-size:0.7rem; font-weight:300;}
.popBox.prize .lst_coupon li .coup_disc {font-size:1.3rem;}
.popBox.prize .lst_coupon li .coup_limit {font-size:0.7rem;}
.popBox.prize .lst_coupon li .coup_limit2 {font-size:0.7rem;}	
.popBox.prize .pop_btnBox {padding:0 15px 10px 15px}
.popBox.prize .pop_btnBox button {display:block; width:100% !important; height:auto !important; margin:0 0 10px 0 !important; padding:13px 0 !important;}
.popBox.prize .pop_btnBox button.btn_line_bk {font-size:0.8rem !important; font-weight:500 !important;}
.popBox.prize .pop_btnBox button.btn_bg_bk {font-size:0.8rem !important; font-weight:500 !important;}
.popBox.prize .pop_btnBox button.btn_bg_bk:after {right:7px; width:8px; height:8px;}
	
.actionBox {padding:80px 20px;}
.actionBox .logout .tit {font-size:20px;}
.actionBox .logout .tit + .txt {font-size:14px;}
.actionBox .logout .couponBox {margin:30px 0 0 0;}
.actionBox .logout .couponBox img {width:60%;}
.actionBox .login .tit {font-size:20px;}
.actionBox .login .tit + .txt {font-size:14px;}
.actionBox .login .couponBox img {width:60%;}
.swiperBox3 .swiper-button-next {top:auto; bottom:35%; right:10px;}
.swiperBox3 .swiper-button-prev {top:auto; bottom:35%; left:10px;}
	
#eventWrap .inner .fullBox {height:100%; top:100px;}
#eventWrap .inner .fullBox img {width:100%; height:auto;}
#eventWrap .inner .fullBox img.pc {display:none;}	
#eventWrap .inner .fullBox img.mo {display:block;}	
#eventWrap .inner .fullBox video {width:100%; height:auto;}
#eventWrap .inner .fullBox video.pc {display:none;}	
#eventWrap .inner .fullBox video.mo {display:block;}	
	
.header.hide {overflow:hidden; height:0; opacity:0; transition:all 0.3s ease-out;}
#eventWrap .inner .lnb_mid.fixed {margin:0; transition:all 0.3s ease-out;}
#eventWrap .inner .lnb_mid.fixed ul.nav {width:100%;}
#eventWrap .inner .fullBox .infoBox .cpin_mTxt {margin:0 0 15% 0; font-size:1.25rem;}
#eventWrap .inner .fullBox .infoBox .cpin_sTxt {margin:0 0 5% 0;}
#eventWrap .inner .fullBox .infoBox .cpin_ani {height:120px; margin:0 0 15% 0; padding:0 60px 0 60px; font-size:120px; line-height:110px;}
#eventWrap .inner .fullBox .infoBox .cpin_ani .movement {top:35%; width:50px; height:50px;}
#eventWrap .inner .fullBox .infoBox .cpin_sTxt {margin:0 0 10% 0;}
#eventWrap .inner .fullBox .infoBox .cpin_sTxt2 {margin:0 0 10% 0;}
#eventWrap .inner .fullBox .infoBox .cpin_desc .desc {font-size:11px;}
	
#eventWrap .inner .lnb_mid ul.nav li a {letter-spacing:-1px;}
#eventWrap .inner .lnb_mid ul.nav li a.active {font-size:1rem;}
	
#eventWrap .inner .lnb_mid + .imgBox {padding:100px 0 0 0;}
	
#eventWrap .fix_btmBox ul.nav {width:100%;}
#eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(2), #eventWrap .fix_btmBox ul.nav li:first-child:nth-last-child(2) ~ li {width:calc(50% - 10px); margin:0 5px;}
#eventWrap .fix_btmBox ul.nav li button.btn_bg_w {font-size:0.875rem;}
#eventWrap .fix_btmBox ul.nav li button {font-size:0.875rem;}
#eventWrap .fix_btmBox ul.nav li a.btn_bg_w {font-size:0.875rem;}
	
.container-products {padding:0 0 0 0;}
.container-products .tit {padding:0 0 0 20px; font-size:1.5rem; font-weight:700; text-align:left;}
ul.list-products {width:100%; padding:30px 0 50px 0;}
	
/* 가로형 */
ul.list-products li.prod_item.horizontal {float:left; width:calc(100% - 30px); height:auto; margin:0 15px 30px 15px; padding:0 0 30px 0; border-bottom:1px solid rgba(14,14,14,0.1);}
ul.list-products li.prod_item.horizontal:first-child:nth-last-child(1) {float:left; width:calc(100% - 30px); margin:0 5px;}
ul.list-products li.prod_item.horizontal .prod_notice {padding:0 0 0 5px;}
ul.list-products li.prod_item.horizontal .prod_notice + button {bottom:55%;}
ul.list-products li.prod_item.horizontal:last-child {margin-bottom:0; padding-bottom:0; border:none;}

/* 세로형 */	
ul.list-products li.prod_item.vertical {width:50%; margin:0 0 30px 0; padding:0 5px;}
ul.list-products li.prod_item.vertical a .thumb button.btn_like_add {right:0;}
ul.list-products li.prod_item.vertical a .info span.prod_point {margin:0 0 3px 0; font-size:0.7rem;}
ul.list-products li.prod_item.vertical a .info span.prod_name {height:36px; font-size:0.8rem; line-height:1.4;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b {line-height:16px;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_prime {height:14px; font-size:0.8rem; line-height:0.8; vertical-align:middle;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_rate {height:14px; font-size:0.85rem; line-height:0.8; vertical-align:middle;}
ul.list-products li.prod_item.vertical a .info span.prod_price em.cl_b i.prod_sell {height:14px; font-size:0.85rem; line-height:0.8; vertical-align:middle;}
ul.list-products li.prod_item.vertical.soldout a .thumb:after {font-size:0.875rem;}
	
#eventWrap .inner .fullBox .infoBox .button .btn_bg_w {padding:15px 0;}
#eventWrap .inner .fullBox .infoBox .button .cpin_ani {display:block; height:auto; font-size:1.25rem; line-height:1.0;}
#eventWrap .inner .fullBox .infoBox .button .cpin_ani .movement {top:8px; width:16px; height:16px;}
#eventWrap .inner .fullBox .infoBox .button .desc {margin:0; font-size:0.7rem;}

ul.list-products + .more {width:100%; margin:30px auto 50px auto; padding:0 20px;}
	
#eventWrap .inner .visualBox {height:100vh;}
#eventWrap .inner .visualBox .btnBox.fix2 {bottom:80px; width:calc(100% - 30px);}
#eventWrap .inner .visualBox .btnBox button.btn_bg_img {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/240820/img_e240820_button.jpg") no-repeat 50% 50%/110%;}
	
#eventWrap .inner .prodBox2 .price {margin:20px 0 0 0; padding:0 20px;}
#eventWrap .inner .prodBox2 .price .primeCost {font-size:16px; line-height:28px;}
#eventWrap .inner .prodBox2 .price .selling {font-size:28px; line-height:28px;}
#eventWrap .inner .prodBox2 .btnBox {margin:0; padding:0 20px;}
#eventWrap .inner .prodBox2 .btnBox a {margin:0; padding:13px 0; font-size:1rem;}
	
#eventWrap .inner .yutnoriWrap #step1 .startBox, #eventWrap .inner .yutnoriWrap #step1 .ingBox, #eventWrap .inner .yutnoriWrap #step1 .endBox, #eventWrap .inner .yutnoriWrap #step1 .yutnoriBox {min-height:550px; background-position:50% 50%;}
#eventWrap .inner .yutnoriWrap #step1 .startBox .title {padding:10% 0 0 0; font-size:24px;}
#eventWrap .inner .yutnoriWrap #step1 .startBox .title span {font-size:14px;}
#eventWrap .inner .yutnoriWrap #step1 .startBox .btn_bg_bk {font-size:18px;}
#eventWrap .inner .yutnoriWrap #step1 .startBox .btn_bg_bk + .desc {top:50%; margin:45px 0 0 0; font-size:14px;}
	
#eventWrap .inner .yutnoriWrap #step1 .ingBox .title {padding:10% 0 0 0; font-size:24px;}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .title span {font-size:14px;}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .absolBox .tit {font-size:20px;}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .absolBox dl.info dt {font-size:22px;}
#eventWrap .inner .yutnoriWrap #step1 .ingBox .absolBox dl.info dd {font-size:12px;}
		
#eventWrap .inner .yutnoriWrap .counter {bottom:30%; height:40%;}
#eventWrap .inner .yutnoriWrap .counter .nums {width:80px; height:80px; font-size:40px; line-height:80px;}
#eventWrap .inner .yutnoriWrap .counter .nums span {line-height:80px;}
	
#eventWrap .inner .yutnoriWrap #step2 .yutnoriBox {min-height:75vh; background-position:50% 50%;}
#eventWrap .inner .yutnoriWrap #step2 .yutnoriBox img {top:50%; transform:translate(-50%, -50%);}
	
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox {min-height:75vh; background-position:50% 50%;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox {width:75%;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .top {padding:20px 0;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .title {padding:0 30px 10px 30px; font-size:22px;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .mid {margin:0 0 10px 0;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .mid .img {height:120px;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .mid .txt {font-size:14px; letter-spacing:-1px;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .resultBox .result .mid .desc {font-size:12px;}
#eventWrap .inner .yutnoriWrap #step3 .yutnoriBox .btn_bg_bk + .desc {font-size:11px;}

#eventWrap .inner .visualBox .btnBox.b10p {bottom:10%;}
#eventWrap .inner .btnBox a {width:100%; font-size:18px;}
	
/* 윷놀이-설날 */	
#eventWrap.newYear .inner .imgBox .btnBox a.btn_bg_round {padding:18px 0; font-size:1rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox .chal_num {padding:5% 0 0 0; font-size:0.8rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox .chal_num span {font-size:0.7rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox button.btn_circle_red {width:80px; height:80px; font-size:0.9rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox dl.mileage dt {font-size:0.7rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .infoBox dl.mileage dd {font-size:1.3rem;}
	
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox .chal_num {padding:5% 0 0 0; font-size:0.8rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox .chal_num span {font-size:0.7rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox button.btn_circle_red {width:80px; height:80px; font-size:0.9rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox dl.mileage dt {font-size:0.7rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .endBox dl.mileage dd {font-size:1.3rem;}
	
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox {width:70%; transform:translate(-50%, -47%);}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_top {margin:0 0 10px 0;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_top span {font-size:0.7rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_top strong {font-size:0.9rem;}	
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_terms {padding:15px 0 5px 0; font-size:0.8rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_disc {font-size:1.0rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_gift {font-size:0.9rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_img img {width:40%;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_terms2 {padding:0 0 5px 0; font-size:0.8rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_mid .coup_desc {padding:0 0 20px 0; font-size:0.7rem;}
#eventWrap.newYear .inner .yutnoriWrap .yutBox .popWrap .popBox .yut_pop_btm .btn_yut_pop_close {padding:10px 0; font-size:0.9rem;}

/* 톤데이-퀴즈 */
/* intro */
#eventWrap.quiz .inner {width:100%; padding:0;}
#eventWrap.quiz .inner .intro .pst_top .titBox .tit {font-size:2rem;}
#eventWrap.quiz .inner .intro .pst_top .period {font-size:1.25rem;}
#eventWrap.quiz .inner .intro .pst_btm .btnBox button.btn_bg_bk {padding:15px 0; font-size:1rem;}
/* 질문지 */
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dt {margin:0 0 20px 0; font-size:1.25rem;}
#eventWrap.quiz .inner .qstBox .pst_btm .txtBox dd {font-size:1rem;}
#eventWrap.quiz .inner .qstBox .pst_btm .btnBox button.btn_bg_bk {padding:18px 0; font-size:1rem;}
/* 정답지 */
#eventWrap.quiz .inner .ansBox .pst_top .txtBox dt {font-size:1.3rem;}
#eventWrap.quiz .inner .ansBox .pst_top .txtBox dt i {height:36px; padding:0 15px; font-size:0.8rem; line-height:34px;}
#eventWrap.quiz .inner .ansBox .pst_btm .txtBox dt {font-size:1.5rem;}
#eventWrap.quiz .inner .ansBox .pst_btm .txtBox dd {font-size:1.1rem;}
#eventWrap.quiz .inner .ansBox .pst_btm .btnBox button.btn_bg_bk {padding:15px 0; font-size:1rem;}
/* 퀴즈정답 */
#eventWrap.quiz .inner .cplBox .pst_top .txtBox dt {font-size:1.25rem;}
#eventWrap.quiz .inner .cplBox .pst_top .txtBox dt strong {font-size:4rem;}
#eventWrap.quiz .inner .cplBox .pst_top .txtBox dd {font-size:1rem;} 
#eventWrap.quiz .inner .cplBox .pst_btm .btnBox button.btn_bg_bk {padding:15px 0; font-size:1rem;}
	
#eventWrap .inner .btnBox3 {padding:0 20px;}
#eventWrap .inner .btnBox3 .btn_line_bk {width:calc(100% - 30px);}
#eventWrap .inner .btnBox3 a.btn_bg_bk {width:calc(100% - 30px);}
#eventWrap .inner .btnBox3 .disable {width:calc(100% - 30px);}

#eventWrap.recruitment .inner ul.lst_stn li.stn.item01 .infoBox {top:22%; left:20px; width:calc(100% - 40px);}
#eventWrap.recruitment .inner ul.lst_stn li.stn .infoBox dl.txtBox dt {font-size:0.9rem;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .infoBox dl.txtBox dt strong {font-size:1.5rem;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .infoBox dl.txtBox dd {font-size:0.9rem;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon:before {height:97px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon:after {height:97px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon .box {width:180px; height:97px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon .box .coup_name {padding:15px 0 0 0; font-size:0.75rem;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon .box .coup_disc {padding:5px 0 0 0; font-size:1.8rem;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox .coupon + .desc {font-size:0.75rem;}
#eventWrap.recruitment .inner ul.lst_stn li.stn .couponBox + .desc {font-size:1.1rem;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li {width:80px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li span {width:70px; height:50px; margin:0 10px 0 0; font-size:1.9rem; font-weight:500; line-height:50px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li p {width:70px; margin:0 10px 0 0; font-size:0.7rem;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li:after {content:':'; position:absolute; top:18%; right:0; color:#fffef1; font-size:20px; font-weight:500;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li:last-child {width:70px;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown li:last-child p {margin:0 0 0 0;}
#eventWrap.recruitment .inner ul.lst_stn li.stn ul.countdown p {padding:0; font-size:1.0rem;}
#eventWrap.recruitment .inner .btnBox a {width:100%; margin:0; font-size:1rem;}
#eventWrap.recruitment .inner .btnBox span.disable {width:100%; margin:0; font-size:1rem;}
	
#eventWrap.recruitment .inner ul.lst_stn li.stn.item01 {height:100vh;}
#eventWrap.recruitment .inner ul.lst_stn li.stn.item02 .couponBox {margin:0 0 30px 0;}
#eventWrap.recruitment .inner .btnBox.fixed {width:100%; transform:translateX(0);}
	
#eventWrap .swiper_records .swiper-slide {height:100vh;}
#eventWrap .swiper_records .swiper-slide > img {height:100%;}
#eventWrap .swiper_records .swiper-slide .top_txt {top:18%; font-size:1.25rem;}
#eventWrap .swiper_records .swiper-slide .top_txt strong {font-size:1.5rem;}
#eventWrap .swiper_records .swiper-slide .btm_txt {left:20px; width:calc(100% - 40px);}
#eventWrap .swiper_records .swiper-slide .btm_txt .txt {font-size:1.0rem;}
#eventWrap .swiper_records .swiper-slide .btm_txt .ani_swiper {width:60px; height:50px;}
#eventWrap .swiper_records .swiper-slide .btm_txt .desc {font-size:0.75rem;} 
#eventWrap .swiper_records .swiper-slide .btm_txt .pageing {margin:0 0 15px 0; font-size:0.7rem;}
#eventWrap .swiper_records .swiper-slide .btm_txt .dlBox dt {font-size:1.25rem;}
#eventWrap .swiper_records .swiper-slide .btm_txt .dlBox dd {font-size:0.95rem;}
#eventWrap .swiper_records .swiper-slide .btm_txt .dlBox dd + dd {font-size:0.8rem;}
#eventWrap .swiper_records .swiper-slide .textArea {padding:15px; font-size:0.9rem;}
#eventWrap .swiper_records .swiper-slide button {height:56px; font-size:1rem;}

/* popup */
.popup_gift .popup_giftBox {width:80%;}
.popup_gift .popup_giftBox .popup_giftBox_top .gift_summary {font-size:0.8rem;}
.popup_gift .popup_giftBox .popup_giftBox_top .gift_name {font-size:1.5rem;}
.popup_gift .popup_giftBox .popup_giftBox_btm a, .popup_gift .popup_giftBox .popup_giftBox_btm button {font-size:0.9rem;}

/* 댓글 */
#eventWrap .inner .replyBox {display:block; padding:50px 20px;}
#eventWrap .inner .replyBox .iptArea .textArea {height:92px; font-size:1.0rem;}
#eventWrap .inner .replyBox p.desc {font-size:1.0rem;}
#eventWrap .inner .replyBox ul.lst_reply {margin:50px 0 0 0;}
#eventWrap .inner .replyBox ul.lst_reply li {padding:20px 0; font-size:0.95rem;}
#eventWrap .inner .replyBox ul.lst_reply li .info_mid {margin:7px 0;}
#eventWrap .inner .replyBox ul.lst_reply li .info_btm .btn_txt_bk {font-size:0.9rem;}
}