/**reset.css : reset:Based on work by Eric Meyer
-------------------------------------------*/
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, label, legend ,nav
{ margin:0; padding:0; border:0;  font-size:100%; vertical-align:middle; background:transparent; }
 /*{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:middle; background:transparent; }*/

form, input, select, textarea, label { margin:0; padding:0;  /* font-size:100%; */ vertical-align:middle; /*outline: none;*/}
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes: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; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* Round Corners Reset */
* html .tlc, * html .trc { height:1%; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
/* css3 오류 :audio, canvas, video { display:inline-block; *display:inline; *zoom:1; } */
/* css2.1 오류 :audio:not([controls]) { display:none; } */
[hidden] { display:none; }
caption, legend{
	/*position: absolute;*/
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}


/** 폰트
-------------------------------------------*/

@font-face {
    font-family: 'notokr-light';
    src: url('./font/notokr-light.eot');
    src: url('./font/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('./font/notokr-light.woff2') format('woff2'),
         url('./font/notokr-light.woff') format('woff'),
         url('./font/notokr-light.ttf') format('truetype'),
         url('./font/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-regular';
    src: url('./font/notokr-regular.eot');
    src: url('./font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('./font/notokr-regular.woff2') format('woff2'),
         url('./font/notokr-regular.woff') format('woff'),
         url('./font/notokr-regular.ttf') format('truetype'),
         url('./font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-medium';
    src: url('./font/notokr-medium.eot');
    src: url('./font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('./font/notokr-medium.woff2') format('woff2'),
         url('./font/notokr-medium.woff') format('woff'),
         url('./font/notokr-medium.ttf') format('truetype'),
         url('./font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-bold';
    src: url('./font/notokr-bold.eot');
    src: url('./font/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('./font/notokr-bold.woff2') format('woff2'),
         url('./font/notokr-bold.woff') format('woff'),
         url('./font/notokr-bold.ttf') format('truetype'),
         url('./font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/** 일반
-------------------------------------------*/
html { background:#fff; height:100%;}
body { font-size:13px; line-height:1.6em; color:#333; min-height:100%; height:100%; font-family: "Malgun Gothic", "Dotum", "Sans-serif";}
a,a:link,a:visited,a:active {color:#151515;text-decoration:none;}
a:hover{color:#4C63A3;}

h1, h2, h3, h4, h5, h6 { font-family: "notokr-medium", "Malgun Gothic", "Dotum", Sans-serif; font-weight:normal; }
#mainNav h2 > a  { font-family: "notokr-medium", "Malgun Gothic", "Dotum", Sans-serif; font-weight:normal; }
/* form세팅 */
input[type="radio"],input[type="checkbox"] {height:15px !important; width:25px !important;  border: none !important;  background: none !important; line-height:20px; margin-top:0px;}
input[type="text"],input[type="password"],input[type="email"],select { font-size:13px; color:#333; height:100%; border:#ddd solid 1px; font-family:'Malgun Gothic', 'Dotum'; height:30px; margin-right:6px;}
input[type="file"] { font-size:13px; color:#333; border:#ddd solid 1px; font-family:'Malgun Gothic', 'Dotum'; height:30px;  }
textarea { font-size:13px; color:#333; height:100%; border:#ddd solid 1px; font-family:'Malgun Gothic', 'Dotum'; }



/* 웹접근성 바로가기 */
#skipNavi { position: absolute; margin: 0 auto; width: 100%; list-style: none; font-size: 1.15em; 	top: -10.5em; left: 0; z-index: 99999; }
#skipNavi a:active, #skipNavi a:focus { position: absolute; 	padding-top: 0.5em; width: 100%; 	height: 2em; top: 10.5em; 	text-align: center; 	color: #f9f9f9; 	font-weight:bold; background: #333; border: 1px solid #f9f9f9; /* outline: 0; */ }

/* 컬럼 */
.row { margin-left: 0px; margin-right: 0;/* css3 오류 *zoom: 1;*/ }
.row:before, .row:after { display: table; content: ""; }
.row:after { clear: both }


/** 버튼 ------------------------------------------*/
.btnWrap {margin:30px 0 50px; clear:both;}
.btnM { font-family:  "Malgun Gothic", "Dotum", Sans-serif; display:inline-block; height:30px; line-height:30px; font-size:13px; background:#fff; padding: 0 15px; border:1px solid #ddd;  cursor:pointer; color:#565d65; }
.btnM:hover { border:1px solid #aaa; color:#000;}

.btnM2 { font-family:  "Malgun Gothic", "Dotum", Sans-serif;width:43%;  display:inline-block; line-height:50px; font-size:13px; background-color:#fff; padding: 5px 35px 5px 15px; margin-bottom:5px; border:1px solid #ddd;  cursor:default; color:#565d65;
background:url(/images_new/icon/ico_arr_next.png) no-repeat 90% 50%;}
.btnM2:hover { border:1px solid #4C63A3; color:#fff; background:#4C63A3;}


.btnL { font-family:  "Malgun Gothic", "Dotum", Sans-serif; display:inline-block; font-weight:bold; height:40px; line-height:40px; font-size:14px; background:#fff; padding: 0 25px; border:1px solid #ddd;  cursor:default;}
.btnL:hover { border:1px solid #aaa; }

.btnS { font-family:  "Malgun Gothic", "Dotum", Sans-serif; display:inline-block; font-weight:normal; height:20px; line-height:40px; font-size:13px; background:#fff; padding: 0 25px; border:1px solid #ddd;  cursor:default;}
.btnS:hover { border:1px solid #aaa; }

.btnM span, .btnM2 span, .btnL span,  .btnS span {margin-top:2px;}

.btnBlue {border: 1px solid	#a2b3d2;	background: #4C63A3; color:#fff;}
.btnBlue > span {color:#fff;}
.btnGreen {border: 1px solid	#b0dca7;	background: #52A340; color:#fff;}
.btnWhite { background: #fff !important; color:#565d65;}
.btnDGray {border: 1px solid	#777;	background: #777; color:#fff;}
.btnDGray > span {color:#fff;}


.btnS {  font-family:  "Malgun Gothic", "Dotum", Sans-serif; font-size:11px; height:18px;  line-height:20px; padding:0 5px; text-align:center; cursor:default; margin-right:5px;vertical-align:baseline; }
.btnSch { padding-left:35px;  background:url(/images_new/common/btnSch.png) no-repeat 10px 48%; background-color: #fff; }
.btnSchW { padding-left:35px;  background:url(/images_new/common/btnSchW.png) no-repeat 10px 48%; background-color: #fff; }
.btnBBS { border: 1px solid	#5E616A; background-color:#5E616A; padding-bottom: 6px;}
.btnBBS > span {color:#fff; font-family:  "Malgun Gothic", "Dotum", Sans-serif; display:inline-block; }

.iconDate { display:inline-block;height:35px; width:35px; background:url(/images_new/icon/small-calendar.png) no-repeat 1px 3px; vertical-align:middle;}
.iconSch { display:inline-block;height:22px; width:22px; background:url(/images_new/common/btnSch.png) no-repeat; vertical-align:top;}
.iconSchMore { display:inline-block;height:22px; width:30px; background:url(/images_new/icon/down-arrow.png) no-repeat 80% 7px;  vertical-align:top;}

.iconDown { display:inline-block;background:url(/images_new/icon/ico_arr_next.png) no-repeat 90% 10px;  vertical-align:top; padding: 0 30px 0 20px; background-color:#fff; }
.iconDoc { display:inline-block;height:22px;background:url(/images_new/icon/ico_doc.png) no-repeat 0 7px;  vertical-align:top; padding-left:20px; }
.iconExcel { display:inline-block;height:22px;background:url(/images_new/icon/ico_excel.png) no-repeat 0 5px;  vertical-align:top; padding-left:20px; }
.iconFav { display:inline-block;height:22px;background:url(/images_new/icon/ico_fav.png) no-repeat 0 8px;  vertical-align:top; padding-left:25px; }
.iconMore { display:inline-block;height:22px;background:url(/images_new/icon/ico_view.png) no-repeat 0 7px;  vertical-align:top; padding-left:25px; }
.iconHome { display:inline-block;height:22px;background:url(/images_new/icon/ico_home.png) no-repeat 0 6px;  vertical-align:top; padding-left:28px; }
.iconQ { display:inline-block;height:22px;background:url(/images_new/icon/ico_talk.png) no-repeat 0 8px;  vertical-align:top; padding-left:22px; }
.iconPdf { display:inline-block;height:22px;background:url(/images_new/icon/ico_pdf.png) no-repeat 0 5px;  vertical-align:top; padding-left:20px; }
.iconFile { display:inline-block;height:22px;background:url(/images_new/icon/icoDisk.png) no-repeat 0 5px;  vertical-align:top; padding-left:20px; }



/** 공통 ------------------------------------------*/
.left	{float:left;}
.right	{float:right;}

.txLeft {text-align:left !important;}
.txRight {text-align:right !important;}
.txCenter {text-align:center !important;}
.tdCenter td {text-align:center !important;}
.tdRight  td {text-align:right !important;}

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

.txStrongColor {color:#E03C2B;}
.txStrong {font-weight:bold;}
.txNormal {font-weight:normal !important;} /* 20180618추가 */

.txRed {color:#ec151e;}
.txBlue {color:#0033ff;}
.txGreen {color:#54ac4b;}
.txOrange  {color:#f0802e;}
.txBlack {color:#262626;}
.txCmt {font-size:12px !important; font-weight:normal !important; color:#4C63A3; }
.txDate {color:#999;}

.bgRed {background-color:#ec151e !important;}
.bgBlue {background-color:#4C63A3; color:#fff;}
.bgGreen {background-color:#54ac4b;}
.bgWhite {background-color:#fff;}
.bgDGary {background-color:#DCE0E3;}
.bgGary {background-color:#f6f6f6;}
.bgYellow {background-color:#ffffcc !important;;} /* 20180618추가 */


/** table Width */
.w4 {width:4.5%;}
.w5 {width:5%;}
.w8 {width:8%;}
.w9 {width:9.5%;}
.w10 {width:10%;
	white-space: normal;
}
.w11 {width:11.5%;}
.w12 {width:12%;}
.w13 {width:13.5%;}
.w14 {width:14%;}
.w15 {width:15%;
	  white-space: normal;
}
.w18 {width:18%;}
.w20 {width:20%;}
.w23 {width:23.3%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}

.w100 { width:100%; height:100%; }
.w90 { width:90% }
.w79 { width:79%; }
.w69 { width:69%; }
.w50 { width:49%; }
.w110{width:110px !important; margin:10px 0 0 !important; }
.w200{width:200px !important; margin:10px 0 0 !important;}
.wInputDate { width:120px; }
.wInputM { width:60px; }
.wAuto { width:auto; }

.noLineLeft {border-left:none !important;}
.noLineRight {border-right:none !important;}
.noLineTop {border-top:none !important;}
.noLineBottom {border-bottom:none !important;}

.bgNone {background:none !important;}

.padTop10px {padding-top:10px !important;}
.padTop20px {padding-top:20px !important;}
.padTop30px {padding-top:30px !important;}
.padTop50px {padding-top:50px !important;}

.padBtm10px {padding-bottom:10px !important;}
.padBtm20px {padding-bottom:20px !important;}
.padBtm30px {padding-bottom:30px !important;}

.padLeft10px {padding-Left:10px !important;}
.padLeft20px {padding-Left:20px !important;}
.padLeft30px {padding-Left:30px !important;}
.padLeft170px {padding-Left:170px !important;}

.padRight100px {padding-right:130px !important;}

.marginTop10px {margin-top:10px !important;}
.marginTop20px {margin-top:20px !important;}
.marginTop30px {margin-top:30px !important;}

.marginBtm10px {margin-bottom:10px !important;}
.marginBtm20px {margin-bottom:20px !important;}
.marginBtm30px {margin-bottom:30px !important;}


.moreItem {display:inline-block; background:url(/images_new/icon/ico_arr_next.png) no-repeat 6px 4px;  padding-left:17px; line-height:18px; }


span {display:inline-block;}

/** 스카이배너
*/

#skyBannerWarp { position: fixed;  margin-left:1280px; text-align:right; margin-top:210px;}

@media screen and (max-width: 1024px) {
	span{padding-right:0;}
	.row {
    margin-right: 0;
    margin-left:0; 
	}
}
@media screen and (max-width: 768px) {
	
}