@charset "utf-8";
/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

@font-face {
 font-family: 'NanumGothic';
 font-weight:300;
 src: url(/fonts/NanumGothic.eot);
 src: url(/fonts/NanumGothic.eot?#iefix) format('embedded-opentype'),
      url(/fonts/NanumGothic.woff) format('woff'),
      url(/fonts/NanumGothic.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumGothicBold';
 font-weight:600;
 src: url(/fonts/NanumGothicBold.eot);
 src: url(/fonts/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
      url(/fonts/NanumGothicBold.woff) format('woff'),
      url(/fonts/NanumGothicBold.ttf) format('truetype');
}


html,body {width:100%; height:100%; color:#444; font-size:15px; font-family:'NanumGothic','나눔고딕','Malgun Gothic','맑은고딕','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;line-height:1.4;letter-spacing:-0.3px;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button,textarea {margin:0;padding:0}
img,fieldset,iframe{border:0 none}
legend, hr, caption{width:0;height:0;position:absolute;visibility:hidden;overflow:hidden;display:none;}
ol, ul ,li{ list-style:none;}
img, input, button, select, textarea {vertical-align:middle;}
em,address {font-style:normal}
fieldset {border:none;}
label,button {cursor:pointer}
button{margin:0;padding:0;}
table {border-spacing:0;border: 0 none;word-wrap:break-word;border-collapse:collapse;}
form {text-align:left;}
hr, legend, caption { overflow:hidden; position:absolute; left:0; top:0; width:0; height:1px; font-size:0; line-height:0; visibility:hidden; }
input, textarea, select, button{ font-family:'NanumGothic','나눔고딕','Malgun Gothic','맑은고딕','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;}
caption {width:0;height:0;visibility:hidden;line-height:0;font-size:0}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q { quotes: "" "";}
textarea{}
a {color:#444; cursor:pointer;}
a:link,a:visited {text-decoration:none;}
a:hover,a:active {text-decoration:none; cursor:pointer;}
/* a:focus {outline:0;} */
a img {border:0;}
area{cursor:pointer;}

/* margin */
.mt0{margin-top:0px !important}
.mt1{margin-top:1px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}

.mr0{margin-right:0px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}

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

.ml0{margin-left:0px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.mauto{margin:0 auto! important;}

/* padding */
.pt0{padding-top:0px !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}

.pr0{padding-right:0px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}

.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}

.pl0{padding-left:0px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}

/* 포인트 색상 */
.blue_cr {color:#3686c3 !important; }
.sky_cr {color:#1c90e3 !important; }
.red_cr {color:#f54242 !important; }
.or_cr {color:#ff5a00 !important; }
.white_cr {color:#fff !important; }

/* float style */
.fl_wrap{overflow:hidden}
.wrap_50{width:49% !important}
.fl,.l_tbox{float:left}
.fr,.r_tbox{float:right}
.fl_none{float:none !important}

/* text align */
.ta_l{text-align:left !important}
.ta_c,.txtC{text-align:center !important}
.ta_r,.txtR{text-align:right !important}
.va_t{vertical-align:top !important}
.va_m{vertical-align:middle}

.inp_box{height:30px;vertical-align:middle;border:1px solid #dedede}
.clear_box{overflow:hidden}
.sm_font{font-size:11px}

.sel_type,.sel_type2,.sel_base{border:1px solid #ddd}
.sel_type{width:100%;}
.sel_type2{height:30px;min-width:150px}
.sel_base{height:32px;padding:0 0 0 3px;vertical-align:middle}

.btn_right{text-align:right;}
.btn_left{text-align:left;}
.btn_center{text-align:center;}
.flie_down_bg{background:#f1f4f6; padding:15px;}
.link-underline{position:relative;color:blue;border-bottom:1px solid blue;padding:7px 50px 7px 5px;}
.link-underline:hover{color:blue;font-weight:bold;}
.link-underline:before{position:absolute;bottom:5px;right:0;content:"";border-top:1px solid blue;width:15px;transform:rotate(45deg);}

/*글내용이 없을 경우*/
.no_list{width:100%; text-align:center;}
.no_list .middle_cell{vertical-align:middle; color:#fff;}
.no_list img{padding-bottom:10px;}

/*hidden*/
.hiddenAll{font-size:0; width:0; height:0;}

/* 버튼 */
.btn_gray{display:inline-block; padding:9px 20px 10px 20px;background-color:#595959;color:#fff !important;letter-spacing:-0.5px; font-size:14px;}
.btn_gray:hover{background-color:#444;transition:all 0.5s ease}
.btn_blue{display:inline-block; padding:9px 20px 10px 20px;background-color:#014080;color:#fff !important;letter-spacing:-0.5px; font-size:14px;}
.btn_blue:hover{background-color:#00254a;transition:all 0.5s ease}
.btn_bluegreen{display:inline-block; padding:9px 20px 10px 20px;background-color:#01806f;color:#fff !important;letter-spacing:-0.5px; font-size:14px;}
.btn_bluegreen:hover{background-color:#006557;transition:all 0.5s ease}
.btn_yellowgreen{display:inline-block; padding:9px 20px 10px 20px;background-color:#71bf45;color:#fff !important;letter-spacing:-0.5px; font-size:14px;}
.btn_yellowgreen:hover{background-color:#60af34;transition:all 0.5s ease}
.btn_red{display:inline-block; padding:9px 20px 10px 20px;background-color:#b1040e;color:#fff !important;letter-spacing:-0.5px; font-size:14px;}
.btn_red:hover{background-color:#9b040d;transition:all 0.5s ease}
.btn_yellow{display:inline-block; padding:9px 20px 10px 20px;background-color:#ded51e;color:#fff !important;letter-spacing:-0.5px; font-size:14px;}
.btn_yellow:hover{background-color:#ccc310;transition:all 0.5s ease}
.btn_orange{display:inline-block; padding:9px 20px 10px 20px;background-color:#ed6710;color:#fff !important;letter-spacing:-0.5px; font-size:14px;}
.btn_orange:hover{background-color:#c3550d;transition:all 0.5s ease}

/* 테이블_버튼 */
.tbl_btn_gray{display:inline-block;  padding:3px 10px 3px 10px;background-color:#8f8f8f;color:#fff !important; font-size:13px; letter-spacing:-0.5px;}
.tbl_btn_gray:hover{background-color:#767676;transition:all 0.5s ease}
.tbl_btn_blue{display:inline-block;  padding:3px 10px 3px 10px;background-color:#376ca2;color:#fff !important; font-size:13px; letter-spacing:-0.5px;}
.tbl_btn_blue:hover{background-color:#014080;transition:all 0.5s ease}
.tbl_btn_bluegreen{display:inline-block;  padding:3px 10px 3px 10px;background-color:#239687;color:#fff !important; font-size:13px; letter-spacing:-0.5px;}
.tbl_btn_bluegreen:hover{background-color:#01806f;transition:all 0.5s ease}
.tbl_btn_red{display:inline-block;  padding:3px 10px 3px 10px;background-color:#bb2a32;color:#fff !important; font-size:13px; letter-spacing:-0.5px;}
.tbl_btn_red:hover{background-color:#b1040e;transition:all 0.5s ease}
.tbl_btn_orange{display:inline-block;  padding:3px 10px 3px 10px;background-color:#ff9933;color:#fff !important; font-size:13px; letter-spacing:-0.5px;}
.tbl_btn_orange:hover{background-color:#df8326;transition:all 0.5s ease}
/*font*/
.text-info{font-size:14px;color:#0569b4;}

/*table write*/
table{width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #1175c1;}
table th, table td{padding:7px;border:1px solid #ddd;border-right:none;} 
table th:first-child, table td:first-child{border-left:none;}
table tbody th{text-align:center;}
table tbody td{text-align:left;}


/*table cell size*/
.cell-no{width:7%;}
.cell-auto{width:auto;}
.cell-12{width:12%;}
.cell-15{width:15%;}
.cell-20{width:20%;}
.cell-30{width:30%;}
.cell-pull{width:100%;}



/*write box*/
.write-box{padding:3px 7px;border-top:2px solid #1175c1;border-bottom:1px solid #ddd;}

/*from*/
.form-group{}
input, select{box-sizing:border-box;height:32px;border:1px solid #cacaca;}
textaera{border:1px solid #787878;min-height:150px;max-height:350px;height:200px;}



/*버튼_20210421_KUJ*/
.btn, .btn-sm, .btn-lg{cursor:pointer;vertical-align:middle;position:relative;display:inline-block;color:#005596;border:1px solid #005596;box-sizing:border-box;background:transparent;}
.btn:hover, .btn-sm:hover, .btn-lg:hover{color:#fff;background:#005596;}
.btn{padding:0 10px;height:32px;line-height:32px;font-size:15px;}
.btn-lg:before{top:8px! important;}
.btn-sm{padding:0 10px;height:24px;line-height:24px;font-size:12px;}
.btn-lg{padding:0 15px;height:38px;line-height:38px;font-size:16px;}

.bg-default{background:#1175c1;color:#fff;}
.bg-primary{background:#22b9a4;color:#fff;border:1px solid #25d2af;}
.bg-warning{background:#fc7332;color:#fff;border:1px solid #ff7101;}
.bg-danger{background:#ff0000;color:#fff;border:1px solid #ff3c3c;}
.bg-normal{background:#565656;color:#fff;border:1px solid #7b7b7b;}

.bg-default:hover{background:#094675;}
.bg-primary:hover{background:#168071;}
.bg-warning:hover{background:#ef4d00;}
.bg-danger:hover{background:#bf0d0d;}
.bg-normal:hover{background:#404040;}

.icon-list, .icon-modify, .icon-save, .icon-down, .icon-print,
.icon-link, .icon-search, .icon-search, .icon-cancle, .icon-write, .icon-del{padding-left:35px! important;}
.icon-list:before, .icon-modify:before, .icon-save:before, .icon-down:before, .icon-print:before,
.icon-link:before, .icon-search:before, .icon-search:before, .icon-cancle:before,
.icon-write:before, .icon-del:before{position:absolute;width:20px;height:20px;display:inline-block;content:"";top:6px;left:10px;background:url('/img/btn-icon.png')no-repeat;}

.icon-w-list, .icon-w-modify, .icon-w-save, .icon-w-down, .icon-w-print,
.icon-w-link, .icon-w-search, .icon-w-search, .icon-w-cancle, .icon-w-write, .icon-w-del{padding-left:35px! important;}
.icon-w-list:before, .icon-w-modify:before, .icon-w-save:before, .icon-w-down:before, .icon-w-print:before,
.icon-w-link:before, .icon-w-search:before, .icon-w-search:before, .icon-w-cancle:before,
.icon-w-write:before, .icon-w-del:before{position:absolute;width:20px;height:20px;display:inline-block;content:"";top:6px;left:10px;background:url('/img/btn-icon.png')no-repeat;}

.icon-del{border:1px solid #ff0000;color:#ff0000;}
.icon-cancle{border:1px solid #494949;color:#494949;}

.icon-w-list:before{background-position:-343px -39px;}
.icon-w-modify:before{background-position:-256px -39px;}
.icon-w-save:before{background-position:-196px -39px}
.icon-w-down:before{background-position:-314px -39px}
.icon-w-print:before{background-position:-137px -39px}
.icon-w-link:before{background-position:-48px -39px}
.icon-w-search:before{background-position:-108px -39px}
.icon-w-cancle:before{background-position:-286px -39px}
.icon-w-write:before{background-position:-227px -39px}
.icon-w-del:before{background-position:-166px -39px}



.icon-list:before{background-position:-343px -12px;}
.icon-modify:before{background-position:-256px -12px;}
.icon-save:before{background-position:-196px -12px;}
.icon-down:before{background-position:-314px -12px;}
.icon-print:before{background-position:-137px -12px;}
.icon-link:before{background-position:-48px -12px;}
.icon-search:before{background-position:-108px -11px;}
.icon-cancle:before{background-position:-286px -12px;}
.icon-write:before{background-position:-227px -12px;}
.icon-del:before{background-position:-166px -12px;}

.icon-list:hover:before{background-position:-343px -39px;}
.icon-modify:hover:before{background-position:-256px -39px;}
.icon-save:hover:before{background-position:-196px -39px}
.icon-down:hover:before{background-position:-314px -39px}
.icon-print:hover:before{background-position:-137px -39px}
.icon-link:hover:before{background-position:-48px -39px}
.icon-search:hover:before{background-position:-108px -39px}
.icon-cancle:hover:before{background-position:-286px -39px}
.icon-write:hover:before{background-position:-227px -39px}
.icon-del:hover:before{background-position:-166px -39px}

.icon{display:inline-block;position:relative;width:20px;height:20px;padding-left:0! important;border:none! important;}
.icon:before{left:0! important;top:0! important;}
.icon.icon-list:before{background-position:-343px -12px;}
.icon.icon-modify:before{background-position:-256px -12px;}
.icon.icon-save:before{background-position:-196px -12px;}
.icon.icon-down:before{background-position:-314px -12px;}
.icon.icon-print:before{background-position:-137px -12px;}
.icon.icon-link:before{background-position:-48px -12px;}
.icon.icon-search:before{background-position:-108px -11px;}
.icon.icon-cancle:before{background-position:-286px -12px;}
.icon.icon-write:before{background-position:-227px -12px;}
.icon.icon-del:before{background-position:-166px -12px;}

/*타이틀*/
.con_title_icon{background:url('/img/con_title.gif') no-repeat center left; padding-left:13px; margin:20px 0 5px 0;font-size:16px; font-weight:600;}
.con_sub_title_icon{background:url('/img/con_sub_title.png') no-repeat 5px center; padding-left:18px; margin:20px 0 0 0;font-size:14px; font-weight:600;}

/* 탭메뉴_박스형 */
.tab_list_box{border:1px solid #e5e5e5; background:#fafafa; margin-bottom:40px;}
.tab_list_box ul{padding:20px;}
.tab_list_box ul li{display:inline-block;*display:inline; *zoom:1; width:23%; margin:6px 0;}
.tab_list_box ul li a{color:#666;  background:url('/img/tab_box_dot_off.gif') no-repeat center left; padding-left:10px; font-size:14px;}
.tab_list_box ul li a:hover, .tab_list_box ul li a.active{color:#005596; text-decoration:underline; background:url('/img/tab_box_dot_on.gif') no-repeat center left; font-weight:600;}

/* 탭메뉴_라인형 */
.tab_list_line{overflow:hidden;}
.tab_list_line ul{width:100%;border-bottom:1px solid #005596;height:45px;margin-bottom:15px;}
.tab_list_line li{width:23%;float:left; font-weight:normal;}
.tab_list_line li a{display:block;font-size:14px;padding:10px 0;border:1px solid #eaeaea;border-bottom:1px solid #005596;text-align:center; text-decoration:none; color:#888;height:24px;letter-spacing:-1px;font-weight:300; background:#f8f8f8;}
.tab_list_line li a:hover, .tab_list_line li a:active{background-color:#f1f1f1;transition:background 0.5s ease}
.tab_list_line li.active a{border:1px solid #005596;color:#005596;font-weight:400;border-bottom:1px solid #fff;height:24px;background-color:#fff}

/*모달팝업 tab_list_line*/
.modal_pop .tab_list_line li{width:20%;}


/* 탭메뉴_라인형(half) */
.tab_list_half_line{overflow:hidden;}
.tab_list_half_line ul{width:100%;border-bottom:1px solid #005596;height:45px;margin-bottom:15px;}
.tab_list_half_line li{width:50%;float:left; font-weight:normal;}
.tab_list_half_line li a{display:block;font-size:14px;padding:10px 0;border:1px solid #eaeaea;border-bottom:1px solid #005596;text-align:center; text-decoration:none; color:#888;height:24px;letter-spacing:-1px;font-weight:300; background:#f8f8f8;}
.tab_list_half_line li a:hover, .tab_list_half_line li a:active{background-color:#f1f1f1;transition:background 0.5s ease}
.tab_list_half_line li.active a{border:1px solid #005596;color:#005596;font-weight:400;border-bottom:1px solid #fff;height:24px;background-color:#fff}

/*탭 수정 20200406*/
.tab_list_box.clearfix{background:none;border:none;}
.tab_list_box .real_tab_list2{box-sizing:border-box;padding:0! important;}
.tab_list_box .real_tab_list2 li{box-sizing:border-box;display:inline-block;width:25%;margin:0;float:left;}
.tab_list_box .real_tab_list2 li ul{padding:0;}
.tab_list_box .real_tab_list2 li ul li{display:block;width:100%;padding:1px;}
.tab_list_box .real_tab_list2 li ul li a{box-sizing:border-box;display:block;background:#ddd;width:100%;padding:7px 0;text-align:center;}
.tab_list_box .real_tab_list2 li ul li a:hover, .tab_list_box .real_tab_list2 li ul li a.active{background:#fc9e32;color:#fff;text-decoration:none;}


.tab_list_box.clearfix{background:none;border:none;}
.tab_list_box .tab_list_new{box-sizing:border-box;padding:0! important;background:none;}
.tab_list_box .tab_list_new li{box-sizing:border-box;display:inline-block;width:25%;margin:0;padding:1px;float:left;}
.tab_list_box .tab_list_new li a{box-sizing:border-box;display:block;background:#ddd;width:100%;padding:7px 0;text-align:center;}
.tab_list_box .tab_list_new li a:hover, .tab_list_box .tab_list_new li a.active{background:#fc9e32;color:#fff;text-decoration:none;}

.tab_dam_1dapth li{width:25%! important;}

/*기본 테이블*/
.tbl_default{position:relative;}
.tbl_default{width:100%;margin:0 auto;letter-spacing:-0.3px;}
.tbl_default thead th{position:relative;font-weight:normal;text-align:center;background-color:#333;color:#fff; padding:12px; font-size:14px; border:1px solid #555;}
.tbl_default tbody th{background-color:#f0f3f5;border:1px solid #eaeaea;color:#444;padding:12px;text-align:center}
.tbl_default tbody td{border:1px solid #eaeaea;color:#555;padding:12px;text-align:center; font-size:14px;}
.tbl_default tbody td.left{text-align:left;padding:12px;}
.tbl_default.tbl-text-small tr td, .tbl_default.tbl-text-small tr th{font-size:12px;} 

.tbl_default_ver {width:100%; border-collapse:collapse; border-color:#888; border-style:solid; border-width:1px 0 0; font-size:14px;}
.tbl_default_ver thead th {background:#f9f7fa; color:#595b5f; font-weight:bold; text-align:center; vertical-align:middle; font-size:14px;}
.tbl_default_ver tbody th, tfoot th {color:#333; font-weight:bold; text-align:center; vertical-align:middle; background:#f7f8f9; padding:12px 0;}
.tbl_default_ver tbody td, tfoot td {text-align:left; padding:5px 0 5px 10px;}
.tbl_default_ver tbody td img{max-width:90%;}
.tbl_default_ver th, .tbl_default_ver td {border-bottom:1px solid #e6e6e6; }
.tbl_default_ver td.left {text-align:left; padding-left:10px;}
.tbl_default_ver td.right {text-align:right; padding-right:10px;}
.tbl_default_ver td input, .tbl_default_ver td select, .tbl_default_ver td textarea{border:1px solid #ddd; padding:5px 10px; vertical-align:middle;}
.tbl_default_ver .first {border-left:0;}

.tbl_default_blue{clear:both;position:relative;overflow:hidden;width:100%; border-top:1px solid #005596;}
.tbl_default_blue table{width:100%;}
.tbl_default_blue table tr th, .tbl_default_blue table tr td{padding:10px 5px; border:1px solid #ececec;  word-break:break-all;vertical-align:middle;}
.tbl_default_blue table tr th{background:#f7f8fb;color:#333; font-size:14px; font-weight:600;}
.tbl_default_blue table tr td{color:#666;text-align:center; font-size:14px;}
.tbl_default_blue table tr td.L{text-align:left; padding-left:5px;}
.tbl_default_blue table tr .bL0{border-left:none}
.tbl_default_blue table tr .bR0{border-right:none}

/*2022.03.22 테이블 예외 처리 */
.tbl_default_blue.ex table {border-top: 0 !important}
.tbl_default_blue.ex table tr td {font-size: 13px; line-height: 1.6;}

.tbl-col-auto{width:auto;}
.tbl-col-6{width:6%;}
.tbl-col-7{width:7%;}
.tbl-col-8{width:8%;}
.tbl-col-9{width:9%;}
.tbl-col-10{width:10%;}
.tbl-col-11{width:11%;}
.tbl-col-12{width:12%;}
.tbl-col-13{width:13%;}
.tbl-col-14{width:14%;}
.tbl-col-15{width:15%;}
.tbl-col-16{width:16%;}
.tbl-col-17{width:17%;}
.tbl-col-18{width:18%;}
.tbl-col-20{width:20%;}
.tbl-col-22{width:22%;}
.tbl-col-30{width:30%;}
.tbl-col-33{width:33%;}
.tbl-col-35{width:35%;}
.tbl-col-37{width:37%;}
.tbl-col-40{width:40%;}
.tbl-col-50{width:50%;}
.tbl-col-60{width:60%;}
.tbl-col-65{width:65%;}
.tbl-col-70{width:70%;}
.tbl-col-80{width:80%;}
.tbl-col-90{width:90%;}
.tbl-col-100{width:100%;}

.tbl-width-20{width:20px;}
.tbl-width-45{width:45px;}
.tbl-width-60{width:60px;}
.tbl-width-64{width:64px;}
.tbl-width-70{width:70px;}
.tbl-width-80{width:80px;}
.tbl-width-90{width:90px;}
.tbl-width-94{width:94px;}
.tbl-width-100{width:100px;}
.tbl-width-106{width:106px;}
.tbl-width-109{width:109px;}
.tbl-width-120{width:120px;}
.tbl-width-130{width:130px;}
.tbl-width-140{width:140px;}
.tbl-width-150{width:150px;}
.tbl-width-200{width:200px;}
.tbl-width-295{width:295px;}
.tbl-width-304{width:304px;}
.tbl-width-395{width:395px;}
.tbl-height-48{height:48px;}
.tbl-height-21{height:21px;}


/*물백과사전 게시판 등록*/
.board_write{width:100%;margin:0 auto;letter-spacing:-0.3px;clear:both;margin-top:15px; border-top:1px solid #005596; }
.board_write thead th{padding:12px;text-align:center;color:#595959;background-color:#f5f5f5;border-bottom:1px solid #ddd;}
.board_write tbody th{padding:12px;text-align:center;color:#595959;background-color:#f5f5f5;border-bottom:1px solid #ccc;}
.board_write tbody td{vertical-align:top; border-bottom:1px solid #eaeaea;color:#777;padding:12px 0;}
.board_write tfoot th{background-color:#f0f3f5;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.board_write td{border-bottom:1px solid #eaeaea;color:#777;padding:12px;}
.board_write td textarea{box-sizing:border-box;border:1px solid #eaeaea;width:95%;min-height:300px;vertical-align:top;text-align:left;padding:2%;color:#777;font-weight:200; margin-left:12px;}
.board_write td a{color:#333;}
.board_write td a:hover{text-decoration:underline;color:#014080}
.board_write input[type=text]{border:1px solid #eaeaea;padding:5px 7px;color:#777;}
.board_write input[type=file]{margin:0 0 3px 3px}

/*로그인*/
.loing_box {position:relative; width:660px; margin:0 auto;}
.loing_box .login_ser {position:relative; width:100%; padding:20px 0; background:#fff;}
.loing_box .login_ser .login_title{padding-bottom:30px; background:url('/img/login_title_bg.png') no-repeat 0 0;}
.loing_box .login_ser .login_title h2{font-size:42px; font-weight:600; color:#005596; padding-left:190px;}
.loing_box .login_ser .login_title p{padding-left:190px; line-height:24px; font-size:16px; padding-top:5px; color:#666;}
.loing_box .login_ser .idpw_box{border:1px solid #dedede; margin-bottom:10px; }
.loing_box .login_ser .idpw_box input{border:0; margin-left:10px; padding:20px 0; font-size:16px; width:85%; color:#666;}
.loing_box .login_ser .idpw_box input::-webkit-input-placeholder{color:#666;}
.loing_box .login_ser .idpw_box input:-ms-input-placeholder{color:#666;}
.btn_login{display:block; width:100%; padding:15px 0; background-color:#666;color:#fff !important;letter-spacing:-0.5px; text-align:center; font-size:18px; font-weight:600; border:0;}
.btn_login:hover{background-color:#444;transition:all 0.5s ease}
.mem_service{clear:both; background:#f5f5f5; width:660px; margin: auto;}
.mem_service ul{padding:50px 40px 30px 40px; height:130px;}
.mem_service ul li{width:50%; float:left;}
.mem_service ul li h4{background:url('/img/icon_exclamation.png') no-repeat center left; font-size:16px; padding-left:28px; color:#ff9933; font-weight:600;}
.mem_service ul li p{font-size:14px; color:#666; padding-top:10px; margin-bottom:30px;}

/*아이디,비밀번호찾기*/
.mem_ser_box{width:100%;}
.mem_ser_box ul {overflow:hidden; height:272px;}
.mem_ser_box ul li {float:left; height:195px;}
.mem_ser_box ul li h3 {position:relative; z-index:5; margin-left:0;}
.loing_box ul li.tab_left h3 {}
.mem_ser_box ul li h3 a {display:block; width:444px; text-align:center;  border-bottom:1px solid #005596;background:#f5f5f5; padding:12px 0; font-weight:400; font-size:18px;}
.mem_ser_box ul li h3 a:hover {background:#005596; color:#fff; transition:all 0.5s ease}
.mem_ser_box ul li h3 a.on {background:#fff; border:1px solid #005596; border-bottom:0; color:#005596; z-index:10;}

.per_idpw{position:absolute; left:0; width:100%;}
.per_idpw ul{margin-top:20px; height:auto;}
.per_idpw ul li{width:443px; height:400px; border:1px solid #ddd; margin-right:-1px;}
.per_idpw .fine_idpw{width:90%; margin:0 auto; text-align:center; padding:40px 0 0 0;}
.per_idpw .fine_idpw h3{font-size:24px; text-decoration:underline; color:#333; font-weight:600; padding-bottom:25px;}
.per_idpw .fine_idpw p{font-size:16px; color:#666; letter-spacing:-0.5px; padding:30px 0 15px 0;}
.per_idpw .fine_idpw input{border:1px solid #ddd; background:#f0f0f0; width:279px; padding:10px; font-size:14px;}
.per_idpw .fine_idpw input::-webkit-input-placeholder{color:#666;}
.per_idpw .fine_idpw input:-ms-input-placeholder{color:#666;}
.per_idpw .fine_idpw .idpw_stitle{padding:0; font-size:14px;}
.per_idpw .fine_idpw .idpw_mar{margin-bottom:5px;}
.per_idpw .fine_idpw .btn_find{width:301px; margin:0 auto; display:block; padding:15px 0; background-color:#666;color:#fff !important;letter-spacing:-0.5px; text-align:center; font-size:18px; font-weight:600; border:0;}
.per_idpw .fine_idpw .btn_find:hover{background-color:#333;transition:all 0.5s ease}
.txt_hidden{visibility:hidden;position:absolute;width:0;height:0;line-height:0;font-size:0;text-indent:-9999px}

/*아이디/비밀번호찾기 결과 - 개인회원*/
.idpw_result{position:absolute; left:0; margin-top:50px; width:100%; text-align:center;}

/*회원가입 - 실명인증*/
.join_check{ border:1px solid #ddd; margin-top:10px; text-align:center; padding:20px 0;}
.join_check h3{font-size:24px; text-decoration:underline; color:#333; font-weight:600; padding-bottom:25px;}
.join_check p{font-size:16px !important; color:#666; letter-spacing:-0.5px; padding:30px 0 15px 0;}

/*재난안전 - 조류현황*/
.algStageFont01{color:#0081cb;font-weight:bold;}
.algStageFont02{color:#ffcd40;font-weight:bold;}
.algStageFont03{color:#ff7505;font-weight:bold;}
.algStageFont04{color:#c30e00;font-weight:bold;}

.butt_bottom{border:2px solid #014080; cursor:pointer; border-bottom:1px solid #014080;}
ul.real_tab_list li{width:19%! important;} 

.modal_hidden{overflow:hidden;width:100%;height:100%;}


pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-break:keep-all;}



table td.text-jusify{text-align:justify;word-break:keep-all;}


/* toast ui grid 관련 */
.red.tui-grid-cell{font-weight: 600 !important;color: #e50000 !important;}
th.tui-grid-cell {white-space: normal !important;text-align:center !important;}
.tui-grid-container, tui-grid-layer-state {z-index:1;}

.cell-header {background:#f9f9f9 !important;font-weight:bold !important;color:#353535 !important;}
.cell-height23{height:23px !important;}
.tui-grid-cell-content{line-height:1! important;}
.grid-colspan-left {text-align : right !important;border-right-width:0px !important;padding-right:0! important}
.grid-colspan-right {text-align : left !important;border-left-width:0px !important;}
.grid-colspan-right .tui-grid-cell-content {padding:0 !important;}
.grid-wrap01{border-top: 1px solid #005596;border-left: 1px solid #ececec;margin-bottom: 25px;}
.grid-wrap02 .tui-grid-content-area.tui-grid-no-scroll-x{border-top:2px solid #005596;border-left:1px solid #eee;border-right:1px solid #eee;overflow: hidden;}
.grid-wrap03{width:895px;}
.grid-wrap03 .tui-grid-content-area{border-top:2px solid #005596;border-left:1px solid #eee;border-bottom:1px solid #eee}

/* 댐보별자료 팝업 그리드 적용 */
#grid2_wrap.hide{visibility: hidden !important;height:0px;}



/* 2021-07-22 */
.hidd{overflow:hidden; position:absolute; top:0; left:-2000px; width:0; height:0; font-size:0;}

.text-ver-top{vertical-align:top;}
.public_cont .public-title{padding:7px;border-top:2px solid #000;color:#000;}
.public_cont .public_content{padding:10px 0;border-bottom:1px solid #787878;border-top:1px solid #787878;}
.public_cont .public_content li{padding-bottom:7px;}
.public_cont .public_content dl{display:table;width:100%;}
.public_cont .public_content dl dt{padding:7px;display:table-cell;width:85px;font-weight:bold;}
.public_cont .public_content dl dd{padding:7px;display:table-cell;}
.public_cont .public_content dl dd ul{margin:10px 0 0 20px;}
.public_cont .public_content dl dd ul li{list-style:disc;color:#787878;}
.public_cont .public_content dl dd ul li ul{margin:5px 0 0 5px;}
.public_cont .public_content dl dd ul li ul li{list-style:none;}
.public_cont .big_fileBtn{display:inline-block;padding:10px;color:#fff;background:#3686c3;}
.public_cont .public_content table.worksTable tfoot tr td{background:#fafafa;font-weight:bold;}
.public_cont .tab_content{display:none;}
.public_cont .text-left tr td{text-align:left;}
.public_cont .col-md-6{padding:0 5px;}
.public_cont .worksTable tr td{padding:5px;}
.public_cont h4{text-align:center;color:#3686c3;}

.contest-area{margin:0 0 20px;}
.contest-area .content-title{padding:10px 0 5px;}
.contest-area table th{background:#f9f9f9;}
.contest-area table th, .contest-area table td{padding:10px 15px;}
.contest-area table .noborder {width:100%;border:0px}
.contest-area table .noborder th, .contest-area table td{padding:0px 0px;}
table tr th.tbl-border-left:first-child{border-left:1px solid #ddd;}
.contest-area img{display:inline-block; width:448px;height:633px;border:1px solid #ddd;}
.tbl-contest{border-bottom:1px solid #000; width:730px; margin-left:15px}
.tbl-contest h2{border-top:2px solid #000;border-bottom:1px solid #000;padding:15px 0;text-align:center;}
.tbl-contest table{border-top:none;}
.text-center td, .text-center th{text-align:center;}
.tbl-tbody{border-top:2px solid #787878! important;}
.tbl-tbody td, .tbl-tbody th{padding:5px 7px! important;}
.file-container h3{display:inline-block;}
#pop-contest .modal{top:20%;}
#pop-contest .modal_body{height:720px;overflow:auto;}

/*위성사진*/
.row, .row10{content:"";display:table;clear:both;}
.row{width:100%}
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4,.col-md-3,
.col-md-2, .col-md-1{float:left;box-sizing:border-box;}

#main_container{position:relative;width:100%;margin:0 auto;}
#sub_container{position:relative;width:1200px;margin:0 auto;background-color:#fff;}