@charset "euc-kr"; /* ?? */
.click_wrap { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 575px; height: 470px; margin: 80px 0; box-sizing: border-box; background-color: #fff; } 
.click_wrap::after { content: ""; display: block; clear: both; } 
.click_wrap .book_img,
.click_wrap .count_wrap { float:none; } 
.click_wrap .book_img { margin: 35px 0 0; } 
.click_wrap .count_wrap { position: relative; float: none; width:100%; margin:auto; } 
.click_wrap .count_wrap > p.today { font-size: 34px; font-weight: bold; text-align: center; width:100%; } 
.click_wrap .count_wrap > .count_box { position: relative; text-align: center; margin: 40px auto; } 
.click_wrap .count_wrap > .count_box .cspan { color:#111111; font-size:50px; font-weight:900; } 
.click_wrap .count_wrap > .count_box span { text-align: center; position: relative; display: inline-block; width: 110px; height: 130px; line-height: 117px; font-size: 110px; font-weight: 900; border: 2px solid #111111; } 
.click_wrap .count_wrap > .count_box span::before { left:0; width:100%; height:4px; background:#222; } 
.click_wrap .count_wrap > .count_box span+span { border-left: 0; } 
.click_wrap .count_wrap > .sold { position:absolute; right: 0; top: -10%; z-index: 2; } 
.click_wrap .count_wrap > .count_box .evt_end { position:absolute; right: -38px; bottom: -110px; } 
.click_wrap .count_wrap .clickEvtBtn { text-align:center; } 
.click_wrap .count_wrap .clickEvtBtn a { max-width:498px; width:70%; display: block; margin:auto; } 
.click_wrap .count_wrap .textEvt { margin-top:10px; color:#e45c6c; font-size: 13px; text-align:center; } 
.click_wrap > a { position: absolute; right: 0; bottom: -32px; display: inline-block; color:#111111; font-size:17px; text-align:center; text-decoration: underline; text-underline-offset: 6px; } 
.click_wrap .soon { display:block; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position:absolute; left: 0; top: 0; z-index:2; } 
.click_wrap .soon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); } 
.click_wrap .soon span { font-size: 30px; line-height:30px; position:absolute; left:0; top:50%; width:100%; color: #fff; } 
.click_wrap .tiny_txt { margin: 0 auto; display: block; font-size: 13px; color: #ababab; text-align: center; line-height: 1.2; } 
.click_wrap .tiny_txt strong { color: #3c4dde; } 

.book_check { background-color: #ffc22f; } 
.book_check h3 { color: #9e9e9e; font-size: 16px; padding: 5% 0; } 
.book_check h3 > strong { color: #feffa7; } 
.book_check h3 .mo_view { display:none } 
.book_check .book_check--ul::after { content: ""; display: block; clear: both; } 
.book_check .book_check--ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; } 
.book_check .book_check--ul > li { position: relative; width: 20%; text-align: center; border-left: 1px solid #dddddd; box-sizing: border-box; } 
.book_check .book_check--ul > li:last-child { margin: 0; } 
.book_check .book_check--ul > li:first-child { border:none; } 
.book_check .book_check--ul > li > p > span { display:block; background: #111111; padding: 25px 0; color: #fff; font-size: 16px; font-weight: bold; } 
.book_check .book_check--ul > li > p > span+span { position: relative; padding: 25px 0; color: #000; font-size: 20px; font-weight: bold; background:#fff; } 
.book_check .book_check--ul > li .end { display:none } 
.book_check .book_check--ul > li.end > p > span+span::after { position:absolute; top: 0; left:0; content: ''; display:block; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1; } 
.book_check .book_check--ul > li.end > p > span+span::before { display:block; content:""; position:absolute; left: 50%; bottom: 10px; transform: translate(-50%, 0); width:90px; height:88px; background-image: url('https://image.megagong.net/m/2023/0508_tmddk4521/click_date_fin.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 2; } 

.clickPop { width: 420px; background: #fff; padding: 40px 0 30px; 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: 32px; text-align:center; color: #e73629; font-weight:bold; } 
#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 .btnClose a { position:absolute; right: 10px; top: 10px; width: 16px; height: 15px; } 
#my_result.clickPop .btnConfirm { text-align:center; } 
#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; } 

.dim_popup .dimPop { text-align:center; margin-top:10px } 
.dim_popup .dimPop dl { background:#efefef; padding:20px 0; color:#333; font-size:20px; line-height:120%; } 
.dim_popup .dimPop dt { font-weight:700; } 
.dim_popup .text { color:#b5b5b6; padding:15px 30px; } 
.dim_popup .text li { margin-bottom:3px; } 
.dim_popup .text li:before { content:""; padding-left:10px; background:url(https://img.megagong.net/m/2022/0712_plower3362/bullet_text.png) no-repeat left center; } 

/* 230621 */
.evCon10 .click_wrap { width: 520px; } 
.evCon10 .con_box_outside .top_wrapper > img { margin-left: 140px; } 
.evCon10 .con_box_outside .top_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: end; } 
.evCon10 .click_wrap > a { color: #ffffff; } 
.evCon10 .con_box_outside .top_wrapper .left_wrap { position: relative; } 
.evCon10 .con_box_outside .top_wrapper .left_wrap .cont { position: relative; margin: 0 90px 0 0; z-index: 1; display: inline-block; } 
.evCon10 .con_box_outside .top_wrapper .left_wrap .cont i { position: absolute; right: -23px; top: -20px; display: none; } 
.evCon10 .con_box_outside .top_wrapper .left_wrap .cont2 { position: relative; margin: 20px 40px 0 0; z-index: 1; } 
.evCon10 .con_box_outside .top_wrapper .left_wrap .cont2 i { position: absolute; right: -12px; top: -50px; display: none; } 
.evCon10 .con_box_outside .top_wrapper .left_wrap .cont i.on , .evCon10 .con_box_outside .top_wrapper .left_wrap .cont2 i.on { display: block; } 
.evCon10 .con_box_outside .top_wrapper .left_wrap .tea_img { position: absolute; left: -346px; bottom: -110px; } 
 .evCon10 .click_wrap .count_wrap .clickEvtBtn a { width: 100%; } 
 .evCon10 .book_check { display: flex; background-color: #dddddd; flex-wrap: wrap; position: relative; } 
 .evCon10 .book_check::after { content: ""; display: block; width: 1px; height: 100%; background: #552c10; position: absolute; right: 0; top: 0; } 

 .evCon10 .book_check .book_check--ul { width: 100%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } 
 .evCon10 .book_check .book_check--ul:nth-child(2n) { border-right: none; } 
 .evCon10 .book_check .book_check--ul:nth-child(3),.evCon10 .book_check .book_check--ul:nth-child(4) { border-bottom: none; } 
 .evCon10 .book_check .book_check--ul > li:first-child { width: 100%; color: #fff; padding: 20px 0; font-size: 16px; border-bottom: 1px solid #fff; background: #000; } 
 .evCon10 .book_check .book_check--ul > li { width: 20%; } 
 .evCon10 .book_check .book_check--ul > li:nth-child(2) { border:none; } 
 .evCon10 .book_check .book_check--ul > li > p > span+span { font-size: 30px; padding: 29px 0; } 
 .evCon10 .book_check .book_check--ul > li > p > span:nth-child(1) { padding: 19px 0; border-bottom: 1px solid #fff; } 
 .evCon10 .book_check .book_check--ul > li.end > p > span+span::before { bottom: 6px; background-image: url(https://image.megagong.net/m/2023/0621_tmddk4521/click_date_fin.png); } 
 .evCon10 [class*=mg_popup_wrap] .s_info li { text-align: left; } 
 .evCon10 .tit_area li { margin-bottom: 25px; } 

 .btnApply.finish { cursor: default; } 

 [class*=mg_popup_wrap] .m_tit {font-weight: 700;}
 [class*=mg_popup_wrap] .content_area .content_inner .popup_img {text-align: center; margin: 10px 0 0;}
 [class*=mg_popup_wrap] .tit_area ul li + li {margin: 20px 0 0;}
 [class*=mg_popup_wrap] .m_tit {font-size: 30px;}

@media screen and (max-width:1200px){
 .book_check .book_check--ul > li { width:20% } 
 .book_check .book_check--ul > li.end .end::before { background-size: 60%; } 

 #my_result.clickPop .tit { font-size: 32px; } 
 #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%; } 

 .click_wrap { margin: 0; margin-bottom: 10vw; } 
 .clickPop .btnConfirm img { max-width: 30%; } 
.evCon10 .con_box_outside .top_wrapper > img { width: 33%; } 
.evCon10 .con_box_outside .top_wrapper > img.bookver { width: 25%; } 
.evCon10 .con_box_outside .top_wrapper { flex-direction: column; justify-content: center; margin-top: 100px; } 
.evCon10 .con_box_outside .top_wrapper .left_wrap { width: 520px; display: flex; justify-content: end; } 
 .evCon10 .con_box_outside .top_wrapper .left_wrap .cont { width: 260px; margin-right: 30px; } 
 .evCon10 .con_box_outside .top_wrapper .left_wrap .cont2 { width: 305px; margin-right: 10px; } 
 .evCon10 .con_box_outside .top_wrapper .left_wrap .tea_img { left: 30px; bottom: 0; width: 250px; } 
 .evCon10 .click_wrap .count_wrap .clickEvtBtn { padding: 0 13%; } 
.evCon10 .book_check .book_check--ul > li > p > span+span { font-size: 24px; padding: 22% 0; } 
 }

@media screen and (max-width: 992px) { /* 230621 */
 .evCon10 .con_box_outside .top_wrapper > img { width: 42%; margin: 5% 0 5% 12%; } 
 .evCon10 .con_box_outside .top_wrapper > img.bookver { width: 31%; } 
.evCon10 .book_check .book_check--ul > li > p > span+span { font-size: 19px; } 
.evCon10 .book_check .book_check--ul > li.end > p > span+span::before { bottom: -4%; width: 60%; } 
.evCon10 .book_check .book_check--ul > li:first-child { } 
 }

@media screen and (max-width:768px){
 .click_wrap { width: 100%; } 

 /* 230621 */
 .evCon10 .con_box_outside .top_wrapper > img { width: 53%; margin: 5% 0 5% 19%; } 
 .evCon10 .con_box_outside .top_wrapper > img.bookver { width: 39%; } 
.evCon10 .click_wrap .count_wrap > p.today { font-size: 30px; } 
.evCon10 .book_check .book_check--ul > li > p > span { font-size: 14px; } 
.evCon10 .book_check .book_check--ul > li.end > p > span+span::before { bottom: -15%; } 
 }



@media screen and (max-width:576px){
 .click_wrap { height: 366px; margin-bottom: 17vw; } 
 .click_wrap .count_wrap > .count_box { margin: 20px auto; } 
 .click_wrap .count_wrap > .count_box span { width: 85px; } 
 .book_check .book_check--ul > li > p > span { padding: 17px 0; font-size: 14px; } 
 .book_check .book_check--ul > li.end > p > span+span::before { width: 100%; bottom: -5px; } 
 .book_check .book_check--ul > li > p > span+span { padding: 18px 0; font-size: 14px; } 

 .evCon10 .con_box_outside .top_wrapper { margin-top: 13%; } 
 .evCon10 .con_box_outside .top_wrapper > img { width: 67%; } 
 .evCon10 .con_box_outside .top_wrapper > img.bookver { width: 49%; } 
.evCon10 .click_wrap { width: 99%; } 
.evCon10 .click_wrap .count_wrap .clickEvtBtn { padding: 0 8%; } 
.evCon10 .book_check .book_check--ul > li:first-child { font-size: 13px; padding: 10px 0; } 
.evCon10 .book_check .book_check--ul > li > p > span { font-size: 12px; } 
.evCon10 .book_check .book_check--ul > li > p > span+span { font-size: 15px; } 
.evCon10 .book_check .book_check--ul > li.end > p > span+span::before { bottom: -31%; width: 92%; } 
.evCon10 .click_wrap .count_wrap > .sold { width: 44%; } 
 .evCon10 .con_box_outside .top_wrapper .left_wrap { width: 99%; } 
 .evCon10 .con_box_outside .top_wrapper .left_wrap .cont { margin-right: 9%; width: 43%; } 
 .evCon10 .con_box_outside .top_wrapper .left_wrap .cont2 { margin-right: 7%; width: 50%; } 
 .evCon10 .con_box_outside .top_wrapper .left_wrap .cont2 { } 
 .evCon10 .con_box_outside .top_wrapper .left_wrap .tea_img { left: 14%; width: 41%; bottom: -2%; } 
 .evCon10 .con_box_outside .top_wrapper .left_wrap .cont i { right: -13%; top: -10%; width: 43%; } 
 .evCon10 .con_box_outside .top_wrapper .left_wrap .cont2 i { right: -13%; top: -10%; width: 34%; } 

 [class*=mg_popup_wrap] .m_tit {font-size: 20px;}
 [class*=mg_popup_wrap] .content_area .mg_btn_wrap .mg_btn_base {min-width: 150px; font-size: 14px; padding: 14px 0;}
 [class*=mg_popup_wrap] .tit_area {font-size: 16px;}
 }