@charset "utf-8";
/* ==============================
* http://meyerweb.com/eric/tools/css/reset/ 
* v2.0 | 20110126
* License: none (public domain)
* reset 2023-11-26
=-============================ */
html {overflow-y:scroll; scroll-behavior: smooth;}
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, center,
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 {margin:0;	padding:0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; color:inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}
/* audio:not([controls]) {display: none; height: 0;} */
audio, canvas, img, video {vertical-align:middle;}
body {line-height:1;}
ol, ul, li {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;}
img, fieldset {border:0;}
input, select, textarea {line-height:1.1;	vertical-align:middle;}
body, table, th, td, input, textarea, button, select {font-family: var(--Pretendard); font-size: 12px; text-transform:none;	line-height:normal;	color:#ccc;	letter-spacing: -0.085rem; line-height: 1.1;}
textarea {/* resize:vertical; */resize:none; overflow:auto;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
label {cursor:pointer;}
/* For Screen Reader */
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;}
legend, caption {display:none; visibility:hidden;}
hr {display:block; height:1px;	border:0;	border-top:1px solid #ccc;	margin:1em 0;	padding:0;}
a, a:active, a:hover, a:focus {color:inherit;	text-decoration:none;}
button{margin:0px; padding:0px; cursor:pointer;	border:0px;	background:none;}
body.mouse a:focus, body.mouse button:focus{outline:none;}
/* input 기본 스타일 초기화 */
input[type="text"],input[type="password"],input[type="file"],input[type="search"],input[type="email"],
select, textarea{
  -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin:0;
	padding:0;
	line-height: 50px;
	width: 100%;
	opacity: 1;
	border: 0 none;
}
input[type="text" i] {writing-mode: horizontal-tb !important;}
/* user agent stylesheet :autofill제거하기 */
/* input:-internal-autofill-selected {
	appearance: menulist-button;
	background-image: none !important;
	background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
	color: -internal-light-dark(black, white) !important;
} */
/* font color는 text-fill-color (비표준)을 이용, background-color는 box-shadow와 transition을 이용 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset !important;
    -webkit-text-fill-color: #000 !important;
}
input::-ms-clear, 
select::-ms-expand{ display: none; }
input, textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);}
/* select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' style='opacity:0.5' viewBox='0 0 6.42 4'><path d='M6.42.69,3.21,4,0,.69.71,0l2.5,2.57L5.71,0Z'/></svg>") no-repeat;
	background-size: 10px;
	background-position: calc(100% - 10px) 50%;
	background-repeat: no-repeat;
} */

@media all and (max-width:800px){
	.ios-os input[type="text"],
	.ios-os input[type="search"],
	.ios-os input[type="password"],
	.ios-os input[type="file"],
	.ios-os input[type="email"],
	.ios-os select,
	.ios-os textarea{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius:0;
	}
}

.clear{clear:both;}
.clearfix{*zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}
/* 접근성지침에따라 텍스트 화면에서 숨기기 */
.blind{position:absolute !important; clip:rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important;} 
.blind2{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.pointer {cursor:pointer;}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{transition:var(--transition);	transition-property:transform;}
a:hover .over-img img{transform: scale(1.1) rotate(0.002deg);}
.over-bg{overflow:hidden;	transition:var(--transition);	transition-property:transform;}
a:hover .over-bg{transform: scale(1.1) rotate(0.002deg);}
.line-clamp2{overflow:hidden;	display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line-clamp3{overflow:hidden;	display:block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line-clamp4{overflow:hidden;	display:block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.img-center{position:absolute; top:0px; left:0px;	right:0px; bottom:0px; max-width:100%; max-height:100%;	margin:auto;}
.img-cover{position:absolute;	top:0px; left:0px;	width:100%;	height:100%;}
.pos-full{position:absolute; top:0px; left:0px; bottom:0px; right:0px;} 
.tac {text-align: center;}
.mauto {margin:0 auto;}
.semibold {font-weight:500;}

/* Skip Navgation */
.accessibility a {position:absolute; display:block; left:-9999px; text-align:center; width:100px; padding:0;}
.accessibility a:hover,
.accessibility a:focus,
.accessibility a:active{z-index:999999; margin-left:-100px; left:50%;}


/* Split Text (plugin) */
.cm-word-split-JS{overflow:hidden; opacity:0;}
.cm-word-split-JS.splitting{opacity:1.0; }
.cm-word-split-JS.splitting .word{overflow:hidden; line-height:1.1; display:inline-block;}
.cm-word-split-JS.splitting .char{display:inline-block; position:relative; font-size:inherit; font-family:inherit; font-weight:inherit; opacity:0; }