@charset "utf-8";

/*font + */
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
/* font-family: 'Noto Sans KR', sans-serif; */
@import url('//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css');
/* font-family: 'Nanum Square'; */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* font-family: 'Pretendard', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
/*font-family: "Outfit", sans-serif;*/

@font-face {
	font-family: 'Pretendard', sans-serif;
	unicode-range: U+AC00-D7A3;
}

@font-face {
	font-family: 'Montserrat', sans-serif;
	unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}


/*드래그색상 정의*/
/* ::-moz-selection { background:#263658; color:#fff; }
::selection { background:#263658; color:#fff; } */

/*기본태그 정의*/
*{ box-sizing: border-box; max-height:1000000px; }

html, body{ padding:0; margin:0; word-break: keep-all; font-size: 62.5%;}

/* 모바일 가로모드 폰트확대 방지 */
body{-webkit-text-size-adjust:none; }


body,table,input,textarea,button,input,select { font-size:16px; font-family: "Outfit",'Noto Sans KR', sans-serif;color:#666;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }


/* for AXISJ */
body, select, input, a, button{line-height:1.3;}

/* 링크 테두리 제거 */
a{ outline:none; }

/* 마진과 패딩의 초기화 */
div, pre, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, figure { margin:0; padding:0; }

/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal; }

/* 리스트의 스타일 제거 */
ul, ol, li { list-style:none; }
em,address{ font-style:normal; }

/* 테이블 스타일 초기화 */
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; border:0; width:100%; }
table th{ word-wrap:break-word }
table td{ word-wrap:break-word }

/* 이미지 및 필드셋에서 보더 표시 초기화 */
img { max-width:100%; }
img, fieldset { border:none; }
img, object { vertical-align:top; }

/* 캡션 텍스트 정렬 초기화 */
caption {text-align:left;}

/* 폼태그의 초기화 */
select { vertical-align:middle; color:#666;}
input { vertical-align:middle; color:#666;}
textarea { color:#666; }
input[type="radio"]{ vertical-align:middle; }

a:link{ color:#666; text-decoration:none; }
a:active{ color:#666; text-decoration:none; }
a:visited{ color:#666; text-decoration:none; }
a:hover{ color:#666; text-decoration:none; }

button {
	padding: 0;
	outline: none;
	border:none;
	background:transparent;
}

input[type="radio"] {
	vertical-align: middle;
}

/*safari input*/
input[type='button'],
input[type='submit'] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

/* input 기본 스타일 초기화 */
input {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear {
	display: none;
}


/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input,
input:focus,
textarea,
textarea:focus {
	border: none;
	outline: none;
}

button,
input[type="submit"] {
	cursor: pointer;
}

/* Select box 스타일 초기화  */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand {
	display: none;
}

/* hidden 처리 */
hr,caption, legend { width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
.hide{ position:absolute; top:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }

/* 스킵네비게이션 */
#sknavi{position:absolute;}
#sknavi li a{position:absolute;top:-200px;}
#sknavi li a:focus,
#sknavi li a:active{top:1px;left:0;display:block;width:150px;color:#fff;height:18px;padding:5px 3px 0 3px;margin-left:5px;text-align:center;font-size:100%;font-weight:bold;background:#115aa3;text-decoration:none;}

/* popup-box input */
.pop_box input{ appearance: auto; }

/* 공통 */
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font30{font-size:30px;}
.font32{font-size:32px;}
.font35{font-size:35px;}
.font36{font-size:36px;}
.font38{font-size:38px;}
.font39{font-size:39px;}
.font40{font-size:40px;}
.font42{font-size:42px;}
.font45{font-size:45px;}
.font48{font-size:48px;}
.font52{font-size:52px;}
.font54{font-size:54px;}
.font62{font-size:62px;}
.font64{font-size:64px;}
.font68{font-size:68px;}
.font84{font-size:84px;}
.font95{font-size:95px;}
.font100{font-size:100px;}