@charset "utf-8";

/* Reset */
body {width:100%;height:100%;font-size:14px;font-family:NanumGothic,'나눔고딕',Dotum, Gulim, Arial;color:#555;background:#f3f4f0 url('../../images/user/common/bg_body.gif') repeat-x left -27px;}
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li,
dl, dt, dd, table, thead, tbody, tfoot, label, caption, th, td, form, fieldset, legend, hr, input, button, textarea, object {margin:0;padding:0;}
ul, ol ,li{list-style:none;}
img {vertical-align:middle;border:0;}
table {border-spacing:0;border:0;border-collapse:collapse;}
fieldset, abbr, button {border:0; outline:none;}
address, caption, cite, code, em {font-style:normal;font-weight:normal;}
input, select, textarea, button, label {font-size:14px;vertical-align:middle;font-family:NanumGothic,'나눔고딕',Dotum, Gulim, Arial;}
caption, legend {visibility:hidden;width:0; height:0;line-height:0;font-size:0;overflow:hidden;}
hr {display:none;}
header,section,nav,hgroup,footer,aside,article,figure {display: block;}
.hide {position:absolute;visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}

/* Link_Style */
a:link {color:#555;text-decoration:none;}
a:visited {color:#555;text-decoration:none;}
a:hover {color:#1479c7;text-decoration:none;}
a:active {color:#555;text-decoration:none;}
a:focus {color:#1479c7;text-decoration:none;}

/* Heading */
h1 {font-size:2em;}
h2 {font-size:1.8em;}

/* Align_Style */
.fl {float:left;}
.fr {float:right;}
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.ls01 {letter-spacing:-1px;}
.uline {text-decoration:underline !important;}
.vat {vertical-align:top !important;}
.bgnone {background:none;}

/* The Modal (background) */
.searchModal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 10; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.search-modal-content {
	background-color: #fefefe;
	padding: 35px 40px 40px;
	border: 1px solid #888;
	width:auto;
	text-align: center;
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	max-width:90%;
}


.social-contents a{
margin-left:20px;
}
/* .page-header{
margin-bottom:10px;
} */
.close_btn img{
cursor:pointer;
float:right;
margin-top:-30px;
}
.search-modal-content .page-header{font-size:1.5em; font-weight:700; margin-bottom:1.5em; position:relative;}
.search-modal-content .modal-close-btn{ position:absolute; top:10px; right:10px; height:20px; width:20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor:pointer;}
.search-modal-content .modal-close-btn::before,
.search-modal-content .modal-close-btn::after{content:''; display:block; width:120%; height:1px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); background-color:#333;}
.search-modal-content .modal-close-btn::before{transform:translate(-50%,-50%) rotate(-45deg);}
.search-modal-content  .social-contents{display:flex;}
.search-modal-content  .social-contents a{margin-left:0;}
.search-modal-content  .social-contents a ~ a{margin-left:1.2em;}
@media screen and (max-width:599px){
	.search-modal-content{padding-left:20px; padding-right:20px;}
}