﻿@charset "utf-8";
@import url(../book.font.css);

*{margin:0;padding:0;}
body{min-width:1400px;color:#333;font-size:12px;font-family:'Noto Sans KR', sans-serif;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0}
ul,li,ol{list-style:none;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
input,textarea,a{font-size:12px;font-family:'Noto Sans KR', sans-serif;}
legend{position:absolute;font-size:0;line-height:0;overflow:hidden;visibility:hidden;} 
fieldset,button{vertical-align:middle;border:0;}
caption{text-indent:-100%;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;color:transparent;}
.blind{position:absolute;top:-9999px;text-indent:-100%;font-size:0;line-height:0;}
.clfix:after{content:'';display:block;clear:both;}
a{color:#333;text-decoration:none;}

/* 공통 */
#eventWrap .top_menu {position:relative;width:1400px;margin:0 auto;z-index:10;}/* [PUB]: 로고 위치에 따라 width값 조정 */
#eventWrap .top_menu .logo {position:absolute;top:70px;right:0;}
#eventWrap .top_menu .menu {position:absolute;top:73px;right:120px;height:19px;padding:3px 10px 0 10px;border-radius:11px;text-align:center;}
#eventWrap .top_menu .menu a {display:inline-block;padding: 0 10px;font-size:17px;color:#373737;line-height:20px;letter-spacing:-0.025em;}
#eventWrap .top_menu .menu a:first-child {border-right:1px solid #373737;}
#footer {background:#666666;}
#footer .footer_inner {width:900px;margin:0 auto;color:#222;padding:20px 0 20px 100px;letter-spacing:-0.032em;font-weight:bold;}
#footer .footer_inner ul {*zoom:1;}
#footer .footer_inner ul:after {content:"";display:block;clear:both;}
#footer .footer_inner ul li {float:left;margin-right:18px;}
#footer .footer_inner ul li a {display:inline-block;padding:5px;font-weight:bold;color:#fff;}
#footer .footer_inner ul li a.privacy {color:#ead572;}
#footer .footer_inner ul li span {display:inline-block;margin-left:18px;color:#ccc}
#footer .footer_inner p {padding-left:5px;font-weight:normal;color:#b5b5b5;}
#footer .footer_inner p.copyright {font-weight:bold;color:#858585;}
#footer .footer_inner .addr {margin:25px 0 15px}
#footer .footer_inner .btn_myinfo {display:inline-block;width:52px;height:16px;background:url('/img/event/e200610/btn_myinfo.png') no-repeat 0 0;text-indent:-1000px;font-size:0;line-height:0;vertical-align:middle;}

.wrap {position:relative;margin:0 auto;}
/* //공통 */

/* EVENT COMMON */
#eventWrap{min-width:1200px;}
#eventWrap .blind{overflow:hidden;position:absolute;top:auto;left:auto;width:1px;height:1px;margin:-1px;font-size:1px;line-height:1;clip:rect(0,0,0,0);}
[class^="area-"]{position:relative;width:100%;}
[class^="area-"] *{box-sizing:border-box;}
[class^="area-"] .wrap{position:relative;}
[class^="area-"] .btnWrap{text-align:center;line-height:1;}
[class^="area-"] .btnWrap > a{display:inline-block;}
.area-info{padding:110px 0;background:#f3f3f3;}
.area-info .wrap{width:1064px;margin:0 auto;padding:0 32px;}
.area-info h2{font-size:36px;font-weight:700;color:#525252;line-height:1;letter-spacing:-0.025em;}
.area-info ul{margin-top:42px;}
.area-info li{position:relative;padding:0 0 0 15px;font-size:26px;color:#525252;line-height:1.3;letter-spacing:-0.04em;word-break:keep-all;}
.area-info li:before{content:'-';position:absolute;top:0;left:0;}
.area-info li + li{margin-top:15px;}
.area-info .btnPrivacy{position:absolute;top:62px;right:32px;display:block;width:181px;height:50px;background:#f1f1f1;border:1px solid #bcbcbc;font-size:26px;color:#525252;text-align:center;line-height:48px;letter-spacing:-0.025em;}

/* animation */
@keyframes bounce {
  0% {
      transform: translateY(0);
  }

  100% {
      transform: translateY(-40px);
  }
}

@keyframes twinkle {
  20% {
    transform: scale(0.8);
    opacity: 0.8;
  }
}
/* START */
.area-01{overflow-x:hidden;height:2089px;background:url('/img/event/e240409/bg_con01.jpg') 50% 0 no-repeat #f797b9;}
.area-01 .aniAniWrap{position:absolute;top:0;left:50%;width:1920px;height:100%;transform:translateX(-50%);}
.area-01 .aniAniWrap > *{position:absolute;}
.area-01 .aniAniWrap .gift1{top:468px;right:147px;animation:bounce 1.6s .2s infinite alternate;}
.area-01 .aniAniWrap .gift2{top:798px;left:104px;animation:bounce 1.4s infinite alternate;}
.area-01 .aniAniWrap .gift3{top:1398px;left:1480px;animation:bounce 1.6s .6s infinite alternate;}
.area-01 .aniAniWrap .star1-1{top:251px;left:140px;animation:twinkle 1.8s infinite;}
.area-01 .aniAniWrap .star1-2{top:706px;right:75px;width:92px;height:92px;animation:twinkle 2s infinite;}
.area-01 .aniAniWrap .star1-3{top:1238px;left:259px;width:69px;height:69px;animation:twinkle 1.8s 2s infinite;}
.area-01 .aniAniWrap .star1-2 img, 
.area-01 .aniAniWrap .star1-3 img{width:100%;}
.area-01 .aniAniWrap .star2-1{top:125px;left:998px;animation:twinkle 1.2s infinite;}
.area-01 .aniAniWrap .star2-2{top:687px;left:267px;animation:twinkle 2s infinite;}
.area-01 .aniAniWrap .star2-3{top:1658px;left:320px;animation:twinkle 1.8s 2s infinite;}
.area-01 .aniAniWrap .star2-4{top:220px;right:300px;animation:twinkle 1.8s 2s infinite;}
.area-01 .aniAniWrap .star2-5{top:882px;right:186px;animation:twinkle 1.5s infinite;}
.area-01 .aniAniWrap .star2-6{top:1880px;right:212px;animation:twinkle 1.2s infinite;z-index:1;}
.area-01 .aniAniWrap .cloud{right:0;bottom:0;}
.area-02{box-sizing:border-box;height:1849px;padding-top:461px;background:url('/img/event/e240409/bg_con02.jpg') 50% 0 no-repeat #cc91ee;}
.area-02 .sliderWrap{position:relative;width:832px;margin:0 auto;}
.area-02 .sliderWrap:after{content:'';position:absolute;top:-46px;right:-54px;display:inline-block;width:146px;height:146px;background:url('/img/event/e240409/badge_slide.png') 0 0 no-repeat;}
.area-02 .sliderWrap > *{font-size:0;line-height:1;}
.area-02 .sliderWrap .slick-list{overflow:hidden;border-radius:50px 50px 0 0;}
.area-02 .sliderWrap .slick-arrow{position:absolute;top:50%;display:inline-block;width:40px;height:76px;font-size:0;transform:translateY(-50%);z-index:1;cursor:pointer;}
.area-02 .sliderWrap .slick-prev{left:-92px;background:url('/img/event/e240409/btn_slider_prev.png') 0 0 no-repeat;}
.area-02 .sliderWrap .slick-next{right:-92px;background:url('/img/event/e240409/btn_slider_next.png') 0 0 no-repeat;}
.area-02 .sliderWrap .slick-dots{position:absolute;top:735px;left:0;display:flex;justify-content:center;gap:0 18px;width:100%;}
.area-02 .sliderWrap .slick-dots li button{width:20px;height:20px;background:#edcfff;border-radius:100%;color:#edcfff;}
.area-02 .sliderWrap .slick-dots li.slick-active button{background:#7308b1;color:#7308b1;}
.area-03{box-sizing:border-box;padding-top:1062px;background:url('/img/event/e240409/bg_con03.jpg') 50% 0 no-repeat #ffdded;}
.area-03 .evtCont{padding:78px 0 74px;background:#fa92c7;}
.area-03 .formWrap,
.area-03 .agreeWrap,
.area-03 .txtListWrap{width:850px;margin:0 auto;} 
.area-03 .formWrap .formTit{padding-left:322px;background:url('/img/event/e240409/txt_form.png') 0 0 no-repeat;}
.area-03 .formTit .inputWrap{overflow:hidden;display:block;width:100%;height:70px;border:3px solid #f04fa1;border-radius:10px;}
.area-03 .formTit .inputWrap input{outline:0;width:100%;height:100%;padding:0 20px;border:0;font-size:28px;font-weight:500;color:#404040;letter-spacing:-0.045em;}
.area-03 .formCont{margin-top:14px;}
.area-03 .formCont textarea{outline:0;resize:none;width:100%;height:165px;padding:20px 26px;border:0;border-radius:8px;font-size:28px;font-weight:500;color:#404040;letter-spacing:-0.045em;}
.area-03 .formCont textarea + span{display:block;font-size:14px;color:#0d0d0d;text-align:right;}
.area-03 .agreeWrap{margin-top:25px;padding:30px 50px;background:#fabcdb;}
.area-03 .agreeWrap .agreeCont li{display:flex;justify-content:space-between;align-items:center;line-height:1;}
.area-03 .agreeWrap .agreeCont li + li{margin-top:20px;}
.area-03 .agreeTit{font-size:25px;font-weight:700;color:#0d0d0d;}
.area-03 .agreeTit:before{content:'';display:inline-block;box-sizing:border-box;width:21px;height:21px;margin-right:8px;background:#fabcdb;border:5px solid #f74e6e;border-radius:100%;}
.area-03 .agreeTit .point{color:#ff4f4f;}
.area-03 .agreeWrap .chk label{position:relative;font-size:14px;font-weight:500;color:#545454;line-height:18px;}
.area-03 .agreeWrap .chk input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.area-03 .agreeWrap .chk input[type="checkbox"] + label:after{content:'';display:inline-block;box-sizing:border-box;width:18px;height:18px;margin-left:5px;background:#fff;border:2px solid #898989;border-radius:2px;vertical-align:top;}
.area-03 .agreeWrap .chk input[type="checkbox"]:checked + label:before{content:'';position:absolute;top:5px;right:4px;display:inline-block;width:10px;height:10px;background:#ff001e;}
.area-03 .agreeNoti{margin-top:30px;text-align:center;}
.area-03 .agreeNoti li{font-size:20px;color:#626262;line-height:1.44;letter-spacing:-0.05em;}
.area-03 .btnWrap{margin-top:30px;}
.area-03 .btnWrap a{width:452px;height:112px;background:url('/img/event/e240409/btn_complete.png') 50% 0 no-repeat;}
/* 팝업 */
.popWrap{display:none;}
.popWrap.on{display:block;}
.popWrap .dimmed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(54, 60, 68, 0.45);z-index:1;}
.popWrap .popInner{overflow:hidden;position:absolute;top:38%;left:50%;display:none;width:696px;background:#fff;border-radius:30px;transform:translateX(-50%);z-index:2;}
.popWrap .popInner.on{display:block;}
.popWrap .popTit{display:flex;flex-wrap:wrap;align-items:center;padding:0 40px;height:100px;background:#f0f0f5;letter-spacing:-0.25em;}
.popWrap .popTit h3{width:100%;font-size:28px;font-weight:900;line-height:1;}
.popWrap .popCont{padding:25px 50px 34px;}
.popWrap .infoList{margin-top:10px;}
.popWrap .infoList li{font-size:16px;color:#2c2c2c;line-height:1.5;letter-spacing:-0.05em;}
.popWrap .infoList li:before{content: '-';display:inline-block;margin-right:5px;}
.popWrap .btnWrap{margin-top:34px;}
.popWrap .btnWrap .btn{width:100%;height:76px;background:#ff521d;border-radius:8px;font-size:25px;font-weight:900;color:#fff;line-height:76px;}
/* .area-03 .popWrap .btnPopClose{position:absolute;top:26px;right:51px;display:inline-block;width:52px;height:51px;background:url('/Img/event/e240219/btn_pop_close.png') 0 0 no-repeat;} */
/* */
.area-03 .txtListWrap{padding:95px 0;}
.area-03 .txtListWrap .infoList{display:flex;justify-content:space-between;align-items:end;padding:0 20px 14px;border-bottom:2px solid #d40e74;}
.area-03 .txtListWrap .infoList .total{font-size:25px;font-weight:900;color:#d40e74;line-height:1;letter-spacing:-0.05em;;}
.area-03 .txtListWrap .menu > a{display:inline-block;font-size:20px;font-weight:400;color:#535353;line-height:1;letter-spacing:-0.05em;cursor:pointer;}
.area-03 .txtListWrap .menu > a + a{margin-left:10px;}
.area-03 .txtListWrap .menu .on{font-weight:700;color:#d40e74;}
.area-03 .txtList{margin-top:32px;background:url('/img/event/e240409/bg_txt.png') 0 30px repeat-y;border:2px solid #d3d3d3;}
.area-03 .txtList li{position:relative;padding:34px 28px 34px 100px;border-bottom:1px solid #797979;}
.area-03 .txtList li:last-child{border-bottom:0;}
.area-03 .txtList .listItem{font-size:0;text-align:right;}
.area-03 .txtList .listItem span{display:inline-block;font-size:23px;color:#222;vertical-align:middle;line-height:1;letter-spacing:-0.025em;}
.area-03 .txtList .listItem .tit{width:calc(100% - 260px);font-size:28px;font-weight:700;text-align:left;}
.area-03 .txtList .listItem .userId{width:130px;margin-right:32px;font-weight:700;color:#6b6b6b;text-align:left;}
.area-03 .txtList .listItem .date{font-size:20px;font-weight:300;color:#6b6b6b;text-align:right;}
.area-03 .txtList .listItem .txt{display:block;margin:25px 128px 0 0;text-align:left;line-height:1.47;}
.area-03 .txtList li .likeState{position:absolute;right:28px;bottom:34px;}
.area-03 .txtList li input[type="checkbox"]{overflow:hidden;position:absolute;top:0;left:-1px;width:1px;height:1px;margin:0;}
.area-03 .txtList li input[type="checkbox"] + label{display:flex;align-items:center;gap:0 6px;width:104px;height:40px;padding:0 12px;background:#ffdded;border-radius:20px;cursor:pointer;}
.area-03 .txtList li input[type="checkbox"] + label em{min-width:46px;font-style:normal;font-size:27px;font-weight:700;color:#979797;text-align:center;line-height:1;letter-spacing:-0.025em;}
.area-03 .txtList li input[type="checkbox"]:checked + label em{color:#f80e5b;}
.area-03 .txtList li input[type="checkbox"] + label:before{content:'';display:inline-block;width:27px;height:25px;background:url('/img/event/e240409/chk_like.png') 0 0 no-repeat;vertical-align:top;}
.area-03 .txtList li input[type="checkbox"]:hover + label:before,
.area-03 .txtList li input[type="checkbox"]:checked + label:before{background-position:0 100%;}
/* 페이징 */
.paginate{margin-top:30px;font-size:0;text-align:center;}
.paginate a{display:inline-block;box-sizing:border-box;margin:0 12px;font-size:25px;font-weight:400;color:#666;text-align:center;line-height:45px;vertical-align:top;}
.paginate a.btn{width:45px;height:45px;margin:0 5px;padding:12px 10px;background:#fff;border:2px solid #fdcde4;}
.paginate a.btn img{vertical-align:top;}
.paginate a.current{font-weight:700;color:#c32d79;}
.paginate span{display:inline-block;margin:0 36px;}
/* */
.area-04{box-sizing:border-box;height:1260px;padding-top:88px;background:url('/img/event/e240409/bg_con04.jpg') 50% 83px no-repeat #8bd996;}
.area-04:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:88px;background:url('/img/event/e240409/bg_check.jpg') 50% 0 repeat-x;}