@font-face {
    font-family:'NanumBarunGothic';
    src:url('./com/font/NanumBarunGothic.eot');
    src:url('./com/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('./com/font/NanumBarunGothic.woff') format('woff'), url('./com/font/NanumBarunGothic.ttf') format('truetype');
    /* font-weight:bold;
    font-style:normal;  */
}
@font-face {
    font-family:'Nanum';
    src:url('./com/font/nanum.eot');
    src:url('./com/font/nanum.eot?#iefix') format('embedded-opentype'), url('./com/font/nanum.woff') format('woff'), url('./com/font/nanum.ttf') format('truetype');
   /*  font-weight:normal; */
    font-style:normal; 
	
}
@font-face {
    font-family:'NanumBold';
    src:url('./com/font/nanum_bold.eot');
    src:url('./com/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('./com/font/nanum_bold.woff') format('woff'), url('./com/font/nanum_bold.ttf') format('truetype');
   /*  font-weight:bold; */
    font-style:normal; 
}
select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:url("../images/arrow_bt.png")no-repeat 95% 50%;
border:1px solid #d2d2d2; 
line-height:18px;
padding:3px; text-align:left;
}
option{line-height:18px;}
select::-ms-expand{display:none;}

input{border:1px solid #d2d2d2; padding:3px; text-align:right; margin-top:1px;}
label{position:relative;    display: unset;    max-width: 100% !important; font-weight: unset !important;}
textarea{border:1px solid #d2d2d2; padding:3px; text-align:left;}

h3{font-size:20px;}  
h4{font-size:18px;}
h5{font-size:15px;}
.menu_title0{font-size:16px;margin-top:-6px;}
.menu_title{font-size:16px;margin-top:-6px;font-weight:bold}

input[readonly]{pointer-events : none  !important;}
textarea[readonly]{pointer-events : none  !important;}  
   
.ax5grid_pointer{cursor:pointer}
.tooltip{cursor:pointer; position:relative; top:0px; margin:0 5px;}
.tooltip_r{z-index:999;display:none; position:absolute;width:600px;background:#fff; border:3px solid #ccc; padding:10px; text-align:left; font-size:13px; line-height:16px;}
.tooltipN{cursor:pointer; position:relative; top:0px; margin:0 5px;}
.tooltip_n{z-index:999;display:none; position:absolute;width:250px;background:#fff; border:2px solid #ccc; padding:8px; text-align:center; font-size:13px; line-height:16px; border-radius: 15px;}
.tooltip_cus{position:relative;display:inline-block;border-bottom: 1px dotted black;}
.tooltip_cus .tooltiptext {visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity 0.3s;}
.tooltip_cus .tooltiptext::after {content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent trasparent transparent;}
.tooltip_cus:hover .tooltiptext { visibility:visible; opacity:1;}
.R-160{right:-160px;}
.R-10{right:-10px;}
.R50{right:50px;}
.R100{right:100px;}
.R180{right:180px;}
.R250{right:250px;}
.L100{left:100px;}
.L150{left:150px;}
.L200{left:200px;}
.L250{left:250px;}
.T150{top:150px;}
.T320{top:320px;}
.T30{top:30px;}
.T25{top:25px;}
.T20{top:20px;}
.T15{top:15px;}
.T10{top:10px;}
.T05{top:05px;}
.T-10{top:-10px;}
.T-20{top:-20px;}
.T-30{top:-30px;}
.T-40{top:-40px;}
.T-50{top:-50px;}
.T-60{top:-60px;}
.T-70{top:-70px;}
.T-80{top:-80px;}
.T-90{top:-90px;}
.T-100{top:-100px;}
.B250{bottom:250px;}

.txt_elip{text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.table_fixed{table-layout:fixed;}
caption{top:0; left:0; width:0px; height:0px; font-size:0; overflow:hidden:}
.table_basic{width:100%; border-top:1px solid #566176; text-align:left;}
/* .table_basic th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:14px;padding:5px ; text-align:center;}  */
.table_basic th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:13px; padding:8px 5px 8px 5px; height:15px; text-align:center;}
.table_basic th:first-child{border-left:none;}
.table_basic th span{color:navy; position:relative; left:5px;}
.table_basic th:last-child{border-right:none;}
.table_basic td{padding:5px 5px;  line-height:18px;vertical-align:middle;border-bottom:1px solid #c9d5e2;border-right:1px solid #c9d5e2;}
.table_basic td:last-child{border-right:none;}

.table_vertical{width:100%; border-top:1px solid #566176; text-align:left; font-size:13px;}
/* .table_vertical th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:13px; padding:8px 5px 8px 5px; text-align:center;} */
.table_vertical th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:12px; padding:5px 5px 5px 5px; height:15px; text-align:center;}
/* .table_vertical th span{color:blue; position:relative; left:5px;} #468ec9c2 */
.table_vertical th span{color:navy; position:relative; left:5px;} 
.table_vertical th:first-child{border-left:none;}
.table_vertical th:last-child{border-right:none;}
.table_vertical tr:hover{background:#eeeff4;}
.table_vertical th:hover{background:#eeeff4;}
.table_vertical td{padding:8px 5px 8px 5px; min-height:27px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2;}
.table_vertical td:first-child{border-left:none;}
.table_vertical .color_or{color:#ff7858; font-weight:bold;}
.table_vertical .color_sum{color:#3c773d; font-weight:bold; background:#f1f1f1}
.table_vertical .color_tot{color:#3794c1; font-weight:bold; background:#f1f1f1}


.table_layer{margin:10px 0;  border-top:1px solid #566176; text-align:left;}
.table_layer th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; 
font-size:14px; padding:8px 5px 8px 5px; height:27px;text-align:center;}
.table_layer th span{color:red; position:relative; left:5px;}
.table_layer th:first-child{border-left:none;}
.table_layer th:last-child{border-right:none;}
.table_layer tr:hover{background:#eeeff4;}
.table_layer td{padding:5px; line-height:18px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2;}
.table_layer td:first-child{border-left:none;}


.table_changeSumry{width:100%;  margin-bottom:5px; border-top:1px solid #566176; text-align:left;}
/* .table_changeSumry th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:14px; padding:8px 5px 8px 5px; height:23px;text-align:center;} */
.table_changeSumry th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:13px; padding:5px 10px 5px 10px; height:15px;text-align:center;}
.table_changeSumry th span{color:red; position:relative; left:5px;}
.table_changeSumry th:first-child{border-left:none;}
.table_changeSumry th:last-child{border-right:none;}
.table_changeSumry tr:hover{background:#eeeff4;}
.table_changeSumry th:hover{background:#eeeff4;}
.table_changeSumry td{padding:8px 5px 8px 5px; min-height:23px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2;}
.table_changeSumry td:first-child{border-left:none;}
.table_changeSumry .changeBold{font-weight:bold;}
.table_changeSumry .color_or{color:#ff7858; font-weight:bold;}
.table_changeSumry .back_color_or{background:#ff7858;}
.table_changeSumry .back_color_lb{background:#d9e1fa;}
.table_changeSumry .back_color_lg{background:#f6f6f6;}
.table_changeSumry .back_color_gr{background:#edeff4;}
.table_changeSumry .top_blue_bold{border-top:2px solid #5398db;}
.table_changeSumry .bottom_blue_bold{border-bottom:2px solid #5398db;}
.table_changeSumry .td_wid50_fix{padding:8px 5px 8px 5px; min-height:23px; width:50px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2; font-size:13px; word-break:break-all;}
.table_changeSumry .td_wid100_fix{padding:8px 5px 8px 5px; min-height:23px; width:100px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2; font-size:13px; word-break:break-all;}
.table_changeSumry .td_wid150_fix{padding:8px 5px 8px 5px; min-height:23px; width:150px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2; font-size:13px; word-break:break-all;}
.table_changeSumry .td_wid170_fix{padding:8px 5px 8px 5px; min-height:23px; width:170px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2; font-size:13px; word-break:break-all;}
.table_changeSumry .td_wid200_fix{padding:8px 5px 8px 5px; min-height:23px; width:200px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2; font-size:13px; word-break:break-all;}
.table_changeSumry .td_wid250_fix{padding:8px 5px 8px 5px; min-height:23px; min-width:250px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2; font-size:13px; word-break:break-all;}
.table_changeSumry .td_wid300_fix{padding:8px 5px 8px 5px; min-height:23px; min-width:300px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2; font-size:13px; word-break:break-all;}

.table_dtyVertical{width:100%; border-top:1px solid #566176; text-align:left; font-size:13px;}
/* .table_vertical th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:13px; padding:8px 5px 8px 5px; text-align:center;} */
.table_dtyVertical th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:12px; padding:5px 5px 5px 5px; height:15px; text-align:center;}
/* .table_vertical th span{color:blue; position:relative; left:5px;} #468ec9c2 */
.table_dtyVertical th span{color:red; background:#f1f1f1} 
.table_dtyVertical th:first-child{border-left:none;}
.table_dtyVertical th:last-child{border-right:none;}
.table_dtyVertical tr{}
.table_dtyVertical tr:hover{background:#eeeff4;}
.table_dtyVertical th:hover{background:#eeeff4;}
.table_dtyVertical td{padding:8px 5px 8px 5px; min-height:27px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2;}
.table_dtyVertical td:first-child{border-left:none;}
.table_dtyVertical .color_or{color:#ff7858; font-weight:bold;}
.table_dtyVertical .color_sum{color:#3c773d; font-weight:bold; background:#f1f1f1}
.table_dtyVertical .color_tot{color:#3794c1; font-weight:bold; background:#f1f1f1}

.table_535Vertical{width:535px; border-top:1px solid #566176; text-align:left; font-size:13px;}
.table_535Vertical th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:12px; padding:5px 5px 5px 5px; height:15px; text-align:center;}
.table_535Vertical td{padding:8px 5px 8px 5px; min-height:27px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2;border-right:1px solid #c9d5e2;}
.table_535Vertical th:last-child{border-right:1px solid #c6c6c6;}

/* 2024.12.19. khg 헤더 고정이 되어있는 테이블 */
.table_frozenHeader{width:100%; text-align:left; font-size:13px; border-collapse: separate; border-spacing: 0;}
.table_frozenHeader thead{position: sticky; top: 0;}
.table_frozenHeader thead th{border-top:1px solid #566176;}
.table_frozenHeader th{background:#edeff4;border-left:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:12px; padding:5px 5px 5px 5px; height:15px; text-align:center;}
.table_frozenHeader th span{color:navy; position:relative; left:5px;} 
.table_frozenHeader th:first-child{border-left:none;}
.table_frozenHeader th:last-child{border-right:none;}
.table_frozenHeader tr:hover{background:#eeeff4;}
.table_frozenHeader th:hover{background:#eeeff4;}
.table_frozenHeader td{padding:8px 5px 8px 5px; min-height:27px; vertical-align:middle;border-bottom:1px solid #c9d5e2; border-left:1px solid #c9d5e2;}
.table_frozenHeader td:first-child{border-left:none;}
.table_frozenHeader tr:first-child td{border-top: 1px solid #c9d5e2;}
.table_frozenHeader tr:last-child td{border-bottom: 1px solid #c9d5e2;}
.table_frozenHeader .color_or{color:#ff7858; font-weight:bold;}
.table_frozenHeader .color_sum{color:#3c773d; font-weight:bold; background:#f1f1f1}
.table_frozenHeader .color_tot{color:#3794c1; font-weight:bold; background:#f1f1f1}

.pagination {width:275px; height:20px;margin:0 auto; text-align:center;}
.pagination a { color: black;float: left;padding: 4px 8px;text-decoration: none; font-size:11px;}
.pagination a.active {background-color:#cccccc;color: white;}
.pagination a:hover:not(.active) {background-color: #ddd;}

.txt_l{text-align:left;}
.txt_c{text-align:center;}
.txt_r{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs25{font-size:25px;}
.fs27{font-size:27px;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
.ml5{margin-left:5px;}
.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

.mt-0{margin-top:0px;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:-10px;}
.mt-20{margin-top:-20px;}

.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt70{margin-top:70px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt90{margin-top:90px;}
.mt95{margin-top:95px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}

.pl10{padding-left:10px;}
.pd20{padding:20px;}
.input_check{position:relative;top:2px;}

.wid1{width:1px;}
.wid2{width:2px;}
.wid3{width:3px;}
.wid4{width:4px;}
.wid5{width:5px;}
.wid10{width:10px;}
.wid15{width:15px;}
.wid20{width:20px;}
.wid25{width:25px;}
.wid28{width:28px;}
.wid29{width:29px;}
.wid30{width:30px;}
.wid31{width:31px;}
.wid32{width:32px;}
.wid40{width:40px;}
.wid45{width:45px;}
.wid50{width:50px;}
.wid55{width:55px;}
.wid60{width:60px;}
.wid65{width:65px;}
.wid70{width:70px;}
.wid75{width:75px;}
.wid78{width:78px;}
.wid79{width:79px;}
.wid80{width:80px;}
.wid81{width:81px;}
.wid82{width:82px;}
.wid84{width:84px;}
.wid85{width:85px;}
.wid89{width:89px;}
.wid90{width:90px;}
.wid91{width:91px;}
.wid92{width:92px;}
.wid95{width:95px;}
.wid99{width:99px;}
.wid100{width:100px;}
.wid101{width:101px;}
.wid105{width:105px;}
.wid109{width:109px;}
.wid110{width:110px;}
.wid111{width:111px;}
.wid112{width:112px;}
.wid115{width:115px;}
.wid120{width:120px;}
.wid125{width:125px;}
.wid130{width:130px;}
.wid135{width:135px;}
.wid140{width:140px;}
.wid145{width:145px;}
.wid150{width:150px;}
.wid155{width:155px;}
.wid160{width:160px;}
.wid170{width:170px;}
.wid180{width:180px;}
.wid190{width:190px;}
.wid200{width:200px;}
.wid210{width:210px;}
.wid220{width:220px;}
.wid230{width:230px;}
.wid235{width:235px;}
.wid250{width:250px;}
.wid260{width:260px;}
.wid270{width:270px;}
.wid280{width:280px;}
.wid290{width:290px;}
.wid300{width:300px;}
.wid345{width:345px;}
.wid350{width:350px;}
.wid380{width:380px;}
.wid400{width:400px;}
.wid450{width:450px;}
.wid500{width:500px;}
.wid530{width:530px;}
.wid540{width:540px;}
.wid550{width:550px;}
.wid560{width:560px;}
.wid600{width:600px;}
.wid650{width:650px;}
.wid660{width:660px;}
.wid690{width:690px;}
.wid700{width:700px;}
.wid720{width:720px;}
.wid750{width:750px;}
.wid760{width:760px;}
.wid800{width:800px;}
.wid850{width:800px;}
.wid860{width:860px;}
.wid900{width:900px;}
.widp99{width:99%;}
.widp100{width:100%;}

.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h36{height:36px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h110{height:110px;}
.h120{height:120px;}
.h130{height:130px;}
.h140{height:140px;}
.h150{height:150px;}
.h160{height:160px;}
.h170{height:170px;}
.h180{height:180px;}
.h190{height:190px;}
.h200{height:200px;}
.h210{height:210px;}
.h220{height:220px;}
.h230{height:230px;}
.h240{height:240px;}
.h250{height:250px;}
.h260{height:260px;}
.h270{height:270px;}
.h280{height:280px;}
.h290{height:290px;}
.h300{height:300px;}
.minH800{min-height:800px;}
.lh24{line-height:24px;}
/* .lh20{line-height:20px;} */
.lh20{line-height:30px;}

.top5{top:5px;}
.top8{top:8px;}
.top10{top:10px;}
.top15{top:15px;}
.top20{top:20px;}
.top25{top:25px;}
.top30{top:30px;}
.top35{top:35px;}
.top40{top:40px;}
.top45{top:45px;}
.top50{top:50px;}
.top55{top:55px;}
.top-2{top:-2px;}
.top-5{top:-15px;}
.border_l{border-left:1px solid #c6c6c6;}
.border_r{border-right:1px solid #c6c6c6;}
.block{display:block;}

.border_l_n{border-left:none;}
.border_r_n{border-right:none;}

.btn_ax5grid{padding:0px 6px 2px 6px; font-size:12px; letter-spacing:0px; border-radius:3px; height:23px;}
.btn{padding:0px 5px 0px 5px; margin-left:5px; font-size:13px; letter-spacing:0px; border-radius:3px; height:25px; position:relative}
/* .btn_c{padding:9px 14px 13px 14px; margin-left:5px; font-size:14px; letter-spacing:-1px; border-radius:3px; height:32px;} */
/* .btn_c{padding:4px 9px 9px 9px; margin-left:2px; font-size:13px; letter-spacing:0px; border-radius:3px; height:25px;} */
/* .btn_c{margin-left:2px; font-size:13px; letter-spacing:0px; border-radius:3px; height:25px;} */
.btn_d{margin-left:12px; font-size:18px; letter-spacing:0px; border-radius:3px; height:30px;}
.btn_e{padding:6px 18px 12px 18px; margin-left:2px; font-size:13px; letter-spacing:0px; border-radius:3px; height:25px;} /* 2023-04-20 하단 버튼, 두글자인 경우 버튼이 너무 짧아서 추가함 */
.btn_c{padding:6px 12px 12px 12px; margin-left:2px; font-size:13px; letter-spacing:0px; border-radius:3px; height:25px; text-indent: 0px;} /* 2023-04-21 하단 버튼, 두글자인 경우 버튼이 너무 짧아서 추가함 */
/* .btn_top_howto{padding:3px 9px 9px 9px; margin-left:2px; font-size:13px; letter-spacing:0px; border-radius:3px; height:25px;} */
.btn_top_howto{ margin-left:2px; font-size:13px; letter-spacing:0px; border-radius:3px; height:25px;}
.btn_main_top{padding:9px 14px 13px 14px; margin-left:5px; font-size:14px; letter-spacing:0px; border-radius:3px; height:32px;}

.btn_sucess{padding:4px 5px 2px 5px; margin-left:5px; font-size:13px; letter-spacing:-1px; border-radius:3px; height:25px;}
.btn_finish{padding:4px 5px 2px 5px; margin-left:5px; font-size:13px; letter-spacing:-1px; border-radius:3px; height:25px;}
.btn_row{padding:4px 10px 2px 30px; margin-left:5px; font-size:13px; letter-spacing:-1px; border-radius:3px; height:30px;}

.add{background:#335e91 url("../images/btn_add01.png") no-repeat 8px 7px; color:#fff; }
.del{background:#335e91 url("../images/btn_del01.png") no-repeat 8px 7px; color:#fff; }

.gray{background:#949494;color:#fff;}
.black{background:#000;color:#fff;}
.white{background:#fff;color:#000; border:1px solid #bdbdbd;}
.white_c_red{background:#fff; border:1px solid #ff0012; color:#ff0012; height:34px;}
.orange{background:#ff7858;color:#fff;}
.green{background:#318f97;color:#fff;}
.navy{background:#335e91;color:#fff;}
.red{background:#d70000;color:#fff;}
.yellowgray{background:#C0C0B0;color:#000000;}
.purple{background:#76729A;color:#fff;}
.gold{background:#97940E;color:#fff;}
.vermilion{background:#D84F5C;color:#fff;}
.cobalt{background:#3372BF;color:#fff;}
.peagreen{background:#6E922E;color:#fff;}
.emerald{background:#308F97;color:#fff;}
.redG{
	background: radial-gradient( ellipse, #fff 88%, #f70000);
	border:2px solid #f70000 !important;
	/* border-image: radial-gradient(#fff, #d70000) 1; */
}

.sky{background:#8ec0e4;color:#fff;}
.green_blue{background:#0489b1;color:#fff;}

.c_gray{color:#949494;}
.c_orange{color:#ff7858;}  
.c_blue{color:#0060aa;}
.c_red{color:#ff0012;}
.c_none{color: #000;}
.c_b_gray{background:#eaeaea;}

.span_menu{padding:5px 5px 3px 5px; margin-left:5px; font-size:11px; font-weight: bold; letter-spacing:-1px; border-radius:3px; position:relative; background:#fff; border:1px solid #335e91; color:#335e91; height:100%;}
/*
.btn_confirm_wrap{width:100%; text-align:center; margin-top:20px;height:40px;}
.btn_confirm_wrap .confirm{background:#2b488c;color:#fff;padding:0 15px;  font-size:15px; border-radius:3px; height:34px;}
.btn_confirm_wrap .save{background:#2b488c;color:#fff;padding:0 15px; font-size:15px; border-radius:3px; height:34px;}
.btn_confirm_wrap .cancel{background:#646464;color:#fff;padding:0 15px; font-size:15px; border-radius:3px; height:34px;}
.btn_confirm_wrap .title01{position:relative; top:5px; padding-left:15px;}
.btn_content_wrap{float:right;width:50%; text-align:right; margin-top:25px;height:40px;}
.btn_confirm_wrap .potop5{position:relative; top:5px;}
.btn_confirm_wrap .potop7{position:relative; top:7px;}
.btn_content_wrap02{float:right;width:60%; text-align:right; margin-top:-40px;height:40px;}
.btn_content_wrap03{float:right;width:70%; text-align:right; margin-top:-40px;height:40px;}
.btn_content_wrap04{float:right;width:50%; text-align:right; height:40px;}
.btn_all_wrap{float:right;width:50%; text-align:right; margin-top:-30px;height:40px;}
.btn_all_wrap02{clear:both;float:right;width:50%; text-align:right; margin-top:-20px;height:40px;}
.btn_all_wrap03{clear:both;float:right;width:30%; text-align:right; margin-top:-20px;height:40px;}
.btn_all_wrap04{clear:both;float:right;width:30%; text-align:right; margin-top:-35px;height:40px;}
.btn_all_wrap05{float:right;width:50%; text-align:right; margin-top:-20px;height:40px;}
.btn_all_wrap05{float:right;width:50%; text-align:right; margin-top:-12px;height:30px;}
*/
.btn_confirm_wrap{width:100%; text-align:center; margin-top:10px;height:30px;}
.btn_confirm_wrap .confirm{background:#949494;color:#fff;padding:6px 20px 20px 20px;  font-size:14px; border-radius:3px; height:28px;}
/* .btn_confirm_wrap .save{background:#2b488c;color:#fff;padding:3px 21px 25px 21px; font-size:14px; border-radius:3px; height:28px;} */
.btn_confirm_wrap .save{background:#335e91;color:#fff;padding:4px 20px 20px 20px; font-size:14px; border-radius:3px; height:28px;}
.btn_confirm_wrap .savegray{background:#949494;color:#fff;padding:4px 20px 20px 20px; font-size:14px; border-radius:3px; height:28px;}
.btn_confirm_wrap .cancel{background:#949494;color:#fff;padding:4px 20px 20px 20px; font-size:14px; border-radius:3px; height:28px;}
.btn_confirm_wrap .vermilion{background:#D84F5C;color:#fff;padding:4px 20px 20px 20px; font-size:14px; border-radius:3px; height:28px;}
.btn_confirm_wrap .title01{position:relative; top:5px; padding-left:15px;}
.btn_content_wrap{float:right;width:50%; text-align:right; margin-top:25px;height:25px;}
.btn_confirm_wrap .potop5{position:relative; top:5px;}
.btn_confirm_wrap .potop7{position:relative; top:7px;}
.btn_content_wrap02{float:right;width:70%; text-align:right; margin-top:-30px;height:25px;}
.btn_content_view_wrap02{float:right;width:70%; text-align:right; margin-top:-50px;height:25px;}
.btn_content_wrap03{float:right;width:70%; text-align:right; margin-top:-30px;height:25px;}
.btn_content_wrap04{float:right;width:50%; text-align:right; height:25px;}
.btn_content_wrap05{float:right;width:60%; text-align:right; margin-top:25px;height:25px;}
.btn_content_wrap06{float:right;width:70%; text-align:right; margin-top:25px;height:25px;}
.btn_all_wrap{float:right;width:50%; text-align:right; margin-top:-30px;height:25px;}
.btn_all_wrap02{clear:both;float:right;width:50%; text-align:right; margin-top:-20px;height:25px;}
.btn_all_wrap03{clear:both;float:right;width:30%; text-align:right; margin-top:-20px;height:25px;}
/* .btn_all_wrap04{clear:both;float:right;width:30%; text-align:right; margin-top:-35px;height:25px;} */
.btn_all_wrap04{clear:both;float:right;width:30%; text-align:right; margin-top:-20px;height:25px;}
.btn_all_wrap05{float:right;width:50%; text-align:right; margin-top:-12px;height:28px;}
/* 2025.02.10. khg 묻고답하기 하단 버튼 */
.btn_qna_wrap{position: relative; text-align: center; width: 100%; margin-top: 5px;}
.btn_qna_wrap_center{display: inline-block; height: 25px;}
.btn_qna_wrap_right{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}

   
.content_wrap{float:right; width:20%; text-align:right; margin-top:-20px;}

/**.btn_down{background:#979797 url("../images/btn_ico1.png") no-repeat 8px 5px;color:#fff; border:1px solid #bdbdbd;
padding:3px 10px 3px 25px; margin-left:5px; font-size:12px; letter-spacing:-1px; border-radius:3px; height:27px; }
*/

.btn_down{background:#979797 url("../images/btn_ico1.png") no-repeat 8px 5px;color:#fff; border:1px solid #bdbdbd;
padding:2px 10px 3px 25px; font-size:12px; letter-spacing:-1px; border-radius:3px; height:23px; }

.btn_add{background:#335e91 url("../images/egovframework/com/tit_icon_pop.gif") no-repeat 8px 5px;color:#fff; border:1px solid #bdbdbd;
padding:2px 10px 3px 25px; font-size:12px; letter-spacing:-1px; border-radius:3px; height:23px; }


.pagination {position:relative; top:10px; padding-bottom:20px;width:300px; height:20px;margin:0 auto; text-align:center;}
.pagination a { color: black;float: left;padding: 4px 8px;text-decoration: none; font-size:11px;}
.pagination a.active {background-color:#cccccc;color: white;}
.pagination a:hover:not(.active) {background-color: #ddd;}

.btn-info{color: white !important; background-color: #335e91 !important; height:30px;}
.btn-{background-color: buttonface;}

/** 마지막 컬럼의 우측라인 사라지는 현상 제거  */
.cln_cncl_br{border-right: 1px solid #c9d5e2 !important;}

/** 소명서 목록 작성대상 */
.grd_cel_backcolor{background-color: #fff3dc;}

/** 그리드 색상 */
.grd_cel_fontcolor_gray{color:#949494;}
.grd_cel_fontcolor_orange{color:#ff7858;}
.grd_cel_fontcolor_blue{color:#0060aa;}
.grd_cel_fontcolor_red{color:#ff0012;}
.grd_cel_fontcolor_green{color:#318f97;}

.grd_cel_fontcolor_b_gray{color:#949494; font-weight:bold;}
.grd_cel_fontcolor_b_orange{color:#ff7858; font-weight:bold;}
.grd_cel_fontcolor_b_blue{color:#0060aa; font-weight:bold;}
.grd_cel_fontcolor_b_red{color:#ff0012; font-weight:bold;}
.grd_cel_fontcolor_b_green{color:#318f97; font-weight:bold;}

.grd_cel_backcolor_gray{background:#828282;color:#fff;}
.grd_cel_backcolor_black{background:#000;color:#fff;}
.grd_cel_backcolor_orange{background:#ff7858;color:#fff;}
.grd_cel_backcolor_green{background:#318f97;color:#fff;}
.grd_cel_backcolor_navy{background:#335e91;color:#fff;}
.grd_cel_backcolor_red{background:#d70000;color:#fff;}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fontBold{font-weight:bold;}

/* 20191106 pdy 파일처리 변경 - 그리드 파일들어가는 곳의 왼쪽 보더를 없앤다.  */
.bdRc{
	border-right: none !important;
}
/* error_wrap */
.error_wrap{ position:relative; background:#434755; width:100%; height:100%; text-align:center;}
.error_box{ padding-top:250px; color:#fff; word-break:keep-all;}
.error_call{ display:block;  margin:0 auto; background:url(../images/error_monitor.png) no-repeat; width:320px; height:260px; }
.error_num{ font-size:36px; font-weight:600; padding-top:40px; }
.error_time{ margin:auto; font-size:16px; letter-spacing:-1px; line-height:1.3em; width:75%; }
.error_txt_01{ font-size:30px; font-weight:normal; letter-spacing:-1px;}
.error_txt_02{ font-size:24px; font-weight:normal; letter-spacing:-1px;}
.error_btn{ font-size:18px; font-weight:normal; letter-spacing:-1px; color:#434755; background:#edecee; border-radius:30px; line-height:40px; width:200px; display:block; margin:auto; }

/* 2020.05.14 - ycs 알림창 버튼 사이즈 조정 */
.btn-info {
	color: white !important;
	background-color: #335e91 !important;
	width: 80px;
	height: 30px;	
}
.btn-del {
	margin-right: 50px !important;
	color: white !important;
	background-color: #335e91 !important;
	width: 80px;
	height: 30px;	
}

.table_lstDgn{width:100%; border-top:1px solid #b7c581; text-align:left;}
.table_lstDgn th{background:#dae0be;border:1px solid #b7c581; border-top:none;vertical-align:middle; font-size:13px; padding:8px 5px 8px 5px; height:15px; text-align:center;}
.table_lstDgn th:first-child{border-left:none;}
.table_lstDgn th span{color:navy; position:relative; left:5px;}
.table_lstDgn th:last-child{border-right:none;}
.table_lstDgn td{padding:5px 5px;  line-height:18px;vertical-align:middle;border-bottom:1px solid #b7c581;border-right:1px solid #c9d5e2;}
.table_lstDgn td:last-child{border-right:none;}
/* 비상장주식 소유자별 테이블 */
.table_unlist{width:100%; border-top:1px solid #566176; text-align:left;}
.table_unlist th{background:#edeff4;border:1px solid #c9d5e2; border-top:none;vertical-align:middle; font-size:13px; padding:8px 5px 8px 5px; height:15px; text-align:center;}
.table_unlist tbody{border-top:3px solid #c9d5e2;}
.table_unlist th:first-child{border-left:none;}
.table_unlist th span{color:navy; position:relative; left:5px;}
.table_unlist th span span{color:#566176; font-size:11px;font-weight:normal;margin-left:-5px; position:relative; left:5px;}
.table_unlist th:last-child{border-right:none;}
.table_unlist td{padding:5px 5px; line-height:18px;vertical-align:middle;border-bottom:1px solid #c9d5e2;border-right:1px solid #c9d5e2;}
.table_unlist td:last-child{border-right:none;}

/* 캘린더 디자인 수정 */
#LduiCalendar table.body thead th { border-left: 2px solid #ffffff}
#LduiCalendar table.body thead th.idx0 {border-left:none;}
#LduiCalendar table.body thead th.idx6 {border-right: 2px solid #ffffff;}
#LduiCalendar table.body tbody td {border-left: 2px solid #ffffff !important;border-bottom: 2px solid #ffffff !important;}
#LduiCalendar table.body tbody td:last-child  {border-right: 2px solid #ffffff;}
#LduiCalendar table.body tbody td.saturday a {color: blue !important; font-size: 12px;}
#LduiCalendar table.body tbody td.sunday a {color: red !important; font-size: 12px; }

/*주식매각(백지신탁) 아이콘*/
td .icon_btn{
	width: 20px;height:22px; margin:auto;
}
td .make_btn1{background:url('../images/pr/stk/make_5.png') no-repeat; background-size: 20px;}
td .make_btn1:hover{background:url('../images/pr/stk/make_5_hover.png') no-repeat; background-size: 20px;}

td .make_btn2{background:url('../images/pr/stk/make_5_col.png') no-repeat; background-size: 20px;}
td .make_btn2:hover{background:url('../images/pr/stk/make_5_col_hover.png') no-repeat; background-size: 20px;}

td .make_btn3{background:url('../images/pr/stk/make_2.png') no-repeat; background-size: 20px;}
td .make_btn3:hover{background:url('../images/pr/stk/make_2_hover.png') no-repeat; background-size: 20px;}

td .detail_btn1{background:url('../images/pr/stk/detail_5.png') no-repeat; background-size: 20px;}
td .detail_btn1:hover{background:url('../images/pr/stk/detail_5_hover.png') no-repeat; background-size: 20px;}

td .delete_btn1{background:url('../images/pr/stk/delete_5.png') no-repeat; background-size: 20px;}
td .delete_btn1:hover{background:url('../images/pr/stk/delete_5_hover.png') no-repeat; background-size: 20px;}

td .select_btn1{background:url('../images/pr/stk/select_5.png') no-repeat; background-size: 20px;}
td .select_btn1:hover{background:url('../images/pr/stk/select_5_hover.png') no-repeat; background-size: 20px;}

td .calculate_btn1{background:url('../images/pr/stk/calculate_5_col.png') no-repeat; background-size: 20px;}
/* td .calculate_btn1:hover{background:url('../images/pr/stk/calculate_5_col_hover.png') no-repeat; background-size: 18px;} */

td .calculate_btn1_dis{background:url('../images/pr/stk/calculate_5.png') no-repeat; background-size: 20px;}

td .download_btn1{background:url('../images/pr/stk/download_5.png') no-repeat; background-size: 20px;}
td .download_btn1:hover{background:url('../images/pr/stk/download_5_hover.png') no-repeat; background-size: 20px;}

td .detail_btn1{background:url('../images/pr/stk/detail_1.png') no-repeat; background-size: 20px;}
td .detail_btn1:hover{background:url('../images/pr/stk/detail_1_hover.png') no-repeat; background-size: 20px;}

td .detail_btn5{background:url('../images/pr/stk/detail_5.png') no-repeat; background-size: 20px;}
td .detail_btn5:hover{background:url('../images/pr/stk/detail_5_hover.png') no-repeat; background-size: 20px;}

td .revise_btn5{background:url('../images/pr/stk/revise_5.png') no-repeat; background-size: 20px;}
td .revise_btn5:hover{background:url('../images/pr/stk/revise_5_col.png') no-repeat; background-size: 20px;}

td .dclrDtl_btn1{background:url('../images/pr/stk/make_1.png') no-repeat; background-size: 20px;}
td .dclrDtl_btn1:hover{background:url('../images/pr/stk/make_1_hover.png') no-repeat; background-size: 20px;}


/*
td .detail_btn5{background:url('../images/pr/stk/detail_5.png') no-repeat; background-size: 20px;}
td .detail_btn5:hover{background:url('../images/pr/stk/detail_5_col.png') no-repeat; background-size: 20px;}
	
td .add_btn5{background:url('../images/pr/stk/add_5.png') no-repeat; background-size: 20px;}
td .add_btn5:hover{background:url('../images/pr/stk/add_5_col.png') no-repeat; background-size: 20px;}
	
td .delete_btn5{background:url('../images/pr/stk/delete_5.png') no-repeat; background-size: 20px;}
td .delete_btn5:hover{background:url('../images/pr/stk/delete_5_col.png') no-repeat; background-size: 20px;}
	
td .download_btn5{background:url('../images/pr/stk/download_5.png') no-repeat; background-size: 20px;}
td .download_btn5:hover{background:url('../images/pr/stk/download_5_col.png') no-repeat; background-size: 20px;}
	
td .calculate_btn5{background:url('../images/pr/stk/calculate_5.png') no-repeat; background-size: 20px;}
td .calculate_btn5:hover{background:url('../images/pr/stk/calculate_5_col.png') no-repeat; background-size: 20px;}
	
td .make_btn5{background:url('../images/pr/stk/make_5.png') no-repeat; background-size: 20px;}
td .make_btn5:hover{background:url('../images/pr/stk/make_5_col.png') no-repeat; background-size: 20px;}
	
td .revise_btn5{background:url('../images/pr/stk/revise_5.png') no-repeat; background-size: 20px;}
td .revise_btn5:hover{background:url('../images/pr/stk/revise_5_col.png') no-repeat; background-size: 20px;}

td .select_btn5{background:url('../images/pr/stk/select_5.png') no-repeat; background-size: 20px;}
td .rselect_btn5:hover{background:url('../images/pr/stk/select_5_col.png') no-repeat; background-size: 20px;}
*/
/* 20210913 khg 게시판 검색조건 라디오버튼 2번째 라디오버튼부터 왼쪽마진 추가 */
.PbtnAct:nth-child(n+2){margin-left: 5px;}

/* 2023.09.19. khg 당구장 리스트 */
.ul_referenceMark {
	list-style-type: none;	/* 기본 목록 마커 제거*/
	margin: 5px 0px;
}
/* 마커설정 */
.ul_referenceMark li::before {
	content: "\203B \2009";	/* 목록 앞에 ※ 추가 */
}
/* 들여쓰기 설정*/
.ul_referenceMark li {
	list-style-position: inside;	/* 들여쓰기 */
    word-break: keep-all;	/* 단어 기준으로 줄 바꿈*/
    text-indent: -15px;		/* 텍스트 시작 위치 */
    margin-left: 15px;		/* 마커 뒤의 텍스트 시작 위치 */
}
/* 2023.11.15. khg 숫자 리스트 */
.ul_InnerReferenceMark li {
    list-style-type: decimal;
	list-style-position: inside;	/* 들여쓰기 */
    word-break: keep-all;	/* 단어 기준으로 줄 바꿈*/
    text-indent: -15px;		/* 텍스트 시작 위치 */
    margin-left: 30px;		/* 마커 뒤의 텍스트 시작 위치 */
}
.ul_InnerReferenceMark li::before {
	content: none;	/* 목록 앞 제거 */
}
/* 마지막 li를 제외한 나머지 아래 여백 설정 */
.ul_referenceMark li:not(:LAST-CHILD) {
	margin-bottom: 3px;		
}

/* 2023.09.19. khg 서클 리스트 */
.ul_circleMark {
	list-style-type: none;	/* 기본 목록 마커 제거*/
	margin: 5px 0px;
}
/* 마커설정 */
.ul_circleMark li::before {
	content: "\25CB \2009";	/* 목록 앞에 o 추가 */
}
/* 들여쓰기 설정*/
.ul_circleMark li {
	list-style-position: inside;	/* 들여쓰기 */
    word-break: keep-all;	/* 단어 기준으로 줄 바꿈*/
    text-indent: -15px;		/* 텍스트 시작 위치 */
    margin-left: 15px;		/* 마커 뒤의 텍스트 시작 위치 */
}
/* 마지막 li를 제외한 나머지 아래 여백 설정 */
.ul_circleMark li:not(:LAST-CHILD) {
	margin-bottom: 3px;		
}

/* 2025.02.20. khg 대쉬 리스트 */
.ul_dashMark {
	list-style-type: none;	/* 기본 목록 마커 제거*/
	margin: 5px 0px;
}
/* 마커설정 */
.ul_dashMark li::before {
	content: "\2013 \a0";	/* 목록 앞에 en-dash 추가 */
}
/* 들여쓰기 설정*/
.ul_dashMark li {
	list-style-position: inside;	/* 들여쓰기 */
    word-break: keep-all;	/* 단어 기준으로 줄 바꿈*/
    text-indent: -15px;		/* 텍스트 시작 위치 */
    margin-left: 15px;		/* 마커 뒤의 텍스트 시작 위치 */
}
/* 마지막 li를 제외한 나머지 아래 여백 설정 */
.ul_dashMark li:not(:LAST-CHILD) {
	margin-bottom: 3px;		
}

/* 2024.07.25. khg UL을 이용한 표 스타일 */
.ul_tbl {
	display: table;
	height: 100%;
	border: 1px solid #566176;
	border-left: none;
	border-right: none;
}
.ul_tbl ul {
	clear: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #c9d5e2;
}
.ul_tbl .tblNm {
	
	border-bottom: 1px solid #c9d5e2;
	font-weight: bold;
	text-align: center;
}
.ul_tbl .tblNm li{
	background: #d4d7df;
}

.ul_tbl .subject {
	background: #edeff4;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #566176;
}
.ul_tbl .subject li{
	background: #edeff4;
}
.ul_tbl ul li {
	text-align: center;
	float: left;
	margin: 0;
	padding: 5px 2px;
	border-right: 1px solid #c9d5e2;
	width: 90px;
}
.ul_tbl ul li:last-child{
	border-right: none;
}
.ul_tbl ul .col {
	width: 89px;
}

/* 2024.11.19. khg 비고입력 모달(S) */
.divWrite {
    width: 300px;
    /* height: 110px; */
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px 10px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #c6c6c6;
    z-index: 99 !important;
    box-shadow: 2px 2px 2px rgb(125 125 125 / 50%);
}
.divWrite h2 {
	font-size: 16px;
}
.divWrite .close2 {
    position: absolute;
    top: 10px;
    right: 10px;	
}
#maskWrite {
	position: absolute;
    z-index: 9000;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    display: none;
    left: 0;
    top: 0;
}
/* 2024.11.19. khg 비고입력 모달(E) */

#stkInfTable tr > td{
	cursor: pointer;
}
#stkInfTable tr:hover {
	background:#eeeff4;
}