@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://use.typekit.net/vpm6lwf.css");
P22 Mackinac Pro*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
/*font-family: 'Roboto Condensed', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
/*font-family: 'Noto Serif KR', serif;*/
@import url('https://fastly.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/*font-family: 'Pretendard', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap');
/* font-family: "Baskervville", serif; */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
/* font-family: "Crimson Text", serif; */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: "Noto Serif", serif; */

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

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

html, body{ padding:0; margin:0; font-size:10px; /* font-size:10px; */ }

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


/*body,table,input,textarea,button,a{ font-size:16px; font-family: "Baskervville", 'Noto Sans KR', 'verdana', sans-serif; color:#666;}*/
body,table,input,textarea,button,a{ font-size:16px; font-family: "Noto Serif", 'Noto Sans KR', 'verdana', 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; letter-spacing:1.5px; }

/* 링크 테두리 제거 */
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;width:100%; }

table { border:0;width:100%; }
table th{ word-wrap:break-word }
table td{ word-wrap:break-word }

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

/* 캡션 텍스트 정렬 초기화 */
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;
}

/*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;
}

/* 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;}

/* 공통 */

.font12{font-size:1.2rem;}
.font14{font-size:1.4rem;}
.font15{font-size:1.5rem;}
.font16{font-size:1.6rem;}
.font17{font-size:1.7rem;}
.font18{font-size:1.8rem;}
.font19{font-size:1.9rem;}
.font20{font-size:2rem;}
.font21{font-size:2.1rem;}
.font22{font-size:2.2rem;}
.font24{font-size:2.4rem;}
.font25{font-size:2.5rem;}
.font28{font-size:2.8rem;}
.font30{font-size:3rem;}
.font32{font-size:3.2rem;}
.font34{font-size:3.4rem;}
.font35{font-size:3.5rem;}
.font38{font-size:3.8rem;}
.font40{font-size:4rem;}
.font42{font-size:4.2rem;}
.font44{font-size:4.4rem;}
.font45{font-size:4.5rem;}
.font46{font-size:4.6rem;}
.font52{font-size:5.2rem;}
.font60{font-size:6rem;}
.font64{font-size:6.4rem;}
.font68{font-size:6.8rem;}
.font70{font-size:7rem;}
.font72{font-size:7.2rem;}
.font94{font-size:9.4rem;}
.font95{font-size:9.5rem;}
.font100{font-size:10rem;}
.font120{font-size:12rem;}