@charset "UTF-8";

/* 팝업 스타일 시트 */
.popup_close{  cursor: pointer; }
.layer_popup_wrapper.pc_popup {  position: absolute; min-width:300px; min-height:300px;  background:#fff; border:1px solid #333;}
.layer_popup_wrapper.pc_popup img { max-width:100%;}
.layer_popup_wrapper.pc_popup .popup_btn_box {  position: absolute;  width:100%;  bottom:0px;  height: 40px;  line-height: 40px;  -webkit-box-sizing: border-box;  box-sizing: border-box; text-align:left;  padding: 0 0 0 10px;  background: #fff;  border-top:1px solid #d4d4d4; }

.popup_btn_box span { cursor: pointer;}

.popup_btn_box a { font-size:16px;  float: right;  background:none;   padding:0 15px;   color:#000; }
.popup_btn_box a i { font-weight:bold;  }
.popup_today { font-size:13px; color:#666;  }

/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}


/* MO POPUP */
.layer_popup_wrapper.mo_popup {   width: 100vw;  /* height: 100vh;  */ }



@media screen and (max-width: 1023px) {
  .popup_body {
    overflow-x: hidden;
  }


  .layer_popup_wrapper.mo_popup .popup_container {
    position: fixed;
    bottom: -1px !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 600px;
    width: 100%;
	z-index:99999;
	 border-top-left-radius: 30px;  border-top-right-radius: 30px;
  }

  .layer_popup_wrapper.mo_popup .popup_container > .popup_swiper_container {min-height:200px; background:#fff;border-top-left-radius: 30px;  border-top-right-radius: 30px; overflow:hidden; }
  .layer_popup_wrapper.mo_popup .popup_container > .popup_swiper_container img {max-width:100%; height:auto;  }


  .layer_popup_wrapper.mo_popup::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: fixed;
	left:0;
	top:0; 
    opacity: 0.5;
    z-index: 99;
  }



	.popup_m_btn_box {
		width: 100%;
		max-width: 600px;
		height: 44px;
		line-height: 44px;
		position: relative;
		background: #fff;
		padding: 0 0 0 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 2;
		text-align:left; 
		border-top:1px solid #d4d4d4;
	}

	.popup_m_btn_box a { font-size:16px;  float: right;  background:none;   padding:0 15px;   color:#000;   }
	.popup_m_btn_box a i { font-weight:bold;  }

}