@charset "utf-8";

BODY {margin:0px auto; font-size:12px; font-family:AppleSDGothicNeo-Regular,"Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif; text-align:center}
body,div,dl,dt,dd,ul,ol,li,form,p,button, h1 {margin:0;padding:0;}
img {border:0 none; }
ul,ol,li {list-style:none outside;}
em,address {font-style:normal}
button{border:none;background:none;cursor:pointer}

/*------  layout ------*/
#wrap {padding:0;}
#top{width:100%;}
#contents_w {background-color:#fff}

.contents {width:970px; margin:0 auto}
.contents2 {width:970px; margin:0 auto}

/*------  SNB ------*/
#snb_v4 {position:relative; height:47px; z-index:1000; background-color:#fff}
#snb_v4 .snb_m_v4, #s_snb_v4 .snb_m_v4 {width:950px; margin:0 auto; position:relative; text-align:left;}
#snb_v4 .snb_m_v4 h1{position:absolute; top:10px}

.snbwrap_v4 {position:absolute; top:12px; right:5px; margin:0; font-size:12px;}
.snbwrap_v4 ul {float:left}
.snbwrap_v4 li {float:left; font-size:12px; margin:5px 0 0 12px}
.snbwrap_v4 li a, .snbWrap_v4 li a:link, .snbWrap_v4 li a:hover, .snbWrap_v4 li a:visited {color:#606060; text-decoration:none }
.snbwrap_v4 li a:hover {text-decoration:underline}
.snbwrap_v4 .login_v4 {float:left; margin-right:7px;}
.snbwrap_v4 .login_v4 strong {padding:0; vertical-align:-5px }
.snbwrap_v4 .login_v4 strong a, .snbwrap_v4 .login_v4 .member {color:#343434; text-decoration:none; font-weight:normal}
.snbwrap_v4 .login_v4 strong a:hover {text-decoration:underline}
.snbwrap_v4 .login_v4 .member {display:inline-block; padding:5px 3px 0 0; margin-top:-2px; margin-left:-3px; vertical-align:middle}
.snbwrap_v4 .login_v4 .btn_log img {vertical-align:-10px}
.snbwrap_v4 .login_v4 img {vertical-align:middle}

/* mypag list */
.my_area_v4 {clear:both; text-align:left; width:78px; position: absolute; display: block; z-index: 1000;}
.my_area_v4 ul {padding:8px 6px 2px 7px; border:1px solid #afafaf; background-color:#ffffff;}
.my_area_v4 li {padding-bottom:3px; letter-spacing:-1px; font-size:11px; color:#888;}
.my_area_v4 li a, .my_area_v4 li a:link, .my_area_v4 li a:visited {letter-spacing:-1px; font-size:11px; color:#888; text-decoration:none;}
.my_area_v4 li a:hover {letter-spacing:-1px; font-size:11px; color:#888; text-decoration:underline;}

/* footer */
#footer_v4 {clear:both; width:1025px; margin:40px auto 20px auto; border-top:2px solid #495164; font-size:12px; line-height:14px; text-align:center}
#footer_v4 ul { display:block; padding:16px 0 26px 0; margin-bottom:14px; border-bottom:1px solid #d7d7d7}
#footer_v4 li a:visited, #footer_v4 li a {color:#333; text-decoration:none}
#footer_v4 ul li {float:left; color:#333; background: url("/images/v4/doc/bu_bar.gif") no-repeat scroll 0 0;  font-size:12px; padding:0 7px 0 10px; white-space:nowrap}
#footer_v4 ul li.first {background:none; padding-left:5px}
#footer_v4 .hp_adress {color:#767676; font-size:11px; line-height:17px; text-align:left; padding-left:5px}
#footer_v4 .hp_adress em {color:#d9d9d9; padding:0 8px; font-size:13px}
#footer_v4 .hp_adress a {color:#496abc}
#footer_v4 .txt_copyright {color:#767676; font-size:11px; text-align:left; padding:9px 0 0 5px}

/* e_mail */
.e_mail {width:306px; margin:0 auto; border:1px solid #95a5b0;text-align:left; background-color:#FFF;}
.e_mail dl{padding:12px 15px;}
.e_mail dt{ width:270px; border-bottom:1px solid #e6e6e6; font-weight:bold; font-size:12px; color:#303030; padding-bottom:5px;letter-spacing:-1px;}
.e_mail dd{ width:270px;border-bottom:1px solid #e6e6e6;font-size:12px; color:#555555; line-height:18px; padding:8px 0 10px 0; letter-spacing:-1px;}
.e_mail p{ padding:0 0 10px 0; text-align:center;}

.blind {font-size:0; height:0; left:-9999px; line-height:0; overflow:hidden; position:absolute; top:-9999px; width:0}

/**** 이벤트 공통 ****/
/*
.top_copy {position:relative; width:100%; padding-top:27px; text-align:center; background: url("/images/event/attend/top_bg.gif") repeat-x 0 0}
.top_copy .key_img {display: block; vertical-align: top; height: 281px}
.ev_banner_lst {width:830px; margin:60px auto 0 auto}
.ev_banner_lst .b_lst_tit { display: block; width:331px; height:26px; background: url("/images/event/attend/banner_tit.png") no-repeat 0 0}
.ev_banner_lst li {height:80px; width:830px; margin-top:17px; border: 1px solid rgba(0,0,0,0.2)}

.ev_top_menu {width:950px; height:105px; margin:0 auto;}
.ev_top_menu li {float: left}
.ev_top_menu a {display: block; background: url("/images/event/attend/top_menu.png") no-repeat 0 0}
.ev_top_menu .me1 {width:181px; height:58px; padding:24px 0 23px 0; background-position:55px -57px}
.ev_top_menu .me2 {width:207px; height:58px; padding:24px 0 23px 0; background-position:-126px -57px}
.ev_top_menu .me3 {width:175px; height:58px; padding:24px 0 23px 0; background-position:-333px -57px}
.ev_top_menu .me4 {width:186px; height:58px; padding:24px 0 23px 0; background-position:-508px -57px}
.ev_top_menu .me5 {width:201px; height:58px; padding:24px 0 23px 0; background-position:-694px -57px}
.ev_top_menu .me1.on, .ev_top_menu .me1:hover {background-position:55px 24px; background-color: #30a1d3}
.ev_top_menu .me2.on, .ev_top_menu .me2:hover {background-position:-125px 24px; margin-left: -1px; padding-left:1px; background-color: #30a1d3}
.ev_top_menu .me3.on, .ev_top_menu .me3:hover {background-position:-332px 24px; margin-left: -1px; padding-left:1px; background-color: #30a1d3}
.ev_top_menu .me4.on, .ev_top_menu .me4:hover {background-position:-507px 24px; margin-left: -1px; padding-left:1px; background-color: #30a1d3}
.ev_top_menu .me5.on, .ev_top_menu .me5:hover {background-position:-693px 24px; margin-left: -1px; padding-left:1px; background-color: #30a1d3}

.ev_notice {position: relative; margin:50px auto 0 auto; padding:28px 10px 20px 0; border: 1px solid rgba(0,0,0,0.13)}
.ev_notice ul {margin-left:200px}
.ev_notice li {padding:0 0 8px 0; font-size:13px; letter-spacing: -0.5px; text-align: left; color: #4f4f4f}
.ev_notice li em {margin-left:-13px;}
.ev_notice_tit { position:absolute; left:35px; top:50px; display: block; width:128px; height:96px; background: url("/images/event/attend/ev_notice_tit.png") no-repeat 0 0}

.ticket_num {position:absolute; right:-10px; top:-70px; width:173px; height:283px; padding-top:133px; box-sizing: border-box; background:url('/images/event/quizAttend/ticket_num.png') no-repeat 0 0; letter-spacing: -1px; font-family:'Noto Sans CJK KR',"Malgun Gothic","맑은 고딕",sans-serif}
.ticket_num .num_t1 {color: #fafafa; font-size:50px; font-weight:900}
.ticket_num .num_t2 {color: #4b4b4b; font-size:25px; font-weight:bold; padding-left:3px}
.ticket_num .go_coupon {display:block; width:141px; height:48px; margin:9px 0 0 13px; background:url('/images/event/quizAttend/go_coupon.png') no-repeat 0 0; }

.btn_quiz {display:inline-block; height:60px; line-height:58px; padding:0 55px; margin-top:15px; background-color:#192c4a; color:#fff; font-size:21px; text-align: center; border-radius:35px; text-decoration: none; font-family:'Noto Sans CJK KR',"Malgun Gothic","맑은 고딕",sans-serif; font-weight:400}
.btn_quiz:hover {background-color:#101e33; text-decoration:none}
.q_re_txt {display:block; padding-bottom:10px; text-align:center; font-size:25px; color: #4f4f4d; line-height:40px; letter-spacing:-1px; font-family:'Noto Sans CJK KR',"Malgun Gothic","맑은 고딕",sans-serif}
.other_ev_go {text-align: center; font-family:'Noto Sans CJK KR',"Malgun Gothic","맑은 고딕",sans-serif}
.other_ev_go .ot_txt {display: block; text-align:center; font-size:26px; color: #be1616; letter-spacing:-0.5px; padding:35px 0 30px 0}
.other_ev_go .ot_ev1 {display: inline-block; width:162px; height:161px; margin:0 15px; background:url('/images/event/attend/ev_ico_ox.png') no-repeat 0 0}
.other_ev_go .ot_ev2 {display: inline-block; width:162px; height:161px; margin:0 15px; background:url('/images/event/attend/ev_ico_lucky.png') no-repeat 0 0}
.other_ev_go .ot_ev3 {display: inline-block; width:162px; height:161px; margin:0 15px; background:url('/images/event/attend/ev_ico_exam.png') no-repeat 0 0}


.qu_loading {margin: 30px 0 20px 0; display: block}
.quiz_result {text-align: center;}
.quiz_result span {display: block; text-align: center; font-weight:400; color:#333}
.qutex_1 {font-size:20px; margin: 0 0 30px 0 ;color:#333 ;letter-spacing:-0.5px; font-family:'Noto Sans CJK KR',"Malgun Gothic","맑은 고딕",sans-serif}
.q_result1 {margin: 0 120px; padding:37px 0 50px 0; border-bottom: 1px dashed #afafaf}
.q_result2 {margin: 0 120px; padding:120px 0 50px 0}


.ev_pop_n {width:360px; position:absolute; top:50%;left:50%; margin-left:-180px; border: 1px solid #8f8f8f; background-color:#fff; box-shadow:0px 0px 6px 2px rgba(0,0,0,0.2); display:none; z-index:99}
.ev_pop_n.complete {margin-left:-300px; margin-top:-700px;width:596px;}
.ev_pop_n.coupon_pop,.ev_pop_n.coupon_pop_complete {margin-left:-175px; margin-top:-300px;}
.ev_pop_n .p_cont {padding:0 0 33px 0; text-align:center; color:#111; font-size:16px; letter-spacing: -0.5px; font-weight: bold; line-height:29px; font-family:"Malgun Gothic","맑은 고딕",sans-serif}
.ev_pop_n .p_cont em {color:#eb4e45}
.ev_pop_n .p_cont .f_txt {display:block; font-size: 15px; font-weight: bold; line-height: 24px; padding-top: 15px; }
.ev_pop_n .p_cont .f_txt2 {font-size:12px; font-weight:normal; color:#6e6e6e; line-height: 20px;}
.ev_pop_n .p_cont .f_txt2 a { color:#6e6e6e}
.ev_pop_n .f_btn {margin-top:18px}


.ch_content {width:100%; padding-bottom:40px; background-color:#e8f6f1; overflow: hidden}
.ch_cont1 {width:1025px; text-align:center; margin:0 auto}
.ch_cont1 .ch_btn {display: block; width:312px; height:70px; font-size:0; margin:0 auto; background: url("/images/event/attend/ch_btn.png") no-repeat 0 0}
.ch_cont1 .ch_btn:hover {background: url("/images/event/attend/ch_btn_ov.png?date=20220104") no-repeat 0 0;}
.ch_cont1 .ch_btn.off {background: url("/images/event/attend/ch_btn_off.png?date=20220104") no-repeat 0 0}
.ch_cont1 .ch_copy {margin:70px 0 23px 0}

.ch_cal_month {text-align: left; width:100%; margin:30px 0 17px 0}
.ch_cal_month .month {display: inline-block; height:26px; width:142px; margin:0 8px 1px 30px; background: url("/images/event/attend/cal_month.png") no-repeat 0 0}
.ch_cal_month .month.m1 { background-position:0 0}
.ch_cal_month .month.m2 { background-position:0 -41px}
.ch_cal_month .month.m3 { background-position:0 -83px}
.ch_cal_month .month.m4 { background-position:0 -125px}
.ch_cal_month .month.m5 { background-position:0 -166px}
.ch_cal_month .month.m6 { background-position:0 -208px}
.ch_cal_month .month.m7 { background-position:0 -248px}
.ch_cal_month .month.m8 { background-position:0 -289px}
.ch_cal_month .month.m9 { background-position:0 -331px}
.ch_cal_month .month.m10 { background-position:0 -373px; width:158px}
.ch_cal_month .month.m11 { background-position:0 -414px; width:158px}
.ch_cal_month .month.m12 { background-position:0 -456px; width:158px}
.ch_cal_month .date em {display: inline-block; height:35px; width:26px; margin-right:1px; background: url("/images/event/attend/cal_num.png") no-repeat 0 0}
.ch_cal_month .date em.num0 {background-position:0 0}
.ch_cal_month .date em.num1 {background-position:-30px 0}
.ch_cal_month .date em.num2 {background-position:-59px 0}
.ch_cal_month .date em.num3 {background-position:-89px 0}
.ch_cal_month .date em.num4 {background-position:-120px 0}
.ch_cal_month .date em.num5 {background-position:-150px 0}
.ch_cal_month .date em.num6 {background-position:-181px 0}
.ch_cal_month .date em.num7 {background-position:-211px 0}
.ch_cal_month .date em.num8 {background-position:-241px 0}
.ch_cal_month .date em.num9 {background-position:-271px 0}
.ch_cal_month .day_txt {display: inline-block; height:25px; width:21px; margin:0 0 2px 1px; background: url("/images/event/attend/cal_day.png") no-repeat 0 0}
.ch_calendar {float:left; width:660px; height:500px; min-height:561px; box-sizing: border-box; margin:0 0 20px 0; border-radius:20px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 24px;}
.ch_calendar .cal_top {height:43px; background:url("/images/event/attend/cal_top_bg.png") no-repeat 0 0}
.ch_calendar table {padding:0 16px}
.ch_calendar td {height:85px; width:100px; position: relative; border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1}
.ch_calendar td:last-child{border-right:none;}
.ch_calendar .num {width:20px; height:20px; display:block; font-size:11px; color: #959595; font-weight: bold; position: absolute; top:8px; left:6px; letter-spacing:-1px; font-family: verdana}
.ch_calendar .num.today {color:#000}
.ch_calendar .stamp {display:block; position:absolute; bottom:8px; right:9px; width:60px; height:60px;}
.ch_calendar .stampBg {display:block; position:absolute; bottom:8px; right:9px; width:60px; height:60px; background: url("/images/event/attend/ch_ico_blank.png") no-repeat 0 0}
.ch_calendar .stamp.ok {background: url("/images/event/attend/ch_ico_ok.gif") no-repeat 0 0;}
.ch_calendar .stamp.on {background: url("/images/event/attend/ch_ico_ok.gif") no-repeat 0 0; animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s;}
@keyframes fadein {	from { opacity:0; } to { opacity:1;}}
@-moz-keyframes fadein { from { opacity:0; } to { opacity:1; }}
@-webkit-keyframes fadein { from { opacity:0; }	to { opacity:1; }}
@-o-keyframes fadein { from { opacity:0; } to { opacity: 1;	}}
.ch_benefit_box {float:left; width:310px; min-height:561px; border-radius:20px; box-sizing: border-box; background-color: #35674a; box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 24px;}
.ch_benefit_box .box1, .ch_benefit_box .box2 {position:relative; margin:15px 15px 0px 15px; padding:10px 10px 17px 23px; border-radius:10px; background-color:#508661; overflow: hidden; border:none!important}
.ch_benefit_box .box1 li, .ch_benefit_box .box2 li {float: left}
.ch_benefit_box .box1 li:last-child, .ch_benefit_box .box2 li:last-child {margin-left:15px}
.ch_benefit_box .box1 .t_or, .ch_benefit_box .box2 .t_or { position: absolute; left:133px; top:76px; width:15px; height:9px; background: url("/images/event/attend/ch_txt3.png") no-repeat 0 0}
.ch_benefit_box .box1 .box_tit {display:block; margin:10px auto 12px auto; width:97px; height:16px; background: url("/images/event/attend/ch_txt1.png") no-repeat 0 0}
.ch_benefit_box .box2 .box_tit {display:block; margin:10px auto 12px auto; width:89px; height:16px; background: url("/images/event/attend/ch_txt2.png") no-repeat 0 0}
.ch_benefit_box .coupon1 {display: block; width:113px; height:93px; background: url("/images/event/attend/ch_coupon1.png") no-repeat 0 0}
.ch_benefit_box .coupon2 {display: block; width:113px; height:93px; background: url("/images/event/attend/ch_coupon2.png") no-repeat 0 0}
.ch_benefit_box .coupon3 {display: block; width:113px; height:93px; background: url("/images/event/attend/ch_coupon3.png") no-repeat 0 0}
.ch_benefit_box .btn_coupon {display:block; width:105px; height:30px; margin-left:2px; font-size:13px; border-radius:20px; border:1px solid #e2e891; background-color: #35674a; color:#e2e891; text-align:center; line-height:29px; letter-spacing:-0.5px}
.ch_benefit_box .btn_coupon.off {border:1px solid #69987e; color:#98c2ab; background-color: #508661}
.ch_benefit_box .btn_coupon a:hover {background-color: #346242; transition-duration:0.1s}
.ch_benefit_box .btn_coupon a {text-decoration: none; color:#e2e891; display:block; width:105px; height:30px; font-size:13px; border-radius:20px}
.ch_benefit_tit {width:208px; height:72px; margin:37px auto 37px auto; background: url("/images/event/attend/ch_benefit_tit.png") no-repeat 0 0}
.coupon_complete { position:absolute; left:0px; top:40px; width:276px; height:146px; background: url("/images/event/attend/coupon_over.png") no-repeat 0 0}

.btn_p_w, .btn_p_b {vertical-align:top}
.btn_p_w:hover, .btn_p_b:hover {text-decoration:none;}
*/



.top_copy {position:relative; width:100%; height:398px; text-align:center; background: url("/images/event/attend/top_bg.png") repeat-x 0 0; border-top:1px solid #dfdfdf}
.top_copy .key_img {display: block; vertical-align: top;}

.ev_my_status {padding:30px 0 27px 0;  background-color:#2e3755}
.ev_my_status .status_tit_w {text-align: center; margin:0 auto 11px auto; font-size:0}
.ev_my_status .status_tit {margin-right:9px}
.ev_my_status .month {color:#fff; font-size:28px; font-weight: bold; vertical-align:1px; margin-right:3px}
.ev_my_status .status_box {overflow:hidden; margin:0 auto; height:90px; width:970px; background-color:#fcfafd; border-radius:10px}
.status_box li {float:left; height:90px; width:213px; border-right:1px solid #cecdd5; text-align:center; color:#292839; font-weight:bold}
.status_box li:last-child {border-right:none}
.status_box  .btit {display:block; margin:21px 0 2px 0}
.status_box .num {font-size:21px;  display:block}
.status_box .num em {font-size:23px; padding-right:1px; vertical-align:0}
.status_box .box1 {width:320px; position: relative; background-color:#56b7d8; margin-left:-1px;  border-bottom-left-radius:10px; border-top-left-radius:10px; border-right:none}
.status_box .box1 .btit {display:block; margin:17px 0 -4px 0}
.status_box .box1 .num {font-size:24px;  display:block;}
.status_box .box1 .num em {font-size:29px; padding-right:2px; letter-spacing:-1px; display: inline-block; vertical-align:-1px}
.status_box .box1 .ticket_tit {display: inline-block; margin-left:52px}
.btn_rul_go {display:inline-block; width:65px; height:65px;  margin:13px  20px 0 10px; vertical-align:top}
.ev_my_status .status_info {margin-top:14px; text-align:center}

.calendar_area {width:970px; margin: 0 auto}
.ch_content {width:100%; padding-bottom:50px; background-color:#e2f4f7; overflow: hidden; position:relative}
.ch_cont1 {width:1025px; text-align:center; margin:0 auto}
.ch_cont1 .ch_btn {display: block; width:312px; height:61px; font-size:0; margin:0 auto; background:url("/images/event/attend/ch_btn.png") no-repeat 0 0}
.ch_cont1 .ch_btn a {display:block; width:312px; height:61px}
.ch_cont1 .ch_btn:hover { background-position:0 -62px}
.ch_cont1 .ch_btn.off {background-position:0 -124px}
.ch_cont1 .ch_copy {margin:80px 0 19px 0}

.ch_cal_month {text-align:center; width:660px; margin:20px 0 6px 0}
.ch_cal_month .month {display: inline-block; height:23px; width:50px; margin-right:1px; background:url("/images/event/attend/cal_month.png") no-repeat 0 0}
.ch_cal_month .month.m1 { background-position:0 0}
.ch_cal_month .month.m2 { background-position:0 -42px}
.ch_cal_month .month.m3 { background-position:0 -84px}
.ch_cal_month .month.m4 { background-position:0 -126px}
.ch_cal_month .month.m5 { background-position:0 -168px}
.ch_cal_month .month.m6 { background-position:0 -210px}
.ch_cal_month .month.m7 { background-position:0 -252px}
.ch_cal_month .month.m8 { background-position:0 -294px}
.ch_cal_month .month.m9 { background-position:0 -336px}
.ch_cal_month .month.m10 { background-position:0 -378px}
.ch_cal_month .month.m11 { background-position:0 -420px}
.ch_cal_month .month.m12 { background-position:0 -462px}

.ch_cal_month .date {margin:0 3px 0 10px; color:#c54023; font-size:42px; font-weight:bold; letter-spacing:-3px; vertical-align: -1px}
.ch_cal_month .day_txt {display: inline-block; height:25px; width:21px; margin:0 0 2px 1px; background: url("/images/event/attend/cal_day.png") no-repeat 0 0}
.ch_calendar {float:left; width:660px; height:500px; min-height:561px; box-sizing: border-box; margin:0 0 20px 0; border-radius:20px; background-color: #fff; box-shadow: 0 8px 20px rgb(0,0,0,0.06);}
.ch_calendar .cal_top {height:43px;; background:url("/images/event/attend/cal_top_bg.png") no-repeat 0 0; position: relative; z-index: 100; margin-bottom: -1px}
.ch_calendar table {padding:0 16px; }
.ch_calendar td {height:85px; width:100px; position: relative; border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1}
.ch_calendar td:last-child{border-right:none;}
.ch_calendar .num {width:20px; height:20px; display:block; font-size:11px; color: #959595; font-weight: bold; position: absolute; top:8px; left:6px; letter-spacing:-1px; font-family: verdana}
.ch_calendar .num.today {color:#000}
.ch_calendar .stamp {display:block; position:absolute; bottom:8px; right:9px; width:60px; height:60px;}
.ch_calendar .stampBg {display:block; position:absolute; bottom:8px; right:9px; width:60px; height:60px; background: url("/images/event/attend/ch_ico_blank.png") no-repeat 0 0}
.ch_calendar .stamp.ok {background: url("/images/event/attend/ch_ico_ok.gif") no-repeat 0 0;}
.ch_calendar .stamp.on {background: url("/images/event/attend/ch_ico_ok.gif") no-repeat 0 0; animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s;}
@keyframes fadein {	from { opacity:0; } to { opacity:1;}}
@-moz-keyframes fadein { from { opacity:0; } to { opacity:1; }}
@-webkit-keyframes fadein { from { opacity:0; }	to { opacity:1; }}
@-o-keyframes fadein { from { opacity:0; } to { opacity: 1;	}}
.ch_benefit_box {float:left; width:310px; min-height:561px; border-radius:8px; box-sizing: border-box; background-color: #1d5453}
.ch_benefit_box .box1, .ch_benefit_box .box2 {position:relative; margin:6px 15px 0 15px; padding:7px 16px 15px 16px; border-radius:5px; background-color:#386e6d; overflow: hidden; border:none!important}
.ch_benefit_box .box1 li, .ch_benefit_box .box2 li {float: left; margin: 0 5px}
.ch_benefit_box .box1 li:last-child, .ch_benefit_box .box2 li:last-child {margin-left:15px}
.ch_benefit_box .box1 .t_or, .ch_benefit_box .box2 .t_or { position: absolute; left:132px; top:62px; width:15px; height:9px; background: url("/images/event/attend/ch_or_txt.png") no-repeat 0 0}
.ch_benefit_box  .box_tit {display:block; margin:10px auto 3px auto}
.ch_benefit_box .coupon1 {display: block; width:109px; height:71px; background: url("/images/event/attend/ch_coupon1.png") no-repeat 0 0}
.ch_benefit_box .coupon2 {display: block; width:109px; height:71px; background: url("/images/event/attend/ch_coupon2.png") no-repeat 0 0}
.ch_benefit_box .coupon3 {display: block; width:109px; height:71px; background: url("/images/event/attend/ch_coupon3.png") no-repeat 0 0}
.ch_benefit_box .coupon4 {display: block; width:131px; height:48px; margin:0 auto;  background: url("/images/event/attend/ch_coupon4.png") no-repeat 0 0}
.ch_benefit_box .btn_coupon {display:block; width:103px; height:26px; margin-left:2px; font-size:12px; border-radius:20px;  color:#1a3b2f; text-align:center; line-height:25px; letter-spacing:-0.5px}
.ch_benefit_box .btn_coupon.off {border:1px solid #629382; color:#98c2ab; background-color: #386e6d}
.ch_benefit_box a { text-decoration:none}
.ch_benefit_box a:hover .btn_coupon  {border:1px solid #142e24; background-color: #142e24}
.ch_benefit_box a .btn_coupon {display:block; color:#dadbc4; border:1px solid #1a3b2f; background-color: #113a39; width:103px; height:25px; font-size:12px; border-radius:20px}
.ch_benefit_tit {width:208px; height:72px; margin:26px auto 18px auto; background: url("/images/event/attend/ch_benefit_tit.png") no-repeat 0 0}
.coupon_complete {z-index:100;  position:absolute; left:0px; top:0px; width:279px; height:155px; background: url("/images/event/attend/coupon_over.png") no-repeat 0 0}
.coupon_complete2 {z-index:100; position:absolute; left:0px; top:0px; width:279px; height:103px; background: url("/images/event/attend/coupon_over2.png") no-repeat 0 0}

.btn_p_w, .btn_p_b {vertical-align:top}
.btn_p_w:hover, .btn_p_b:hover {text-decoration:none;}

.change_top_noti {width:580px; font-size:13px; margin:0 auto 45px auto; color: #5e3e1a; letter-spacing:-0.5px; word-spacing:-0.5px}
.change_top_noti ul {margin:14px 14px 12px 17px; padding-left:10px}
.change_top_noti li {line-height:16px; margin-bottom:6px; text-align: left}
.change_top_noti em {display: inline-block; margin-left:-9px; margin-right:3px; vertical-align:-2px}
.change_top_noti span {color:#572412; font-weight:bold}
.change_top_noti .noti_tit_w {border-bottom:1px solid #d7b563; height:10px; margin:0 9px 15px 9px}
.change_top_noti .noti_tit {font-weight: bold; color:#90772f; text-align:center; display:block; background-color: #f3e4b8; width:80px; margin:0 auto; font-size:15px; letter-spacing:0}

.change_content {width:100%; padding-bottom:70px; background-color:#f9e2d8; overflow: hidden}
.change_cont1 {position:relative; width:970px; text-align:center; margin:0 auto}
.change_cont1 .change_copy {margin:40px 0 15px 0}
.change_tit1 { position: absolute; left:50%; top:-33px; margin-left:-225px; display: block; width:450px; height:74px; background:url('/images/event/attend/change_tit1.png') no-repeat 0 0}
.change_tit2 { position: absolute; left:50%; top:-33px; margin-left:-225px;  display: block; width:450px; height:74px; background:url('/images/event/attend/change_tit2.png') no-repeat 0 0}
.change_tit3 { position: absolute; left:50%; top:-33px; margin-left:-225px; display: block; width:450px; height:74px; background:url('/images/event/attend/change_tit3.png') no-repeat 0 0}
.change_tit4 { position: absolute; left:50%; top:-33px; margin-left:-225px;  display: block; width:450px; height:74px; background:url('/images/event/attend/change_tit4.png') no-repeat 0 0}

.change_box {position: relative;  margin-top:50px;  margin-bottom:70px; box-sizing: border-box; border-radius:10px; background-color:#fef0ea; box-shadow: 0 8px 20px rgb(0,0,0,0.06);}
.change_top {z-index:200; position: absolute; left:50px; top:-60px; display:block; width:443px; height:124px; background:url('/images/event/attend/ticket_use_det.png') no-repeat 0 0}
.change_box .roulette_area {position: relative; margin:0 auto; width: 456px; padding-top:80px; padding-bottom:25px}
.change_box .roulette {width:456px; height:456px; position:relative; background-position:0 0; background-repeat:no-repeat;}
.change_box .roulette .start_spin {display:block; position:absolute; top:152px; left:149px; z-index: 1;}
.change_box .roulette .pointer {display:block; position:absolute; top:-25px; left:50%; width:47px; height:65px; z-index:1; margin-left:-22px;}
.change_box .roulette .plate {position:absolute; top:12px; left:11px}
.change_box .roulette .r_bg {box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 18px; border-radius:50%}

.entry_state {margin:0 auto; padding:10px 30px 15px 30px; border: 1px solid #dac3ae; overflow:hidden;  font-family:'Noto Sans CJK KR',"Malgun Gothic","맑은 고딕",sans-serif}
.entry_state .state_tit {border-bottom:1px solid #e4c9ba; padding-bottom:5px; margin-bottom:12px; font-size:19px; font-weight:500; color:#9c6a46; letter-spacing:-0.5px}
.entry_state li {text-align:center; float:left; width:26%; border-right:1px solid #e4c9ba; box-sizing:border-box}
.entry_state li:last-child {border-right:none; width:22%}
.entry_state .state_txt1 {display:block; font-size:18px; color: #9c6a46; letter-spacing:-0.5px; font-weight:500; margin-bottom:-3px}
.entry_state .state_txt2 {display:block; font-size:24px; color: #362d27; font-weight:600; letter-spacing:-1px; text-align:center; vertical-align: -4px; height:34px}
.entry_state .state_txt2 em {font-size:17px; color: #4a4841; font-weight:400; padding-left:2px; vertical-align:2px}
.entry_state.all {margin-top:-20px}
.entry_state.all li {width: 33.3%}

.change_coupon {position: relative; padding:57px 0 25px 0}
.change_coupon ul { width:762px; margin:0 auto 10px auto; overflow: hidden}
.change_coupon li {float: left; margin:0 20px; width:214px}
.change_coupon .btn_change {display:block; width:107px; height:34px; margin: 0 auto; padding:7px 0 0 0;  text-align: center}

.ev_pop_n {top:0}
.roulette_coupon_pop {top:50%; margin-top:-100px;}
.roulette_coupon_complete {top:50%; margin-top:-100px;}
.roulette_coupon_loading {top:50%; margin-top:-100px;}
.roulette_not_ticket {margin-left:-266px; margin-top:-230px;}

.ticket_content {width:100%; padding-bottom:60px; background-color:#eef4f7; overflow: hidden}
.ticket_content  .ticket_copy {margin:67px 0 60px 0}
.ticket_content .ticket_noti {display: block; padding:55px 0 17px 105px; text-align: left}
.ticket_content .ticket_box {position: relative;  margin-top:50px; box-sizing: border-box; border-radius:10px; background-color:#fff; box-shadow: 0 8px 20px rgb(0,0,0,0.06);}

.comment {margin-bottom:65px; padding-bottom:30px}
.comment .inner {position:relative; text-align:left; margin:0 54px}
.comment .cmt_lst {margin:10px 0 0 0; overflow: hidden}
.comment .cmt_lst ul {margin: 0 54px 0 54px}
.comment .cmt_lst li {font-size:14px; text-align:left; border-bottom:1px solid #e3e3e3; overflow:hidden; padding:0 4px 7px 4px; margin-bottom:11px}
.comment .cmt_lst .date {color:#888; margin-right:17px; padding-left:3px; display: inline-block; line-height:24px; font-size:13px}
.comment .cmt_lst .cmt_cont {color:#111; width:700px; line-height:24px}
.comment .cmt_lst span {display:block; float:left}
.comment .cmt_lst .lst_none { text-align: center; font-size:15px; color:#444; padding:30px 0 60px 0; letter-spacing: -0.5px}
.comment textarea {height:70px; width:756px; border:1px solid #ccc; background-color:#f5f5f5; font-size:14px; line-height:23px; padding:7px 0 0 10px; overflow:auto; box-sizing:border-box}
.comment .comt_up {width:107px; height:70px; background-color:#394263; border:1px solid #394263; color:#f6f6f6; font-size:16px; font-weight:bold; position:absolute; right:0; top:0; letter-spacing:-0.5px; word-spacing:-0.5px; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.comment .comt_up:hover {background-color:#101b4a}
.comment .lab_cmt {position: absolute; top:0px; height:63px; font-size:16px; color:#696969; cursor:pointer;}
.comment .txt_info {display: block; padding: 11px 2px 0 13px; font-weight: 300;}
.comment .btn_more_w {padding:0 0 36px 0;}
.comment .btn_more { display:block; width:124px; height:31px; background-color:#fff; border:1px solid #d1d1d1;border-radius:5px; font-size:13px;  color:#111; margin:0 auto; text-decoration:none; line-height:31px}
.comment .btn_more:hover {border:1px solid #333}
.comment .btn_more .arr {display:inline-block; width:7px; height:4px; margin:0 0 0 5px; vertical-align:3px; background: url("/images/event/attend/arr_cmt_more.png") no-repeat 0 0}
.btn_cmt_write {padding:0 0 36px 0}

.ev_notice_w {background-color:#484c65; width:100%}
.ev_notice {width:970px; position: relative; padding:50px 0 50px 0;    margin:0 auto}
.ev_notice ul {margin-left: 200px}
.ev_notice li {padding: 0 0 6px 0; font-size:14px; letter-spacing: -0.3px; text-align: left; color: #363944; font-weight: bold}
.ev_notice li em {margin-left: -13px;}
.ev_notice_tit {position: absolute; left: 35px; top: 50px; display: block; width: 128px; height: 96px; background: url("/images/event/attend/ev_notice_tit.png") no-repeat 0 0}


.ev_r_pop.complete {margin-left: -265px; margin-top: -300px;}
.ev_r_pop { position:absolute; top:50%; left:50%; width:450px; border: 1px solid #8f8f8f; background-color:#fff; box-shadow:0px 0px 6px 2px rgba(0,0,0,0.1); z-index:101; display: none;}
.ev_r_pop .p_r_cont {padding:25px 0 33px 0; text-align:center; color:#111; line-height:24px}
.ev_r_pop .p_r_cont .f_txt {font-size:17px; letter-spacing:-1.3px; word-spacing:-1px}
.ev_r_pop .p_ev_img {margin-top:30px}
.ev_r_pop .ev_btn {margin-top:15px}
.ev_pop_n.coupon_pop,.ev_pop_n.coupon_pop_complete {margin-left:-175px; }

.ev_pop .p_r_cont {padding:25px 0 33px 0; text-align:center; color:#111; line-height:24px}
.ev_pop .p_r_cont .f_txt {font-size:17px; letter-spacing:-1.3px; word-spacing:-1px}

.ev_pop_n {width:360px;position:absolute;top:50%;left:50%;margin-left:-180px;border: 1px solid #8f8f8f;background-color:#fff;box-shadow:0px 0px 6px 2px rgba(0,0,0,0.2); z-index:102; display: none;}
.ev_pop_n .p_cont {padding:0 0 33px 0; text-align:center; color:#111; font-size:16px; letter-spacing: -0.5px; font-weight: bold; line-height:29px; font-family:"Malgun Gothic","맑은 고딕",sans-serif}
.ev_pop_n .p_cont em {color:#eb4e45}
.ev_pop_n .p_cont .f_txt {display:block; font-size: 15px; font-weight: bold; line-height: 24px; padding-top: 15px; }
.ev_pop_n .p_cont .f_txt2 {font-size:12px; font-weight:normal; color:#6e6e6e; line-height: 20px;}
.ev_pop_n .p_cont .f_txt2 a { color:#6e6e6e}
.ev_pop_n .f_btn {margin-top:18px}

.paging_v4 {padding:10px 0 0 0}
.paging_v4 a:hover{text-decoration:none}