/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2017-11-15
| 파일설명 : default CSS
+----------------------------------------------------------------------+
| 작업자 : bsh
+----------------------------------------------------------------------+
| 수정이력
| 20181119 공통 css추가 밎 textarea 속성 추가 by 박소율
| 20191114 loading 이미지 위치 조정 by 권용찬
| 20200827 NotoSans 폰트 추가 by 우현진
| 20200831 최상단 타이틀영역 css 공통 추가 by 우현진
| 20230131 NotoSansCJK 폰트 추가 by 최진영
| 20230227 NotoSansCJK 폰트 제거, NotoSansJP 폰트 추가(otf) by 최진영 
| 20230626 NotoSansJP 폰트 추가(woff) by 최진영 
+----------------------------------------------------------------------+

*/
@charset "utf-8";

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

@font-face {
  font-family: 'NotoSansJP-Thin';
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src:
    url('/smciInc/webapp/css/vendors/font/woff/NotoSansJP-Thin.woff') format('woff'),
    url('/smciInc/webapp/css/vendors/font/otf/NotoSansJP-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansJP-Light';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src:
    url('/smciInc/webapp/css/vendors/font/woff/NotoSansJP-Light.woff') format('woff'),
    url('/smciInc/webapp/css/vendors/font/otf/NotoSansJP-Light.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansJP-Regular';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src:
    url('/smciInc/webapp/css/vendors/font/woff/NotoSansJP-Regular.woff') format('woff'),
    url('/smciInc/webapp/css/vendors/font/otf/NotoSansJP-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'NotoSansJP-Medium';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    url('/smciInc/webapp/css/vendors/font/woff/NotoSansJP-Medium.woff') format('woff'),
    url('/smciInc/webapp/css/vendors/font/otf/NotoSansJP-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansJP-Bold';
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  src:
    url('/smciInc/webapp/css/vendors/font/woff/NotoSansJP-Bold.woff') format('woff'),
    url('/smciInc/webapp/css/vendors/font/otf/NotoSansJP-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansJP-Black';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src:
    url('/smciInc/webapp/css/vendors/font/woff/NotoSansJP-Black.woff') format('woff'),
    url('/smciInc/webapp/css/vendors/font/otf/NotoSansJP-Black.otf') format('opentype');
}

* {margin:0;padding:0;line-height:1.4em;-webkit-overflow-scrolling: touch;box-sizing:border-box;font-family:'Nanum Barun Gothic','Nanum Gothic', 'Dotum', 'sans-serif';}
html, body{font-size:12px;font-family:'Nanum Barun Gothic','Nanum Gothic', 'Dotum', 'sans-serif';}
body{height:100%;color:#000000;-webkit-text-size-adjust:none;word-break:keep-all;word-wrap:break-word;}
legend, caption, figcaption{display:none;}
p,ul,ol,li,dl,dt,dd,form {list-style-image:none;list-style-position:outside;list-style-type:none;border:0px;}
img,fieldset, frameset, frameborder, frame {border:0;}
table{width:100%;border-collapse:collapse;}
a, img, span, b, input, select, em, textarea, label, strong{vertical-align:middle;outline-style:none;}
textarea{resize: none;}
a{color:inherit;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none}
em, i{font-style:normal}

a, a:link, a:active, a:visited{text-decoration:none;}
a:hover, a:focus{ text-decoration:none; }
a:active, a:focus, area:active, area:focus {outline:none; }


/* CSS코딩규칙 적용 공통클래스 */
.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;}
.posiAbsolute , .posi_absolute {position: absolute;}
.posiRelative , .posi_relative {position: relative;}
.clear_both{clear:both;}

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

/* 더보기 시 로딩이미지 */
.wrap .pageLoading{position:fixed;top:20%;left:50%;display:none;height:30px;width:30px;z-index:1000;background:#f1f1f1;background:url('/smciImages/webapp/apply/horizon/loading.gif') no-repeat 0 0;background-size:100% 100%;transform: translate3d(-50%,-50%,0);}

/*상단 [레드] 헤더 기본 디자인*/
#titleHeader.topHeader{width: 100%;background-color: #ef4040;text-align: center; height: 70px;}
#titleHeader.topHeader.fix{position: fixed;top: 0;left: 0;z-index: 1;}
#titleHeader.topHeader .headTitle{display: block; color: #fff; font-size: 28px; color: #fff; line-height: 70px; font-family: 'NotoSansKR-Bold'; letter-spacing: -1px;}
#titleHeader.topHeader .closeBtn{position: absolute; display: inline-block; width: 35px; height: 35px; top:17px; right: 27px; z-index: 1; background: url('/smciImages/webapp/layout/white_small_close_PC.png') 0 0 no-repeat; -webkit-background-size: cover;
background-size: cover;}
#titleHeader.topHeader .closeBtn img{width: 100%;}

/*상단 [레드] 헤더 기본 디자인 반응형 처리*/
@media screen and (max-width:812px) {
#titleHeader.topHeader{height: 43px;}
#titleHeader.topHeader .headTitle{line-height: 43px; font-size: 21px;}
#titleHeader.topHeader .closeBtn{top: 7px;right: 7px;width: 30px;height: 30px; background-image:url('/smciImages/webapp/layout/white_small_close.png');}
}
@media screen and (min-width:1024px) { 
.topHeader .headTitle{font-size: 36px;}
.topHeader .closeBtn{margin-top: 5px; right: 2%;}
.topHeader .closeBtn img{width: 100%;}
#titleHeader.topHeader .closeBtn{margin-top: 0;}
}

@media all and (min-width:1280px) and (max-width:2048px) {
#titleHeader.topHeader .closeBtn{margin-top: 0; right: 1%;}
#titleHeader.topHeader .closeBtn img{width: 60%;}
}