/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2018 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-10-05
| 파일설명 : reset(default) CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20191212 웹폰트 스포카 한 산스 삽입 by 김승미
| 20230215 NotoSansCJK 폰트 추가 by 최진영
| 20240829 Pretendard 폰트 추가 by 최진영
| 20251201 Pretendard woff2 추가 by 최진영
+----------------------------------------------------------------------+
*/

@charset "utf-8";

/* 웹폰트 설정 */
@font-face {
    font-family: 'NotoSansKR-Light';
    font-style: normal;
    font-weight: 100;
    src: 
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Light-Hestia.eot'),
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/smciInc/front/css/vendors/font/woff/NotoSansKR-Light-Hestia.woff') format('woff'),
    url('/smciInc/front/css/vendors/font/otf/NotoSansKR-Light-Hestia.otf') format('opentype');
}
@font-face {
    font-family: 'NotoSansKR-Thin';
    font-style: normal;
    font-weight: 100;
    src: 
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Thin-Hestia.eot'),
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Thin-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/smciInc/front/css/vendors/font/woff/NotoSansKR-Thin-Hestia.woff') format('woff'),
    url('/smciInc/front/css/vendors/font/otf/NotoSansKR-Thin-Hestia.otf') format('opentype');
}
@font-face {
    font-family: 'NotoSansKR-DemiLight';
    font-style: normal;
    font-weight: 100;
    src: 
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-DemiLight-Hestia.eot'),
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/smciInc/front/css/vendors/font/woff/NotoSansKR-DemiLight-Hestia.woff') format('woff'),
    url('/smciInc/front/css/vendors/font/otf/NotoSansKR-DemiLight-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-Regular';
    font-style: normal;
    font-weight: 100;
    src: 
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Regular-Hestia.eot'),
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/smciInc/front/css/vendors/font/woff/NotoSansKR-Regular-Hestia.woff') format('woff'),
    url('/smciInc/front/css/vendors/font/otf/NotoSansKR-Regular-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansKR-Medium';
    font-style: normal;
    font-weight: 100;
    src: 
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Medium-Hestia.eot'),
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/smciInc/front/css/vendors/font/woff/NotoSansKR-Medium-Hestia.woff') format('woff'),
    url('/smciInc/front/css/vendors/font/otf/NotoSansKR-Medium-Hestia.otf') format('opentype');
}
@font-face {
    font-family: 'NotoSansKR-Bold';
    font-style: normal;
    font-weight: 100;
    src: 
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Bold-Hestia.eot'),
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/smciInc/front/css/vendors/font/woff/NotoSansKR-Bold-Hestia.woff') format('woff'),
    url('/smciInc/front/css/vendors/font/otf/NotoSansKR-Bold-Hestia.otf') format('opentype');
}
@font-face {
    font-family: 'NotoSansKR-Black';
    font-style: normal;
    font-weight: 100;
    src: 
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Black-Hestia.eot'),
    url('/smciInc/front/css/vendors/font/eot/NotoSansKR-Black-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/smciInc/front/css/vendors/font/woff/NotoSansKR-Black-Hestia.woff') format('woff'),
    url('/smciInc/front/css/vendors/font/otf/NotoSansKR-Black-Hestia.otf') format('opentype');
}

/* spoqa han sans */
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: 
    url('/smciInc/front/css/vendors/font/woff2/SpoqaHanSansRegular.woff2') format('woff2'),
    url('/smciInc/front/css/vendors/font/woff/NotoSansKR-Black-Hestia.woff') format('woff'),
    url('/smciInc/front/css/vendors/font/ttf/SpoqaHanSansRegular.ttf') format('truetype');
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src: 
    url('/smciInc/front/css/vendors/font/woff2/SpoqaHanSansBold.woff2') format('woff2'),
    url('/smciInc/front/css/vendors/font/woff/SpoqaHanSansBold.woff') format('woff'),
    url('/smciInc/front/css/vendors/font/ttf/SpoqaHanSansBold.ttf') format('truetype');
}

@font-face {
  font-family: 'NotoSansCJK-Light';
  font-style: normal;
  font-weight: 100;
  src: url('/smciInc/front/css/vendors/font/otf/NotoSansCJK-Light.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansCJK-Thin';
  font-style: normal;
  font-weight: 100;
  src: url('/smciInc/front/css/vendors/font/otf/NotoSansCJK-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansCJK-DemiLight';
  font-style: normal;
  font-weight: 100;
  src: url('/smciInc/front/css/vendors/font/otf/NotoSansCJK-DemiLight.otf') format('opentype');
}

@font-face {
  font-family: 'NotoSansCJK-Regular';
  font-style: normal;
  font-weight: 100;
  src: url('/smciInc/front/css/vendors/font/otf/NotoSansCJK-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'NotoSansCJK-Medium';
  font-style: normal;
  font-weight: 100;
  src: url('/smciInc/front/css/vendors/font/otf/NotoSansCJK-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansCJK-Bold';
  font-style: normal;
  font-weight: 100;
  src: url('/smciInc/front/css/vendors/font/otf/NotoSansCJK-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansCJK-Black';
  font-style: normal;
  font-weight: 100;
  src: url('/smciInc/front/css/vendors/font/otf/NotoSansCJK-Black.otf') format('opentype');
}

/* Pretendard */
@font-face {
	font-family: "Pretendard-Black";
	font-style: normal;
	font-weight: 100;
	src:
		url("/smciInc/front/css/vendors/font/woff2/Pretendard-Black.woff2")			format("woff2"),
		url("/smciInc/front/css/vendors/font/woff/Pretendard-Black.woff")			format("woff"),
		url("/smciInc/front/css/vendors/font/otf/Pretendard-Black.otf")				format("opentype");
}
@font-face {
	font-family: "Pretendard-Bold";
	font-style: normal;
	font-weight: 100;
	src:
		url("/smciInc/front/css/vendors/font/woff2/Pretendard-Bold.woff2")			format("woff2"),
		url("/smciInc/front/css/vendors/font/woff/Pretendard-Bold.woff")			format("woff"),
		url("/smciInc/front/css/vendors/font/otf/Pretendard-Bold.otf")				format("opentype");
}
@font-face {
	font-family: "Pretendard-ExtraBold";
	font-style: normal;
	font-weight: 100;
	src:
		url("/smciInc/front/css/vendors/font/woff2/Pretendard-ExtraBold.woff2")		format("woff2"),
		url("/smciInc/front/css/vendors/font/woff/Pretendard-ExtraBold.woff")		format("woff"),
		url("/smciInc/front/css/vendors/font/otf/Pretendard-ExtraBold.otf")			format("opentype");
}
@font-face {
	font-family: "Pretendard-ExtraLight";
	font-style: normal;
	font-weight: 100;
	src:
		url("/smciInc/front/css/vendors/font/woff2/Pretendard-ExtraLight.woff2")	format("woff2"),
		url("/smciInc/front/css/vendors/font/woff/Pretendard-ExtraLight.woff")		format("woff"),
		url("/smciInc/front/css/vendors/font/otf/Pretendard-ExtraLight.otf")		format("opentype");
}
@font-face {
	font-family: "Pretendard-Light";
	font-style: normal;
	font-weight: 100;
	src:
		url("/smciInc/front/css/vendors/font/woff2/Pretendard-Light.woff2")			format("woff2"),
		url("/smciInc/front/css/vendors/font/woff/Pretendard-Light.woff")			format("woff"),
		url("/smciInc/front/css/vendors/font/otf/Pretendard-Light.otf")				format("opentype");
}
@font-face {
	font-family: "Pretendard-Medium";
	font-style: normal;
	font-weight: 100;
	src:
		url("/smciInc/front/css/vendors/font/woff2/Pretendard-Medium.woff2")		format("woff2"),
		url("/smciInc/front/css/vendors/font/woff/Pretendard-Medium.woff")			format("woff"),
		url("/smciInc/front/css/vendors/font/otf/Pretendard-Medium.otf")			format("opentype");
}
@font-face {
	font-family: "Pretendard-Regular";
	font-style: normal;
	font-weight: 100;
	src:
		url("/smciInc/front/css/vendors/font/woff2/Pretendard-Regular.woff2")		format("woff2"),
		url("/smciInc/front/css/vendors/font/woff/Pretendard-Regular.woff")			format("woff"),
		url("/smciInc/front/css/vendors/font/otf/Pretendard-Regular.otf")			format("opentype");
}
@font-face {
	font-family: "Pretendard-SemiBold";
	font-style: normal;
	font-weight: 100;
	src:
		url("/smciInc/front/css/vendors/font/woff2/Pretendard-SemiBold.woff2")		format("woff2"),
		url("/smciInc/front/css/vendors/font/woff/Pretendard-SemiBold.woff")		format("woff"),
		url("/smciInc/front/css/vendors/font/otf/Pretendard-SemiBold.otf")			format("opentype");
}
@font-face {
	font-family: "Pretendard-Thin";
	font-style: normal;
	font-weight: 100;
	src:
		url("/smciInc/front/css/vendors/font/woff2/Pretendard-Thin.woff2")			format("woff2"),
		url("/smciInc/front/css/vendors/font/woff/Pretendard-Thin.woff")			format("woff"),
		url("/smciInc/front/css/vendors/font/otf/Pretendard-Thin.otf")				format("opentype");
}

/* CSS Document */
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, font, 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 {
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	background:transparent;
}
caption{font-size: 0; text-indent: -9999px; line-height: 0; height: 0;}
body {margin:0; padding:0;font-family:'Malgun Gothic', dotum, sans-serif;  }
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
fieldset, button {border:none;}
img {border:0 none; vertical-align:top;}
a {text-decoration:none; color:#999;}
textarea {overflow:auto;}
hr, legend {display:none;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */ 
option {padding-right:6px;} /* Firefox Fix */
li {list-style:none;}

a, area { behavior:expression(this.hideFocus=true); } /* IE */
a:active, a:focus, area:active, area:focus { outline:none; }


/* Form */
.inputText {position:relative; *top:-1px; border:1px solid #c2c2c2; height:18px; line-height:18px; padding-left:5px; font-size:12px; color:#666; font-family:dotum;}
:root .inputText {border:1px solid #c2c2c2; height:16px; line-height:13px; padding:3px 0 2px 5px; font-size:12px; color:#666; font-family:dotum;}
.inputRadio {width:12px; height:12px; vertical-align:middle; margin-right:0; margin-top:-3px; *margin:-2px 2px 0 0;}
.inputCheck {width:12px; height:12px; vertical-align:middle; margin-right:4px; margin-top:-2px;}
:root .inputCheck {width:12px; height:12px; vertical-align:middle; margin-right:4px; margin-top:1px;}
form * {vertical-align:middle;}
select {height:23px; vertical-align:middle; border:1px solid #c2c2c2;}
:root select {padding-left:3px;}
textarea {border:1px solid #c2c2c2; padding:5px 0 0 5px; font-size:12px; color:#666; resize: none;}
.inputSearch {position:relative; top:-11px;*top:-4px; border:3px solid #a7a7a7; height:26px; line-height:26px; padding-left:5px; font-size:12px;}
.inputSearch02 {position:relative; top:-14px;*top:-5px; border:3px solid #a7a7a7; height:24px; line-height:24px; padding-left:5px; font-size:12px;}
:root .inputSearch02 {position:relative; top:-13px; border:3px solid #a7a7a7; height:24px; line-height:24px; padding-left:5px; font-size:12px;}
.textarea {border:1px solid #fff; padding:10px; line-height:1.4em; font-family:dotum; color:#666;}


/* CSS코딩규칙 적용 공통클래스 추가  */
.grayBg{background-color:#EAEDF2}

.posiRelative{position:relative;}
.posiAbsolute{position:absolute;}

/* 정렬 */
.ta_center{text-align:center;}
.ta_left{text-align:left;}
.ta_right{text-align:right;}



/*Text 설정 */
.textHidden{text-indent: -9999px; font-size: 0; opacity: 0;} /* 웹 접근성 */
.fw_bold{font-weight:bold;}
.color_white{color:#fff;}
.color_black{color:#000;}
.color_red{color:#e80f1e;}
.color_inherit{color:inherit;}
.txt_underline {text-decoration: underline;}
.overTextDot{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /* 넘침 글자 … 처리 */ 
.wb_breakall{word-break:break-all;}

/* font설정 */
.ft_tahoma{font-family: tahoma, sans-serif;}
.ft_notoSansThin{font-family: NotoSansKR-Thin,'Malgun Gothic', dotum, sans-serif;}
.ft_notoSansRegular{font-family: NotoSansKR-Regular,'Malgun Gothic', dotum, sans-serif;}
.ft_notoSansLight{font-family: NotoSansKR-Light,'Malgun Gothic', dotum, sans-serif;}
.ft_notoSansDemiLight{font-family: NotoSansKR-DemiLight,'Malgun Gothic', dotum, sans-serif;}
.ft_notoSansMedium{font-family: NotoSansKR-Medium,'Malgun Gothic', dotum, sans-serif;}
.ft_notoSansBold{font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif;}
.ft_notoSansBlack{font-family: NotoSansKR-Black,'Malgun Gothic', dotum, sans-serif;}


.ft_size0{font-size: 0;}
.ft_sizeInherit{font-size: inherit;}


/* display */
.dp_inline{display:inline;}
.dp_inlineBlock{display:inline-block;}
.displayNone{display:none;}
.displayBlock{display:block;}

.overHidden{overflow: hidden;}

/* 위치 */
.floatLeft{float: left;}
.floatRight{float: right;}
.clearBoth,.clear_both{clear:both;}

/* float 해제 */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* */
.cursorPointer{cursor:pointer;}

/* 요소 크기 */
.width_100p{width: 100%}
.width_50p{width: 50%}
.minHeight_500{min-height: 500px}

.maxWidth_1920{max-width:1920px;}
.maxWidth_1100{max-width:1100px;}


/* 간격 조정 */
.mgAuto{margin: 0 auto;}

.mgTop_10{margin-top: 10px;}
.mgTop_20{margin-top: 20px;}
.mgTop_40{margin-top: 40px;}
.mgTop_50{margin-top: 50px;}
.mgBottom_10{margin-bottom: 10px;}
.mgBottom_20{margin-bottom: 20px;}
.mgBottom_35{margin-bottom: 35px;}
.mgBottom_50{margin-bottom: 50px;}