@charset "UTF-8";
/*@import url('../../font/webfonts_NotoSansKR.css');      		                
@import url('../../font/dingbat_xeicon.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; padding: 5px 10px 5px; color:#fff; overflow:hidden; font-size: 14px; font-family: 'Noto Sans KR', 'Malgun Gothic','맑은고딕','돋움'; letter-spacing: -0.1px;}
div.close span {float:left}
div.close span > input {vertical-align:middle; margin-right:3px}
div.close a {color:#fff; display:block; float:right; text-decoration: none;}
div.close a::after {display: inline-block; position: relative; margin-left: 5px; font-family: 'xeicon'; content: '\e9af'; vertical-align: middle; transition: all 0.2s;}
div.close a:hover::after,
div.close a:focus::after {top: -2px; transform: rotate(180deg);}

.form_check {position: relative; padding-left: 20px;}
.form_check input {position: absolute; left: 0; top: 0; opacity: 0;}
.form_check input:checked + label::before {content: '';}
.form_check label::before {position: absolute; left: 0; top: 1px; font-family: 'xeicon'; font-size: 16px; content: '';}