@charset "utf-8";
@import url('_fonts_renew/fonts.css');

html{font-size:16px;}
*:focus:not(:focus-visible){outline:none}
body{
font-family: 'Roboto', 'notokr', 'Malgun Gothic', 'Dotum', sans-serif;
line-height: 1;
color: #555;
overflow-y: scroll; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:100%
}
.ff-ms{font-family: 'Merriweather', sans-serif;}
/* .dot{font-family: 'dotum';} */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,img {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html,body{height: 100%;}

/* 공통 */
a{text-decoration:none; color: inherit}
a:focus{outline:2px solid black;}
input[type="text"],input[type="password"]{
	appearance:none;
	border-radius: 0;
	font: inherit;
	border: 1px solid #767676;
}
input[type="button"]{
	appearance:none ;
	border-radius: 0;
	font: inherit;
	border: 0
}
input[type="checkbox"]{margin: 0;}
input[type="radio"],input[type="checkbox"],label{vertical-align: middle;}
select{
	border: 1px solid #ccc;
	border-radius: 0px;
	appearance: none;
	font: inherit;
	font-size: 1em;
	/* background: #fff url('../img/common/select.gif') 95% center no-repeat; */
	padding: 0 15px 0 5px; color: inherit;
	height: 1.875rem;
}
select::-ms-expand {display: none;}
textarea{appearance:none; border:1px solid #ccc; border-radius: 0; font: inherit; height: 5rem;}
*{box-sizing: border-box;}
img{max-width: 100%; vertical-align: middle;}
h1,h2,h3,h4,h5{font-size: 1em}
button,input[type="button"]{
	margin: 0;
  padding: 0;
  border: none;
  background: none;
	font:inherit;
	font-size: 1em; color: inherit
}
button{cursor: pointer;}
address,em{font-style: normal}
.hide,caption,legend,.hidden,.sr-only{position:absolute;left:-300px;width:0;height:0;margin:0;padding:0;background:none;line-height:0;overflow: hidden}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}
:root {
  --gold: #b49759;
}

#wrap{position: relative;overflow: hidden}
.trans{transition: all .3s ease-in-out;}
.inner{max-width: 1820px;margin: 0 auto;}
.w100{width: 100% !important}
.over-auto{overflow: auto;}
.text_break{word-break: break-all !important;}

.tal{text-align: left !important;}
.tac{text-align: center !important;}
.tar{text-align: right !important;}
.fl{float: left !important}
.fr{float: right !important}
.clearfix:after{content: ''; display: block; clear: both;}

.table{display: table; width: 100%; height: 100%}
.vertical{display: table-cell; vertical-align: middle;}
.ellipsis{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.block-pc{display: block;}
.block-m{display: none !important}

.img-pc{display: block !important; margin: 0 auto;}
.img-m{display: none !important; margin: 0 auto;}

@media (max-width:1800px){
  .inner{padding-left: 1rem; padding-right: 1rem;}
}
@media (max-width:1024px){
  html{font-size: 15px;}
}
@media (max-width:768px){
  html{font-size: 14px;}
	.block-pc,
	.img-pc{display: none !important;}
	.block-m{display: block;}
	.img-m{display: block !important; margin: 0 auto;}
}
@media (max-width:480px){
  html{font-size: 13px;}
}
@media (max-width:320px){
  html{font-size: 12px;}
}