@charset "utf-8";
/* CSS Document */

/* font */
/* @import url(/bzu/css/bzu/bzu.font.notosans);  CDN 안될때 사용*/
/*  @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url('//fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');



/*common*/
body{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ellipsis2, .ellipsis3{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; word-wrap:break-word} 
.ellipsis2{-webkit-line-clamp:2}
.ellipsis3{-webkit-line-clamp:3}

/* btn */
.btn_bg{position:relative; overflow:hidden; text-align:center}
.btn_1{display:inline-block; font-size:18px; line-height:26px; padding:14px 65px; font-weight:300; background:#2aa7f2; color:#fff}
.btn_2{display:inline-block; font-size:16px; line-height:39px; font-weight:300; background:#353439; color:#fff; width:163px; height:40px}


/* 페이징 */
.pagingbox{width:98%;height:50px;padding-top:10px}
.pagingbox table tr td{border:0px solid #FFFFFF}

.paging_off, .paging_on{cursor:pointer; float:left; text-align:center; width:34px; line-height:34px; font-size:14px; font-weight:300; color:#888; border-radius:50%; transition:.2s}
.paging_off:hover	{background:#eee} 
.paging_on			{font-weight:500;background:#777; color:#fff} 

.pagingbox li{ list-style:none;padding:1px 6px 2px 6px;background:#CCC; color:#fff;border-radius:20%;margin-left:2px;maring-right:2px;width:10px;display:inline}
.pagingbox .on{font-weight:500;background:#777; color:#fff;border-radius:20%}




/* ====== header ======================================================================================================= */
.header, .gnb, .logo, .lnb, .lnb li, .lnb li a{position:relative; overflow:hidden}
.header{background:#393b3f}
.logo{display:block; float:left; width:80px; margin:14px 0 0 31px}
.logo img{width:100%}
.gnb_menu{position:relative; float:right; padding:14px 31px 14px 0}
.gnb_li1, .gnb_li1 li a, .gnb_li2, .gnb_li2 li a, .gnb_li3, .gnb_li3 li a{position:relative; display:block}
.gnb_li1, .gnb_li2, .gnb_li3{float:left; margin-right:10px}
.gnb_li1 li, .gnb_li2 li, .gnb_li3 li{display:block; font-size:11px; line-height:20px; float:left; font-weight:200; letter-spacing:0.4px}
.gnb_li1 li{color:#a2a2a2}
.gnb_li1 li a b{font-weight:200; color:#fff}
.gnb_li2{margin:-1px 20px 0 0}
.gnb_li2 li{border:1px solid #999; line-height:16px; margin-right:-1px; color:#e0e0e0}
.gnb_li2 li a{padding:2px 9px;}
.gnb_li3 li{color:#a2a2a2}
.gnb_li3 li:after{content:'|'; font-size:6px; vertical-align:top; margin:0px 8px 0; float:left; display:block; font-weight:100; color:#57585c}
.gnb_li3 li:last-child:after{display:none}
.gnb_li3 li a{float:left}
.gnb_li3 li a img{vertical-align:middle; margin:-2px 5px 0 0}
.gnb_menu select{width:48px; height:20px; font-size:10px; vertical-align:middle; display:block; float:left; background:#f0f0f0; color:#484848; margin:0 7px 0 9px}
.gnb_menu_sch_bg{position:relative; overflow:hidden; display:block; float:left; background:#f0f0f0}
.gnb_menu_sch{width:86px; height:20px; float:left; font-size:10px; padding:0 5px; background:#f0f0f0; font-weight:100}
.gnb_menu_sch_bg button{width:22px; height:20px; font-size:0; background:url(/zone/img/img4.png) center center no-repeat #f0f0f0; float:left}
/* lnb */

/*
.lnb, .lnb li, .lnb li a{display:block}
.lnb{width:100%; background:#494b50}
.lnb li{float:left; border-right:1px solid #37393d; width:105px}
.lnb li a{text-align:center; font-size:13px; font-weight:200; line-height:35px; color:#fff}
.lnb li.on{background:#5769ad}
.lnb li:hover{background:#55575b}
*/

.lnb, .lnb li, .lnb li a{position:relative}
.lnb{background:#494b50; padding:10px 30px; font-size:0}
.lnb li{display:inline-block}
.lnb li a{display:block; text-align:center; font-size:13px; font-weight:200; line-height:30px; color:#fff; padding:0 20px; transition:.2s}
.lnb li:hover a{background:#35373b; border-radius:8px}
.lnb li.on a{background:#2a2a2a; border-radius:8px}


/* ====== con ======================================================================================================= */
.con{position:relative; overflow:hidden}
.con{clear:both}

/* ====== menu ======================================================================================================= */
.menu, .menu_section_bg, .menu_section_top, .menu_section{position:relative; overflow:hidden}
.menu{width:200px; height:auto !important; background:#fff; border:1px solid #e3e3e3; position:relative;z-index:1; margin:30px 10px 18px 18px; border-radius:8px; box-shadow:0 10px 15px rgba(0,0,0,0.02); float:left}
.menu.menu_close{display:none}
.menu_top{text-align:center; font-size:18px; line-height:25px; font-weight:400; color:#222; padding:20px 0 20px}
.menu_top img{display:block; margin:0 auto 10px}
.menu_top_icon{width:35px; height:35px; display:block; margin:0 auto 15px}
.menu_section_top{display:block; background:#fff; color:#555; font-size:14px; font-weight:400; height:44px; line-height:44px; padding:0 10px; margin-top:1px; letter-spacing:-0.4px; transition:.2s}
.menu_section_bg .menu_section_top:hover{background:#f6f6f6}
.menu_section_bg .menu_section_top:before{position:absolute; display:block; content:""; left:0; width:3px; height:100%; background:#222; opacity:0; transition:.2s}
.menu_section_bg .menu_section_top:hover:before, .menu_section_bg.on .menu_section_top:before{opacity:1}

.menu_section_bg .menu_section_top:after{position:absolute; display:block; content:''; top:20px; right:20px; width:8px; height:5px; background:url(../img/menu_section_top_after.png) center no-repeat; background-size:8px 5px; opacity:.4; transition:.2s}
.menu_section_bg.on .menu_section_top:after{background:url(../img/menu_section_top_after_on.png) center no-repeat; background-size:8px 5px}
.menu_section_bg .menu_section_top:hover:after{opacity:1}

.menu_section_bg.on .menu_section_top{background:#f5f5f5; color:#222}

.menu_section_bg:last-child{margin-bottom:15px}
.menu_section_bg .menu_section{display:none}
.menu_section_bg.on .menu_section{display:block}
.menu_section, .menu_section li, .menu_section li a{display:block}
.menu_section{padding:8px 0px 8px 0px}
.menu_section li{margin:0 15px}
.menu_section li a{position:relative; overflow:hidden; padding:11px 10px; font-size:13px; line-height:18px; font-weight:300; color:#555; word-break:keep-all; transition:.2s}
.menu_section li:hover a{padding-left:14px; font-weight:400; color:#222}
.menu_section li a:after{position:absolute; display:block; content:''; top:17px; left:0; width:5px; height:5px; background:url(../img/menu_section_icon.png) center no-repeat; opacity:0; transition:.2s}
.menu_section li:hover a:after{opacity:.5; left:10px}
.menu_section li.on a{padding:8px 15px; font-size:13px; font-weight:400; background:#222; border-radius:8px; color:#fff; margin:3px 0; box-shadow:0 5px 10px rgba(0,0,0,0.1)}
.menu_section li.on a:after{display:none}



/* ====== view ======================================================================================================= */
.view{padding:0px 20px 30px 20px}
.view.fix{padding-top:76px}

.view_bg, .view_location, .view_top, .view, .view_tb_tit{position:relative; overflow:hidden}
.view_bg{float:left;width:calc(100% - 230px);min-height:500px}
.view_location{padding:8px 15px 7px; font-size:12px; line-height:18px; color:#444; font-weight:200; border-bottom:1px solid #ececec}
.view_location span{display:block; float:left}
.view_location span:after{content:''; margin:5px 8px 0; background:url(/bzu/images/default/img2.png); width:4px; height:7px; display:block; float:right}
.view_location span:last-child{text-decoration:underline}
.view_location span:last-child:after{display:none}
.view_top{font-size:20px; font-weight:400; color:#222; padding:30px 0px 15px 0px; border-bottom:2px solid #3f4d83; margin:0 20px}
.view_top span{font-size:65%; font-weight:200; color:#444; margin-left:10px}
.view_top a{position:absolute; display:block; background:#5769ad; color:#fff; line-height:38px; padding:0 22px; font-size:14px; font-weight:400; bottom:9px; right:0}
.view_top.fix{position:fixed; top:0; width:calc(100% - 251px); background:#fff; margin:0px 20px; padding:20px 0px 15px 0px; z-index:1}
.view_top.fix a{right:0px}
.view_tb_tit{font-size:15px; line-height:24px; color:#333; font-weight:400; padding:20px 0 6px}



/* view_notice */
.view_notice .view_notice_tit, .view_notice dl, .view_notice dt, .view_notice dd{position:relative; overflow:hidden}
.view_notice{border-top:1px solid #ddd; margin-top:50px; padding:28px 0 45px}
.view_notice_tit{font-size:13px; font-weight:400; color:#5769ad; padding:0 0 0px}
.view_notice_tit img{vertical-align:middle; margin:-2px 4px 0 0}
.view_notice dl, .view_notice dt, .view_notice dd{display:block}
.view_notice dl{font-size:12px; line-height:19px; margin-bottom:8px}
.view_notice dt{font-weight:400; color:#555; font-size:13px; padding:8px 0px 1px 0px;margin-left:5px}
.view_notice dt img{width:10px;height:10px;padding-top:5px;padding-right:3px}
.view_notice dd{font-weight:200; color:#888; text-indent:-10px; padding:1px 0 1px 8px;margin-left:10px}






.dTreeNode{ padding-bottom:0px;padding-top:0px}
.dtree {font-size: 12px;    color: #666;    white-space: nowrap;    }
.dtree img {    border: 0px;    vertical-align: middle; }
.dtree input{    border: 0px;    vertical-align: middle; }
.dtree a {  color: #333;    text-decoration: none;  }
.dtree a.node, .dtree a.nodeSel {   white-space: nowrap;    padding: 1px 2px 1px 2px;   }
.dtree a.node:hover, .dtree a.nodeSel:hover {   color: #333;    text-decoration: none;  }
.dtree a.nodeSel {  background-color: #c0d2ec;  }

/* 기타 */
#printxmobile{display:none}
.contentdefault{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #AAA;font-weight:300;line-height:1.2em;}


/*  모달 메뉴 */
#mask{background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999}
.modal100{display:block; position:fixed; top:20%; left:50%; z-index:99999; width:100px; margin:0 0 0 -81px !important; background:#fff; border:1px solid #000; padding:30px 30px 30px; bottom:auto}
.modal200{display:block; position:fixed; top:20%; left:50%; z-index:99999; width:200px; margin:0 0 0 -131px !important; background:#fff; border:1px solid #000; padding:30px 30px 30px; bottom:auto}
.modal300{display:block; position:fixed; top:20%; left:50%; z-index:99999; width:300px; margin:0 0 0 -181px !important; background:#fff; border:1px solid #000; padding:30px 30px 30px; bottom:auto}
.modal400{display:block; position:fixed; top:20%; left:50%; z-index:99999; width:400px; margin:0 0 0 -231px !important; background:#fff; border:1px solid #000; padding:30px 30px 30px; bottom:auto}
.modal500{display:block; position:fixed; top:20%; left:50%; z-index:99999; width:500px; margin:0 0 0 -271px !important; background:#fff; border:1px solid #000; padding:30px 30px 30px;border-radius:6px; bottom:auto}
.modal600{display:block; position:fixed; top:20%; left:50%; z-index:99999; width:600px; margin:0 0 0 -331px !important; background:#fff; border:1px solid #000; padding:30px 30px 30px;border-radius:6px; bottom:auto}
.modal700{display:block; position:fixed; top:20%; left:50%; z-index:99999; width:700px; margin:0 0 0 -381px !important; background:#fff; border:1px solid #000; padding:30px 30px 30px;border-radius:6px; bottom:auto}
.modal800{display:block; position:fixed; top:50%; left:50%; z-index:99999; width:800px; margin:0 !important; background:#fff; padding:30px; border-radius:8px; transform:translate(-50%, -50%)}
.modal900{display:block; position:fixed; top:50%; left:50%; z-index:99999; width:900px; margin:0 !important; background:#fff; padding:30px; border-radius:8px; transform:translate(-50%, -50%)}
.modal1000{display:block; position:fixed; top:50%; left:50%; z-index:99999; width:1000px; margin:0 !important; background:#fff; padding:30px; border-radius:8px; transform:translate(-50%, -50%)}
.modal1100{display:block; position:fixed; top:50%; left:50%; z-index:99999; width:1100px; margin:0 !important; background:#fff; padding:30px; border-radius:8px; transform:translate(-50%, -50%)}
.modal1200{display:block; position:fixed; top:20%; left:50%; z-index:99999; width:1200px; margin:0 0 0 -631px !important; background:#fff; border:1px solid #000; padding:20px 30px 40px; bottom:auto}


.modal800 .view_tb_tit,
.modal900 .view_tb_tit,
.modal1000 .view_tb_tit{padding-top:0}



/* 탭 메뉴 */
.bgmenu_over{background:url('/bzu/images/default/bgmenu_over.gif');height:27px;width:130px;float:left;font-size:13px;padding-top:13px;text-align:center;font-weight:500;Color:#0096e4;cursor:pointer}
.bgmenu_none{background:url('/bzu/images/default/bgmenu_none.gif');height:27px;width:130px;float:left;font-size:13px;padding-top:13px;text-align:center;font-weight:200;cursor:pointer}


/* 달력 */
.ui-widget.ui-widget-content{border:1px solid #ddd !important; box-shadow:0 4px 10px rgba(0,0,0,0.1); border-radius:8px; padding:0; overflow:hidden}
.ui-datepicker .ui-datepicker-header{background:none; border:none; border-radius:0; padding:10px 0 0 !important}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{font-family:'Montserrat','Noto Sans KR'; width:auto !important; margin:0 10px !important; background:transparent; font-size:14px !important; font-weight:500; cursor:pointer; color:#333}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:none !important; background:none !important; font-size:12px; line-height:30px; font-weight:300 !important; padding:0 10px 0 0 !important}
.ui-datepicker table{width:calc(100% - 20px) !important; margin:0 10px 0 !important}
.ui-datepicker th{padding:20px 0 10px !important; text-align:center; font-weight:400 !important; font-size:12px; color:#999}
.ui-datepicker-calendar .ui-datepicker-week-end:first-child a{color:#fe5969 !important}
.ui-datepicker-calendar .ui-datepicker-week-end:last-child a{color:#095894 !important}
.ui-datepicker td{padding:0 !important} 
.ui-datepicker .ui-datepicker-title select{-webkit-appearance:none; background:url(/bzu/images/default/menu_section_top_after.png) center right 0 no-repeat; background-size:6px 4px; padding-right:15px}
.ui-datepicker .ui-datepicker-title select::-ms-expand{display:none}

.ui-state-hover, 
 

.ui-state-focus, 
.ui-widget-content .ui-state-focus{}
.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:11px !important; transform:rotate(-90deg); transition:.2s}
.ui-datepicker .ui-datepicker-prev{left:10px !important; background:url(/bzu/images/default/menu_section_top_after_on.png) center no-repeat; background-size:10px 6px}
.ui-datepicker .ui-datepicker-next{right:10px !important; background:url(/bzu/images/default/menu_section_top_after.png) center no-repeat; background-size:10px 6px}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:none !important}
.ui-datepicker .ui-datepicker-prev:hover{border:none !important; background:url(/bzu/images/default/menu_section_top_after_on.png) center no-repeat #f3f3f3; background-size:10px 6px !important;}
.ui-datepicker .ui-datepicker-next:hover{border:none !important; background:url(/bzu/images/default/menu_section_top_after.png) center no-repeat #f3f3f3; background-size:10px 6px !important;}
.ui-state-default{transition:.2s}
.ui-state-default.ui-state-hover{background:#f2f2f2 !important; border-radius:4px}
.ui-widget-content{border:none !important}
.ui-datepicker .ui-datepicker-buttonpane{margin:0 !important; padding:0 !important; overflow:hidden}
.ui-datepicker .ui-datepicker-buttonpane button{margin:5px 10px 10px !important}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane button{padding:0 10px !important}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{color:#444; font-weight:500 !important; opacity:1}
.ui-datepicker-close{color:#aaa !important}


/* 팝업 */
.SLB_center { cursor:pointer; visibility:hidden; border: solid 4px #000000; background-color: #FFF}
.SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
.SLB_caption { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding: 3px 0px 4px 0px; border: solid 2px #cfcfcf; }


/* ====== login ======================================================================================================= */
/* .main{background:url() center center no-repeat; background-size:cover; width:100%; height:100%} */
.main{background:#888888 center center no-repeat; background-size:cover; width:100%; height:100%}
.login_bg{position:absolute; overflow:hidden; width:300px; height:320px; left:50%; top:50%; margin:-160px 0 0 -150px; text-align:center}
.login_input_bg, .login_input_icon{position:relative; overflow:hidden}
.login_logo{margin-bottom:30px}
.login{height:91px; border-radius:6px; background:#fff; margin-bottom:30px; padding:0 30px;clear:both}
.login_input_bg input{width:200px; float:left; height:35px; margin:5px 0; font-size:14px; font-weight:400; color:#1b1d1f}
.login_input_bg input::-webkit-input-placeholder{color:#c9cdd2; font-weight:200}
.login_input_bg input:-ms-input-placeholder{color:#c9cdd2; font-weight:200}
.login_input_icon{float:left}
.login_input_icon svg{width:14px; height:15px; float:left; margin:15px 21px 0 1px; fill:#1b1d1f}
.login_btn{position:relative; overflow:hidden; display:block; background:#1b1d1f; color:#fff; text-align:center; height:45px; line-height:45px; border-radius:6px; margin-bottom:38px; transition:.3s}
.login_btn:hover{background:#000; transition:.3s}
.login_bg span{font-size:12px; opacity:0.5; color:#fff; font-weight:300; line-height:16px}

/* ====== footer ======================================================================================================= */
.footer{position:relative; overflow:hidden; text-align:center; font-size:12px; line-height:18px; font-weight:100; color:#444; padding:10px 0px 50px 0px; border-top:1px solid #cfcfcf; letter-spacing:0.7px}
.footer b{color:#3c4b82; font-weight:400}