@charset "euc-kr";

/* ±¤Å¬ */
.click_wrap{position: relative;margin: 0 auto 40px;background: url('https://img.megagong.net/m/2021/0716_megaggoarimy/evt2_click_bg.png') no-repeat center 0; background-size: cover; padding: 100px 40px; box-sizing: border-box; }
.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; padding: 0 10px; width:100%; margin:auto;  }
.click_wrap .count_wrap > p.today{font-size: 54px;text-align: center;font-weight: bold; width:100%; }
.click_wrap .count_wrap > .count_box { position: relative; text-align: center; margin: 35px auto; }
.click_wrap .count_wrap > .count_box .cspan { color:#222; font-size:65px; font-weight:700; }
.click_wrap .count_wrap > .count_box span{text-align: center; position: relative; display: inline-block; font-weight: 900; color: #232323; width: 135px; font-size: 120px; height: 162px; line-height: 162px; border: 2px solid #aeaeae; background:#fff; }
.click_wrap .count_wrap > .count_box span::before{left:0;width:100%;height:4px;background:#222;}
.click_wrap .count_wrap > .count_box span+span{margin-left: 7px;}
.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 { text-align:center; margin-top:10px; color:#000; }
.click_wrap .count_wrap .textEvt a { display:block; margin:5px auto 0; border:1px solid #7b7c7c; color:#7b7c7c; font-size:11px; text-align:center; width:104px; padding:0 10px; line-height:25px; height:25px; }
.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::after{content: "";display: block;clear: both;}
.book_check .book_check--ul > li{position: relative;float: left;width: 20%;text-align: center; border-left: 1px solid #666666;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;font-size: 18px;font-weight: bold;background: #000;padding: 15px 0;color: #fff;}
.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: 25px 0;color: #000;font-size: 24px;}
.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: -41%;left: 20%;width:100%;height:100%;background: url('http://img.megagong.net/m/2021/0716_megaggoarimy/end.png') center center no-repeat;}

.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; }

@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%;}
    
    .clickPop .btnConfirm img{max-width: 30%;}
}

@media screen and (max-width:768px){
    .click_wrap .count_wrap > p.today{font-size: 25px;}
    .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;}
}

@media screen and (max-width:640px){
    .click_wrap .book_img{width: 70%;float:none;margin:0 auto;}
    .click_wrap .count_wrap{ width: 100%; margin: 5% auto 0; float:none; background-size: 110% 100%; }    
    .click_wrap .count_wrap > .count_box span { font-size:50px; width: 16%; height: 60px; line-height: 50px; }
    .click_wrap .count_wrap .clickEvtBtn a{padding:0;}
    .click_wrap .soon img{max-width: 80%;}
    #my_result.clickPop{width: 80%;padding: 15px 0 20px;}
    #my_result.clickPop.no{padding: 35px 0 20px;}
}

@media screen and (max-width:576px){
    .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{margin: 15px auto 15px;}
    #my_result.clickPop .gift{margin: 20px auto 15px;}
	#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%;}
}

@media (max-width: 460px){
    .click_wrap .count_wrap > .count_box span{font-size:40px;height: 50px;line-height: 40px;}
    .click_wrap .count_wrap > .count_box .cspan{font-size: 20px}
	#my_result.clickPop .tit{font-size: 22px;}
	#my_result.clickPop .date{font-size: 16px;}
	#my_result.clickPop ul li{font-size:11px}
}


/********************************************************************/

/*gallery_list*/

.way_list h4 {position:relative;z-index:1;}
.way_list h4:before {content:'';z-index:-1;position:absolute;top:50%;left:0;right:0;height:24px;border:1px solid #000;border-bottom:none;}
.way_list h4 span {display:inline-block;z-index:1;background:#cd2a35;}
.way_list .nav {position:relative;;margin-top:40px;font-size:0;}
.way_list .nav:before {content:'';position:absolute;bottom:-10px;left:0;right:0;margin:0 auto;width:23px;height:10px;background:url(https://img.megagong.net/m/2021/1027_jeonhangil/way_list_arr.png) no-repeat top center;background-size:100% auto;}
.way_list .nav a {position:relative;width:33.333%;display:inline-block;font-weight: bold;font-size:19px;line-height:50px;color:#000;background:rgba(255, 255, 255, .2);}
.way_list .nav a+a:before {content:'';position:absolute;top:0;bottom:0;left:0;margin:auto 0;width:1px;height:32px;background:#aea5a1;}
.way_list .img {margin-top:20px;}

.update h4 {position:relative;z-index:1;}
.update h4:before {content:'';z-index:-1;position:absolute;top:50%;left:0;right:0;height:24px;border:1px solid #fff;border-bottom:none;}
.update h4 span {display:inline-block;z-index:1;background:#cd2a35;}

.update .type_lst { margin-top:42px; }
.update .type_lst ul::after{content:"";clear:both;display:block;}
.update .type_lst ul{padding-bottom:15px;/* border-bottom:1px solid #86b2d3; */}
.update .type_lst ul li{float:left;line-height:1;margin: 0 10px 0 0;border-right: 1px solid #fff;font-size: 16px;padding: 0 10px 0 0;}
.update .type_lst ul li a{display: inline-block;color: #fff;font-weight: 100;padding: 0 0 3px;font-size:17px;}
.update .type_lst ul li a img {margin-left:7px;margin-top:-2px;}
.update .type_lst ul li a .icon_on {display:none;}
.update .type_lst ul li.on a{font-weight: bold;  color:#fff;}
.update .type_lst ul li.on a .icon_off {display:none;}
.update .type_lst ul li.on a .icon_on {display:inline-block;}
.update .type_lst ul li:last-child{border:0}

.gallery_lst ul{margin-left: -2%;}
.gallery_lst ul::after{content:"";display:block;clear:both}
.gallery_lst ul li{float:left;width: 30.8%; box-sizing:border-box;margin-bottom:20px;margin: 2% 0 0 2%;background: #fff; }
.gallery_lst ul li:first-child,
.gallery_lst ul li:nth-child(2),
.gallery_lst ul li:nth-child(3) { margin-top:0; }
.gallery_lst ul li div{position: relative;}

.gallery_lst ul li .txtBox { margin:10px 10px 0; box-sizing:border-box; border:1px solid #ccc; }
.gallery_lst ul li strong{display:block;padding: 14px 0;text-align: center;font-size: 16px;font-weight:400;}
.gallery_lst ul li .txt {padding:0 13px;margin:20px 0 25px;height:140px;overflow-x:hidden;overflow-y:auto;font-weight: 200;font-size:14px;color:#333333;line-height:1.6;text-align: left;word-break: break-word;}

.gallery_lst ul li p{position: relative;text-align:right;padding:19px 20px;font-size:13px;text-align: left;border-top:1px solid #e9e9e9;}
.gallery_lst ul li p::after{content:"";display:block;clear:both}
.gallery_lst ul li p a{float:left;color: #ff3636;position: absolute;top: 50%;right: -1px;padding: 6px 10px;margin: -14px 0 0; font-size:13px; font-weight:700; }
.gallery_lst ul li p span{color: #323232; height:15px;display:inline-block;line-height:1; font-size:13px; font-weight:700; }
.gallery_lst ul li p span:last-child {border-left: 1px solid #323232;padding:0 0 0 7px;margin:0 0 0 7px;font-size:13px; font-weight:300; }
.gallery_lst ul li .img{ position: relative; display:block; text-align:center; margin: 6px 6px 0; overflow: hidden;padding-bottom:72%;}
.gallery_lst ul li .img:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, .3);z-index: 1;}
.gallery_lst ul li .img img{max-width:100%;width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.gallery_lst ul li.none { width:100%; background:none; color:#fff; padding:10% 0; }

.paging { margin:20px 0 0; padding:0; color: #fff; text-align:center; }
.paging strong{ color: #fff; width:24px; height:24px; line-height:24px; vertical-align: middle; display: inline-block; padding: 0 5px; }
.paging a { color: #fff; vertical-align: middle; display: inline-block; padding: 0 9px; height:24px; line-height:24px; font-weight: 100; font-size:13px; }
.paging a img{ margin-top: 0; }
.paging a:first-child,
.paging a:last-child { margin-top:-3px; }




@media (max-width:1200px){


    .way_list .nav {margin-top:4%;}
    .way_list .nav:before {bottom:-5px;width:13px;height:5px;}
    .way_list .nav a {font-size:15px;line-height:40px;}

    .update h4 {position:relative;z-index:1;}
    .update .type_lst { margin-top:4%; }
    .update .type_lst ul { padding-bottom:10px; }
    .update .type_lst ul li{ margin: 0 10px 0 0; font-size: 14px;padding: 0 10px 0 0;}

    .gallery_lst { margin-top:15px; }
    .gallery_lst ul li{ width: 48%; }
    .gallery_lst ul li:nth-child(3) { margin-top:2%; }
    

}

@media (max-width:768px){

    .way_list h4:before {height:16px;}
    .way_list h4 span {display:inline-block;width:200px;}
    .update h4:before {height:16px;}
    .update h4 span {display:inline-block;width:200px;}
    .update .type_lst ul {padding:0 1.5% 15px;}
    .update .type_lst ul li a {font-size: 15px;}
    .gallery_lst ul {margin-left: -.5%;}
    .gallery_lst ul li{ width: 47%; }
    .gallery_lst ul li strong{font-size: 14px;}
}




.mg_textarea{padding:5.5px 9px;border:1px solid #d0d0d0;font-size:13px;width:100%;}