@charset "utf-8";

/* 
 * 2014-08-19 / Create miclub_popup.html / ksy
 * 2014-10-21 / Add mobile popup ver2 / ksy

 2015-12-30 /add mobile_popup_ver3 /pjy
2016-07-21 /Add popup_ver4 conbine web+mobile / yjk
 */ 
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body, input, textarea, select, button, table{-webkit-text-size-adjust:none;}
section,nav,article,aside,hgroup,header,footer{display:block}
img,fieldset{border:0}
ul,ol,li{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse}

.blind {overflow:hidden;position:absolute;top:-999em;}
.popup_wrap {position:absolute;text-align:center;width:100%;}

/* mobile popup */
.mobile_popup {height:400px;left:50%;margin-left:-150px;position:relative;width:300px;z-index:11;}
.mobile_popup .pop_close {background:url(//img.miclub.com/newmiclub/popup/img/btn_x.png) no-repeat scroll 0 0 transparent;height:17px;position:absolute;right:9px;text-indent:-999em;top:7px;width:17px;z-index:12;}
.mobile_popup .event_view {background:url(//img.miclub.com/newmiclub/popup/img/btn_mobile_view.png) no-repeat scroll 0 0 transparent;bottom:30px;height:36px;left:50%;margin-left:-107px;position:absolute;text-indent:-999em;width:215px;}
.mobile_popup .today_close {background:url(//img.miclub.com/newmiclub/popup/img/btn_close.gif) no-repeat scroll 0 0 transparent;background:url(//img.miclub.com/newmiclub/popup/img/btn_close_hd.gif) no-repeat scroll 0 0 / 300px 26px rgba(0,0,0,0);display:block;height:26px;text-indent:-999em;width:300px;z-index:12;}
.mobile_popup .bg_link {display:block;height:340px;left:0;line-height:9999px;overflow:hidden;position:absolute;top:30px;width:300px;}
.mobile_popup .link01 {z-index:11;}
.mobile_popup .link02 {z-index:11;}
.mobile_popup .link img {border:none;display:block;width:300px;}
.mobile_popup .link02 img {border:none;display:block;height:188px;width:300px;}

/* web popup */
.web_popup {border:1px solid #d8d8d8;left:50%;margin-left:-225px;position:relative;width:448px;z-index:999;}
.web_popup .banner img {border:none;display:block;width:448px;}
.web_popup .pop_close {background:url(//img.miclub.com/newmiclub/popup/img/btn_x.png) no-repeat scroll 0 0 transparent;height:17px;position:absolute;right:9px;text-indent:-999em;top:7px;width:17px;}
.web_popup .event_view {background:url(//img.miclub.com/newmiclub/popup/img/btn_web_view.png) no-repeat scroll 0 0 transparent;bottom:37px;height:32px;left:50%;margin-left:-96px;position:absolute;text-indent:-999em;width:193px;}
.web_popup .bottom_wrap {background:#FFFFFF;height:25px;padding:5px 0 0 11px;text-align:left;width:437px;}
.web_popup .bottom_wrap .close {background:url(//img.miclub.com/newmiclub/popup/img/icon_x.gif) no-repeat scroll 0 5px transparent;color:#333333;float:right;font-size:11px;padding:3px 14px 0 10px;text-decoration:none;}
.web_popup .bottom_wrap .close:hover {text-decoration:none;}
.web_popup .bottom_wrap input {margin:0;vertical-align:middle;}
.web_popup .bottom_wrap label {color:#333333;font-size:11px;line-height:18px;margin:0 0 0 5px;}

/* mobile popup ver2 */
.mobile_popup_ver2 {background:#000000;border:6px solid #000000;height:auto;margin-left:-160px;width:308px;}
.mobile_popup_ver2 .link_content {display:block;width:308px;}
.mobile_popup_ver2 .link_content img {display:block;width:308px;}
.popup_bottom_wrap {height:32px;position:relative;width:308px;}
.popup_bottom_wrap .checkbox {color:#ffffff;font-size:15px;font-weight:bold;left:0px;line-height:18px;position:absolute;top:10px;}
.popup_bottom_wrap .checkbox input {margin:0 10px 0 0;}
.popup_bottom_wrap .pop_close {background:url(//img.miclub.com/newmiclub/popup/img/btn_close_v2_sd.png) no-repeat scroll 0 0 transparent;background:url(//img.miclub.com/newmiclub/popup/img/btn_close_v2_hd.png) no-repeat scroll 0 0 / 50px 17px rgba(0,0,0,0);height:17px;right:0;top:9px;width:50px;}

/* wedding popup */
.wedding_popup {height:374px; width:320px; margin-left:-160px;overflow:hidden;}
.wedding_popup img{width:320px;}
.wedding_btn img {width:161px;}
.wedding_btn {position:absolute; left:50%; bottom:6px; margin-left:-80px; width:161px;}
.wedding_popup .blind{text-indent:100%; white-space: nowrap; overflow: hidden;}


.mobile_popup_ver3{position:fixed;z-index:999;}
.popup_wrap2{top:20px;}
.screen_out{display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;clear:both;}

/* popup_ver4 */
.popup_wrap.ver4{top:30px;}
.popup_wrap.pc_ver{top:auto;}
.ver4 .web_popup {border:1px solid #d8d8d8;left:50%;margin-left:-145px;width:290px;}
.ver4 .web_popup .bottom_wrap {padding:0;text-align:left;width:290px; height:auto;}
.ver4 .web_popup .banner img{width:290px;}
.btn_nav_wrap{text-align: center;}
.ver4 .bottom_wrap{position:relative;}
.ver4 .btn_nav_wrap{position:absolute; top:0; width:290px;}
.ver4 .btn_nav_wrap img{vertical-align: -2px; width:7px;}
.ver4 .checkbox_wrap{padding-top:24px; margin:0 0 0 14px; padding-bottom:10px;}
.ver4 .checkbox_wrap label{font-size:13px;}
.ver4 .checkbox_wrap img{vertical-align: -2px;}
.ver4 .web_popup .bottom_wrap .close {background:none; font-size:13px;}
.ver4 .web_popup .bottom_wrap input{vertical-align: -2px;}
.ver4 .web_popup .bottom_wrap label{margin:0;}
.ver4 .img_close{width:13px;}

.hover_nav .hide_txt{height:0;}
.hover_nav .btn_opa_nav{background:url(//img.miclub.com/newmiclub/img/bg_hover_paging.png) no-repeat;border:none;position:absolute;height:50px;top:50%;margin-top:-25px;width:53px;cursor:pointer;font-size:16px;color:#fff;line-height:24px;text-align:center;z-index:100;}
.hover_nav .btn_opa_prev{left:0;background-position:0 -130px;border-radius:0 25px 25px 0;padding-left:12px;}
.hover_nav .btn_opa_prev:hover, .hover_nav .btn_opa_prev:focus{background-position:0 -200px;}
.hover_nav .btn_opa_next{right:0;background-position:100% -270px;border-radius:25px 0 0 25px;padding-right:12px;}
.hover_nav .btn_opa_next:hover, .hover_nav .btn_opa_next:focus{background-position:100% -340px;}