/* popup */

.popup { 
   position:absolute; padding:1px; z-index:9999999;
   box-shadow : 0 2px 6px rgba(0, 0, 0, 0.1);
   background : #fff;
}

.popup .img { 
   overflow:hidden;
}

.popup .btn_area { 
   position:relative; 
   width:100%;
   height:32px;
   white-space:nowrap; 
   overflow : hidden;
   background : #fff;
   display: flex;
   padding: 0 5px; 
   align-items:center; 
}

.popup .btn_close { 
   position:absolute;
   top:50%; 
   right:0;
   transform : translatey(-50%);
/*   background:#ddd url('/assets/pages/img/cm_image/ic_popup_close.gif') center center no-repeat; */
}


.popup .btn_area label { 
	margin-left: 5px; 
}

.popup .btn_close img { 
   position : relative;
   display : block;
   width : 14px;
   height : 14px;
   margin-right : 7px; 
}

.no_checkbox_common_txt { 
   position : relative;
   display : block;
   font-size : 13px;
   font-weight : 300;
   line-height : 20px;
   color : #666;
   cursor: pointer; 
   font-family : 'Noto Sans KR', sans-serif !important;
}

/* popup main */

.no_checkbox { 
   
   position: relative;

   cursor : pointer;
}

/* .no_checkbox + label { 
   position : relative;
   display : inline-block;
   width : 25px;
   height : 20px;
   background : url('../../resource/images/icon/checkbox_common.png') no-repeat center;
   cursor : pointer;
   background-position : -0px 2px;
} */

/* .no_checkbox:checked + label { 
   display : inline-block;
   width : 25px;
   height : 20px;
   background : url('../../resource/images/icon/checkbox_focus_common.png') no-repeat center;
   cursor : pointer;
   background-position : 0 2px;
} */

.no_checkbox:after { 
   display : block;
   clear : both;
   content : '';
}

/* mobile */

.no_m_ad_popup { 
   position : fixed;
   top : 0;
   left : 0;
   display : none;
   width : 100%;
   height : 100%;
   background : rgba(0, 0, 0, 0.7);
   z-index : 99999999999;   
}

.no_m_ad_popup_pos { 
   position : absolute;
   top : 10%;
   left : 50%;
   display : block;
   transform : translatex(-50%);

   width : 90%;
   margin : 0 auto;
}

.no_m_ad_popup_con { 
   position : relative;
   display : block;

   width : 100%;
   
   background : white;
}

.no_m_ad_popup_con_img { 
   position : relative;
   display : block;
   width : 100%;
   height : auto;
   overflow : hidden;
}

.no_m_ad_popup_con_img img { 
   position : relative;
   display : block;
   width : 100%;
   max-height : 500px;
   object-fit : cover;
}

.no_m_ad_popup_con_btn { 
   position : relative;
   display : block;

   width : 100%;
   height : 50px;
   background : #f2f2f2;

   overflow : hidden;
}

.no_m_ad_btn_01 { 
   position : relative;
   display : block;

   float : left;

   width : 50%;
   
   font-size : 15px;
   font-weight : 400;
   line-height : 50px;
   color : #b5b5b5; 
   text-align : center;
}

.no_m_ad_btn_01:after { 
   content : '';
   position : absolute;
   top : 50%;
   right : -1px;
   display : block;
   transform : translatey(-50%);

   width : 0.5px;
   height : 22px;

   background : #333;
   opacity : 0.5;
}

.no_m_ad_btn_02 { 
   position : relative;
   display : block;

   float : left;

   width : 50%;

   font-size : 15px;
   font-weight : 400;
   line-height : 50px;
   color : #000; 
   text-align : center;
}

@media (max-width : 1180px) { 
   
   #event_popup { 
      width : 100% !important;
   }

   .popup { 
      max-width : 300px !important;
   }

}

@media (max-width : 500px) { 

   #event_popup { 
      display : none !important;
   }

   .popup { 
      position : absolute;
      top : 0 !important;
      left : 50% !important;
      display : block;
      transform : translatex(-50%);
      width : 100%;
      height : auto;
   }

   .no_m_ad_popup { 
      display : block;
   }

}