/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-09-01
 | 파일설명 : default - 태그초기화, 공통클래스, 웹폰트 CSS
 +----------------------------------------------------------------------+
 | 퍼블리셔 : 박소율
 +----------------------------------------------------------------------+
 | 수정사항
 | 20191216 네아로 로그인 추가 > 웹폰트 오류 수정 by 김승미 
 +----------------------------------------------------------------------+
*/

@charset "utf-8";

@font-face {
    font-family:'NanumGothic';
    src: url('/inc/front/css/vendors/font/Nanumgothic.eot');
    src: url('/inc/front/css/vendors/font/Nanumgothic.eot?#iefix') format('embedded-opentype'),
         url('/inc/front/css/vendors/font/Nanumgothic.woff') format('woff'),
         url('/inc/front/css/vendors/font/Nanumgothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

*{margin:0;padding:0;font-size:100%;}
html, body{color:#343434;}/* height:100%;주석처리 */
html{overflow-y:scroll;}
/* body{font-size:12px;line-height:1.4em;color:#555555;font-family:'돋움','Dotum', sans-serif;}  */
body,h1,h2,h3,h4,input,button{font-size:12px;line-height:1.4em;color:#555555;font-family:malgun-gothic, Malgun Gothic,'맑은고딕','맑은 고딕','NanumGothic','나눔고딕','Dotum','돋움', sans-serif} 
legend, caption, figcaption, hr {display:none;}
menu, ul, ol, li{list-style:none;}
table {border-collapse:collapse;}
a{color:inherit;text-decoration:none;cursor:pointer;color:#444444;}
a:hover{text-decoration:underline}
a:active, a:focus, area:active, area:focus { outline:none; }
img{border:none;vertical-align:top;}
input[type="text"],input[type="password"], select, textarea{outline:0;border:1px solid #cccccc;font-family:malgun-gothic, Malgun Gothic,'맑은고딕','맑은 고딕','NanumGothic','나눔고딕','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;}
iframe, .s_iFrame{border:none;}
#skipNavi{position:absolute; top:0; left:0; text-indent:-1000px; visibility:hidden;}
br { letter-spacing: 0; } 
.clear{clear:both;height:0;width:100%;display:block;}
textarea{resize:none;}
.va_middle{vertical-align:middle;}


/*  웹접근성 관련 CSS*/
.lbl_hidden{position:absolute;left:-999999px;color:#fff;}
.login .lbl_in{position:absolute;left:-999999px;color:#fff;}
.kd_skip a{position: absolute;background-color:#e8141d;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); width: 100px;height: 30px;text-align: center;color: #fff;z-index: 9999;line-height: 30px; top: -30px;opacity: 0;}
.accessibility {position:absolute; top:0; left:0; visibility:hidden;}

/* 외주CSS Common start : 외주코딩이기 때문에 코딩규칙에 맞지않음. */

/* table */
table {table-layout:fixed;}
table label {margin-left:25px;}
*:first-child + HTML table label {margin-left:19px;}
*:first-child + HTML table label input[type='radio']{margin-right:-1px;}
table label:first-child{margin-left:0;}
*:first-child + HTML table label:first-child{margin-left:0;}

table img{vertical-align:middle;}
table label input[type='radio']{position:relative;top:2px}
*:first-child + HTML table label input[type='radio']{position:relative;top:1px;left:1px}


/* 기존 공통클래스 - 개선되어야하는 클래스 start */
/* btn */
.btnC{padding-top:15px;text-align:center;}
.btnC a{margin:3px}
.btnR{padding-top:15px;text-align:right;}
.btnR a{margin-left:1px;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0px !important;}
.pb15{padding-bottom:15px !important;}
.pb18{padding-bottom:18px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}

.pl20{padding-left:20px !important;}

.mt0{margin-top:0 !important;}
.mt15{margin-top:15px !important;}
.mt17{margin-top:17px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}

/* text */
.redTxt{color:#cc0033 !important;}
.redTxt2{color:#ff0000 !important;}
.redTxt3{color:#e82b1b !important;}
.redTxt4{color:#ed1c24 !important;}
.blueTxt{color:#336699 !important;}
.blueTxt2{color:#0033cc !important;}
.puppleTxt{color:#9933cc !important;}
.darkGrayTxt{color:#333333 !important;}
.grayTxt{color:#666666 !important;}
.txt_red{color:red;}
.txt_gray999{color:#999;!important;}
.color_red{color:red;}
.color_blue{color:blue;}
.color_green{color:green;}

.fs12{font-size:12px !important;}
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}
.fs24{font-size:16px !important;}
.textL{text-align:left !important;}
.textC{text-align:center !important;}
.textR{text-align:right !important;}

/* 기존 공통클래스 - 개선되어야하는 클래스 end */
/* 외주CSS Common end */



/* 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;}
.posiRelative , .posi_relative {position: relative;}
.clear_both{clear:both;}

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

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