@charset "utf-8";

.event_main {width:100%; height:863px; background:url(../../img/event/staycoin_new/event_main.jpg) center top no-repeat; margin-top:100px;}
.coin_policy {width:100%; height:845px; background:#ededed; box-sizing: border-box; position:relative;}
.coin_policy h1 {text-align: center; padding-top:85px; font-size: 40px; font-weight: 700; color:#000;}
.coin_policy p {text-align: center; font-size: 19px; font-weight: 400; margin-top:20px; color:#333;}
.coin_policy .coins {position:absolute; top:136px; left:1245px;}
.coin_policy .policy {display: block; width:874px; height:314px; margin:90px auto 70px;}
.coin_policy a {display:block; width:275px; height:70px; margin:0 auto; font-size:28px; color:#fff; font-weight: 600; text-align: center; line-height: 70px; background:#ff0000;}
.event_intro {width:100%; height:3919px; background:url(../../img/event/staycoin_new/event_intro.jpg) center top; background-size:contain;}
.event_intro .period_winner {width:583px; margin:0 auto; padding:80px 0 77px 0;}
.event_intro .period_winner .period {margin-bottom: 30px;}
.event_intro .period_winner span {display:inline-block;}
.event_intro .period_winner .intro span:first-child {width:220px; height:57px; border-radius: 28px; background:#fff; color:#020a87; font-size:24px; font-weight: 600; text-align: center; line-height: 57px; margin-right:35px;}
.event_intro .period_winner .intro span:last-child {color:#fff; font-size: 24px; font-weight: 500;}
.event_intro .event {width:1135px; border:5px solid #fff; margin:0 auto 101px;}
.event_intro .e01 {height:810px;}
.event_intro .e02 {height:645px;}
.event_intro .e03 {height:854px;}
.event_intro .e04 {height:810px;}
.event_intro .e01 img {display: block; width:742px; margin:0 auto;}
.event_intro .e02 .title02 {display: block; width:742px; margin:0 auto;}
.event_intro .e02 .point_deposit {display: block; width:457px; margin:80px auto 70px;}
.event_intro .e03 img {display: block; width:742px; margin:0 auto;}
.event_intro .e04 img {display: block; width:742px; margin:0 auto;}
.event_intro .event .event_ment {font-size:20px; color:#fff; text-align:center; line-height:32px; position:relative; top:-10px; margin-bottom: 45px;}
.event_intro .event ul li {text-align: center; color:#fff; font-size: 24px; font-weight: 400; margin-bottom:15px;}
.event_intro .event ul li em {color:#fffd7f; font-size: 30px; font-weight: 700; font-style:normal;}
.event_intro .event .warn {color:#fff; width:502px; height:50px; margin:40px auto 40px;}
.event_intro .event .warn .left {float:left; margin:5px 10px 0 0; }
.event_intro .event .warn .left .mark {font-size:14px; font-weight: 400px; width:20px; height:20px; border:1px solid #fff; border-radius: 50%; text-align: center; line-height: 18px;}
.event_intro .event .warn .left .warn_word {font-size:12px; font-weight: 200; }
.event_intro .event .warn .right {float:left;}
.event_intro .event .warn .right .warn_ment1 {font-size:16px; font-weight:200;}
.event_intro .event a {display: block; width:275px; height:70px; background:#fff; margin:0 auto; color:#041da6; font-size:28px; font-weight:600; line-height:70px; text-align:center;}

/*댓글쓰기*/
.comment_wrap {overflow:hidden; width:100%; height:auto; background:#f7f7f7;}
.comment {width:1120px; margin:0 auto;}
.comment h2 {padding:75px 0 15px 0; color:#0d4381; font-size:32px; font-weight:600;}
.comment form {height:157px;}
.comment textarea, .comment button {border:0;}
.comment .textareaBg {float:left; width:890px; height:157px; background:url(../../img/event/staycoin_new/bg_textarea.png) no-repeat;}
.comment .textareaBg textarea {width:860px; height:123px; margin:3px; padding:10px; font-size:16px; line-height:20px; border: none; outline: none;}
.comment .button {float:right; width:197px; height:157px; background:url(../../img/event/staycoin_new/bg_btn.png) no-repeat;}
.comment .button button {width:197px; height:150px; background:none; color:#fff; font-size:36px; cursor:pointer; border: none; outline: none;}
.comment > p {padding:10px 0 0 5px; color:#404040; font-size:20px; font-weight:600;}
.comment_list_box {margin:32px 0 80px; border:3px solid #0d4381;}
.comment_list {width:1054px; margin:0 auto;}
.comment_list li {overflow:hidden; padding:24px 0; border-bottom:1px solid #ddd;}
/* .comment_list li:last-child {border-bottom:0;} */
.comment_list li .review_writer {float:left; width:200px; text-align:center;}
.comment_list li .review_writer .write_name {padding-bottom:6px; color:#333; font-size:18px; font-weight:600;}
.comment_list li .review_writer .write_date {color:#999; font-size:16px;}
.comment_list li .review_content {float:right; width:854px; color:#666; font-size:16px; line-height:1.3;}
.paging {padding:40px 0 60px;}
.paging ul {text-align:center;}
.paging ul li {display:inline-block; width:36px; height:36px; margin:0 5px; line-height:36px; cursor:pointer;}
.paging ul li.on {background:#0d4381; color:#fff; border-radius:50%;}
.paging ul li.on a {color:#fff;}
.paging ul li:hover {background:#0d4381; color:#fff; border-radius:50%;}
.paging ul li:hover a {color:#fff;}
.paging ul li.prev {background:url(../../img/event/staycoin_new/prev.png) no-repeat; text-indent:-9999px;}
.paging ul li.next {background:url(../../img/event/staycoin_new/next.png) no-repeat; text-indent:-9999px;}