@charset "utf-8";
html, body {height:100%;width:100%}
input{
	ime-mode:auto;
}
.es_wrap{position:absolute;top:0;bottom:0;left:0;right:0;background:#fff}
/*left_menu*/
.es_wrap .lnb_wrap{position:relative;z-index:2;}
.es_wrap .lnb_wrap::after{contenr:'';display:block;clear:both;}
.es_wrap .lnb_wrap .lnb{float:left;position:absolute;top:0;left:0;bottom:0;background:#5371e4;min-height:700px;height:100vh;z-index:2; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.es_wrap .lnb_wrap .lnb .nav_wrap{height:100%;}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav{font-size:11px;overflow:hidden;/*padding-top:40px*/}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li{border-bottom:1px solid rgba(255,255,255,0.12)}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li a{height:70px;display:block;border-bottom:1px solid rgba(0,0,0,0.07)}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li:hover a{background:linear-gradient(to bottom, rgba(255,255,255,0.12), rgba(255,255,255,0.1))}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li span{color:#fff;text-align:center;display:block;padding-top:35px;letter-spacing:-1px;width:80px;margin-left:-15px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_1{background:url(../images/common/btn_menu.png) no-repeat 0 0}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_2{background:url(../images/common/btn_menu.png) no-repeat 0 -70px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_3{background:url(../images/common/btn_menu.png) no-repeat 0 -140px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_4{background:url(../images/common/btn_menu.png) no-repeat 0 -210px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_5{background:url(../images/common/btn_menu.png) no-repeat 0 -280px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_6{background:url(../images/common/btn_menu.png) no-repeat 0 -350px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_7{background:url(../images/common/btn_menu.png) no-repeat 0 -420px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_8{background:url(../images/common/btn_menu.png) no-repeat 0 -490px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_9{background:url(../images/common/btn_menu.png) no-repeat 0 -490px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_10{background:url(../images/common/btn_menu.png) no-repeat 0 -350px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_11{background:url(../images/common/btn_menu.png) no-repeat 0 -350px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_12{background:url(../images/common/btn_menu.png) no-repeat 0 -350px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_13{background:url(../images/common/btn_menu.png) no-repeat 0 -280px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_24{background:url(../images/common/btn_menu.png) no-repeat 0 -490px}
.es_wrap .lnb_wrap .lnb_arrowtop {height:30px;min-height:30px;margin-top:10px;cursor:pointer;background:url(images/arrow_top.png) no-repeat}
.es_wrap .lnb_wrap .lnb_arrowbottom {height:30px;min-height:30px;cursor:pointer;background:url(images/arrow_bottom.png) no-repeat}

.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_1 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px 0}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_2 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -70px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_3 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -140px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_4 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -210px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_5 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -280px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_6 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -350px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_7 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -420px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_8 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -490px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_9 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -490px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_10 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -350px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_11 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -350px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_12 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -350px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_13 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -280px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li.menu_24 a.on{background:rgba(0,0,0,0.23) url(../images/common/btn_menu.png) no-repeat -80px -490px}
.es_wrap .lnb_wrap .lnb .nav_wrap ul.nav li a.on span{color:#95deff}

.es_wrap .sub_menu{float:left;position:absolute;top:40px;left:80px;bottom:0;width:180px;background:#eff3f6;min-height:660px;border-right:1px solid #c6cfd8;z-index:1}
.es_wrap .sub_menu p{height:35px;font-size:16px;color:#6b6e75;text-align:center;line-height:35px;font-weight:bold;border-bottom:1px solid #bdc6cf;background:linear-gradient(to bottom, #ebeef3, #e4e9ed)}
.es_wrap .sub_menu p span a{background:url(../images/common/icons.png) no-repeat 5px -18px;font-size:0;width:20px;height:20px;position:absolute;top:5px;right:10px;cursor:pointer}
.es_wrap .sub_menu ul{padding:11px 0 0 0}
.es_wrap .sub_menu ul li{line-height:30px}
.es_wrap .sub_menu ul li a{color:#333;padding-left:30px;background:url(../images/common/icons.png) no-repeat 15px 10.5px;display:block;font-size:13px;letter-spacing:-1px}
.es_wrap .sub_menu ul li a:hover,.sub_menu ul li a.on{font-weight:bold;background:#fff url(../images/common/icons.png) no-repeat 155px 10.5px;display:block}

/*header
.es_wrap .header_wrap{position:absolute;background:#fff;left:70px;top:0;right:0}
.es_wrap .header{height:40px;line-height:40px;border-bottom:1px solid #ebeff3;z-index:99;position:relative}
.es_wrap .header h1.logo a{position:absolute;float:left;background:url(/assets/css/images/common/logo0.png) no-repeat 20px 10px;font-size:0;height:40px;text-decoration:none}
.es_wrap .header h1.logo a span{font-size:12px;font-family:'tahoma','Nanum Square', sans-serif;color:#aaa;padding-left:95px;letter-spacing:0;line-height:40px}
.es_wrap .header .btn_user{display:inline-block;font-size:11px;padding:5px 6px 3px;border:1px solid #e3e3e3;background:#fff;line-height:12px;color:#545454;letter-spacing:-1px;margin-bottom:4px}
.es_wrap .header button:hover.btn_user{border:1px solid #bbb}
*/

/*
	// 편의상 여기에 위침 합니다. 차후에 옴기셔도 됩니다.
	// .ax-body.frame-set #ax-frame-root .ax-frame-contents
*/
.ax-body.frame-set #ax-frame-root .ax-frame-contents{padding-left:60px !important;transition:1s padding-left;}
.ax-body #ax-frame-root.menu-open .ax-frame-contents{padding-left:240px !important;}
.ax-body #ax-frame-root.lnb-close .ax-frame-contents{padding-left:0px !important;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item span[data-toggle="tooltip"]{max-width:120px;padding-right:25px;}

/*header_new*/
.lnb-close.es_wrap .header_wrap{left:0;}
.menu-open.lnb-close.es_wrap .header_wrap{left:0;}
.menu-open.es_wrap .header_wrap{left:240px;}

.es_wrap .header_wrap{position:absolute;background:#fff;left:60px;top:0;right:0;z-index:1;transition:1s left;}
.es_wrap .header_wrap.menu-open{left:240px}
.es_wrap .header{height:45px;line-height:45px;border-bottom:1px solid #eee;z-index:99;position:relative}

.es_wrap .header .content-head{position:absolute;top:0;left:0;width:100%;height:44px;background:#fff;box-sizing: border-box;padding:10px 30px;}
.es_wrap .header .content-head .logo{float:left;font-size:0}
.es_wrap .header .content-head .logo a{display:inline-block;height:30px;}
.es_wrap .header .content-head .logo a img{padding-top:3px;}
.es_wrap .header .content-head .logo span{display:inline-block;font-size:14px;line-height:25px;color:#b4b4b4;vertical-align:bottom;padding:0 0 5px 20px;font-weight:300}

.es_wrap .header .content-head .gnb_wrap{float:right}
.es_wrap .header .content-head .gnb_wrap .icon{float:left;margin-left:42px;position:relative;}
.es_wrap .header .content-head .gnb_wrap .icon:first-child{margin-left:0;}
.es_wrap .header .content-head .gnb_wrap .icon .badge{position:absolute;top:-15%;left:50%;font-size:12px;padding:0 5px;height:18px;line-height:18px;color:#fff;background:#f3668d;border-radius:9px;;}
.es_wrap .header .content-head .gnb_wrap .icon .default .full{display:none;}
.es_wrap .header .content-head .gnb_wrap .icon .expand .full{display:inline-block;;}
.es_wrap .header .content-head .gnb_wrap .icon .expand img{display:none;;}

.es_wrap .header .content-head .gnb_wrap .icon img{opacity:0.8;}
.es_wrap .header .content-head .gnb_wrap .icon:hover img{opacity:1;}

.es_wrap .header .content-head .gnb_wrap .icon .user-img{float:left;width:27px;height:27px;background:#ebebeb;border-radius:55px;text-align:center;overflow:hidden;border:1px solid #eee;}
.es_wrap .header .content-head .gnb_wrap .icon .user-img img{vertical-align:middle;width:27px;}

.es_wrap .header .content-head .gnb_wrap .icon .username{position:relative;font-size:13px;line-height:24px;color:#8796ab;padding-left:5px;}
.es_wrap .header .content-head .gnb_wrap .icon .username img{vertical-align:middle;padding-left:2px;}

.ax-body[data-page-auto-height="true"]{background:#f5f6fb;}
.ax-body[data-page-auto-height="true"] #ax-base-root{padding: 20px;box-sizing: border-box;background: #fff;border: 1px solid #ddd;}

/*header gnb
.es_wrap .header .gnb_wrap{position:absolute;right:0;z-index:99}
.es_wrap .header .gnb_wrap span{position:relative;margin-right:10px;vertical-align:top;display:inline-block;font-size:12px;color:#666}
.es_wrap .header .gnb_wrap ul{float:right;font-size:0;margin-left:25px}
.es_wrap .header .gnb_wrap ul li{border-left:1px solid #f0f0f0;float:left}
.es_wrap .header .gnb_wrap ul li a{display:block;text-decoration:none}
.es_wrap .header .gnb_wrap ul li a em {position:relative;top:-5px;margin-left:28px;padding:1px 5px 3px 5px;font-family:'Verdana' !important;background:#898c9b;border-radius:10px;-webkit-border-radius:10px;color:#fff;font-size:10px}
.es_wrap .header .gnb_wrap ul li:hover a em {background:#ef5740;height:40px}
.es_wrap .header .gnb_wrap ul li a em.new {background:#ef5740;height:40px}
.es_wrap .header .gnb_wrap ul li.lang_ko{background:url(../images/common/btn_lang.png) no-repeat 0 0;width:65px;height:40px}
.es_wrap .header .gnb_wrap ul li.lang_en{background:url(../images/common/btn_lang.png) no-repeat 0 -40px;width:65px;height:40px}
.es_wrap .header .gnb_wrap ul li.noti{background:url(../images/common/btn_gnb.png) no-repeat 0 0;width:55px;height:40px}
.es_wrap .header .gnb_wrap ul li.full_menu{background:url(../images/common/btn_gnb.png) no-repeat -55px 0;width:55px;height:40px}
.es_wrap .header .gnb_wrap ul li.expand{background:url(../images/common/btn_gnb.png) no-repeat -110px 0;width:55px;height:40px}
.es_wrap .header .gnb_wrap ul li.default{background:url(../images/common/btn_gnb.png) no-repeat -165px 0;width:55px;height:40px}
.es_wrap .header .gnb_wrap ul li.lang_ko:hover a{background:#f4f4f4 url(../images/common/btn_lang.png) no-repeat 0 0;width:65px;height:40px}
.es_wrap .header .gnb_wrap ul li.lang_en:hover a{background:#f4f4f4 url(../images/common/btn_lang.png) no-repeat 0 -40px;width:65px;height:40px}
.es_wrap .header .gnb_wrap ul li.noti:hover a{background:#f4f4f4 url(../images/common/btn_gnb.png) no-repeat 0 0;width:55px;height:40px}
.es_wrap .header .gnb_wrap ul li.full_menu:hover a,.es_wrap .header .gnb_wrap ul li.on{background:#f4f4f4 url(../images/common/btn_gnb.png) no-repeat -55px 0;width:55px;height:40px}
.es_wrap .header .gnb_wrap ul li.expand:hover a{background:#f4f4f4 url(../images/common/btn_gnb.png) no-repeat -110px 0;width:55px;height:40px}
.es_wrap .header .gnb_wrap ul li.default:hover a{background:#f4f4f4 url(../images/common/btn_gnb.png) no-repeat -165px 0;width:55px;height:40px}
*/

/*top_allmenu*/
.es_wrap .header_wrap .all_menu{display:none;background:#fff;border-bottom:1px solid #215189;position:absolute;display:none;z-index:100;width:100%}
.es_wrap .header_wrap .active{display:block !important}
.es_wrap .header_wrap .inactive{display:none}
.es_wrap .header_wrap .all_menu ul{min-height:200px}
.es_wrap .header_wrap .all_menu ul.sub_depth_wrap{margin:15px 0;display:inline-block}
.es_wrap .header_wrap .all_menu ul>li{border-right:1px solid #f4f4f4;float:left;display:inline-block;min-width:145px;width:12.4%}
.es_wrap .header_wrap .all_menu ul>li:last-child{border-right:0}
.es_wrap .header_wrap .all_menu ul li dl.sub_depth{}
.es_wrap .header_wrap .all_menu ul li dl.sub_depth ul li{width:100%}
.es_wrap .header_wrap .all_menu ul li dl.sub_depth dt{padding:0 20px}
.es_wrap .header_wrap .all_menu ul li dl.sub_depth dt strong{font-size:14px;font-weight:bold;color:#333}
.es_wrap .header_wrap .all_menu ul li dl.sub_depth dd li:first-child{margin-top:10px}
.es_wrap .header_wrap .all_menu ul li dl.sub_depth dd li{margin-top:0;border-right:0}
.es_wrap .header_wrap .all_menu ul li dl.sub_depth dd a{padding:4px 20px 4px; font-size:12px;line-height:18px;color:#666}
.es_wrap .header_wrap .all_menu ul li dl.sub_depth dd a:hover{color:#ef5740;font-weight:bold}

/*navi*/
.navi{position:absolute;right:20px;bottom:6px;top:85px}
.navi span:first-child{padding-left:0;font-size:0}
.navi span:first-child:before{content:"";padding-right:0;display:inline-block;width:13px;height:11px;background:url(../images/common/path_home.png) no-repeat;text-indent:1000%;white-space:nowrap;overflow:hidden}
.navi span{display:inline-block;padding-left:2px;color:#a3a3a3;font-size:11px}
.navi span:before{content:"";background:url(../images/common/path_sai.png) no-repeat 0 1px;padding-right:8px}
.navi span:last-child{color:#858585;}
.navi:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:"."}


/*레이어*/
.layer_wrap{position:fixed;width:100%;height:100%;top:0px;bottom:0px;left:0px;right:0px;background-color:rgba(0,0,0,0.5);z-index:5000;
    -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;
}

/*알림창*/
.layer_alertBar{width: 100%;min-height: 40px;height: 40px;top: 0;left: 0;background-color: #e9e9e9; text-align: left;line-height: 40px;padding-left: 10px;color: #0a0a0a;font-size: 14px;}
.layer_alert{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5000;background-color:#fff;width:280px;text-align:center;border:1px solid #555;}
/*.layer_alert p{font-family:'Nanum Square',sans-serif;letter-spacing:-1px;font-weight:400;font-size:14px;padding: 10px 10px 0px 10px; color:#333;word-wrap:break-word;word-break:break-all;text-align:center;line-height:22px;}*/
/* ACK 일본어 표시할때 font-family 지정시 한자 표시 안됨 KHJ 20210729 */
.layer_alert p{letter-spacing:-1px;font-weight:400;font-size:14px;padding: 10px 10px 0px 10px; color:#333;word-wrap:break-word;word-break:break-all;text-align:center;line-height:22px;}
.layer_alert .layer_btn{padding:15px 0; margin-top:20px;}
.layer_alert .layer_btn .cancel{border:1px solid #cacfd9;background:#fff;margin:3px;color:#666;padding:6px 20px 8px;letter-spacing:-1px;}
.layer_alert .layer_btn .cancel:hover{ background-color: #eee;}
.layer_alert .layer_btn .ok{border:1px solid #4a82ed;background:#4a82ed;margin:3px;color:#fff;padding:6px 20px 8px;letter-spacing:-1px;}
.layer_alert .layer_btn .ok:hover{ color: #fff; background-color: #2d6dbb; border-color: #8c8c8c;}


.period-datepicker{
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    display: table-cell;
}


/*

!*레이어*!
.layer_wrap{position:fixed;width:100%;height:100%;top:0px;bottom:0px;left:0px;right:0px;background-color:rgba(0,0,0,0.5);z-index:30;}

!*알림창*!
.layer_alert{position:fixed;top:35%;left:40%;z-index:40;background-color:#fff;padding:20px 30px;width:320px;text-align:center;border:1px solid #555;}
.layer_alert p{font-family:'Nanum Square',sans-serif;letter-spacing:-1px;font-weight:400;font-size:14px;color:#333;padding:30px 0;word-wrap:break-word;word-break:break-all;text-align:center;line-height:22px;}
.layer_alert .layer_btn{padding:7px 0;}
.layer_alert .layer_btn .cancel{border:1px solid #cacfd9;background:#fff;color:#666;padding:6px 20px 8px;margin:3px;font-family:'Nanum Square',sans-serif;letter-spacing:-1px;}
.layer_alert .layer_btn .ok{border:1px solid #4a82ed;background:#4a82ed;color:#fff;padding:6px 20px 8px;margin:3px;font-family:'Nanum Square',sans-serif;letter-spacing:-1px;}
*/


/*달력*/
.container{left:50%;margin:-110px 0 0 -120px;position:absolute;top:50%;font-family:Verdana;}
.calendar{text-align:center;font-size:12px;border:1px solid #ccc;background:#fff;}
.calendar table{border-collapse:collapse;border-spacing:0;margin:10px;}
.calendar header{position:relative;padding:12px 20px;background:#f5f5f5;}
.calendar h2{text-transform:uppercase;font-size:14px;}
.calendar thead{font-weight:600;text-transform:uppercase;}
.calendar tbody{color:#555;font-family:Verdana;}
.calendar tbody td:hover{background:#e9f0fb;border:0;}
.calendar tbody td.current-day:hover{background:#00addf;color:#f9f9f9;}
.calendar td{display:inline-block;text-align:center;width:35px;line-height:18px;padding:5px;cursor:pointer;}
.calendar .prev_month,.calendar .next_month{opacity:0.2;}
.calendar .prev-month:hover,.calendar .next-month:hover{border:0;}
.currentday,.calendar td.currentday:hover{background:#61a9ff;color:#fff!important;}
.calendar tr td:first-child{color:#ff141d}
.calendar tr td:last-child{color:#428be2}
.btn_prev,.btn_next{margin:-1em;position:absolute;top:60%;}
.btn_prev:hover,.btn_next:hover{opacity:1}
.btn_prev{left:60px;background:url(../images/board/prev.png);width:16px;height:16px;opacity:0.5}
.btn_next{right:60px;background:url(../images/board/next.png);width:16px;height:16px;opacity:0.5}

/*BBSlist*/
.board_wrap{position:absolute;margin-top:40px;margin-left:80px;background:#fff;top:0;left:0;right:0;bottom:0;min-width:1200px;min-height:720px}
.board{position:relative;width:100%;height:100%}
.bbsList{width:100%;display:inline-block;}
.bbsList table{width:100% !important;table-layout:fixed !important;word-break:break-all !important;/*font-family: 'Nanum Square', sans-serif;*/font-size:12px !important;text-align:center !important;height:30px !important;line-height:40px !important;}
.bbsList table thead th{padding:0 5px !important;border-top:1px solid #4b525a !important;color:#666 !important;background:#f9f9f9 !important;border-bottom:1px solid #ddd !important;font-size:12px;line-height:35px; }
.bbsList tbody tr:hover{background:#fffae6 !important;}
.bbsList tbody td{padding:0 5px !important;border-bottom:1px solid #e9e9e9 !important;line-height:35px !important;letter-spacing:0 !important;font-size:12px}
.bbsList tbody .tit{text-align:left !important;padding-left:10px !important;letter-spacing:-.5px !important;}
.bbsList table td a{display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.page{clear:both;*zoom:1;position:relative;margin:10px auto;text-align:center;line-height:1;cursor:default}
.page>span{display:inline-block;}
.page:before,.page:after{content:" ";display:table}
.page:after{clear:both}
.page a{display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin:0;width:20px;height:26px;line-height:25px;vertical-align:middle!important;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;font-size:12px;color:#999;font-family:Tahoma;font-weight:bold}
.page a.active,.page a.nav:hover,.page a:hover{text-decoration:none;color:#444}
.page a.nav{background-position:center center;background-repeat:no-repeat;}
.page a.nav.prev{margin-right:10px;background-image:url(../images/board/pagination_prev.png);}
.page a.nav.next{margin-left:10px;background-image:url(../images/board/pagination_next.png);}
.page a.nav.first{background-image:url(../images/board/pagination_first.png);}
.page a.nav.last{background-image:url(../images/board/pagination_last.png);}
.page a.nav.prev,.page a.nav.next,.page a.nav.first,.page a.nav.last{opacity:0.9;filter:alpha(opacity=90)}
.page a.nav.prev:hover,.page a.nav.next:hover,.page a.nav.first:hover,.page a.nav.last:hover,.page a.nav.prev:focus,.page a.nav.next:focus,.page a.nav.first:focus,.page a.nav.last:focus{opacity:1;filter:alpha(opacity=100)}
.page a.nav.disable{opacity:0.3;filter:alpha(opacity=30)}
.page a.nav.disable:hover,.page a.nav.disable:active,.page a.nav.disable:visited,.page a.nav.disable:link{border-color:#aaa!important;opacity:0.3;filter:alpha(opacity=30);cursor:default!important}
.page .on{color:#ea5d4b;font-size:14px;}
.page .view{position:absolute;float:left;text-align:left;padding-left:5px;color:#777}
.page .view select{width:100px;border:1px solid #e4e4e4;padding:3px 5px 2px 3px;height:27px;line-height:100%;vertical-align:middle;}

/*BBSview*/
.bbsview{border-top:1px solid #ccc !important;border-bottom:1px solid #a9aaac !important;width:100%;}
.bbsview table{width:100% !important;/*font-family: 'Nanum Square', sans-serif;*/}
.bbsview th{color:#393939 !important;font-size:12px !important;background:#f9f9f9 !important;width:150px !important;}
.bbsview th,.bbsview td{height:30px !important;border-bottom:1px solid #e9e9e9 !important;vertical-align:middle !important;color:#5a5a5a !important;padding-left:10px !important;font-size:12px !important;}
.bbsview tr:last-child th,.bbsview tr:last-child td{border-bottom:0 !important;}
.bbsview th:last-child,.bbsview td:last-child{border-right:0 !important;}
.bbsview td div.con{line-height:20px;padding:20px 0 !important;font-size:12px !important;min-height:250px !important;letter-spacing:-.5px !important;display:inline-block !important;}
.bbsview td a{cursor:pointer !important;display:inline-block !important;}
.bbsview td.title{font-size:16px !important;padding:10px !important;letter-spacing:-.5px !important;font-family:'Nanum Square',sans-serif !important;}
.bbsview td.writer{text-align:right;border:0 !important;color:#999 !important;height:25px !important;position:absolute !important;margin-top:-27px !important;right:20px !important;}
.bbsview td.writer span:after{content:"|" !important;font-weight:normal !important;padding:0 7px !important;color:#e0e0e0 !important;}
.bbsview td.writer span:last-child:after{content:"" !important;padding-right:0 !important;}

/*BBSwrite*/
.bbswrite_wrap{position:absolute;background:#fff;top:10%;left:20%;right:0;bottom:0;width:900px;height:600px;}
.bbswrite_wrap h4{font-size:14px;background:url(../images/icon_tit.png) no-repeat 5px 37px;margin:20px 0 0 20px;}
.bbswrite{border-top:1px solid #4b525a;border-bottom:1px solid #ccc;/*font-family: 'Nanum Square', sans-serif;*/font-size:12px;margin:10px 20px 20px;}
.bbswrite table{width:100%;letter-spacing:-1px;/*font-family: 'Nanum Square', sans-serif;*/}
.bbswrite th{color:#393939;line-height:14px;padding:5px 0;/* background: #f9f9f9*/}
.bbswrite th,.bbswrite td{height:38px;min-width:99px;border-bottom:1px solid #e9e9e9;vertical-align:middle}
.bbswrite td{color:#5a5a5a;padding-left:10px;}
.bbswrite tr:last-child th,.bbswrite tr:last-child td{border-bottom:0}
.bbswrite th:last-child,.bbswrite td:last-child{border-right:0}
.bbswrite td img{vertical-align:middle}
.bbswrite td input{vertical-align:middle;border:1px solid #e4e4e4;height:28px;line-height:20px;padding:3px 5px 3px;}
.bbswrite td input.input_title{width:746px;font-size:13px}
.bbswrite td input.input_file{width:620px}
.bbswrite td textarea{height:350px;width:860px;border:1px solid #e4e4e4;border-top:0;margin:0 -10px;resize:none;padding:10px;}
.bbswrite td select{height:21px;margin-right:4px;}
.bbswrite td a.btn_file{border:1px solid #ccc;margin-left:7px;padding:6px 10px 5px;background:#eee;display:inline-block;/*font-family: 'Nanum Square', sans-serif;*/}
.bbswrite td div.font-type{margin-left:-10px}
.bbswrite td .filebox{margin-left:0!important;}
input.upload_file:disabled{background:#fff;opacity:1;-webkit-text-fill-color:inherit;vertical-align:middle;border:1px solid #e4e4e4;height:28px;line-height:20px;padding:3px 5px 3px;width:630px;}
.bbswrite td. filebox.upload_file{display:inline-block;border:1px solid #dfdfdf;box-sizing:border-box;padding:0 10px;color:#222;font-size:12px;margin-bottom:7px;background:#fff;}
.bbswrite td .filebox label{color:#666;border:1px solid #ccc;vertical-align:top;margin-left:5px;padding:6px 10px 5px;background:#eee;display:inline-block;}
.bbswrite td .filebox input[type="file"]{position:absolute;width:0px;height:0px;padding:0;margin:-1px;overflow:hidden;border:0;}
.bbswrite tr td div{display:inline-block;}
.bbswrite td .font_type{margin-left:-10px;font-size:0}
.bbswrite td .font_type2,.bbswrite td .justify{font-size:0}
.bbswrite td .justify{margin-left:4px;}
.bbswrite td .hover .f_bold{background:url(../images/board/write.png) no-repeat 0 0}
.bbswrite td .f_bold{width:20px;height:21px;background:url(../images/board/write.png) no-repeat  0 -21px}
.bbswrite td .active .f_bold{background:url(../images/board/write.png) no-repeat 0 -42px}
.bbswrite td .hover .f_underline{background:url(../images/board/write.png) no-repeat -20px 0}
.bbswrite td .f_underline{width:20px;height:21px;background:url(../images/board/write.png) no-repeat -20px -21px;}
.bbswrite td .active .f_underline{background:url(../images/board/write.png) no-repeat -20px -42px}
.bbswrite td .hover .f_italic{background:url(../images/board/write.png) no-repeat -40px 0}
.bbswrite td .f_italic{width:21px;height:21px;background:url(../images/board/write.png) no-repeat -40px -21px;}
.bbswrite td .active .f_italic{background:url(../images/board/write.png) no-repeat -40px -42px}
.bbswrite td .hover .f_left{background:url(../images/board/write.png) no-repeat -61px 0}
.bbswrite td .f_left{width:20px;height:21px;background:url(../images/board/write.png) no-repeat -61px -21px;}
.bbswrite td .active .f_left{background:url(../images/board/write.png) no-repeat -61px -42px}
.bbswrite td .hover .f_center{background:url(../images/board/write.png) no-repeat -81px 0}
.bbswrite td .f_center{width:20px;height:21px;background:url(../images/board/write.png) no-repeat -81px -21px;}
.bbswrite td .active .f_center{background:url(../images/board/write.png) no-repeat -81px -42px}
.bbswrite td .hover .f_right{background:url(../images/board/write.png) no-repeat -101px 0}
.bbswrite td .f_right{width:20px;height:21px;background:url(../images/board/write.png) no-repeat -101px -21px;}
.bbswrite td .active .f_right{background:url(../images/board/write.png) no-repeat -101px -42px}
.bbswrite td .hover .f_justify{background:url(../images/board/write.png) no-repeat -121px 0}
.bbswrite td .f_justify{width:21px;height:21px;background:url(../images/board/write.png) no-repeat -121px -21px;}
.bbswrite td .active .f_justify{background:url(../images/board/write.png) no-repeat -121px -42px}

[data-tooltip-text]:hover {
    position: relative;
}

[data-tooltip-text]:hover:after {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.8);

    -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    color: #FFFFFF;
    font-size: 12px;
    content: attr(data-tooltip-text);

    margin-bottom: 10px;
    top: 130%;
    left: 0;
    padding: 7px 12px;
    position: absolute;
    width: 170px;
    min-width: 170px;
    max-width: 300px;
    word-wrap: break-word;

    z-index: 9999;
}

.ax-body.frame-set #ax-frame-root .ax-frame-header-tab{padding:5px 0 5px 14px;box-sizing:border-box;height:48px;background:#f5f6fb;border:0;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container{padding:0;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item{height:30px;box-sizing:border-box;border:1px solid #ddd;background:#fff;border-radius: 5px;font-size:12px;color:#b4b4b4;padding:0;padding-left:10px;line-height: 30px;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item:first-child{padding-left:0;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item:hover{color:#8a98ac;border:1px solid #c0c7d1}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item.on{border:1px solid #5371e4;background:#5371e4;color:#fff;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item.on:hover{border:1px solid #5371e4;background:#5371e4;color:#fff;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item p{text-align:center;line-height:30px;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item i[data-tab-close]{top:50%;margin-top:-15px;color:#ddd;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item.on i[data-tab-close]{color:#fff;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item-menu{width:0;min-width:0;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder{border-spacing:3px;}

.tab-btns-wrap{font-size:0;}
.tab-btns-wrap .tab-item{display:inline-block;margin-left:10px;position:relative;vertical-align: top;;}
/*
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item{border:0;background:none;}
*/
.tab-btns-wrap .tab-item:first-child{margin-left:0;}
.tab-btns-wrap .tab-item .tab-btn{display:block;width:150px;height:40px;box-sizing:border-box;border:1px solid #ddd;background:#fff;border-radius: 10px;font-size:14px;color:#b4b4b4}
.tab-btns-wrap .tab-item .delete{display:block;width:10px;height:10px;position:absolute;top:50%;right:10px;background-image:url('../images/common/ico_close.svg');background-repeat:no-repeat;transform: translateY(-50%);}
.tab-btns-wrap .tab-item.on .tab-btn{background:#5371e4;border:1px solid #5371e4;color:#fff;}
.tab-btns-wrap .tab-item.on .delete{background-image:url('../images/common/ico_close_w.svg')}



@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0.5;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0.5;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

.animate__fadeOutLeft {
    -webkit-animation: fadeOutLeft 1s;
    animation: fadeOutLeft 1s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0.5;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0.5;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
        
    }
}

.animate__fadeInLeft {
    -webkit-animation: fadeInLeft 1s;;
    animation: fadeInLeft 1s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}