@charset "UTF-8";

.popup {width: 800px; z-index:500; background-color: white; color: black; display: none; position: fixed; border: black solid 2px;box-shadow:0px 2px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 2px 4px 2px rgba(0, 0, 0, 0.2);}
.popup .popup-wrapper {padding: 30px;}
.popup .popup-wrapper .closeBtn {position: absolute; float: right; right: 15px; top: 10px; font-size: 20px; cursor: pointer; font-weight: bolder;}
.popup .popup-wrapper .content .title {font-size: 26px; margin: 15px 0; font-weight: bolder;}
.popup .popup-wrapper .content .cont {font-size: 20px; margin-top: 30px;}
.popup .popup-wrapper .content .moveBtnArea {float: right; margin-top: 30px; margin-bottom: 30px;}
.popup .popup-wrapper .content .moveBtnArea .moveBtn {color: black; padding: 5px 15px; border: black solid 1px; border-radius: 6px; cursor: pointer; text-decoration: none; display: inline-block; font-size: 25px;}
.popup .popup-wrapper .content .moveBtnArea .moveBtn:hover {color: white; background-color: black;}
.popup .popup-wrapper .cookieBtn {position: absolute; bottom: 20px; background-color: white; border: none; padding: 1px 5px; font-size: 13px; font-weight: bolder;}

@media all and (max-width:620px){
.popup .popup-wrapper {padding: 20px;}
.popup .popup-wrapper .closeBtn {position: absolute; float: right; right: 10px; top: 7px; font-size: 16px; cursor: pointer; font-weight: bolder;}
.popup .popup-wrapper .content .title {font-size: 20px; margin: 8px 0; font-weight: bolder;}
.popup .popup-wrapper .content .cont {font-size: 16px; margin-top: 26px;}
.popup .popup-wrapper .content .moveBtnArea {float: right; margin-top: 15px; margin-bottom: 15px;}
.popup .popup-wrapper .content .moveBtnArea .moveBtn {color: black; padding: 5px 15px; border: black solid 1px; border-radius: 6px; cursor: pointer; text-decoration: none; display: inline-block; font-size: 15px;}
.about .con04 .tendernotice p.inner-line{padding-left: 30px;}
}

@media all and (max-width:470px){
.popup .popup-wrapper {padding: 17px;}
.popup .popup-wrapper .closeBtn {position: absolute; float: right; right: 9px; top: 5px; font-size: 15px; cursor: pointer; font-weight: bolder;}
.popup .popup-wrapper .content .title {font-size: 17px; margin: 7px 0; font-weight: bolder;}
.popup .popup-wrapper .content .cont {font-size: 14px; margin-top: 22px;}
.popup .popup-wrapper .content .moveBtnArea {float: right; margin-top: 13px; margin-bottom: 13px;}
.popup .popup-wrapper .content .moveBtnArea .moveBtn {color: black; padding: 4px 13px; border: black solid 1px; border-radius: 6px; cursor: pointer; text-decoration: none; display: inline-block; font-size: 13px;}
.popup .popup-wrapper .cookieBtn {position: absolute; bottom: 20px; background-color: white; border: none; padding: 1px 5px; font-size: 11px; font-weight: bolder;}
}


@media all and (max-width:410px){
.popup .popup-wrapper {padding: 13px;}
.popup .popup-wrapper .closeBtn {position: absolute; float: right; right: 9px; top: 5px; font-size: 11px; cursor: pointer; font-weight: bolder;}
.popup .popup-wrapper .content .title {font-size: 12px; margin: 7px 0; font-weight: bolder;}
.popup .popup-wrapper .content .cont {font-size: 10px; margin-top: 22px;}
.popup .popup-wrapper .content .moveBtnArea {float: right; margin-top: 13px; margin-bottom: 13px;}
.popup .popup-wrapper .content .moveBtnArea .moveBtn {color: black; padding: 3px 8px; border: black solid 1px; border-radius: 6px; cursor: pointer; text-decoration: none; display: inline-block; font-size: 11px;}
.popup .popup-wrapper .cookieBtn {position: absolute; bottom: 20px; background-color: white; border: none; padding: 1px 2px; font-size: 7px; font-weight: bolder;}
}