@charset "utf-8";

.bui_popup_bg { position:fixed; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.5); display:none; z-index: 9999; }
@media screen and (max-width:640px) {
    .bui_popup_bg { display:block; }
}

.bui_popup_wrap { width:0;height:0; }
@media screen and (max-width:640px) {
    .bui_popup_wrap { position:absolute;top:0;left:0; width:100%;height:auto; }
}

.bui_popup { position: absolute; top:0; left:0; background-color: white; z-index: 9999; }
.bui_popup .popup_head { border:1px solid #cccccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:335px; height:480px; overflow: hidden; }
.bui_popup .popup_head img { vertical-align: bottom; }
.bui_popup .popup_bottom { position:relative; height:36px; padding-left:10px; background-color:#f6f6f6; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:dotum,Arial; font-size:12px; color:#403f3f; line-height:34px; vertical-align:middle; }
.bui_popup .popup_bottom input { margin-top:11px; }
.bui_popup .popup_bottom label { position:absolute; left:32px; top:1px; color:#414040; cursor:pointer; }
.bui_popup .popup_bottom .btn_close { position:absolute; right:10px; top:12px; line-height:0; }
@media screen and (max-width:640px) {
    .bui_popup.resp { position:relative; margin:10px; }
    .bui_popup.resp .popup_head { width:auto; height: auto; overflow: hidden; }
    .bui_popup.resp .popup_head img { width:100%; }
    .bui_popup.resp .popup_bottom { background-color:#fff; }
    .bui_popup.resp .popup_bottom input { margin-top:9px; }
    .bui_popup.resp .popup_bottom label { left:34px; }
}

.bui_header_popup { position:relative; background-color:#e3e3e3; z-index: 9999; }
.bui_header_popup .popup_head { width:1100px; height:160px; margin:0 auto; overflow: hidden;  }
.bui_header_popup .popup_head img { vertical-align: bottom; }
.bui_header_popup .popup_head:after { clear:both; display:block; content:"";}
.bui_header_popup .popup_bottom { position:absolute; right:0; bottom:0; min-width:200px; height:30px; background-color:#fff; font-size:12px; color:#414040; line-height:24px; vertical-align:middle; }
.bui_header_popup .popup_bottom input { position:absolute; left:10px; top:5px; }
.bui_header_popup .popup_bottom label { position:absolute; left:32px; top:0; font-family:dotum,Arial; color:#403f3f; line-height:30px; cursor:pointer; }
.bui_header_popup .popup_bottom .btn_close { position:absolute; right:10px; top:9px; line-height:0; }

@media screen and (max-width:1100px) {
    .bui_header_popup .popup_bottom { bottom:-30px; }
}

@media screen and (max-width:640px) {
    .bui_header_popup .popup_head { width:auto; height: auto; }
    .bui_header_popup .popup_head img { width:100%; }
}