/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-08-14
 | 파일설명 : default CSS
 +----------------------------------------------------------------------+
 | 작업자 : bsh
 +----------------------------------------------------------------------+
 | 수정이력
 | 20170907 폰트 파일 src 수정 by bsh
 | 20170920 posiRelative class 추가 by bsh
 | 20180111 caption, figcaption display: none, 공통클래스  추가 by 박소율
 | 20180727 overHidden 추가 by 박소율
 | 20210709 NotoSansKR, Spoqa Han Sans 폰트 추가 by 최진영
 | 20230215 NotoSansCJK 폰트 추가 by 최진영
 +----------------------------------------------------------------------+
*/

/* 웹폰트 설정 */
@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: 'NanumBarunGothic';
 src: url(/smciInc/front/css/vendors/font/NanumBarunGothic.eot);
 src: url(/smciInc/front/css/vendors/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
 url(/smciInc/front/css/vendors/font/NanumBarunGothic.woff) format('woff'),
 url(/smciInc/front/css/vendors/font/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothicBold';
 src: url(/smciInc/front/css/vendors/font/NanumBarunGothicBold.eot);
 src: url(/smciInc/front/css/vendors/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
 url(/smciInc/front/css/vendors/font/NanumBarunGothicBold.woff) format('woff'),
 url(/smciInc/front/css/vendors/font/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Brush Script';
  font-style: normal;
  font-weight: 400;
  src: url(/smciInc/front/css/vendors/font/NanumBrushScript-Regular.eot);
  src: url(/smciInc/front/css/vendors/font/NanumBrushScript-Regular.eot?#iefix) format('embedded-opentype'),
       url(/smciInc/front/css/vendors/font/NanumBrushScript-Regular.woff2) format('woff2'),
       url(/smciInc/front/css/vendors/font/NanumBrushScript-Regular.woff) format('woff'),
       url(/smciInc/front/css/vendors/font/NanumBrushScript-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/smciInc/front/css/vendors/font/NanumGothic-Bold.eot);
  src: url(/smciInc/front/css/vendors/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/smciInc/front/css/vendors/font/NanumGothic-Bold.woff) format('woff'),
       url(/smciInc/front/css/vendors/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/smciInc/front/css/vendors/font/NanumGothic-Regular.eot);
  src: url(/smciInc/front/css/vendors/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/smciInc/front/css/vendors/font/NanumGothic-Regular.woff) format('woff'),
       url(/smciInc/front/css/vendors/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/smciInc/front/css/vendors/font/NanumGothic-ExtraBold.eot);
  src: url(/smciInc/front/css/vendors/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/smciInc/front/css/vendors/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/smciInc/front/css/vendors/font/NanumGothic-ExtraBold.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');
}

/* Type Selector */
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;
	/*line-height:normal;*/
	line-height:16px;
}
body {margin:0; padding:0; font-family:"돋움", Dotum, arial, tahoma, verdana, "굴림", Gulim, AppleGothic, Sans-serif; background:#000 no-repeat center top; color:#555555; line-height:150%;}
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;}
a:hover, a:active, a:focus {text-decoration:underline; color:#666;}
textarea {overflow:auto;}
legend, caption, figcaption, hr {display:none;}  /* 20180111 caption, figcaption 추가 by 박소율 */
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; }

input[type="text"],input[type="password"], select, textarea{outline:0;border:1px solid #cccccc;font-family:'Nanum Gothic', 'Dotum', 'sans-serif';vertical-align:middle;}
input[type="text"],input[type="password"]{height:18px;padding:5px;border:1px solid #c2c2c2;}
input[type="text"]:focus,input[type="password"]:focus {
    outline: none;
}



.dis-txt { visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0px; } /* 리더기에서만 읽히고 보이지않음 */

/* 정렬 */
.ta_center{text-align:center;}
.clearFix:after {clear:both; content:''; display:block; height:0; visibility:hidden; font-size:0;}
.clearFix {*zoom:1;}

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

/* Margin */
.mgTop_0{margin-top:0px;}
.mgTop_1{margin-top:1px;}
.mgTop_2{margin-top:2px;}
.mgTop_3{margin-top:3px;}
.mgTop_6{margin-top:6px;}
.mgTop_5{margin-top:5px;}
.mgTop_10{margin-top:10px;}
.mgTop_15{margin-top:15px;}
.mgTop_20{margin-top:20px;}
.mgTop_25{margin-top:25px;}
.mgTop_30{margin-top:30px;}
.mgTop_40{margin-top:40px}

.mgBottom_5{margin-bottom:5px;}
.mgBottom_10{margin-bottom:10px;}
.mgBottom_15{margin-bottom:15px}
.mgBottom_20{margin-bottom:20px;}
.mgBottom_25{margin-bottom:25px;}
.mgBottom_30{margin-bottom:30px;}
.mgBottom_40{margin-bottom:40px}
.mgBottom_50{margin-bottom:50px}

.mgLeft_5{margin-left:5px;}
.mgLeft_10{margin-left:10px;}
.mgLeft_20{margin-left:20px;}

.mgRight_5{margin-right:5px;}
.mgRight_10{margin-right:10px;}


.width_100p{width:100%;}
.width_100{width:100px;}
.width_200{width:200px;}

/* accessibility */
hr {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 

.accessibility_nav {position:absolute; top:0; left:50%; width:300px; margin-left:-150px; z-index:777;}
.accessibility_nav li {list-style:none;}
.accessibility_nav a {
	position: absolute;
	top: -10000px;
	left: 0;
	width:100%;
	display: block;
	height: 12px;
	padding: 5px 30px;
	background: #eaeaea;
	border:1px solid #999;
	font:bold 100%/100% Malgun Gothic;
	text-align: center;
	color: #000;
	}
	
.accessibility_nav a:hover, .accessibility_nav a:focus, .accessibility_nav a:active	{
	position: absolute;
	top: 0;
	left: 0;
	}

.accessibility {position:absolute; top:0; left:0; visibility:hidden;}
.accessibility_top {position:absolute; top:0; left:0; visibility:hidden;}
.accessibility_view {position:relative; visibility:visible; width:auto; height:auto; font-size:100%; line-height:normal;}

#skipNavi{position:absolute; top:0; left:0; text-indent:-1000px; visibility:hidden;}

.cursorPointer{cursor:pointer;}
.clearBoth{clear:both;}
.displayNone{display:none;}
.displayBlock{display:block;}

.clear_both{clear:both;}
.dp_inline{display:inline;}
.wb_breakall{word-break:break-all;}

.ta_right{text-align:right;}

.posiRelative, .posi_relative{position:relative;}

/* 20180112  CSS코딩규칙 적용 공통클래스 추가 by 박소율 */
.ta_center{text-align:center;}
.ta_left{text-align:left;}
.ta_right{text-align:right;}
.mgAuto{margin: 0 auto;}
.textHidden{text-indent: -9999px; font-size: 0; opacity: 0;}
.fw_bold{font-weight:bold;}

.overTextDot{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /* 넘침 글자 … 처리 */ 
.color_red{color:red;}
.color_blue{color:blue;}
.color_green{color:green;}

.txt_underline {text-decoration: underline;}

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

/* 위치 */
.floatLeft{float: left;}
.floatRight{float: right;}

.clear_both{clear:both;}

/* z-index */
.zIndex_m{ z-index: -1px; }

/* checkbox */
.checkbox{display:inline-block;width:22px;height:22px;}

/* overflow */
.overHidden{overflow: hidden;}