@charset "euc-kr";

/* *************************** ÇÁ¸°Æ®-ºÎÆ®½ºÆ®·¦ Á¦¾î *************************** */
@media print {
	html, body {min-width:992px !important;} /* ÇÁ¸°Æ®½Ã ºÎÆ®½ºÆ®·¦ ½ºÅ¸ÀÏ Á¦¾î */
    a:link:after,a:visited:after {content: none;}
	* {-webkit-print-color-adjust:exact;} /* Å©·Ò¿¡¼­ ¹è°æ»ö, À̹ÌÁö¸¦ °­Á¦ Àμâ */
}

/* *************************** ¸ð¹ÙÀÏ Å©·Ò¿¡¼­ Å×ÀÌºí ±úÁü ´ëÀÀ *************************** */
@media screen and (max-width:767px) {
	.hidden-xs {display:none !important;}
	table {display:table;}
	table>* {display:table-row-group;}
	table script{display:none;}
	table caption {display:none;}
	table tr {display:table-row;}
	table th, table td {display:table-cell; width:auto;}
}

/* ******************** ³Ø½¼°íµñ2 ******************** */
@font-face {
  font-family: 'NEXON';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NEXONLv2GothicLight.woff2) format('woff2'),
       url(../fonts/NEXONLv2GothicLight.woff) format('woff');
}
@font-face {
  font-family: 'NEXON';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NEXONLv2GothicRegular.woff2) format('woff2'),
       url(../fonts/NEXONLv2GothicRegular.woff) format('woff');
}
@font-face {
  font-family: 'NEXON';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NEXONLv2GothicMedium.woff2) format('woff2'),
       url(../fonts/NEXONLv2GothicMedium.woff) format('woff');
}
@font-face {
  font-family: 'NEXON';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NEXONLv2GothicBold.woff2) format('woff2'),
       url(../fonts/NEXONLv2GothicBold.woff) format('woff');
}

/* ******************** »êµ¹½º¿þ±× ******************** */
@font-face {
  font-family: 'SWAG';
  src: url(../fonts/SDSwaggerTTF.woff) format('woff'),
       url(../fonts/SDSwaggerTTF.woff2) format('woff2');
}

/* ******************** Ä«Æä24 ½á¶ó¿îµå ******************** */
@font-face {
  font-family: 'CAFE24Ss';
  src: url(../fonts/Cafe24Ssurround-v2.0.woff) format('woff'),
       url(../fonts/Cafe24Ssurround-v2.0.woff2) format('woff2')
	   url(../fonts/Cafe24Ssurround-v2.0.ttf) format('ttf');
}

/* ******************** ¿©±â¾î¶§ Àß³­Ã¼ ******************** */
@font-face {
  font-family: 'Jalnan';
  src: url(../fonts/Jalnan.woff) format('woff'),
       url(../fonts/Jalnan.woff2) format('woff2'),
	   url(../fonts/Jalnan.ttf) format('ttf');
}



/* *************************** COMMON *************************** */
i,cite,em,var,address,dfn {font-style:normal;}
h1,h2,h3,h4,h5,h6 {line-height:1; padding:0; margin:0;}
table {border-collapse:collapse; width: 100%; max-width: 100%; background:#fff;}

pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 5px;

	white-space: pre-wrap; /* CSS3*/
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-all; /* Internet Explorer 5.5+ */
}

/* Æû */
:focus {outline:0;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

select {
	appearance:none; -webkit-appearance:none; -moz-appearance:none;/* È­»ìÇ¥ ¾ø¾Ö±â */
	padding:0 12px; line-height:48px; height:50px; cursor:pointer;
}
textarea {padding:0 12px; line-height:48px; height:50px; resize:none; width:100%; min-height:120px;}
input[type="text"] {padding:0 12px; line-height:48px; height:50px; border:1px solid #e5e5e5;}
input[readonly] {background-color:#f1f1f1; border:1px solid transparent;}
button {cursor:pointer; background:transparent; padding:0;}

input,select,textarea {position:relative; width:100%; border-color:rgba(0,0,0,.15); background-color:transparent; transition:.3s;}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {border-color:#000 !important;}
form .selectBox {position:relative; width:100%;}
form .selectBox select {width:100%;}
form .selectBox:after {content:""; position:absolute; right:15px; top:calc(50% - 6px); transform:rotate(45deg); width:8px; height:8px; border:2px solid #888; border-top:0; border-left:0; transition:.2s;}
form .selectBox:hover:after {border-color:var(--red); top:calc(50% - 3px);}
form .ea {display:flex; align-items:center; line-height:1; gap:5px;}
form .ea>* {width:50%}