/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-09-17
| 파일설명 : default CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 
+----------------------------------------------------------------------+
*/

@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-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');
}


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


/*크로스브라우징 - 하단 미세흰여백 수정*/
html{background-color: #272727;}
body{background-color: #fff;}

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

/* CSS코딩규칙 적용 공통클래스 추가  */
.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_gray{color:#404040;}
.color_lightGray{color:#8a8a8a;}
.color_red{color:#e01734;}
.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_notoSansBold{font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif;}

.ft_size16{font-size: 16px;}
.ft_size18{font-size: 18px;}
.ft_size20{font-size: 20px;}
.ft_size23{font-size: 23px;}
.ft_size25{font-size: 25px;}
.ft_size38{font-size: 38px;}
.ft_size44{font-size: 44px;}
.ft_size45{font-size: 45px;}
.ft_size60{font-size: 60px;}
.ft_sizeInherit{font-size: inherit;}

.lineHeight_33{line-height: 33px}

/* display */
.dp_inline{display:inline;}
.dp_inlineBlock{display:inline-block;}
.dp_block{display: 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: 5000px}

.maxWidth_1920{max-width:1920px;}
.maxWidth_1200{max-width:1200px;}

.width_1200{width: 1200px;}

/* 간격 조정 */
.mgAuto{margin: 0 auto;}
.mgTop_50{margin-top: 50px;}
.mgTop_20{margin-top: 20px;}
.mgBottom_10{margin-bottom: 10px;}
.mgBottom_13{margin-bottom: 13px;}
.mgBottom_50{margin-bottom: 50px;}

.pdTop_100{padding-top: 100px;}
.pdTop_60{padding-top: 60px;}
.pdTop_45{padding-top: 45px;}
.pdTop_20{padding-top: 20px;}
.pdTop_10{padding-top: 10px;}
.pdBottom_20{padding-bottom: 20px;}
.pdBottom_60{padding-bottom: 60px;}
.pdBottom_45{padding-bottom: 45px;}
.pdBottom_100{padding-bottom: 100px;}
.pdBottom_120{padding-bottom: 100px;}

.pdLeft_25{padding-left: 25px;}
.pdLeft_35{padding-left: 35px;}