@charset "utf-8";
/* 공통 */
.wrap {position:relative;width:100%;min-width:auto;}
.evn_hak .alt_hidden{display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em;left:0;}
.evn_hak .pc_img {display:block; margin:0 auto;}
.evn_hak .m_img {display:none;}
.evn_hak .btn_all {display:block; position:absolute; font-size:0; /*background:rgba(255,0,0,0.5);*/}
.evn_hak .cont_in {position:relative;width:100%;max-width:1020px;margin:0 auto;text-align:center;} /* 이벤트 가로 크기에 따라 조정 */
/* 현재 참여자 */
.evn_hak .cont_in .people {position:absolute;top:15px;right:-6px;z-index:99;}
.evn_hak .cont_in .people ul{overflow:hidden;display:inline-block;vertical-align:middle;}
.evn_hak .cont_in .people ul li{float:left;width:38px;height:38px;line-height:38px;margin-left:5px;text-align:center;font-weight:500;font-size:17px;color:#333;background-color:#fff;border:1px solid #e6dcdc;box-sizing:border-box;}
.evn_hak .cont_in .people > span {display:inline-block;width:auto;height:38px;line-height:38px;padding:0 5px;text-align:center;font-weight:500;font-size:17px;color:#000;vertical-align:middle;}
.evn_hak .cont_in .people > span:first-child {color:#000}
/* 헤더 */
header .util .ri_util button {margin-top:-3px;}
header .util .ri_util .btn_share2 span {min-width:auto;height:auto;line-height:0;font-size:1.2rem;background:transparent;border:0;}
header .util .ri_util .btn_share2 span:after {display:inline-block; position:relative; width:1.3rem; height:1.5rem; top:0; margin-left:0.5rem; background:url('../images/pc/ico_share_gray.png') no-repeat; background-size:13px auto; content:'';}
/* 컨텐츠 */
.evn_hak {position:relative; transition: all .3s ease;}
.evn_hak::before {content:''; position:absolute; top:0; left:0; right:0; display:block; width:100%; height:100%; background-image:url('../images/pc/bg_img.jpg'); background-repeat: repeat-x; background-position: center top; z-index:0; transform:scaleX(-1);}
.evn_hak .cont01 {position:relative;overflow:hidden;font-size:0;background:url('../images/pc/bg_img_cont01.jpg') no-repeat center top; z-index:1;}
.evn_hak .cont02 {position:relative;overflow:hidden;font-size:0;background:url('../images/pc/bg_img_cont02.jpg') no-repeat center top; z-index:1;}
.evn_hak .cont03 {position:relative;overflow:hidden;font-size:0;background:#fffbc2; z-index:1;}
.evn_hak .cont04 {position:relative;overflow:hidden;font-size:0;background:#c2e591; z-index:1;}
.evn_hak .cont05 {position:relative;overflow:hidden;font-size:0;background:#add574; z-index:1;}
.evn_hak .cont06 {position:relative;overflow:hidden;font-size:0;background:#fffbc2; z-index:1;}
.evn_hak .cont07 {position:relative;overflow:hidden;font-size:0;background:url('../images/pc/bg_img_cont07.jpg') no-repeat center top; z-index:1;}
.evn_hak .cont_in .bn_app {position:absolute;bottom:3.2rem;left:25rem;width:53rem;text-align:center; z-index:5;}
.evn_hak .cont_in .bn_app a {display:block;width:100%;margin:0 auto;}
.evn_hak .cont_in .bn_app a > img {width:100%;}
/* 링크 */
.evn_hak .link02_01 {position:absolute; width:50rem; height:6rem; bottom:22.8rem; left:26rem;}
.evn_hak .link03 {width:29rem; height:9rem; bottom:21.9rem;}
.evn_hak .link03_01 {left:4.7rem;}
.evn_hak .link03_02 {left:36.5rem;}
.evn_hak .link03_03 {right:4.7rem;}
.evn_hak .link03_04 {width:64rem; height:10rem; bottom:6.3rem; left:19rem;}
.evn_hak .link05 {width:32rem; height:15rem; bottom:11.7rem;}
.evn_hak .link05_01 {left:0;}
.evn_hak .link05_02 {left:35rem;}
.evn_hak .link05_03 {right:0;}
.evn_hak .link06_01 {width:34rem; height:9rem; bottom:5.8rem; left:34rem;}
.evn_hak .link07 {width:32rem; height:14rem; bottom:9.6rem;}
.evn_hak .link07_01 {left:0;}
.evn_hak .link07_02 {left:35rem;}
.evn_hak .link07_03 {right:0;}
/* 카드 */
.evn_hak .Ecard_list {position:absolute; bottom:14.8rem; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.evn_hak .Ecard_list li {position:relative; background-color:#fff; border-radius:3.5rem; overflow:hidden;}
.evn_hak .Ecard_list li .cont_btn {display:none; position: absolute; bottom:2.4rem; left:3rem; width:26rem; height:7rem; font-size:0; background-repeat: no-repeat; background-size:100% 100%; z-index:3;}
.evn_hak .Ecard_list li::after {content:''; display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:1;}
.evn_hak .Ecard_list li.on_step01 .cont_btn_step01 {display:block; background-image:url('../images/pc/btn_evn.png');}
.evn_hak .Ecard_list li.on_step02 .cont_btn_step02 {display:block; background-image:url('../images/pc/btn_evn_win.png');}
.evn_hak .Ecard_list li.on_step03 .cont_btn_step03 {display:block; background-image:url('../images/pc/btn_evn_nextTime.png');}
.evn_hak .Ecard_list li.on_step04 .cont_btn_step04 {display:block; background-image:url('../images/pc/btn_evn_end.png');}
.evn_hak .Ecard_list li.on_step04::after {display:block;}
.evn_hak .live_layerFloatBan {top:25rem; right:calc(50% - 640px - 160px); z-index:210;}
/* 꼭 확인하세요 */
.evn_hak .notice{position:relative; padding:2rem 0 10rem 0; background:#1c1c1c;}
.evn_hak .notice .cont_in {text-align:left;}
.evn_hak .notice .chkWrap{width:98%; margin:0 auto; padding:1.5rem 0 1.5rem 2rem; background-color:#fff;}
.evn_hak .notice .chkWrap input,
.evn_hak .notice .chkWrap label{vertical-align:middle;}
.evn_hak .notice .chkWrap label{margin-left:3px;font-size:14px;font-weight:bold;}
.evn_hak .notice .chkWrap label span{color:#ff0000;}
.evn_hak .notice .noti_txt {width:98%; margin:0 auto;}
.evn_hak .notice .tit {position:relative;width:100%;text-align:center;margin:5rem 0 3rem 0;background:url('../images/pc/img_notice_bg.png') repeat-x left center;}
.evn_hak .notice .tit > img {width:240px;margin:0 auto;}
.evn_hak .notice .txt {position:relative;width:100%;}
.evn_hak .notice .txt li {position:relative;text-align:left;font-size:1.5rem; line-height:1.3; color:#777;padding:0.5rem 0 0.5rem 1rem;}
.evn_hak .notice .txt li:before {content:'';position:absolute;left:0;top:1.3rem;width:3px;height:3px;background-color:#777;}
.evn_hak .notice .txt li.bNo {line-height:1;}
.evn_hak .notice .txt li.bNo:before {content:'';position:absolute;left:0;top:0;width:0;height:0;background-color:transparent;}
.evn_hak .notice .txt li.yellow {color:#fff45c;}
.evn_hak .notice .txt .yellow2 {color:#ffe7a8;}
.evn_hak .notice .txt li.d_blue {color:#88abda;}
.evn_hak .notice .txt li.red {color:#ff7e5d;}
.evn_hak .notice .txt li dl {margin-top:1.5rem;}
.evn_hak .notice .txt li dl dt {position:relative;text-align:left;font-size:1.5rem;color:#b3b3b3;padding:0.3rem 0 0.5rem 25px;}
.evn_hak .notice .txt li dl dt:before {content:'';position:absolute;left:0;top:0;width:22px;height:22px;background:url('../images/pc/mark_ex.png') no-repeat left center;}
.evn_hak .notice .txt li dl dd {position:relative;text-align:left;font-size:1.5rem;color:#b3b3b3;padding:0.3rem 0 0.2rem 3.7rem;line-height:1.4;}
.evn_hak .notice .txt li dl dd:before {content:'';position:absolute;left:2.7rem;top:1.5rem;width:4px;height:1px;background-color:#b3b3b3;}
.evn_hak .notice .txt li dl dt > a,
.evn_hak .notice .txt li > a {display:inline-block;margin:-0.4rem 0 0 1rem;text-align:center;font-weight:500;font-size:1.2rem;color:#00071c;padding:0.4rem 1rem;background:#fff;vertical-align:middel;}
/* popup */
.event_popup .modal {overflow-y:auto;max-width:70rem !important;height:auto;padding:3rem 2.5rem;background-color:#fff;}
.event_popup .modal .modal_head {border-bottom:0;margin:0;padding-bottom:1.5rem;}
.event_popup .modal .modal_top_close {top:2rem;}
.event_popup .popCont table{width:100%; border:1px solid #c9d8e3; border-top-color:#000; margin:0 0 1.5rem 0;}
.event_popup .popCont table th,
.event_popup .popCont table td{height:3rem;padding:0.5rem 1rem;border-left:1px solid #c9d8e3; border-bottom:1px solid #c9d8e3; text-align:left; font-size:1.3rem;}
.event_popup .popCont table tr> th:first-child,
.event_popup .popCont table tr> td:first-child {border-left:0;vertical-align:middle;}
.event_popup .popCont table th{background-color:#f5f8fa; color:#63869e; }
.event_popup .popCont table td{background-color:#fff;}
.event_popup .popCont table td *{vertical-align:middle;}
.event_popup .popCont table td.strong{color:#000;font-weight:bold;}
.event_popup .popCont table .first th,
.event_popup .popCont table .first td{border-top:2px solid #b1c5d4;}
.event_popup .popCont table td .input_wrap > select {height:2.8rem;line-height:2.8rem;}
.event_popup .popCont table th strong.point{color:#f26851; vertical-align: middle;}
.event_popup .popCont table td p.byte{margin-top:.5rem;font-size:1.2rem; text-align:right; vertical-align:top;}
.event_popup .popCont table td p.byte.t_l{text-align:left;}
.event_popup .popCont table td p.byte em{font-weight:bold;color:#f26851; vertical-align:top;}
.event_popup .popCont table td p.infoTxt{width:100%;margin-top:5px;text-align:left;font-size:12px;color:#f26851;line-height:1.4;}
.event_popup .popCont table td p.infoTxt-blue{width:100%;text-align:left;font-size:12px;color:#0039bc;line-height:1.4;}
.event_popup .popCont h4 strong{display:block;color:#0073c3;font-size:1.7rem;font-weight:bold;}
.event_popup .popCont h4 strong b{display:inline-block;color:#fff;background-color:#f96900;padding:.3rem 1.3rem;font-size:1.4rem;border-radius:30px;}
.event_popup .popCont .col_wrap {overflow:hidden;}
.event_popup .popCont .col_wrap h4 strong{font-size:1.3rem;}
.event_popup .popCont .col_wrap h4 strong b{font-size:1.2rem;}
.event_popup .popCont .guide{color:#006dc0;font-size:1.3rem;}
.event_popup .popCont h4 .desc {display:block;color:#666;font-size:1.2rem;font-weight:normal;}
.event_popup .popCont h4.choice {margin-bottom:.5rem;}
.event_popup .popCont h4.choice strong{font-size:1.3rem;}
.event_popup .popCont h4.choice strong b{font-size:1.2rem; background:#0073c3;}
.event_popup .popCont h4.choice .ex {display:block; padding:0 0 0 6rem; font-size:1.2rem; color:#f26851;}
.event_popup .popCont .col{width:100%; font-size:1.2rem; margin:1rem 0;}
.event_popup .popCont .box {height:11.5rem;/*height:6.8rem;*/ overflow-y:auto; margin:0 0 .8rem 0; padding:1rem; border:1px solid #c9d8e3; font-size:1.2rem;text-align:left;}
.event_popup .popCont .inpup_box {overflow:hidden;}
.event_popup .popCont .inpup_box span {display:inline-block; float:left;}
.event_popup .popCont .inpup_box span.user {float:right;}
.event_popup .popCont .inpup_box span.user input {display:inline-block; margin:0 .5rem;}
.event_popup .popCont .box .f-point {font-size:1.4rem; color:red; font-weight:bold;}/* 2023-08-07 수정 */
.event_popup .popNoticeBox {padding:1rem 1.5rem;color:#666;font-size:1.2rem;line-height:1.5;margin-bottom:2rem;background:#f5f5f5;}
.event_popup .popNoticeBox .title {display:block;margin-bottom:.5rem;color:#557ad8;font-size:1.3rem;}
.event_popup .popNoticeBox em {color:#ff4c4c;font-style:normal;}
.event_popup .popNoticeBox strong{font-weight:bold;color:#333;}
#modalScore .popCont {max-height:50rem;overflow-y:auto;}
#modalScore .popCont > div {margin-bottom:2rem;}
#modalScore .popCont > div > p {text-align:left;font-size:1.6rem;padding:1rem 0;}
#modalScore .popCont > div > img {width:100%;max-width:61.8rem;}
.dim {display:none; z-index:9998; position:fixed; left:0; right:0; top:0; width:100%; height:100%; background:#000; opacity:0.6 }
@media screen and (max-width:1024px) {
.evn_hak .cont_in img {width:100%;}
/* 공통 */
.evn_hak .pc_img {display:none;}
.evn_hak .m_img {display:block;}
/* 현재 참여자 */
.evn_hak .cont_in .people {top:5px; right:10px;}
.evn_hak .cont_in .people ul li{width:30px;height:30px;line-height:28px;margin-left:2px;font-size:14px;}
.evn_hak .cont_in .people > span{height:30px;line-height:30px;padding:0 2px;font-size:14px;}
/* 헤더 */
header {width:100%;min-height:auto;padding:0;margin:0;}
header .util_wrap {padding:2rem 0;}
header .util ul li:after {height:1.5rem;}
header .util ul li a {font-size:2rem;}
header .util {display:block;width:auto;}
header .util .ri_util button {margin-top:0px;}
header .util .ri_util .btn_share2 span {font-size:2rem;}
/* 꼭 확인하세요 */
.evn_hak .notice .chkWrap label{font-size:14px;}
.evn_hak .notice .chkWrap label span{color:#ff0000;}
/* 컨텐츠 */
.evn_hak .cont01,
.evn_hak .cont03,
.evn_hak .cont04,
.evn_hak .cont05 {position:relative;overflow:hidden;font-size:0;background:none;}
.evn_hak .cont_in .bn_app {bottom:3.2%; left:15.3%; width:70.7%;}
.evn_hak .cont_in .bn_app a {width:100%; height:100%;}
/* 링크 */
.evn_hak .link02_01 {width:66.7%; height:7.6%; bottom:23.6%; left:16.7%;}
.evn_hak .link03 {width:26.7%; height:15.1%; bottom:37.4%;}
.evn_hak .link03_01 {left:8.1%;}
.evn_hak .link03_02 {left:36.7%;}
.evn_hak .link03_03 {right:8.1%;}
.evn_hak .link03_04 {width:85.3%; height:16.8%; bottom:10.6%; left:7.3%;}
.evn_hak .link05 {width:42.7%; height:17.9%; left:28.7%;}
.evn_hak .link05_01 {bottom:54.5%;}
.evn_hak .link05_02 {bottom:33.6%;}
.evn_hak .link05_03 {bottom:12.9%;}
.evn_hak .link06_01 {width:45.3%; height:22.5%; bottom:14.5%; left:27.3%;}
.evn_hak .link07 {width:48%; height:23.9%; left:26%;}
.evn_hak .link07_01 {bottom:68%;}
.evn_hak .link07_02 {bottom:40.7%;}
.evn_hak .link07_03 {bottom:13.3%;}
/* 카드 */
.evn_hak .Ecard_list {bottom:9.2%; left:28.7%; width:42.7%; height:74.6%; align-content: space-between;}
.evn_hak .Ecard_list li {width:100%; height:32.4%; border-radius:3.5rem;}
.evn_hak .Ecard_list li .cont_btn {bottom:5.3%; left:9.4%; width:81.3%; height:15.6%;}
.evn_hak .live_layerFloatBan {top:15rem; right:0;}
/* popup */
.event_popup .modal {max-width:100% !important;}
.event_popup .popCont table th,
.event_popup .popCont table td{height:4rem;padding:1rem;font-size:1.5rem;}
.event_popup .popCont table td .input_wrap > select {height:2.8rem;line-height:2.8rem;font-size:1.5rem;}
.event_popup .popCont table td p.byte{font-size:1.5rem;}
.event_popup .popCont h4 strong{font-size:2rem;}
.event_popup .popCont h4 strong b{padding:1rem 2rem;font-size:1.5rem;}
.event_popup .popCont .col_wrap h4 strong{font-size:1.3rem;}
.event_popup .popCont .col_wrap h4 strong b{font-size:1.2rem;}
.event_popup .popCont .guide{font-size:1.5rem;}
.event_popup .popCont h4 .desc {font-size:1.5rem;}
.event_popup .popCont .col{font-size:1.5rem;}
.event_popup .popCont .box {height:9rem; padding:1rem 2rem;font-size:1.5rem;line-height:1.5;}
.event_popup .popCont .inpup_box span {font-size:2rem;padding:1rem 0;vertical-align:middle;}
.event_popup .popCont .inpup_box span.user input {width:3rem;height:3rem; margin:0 1rem;}
.event_popup .popCont .box .f-point {font-size:1.5rem;}/* 2023-08-07 수정 */
.event_popup .popNoticeBox {padding:1rem 2rem;font-size:1.5rem;}
.event_popup .popNoticeBox .title {font-size:1.5rem;}
}
@media screen and (max-width:719px) {
header .util .ri_util .btn_share2 span:after {content:'';background-size:8px auto;}
/* 꼭 확인하세요 */
.evn_hak .notice .chkWrap label{font-size:12px;}
.evn_hak .notice .chkWrap,
.evn_hak .notice .noti_txt {width:90%;}
.evn_hak .notice .txt li {font-size:2rem;padding:0.7rem 0 0.7rem 1.5rem;line-height:1.4;}
.evn_hak .notice .txt li:before {top:2rem;}
.evn_hak .notice .txt li dl dt {font-size:2rem;padding:0.6rem 0 0.7rem 25px;}
.evn_hak .notice .txt li dl dd {font-size:2rem;padding:0.6rem 0 0.4rem 5rem;}
.evn_hak .notice .txt li dl dd:before {content:'';left:4rem;top:2rem;}
.evn_hak .notice .txt li dl dt > a,
.evn_hak .notice .txt li > a {font-size:1.7rem;}
/* 카드 */
.evn_hak .Ecard_list li {border-radius:4.5rem;}
}
@media screen and (max-width:420px) {
/* 꼭 확인하세요 */
.evn_hak .notice .tit > img {width:180px;}
.evn_hak .notice .txt li {font-size:1.6rem;padding:0.5rem 0 0.5rem 1.5rem;line-height:1.3;}
.evn_hak .notice .txt li:before {top:1.4rem;}
.evn_hak .notice .txt li dl dt {font-size:1.6rem;padding:0.4rem 0 0.4rem 25px;}
.evn_hak .notice .txt li dl dd {font-size:1.6rem;padding:0.4rem 0 0.4rem 5.1rem;}
.evn_hak .notice .txt li dl dd:before {content:'';left:4rem;top:1.7rem;}
.evn_hak .notice .txt li dl dt > a,
.evn_hak .notice .txt li > a {font-size:1.5rem;letter-spacing:-0.1rem;}
}