html {
	height: 100%;
	overflow: overlay;
	}
body {
	margin: 0;
	height: 100%;
	}

.group { *zoom: 1; }
.group:before, .group:after { display: table; content: ""; }
.group:after { clear: both; }

.rbd {border:1px solid #ff0000 !important;}
.bbd {border:1px solid #0000ff !important;}

.color_fff {color:#fff;}
.color_000 {color:#000;}
.color_black {color:#3f3f3f !important;}
.color_grey {color:#777777;}
.color_grey2 {color:#444444 !important;}
.color_grey3 {color:#bbbbbb;}
.color_grey4 {color:#222222;}
.color_grey5 {color:#666666;}
.color_grey6 {color:#999;}
.color_green {color:#4ac5c2;}
.color_red {color:#f63f46;}
.color_red2 {color:#d4121a;}
.color_blue {color:#1c4f91;}
.color_blue2 {color:#0279c1;}
.color_blue3 {color:#024dc1;}
.color_navy {color:#5b7796 !important;}
.color_skyblue {color:#31a5d8;}
.color_brown {color:#9c5f2d;}
.color_orange {color:#ff6633;}
.color_orange2 {color:#f7784b;}
.color_orange3 {color:#FC8949;}
.color_orange4 {color:#F37321 !important;}
.color_orange5 {color:#FFECDF;}

.bg_skyblue {background:#31a5d8 !important;}
.bg_skyblue2 {background:#e6f1f8 !important;}
.bg_blue {background:#2571c4 !important;}
.bg_red {background:#f98080 !important;}
.bg_green {background:#2bbfbb !important;}
.bg_grey1 {background:#c0c3ca !important;}
.bg_grey2 {background:#818895 !important;}
.bg_white {background:#fff !important;}

.line_green {border-color:#aae5e4 !important;}

/* float */
.f_R {float:right !important;;}
.f_L {float:left !important;;}

/* align */
.a_R {text-align:right !important;}
.a_C {text-align:center !important;}
.a_L {text-align:left !important;}

.v_T {vertical-align:top !important;}
.v_M {vertical-align:middle !important;}
.v_B {vertical-align:bottom !important;}
.v_BL {vertical-align:baseline !important;}

/* line height */
.lh_005 {line-height:0.5;}
.lh_010 {line-height:1;}
.lh_015 {line-height:1.5;}
.lh_017 {line-height:1.7;}
.lh_018 {line-height:1.8;}
.lh_020 {line-height:2;}
.lh_025 {line-height:2.5;}
.lh_030 {line-height:3;}
.lh_035 {line-height:3.5;}
.lh_040 {line-height:4;}

/* font size */
.fs_10 {font-size:10px !important;}
.fs_11 {font-size:11px !important;}
.fs_12 {font-size:12px !important;}
.fs_13 {font-size:13px !important;}
.fs_14 {font-size:14px !important;}
.fs_15 {font-size:15px !important;}
.fs_16 {font-size:16px !important;}
.fs_17 {font-size:17px !important;}
.fs_18 {font-size:18px !important;}
.fs_19 {font-size:19px !important;}
.fs_20 {font-size:20px !important;}
.fs_22 {font-size:22px !important;}
.fs_24 {font-size:24px !important;}
.fs_26 {font-size:26px !important;}
.fs_28 {font-size:28px !important;}


/* Padding */
.xlarge-padding-top { padding-top: 38px !important; }
.large-padding-top { padding-top: 26px !important; }
.padding-top { padding-top: 18px !important; }
.mid-padding-top { padding-top: 10px !important; }
.small-padding-top { padding-top: 6px !important; }
.no-padding-top { padding-top: 0 !important; }
.xlarge-padding-right { padding-right: 38px !important; }
.large-padding-right { padding-right: 26px !important; }
.padding-right { padding-right: 18px !important; }
.mid-padding-right { padding-right: 10px !important; }
.small-padding-right { padding-right: 6px !important; }
.no-padding-right { padding-right: 0 !important; }
.xlarge-padding-left { padding-left: 38px !important; }
.large-padding-left { padding-left: 26px !important; }
.padding-left { padding-left: 18px !important; }
.mid-padding-left { padding-left: 10px !important; }
.small-padding-left { padding-left: 6px !important; }
.no-padding-left { padding-left: 0 !important; }
.xlarge-padding-bottom { padding-bottom: 38px !important; }
.large-padding-bottom { padding-bottom: 26px !important; }
.padding-bottom { padding-bottom: 18px !important; }
.mid-padding-bottom { padding-bottom: 10px !important; }
.small-padding-bottom { padding-bottom: 6px !important; }
.no-padding-bottom { padding-bottom: 0 !important; }

.with-padding {padding: 20px 30px !important; }
.with-mid-padding { padding: 10px 16px !important; }
.with-small-padding { padding: 5px 8px !important; }

.with-img_size {width:260px; height: 150px!important; }

.no-padding { padding: 0 !important; }

/* Margins */
.xlarge-margin-top { margin-top: 48px !important; }
.large-margin-top { margin-top: 32px !important; }
.margin-top { margin-top: 16px !important; }
.mid-margin-top { margin-top: 8px !important; }
.small-margin-top { margin-top: 4px !important; }
.no-margin-top { margin-top: 0 !important; }
.large-margin-right { margin-right: 32px !important; }
.margin-right { margin-right: 16px !important; }
.mid-margin-right { margin-right: 8px !important; }
.small-margin-right { margin-right: 4px !important; }
.no-margin-right { margin-right: 0 !important; }
.large-margin-left { margin-left: 32px !important; }

/* K-scholar 조회의 정렬 버튼이 틀이 벗어나서 margin-left: 16px 를 25px로 수정 */
.margin-left { margin-left: 16px !important; }

.mid-margin-left { margin-left: 8px !important; }
.small-margin-left { margin-left: 4px !important; }
.no-margin-left { margin-left: 0 !important; }
.large-margin-bottom { margin-bottom: 32px !important; }
.Big-margin-bottom { margin-bottom: 60px !important; }
.margin-bottom { margin-bottom: 16px !important; }
.mid-margin-bottom { margin-bottom: 8px !important; }
.small-margin-bottom { margin-bottom: 4px !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin {margin: 0 !important; }

/* Absolute positioning */
.relative { position: relative; }
.absolute { position: absolute; }
.absolute-left, .absolute-right {position: absolute;top:8px;}
.absolute-left {	left: 8px;}
.absolute-right {right: 8px;}
	
/* Display */
.inline {display:inline !important;}
.block {display:block !important;}
.inline_block {display:inline-block !important;}

/* width */
.width-largex {width:73% !important;}
.width-smallm {width:19% !important;}

.width-small {width:15% !important;}
.width-medium {width:32% !important;}
.width-large {width:48% !important;}
.width-xlarge {width:64% !important;}
.width-xxlarge {width:80% !important;}
.width-95p {width:95% !important;}
.width-97p {width:97% !important;}
.width-full {width:100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.width-full-60px {width:calc(100% - 60px) !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.width-full-56px {width:calc(100% - 56px) !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.width-full-40px {width:calc(100% - 0px) !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	/* calc(100% - 40px) */
.width-full-90px {width:calc(100% - 90px) !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.width-full-150px {width:calc(100% - 150px) !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.width-30 {width:30px !important;}
.width-35 {width:35px !important;}
.width-40 {width:40px !important;}
.width-45 {width:45px !important;}
.width-50 {width:50px !important;}
.width-60 {width:60px !important;}
.width-70 {width:70px !important;}
.width-80 {width:80px !important;}
.width-85 {width:85px !important;}
.width-90 {width:90px !important;}
.width-100 {width:100px !important;}
.width-120 {width:120px !important;}
.width-130 {width:130px !important;}
.width-160 {width:160px !important;}
.width-165 {width:165px !important;}
.width-180 {width:180px !important;}
.width-200 {width:200px !important;}
.width-210 {width:200px !important;}
.width-240 {width:240px !important;}
.width-280 {width:280px !important;}
.width-P45 {width: 45% !important;}
.width_160{width: auto; right: auto; }
.width_auto{width: auto;}
.width-emailDomain {width: 45% !important;}
.width-emailId {width: 45% !important;}

/* letter-spacing */
.ls-11 {letter-spacing:1.1}
.ls-10 {letter-spacing:1}
.ls-09 {letter-spacing:0.9}
.ls-08 {letter-spacing:0.8}
.ls-07 {letter-spacing:0.7}
.ls-06 {letter-spacing:0.6}
.ls-05 {letter-spacing:0.5}

/* font */
.nobold {font-weight:normal !important;}
.bold {font-weight:600;}

/* border*/
.noborder {border:none !important;}
.border_round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.border_grey {border:1px solid #cccccc;}

/* underline*/
.underline {text-decoration:underline !important;}
.underline_over:hover {text-decoration:underline !important;}

/*text-overflow*/
.txt_ellipsis p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* display */
.block {display:block;}
.inline-block {display:inline-block;}
.marginauto {margin:auto;}

/* placeholder */
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999 !important;}

.doc_icon {width:16px;height:16px;vertical-align:middle;}
.doc_icon.pdf {background:url(/images/ko/document_pdf.png) no-repeat;}
.doc_icon.doc {background:url(/images/ko/document_doc.png) no-repeat;}
.doc_icon.ptx {background:url(/images/ko/document_ptx.png) no-repeat;}
.doc_icon.hwp {background:url(/images/ko/document_hwp.png) no-repeat;}
.doc_icon.txt {background:url(/images/ko/document_txt.png) no-repeat;}

/* checkbox, radio */
input[type=radio] {width:16px;height:16px;}
label.radio input[type=radio]{display:inline-block;margin:-6px 5px 0 0;width:19px;height:21px;opacity: 0.0;  filter: alpha(opacity=0.0);  -ms-filter: "alpha(opacity=0.0)";  -khtml-opacity: 0.0;  -moz-opacity: 0.0;}
label.radio {margin-right:12px;display:inline-block;height:19px; padding:0;line-height:1.6;background:url(/images/ko/cssradio_1.png) no-repeat 0 0;background-size: 19px 19px;cursor:pointer;}
label.radio.active {background:url(/images/ko/cssradio_2.png) no-repeat 0 0;background-size: 19px 19px;color:#111111;}
label.radio.disabled {background:url(/images/ko/cssradio_3.png) no-repeat 0 0;background-size: 19px 19px;cursor: not-allowed !important;}

input[type=checkbox] {margin-right:4px;width:15px;height:15px;}
label.checkbox input[type=checkbox]{display:inline-block;width:20px;padding:0;margin:0;opacity: 0.0;  filter: alpha(opacity=0.0);  -ms-filter: "alpha(opacity=0.0)";  -khtml-opacity: 0.0;  -moz-opacity: 0.0;}
label.checkbox {margin-right:12px;font-size:13px;display:inline-block;height:19px; padding:0;background:transparent;background:url(/images/ko/checkbox1.png) no-repeat 0 2px;background-size:15px 15px;cursor:pointer;}
label.checkbox.active {background:url(/images/ko/checkbox2.png) no-repeat 0 2px;background-size:15px 15px;color:111111 !important;}
label.checkbox.disabled {background:url(/images/ko/checkbox3.png) no-repeat 0 2px;background-size:15px 15px;cursor: not-allowed !important;}

label.checkbox2 input[type=checkbox]{display:inline-block;width:20px;padding:0;margin:0;opacity: 0.0;  filter: alpha(opacity=0.0);  -ms-filter: "alpha(opacity=0.0)";  -khtml-opacity: 0.0;  -moz-opacity: 0.0;}
label.checkbox2 {margin-right:6px;font-size:13px;display:inline-block;height:19px; padding:0;background:transparent;background:url(/images/ko/checkbox2_1.png) no-repeat 0 4px;background-size:12px 12px;cursor:pointer;}
label.checkbox2.active {background:url(/images/ko/checkbox2_2.png) no-repeat 0 4px;background-size:12px 12px;color:111111 !important;}
label.checkbox2.disabled {background:url(/images/ko/checkbox2_3.png) no-repeat 0 4px;background-size:12px 12px;cursor: not-allowed !important;}

label input[type=checkbox] {vertical-align:middle;}

.select {
	font-family:'Noto Sans KR', sans-serif;
	font-size:14px;
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #dbdbdb;
	height:40px;
	padding:0 30px 0px 8px;
	background:#ffffff url(/images/ko/icon_arrow4.png) no-repeat;
	background-position:100% 50%;
	cursor:pointer;
	vertical-align:middle;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

.re_select {
	background: #ffffff url(/images/ko/ico_select_down.png) no-repeat;
	background-size: 30px 30px;
	background-position: 98.5% 50%;
}
.select::-ms-expand {display:none;}
.input {padding:5px 6px 4px;font-size:13px;border:1px solid #c7c7c7;vertical-align:middle;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.input[type=file] {padding:0;background:#fff;}
.input.dotted {border-style:dotted;border-color:#bbbbbb;}

.file_input_div {position: relative; width: 80px; height: 26px; overflow: hidden;}
.file_input_button {width: 100px; position: absolute; top: 0px;background-color: #33BB00;color: #FFFFFF;border-style: solid;cursor:pointer;}
.file_input_hidden {font-size: 45px;position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;cursor:pointer;}

input[type=text]:focus, input[type=password]:focus {position:relative;outline: 0;border-color:#f6855a !important;z-index:1;}

/*----------------------------------------------------------------------*/
/* Label */
/*----------------------------------------------------------------------*/
span.label {
	display:inline-block;
	padding: 3px 8px 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-width:1px;
	border-style:solid;
	text-align:center;
	margin-bottom:1px;
}
span.label.small {padding: 1px 4px 2px;font-size:12px;}

/*----------------------------------------------------------------------*/
/* Dialog transparent CSS */
/*----------------------------------------------------------------------*/
.transparent_styled { border: none !important; background: transparent !important; }
.transparent_styled .ui-widget-header {border: none !important; background: transparent !important; }
.transparent_styled .ui-state-default {border: none !important; background: transparent !important;}
.transparent_styled .ui-widget-content {border: none !important; background: transparent !important;overflow:hidden;padding-bottom:60px;}
.transparent_styled .ui-dialog-titlebar {display:none }
.transparent_styled .ui-dialog-titlebar-close {display:none }

/*----------------------------------------------------------------------*/
/* Grid
/*----------------------------------------------------------------------*/
.row-fluid { width: 100%; *zoom: 1;}
.row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: "";}
.row-fluid:after { clear: both;}
.row-fluid [class*="span"] { display: block; float: left; width: 100%; *width: 99.8%;min-height: 30px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row-fluid [class*="span"]>.content {margin-left:9px;margin-right:9px;}
.row-fluid .span10 {width: 100%;}
.row-fluid .span9 {width: 90%;}
.row-fluid .span8 {width: 80%;}
.row-fluid .span8.row {width: 76%;}
.row-fluid .span7 {width: 70%;}
.row-fluid .span6 {width: 60%;}
.row-fluid .span58 {width: 58.5%;}
.row-fluid .span589 {width: 58.9%;}
.row-fluid .span5 {width: 50%;*width:49.9%;}
.row-fluid .span4 {width: 40%;}
.row-fluid .span3_3 {width: 33.33%;}
.row-fluid .span3 {width: 30%;}
.row-fluid .span2_5 {width: 25%;}
.row-fluid .span2 {width: 20%;}
.row-fluid .span1 {width: 10%;}

.op_9{
	opacity: .9;
}

/*----------------------------------------------------------------------*/
/* loading
/*----------------------------------------------------------------------*/
.loader {
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	height: 100%;
	display: block;
	width: 100%;
}
.loader .floatingBarsG {
	position: relative;
	top: 40%;
	margin: 0 auto;
	text-align: center;
}
.loader .floatingBarsG p {
	margin: 30px;
	color: #fff;
	font-size: 24px;
}
.loader .floatingBarsG p img {
	margin-right: 10px;
}