@charset "euc-kr";
/* ?? */
.click_wrap{position: relative;padding: 0 0 0 10px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin: 0 0 60px -0;flex-wrap: wrap;}
.click_wrap::after{content: "";display: block;clear: both;}
.click_wrap .book_img,
.click_wrap .count_wrap {}
.click_wrap .book_img {}
.click_wrap .count_wrap {position: relative;background: #fff;padding: 110px 95px 80px;margin: 0;width: 530px;}
.click_wrap .count_wrap > p.today{position: relative;font-size: 18px;height: 40px;background: #000;color: #fff;display: flex;align-items: center;justify-content: center;}
.click_wrap .count_wrap > p.today::before{content:'';position: absolute;bottom: -5px;left: 50%;width: 10px;height: 10px;background: #000;transform: rotate(45deg);margin: 0 0 0 -5px;}
.click_wrap .count_wrap > p.book_tit{font-size: 24px;text-align: center;font-weight: 900;color: var(--point-color2);margin: 0 0 20px;}
.click_wrap .count_wrap > .count_box {position: relative;text-align: center;margin: 20px auto 25px;}
.click_wrap .count_wrap > .count_box .cspan {color:#222;font-size: 45px;font-weight:700;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;line-height: 1;border-left: 2px solid #000;}
.click_wrap .count_wrap > .count_box span{position: relative;font-weight: 900;flex: 1;font-size: 110px;height: 120px;border: 2px solid #000;border-width: 2px 2px 2px 0;background:#fff;display: flex;align-items: center;justify-content: center;line-height: 01;padding: 0 0 12px;}
.click_wrap .count_wrap > .count_box span::before{left:0;width:100%;height:4px;background:#222;}
.click_wrap .count_wrap > .count_box b{
display: flex;justify-content: center;align-items: center;display: none;}
.click_wrap .count_wrap > .sold{position:absolute;right: 16px;top: 60px;z-index: 2;width: 180px;}
.click_wrap .count_wrap > .count_box .evt_end{position:absolute;right: -38px;bottom: -110px;}
.click_wrap .count_wrap .clickEvtBtn{text-align:center;margin: 0 15px 50px;}
.click_wrap .count_wrap .clickEvtBtn a{height: 80px;display: flex;margin:auto;background: #000;color: #fff;justify-content: center;align-items: center;font-size: 24px;font-weight: bold;line-height: 1;}
.click_wrap .count_wrap .clickEvtBtn a img{
    margin: 4px 0 0 20px;
    vertical-align: middle;
    width: 14px !important;!i;!;
}
.click_wrap .count_wrap .clickEvtBtn a.end{background: var(--point-color2);color: #fff;}
.click_wrap .count_wrap .textEvt {text-align:center;color:#000;overflow: hidden;position: absolute;bottom: 60px;right: 40px;}
.click_wrap .count_wrap .textEvt a {display: inline-block;border-bottom: 1px solid #000;}
.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{ margin-bottom: 20px; border:1px solid #ccc; }
.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{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px;
}
.book_check .book_check--ul > li{position: relative;flex: 1;border: 1px solid #222;}
.book_check .book_check--ul > li:last-child{margin: 0;}
.book_check .book_check--ul > li:first-child {}
.book_check .book_check--ul > li > p > span{display:block;font-size: 18px;font-weight: 500;background: #000;padding: 13px 0;color: #fff;letter-spacing: 0;}
.book_check .book_check--ul > li:first-child > p > span{border-left:none}
.book_check .book_check--ul > li > p > span+span{background:#fff;padding: 23px 0;color: #000;font-size: 24px;font-weight: bold;}
.book_check .book_check--ul > li .end{display:none}
.book_check .book_check--ul > 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;padding: 0;border-left: 0;}
.book_check .book_check--ul > li.end .end::before{display:block;content:"";position:absolute;top: 0;left: 0;width:100%;height:100%;background: url('https://img.megagong.net/m/2024/0926_geek2991/con_img15_2.png') center center no-repeat;background-size: 100px;}

.clickPop{}
.dim_bnrwrp_wrap.gift .dim_bnrwrp{
    display: flex;
    align-items: center;
    justify-content: center;
}
#my_result.clickPop{display:block;top: unset !important;!i;!;left: unset !important;-webkit-transform: none;-moz-transform: none;transform: none;margin: 0;width: 420px;background: #fff;}
#my_result.clickPop .tit{font-size: 32px;text-align:center;color: #0082ff;font-weight:bold;margin: 0 0 15px;}
#my_result.clickPop .s_tit{font-weight:500;margin: 0 0 20px;}
#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: 0;top: -70px;width: 50px;height: 50px;30px:inherit;30px:inherit;30px:inherit;30px:inherit;30px:h;}
#my_result.clickPop .btnClose a img{display:none}
#my_result.clickPop .btnClose a::before{content:'';position: absolute;top: 0;left: 25px;width: 1px;height: 100%;background: #fff;transform: rotate(45deg);}
#my_result.clickPop .btnClose a::after{content:'';position: absolute;top: 0;left: 25px;width: 1px;height: 100%;background: #fff;transform: rotate(-45deg);}
#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;}
.dim_popup .dimPop dl {background: #0082ff;padding:20px 0;color:#333;font-size:20px;line-height:120%;color: #fff;}
.dim_popup .dimPop dt {font-weight:700;/* display: none; */letter-spacing: 0;}
.dim_popup .dimPop dd {
    letter-spacing: 0;
    display: none;
}
.dim_popup .text {color: #a5a5a5;padding: 15px 20px;font-size: 13px;text-align: left;}
.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; }

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

#my_result.clickPop .tit{font-size: 26px;}
#my_result.clickPop .gift{text-align:center;margin-top: 0;padding-bottom: 0;}
#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: 170px;}


/* ?? */
.click_wrap{padding: 0 0;align-items: stretch;margin: 0 0 40px -3%;}
.click_wrap::after{content: "";display: block;clear: both;}
.click_wrap .book_img,
.click_wrap .count_wrap {}
.click_wrap .book_img {
width: 46%;}
.click_wrap .count_wrap {width: 52%;margin: 0% 0 0%;padding: 3% 3%;display: flex;flex-direction: column;align-items: stretch;justify-content: center;}
.click_wrap .count_wrap > p.today{
position: relative;font-size: clamp(14px,2.5vmin,20px);height: 37px;background: #000;color: #fff;display: flex;align-items: center;justify-content: center;}
.click_wrap .count_wrap > p.today::before{content:'';position: absolute;bottom: -5px;left: 50%;width: 10px;height: 10px;background: #000;transform: rotate(45deg);margin: 0 0 0 -5px;}
.click_wrap .count_wrap > p.book_tit{font-size: clamp(15px,2.5vmin,20px);margin: 0 0 4%;}
.click_wrap .count_wrap > .count_box {margin: 3% 0 3%;}
.click_wrap .count_wrap > .count_box .cspan {
}
.click_wrap .count_wrap > .count_box span{width: 25%;font-size: 80px;height: 100px;padding: 0 0 12px;}
.click_wrap .count_wrap > .count_box span::before{left:0;width:100%;height:4px;background:#222;}
.click_wrap .count_wrap > .count_box b{
display: flex;justify-content: center;align-items: center;display: none;}
.click_wrap .count_wrap > .sold{top: 20px;width: 25vw;height: 25vw;}
.click_wrap .count_wrap > .count_box .evt_end{position:absolute;right: -38px;bottom: -110px;}
.click_wrap .count_wrap .clickEvtBtn{margin: 0;}
.click_wrap .count_wrap .clickEvtBtn a{height: 60px;font-size: 20px;}
.click_wrap .count_wrap .clickEvtBtn a.end{background: #b1b1b1;color: #767676;}
.click_wrap .count_wrap .textEvt {text-align:center;margin-top: 20px;color:#000;overflow: hidden;position: relative;bottom: unset;right: unset;}
.click_wrap .count_wrap .textEvt a {float: right;border-bottom: 1px solid #000;}
.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;}


}


@media screen and (max-width:768px){


.click_wrap .count_wrap > p.today{}
.book_check .book_check--ul > li > p > span{font-size: 16px;}
.book_check .book_check--ul > li > p > span+span{padding: 15px 0;font-size: 18px;}
.book_check .book_check--ul > li.end .end::before{/* top: -40%; */}
.click_wrap .soon{height:100%;top: 0;}
    #my_result.clickPop .s_tit{
    padding: 0;
}
    .dim_popup .dimPop dl{
    font-size: 17px;
    padding: 10px 0;
}


}


@media screen and (max-width:576px){

    
.click_wrap .book_img{width: 55%;float:none;margin:0 auto;}
.click_wrap .count_wrap{width: 100%;margin: 5% auto 0;float:none;padding: 6% 4%;}    
.click_wrap .count_wrap > .count_box span {font-size: 43px;width: 25%;height: 80px;line-height: 60px;padding: 0 0 6px;}
.click_wrap .count_wrap .clickEvtBtn a{padding:0;font-size: 15px;height: 50px;background: var(--point-color2);}
.click_wrap .count_wrap .clickEvtBtn a img{
    width: 10px !important;!i;!;
}
    .click_wrap .soon img{max-width: 80%;}
#my_result.clickPop{width: 80%;padding: 15px 0 20px;}
#my_result.clickPop.no{padding: 35px 0 20px;}

.book_check .book_check--ul > li > p > span{font-size:14px}
.book_check .book_check--ul > li > p > span+span{padding: 10px 0;font-size: 16px;}
.click_wrap .count_wrap > .count_box{}
#my_result.clickPop .gift{}
#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;font-size: 12px;font-weight: normal;}
#my_result.clickPop.no .tit{font-size: 22px;}
#my_result.clickPop.no .gift img{max-width: 50%;}
#my_result.clickPop .tit{font-size:20px;margin: 0 0 10px;padding: 0;}

/* ?? */
.click_wrap{flex-direction: column;align-items: center;margin: 0 0 5%;}
.click_wrap::after{content: "";display: block;clear: both;}
.click_wrap .book_img{width: 84%;padding: 0 5% 0 5%;}


}