* {margin:0;padding:0;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { border: 0; outline: 0;  font-size: 100%;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

a { margin: 0; padding: 0; border: 0; font-size: 100%; }

strong {font-weight:600}

button {border:none}


/*font*/
body {font-family:Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif;color:#555;font-size:14px;letter-spacing:-0.06em;}
select,input,button,textarea,button{font-family:'Malgun Gothic','맑은 고딕',Dotum,Verdana;}
select {font-family:Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif;}

/*링크*/
a{color:#54546a;text-decoration:none;}
a:active {}
a:focus {}
a:visited, a:visited *, a.visited, a.visited:visited {text-decoration:none;}
a:hover,a:hover *,a.visited:hover {text-decoration:none;}

/*list*/
ol, ul, li, dd, dl, dt {list-style:none;}
.fllist, .frlist {position:relative;}
ul.fllist li , .fllist > * {float:left;}
ul.frlist li , .frlist > * {float:right;}
.fllist:after , .frlist:after {clear:both;display:block;content:"";}

/* Form */
fieldset {padding:0px;margin:0px;border:0px;}
legend{display:none;}

input::-ms-clear {display: none;}

input[type='tel'],input[type='url'],input[type='number'], input[type='email'], input[type='text'], input[type='password'], 
input.text,input.password {
	border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background-color:#fff;line-height:1.25em;margin:1px;padding:0.2em 5px 0.3em 5px;height:27px;font-size:13px;}
input[type='image'], input.image,
input[type='radio'], input.radio,
input[type='checkbox'], input.checkbox,
input.radio,input.checkbox {border:0px !important;border:none;vertical-align:middle;padding:0px;margin:0px;}

/*input[type='text'] {ime-mode:active} 자동한글입력*/

input.readonly {background-color:#ededed;}

label::before {content:" ";}
input.disabled, input:disabled {background-color:#ededed;}
input.required, input:required, textarea.required {background-color:#fdfcdc;}

select , select.select {border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background-color:#fff;margin:1px;padding:0.2em 5px 0.3em 5px;height:35px;line-height:35px;font-size:13px;}
textarea {border:1px solid #ddd;padding:2px 5px;}

input[type="file"] {border:0;padding:0;margin:1px;height:auto;border-style:solid;border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;height:2em;padding:0.30em 5px 0.4em 5px;line-height:1.1em;box-sizing:content-box;font-size:1em;vertical-align:middle;}

/* img */
img {border:0px;vertical-align:middle;} 
img.button {cursor:pointer;}
button.imgBtn {padding:0px;margin:0px;border:0px;cursor:pointer;}

/* Table */
table { border-collapse: collapse; border-spacing: 0px; width:100%;}
table caption{height:0;width:0;text-indent:-9999px;}

* {-webkit-text-size-adjust:none;}

hr{ display:none;}

/* table common */
table {border-collapse:collapse;}
table caption{height:0;width:0;text-indent:-9999px;}

/*정렬*/
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.leftImpr {text-align:left !important;}
.rightImpr {text-align:right !important;}
.centerImpr {text-align:center !important;}
.vtop,.vtop > * {vertical-align:text-top !important;}
.vcen,.vcen > * {vertical-align:middle !important;}
.vfoot,.vfoot > * {vertical-align:text-bottom !important;}
.vtop2 {vertical-align:top !important;}
.vcen2 {vertical-align:middle !important;}
.vfoot2 {vertical-align:bottom !important;}


/* 폰트색상 */
.c_b0  {color:#000 !important;}
.c_b0b  {color:#000 !important;font-weight:600  !Important}
.c_b2  {color:#222 !important;}
.c_b2b  {color:#222 !important;font-weight:600  !Important}
.c_b3  {color:#333 !important;}
.c_b3b  {color:#333 !important;font-weight:600  !Important}
.c_b5  {color:#555 !important;}
.c_b5b  {color:#555 !important;font-weight:600  !Important}
.c_b6  {color:#666 !important;}
.c_b6b  {color:#666 !important;font-weight:600  !Important}
.c_b8  {color:#888 !important;}
.c_b9  {color:#999 !important;}
.c_bf  {color:#fff !important;}

.c_red {color:#DF2519 !important;}
.c_redb {color:#DF2519 !important;font-weight:600  !Important}
.c_blue {color:#053190 !important;}
.c_blueb {color:#053190 !important;font-weight:600 !Important}
.c_pink {color:#f9587d !important}
.c_gold {color:#b8883c !important;}
.c_green {color:#758d0a !important;}
.c_brown {color:#9F2C00 !important;}
.c_org {color:#ff5612 !important;}

/* 폰트속성 */
.fnmar {font-weight:normal !important;}
.fbold {font-weight:bold !important;}
.let_s0 {letter-spacing:0  !important}

.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}


/*행간*/
.lh190 {line-height:190%;}
.lh180 {line-height:180%;}
.lh170 {line-height:170%;}
.lh160 {line-height:160%;}
.lh150 {line-height:150%;}
.lh140 {line-height:140%;}
.lh130 {line-height:130%;}
.lh120 {line-height:120%;}
.lh110 {line-height:110%;}



/* 위치값 */
.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}


.pl1{ padding-left:1px;}
.pl2{ padding-left:2px;}
.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl7{ padding-left:7px;}
.pl8{ padding-left:8px;}
.pl9{ padding-left:9px;}
.pl10{ padding-left:10px;}
.pl13{ padding-left:13px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl21{ padding-left:21px;}
.pl23{ padding-left:23px;}
.pl24{ padding-left:24px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl44{ padding-left:44px;}
.pl50{ padding-left:50px;}
.pl230{ padding-left:230px;}
.pl212{ padding-left:212px;}

.pr1{padding-right:1px;}
.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{ padding-right:40px;}

.pt0{ padding-top:0 !important;}
.pt1{ padding-top:1px;}
.pt2{ padding-top:2px;}
.pt3{ padding-top:3px;}
.pt4{ padding-top:4px;}
.pt5{ padding-top:5px;}
.pt6{ padding-top:6px;}
.pt7{ padding-top:7px;}
.pt8{ padding-top:8px;}
.pt9{ padding-top:9px;}
.pt10{ padding-top:10px;}
.pt13{ padding-top:13px;}
.pt15{ padding-top:15px;}
.pt18{ padding-top:18px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt29{ padding-top:29px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt65{ padding-top:65px;}
.pt100{ padding-top:100px;}
.pt130{ padding-top:130px;}
.pt146{ padding-top:146px;}

.ml2 { margin-left:2px;}
.ml3 { margin-left:3px;}
.ml5 { margin-left:5px;}
.ml6 { margin-left:6px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml17 { margin-left:17px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml28 { margin-left:28px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml60 { margin-left:60px;}
.ml70 { margin-left:70px;}

.mr0{ margin-right:0 !important;}
.mr1{ margin-right:1px !important;}
.mr3{ margin-right:3px;}
.mr5{ margin-right:5px;}
.mr7{ margin-right:7px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr60 { margin-right:60px;}

.mt1{ margin-top:1px;}
.mt2{ margin-top:2px;}
.mt3{ margin-top:3px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}

.mb0{ margin-bottom:0 !important;}
.mb1{ margin-bottom:1px;}
.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb5{ margin-bottom:5px;}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb54{ margin-bottom:54px;}
.mb60{ margin-bottom:60px;}

.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
.lh180 {line-height:180%;}
.lh200 {line-height:200%;}


.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}

.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}

.fl{ float:left}
.fr{ float:right}

.ft-11{ font-size:11px}
.ft-12{ font-size:12px}
.ft-14{ font-size:14px; line-height:170%}
.ft-15{ font-size:15px;}
.ft-16{ font-size:16px;}
.ft-17{ font-size:17px;}
.ft-18{ font-size:18px;}

.btn-tr{width:100%; overflow:hidden; text-align:right;}
.btn-tc{width:100%; overflow:hidden; text-align:center;}
.btn-tl{width:100%; overflow:hidden; text-align:left;}

.dilb {display:inline-block;}

.behind{left: -9999em; top: -9999em; width: 1px; height: 1px; overflow: hidden; position: absolute;}
.hidden{display:none}


/*font_color*/
.c-black{color:#444;}
.c-blackb{color:#444;font-weight:600  !Important}
.c-pink{color:#fe06d8;}
.c-pinkb{color:#fe06d8;font-weight:600 !Important}
.c-red{color:#f63939;}
.c-redb{color:#f63939;font-weight:600  !Important}
.c-blue{color:#004b8d;}
.c-blueb{color:#004b8d; font-weight:600  !Important;}
.c-green{color:#81b70e}
.c-greenb{color:#81b70e; font-weight:600 !Important;}
.c-cyan{color:#01b78a}
.c-cyanb{color:#01b78a; font-weight:600  !Important;}
.c-violet{color:#ad07ea}
.c-violebt{color:#ad07ea;font-weight:600 !Important;}
.c-orange{color:#ff960d;}
.c-orangeb{color:#ff960d; font-weight:600  !Important;}
.c-yellow{color:#ffd304;}
.c-yellowb{color:#ffd304; font-weight:600  !Important;}
.c-cyan{ color:#46cad7 !Important}
.c-cyanb{ font-weight:600 !Important; color:#46cad7 !Important}

.c-dgreen {color:#097f35 !important; }
.c-brblue {color:#0f75b6 !important;}							  

/*공백 */
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}

.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}
.sssgap {height:10px;clear:both;display:block;}



/*가로크기 */
.w10p {width:10%;}
.w20p {width:20%;}
.w30p {width:30%;}
.w40p {width:40%;}
.w50p {width:50%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w90p {width:90%;}			  				  
.w100p {width:100%;}



.w80px {width:80px;}
.w90px {width:90px;}
.w110px {width:110px;}

/*180322*/
.w32p {width:32%;}
					 
					   
 

		
.w66p {width:66%;}
/*180322*/

			 
.bg-yellow {background:#fff8de !important}


/* dev_j추가   */
html, body {
	line-height: normal;
	line-height: initial;	
}

iframe {

	width: 100%;
	/*min-width: 1100px;*/
	min-width: 590px;
	height: 100%;
	overflow-x:scroll;
}

.container {
	width: 100%;
	/*min-width: 1100px;*/
	min-width:590px;
	/* text-align: center; */
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	z-index: 10;
}

.cmcContents, .cnmContents {
	position: relative; 
	max-width: 387px;
	width:34.5%;
	display: inline-block;
}

.cnmContents {
	/* width:calc(100% - 430px); */
	/*min-width: 670px;*/
	min-width:59.7%;
	margin-left:20px
}

.cmcGrid, .cnmGrid, .menuGrid {
	height: 100%;
	min-height:450px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/*.AXTabsLarge .AXTabsTray .AXTab.on {*/
    /*background-image: -webkit-linear-gradient(#fdfdfd,#e8e8e8);*/
    /*background-image: -o-linear-gradient(#fdfdfd,#e8e8e8);*/
    /*background-image: -moz-linear-gradient(#fdfdfd,#e8e8e8);*/
    /*background-image: linear-gradient(#fdfdfd,#e8e8e8);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);*/

/*}*/

/*.AXTabsLarge .AXTabsTray .AXTab {*/
    /*background-image: -webkit-linear-gradient(#fff,#fff);*/
    /*background-image: -o-linear-gradient(#fff,#fff);*/
    /*background-image: -moz-linear-gradient(#fff,#fff);*/
    /*background-image: linear-gradient(#fff,#fff);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff);*/
/*}*/

.AXgridEditor {
	z-index: 2;
    width: 340px;
    left: 30px;
    top: 68px;
    display: none;
    position:absolute;
    background: #e3e2e6;
    border: 1px solid #a6a9ab;
    border-radius: 4px
}

.cnmContents .AXgridEditor { 
	width: 88%;
}

.dropbtn {
    padding: 5px 15px;
    font-size: 13px;
    border: none;
    cursor: pointer;
    background-color: #fff;
    background: url(../img/select-arrow.png) no-repeat 95% 14px;
}

.dropbtn:hover, .dropbtn:focus {
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 100px;
    overflow: auto;
    z-index: 1;
    top: 0px;
    border: 1px solid;
    background-color: #fff;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.show {display:block;}

input._insertForm_ {
	width: 95%;
    height: 90%;
}

.text-right {
	text-align: right;
}

select, select.select {
	/* height: 30px */
}

/* bootstrak drop down을 위한  css  */
.hd-lang-sel > button {
    width: 100%;
    padding: 0 10px !important;
    font-size:14px !important;
    color:#7b8a8b !important;
    line-height:.8 !important;
    background: #fff;
    height:26px;border:1px solid #c4c4c4;border-radius:3px;background:url(../img/login/ic_language.png) 90% 50% no-repeat;text-align:left;
}

.hd-lang-sel > button:hover {
	/*text-decoration: underline;*/
    color:#7b8a8b;
}

.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #798d8f;
  border-color: #74898a;
}

.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 15px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #7b8a8b;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #2c3e50;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #2c3e50;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #b4bcc2;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #b4bcc2;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
/* //bootstrak drop down을 위한  css  */

/* 디자인 추가시 빠져있었음180205 */
select , select.select {
	line-height:1.25em;
	border-radius: 3px;
}

[data-ax5autocomplete] > span{
	position: absolute;
	left: 0;
    z-index: 1000;
    padding: 7px 10px;
    color: gray;
    width: 90%;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    
}

.AXTabsLarge .AXTabsTray .AXTab.closable {
	max-width: 130px;
}
/* //dev_j추가   */


/*배경색*/
.bg-yellow {background:#fff8de !important}
.ax5-ui-toast-container.top-left {
    left: 0;
    top: 0;
    left: 40%;
}

.ax5-ui-toast-container .ax5-ui-toast {
    border: 1px solid #f37a7a;
    box-shadow: 0px 0px 5px 0px rgba(191, 92, 92, 0.65);
}