@charset "UTF-8";
@import "../../font/remixicon.css";

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0;}
img, fieldset { border: none; }

div.hotissue_popup {background-color: #000;}
div.hotissue_popup > a {display:block; line-height: 0;}

div.close {background:#000; box-sizing:border-box; clear:both; height:50px; padding:5px 10px; color:#fff; overflow:hidden; font-size: 14px; font-family: 'Noto Sans KR', 'Malgun Gothic','맑은고딕','돋움'; letter-spacing: -0.1px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}

div.close span > input {vertical-align:middle; margin-right:3px}

div.close a {margin-left:auto; color:#fff; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; float:right; text-decoration: none;}
div.close a::after {font-family: 'remixicon'; content: "\eb99"; display:flex; flex-direction:row; justify-content:center; align-items:center; width:20px; height:20px; line-height:10px; transition: all 0.2s; font-size:18px; margin-left:auto;}
div.close a:hover::after,
div.close a:focus::after {transform: rotate(180deg);}

.form_check_issue {position: relative;}
.form_check_issue input {position: absolute; left: 0; top: 0; opacity: 0;}
.form_check_issue input:checked + label::before {content:"\eb82";}
.form_check_issue label {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.form_check_issue label::before {font-family: 'remixicon'; font-size:20px; font-weight:normal; margin-right:4px; content:"\eb7f"; height:20px; line-height:20px;}

.form_check_issue input:focus-visible + label {border:1px dotted #fff; content:"\eb85";}

@media (max-width:1280px) {
	.layer_popup {left:2% !important; top:5rem !important}
	.layer_popup > div {width:100% !important; height:auto !important}
	.layer_popup img {display:block; width:100%; height:100%}
}

@media (max-width:768px) {
	.layer_popup {width:96% !important; height:auto !important;}
}