@charset "euc-kr";

/* settings */
:root {
    --color-primary: #0041d3;
    --color-highlight: #e8e30d;
}

/* a.link_btn {display: flex; justify-content: center; align-items: center; width: 86%; height: 80px; font-weight: 700; font-size: 22px; max-width: 450px; color: #fff; margin: 0 auto;}
a.link_btn span {margin: 0 auto;}
a.link_btn::after {content: ''; display: block; width: 16%; max-width: 73px; height: 32px; background: url(https://image.megagong.net/m/2024/0523_allawyer/btn_arrow.png) no-repeat; background-position: 50% 50%; background-size: contain;} */

/* ±¤Å¬ */
.evCon8 .event_wrap {position: relative;}
.evCon8 .event_wrap .content {display: flex; align-items: center; position: relative; padding: 0; background: #fff; background: -webkit-linear-gradient(0deg, transparent 8%, #fff 42%, #fff 100%); background: linear-gradient(90deg, transparent 8%, #fff 42%, #fff 100%);}
/* ÁÂÃø »óÇ° */
.evCon8 .event_wrap .content .gift_wrap {flex-basis: 46%;}
/* ¿ìÃø ½Åû */
.evCon8 .event_wrap .content .click_wrap {flex-basis: 54%; position: relative; padding: 75px 62px; margin: 0;}
.evCon8 .event_wrap .content .click_wrap::after {content: "";display: block;clear: both;}
.evCon8 .event_wrap .content .click_wrap .count_wrap .today {font-size: 34px; font-weight: bold; color: #111;}
.evCon8 .event_wrap .content .click_wrap .count_wrap .count_box {margin: 30px 0 40px;}
.evCon8 .event_wrap .content .click_wrap .count_wrap .count_box .cspan {display: flex; justify-content: center; gap: 14px;}
.evCon8 .event_wrap .content .click_wrap .count_wrap .count_box span {font-weight: 900; font-size: 110px; border: 2px solid #000; padding: 8px 21px 10px; margin: 0; line-height: 1;}
.evCon8 .event_wrap .content .click_wrap .count_wrap .link_btn {width: auto; background: var(--color-primary);}
.evCon8 .event_wrap .content .click_wrap .count_wrap .link_btn.done {background: #999;}
.evCon8 .event_wrap .content .click_wrap .count_wrap .link_btn.done::after {content: none;}
.evCon8 .event_wrap .content .click_wrap .count_wrap .sold {position: absolute; max-width: 24%; top: 11%; right: 4%; z-index: 1;}

/* Comming soon */
.evCon8 .event_wrap .soon {display: block; height: 100%; z-index: 1;}
.evCon8 .event_wrap .soon::after {content: ''; position: absolute; width: 1000%; height: 100%; background: #000000cc; top: 0; left: -500%;}
.evCon8 .event_wrap .soon span {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}

/* ´ç÷³»¿ª È®ÀÎÇϱâ */
.evCon8 .event_wrap .win_check {margin: 15px 0 40px; text-align: right; padding-bottom: 2px;}
.evCon8 .event_wrap .win_check a {font-size: 18px; color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8);}

/* À̺¥Æ® ½ºÄÉÁì */
.evCon8 .book_check .book_check--ul {display: flex; justify-content: center; align-items: center;}
.evCon8 .book_check .book_check--ul li {flex-basis: 16.666%; background: #fff; position: relative; border-left: 1px solid #000; box-sizing: border-box;}
.evCon8 .book_check .book_check--ul.col3 li{flex-basis:33.333%;}
.evCon8 .book_check .book_check--ul li:nth-child(1) {border: none;}
.evCon8 .book_check .book_check--ul li p > span:first-child {display: block; font-weight: 700; font-size: 18px; padding: 22px 0; background: var(--color-highlight);}
.evCon8 .book_check .book_check--ul li p > span:nth-child(2) {display: block; font-weight: 700; font-size: 30px; padding: 29px 0; position: relative;}
.evCon8 .book_check .book_check--ul li .end {display: none;}
.evCon8 .book_check .book_check--ul li.end .end {display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000cc;}
.evCon8 .tiny_text{text-align:right;margin-top:10px;color:#fff;}

/* ´ç÷ Æ˾÷ */
.clickPop{width: 420px; background: #fff; padding: 40px 0; position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;}
#my_result.clickPop{display:block;}
#my_result.clickPop .tit{ font-size: 30px; text-align:center; color: #000; font-weight:bold; margin: 0 0 30px;}
#my_result.clickPop .gift{text-align:center;margin: 30px auto 30px;}
#my_result.clickPop .date{position: relative;text-align:center;padding: 13px 0;font-size: 20px;color:#000000;background: #efefef;}
#my_result.clickPop .date span{color: #ff0000;font-weight: bold;margin-right: 5px;}

#my_result.clickPop .dimPop {text-align:center;}
#my_result.clickPop .dimPop dl {background:#efefef; padding:10px 0; font-size:20px; font-weight: bold;}
#my_result.clickPop .dimPop dt {color: #0082ff;display: inline-block;}
#my_result.clickPop .dimPop dd {display: inline-block;}
#my_result.clickPop .text {font-size: 13px; color:#b5b5b6; text-align: left; margin: 20px;}
#my_result.clickPop .text li { margin-bottom:3px; }
#my_result.clickPop .text li:before {content:""; padding-left:10px; background:url(https://img.megagong.net/m/2022/0712_plower3362/bullet_text.png) no-repeat left center;}
#my_result.clickPop .text li .cr_red {color: #e45c6c;}

#my_result.clickPop .btnClose a{position:absolute; right: 0; top: -46px; width: 36px;height: 36px;}
#my_result.clickPop .btnConfirm{width: 180px; margin: 0 auto; background: #000; color: #fff; font-size: 17px; font-weight: bold; padding: 14px 0;}
#my_result.clickPop .btnConfirm a {display: block;}
#my_result.clickPop.no{background: #fff;padding: 65px 0 40px;}
#my_result.clickPop.no .tit{margin: 0 auto;}
#my_result.clickPop.no .gift{margin: 30px auto 40px;}
#my_result.clickPop.no .btnConfirm{margin:0;}

/* ÇÏ´Ü °ü¸®ÀÚ */
.remove{margin: 10px auto;text-align: left;width: 94%;}
.evt_result_head {font-size:14px;font-weight:bold;margin: 10px auto;text-align: left;width: 94%;}
.evt_result_head input{margin:0 5px}
.evt_result_tb{width: 94%;margin: 0 auto; text-align: center;}
.evt_result_tb *{word-break: break-all;}
.evt_result_tb td {border: 1px solid;height:20px}
.evt_result_tb td{font-size:14px}

@media screen and (max-width:1200px){
    /* ¿ìÃø ½Åû */
    .evCon8 .event_wrap .content .click_wrap {padding: 4vw;}
    .evCon8 .event_wrap .content .click_wrap .count_wrap .today {font-size: clamp(25px, 4.2vmin, 34px);}
    .evCon8 .event_wrap .content .click_wrap .count_wrap .count_box {margin: 3% 0 8%;}
    .evCon8 .event_wrap .content .click_wrap .count_wrap .count_box .cspan {gap: 0.5vw;}
    .evCon8 .event_wrap .content .click_wrap .count_wrap .count_box span {font-size: clamp(60px, 12vmin, 110px); padding: 1vw 1.5vw;}

    /* ´ç÷³»¿ª È®ÀÎÇϱâ */
    .evCon8 .event_wrap .win_check {margin: 2% 0 4%;}

    /* À̺¥Æ® ½ºÄÉÁì */
    .evCon8 .book_check .book_check--ul li p > span:first-child {padding: 2vw 0;}
    .evCon8 .book_check .book_check--ul li p > span:nth-child(2) {padding: 2.5vw 0;}
    .evCon8 .book_check .book_check--ul li.end .end img {width: 40%;}

    /* ´ç÷ Æ˾÷ */
    #my_result.clickPop .tit{font-size: clamp(20px, 4vw, 30px); margin-bottom: 3%;}
    #my_result.clickPop .gift{text-align:center;}
    #my_result.clickPop.no .tit{font-size: 32px;}
    #my_result.clickPop.no .gift{margin: 30px auto 40px;}
    #my_result.clickPop.no .gift img{max-width: 45%;}
    
    .clickPop .btnConfirm img{max-width: 30%;}
}
@media screen and (max-width:768px){
    .evCon8 .event_wrap .content {flex-direction: column; background: none;}
    .evCon8 .event_wrap .content .gift_wrap {width: 50%; margin: 0 auto 5vw;}
    .evCon8 .event_wrap .content .click_wrap {width: 100%; background: #fff; border-radius: 15px;}
    .evCon8 .event_wrap .soon span {width: 90%;}

    .evCon8 .event_wrap .win_check a {font-size: 16px;}

    .evCon8 .book_check .book_check--ul li p > span:first-child {font-size: 16px;}
    .evCon8 .book_check .book_check--ul li p > span:nth-child(2) {font-size: 24px;}

    #my_result.clickPop{width: 80%;padding: 15px 0 20px;}
    #my_result.clickPop.no{padding: 35px 0 20px;}
    #my_result.clickPop .text {font-size: 12px; margin: 20px; padding: 0;}

    .evt_result_tb td{font-size:12px}
}
@media screen and (max-width:576px) {
    .evCon8 .event_wrap .win_check a {font-size: 14px;}

    .evCon8 .book_check .book_check--ul li p > span:first-child {font-size: 13px;}
    .evCon8 .book_check .book_check--ul li p > span:nth-child(2) {font-size: 18px;}

	#my_result.clickPop .gift img{max-width:50%}
	#my_result.clickPop .date{font-size: 18px;}
	#my_result.clickPop ul{padding: 0 15px;margin: 15px auto 15px;}
    #my_result.clickPop.no .tit{font-size: 22px;}
	#my_result.clickPop.no .gift img{max-width: 50%;}
    #my_result.clickPop .dimPop dl {font-size: 16px;}
}