@charset "euc-kr";
.click_wrap { position: relative; margin: 0; padding: 0; } 
.click_wrap .count_wrap { display: flex; gap: 20px; } 
.click_wrap .count_wrap .count_wrap { display: flex; gap: 20px; } 
.click_wrap .count_list { position: relative; flex: 1; border-radius: 10px; overflow: hidden; background: #fff; } 
.click_wrap .count_list > p.today { font-size: 20px; line-height: 1; background: #191919; font-weight: 100; padding: 15px 0; } 
.click_wrap .count_list > p.today b { color: #fd394e;; } 
.click_wrap .count_list > p.today span { font-size: 14px; opacity: 0.6; margin-top: 5px; display: block; line-height: 1.4; } 
.click_wrap .count_list > .count_box { position: relative; text-align: center; margin: 40px auto 30px; } 
.click_wrap .count_list > .count_box .cspan { color:#222; font-size: 40px; display: flex; font-weight:700; gap: 7px; justify-content: center; align-items: flex-end; } 
.click_wrap .count_list > .count_box span { font-weight: 900; color: #1b1b1b; width: 90px; font-size: 80px; line-height: 120px; background: #f2f2f2; } 
.click_wrap .count_list > .count_box span::before { left:0; width:100%; height:4px; background:#222; } 
.click_wrap .count_list > .sold { position:absolute; right: 0; bottom: 10%; z-index: 2; max-width: 25%; } 
.click_wrap .count_list > .count_box .evt_end { position:absolute; right: -38px; bottom: -110px; } 
.click_wrap .count_list .clickEvtBtn { text-align:center; margin-bottom: 40px; } 
.click_wrap .count_list .clickEvtBtn a { width: 440px; display: block; margin:auto; color: #000; border: 1px solid; border-radius: 10px; line-height: 70px; font-size: 20px; } 
.click_wrap .count_list .clickEvtBtn a.done { background: #ccc; color: #909090;border: 0;} 

.textEvt a { display:block; margin: 30px auto 80px; font-size: 21px; line-height: 70px; border-radius: 10px; background: #191919; width: 400px; position: relative;} 
#event3 .textEvt a .sold{position: absolute;right:-65px;bottom:10px;}

.book_check { margin-bottom: 10px; } 
.book_check .flex { display: flex; border-radius: 10px; overflow: hidden; } 
.book_check .flex li { position: relative; flex: 1; border-left: 1px solid #666666; box-sizing: border-box; font-size: 16px; } 
.book_check .flex li:first-child { border: 0; } 
.book_check .flex li p:nth-child(1) { font-weight: bold; display: block; background: #000; padding: 9px 0; color: #fff; } 
.book_check .flex li p:nth-child(2) { background:#fff; padding: 18px 0; color: #000; } 
.book_check .flex li .end { display:none; } 
.book_check .flex li.end .end { display:block; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position:absolute; left:0; top: 0; font-size: 0; } 
.book_check .flex li.end .end::before { display:block; content:""; position:absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: max(30%,50px); height: calc(100% - 40px); background: url('http://img.megagong.net/m/2024/0522_shin242/end_big.png') center center no-repeat; background-size: contain; } 

#my_result.clickPop {width: 420px;padding: 40px 0 30px;display:block;} 
#my_result.clickPop .tit { font-size: 25px; text-align:center; font-weight:bold; } 
#my_result.clickPop .tit span { color: #0081ff; font-size: 30px; } 
#my_result.clickPop .gift { margin-left: -55px; } 
#my_result.clickPop .gift.no { margin: 30px auto; text-align: center; } 
#my_result.clickPop .dimPop { text-align:center; margin-top:10px } 
#my_result.clickPop .dimPop dl { background:#efefef; padding: 35px 0; color:#333; font-size:20px; line-height:120%; font-weight: 700; } 
#my_result.clickPop .dimPop dt { font-weight:700; } 
#my_result.clickPop .text { color:#b5b5b6; padding:15px 30px; text-align: left; font-size: 13px; } 
#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 .btnClose a { position:absolute; right: 10px; top: 10px; width: 16px; height: 15px; } 
#my_result.clickPop .btnConfirm { text-align:center; } 

#event3 .count_box { position: relative; text-align: center; margin: 50px auto 60px; } 
#event3 .count_box .cspan { color:#ff6375; font-size: 40px; display: flex; font-weight:700; gap: 7px; justify-content: center; align-items: flex-end; } 
#event3 .count_box span { font-weight: 900; color: #1b1b1b; width: 90px; font-size: 80px; line-height: 120px; background: #f2f2f2; border-radius:5px; } 
#event3 .count_box span::before { left:0; width:100%; height:4px; background:#222; } 
#event3 .textEvt a{margin:60px auto 0;}

@media screen and (max-width: 1200px){
    .click_wrap .count_list > p.today { font-size: clamp(17px,2.5vmin,20px); } 
    .click_wrap .count_list > p.today span { font-size: clamp(13px,2vmin,14px); } 
    .click_wrap .count_list > .count_box { margin: 5% auto; } 
    .click_wrap .count_list > .count_box .cspan { font-size: clamp(20px,4vmin,40px); } 
    .click_wrap .count_list > .count_box span { font-size: clamp(60px,8vmin,80px); width: 25%; line-height: clamp(100px,14vmin,120px); } 
    .click_wrap .count_list .clickEvtBtn { margin-bottom: 5%; } 
    .click_wrap .count_list .clickEvtBtn a { width: min(80%,440px); font-size: clamp(15px,2.5vmin,20px); line-height: clamp(45px,6vmin,60px); } 

    .textEvt a { font-size: clamp(15px,2.5vmin,20px); line-height: clamp(50px,7vmin,70px); width: min(400px,90%); margin: 5% auto 10%; } 

    .book_check .flex li { width:20%; font-size: clamp(13px,1.5vmin, 16px); } 

    #my_result.clickPop {width: min(90%,420px);} 
    #my_result.clickPop .tit { font-size: clamp(17px,3vmin,25px); } 
    #my_result.clickPop .tit span { font-size: clamp(21px,3.5vmin, 30px); } 
    #my_result.clickPop .text { padding: 5% 3%; font-size: clamp(11px,1.5vmin,13px); } 
    #my_result.clickPop .dimPop dl { font-size: clamp(15px,2vmin,20px); padding: 7% 0; } 
    #my_result.clickPop .gift img,#my_result.clickPop .gift.no { max-width: 80%; } 
    #my_result.clickPop .btnConfirm img { width: min(50%,250px); } 

    #event3 .count_box { margin: 5% auto; } 
    #event3 .count_box .cspan { font-size: clamp(20px,4vmin,40px); } 
    #event3 .count_box span { font-size: clamp(60px,8vmin,80px); width: 25%; line-height: clamp(100px,14vmin,120px); } 
    #event3 .textEvt a .sold{width:min(20%, 90px);right:0;}
}
 @media screen and (max-width:768px){
    .click_wrap .count_wrap { flex-direction: column; } 
    .click_wrap .count_list { width: min(450px,90%); margin: 0 auto; } 
    #event3 .textEvt a .sold{width:min(20%, 60px);}
}