@charset "utf-8";
body {margin: 0; padding: 0; font-size: 0; line-height: 0; font-family: "Noto Sans KR", sans-serif;}

div, img, a, a:hover, a:visited, a:active, a:focus{margin: 0; padding: 0; text-decoration: none; font-size: 0; line-height: 0; border: 0; outline: none;}
#tassimoEvent {position: relative; margin: 0 auto; width: 1040px; overflow: hidden;}
.wrap{width: 1040px; position: relative; margin: 0 auto;overflow: hidden;}
.box{position: absolute;top:754px;left:90px;}
.event_btn{display: block;width:290px; height: 65px;position: absolute; left:284px; top:544px; background-image: url(../images/bg_null.png);}
.off {display: none;}

.next_btn {display: block;width:290px; height: 65px; position: absolute; top:508px; left:285px;background: url(../images/bg_null.png);}
.end_btn {display: block;width:290px; height: 65px; position: absolute; top:628px; left:285px;background: url(../images/bg_null.png);}
.end_btn2 {top:617px;}
 
.btn_click {position: absolute;left:0; top:0; display: block; width:160px; height: 199px; background:url(../images/item.png); background-position: 0 0;}
.btn_click.on {background-position: -158px 0;}
.click1 {left:165px; top:251px;}
.click2 {left:345px; top:251px;}
.click3 {left:531px; top:251px;}
.click4 {left:69px; top:456px;}
.click5 {left:247px; top:456px;}
.click6 {left:438px; top:456px;}
.click7 {left:618px; top:456px;}

.box_event_02 .message_txt{position: absolute;left:107px; top:341px; width:645px; height: 106px; background:rgba(0,0,0,0); border: 0; padding: 10px; resize: none; box-sizing: border-box;font-size: 20px; color:#999; font-family: "Noto Sans KR", sans-serif; letter-spacing: -2px; line-height: 1.4;}
.box_event_02 .message_txt::placeholder {font-size: 20px; color:#ccc; font-family: "Noto Sans KR", sans-serif;}
.popup_01 {display: none;}