@charset "utf-8";

@font-face{font-family:'Noto';font-style:normal;font-weight:100;src:url('/html/fonts/notokr-light.eot');src:url('/html/fonts/notokr-light.eot?#iefix') format('embedded-opentype'),url('/html/fonts/notokr-light.woff2') format('woff2'),url('/html/fonts/notokr-light.woff') format('woff')}
@font-face{font-family:'Noto';font-style:normal;font-weight:300;src:url('/html/fonts/notokr-regular.eot');src:url('/html/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),url('/html/fonts/notokr-regular.woff2') format('woff2'),url('/html/fonts/notokr-regular.woff') format('woff')}
@font-face{font-family:'Noto';font-style:normal;font-weight:500;src:url('/html/fonts/notokr-medium.eot');src:url('/html/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),url('/html/fonts/notokr-medium.woff2') format('woff2'),url('/html/fonts/notokr-medium.woff') format('woff')}
@font-face{font-family:'Noto';font-style:normal;font-weight:700;src:url('/html/fonts/notokr-bold.eot');src:url('/html/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),url('/html/fonts/notokr-bold.woff2') format('woff2'),url('/html/fonts/notokr-bold.woff') format('woff')}


/* 컨텐츠 공통 */
.evt_wrap {position:relative; overflow:hidden;}
.evt_wrap * {font-family:'Noto','Malgun Gothic', sans-serif;}
.evt_wrap img {vertical-align:top;}
.evt_inner {width:1000px; margin:0 auto; text-align:center;}


/* 상단 */
.evt_header {position:relative; display:block; height:1150px; background: url('/html/event/20190801Attend/images/header_banner.png') no-repeat center top}
.evt_header:before, .evt_header:after {z-index:-1; position:absolute; left:0; right:0; content:'';}
.evt_header:before {top:0; height:625px; background-color:#c5ec57;}
.evt_header:after {bottom:0; height:525px; background-color:#ff9ad9;}
.evt_animation {animation: bounceIn 0.5s 2.5s forwards}
.animation_image_01 {width:556px; height:165px; background: url('/html/event/20190801Attend/images/evt_header_01.png') no-repeat; position:absolute; left:50%; margin-left: -278px; top:149px; animation:fadeInLeft 1s 1s forwards;}
.animation_image_02 {width:836px; height:117px; background:url('/html/event/20190801Attend/images/evt_header_02.png') no-repeat; position:absolute; left:50%; margin-left:-418px; top:294px; animation:fadeInRight 1s 1s forwards;}

/* 달력 */
.evt_check {padding:70px 0}
.evt_check_text {padding:8px 0; text-align:center; font-size:36px; font-weight:100; color:#000;}
.evt_check_text>strong {color:#27d16a}
.evt_check_button {margin:30px 0 46px 0;}

.evt_table {position:relative; color:#000; font-size:18px; border:1px solid #a5a5a5}
.evt_table th {background-color:#f9f9f9; padding:11px 0; border-bottom:1px solid #a5a5a5}
.evt_table td {position:relative; padding:36px 65px; text-align:center; border-right:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5}
.evt_table tr:last-child td {border-bottom:none}
.evt_table td:last-child	{border-right:none}
.evt_table td.on			{background:#eefbc7;}
.evt_table td.evt_today {font-size:26px; padding:0; color:#f57cc7; font-weight:bold;}
.evt_table td.evt_today:before {content:"TODAY"; display:block; font-size:20px; letter-spacing:1px;}
.evt_table .evt_check_ssing {z-index:3;	position:absolute; top:15px; left:39px;}
.evt_table .evt_check_gift {z-index:5;	position:absolute; top:-30px; left:-40px;}

.evt_link {background-color:#4cd582;}
.evt_gift {border-bottom:1px solid #d6d6d6;}

.evt_title_footer {width:1000px; margin:0 auto; padding:54px 0 0 0; text-align:left; font-size:22px; font-weight:600; color:#000}
.evt_title_footer .user_info_button {margin-left:10px}
.evt_list_footer {width:1000px; margin:0 auto; padding:10px 0 65px 0; text-align: left}
.evt_list_footer>li {font-size:15px; color:#888; position: relative; padding-left: 13px; line-height:1.7}
.evt_list_footer>li:before {position:absolute; top:0; left:0; content:'-'}


/* POPUP */
body.no_scroll {overflow:hidden}
.evt_pop_area {overflow-y:auto; position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background:rgba(0,0,0,0.7)}
.pop_wrap {position:absolute; top:50%; left:50%; width:480px; height:631px; margin:-315px 0 0 -240px; text-align:left; box-sizing:border-box}
.pop_wrap img {width:480px; height:631px}