@charset "utf-8";

/* 시스템팝업  */
.img_modal { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); top: 0; left: 0; display: none; z-index: 9999;}
.popup11 { display: block; position: fixed; max-width: 1000px; border-radius: 10px; top: 130px; left: 30px; background: #fff; z-index: 1000; box-sizing: border-box;
    box-shadow: 0 13px 27px -5px hsl(240deg 30% 28% / 25%), 0 8px 16px -8px hsl(0deg 0% 0% / 30%), 0 -6px 16px hsl(0deg 0% 0% / 3%);
    -webkit-box-shadow: 0 13px 27px -5px hsl(240deg 30% 28% / 25%), 0 8px 16px -8px hsl(0deg 0% 0% / 30%), 0 -6px 16px hsl(0deg 0% 0% / 3%);}
.popup11 .popup_top { padding: 10px; text-align: center; }
.popup11 .popup_top > .tit { font-size: 2.2rem; font-weight: 600; padding: 10px; color: #ff234b; background: #e7e7e7;}
.popup11 .popup_top > .tit_s { padding: 10px; color: #fff; background: #170f44; }
.popup11 .popup_top > .txt_box { padding: 15px; background: #e7e7e7; }
.popup11 .popup_top > .txt_box .t_01 { text-decoration: underline; color: #266dc4; }
.popup11 .popup_top .logo { width: 40%; margin: 10px auto 0 auto; }
.popup11 .popup_top > img { object-fit: contain; max-width: 980px; width: 100%; max-height: 700px; }
.popup11 .popup_top p { line-height: 1.5; }

.popup11 .popup_bottom { background: #e0e0e0; border-radius: 0 0 10px 10px; min-height: 50px; }
.popup11 .popup_bottom .fr { float: right; }
.popup11 .popup_bottom .pop_close { padding: 16px 20px; font-weight: bold; }
.popup11 .popup_bottom .pop_close:hover { text-decoration: underline; }
.popup11 .popup_bottom .check_area > input[type="checkbox"]{display: none; }
.popup11 .popup_bottom .check_area > input[type="checkbox"] + label span { display:inline-block; width:20px; height:20px; margin:-2px 10px 0 0; vertical-align:middle; background: #999; border-radius: 3px; cursor:pointer; }
.popup11 .popup_bottom .check_area > input[type="checkbox"]:checked + label span { background:url('../img/checked_01.png') no-repeat; }

@media all and (max-width:600px) {
	.popup11 { left: 0; }
}