/*=================================================================================================
// 처리내용 : 팝업관련 CSS
// 작 성 자 : 2016-07-06 강대인
//=================================================================================================*/
@charset "utf-8";

/*win 팝업*/
.popup_win_wrap {width:100%;}
.popup_win_wrap .popup_con_wrap iframe {vertical-align: middle;}
.popup_win_wrap .popup_con_wrap img {max-width:100%; max-height:100%;}
.popup_win_wrap .popup_con_wrap .dc_pop_atag_wrap {display:block; width:100%;}
.popup_win_wrap .popup_close_wrap {display:flex;flex-wrap: nowrap; align-items: center;justify-content: flex-end; font-size:14px; padding:5px 15px; color:#ccc; background:#000; border-top:0;}
.popup_win_wrap .popup_close_wrap > label {padding-left:5px;}
.popup_win_wrap .popup_close_wrap > .dc_button {margin-left:5px; border-radius: 3px; padding:3px 5px; border: solid 1px #fff; color:#fff !important; background:#000;}

/*div 팝업*/
.popup_div_wrap {background: transparent;}
.popup_div_wrap .popup_drag_area_wrap{ position:relative; cursor:move; height:20px;}
.popup_div_wrap .dc2_top_close {position:absolute; top:20px;right:0px;}
.popup_div_wrap .dc2_top_close img {background:#000;}

.popup_div_wrap .img_popup { display:flex; }

.popup_div_wrap .popup_con_wrap {overflow: hidden;background-color: #FFFFFF; border:2px solid #333;}
.popup_div_wrap .popup_con_wrap table tr td {vertical-align: top;}
.popup_div_wrap .popup_con_wrap iframe {vertical-align: middle;}
.popup_div_wrap .popup_con_wrap img {max-width:100%; max-height:100%;}
.popup_div_wrap .popup_con_wrap .dc_pop_atag_wrap {display:block; width:100%;}

.popup_div_wrap .popup_close_wrap {display:flex;flex-wrap: nowrap; align-items: center;justify-content: flex-end; font-size:14px; padding:5px 15px; color:#ccc; background:#000; border-top:0;}
.popup_div_wrap .popup_close_wrap > label {}
.popup_div_wrap .popup_close_wrap > .dc_button {margin-left:5px; border-radius: 3px; padding:3px 5px; border: solid 1px #fff; color:#fff !important; background:#000;}


@media screen and (max-width:753px){
.m_popup { left:0 !important; width:100% !important; padding:0 5%; }
}