@charset "utf-8";

@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:400;
   src: url(../font/NotoSansKR-Regular.eot),
   		url(../font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
		url(../font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../font/NotoSansKR-Regular.woff) format('woff'),
        url(../font/NotoSansKR-Regular.otf) format('opentype'),
	    url(../font/NotoSansKR-Light.eot),
   		url(../font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
		url(../font/NotoSansKR-Light.woff2) format('woff2'),
        url(../font/NotoSansKR-Light.woff) format('woff'),
        url(../font/NotoSansKR-Light.otf) format('opentype'); }

@font-face{font-family: 'Noto Sans KR-Light';font-style:normal;font-weight:200;
   src: url(../font/NotoSansKR-Light.eot),
   		url(../font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
		url(../font/NotoSansKR-Light.woff2) format('woff2'),
        url(../font/NotoSansKR-Light.woff) format('woff'),
        url(../font/NotoSansKR-Light.otf) format('opentype'); }

/************************************** 
** 공통
***************************************/
html,body{height:100%; width:100%; }
#contents{ height: 100%; min-height: 600px;  }
#contents:after{overflow:hidden;  clear: both; content: '';}
.contentSection{overflow:hidden; width:1260px; min-height: 600px; margin: 0 auto;box-sizing: border-box; padding-top: 37px;}


.ui-datepicker{display:none;}
.txtE{overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; position:relative; display:inline-block;}
.txtETd{overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.nototxt{font-family: 'Noto Sans KR'; font-weight:lighter; color: #888; line-height: 21px;}
.noto{ font-family: 'Noto Sans KR-Light'; font-size: 11px; font-weight:lighter; color: #000;  }


/************************************** 
** headerBox
***************************************/
/* 공통 */
.headerBox{  overflow: hidden;  vertical-align: middle; text-align: center; background:#1e75d6;  }
.leftheaderBox{ height: 92px !important;}
.headerBox .headerWrap{ margin: 0 auto; width: 1260px; padding: 15px 0 0 0;  }
.headerBox .headerWrap h1{ float: left; }
.headerBox .headerWrap h1 img{ vertical-align: middle;}
.headerBox .headerWrap .humBox{ float: right;  margin-top: -3px; }
.headerBox .headerWrap .humBox > a{height: 25px; line-height: 25px;  }
.headerBox .headerWrap .humBox > a > span{ color: #fff; font-weight: 500; font-family: 'Noto Sans KR'; }
.headerBox .headerWrap .humBox .hum{ display: inline-block; background: url(../images/top_human.png) left 0 no-repeat; padding: 0 18px 0 29px; }
.headerBox .headerWrap .humBox i{  position: absolute; top: 20px; margin-left: -15px; }
.headerBox .headerWrap .humBox .humWrap{}

.headerBox .headerWrap .humBox.on .humWrap{ display: block;  z-index: 11111111111111; }
.headerBox .headerWrap .humBox.on i{ background-image: url(../images/ico_up_ff.png);}
.headerBox .headerWrap .humWrap{ position: absolute; background: #fff; top:38px;  padding: 7px; z-index: 11111111111111; border-radius: 2px;  border: 1px solid #44484e; display: block; width: 90px;}
.headerBox .headerWrap .humWrap li > a{ font-size: 12px; display: block; padding: 2px 0;}
.headerBox .headerWrap .humWrap .btn a{ margin-top: 5px;}

.headerBox .headerWrap .headerMenu{ clear: both; overflow: hidden; padding-top: 24px; height:31px;}
.headerBox .headerWrap .headerMenu > ul{ padding-left: 50px; }
.headerBox .headerWrap .headerMenu > ul > li{  float: left; }
.headerBox .headerWrap .headerMenu > ul > li:last-child{ margin-right: 150px;}
.headerBox .headerWrap .headerMenu > ul > li > a{ color: #fff; font-family: 'Noto Sans KR'; font-size: 15px; margin-right: 18px; padding: 6px 12px 7px 12px; box-sizing: border-box; display: block; }
.headerBox .headerWrap .headerMenu > ul > li.on > a,
.headerBox .headerWrap .headerMenu > ul > li > a:hover{ background: #fff; color:#1e75d6; border-radius: 2px 2px 0 0; opacity: 1;}
.headerBox .headerWrap .headerMenu .btn{ margin-right: 0; position: relative; top: -4px; float: right; }
.headerBox .headerWrap .headerMenu .btn a{  font-size: 13px; margin-right: 0; }

.headerBox .headerWrap .headerMenu > ul > li > div.depthBox{   clear: both; overflow: hidden; position: absolute; left: 0; z-index: 111; width: 100%; height: 36px;  background: #fff; border-bottom: 1px solid #aaaaaa;}
.headerBox .headerWrap .headerMenu > ul > li > div.depthBox > ul{margin: 0 auto; width: 1260px;}
.headerBox .headerWrap .headerMenu > ul > li > div.depthBox > ul > li{ float: left; padding: 2px 20px 0 0;}
.headerBox .headerWrap .headerMenu > ul > li > div.depthBox > ul > li > a{ line-height: 32px; display: inline-block; font-weight: bold;  color: #555; background: none; box-sizing: border-box;}
.headerBox .headerWrap .headerMenu > ul > li > div.depthBox > ul > li.on > a{color:#1e75d6; border-bottom: 2px solid #1e75d6; }
.headerBox .headerWrap .headerMenu > ul > li > div.depthBox > ul > li > a:hover{color:#1e75d6 !important; opacity: 1;}

.headerBox .headerWrap .headerMenu .allBox{ position: absolute; top:57px; z-index: 111111111111; }
.headerBox .headerWrap .headerMenu .allBox .allMBox{ height: 30px; width: 30px; line-height: 30px;}
.headerBox .headerWrap .headerMenu .allBox .ico.allM{ vertical-align: middle;}
.headerBox .headerWrap .headerMenu .allBox .allMbtn{  position: absolute; left: 0; top: -5px;  padding: 3px 8px 6px 8px; box-sizing: border-box; } 


.headerBox .headerWrap .allMenuBox{ z-index: 1111;  position: absolute; left: 0; background: #fff; width: 100%; text-align: left; box-sizing: border-box; border-bottom: 1px solid #555;top:92px;padding-bottom: 50px;}
.headerBox .headerWrap .allMenuBox .allCBox{ position: relative; width: 1050px; margin: 0 auto;}
.headerBox .headerWrap .allMenuBox .allCBox .allCbtn{ background: #093463; position: absolute; right: 105px;  padding: 9px 10px 10px 10px; box-sizing: border-box; height: 34px;  }
.headerBox .headerWrap .allMenuBox .allCBox .allCbtn .ico.allC{ float: left;}
.headerBox .headerWrap .allMenuWrap .allMenuBg{ position: absolute; background: #000; opacity: 0.3; top: 92px; bottom: -300px; left: 0; right: 0; z-index: 111;}
.headerBox .headerWrap .allMenuBox .allMenuLi{ width: 1260px; margin: 0 auto;} 
.headerBox .headerWrap .allMenuBox .allTab{ float: left; width: 254px; box-sizing: border-box; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;   padding: 20px; min-height: 270px;}
.headerBox .headerWrap .allMenuBox .allTab:nth-child(4),
.headerBox .headerWrap .allMenuBox .allTab:nth-child(7){  border-right:1px solid #e1e1e1;  }
.headerBox .headerWrap .allMenuBox .allTab a{ font-family: 'Noto Sans KR';  padding: 2px 20px 2px 3px; display: block; color: #555;}
.headerBox .headerWrap .allMenuBox .allTab a:hover,
.headerBox .headerWrap .allMenuBox .allTab li.on a{ text-decoration: underline; color: #1e75d6; opacity: 1;}
.headerBox .headerWrap .allMenuBox .allTab .tit a{padding: 0px 20px 10px 3px; margin-bottom: 5px; font-size: 15px; display: block; font-weight: 600; color: #000; border-bottom: 1px solid #000;}
.headerBox .headerWrap .allMenuBox .allTab .tit.on a{ text-decoration: underline;}

.headerBox .headerWrap .allMenuBox .allTab.allTabbt{ border-bottom: none; min-height: 350px;}
.headerBox .headerWrap .allMenuBox .allTab2{width: 508px; }
.headerBox .headerWrap .allMenuBox .allTab2 .left{ float: left; width: 225px; margin-right: 20px;  }
.headerBox .headerWrap .allMenuBox .allTab2 .left li{border-right:1px solid #e1e1e1;}
.headerBox .headerWrap .allMenuBox .allTab2 .stit{ font-size: 14px; padding-bottom: 10px; color: #000; font-weight: bold; border-right: none !important;}


.bubbleBox{ position:relative; }
.bubble00 {left: -125px !important; }
.bubble01 {left: -171px !important; }
.bubble02{ right: -76px !important; background-position: 230px 0 !important; }
.bubble03{ right: -45px !important; background-position: 230px 0 !important; }
.bubble04{ left: -155px !important; }


.newslis_table tbody .bubbleBox{ background: none; padding: 5px 2px; }

a.bubbleBox:hover{ opacity: 1; }
.bubbleBox div.bubble{ position: absolute; background: url(../images/bg_bubble.png) 50% 0 no-repeat;    z-index: 1; }
.bubbleBox div.bubble span{white-space:nowrap; font-size: 12px; color: #fff; background: #404659; display: block; border-radius: 3px; margin-top: 4px; padding: 5px 10px 7px 10px;}
.bubbleBox div.bubble em{ color: #bedcfd;}
.bubbleBox div.bubble.lnpp{ position: absolute; background: url(../images/bg_bubble_lnpp.png) 50% 0 no-repeat;    z-index: 1; }
.bubbleBox div.bubble.lnpp span{white-space:nowrap; font-size: 12px; color: #fff; background: #014086; display: block; border-radius: 3px; margin-top: 5px; padding: 5px 10px 7px 10px;}

.bubbleBox div.bubble.L_lnpp{ background-position: 7px 0; left: 3px !important;}

.layerpopupWrap{margin: 0 auto;  }
.layerpopupWrap .layerpopupBg{position: absolute; background: #000; opacity: 0.3; top: 0; bottom: -30px;; left: 0; right: 0; z-index: 111111;}
.layerpopupWrap .layerpopupBox{position: absolute; margin: 0 auto; margin-top: 190px; background: #fff; z-index: 1111111; }
.layerpopupWrap .layerpopupBox .popupSection{ padding-bottom: 20px; }
.layerpopupWrap .layerpopupBox .popupSection .dfInfo{ margin: 25px 15px 0 20px; }
.layerpopupWrap .layerpopupBox .popupSection .dfInfo .btn.m a, button.btn.m, input[type='button'].btn.m, input[type='submit'].btn.m{ padding: 2px 6px;}
.layerpopupWrap .layerpopupBox .popupSection .dfInfo .dfInfoLi:last-child .btn{ margin-right: 37px;}

.tabBox{clear: both; overflow: hidden;}
.tabBox li{ float: left; margin: 10px 3px;}
.tabBox li a{ display: inline-block; padding: 2px 10px; border-radius: 13px; border: 1px solid #999999;}
.tabBox li a:hover{ background:#287be4; border-color:#287be4;  color:#fff; opacity: 1; }
.tabBox li:first-child{ margin-left: 15px;}
.tabBox li:last-child{ margin-right: 15px;}

.layerpopupWrap .layerpopupBox .popupSection .h4Tit{ margin: 5px 20px 0 20px; }
.layerpopupWrap .layerpopupBox .popupSection table{ width: 612px;}


.layerpopupWrap .layerpopupBox .popTable{ clear: both; overflow: hidden;}
/************************************** 
** leftMenu
***************************************/ 
.leftcontBox{ background: url(../images/bg_left.png) left 0 repeat-y; display: table;}
.leftMenu{   width: 170px; display: table-cell; table-layout: fixed;}
.leftMenu .lfList{ margin-bottom: 20px; width: 170px;  }
.leftMenu .lfTit { margin-bottom: 10px;}
.leftMenu .lfTit a{  color: #fff; padding: 7px 10px; display: block; box-sizing: border-box; border-bottom: 1px solid #47505e; border-top: 1px solid #47505e;}
.leftMenu .lfTit.on a{ background: #47505e; border-left: 2px solid #4498f7 ;}
.leftMenu li a{ color: #e7ebf3;  padding: 3px 10px; display: block; font-size: 12px; }
.leftMenu li.on a{ color: #4498f7; }
.leftMenu li.on a .ico.radio2{ background-position:50% -10px;}

.leftcontBox .contentSection{ box-sizing: border-box; display: table-cell; table-layout: fixed; padding-left: 20px; }
.leftcontBox .contentSection .h2Box{ border-bottom: none; }
.leftcontBox .contentSection .dfTableMenu{ border-bottom: 1px solid #d8dde1; }
/************************************** 
** footerBox
***************************************/
.footerBox{ padding: 15px 0 60px 0; text-align: center;  }
.footerBox .addressBox address{ font-family: 'tahoma'; font-style: normal; font-size: 13px; color: #707070;  }
.footerBox .addressBox address em{ font-size: 15px;}

/*아이콘*/
.ico{ display: inline-block; width: 10px; height: 10px; font-size: 0; padding: 1px 4px; border: none; }
.ico.down{background: url(../images/ico_down.png) 50% 50% no-repeat;  }
.ico.down1{background: url(../images/ico_down_2.png) 50% 50% no-repeat;  }
.ico.up{ background: url(../images/ico_up.png) 50% 50% no-repeat;  }
.ico.up1{ background: url(../images/ico_up_2.png) 50% 50% no-repeat;  }
.ico.right{background: url(../images/ico_right.png) 50% 50% no-repeat;  }
.ico.left{background: url(../images/ico_left.png) 50% 50% no-repeat;  }
.ico.q{background: url(../images/ico_q.png) 0 0 no-repeat; width: 13px; height: 16px; padding-right: 0;  }
.ico.allM{ background:url(../images/ico_list.png) 50% 50% no-repeat; width: 16px; height: 16px; padding: 0;}
.ico.allC{ background:url(../images/ico_close.png) 50% 50% no-repeat; width: 15px; height: 15px; padding: 0;}
.ico.allRep{ background:url(../images/ico_all.png) left 3px no-repeat; width: 14px; height: 14px; padding: 0 2px 0 0;  }
.ico.hum2{ background: url(../images/ico_human.png) 0 0 no-repeat; width: 16px; height: 16px; vertical-align: middle; padding: 0; cursor: pointer;}
.ico.cal{ background: url(../images/ico_cal.png) 0 0 no-repeat; width: 16px; height: 16px; padding-right: 0;}
.ico.chk{ background:url(../images/ico_chk.png) 0 50% no-repeat; width: 13px; height: 12px; padding: 0;}
.ico.down.ff{background: url(../images/ico_down_ff.png) 50% 50% no-repeat;  }
.ico.search{ background: url(../images/ico_search.png) 0 0 no-repeat; height: 16px; position: absolute; top: 3px; left: 5px;}
.ico.plus{ background: url(../images/ico_plus.png) 50% 0 no-repeat;  height: 11px;  }
.ico.ex{ background: url(../images/ico_excel.png) 50% 50% no-repeat; background-size: 15px auto; margin-right: 2px;  vertical-align: middle; }
.ico.trash{ background: url(../images/ico_trash.png) 0 2px no-repeat; height: 12px; }
.ico.radio2{ background: url(../images/radio10x10.png) 50% 0 no-repeat;  height: 8px;}
.ico.icview{ background: url(../images/ico_iview.png) 50% 0 no-repeat; background-size: 17px auto; height: 15px; width: 12px }
.ico.iclog{ background: url(../images/ico_info.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.file{ background: url(../images/ico_file.png) 50% 1px no-repeat; background-size: 15px auto;  height: 15px; width: 8px }
.ico.send{ background: url(../images/ico_send.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.freeg{ background: url(../images/ico_free_green.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.freer{ background: url(../images/ico_free_red.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.freeo{ background: url(../images/ico_free_orange.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.stock_b{ background: url(../images/ico_stock_b.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.stock_g{ background: url(../images/ico_stock_g.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.stock_r{ background: url(../images/ico_stock_r.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.stock_gr{ background: url(../images/ico_stock_gr.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.naverg{ background: url(../images/n_ico.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.naverr{ background: url(../images/n_ico_red.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.navero{ background: url(../images/n_ico_orange.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.ex2{ background: url(../images/ico_excel.png) 50% 50% no-repeat;  height: 15px; width: 15px; vertical-align: middle;  }
.ico.rel{background: url(../images/ico_rel.png) 0 0 no-repeat; vertical-align: middle; padding: 0; }
.iBox{ line-height: 0px;  }
.ico.cfo{ background: url(../images/ico_cfo.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }
.ico.cfo_pp{ background: url(../images/ico_cfo_pp.png) 50% 50% no-repeat; background-size: 18px auto;  height: 15px; width: 12px }

.icoBox{ position: relative; }
.icoBox input{ padding-left: 22px !important;}

a:hover .ico.search{ background-image: url(../images/ico_search_bl.png); opacity: 1;}

/*230307 아이콘추가*/
.ico.t_bell_p{ background: url(../images/ico_bell_pp.png) 50% 50% no-repeat; background-size: 18px auto; height: 15px; width: 12px;}
.ico.t_bell_w{ background: url(../images/ico_bell_wt.png) 50% 50% no-repeat; background-size: 18px auto; height: 15px; width: 12px;}
.ico.cfo_p{ background: url(../images/ico_cfo_pp.png) 50% 50% no-repeat; background-size: 18px auto; height: 15px; width: 12px;}
.ico.cfo_w{ background: url(../images/ico_cfo_wt.png) 50% 50% no-repeat; background-size: 18px auto; height: 15px; width: 12px;}
.ico.wm_p{ background: url(../images/ico_wm_pp.png) 50% 50% no-repeat; background-size: 18px auto; height: 15px; width: 12px;}
.ico.wm_w{ background: url(../images/ico_wm_wt.png) 50% 50% no-repeat; background-size: 18px auto; height: 15px; width: 12px;}
.ico.board_p{ background: url(../images/ico_board_pp.png) 50% 50% no-repeat; background-size: 18px auto; height: 15px; width: 12px;}
.ico.board_w{ background: url(../images/ico_board_wt.png) 50% 50% no-repeat; background-size: 18px auto; height: 15px; width: 12px;}
.ico.sanction_p{ background: url(../images/ico_sanction_r.png) 50% 50% no-repeat; background-size: 18px auto; height: 15px; width: 12px;}
.ico.sanction_w{ background: url(../images/ico_sanction_g.png) 50% 50% no-repeat; background-size: 18px auto; height: 15px; width: 12px;}

/*아이콘(포탈)*/
.ico.naver{ background: url(../images/ico_naver.png) 50% 50% no-repeat; height: 16px; width: 16px;}
.ico.daum{ background: url(../images/ico_daum.png) 50% 50% no-repeat; height: 16px; width: 16px;}
.ico.zum{ background: url(../images/ico_zum.png) 50% 50% no-repeat; height: 16px; width: 16px;}
.ico.google{ background: url(../images/ico_google.png) 50% 50% no-repeat; height: 16px; width: 16px;}

/*아이콘(배경)*/
.ico_bg{ background: #ebebeb; border-radius: 2px; padding: 1px 5px; font-size: 12px; }
.ico_bg.okck{ background:#dff0fb; color: #1e75d6; min-width: 10px; display: inline-block; padding: 1px 3px;  }
.ico_bg.rvck{background: #fbeed9; color: #eb6100;  min-width: 10px;   display: inline-block; padding: 1px 3px;  }
.ico_bg.nock{background: #f0f0f0; color: #999999;  min-width: 10px;  display: inline-block; padding: 1px 3px;  }

.ico_bg.tred{ background: #f9e7e7; color: #e10b18;}

.ico_bg.s{ font-size: 11px; padding: 0 2px;  margin: 0 1px; vertical-align: middle; display: inline-block; height: 14px; line-height: 12px;  }
.ico_bg.s.lnbl{ border: 1px solid #1e75d6; color: #1e75d6; background: #fff;}
.ico_bg.s.lngr{ border: 1px solid #009944; color: #009944; background: #fff;}
.ico_bg.s.lngy{ border: 1px solid #999999; color: #999999; background: #fff;}
.ico_bg.s.lnred{ border: 1px solid #eb5a5f; color: #eb5a5f; background: #fff;}

.ico_bg.s.bgbl{ background:#1e75d6; color: #fff; border-radius: 10px; padding: 2px 5px 1px 5px; }
.ico_bg.s.bgred{ background:#e72733; color: #fff; border-radius: 10px; padding: 2px 5px 1px 5px; }

/* Input */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#999 !important; }
::-moz-placeholder { /* Firefox 19+ */ color:#999 !important; }
:-ms-input-placeholder { /* IE 10+ */ color:#999 !important; }
:-moz-placeholder { /* Firefox 18- */ color:#999 !important; }
input[type=text],
input[type=password],
input[type=number],
.input_type,
textarea{height:30px; padding:0 5px; border:1px solid #cdcdcd;  color:#343434;  vertical-align: middle;  border-radius: 2px; box-sizing: border-box; letter-spacing: -0.4px;  }

textarea{padding:5px; }

input[type=text]:hover,
input[type=text]:focus,
select:focus,
textarea:focus{ box-shadow: 0 0 1px 1px #d8eaff; background-color: #eef6ff;  }
.selectCal{ display: inline-block; margin-right: 1px; position: relative;}
.selectCal input[type=text]{  border-radius: 2px;  font-family: tahoma; padding-right: 25px; width: 100px !important;}
.datepick-trigger{  position: absolute; top: 6px; right: 5px;}
.selectCal button{margin-left: -13px;height:30px;  border: none; vertical-align: middle; background: none; border-radius: 0 2px 2px  0; position: absolute; top: 0; right: 0;  }
.selectCal button span{ cursor: pointer;  }
.selectCal button span.ico{ vertical-align: text-top;}

.selectChar{ display: inline-block; margin-right: 1px; position: relative;}
.selectChar input[type=text]{  border-radius: 2px;   padding-right: 25px; }



/* Select Box */
.selectBox{  display: inline-block; margin-right: 1px; border:1px solid #cdcdcd; height:30px;  box-sizing: border-box;  border-radius: 2px;  } 
select {  color:#343434;  padding:0 11px 0 5px; border: none; height:28px; appearance: none; -webkit-appearance:none; -moz-appearance: none; background:#fff url(../images/select_down.png) right 50% no-repeat; letter-spacing: -0.7px;}
select::-ms-expand{ display: none;}
select:not(:-internal-list-box){ overflow: visible !important;}
select option{ background: #fff; }


/*checkBox*/
.checkBox input[type='checkbox'],
.radioBox input[type='radio'] {overflow:hidden; position:absolute; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; z-index:-1;}
.checkBox {display:inline-block; position:relative; vertical-align:middle; }
.checkBox label{ padding: 0 3px;}
.checkBox label{ vertical-align:middle; line-height: 20px; font-size: 13px;}
.checkbg{ background: #f8f8f8; height: 22px; padding: 3px 3px; display: inline-block; border:1px solid #cdcdcd; }
/*Red*/
.checkBox .ico.r-check{display:inline-block; height:16px; width: 8px;  font-size:15px;  background: url(../images/r-check16x16.png) 0 0 no-repeat; margin:0; cursor: pointer; padding: 0px 4px 0 4px; vertical-align: middle;}
.checkBox .ico.r-check.on, .checkBox .ico.r-check.on:hover{background-position:0 -16px;}
.checkBox .ico.r-check.focused{background-position:0 -48px;}
/*Orange*/
.checkBox .ico.o-check{display:inline-block; height:16px; width: 8px;  font-size:15px;  background: url(../images/o-check16x16.png) 0 0 no-repeat; margin:0; cursor: pointer; padding: 0px 4px 0 4px; vertical-align: middle;}
.checkBox .ico.o-check.on, .checkBox .ico.o-check.on:hover{background-position:0 -16px;}
.checkBox .ico.o-check.focused{background-position:0 -48px;}
/*Yellow*/
.checkBox .ico.y-check{display:inline-block; height:16px; width: 8px;  font-size:15px;  background: url(../images/y-check16x16.png) 0 0 no-repeat; margin:0; cursor: pointer; padding: 0px 4px 0 4px; vertical-align: middle;}
.checkBox .ico.y-check.on, .checkBox .ico.y-check.on:hover{background-position:0 -16px;}
.checkBox .ico.y-check.focused{background-position:0 -48px;}
/*Green*/
.checkBox .ico.g-check{display:inline-block; height:16px; width: 8px;  font-size:15px;  background: url(../images/g-check16x16.png) 0 0 no-repeat; margin:0; cursor: pointer; padding: 0px 4px 0 4px; vertical-align: middle;}
.checkBox .ico.g-check.on, .checkBox .ico.g-check.on:hover{background-position:0 -16px;}
.checkBox .ico.g-check.focused{background-position:0 -48px;}
/*Blue*/
.checkBox .ico.check{display:inline-block; height:16px; width: 8px;  font-size:15px;  background: url(../images/check16x16.png) 0 0 no-repeat; margin:0; cursor: pointer; padding: 0px 4px 0 4px; vertical-align: middle;}
.checkBox .ico.check.on, .checkBox .ico.check.on:hover{background-position:0 -16px;}
.checkBox .ico.check.focused{background-position:0 -48px;}
/*Indigo */
.checkBox .ico.i-check{display:inline-block; height:16px; width: 8px;  font-size:15px;  background: url(../images/i-check16x16.png) 0 0 no-repeat; margin:0; cursor: pointer; padding: 0px 4px 0 4px; vertical-align: middle;}
.checkBox .ico.i-check.on, .checkBox .ico.i-check.on:hover{background-position:0 -16px;}
.checkBox .ico.i-check.focused{background-position:0 -48px;}
/*Violet */
.checkBox .ico.v-check{display:inline-block; height:16px; width: 8px;  font-size:15px;  background: url(../images/v-check16x16.png) 0 0 no-repeat; margin:0; cursor: pointer; padding: 0px 4px 0 4px; vertical-align: middle;}
.checkBox .ico.v-check.on, .checkBox .ico.v-check.on:hover{background-position:0 -16px;}
.checkBox .ico.v-check.focused{background-position:0 -48px;}

.checkBox.bk .ico.check{display:inline-block; height:16px; width: 8px;  font-size:15px;  background: url(../images/check16x16_bk.png) 0 0 no-repeat; margin:0; cursor: pointer; padding: 0px 4px 0 4px; vertical-align: middle;}
.checkBox.bk .ico.check.on, .checkBox.bk .ico.check.on:hover{background-position:0 -16px;}
.checkBox.bk .ico.check.focused{background-position:0 -48px;}

/*radio*/
.radioBox {display:inline-block; position:relative; vertical-align:middle;  margin-right: 5px; margin-top:6px;}
.radioBox .ico.radio{display:inline-block; height:16px; width: 8px;  font-size:15px;  background: url(../images/radio16x16.png) 0 0 no-repeat;  margin:0; cursor: pointer; padding: 0px 4px 0 4px;}
.radioBox .ico.radio.on, .radioBox .ico.radio.on:hover{background-position:0 -16px;}
.radioBox .ico.radio.focused{background-position:0 -48px;}
.lab_radio{ vertical-align:top; line-height: 15px; padding-right: 5px;}


/*버튼*/
input{/*-webkit-appearance:none; */	outline:none;vertical-align: top;}
.cmsSection input[type='checkbox']{-webkit-appearance:checkbox; outline: white !important; vertical-align: middle;  }
.cmsSection input[type='radio']{-webkit-appearance:radio; outline:white !important;  }
.wrapper input[type='radio']{-webkit-appearance:radio; outline:white !important; vertical-align: text-top;}
.cmsSection input[type='file']{-webkit-appearance:file; outline:white !important; }
input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0; }
.btn a, button.btn,input[type='button'].btn,input[type='submit'].btn{ display: inline-block; background: #1b1b1b; border: none; border-radius: 2px; padding: 2px 6px;  color: #fff; font-size: 11px; height: 20px; line-height: 13px;  cursor: pointer; box-sizing:border-box; margin: 0;   letter-spacing: -1px;  }
button.btn:hover,input[type='button'].btn:hover,input[type='submit'].btn:a:hover{ opacity: 0.7;}

button.btn.bgbl,input[type='button'].btn.bgbl,input[type='submit'].btn.bgbl,.btn.bgbl a{ background: #287be4!important;color:#fff !important; border: 1px solid #025abc !important;}
button.btn.bggy,input[type='button'].btn.bggy,input[type='submit'].btn.bggy,.btn.bggy a{ background: #666666!important;color:#fff !important; }
button.btn.bgred,input[type='button'].btn.bgred,input[type='submit'].btn.bgred,.btn.bgred a{ background: #f59d25!important;color:#fff !important; }
button.btn.bggr,input[type='button'].btn.bggr,input[type='submit'].btn.bggr,.btn.bggr a{ background: #009944!important;color:#fff !important; }
button.btn.bgsky,input[type='button'].btn.bgsky,input[type='submit'].btn.bgsky,.btn.bgsky a{ background: #dee5ee!important;color:#9099aa !important; }
button.btn.bgwh,input[type='button'].btn.bgwh,input[type='submit'].btn.bgwh,.btn.bgwh a{ background: #fff!important;color:#9099aa !important; }
button.btn.bgyel,input[type='button'].btn.bgwh,input[type='submit'].btn.bgyel,.btn.bgyel a{ background: #f59d25!important;color:#fff !important; border: 1px solid #f09315 !important;}


button.btn.lngr,input[type='button'].btn.lngr,.btn.lngr a{ background: #fff !important; border: 1px solid #009944 !important; color:#009944 !important;   }
button.btn.lngr2,input[type='button'].btn.lngr2,.btn.lngr2 a{ background: #fa0b8f!important;color:#fff !important; border: 1px solid #fa0b8f !important;   }
button.btn.lnbk,input[type='button'].btn.lnbk,.btn.lnbk a{ background: #fff !important; border: 1px solid #1b1b1b !important; color:#1b1b1b !important;   }
button.btn.lnbl,input[type='button'].btn.lnbl,.btn.lnbl a{ background: #fff !important; border: 1px solid #287be4 !important; border-bottom-color:#0436b4 !important;   color:#287be4 !important;   }
button.btn.lnbl2,input[type='button'].btn.lnbl,.btn.lnbl2 a{ background: #fff !important; border: 2px solid #1e75d6 !important; border-bottom-color:#0436b4 !important;   color:#1e75d6 !important;   }
button.btn.lngy,input[type='button'].btn.lngy,.btn.lngy a{ background: #fff !important; border: 1px solid #999999 !important; border-bottom-color:#5c5c5c !important;  color:#707070 !important;  }
button.btn.lnred,input[type='button'].btn.lnred,.btn.lnred a{ background: #fff !important; border: 1px solid #e10b18 !important; color:#e10b18 !important;    }
button.btn.lnred2,input[type='button'].btn.lnred2,.btn.lnred2 a{background: #eb1a0b!important;color:#fff !important; border: 1px solid #eb1a0b !important;   }
button.btn.lnred2,input[type='button'].btn.lnred2,.btn.lnred2 a{background: #eb1a0b!important;color:#fff !important; border: 1px solid #eb1a0b !important;   }
button.btn.lnwh,input[type='button'].btn.lnwh,.btn.lnwh a{ background: #fff !important; border: 1px solid #fff !important; color:#1b1b1b !important;   }
button.btn.lnyel,input[type='button'].btn.lnwh,input[type='submit'].btn.lnyel,.btn.lnyel a{ background: #fff!important; color:#f09315 !important; border: 1px solid #f09315 !important;}

button.btn.lngy.iview, input[type='button'].btn.lngy.iview, .btn.lngy.iview  a{ background:#fff url(../images/ico_view.png) 92% 50% no-repeat !important; padding: 2px 15px 2px 4px;   }


.btn.m a, button.btn.m,input[type='button'].btn.m,input[type='submit'].btn.m{ display: inline-block; border: none; border-radius: 2px; padding: 2px 10px;  color: #fff; font-size: 13px; height: 30px; line-height: 23px;  cursor: pointer; box-sizing:border-box; margin-right: 1px; vertical-align: middle;  }
button.btn.m.lngy,input[type='button'].btn.m.lngy,.btn.m.lngy a{ background: #fff !important; border: 1px solid #999999 !important; border-bottom-color:#5c5c5c !important;  color:#1b1b1b !important;  }
.iBox.excel a{ padding-left: 0 !important;}

/************************************** 
** loginBox
***************************************/
.loginBox{  padding-top: 100px; }
/*.loginBox .loginWrap{ background: url(../images/bg_login.png) 0 center no-repeat;  margin: 0 auto; text-align: center; width: 650px; height: 307px;  padding: 180px 0 20px 155px; }*/
.loginBox .loginWrap{ background: url(../images/bg_login.png) 0 center no-repeat;  margin: 0 auto; text-align: center; width: 650px; height: 579px; box-sizing: border-box; padding: 180px 0 20px 155px; }
.loginBox .loginWrap .inputSection{  width: 270px; margin-left: 120px; }
.loginBox .loginWrap input{ display: block; width: 282px; height: 40px; line-height: 40px; margin: 7px 0; border-radius: 2px; padding: 0 10px; border: none; font-size: 13px; letter-spacing: 0.2px; }
.loginBox .loginWrap input:focus{ background: #ecf6fc; color: #0362db; }
.loginBox .loginWrap .btn a{ border-radius: 2px; width: 282px; height: 40px; line-height: 32px; margin-bottom: 10px; font-size: 14px; font-weight: bold;  }
.loginBox .loginWrap .txtinfoBox {  text-align: left; letter-spacing: -0.5px; margin-left: 95px; }
.loginBox .loginWrap .txtinfoBox .tbl{ color: #53a2fb !important; font-family: 'tahoma'; letter-spacing: 0; line-height: 30px; }
.loginBox .loginWrap .txtinfoBox .txt_info{color: #fff;}

/************************************** 
** popup
***************************************/
.popupWrapper{ }
.popupSection h1{font-family: 'Noto Sans KR'; font-size: 18px; padding: 10px; text-align: center; background: #eff2f9;}
.popupSection h1 em{  font-family: 'Noto Sans KR'; font-size: 16px;  }
.popupSection .searchBox{ text-align: center; padding:15px 10px;}

.popupSection .popupMenu{ clear: both; overflow: hidden; padding: 10px 20px 0 20px; background: #eff2f9;}
.popupSection .popupMenu ul{ display: table; width: 100%; table-layout: fixed;}
.popupSection .popupMenu li{ height: 35px; line-height: 35px; background: #fff; border: 1px solid #d8dde1; border-left: none; display: table-cell; box-sizing: border-box; }
.popupSection .popupMenu li:first-child{border-left: 1px solid #d8dde1; }
.popupSection .popupMenu li a{ display: block; text-align: center; }
.popupSection .popupMenu li.on{ border-bottom: 0; border-top: 2px solid #1e75d6;}
.popupSection .popupMenu li.on a{ font-weight: bold; color: #1e75d6;}

.popupSection .contentBox h2{ font-family: 'Noto Sans KR'; padding: 5px 0;}
.popupSection .txtBox{ padding: 10px 20px; clear: both; overflow: hidden;}
.popupSection .txtBox .fl{ font-size: 14px; font-weight: bold; height: 30px; line-height: 35px;  } 
.popupSection .txtBox .fl .tbl{ font-size: 14px; font-family: 'tahoma'; }
.popTable{ border-top:  solid 1px #1b1b1b; background: #fff; margin: 0 20px; }
.popTable table{ width: 100%; }
.popTable .tit{ font-size: 14px; font-family: 'Noto Sans KR';  }
.popTable .date{ color: #777; font-family: 'tahoma'; }
.popTable thead th{  padding: 7px 5px; border-bottom:1px  solid #c3cbd7; border-left:1px  solid #e8eff2;  }
.popTable thead th:first-child {border-left: none;}
.popTable tbody td{  padding: 7px;height: 18px;   border-left: 1px solid #e8eff2; text-align: center; cursor: pointer;}
.popTable tbody tr:hover{ box-sizing:padding-box;}
.popTable tbody tr:hover td{ background: #eef6ff !important; color: #1e75d6;}
.popTable tbody tr:nth-child(even) td{ background: #fafbfd;}
.popTable tbody td:first-child{ border-left: none;}
.popTable tbody tr:last-child td{ border-bottom:1px  solid #c3cbd7; }
.popTable tbody tr.on td{ background: #7baade !important; color: #fff; border-left-color: #5286bf !important;}
.popTable tfoot td{ text-align: center; padding: 20px;}

.popupSection .dfInfo{ margin: 0 20px; box-sizing: border-box;}
.popupSection .dfInfo .dfInfoLi{ margin-bottom: 5px;}
.popupSection .dfInfo h2{ border-bottom: solid 1px #1b1b1b; margin-bottom: 10px;}

.treBox{ display: table; }
.treBox .popTable{  display: table-cell; table-layout: fixed; padding:20px 10px 0 10px;; border-top: none;}
.treBox .popTable:first-child{ padding-left: 20px;}
.treBox .popTable:last-child{ padding-right: 20px;}
.treBox.tlBox .popTable thead th{border-left:1px solid #c7cacf; border-right:1px solid #c7cacf; }
.treBox.tlBox .popTable tbody td{ border-left:1px solid #c7cacf; border-right:1px solid #c7cacf; text-align: left; font-family: 'tahoma'; letter-spacing: 0;}
.treBox.tlBox .popTable:first-child tbody tr.on td{ background: #0753a6 !important;}
.treBox.tlBox .popTable:nth-child(2) tbody tr.on td{ background: #3185e1 !important;}
.treBox.tlBox .popTable tbody tr.on td{border-right-color: #5286bf !important; background: #7baade !important;  }

.contentBox.twoBox{ padding: 0 20px; box-sizing: border-box;}
.contentBox.twoBox .popTable,
.contentBox.twoBox .dfInfo{ width: 400px; margin: 0;  box-sizing:border-box;}


.dfFoot{ clear: both; overflow: hidden; padding: 20px 15px 10px 20px; text-align: center;}

.noData{  background: #f5f5f5;  }
/************************************** 
** pagingBox 
***************************************/
.pagingBox {padding: 15px 0; text-align: center;}
.pagingBox em{ font-family: 'tahoma';  padding:3px 10px; border: 1px solid #1e75d6;    }
.pagingBox a.btnPage{font-family: 'tahoma'; }
.pagingBox .cur{ color: #1e75d6; vertical-align: middle; border-radius: 2px; }
.pagingBox a{ padding:3px 10px; color: #b5b5b5;display: inline-block; cursor: pointer;  vertical-align: middle;}
.pagingBox a:hover{ color: #1e75d6; text-decoration:underline;}
.pagingBox a.arrow.l{ background: url(../images/ico_left.png) 5% 48% no-repeat; font-weight: bold; }
.pagingBox a.arrow.r{ background: url(../images/ico_right.png) 100% 48% no-repeat;  font-weight: bold; }
.pagingBox a.arrow.l.cur,.pagingBox a.arrow.l:hover{background:  url(../images/ico_left_bl.png) 5% 48% no-repeat;   }
.pagingBox a.arrow.r.cur,.pagingBox a.arrow.r:hover{background:  url(../images/ico_right_bl.png) 100% 48% no-repeat;}

/************************************** 
** searchBox
***************************************/
.searchBox{  padding: 7px 0 10px 0;    box-sizing: border-box;}
.searchBox > .left > label {display: block; float: left; margin-top: 7px;  margin-right: 7px;}
.h2Box{ border-bottom: 1px solid #aaa; padding: 5px 0; height: 31px; line-height: 31px; overflow: hidden; clear: both; position: relative; }
.h2Box .dfTableMenu{ position: absolute; left: 126px; height: 35px; margin-top: 1px; border-bottom: 0 !important;  }
.h2Box .dfTableMenu li{ border-color: #aaa;}
.h2Box .dfTableMenu li.on a{ background: #1b1b1b;}

.h2Box .fr{  margin-top: -3px;  }
.h2Box em.num{  letter-spacing: 0;  color: #fff100; font-family: 'tahoma'; font-size: 12px;}
.h2Tit{ font-family: 'Noto Sans KR'; color:#1e75d6; display: inline-block; font-size: 14px; float: left; }
.h3Box{ border: 1px solid #d8dde1; border-bottom: 0; padding: 5px 0; }
.h3Box span{position: absolute;top: 9px;right:0;}
.h3Box span:nth-of-type(2){right:80px;}

.h3Tit{ font-family: 'Noto Sans KR'; padding: 10px 10px; font-size: 14px; font-weight: bold;}
.h4Tit{ font-family: 'Noto Sans KR';  padding: 0 10px 5px 0; border-bottom: solid 1px #1b1b1b;  font-size: 14px; }
.h3Box { background: #bac3d4; border:1px solid #7b8aa2; position: relative;}
.h3Box .btn.excel a{ font-size: 12px; font-family: tahoma; letter-spacing: 0; color: #009944 !important; }

/************************************** 
** dfTableMenu
***************************************/
.contentSection .dfTableMenu{border-bottom: 1px solid #d8dde1; }
.dfTableMenu{  overflow: hidden; box-sizing: border-box; height: 36px;  }
.dfTableMenu li{ float: left; height: 35px; line-height: 34px;  min-width: 140px; border-top: 1px solid #d8dde1; border-right: 1px solid #d8dde1; text-align: center; position: relative; }
.dfTableMenu li a{ display: block; background: #fff; }
.dfTableMenu li:first-child{border-left: 1px solid #d8dde1;}

.dfTableMenu li.on a{ background: #1e75d6; color: #ffffff; }

.dfTableMenu .ico_bg{ font-size: 11px; width: 15px; height: 14px; line-height: 14px; display: inline-block; font-style: normal; color: #fff; margin-right: 3px; padding: 0;  }
.dfTableMenu .ico_bg.bk{ background: #313131; }
.dfTableMenu .ico_bg.gy{ background: #a0a0a0; }
.dfTableMenu .ico_bg.bl{ background:#1e75d6; }
.dfTableMenu .ico_bg.or{ background: #eb6100; }
.dfTableMenu .ico_bg.mg{ background: #04B431; }

.allList,.noList,.okList,.rvList,.mgList{ padding-left: 0 !important; padding-right: 0 !important;}

.allNews a{ color: #000;}
.noNews a{color:#707070;}
.okNews a{color:#1e75d6;}
.rvNews a{ color:#eb6100; }
.mgNews a{ color:#04B431; }
 
.allNews.on a,.allNews a:hover{background:#313131 !important; opacity: 1; color: #fff; position: absolute; left: -1px; top: -1px; right: -1px; bottom: 0;  }
.allNews.on .ico_bg,.allNews a:hover .ico_bg{ color:#313131; background: #fff;}
.noNews.on a,.noNews a:hover{background:#707070 !important; opacity: 1; color: #fff;  position: absolute; left: -1px; top: -1px; right: -1px; bottom: 0;  }
.noNews.on .ico_bg,.noNews a:hover .ico_bg{ color:#707070; background: #e6e6e6; }
.okNews.on a,.okNews a:hover{background:#1e75d6 !important; opacity: 1; color: #fff; position: absolute; left: -1px; top: -1px; right: -1px; bottom: 0; }
.okNews.on .ico_bg,.okNews a:hover .ico_bg{ color:#1e75d6; background: #e8f3ff;}
.rvNews.on a,.rvNews a:hover{ background: #eb6100 !important; opacity: 1; color: #fff; position: absolute; left: -1px; top: -1px; right: -1px; bottom: 0;  }
.rvNews.on .ico_bg,.rvNews a:hover .ico_bg{ background: #fff; color:#eb6100; }
.mgNews.on a,.mgNews a:hover{ background: #04B431 !important; opacity: 1; color: #fff; position: absolute; left: -1px; top: -1px; right: -1px; bottom: 0;  }
.mgNews.on .ico_bg,.mgNews a:hover .ico_bg{ background: #fff; color:#04B431; }

/************************************** 
** dfTable
***************************************/
.dfTable{ margin: 0 0 0 0 ; box-sizing: border-box; margin-top: -1px; }
.dfTable table{ width: 100%; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.dfTable table thead th{  background: #f2f6fa;  border-top: 1px solid #d8dde1; padding: 7px 3px; color: #9099aa; letter-spacing: -1px;}
.dfTable table thead tr:first-child th{}
.dfTable table thead th a{color: #9099aa;}
.dfTable table thead th.ln_tr,.dfTable_line table thead th{ border-right: 1px solid #e1e1e1; vertical-align: middle;}
.dfTable table thead th.ln_tl{ border-left: 1px solid #e1e1e1;  vertical-align: middle;}
.dfTable table thead th .ico{ vertical-align: middle;}
.dfTable table thead th.lnr,
.dfTable table tbody td.lnr{border-right: 1px solid #d8dde1; vertical-align: middle; }
.dfTable table tbody td.txtGrey{ color: #707070;}
.dfTable table tbody td.txtCode{ letter-spacing: -0.3px; font-size: 11.5px; padding: 5px 1px 5px 3px;}
.dfTable table tbody td{  border-bottom: 1px solid #eeeeee; padding:5px 3px; text-align: center; background: #fff; height: 20px; vertical-align: middle; }
.dfTable table tbody td.iBox{ padding: 5px 2px; }
.dfTable table tbody td.iBox.tl a{ float: left; }
.dfTable table tbody td.iBox.tl a.ifile{ float: left; margin-left: 3px;}
.dfTable table tbody td.ln_tr,.dfTable_line table tbody td{ border-right: 1px solid #efefef; vertical-align: middle;}
.dfTable table tbody td.ln_tl{ border-left: 1px solid #efefef;  vertical-align: middle;}
.dfTable table tbody td:nth-child(2){ padding: 5px 4px 5px 5px !important;}
.dfTable table tbody tr:last-child td{border-bottom: 1px solid #b4c3d4; }
.dfTable table tbody tr:last-child{ border-bottom: 1px solid #ccc;}
.dfTable table tbody tr.bgon td { background: #e8f6ff; color: #1e75d6; }
.dfTable table tbody tr.bgon td a{  color: #1e75d6;}
.dfTable table tbody tr.bgon td span.ico_bg{ background: #acd8f4;  }
.dfTable_line input,.dfTable_line textarea{ width: 90%;}
.dfTable.left{ border-top: 1px solid #777; overflow: hidden; clear: both;}
.dfTable.left th{ padding-left: 10px; border-bottom: 1px solid #efefef; background: #f4f6f7; vertical-align: middle;}
.dfTable.bot{ text-align: center; margin: 0 auto; padding: 20px 10px; overflow: hidden; } 
.dfTable.bot .fr .btn:last-child{ margin-right: 0;}
.dfTable.top{ padding-bottom: 10px; overflow: hidden; }

.dfTable table tbody td.txtE{ display:table-cell;}
.dfTable table tbody td.ntitle .titList{ max-width: 265px;}
.dfTable table tbody td .titList{ margin-right: 2px; font-weight: bold; letter-spacing: -0.2px; vertical-align: middle; cursor: pointer; white-space: nowrap;  text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 245px; } 
.dfTable table tbody td.allList .ico_bg.s.bgred{ margin-left: -3px; font-family: tahoma; font-size: 10px; letter-spacing: 0px !important;}
.dfTable table tbody td .titList.w600{ max-width: 600px !important;}
.dfTable table tbody td .titList.w500{ max-width: 500px !important;}
.dfTable table tbody td .titList.w420{ max-width: 420px !important;}
.dfTable table tbody td .titList.w400{ max-width: 400px !important;}
.dfTable table tbody td .titList.w380{ max-width: 380px !important;}
.dfTable table tbody td .titList.w370{ max-width: 370px !important;}
.dfTable table tbody td .titList.w360{ max-width: 360px !important;}
.dfTable table tbody td .titList.w300{ max-width: 288px !important;}
.dfTable table tbody td.okList .titList{ color: #99209b; }
.dfTable table tbody td.poList .titList{ color: #6B9900; }
.dfTable table tbody td.noList .titList{ color: #e10b18; text-decoration: underline;}
.dfTable table tbody td.rvList .titList{ color: #99209b; text-decoration: underline; background:url(../images/bg_rv.png) left bottom repeat-x;}
.dfTable table tbody td.dellList .titList{ color: #999;}
.dfTable table tbody td.allList .ico_bg.s,
.dfTable table tbody td.okList .ico_bg.s,
.dfTable table tbody td.noList .ico_bg.s,
.dfTable table tbody td.rvList .ico_bg.s{ margin-right: 0px;}

.dfTable table tbody tr:hover td,
.dfTable table tbody tr.over td{ background: #ecf4fd;}
.dfTable table tbody tr:hover td span.ico_bg.nock,
.dfTable table tbody tr.over td span.ico_bg.nock{ background: #dedede;}
.dfTable table tbody tr:hover td span.ico_bg.okck,
.dfTable table tbody tr.over td span.ico_bg.okck{ background: #c3e4fa;}

.dfTable table tfoot td{  border-bottom: 1px solid #b4c3d4;  background:#eef6ff; text-align: center; font-weight: bold; font-size: 14px; padding: 8px 10px;}
.dfTable table tfoot td.lnr{border-right: 1px solid #d8dde1; vertical-align: middle; }


.scrollTable{ overflow-y:scroll;}

.dfTInfo{ background: #f8f8f8; padding: 20px; clear: both; overflow: hidden; margin: 10px 0; }
.dfTInfo.twogrid{display: table; margin-bottom: 20px;}
.dfTInfo.twogrid .dfTable{display: table-cell; table-layout: fixed; padding: 10px;  }
.dfTInfo.twogrid .dfTable tr td{ padding-left: 12px}
.dfTInfo.twogrid .dfTable tr td:first-child{ font-weight: bold; border-right:1px solid #d8dde1; }

/************************************** 
** writeBox
***************************************/
.writeBox {  clear: both; overflow: hidden; display: table; border-bottom:1px solid #b4c3d4 ; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; box-sizing: border-box; background: url(../images/bg_write.png) 0 repeat-y;} 
.writeBox .btn.m a, .writeBox button.btn.m, .grounpWrap input[type='button'].btn.m, .writeBox input[type='submit'].btn.m{ margin-right: 0; padding: 2px 9px; vertical-align: middle;}
.writeBox .thTit{ color: #1b1b1b; font-weight: bold; letter-spacing: -1px; display: inline-block; }
.writeBox .leftBox .thTit{ padding: 3px 10px 3px 0;  }
.writeBox .leftBox{ width: 690px; min-width: 600px; position: relative; float: left;}
.writeBox .leftBox .leftWrap{ float: left; }
.writeBox .leftBox table{ width: 689px;}
.writeBox .leftBox table tbody th{ color: #1b1b1b; font-weight: bold; border-bottom: 1px solid #e9e9e9; text-align: left; padding-left: 10px;  }
.writeBox .leftBox table tbody td{border-bottom: 1px solid #e9e9e9; padding: 5px 0; box-sizing: border-box; padding-left: 10px; padding-right: 10px; vertical-align: inherit;}
.writeBox .leftBox table tbody tr:last-child th,
.writeBox .leftBox table tbody tr:last-child td{ border-bottom-color:#bfbfbf ;}
.writeBox .leftBox table tfoot{  text-align: center; }
.writeBox .leftBox table tfoot tbody td{border-bottom: none; padding-top: 15px; padding-bottom: 15px;}
.writeBox .leftBox table tfoot tbody td.tl span{ padding-right: 3px;}
.writeBox .leftBox table tfoot tbody td.tr span{ padding-left: 3px;}
.writeBox .leftBox table tbody tr.editorWrap td{ padding:0; }

.writeBox table tfoot .reason td{ padding: 5px 0; padding-left: 10px; padding-right: 5px; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; }

.addFile .Maxscroll{ margin: 5px 0;}
.addFile p.btnBox{ text-align: right; }
.addFile select{ margin-left: 5px !important;}

/*.addFile li{ display: inline-block; margin:0 10px 0 5px;}
.addFile li span{ color: #1e75d6;text-decoration: underline; }
.addFile li a{ vertical-align: middle; margin-left: 3px;}*/

.writeBox .rightBox{  width: 357px;  background: #fff; float: left;}
.writeBox .rightBox .rightWrap{ float: left; display: block; }
.writeBox .rightBox table.toolTable{  }
.writeBox .rightBox table.toolTable .h3Tit{ border-bottom: 1px solid #b4c3d4; text-align:left;}
.writeBox .rightBox table.toolTable th{ text-align: left;  color: #1b1b1b; font-weight: bold; border-bottom: 1px solid #e9e9e9; vertical-align: top; padding: 10px 5px; letter-spacing: -1px; width: 55px;} 
.writeBox .rightBox table.toolTable th .btn a,.writeBox .rightBox table.toolTable th .btn{ width: 100%; text-align: center; font-weight: normal; font-size: 12px;}
.writeBox .rightBox table.toolTable th .btn a {line-height: 15px;}
.writeBox .rightBox table.toolTable td{border-bottom: 1px solid #e9e9e9; padding: 5px 10px 5px 0; box-sizing: border-box ; width: 299px;}
.writeBox .rightBox table.toolTable td .ico.trash{ margin-left: 3px; width: 7px;}
.writeBox .rightBox table.toolTable tr:last-child th,
.writeBox .rightBox table.toolTable tr:last-child td{ border-bottom: 0;}

.writeBox .rightBox.freerightBox table.toolTable th{ }

.writeBox .rightBox.freerightBox table.toolTable td{padding:10px 10px 10px 0; line-height:17px}
input.inputPoint{ background: #d8eaff; color: #598ac0; border-color:#1e75d6; letter-spacing: -1px; }
input.inputOff{ background: #f5f5f5; color: #707070;  }

.writeBox .grounpBox .grounpWrap{ margin-bottom: 2px;}
.writeBox .grounpBox .grounpWrap:last-child{ margin-bottom: 0;}
.writeBox  .selectBox{margin-right: 0;}
.writeBox .grounpBox .grounpWrap .selectBox select{ width: 72px;  }
.writeBox .icoBox{ width: 100%; display: block;}
.writeBox .icoBox input{ padding-left: 5px !important;  padding-right: 22px;}
.writeBox .icoBox .ico.search{ left: inherit; right: 2px; top: 6px; }

.writeBox .rightBox table.toolTable td .Maxscroll{ max-height:75px; overflow-y:scroll; min-height: 50px; background: #fff;  border: 1px solid #cdcdcd; border-radius: 2px; padding: 0 5px; width: 280px;  }
.writeBox .rightBox table.toolTable td .Maxscroll ul{ }
.writeBox .rightBox table.toolTable td .Maxscroll li:first-child{ padding-top: 5px;}
.writeBox .rightBox table.toolTable td .Maxscroll li:last-child{ padding-bottom: 5px;}
.writeBox .rightBox table.toolTable td .Maxscroll li{ padding: 1px 0; }
/*.writeBox .rightBox table.toolTable td .Maxscroll li.input_type{ margin-bottom: 2px; padding: 5px; color: #555;}*/
.writeBox .rightBox table.toolTable td .Maxscroll .txtE{ max-width: 245px; vertical-align: sub; }

.stateTab{ display: inline-block; vertical-align: middle;width:100%;}
.stateTab li{ float: left;}
.stateTab li{ width:24.2%;}
.stateTab li a{ display: block; color: #1b1b1b;  font-family: 'Noto Sans KR'; height: 30px; line-height: 17px;  padding: 5px 5px; box-sizing: border-box; border: 1px solid #bfbfbf; border-right: 0; background: #fff;text-align: center;}
.stateTab li:first-child a{ border-radius: 2px 0 0 2px;  }
.stateTab li:last-child a{  border-radius: 0 2px 2px 0; border-right: 1px solid #bfbfbf;  }
.stateTab li.on a{ background: #025abc; border-color: #014ea3; color: #ffffff;}
.stateTab li a > span {cursor: pointer;}
.stateTab li a > span.on{width:16px;height:15px;background:url('../images/icon_open.png')no-repeat;vertical-align:bottom;display: block; background-size:cover;float:left;margin-top: 1px;}


.writeBox .rightBox table.toolTable.WMTable .h3Tit{ background: #c1c5d1; border-top: 1px solid #7a7c85; border-bottom: 1px solid #7a7c85; color: #46495b; width: 357px; display:table-caption;  line-height: 23px; font-family: 'Noto Sans KR'; padding: 5px 5px;  }
.writeBox .rightBox table.toolTable.WMTable{ background: #f4f5f9; }

.writeBox .rightBox table.toolTable tbody.tbody_on{display: block !important;}
.writeBox .rightBox table.toolTable.WMTable th,
.writeBox .rightBox table.toolTable.WMTable td{ border-bottom-color: #c1c5d1;}
.writeBox .rightBox table.toolTable.WMTable .checkbg{ background: #e6e9f4; border-color: #c1c5d1;}
.writeBox .rightBox table.toolTable.WMTable .h3Tit .checkbg{ background: none; border: none; padding: 0;}
.writeBox .rightBox table.toolTable.WMTable .h3Tit .checkbg label{ color:#46495b; font-weight: normal;}
.writeBox .rightBox table.toolTable.WMTable .h3Tit .stateTab li a{ border-color: #7a7c85; letter-spacing: 0; }
.writeBox .rightBox table.toolTable.WMTable .h3Tit .stateTab li.on a{ background: #111;}

.writeBox .rightBox table.toolTable.WMTable .h3Tit .stateTab li.on a > label{ color:#fff;}



/************************************** 
** evaluationBox(기사평가)
***************************************/
.evaluationTable.dfTable table tbody td .titList{ width: 168px;}
.evaluationBox .thTit{ color: #1b1b1b; font-weight: bold; letter-spacing: -1px; }
.evaluationBox tbody tr td{  background: #f2f6fa; padding: 10px; border: 1px solid #d8dde1; }
.evaluationBox tfoot tr td{ padding: 10px 0 20px 0;}
.evaluationBox tfoot tr td span{ margin-right: -5px; }

/************************************** 
** 미리보기
***************************************/
.newsPrint .viewBot{ padding: 15px 20px 20px 20px; background: #f8f8f8; margin-bottom: 20px; }
.newsPrint .viewBot .inTable{ font-size: 13px; margin-bottom: 10px; }
.newsPrint .viewBot .inTable table{width: 100%; }
.newsPrint .viewBot .inTable tr th{ font-size: 13px; text-align: left;  padding:5px 7px; border-bottom: 1px solid #eee; border-right: 1px solid #c3cbd7; border-left: 1px solid #e1e1e1; background: #fff; }
.newsPrint .viewBot .inTable tr td{ font-size: 13px; padding-left: 12px; padding: 5px 7px; border-bottom: 1px solid #eee; border-right: 1px solid #e1e1e1; color: #555; background: #fff; }
.newsPrint .viewBot .inTable tr td li{font-size: 13px; color: #555;}
.newsPrint .viewBot .inTable tr td b{ font-size: 13px;}
.newsPrint .viewBot .inTable tr:last-child th,.newsPrint .viewBot .inTable tr:last-child td{border-bottom: 1px solid #7b8aa2;}
.newsPrint .viewBot .dfInfo h2{ border-bottom: 1px solid #1b1b1b; margin-bottom: 5px;}
.newsPrint .viewBot .dfInfo li{ padding: 4px 0; font-size: 13px;}


/**************************************  
** calendarBox
***************************************/
.calendarBox .h3Box {  text-align: center; padding: 10px;}
.calendarBox .h3Box .h3Tit{ font-family: 'Noto Sans KR'; font-size: 21px; text-align: center;  font-weight: normal;}

.calendarBox .searchBox{ padding: 15px; text-align: center;}
.calendarBox .searchBox span.left,
.calendarBox .searchBox span.right,
.calendarBox .searchBox span.month{ height: 30px; box-sizing: border-box; display: inline-block; vertical-align: middle; line-height: 30px;}
.calendarBox .searchBox span.month{font-family: 'Noto Sans KR'; font-size: 21px; margin: 0 15px; }

.calendarBox .dfTable table thead th{border-right: 1px solid #d8dde1;}
.calendarBox .dfTable table tbody td{ height: 95px; border-right: 1px solid #eeeeee; box-sizing: border-box;}
.calendarBox .dfTable table tbody td .cal_date{ float: left;font-family: 'Noto Sans KR'; font-size: 14px; color: #999; font-weight: 500;} 
.calendarBox .dfTable table tbody td.sun .cal_date{color: #e10b18;}
.calendarBox .dfTable table tbody td.sat .cal_date{color: #287be4;}
.calendarBox .dfTable table tbody td.sat{ border-right-color:#e1e1e1; }
.calendarBox .dfTable table tbody td.today{ background:#fdf3e6!important;  }
.calendarBox .dfTable table tbody td.today .cal_date{color: #e88500;}

.calendarBox .dfTable table tbody tr:hover td{ background: none;}

.today .btnBox{   vertical-align: middle; padding: 10px;  }
.today .btnBox p{ margin-top: 7px;}


/**************************************  
** image_desk(화상데스크)
***************************************/
.imageBox .leftBox{ overflow-y:scroll; width: 840px; height: 825px; background: #f6f6f6; float: left; border-top: 1px solid #aaa; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #b4c3d4; }
.imageBox .rightBox{ float: right; width: 416px; height: 826px; border: 1px solid #b4c3d4;}
.previewIn{ box-sizing:border-box; text-align: center; border-right: 1px solid #e1e1e1; height: 428px; line-height: 428px; vertical-align: middle; padding: 10px;   }
.previewIn img{ max-width: 100%; vertical-align: middle; max-height:100%;}

.previewInFinder{ box-sizing:border-box; text-align: center; border-right: 1px solid #e1e1e1; height: 394px; line-height: 314px; vertical-align: middle; padding: 10px;   }
.previewInFinder img{ max-width: 100%; vertical-align: middle; max-height:100%;}


.imageBox .leftBox .imageLi {width: 137px; height: 165px; float: left; box-sizing:border-box; border: 1px solid #e1e1e1; border-left: 0; border-top: 0; background: #fff; }
.imageBox .leftBox .imageLi a{ display: block; color:#1b1b1b;   text-align: center; position: relative; vertical-align: middle; padding: 5px 5px 9px 5px;  }
.imageBox .leftBox .imageLi a span.imageArea{height: 110px; display: block; line-height: 110px; vertical-align: middle; }
.imageBox .leftBox .imageLi img{ max-height: 105px; text-align: center; vertical-align: middle;  }
.imageBox .leftBox .imageLi .imageTxt{  height: 35px; display: block; overflow: hidden; text-align: left; padding-top: 5px; font-size: 12px; text-align: center;  }
.imageBox .leftBox .imageLi a:hover{ background: #ecf4fd; opacity: 1; border: 1px solid #1e75d6;}
.imageBox .leftBox .imageLi a:hover .imageTxt{color: #1e75d6; }
/*.imageBox .leftBox .imageLi span.ico.chain{ position: absolute; top: 5px; right: 0; z-index: 1111; width: 7px;}*/
.imageBox .leftBox .imageLi a span.ico.chain{ position: absolute; top: 0px; right: 0; z-index: 1111; width: 15px; height: 21px;}
.imageBox .leftBox .imageLi a:hover span.ico.chain{ background-image:url(../images/ico_chain_hover.png);}

.imageBox .rightBox .dfTable{ margin-top: 0;}
.imageBox .rightBox .dfTable table{ border-left: 0;}
.imageBox .rightBox .dfTable table tbody tr th{ background: #f2f6fa; color: #9099aa; border-top: 1px solid #d8dde1;vertical-align: middle;}
.imageBox .rightBox .dfTable table tbody tr:first-child th{ border-top:0; }
.imageBox .rightBox .dfTable table tbody tr:last-child,
.imageBox .rightBox .dfTable table tbody tr:last-child th{ border-bottom: 0 !important; }
.imageBox .rightBox .dfTable table tbody tr:last-child td{ border-bottom: 0 !important;}
.imageBox .pagingBox{ clear: both;}

.popTable.left table th{  text-align: left; border-bottom: 1px solid #e8eff2;}
.popTable.left table tr:last-child th{border-bottom:1px  solid #c3cbd7}
.popTable.left table td{ text-align: left; border-bottom: 1px solid #e8eff2;}


.cke_chrome{ border: 0 !important;}


table.writeG_table thead th,
#admin_tableList1 thead th{ vertical-align: middle; border-left: 1px solid #d8dde1; border-bottom: 1px solid #d8dde1;}



/* 20251203 기사입력기 추가 */


#tbodybell .grounpBox td {
    width: 100%;
    padding-bottom: 10px;
}
#tbodybell .grounpBox p {
    margin: 5px 0 5px 5px;
    font-weight: bold;
    font-size: 13px;
}
#tbodybell .freeChecbox {
    display: block;
    margin: 0 0 5px 5px;
    height:22px;
    padding:3px 3px;
    vertical-align: middle;
    white-space: nowrap;
}
#tbodybell .freeChecbox label{
    font-weight: bold;
}

#tbodybell .freeBtn {                                             
    display: flex;
    gap:2px;
    float: right;
    margin-left: 2px;
}
    #tbodybell .freeBtn button {                                             
    width: 36px;
    height: 30px;
    font-size: 12px;
    border:0;
    display: block;
    background-color: #287be4;
    color:#fff;
    border-radius: 5px;
    cursor: pointer;
}
#tbodybell .selectCal{margin: 0;}

#tbodybell .payReserve{
    display:inline-block;   /* 한 줄 유지 */
    margin-left:8px;
    vertical-align:middle;
}
#tbodybell .payReserve .reserveStrong{
    font-weight:700;   /* 강조 */
    font-size:13px;    /* 필요시 */
    margin-right:4px;
  }
                                      

@media all and (min-width:1280px){	
	

	
}