@charset "utf-8";

html,body{height:100%}

#wrapper{height:100%;min-width:1450px}
#header{min-width:890px;position:relative;box-shadow:1px 6px 4px rgba(0,0,0,.02)}
#header:after{content:"";display:block;clear:both}
#header.fixed{position:fixed;left:0;right:0;z-index:10;overflow-x:auto;background:#fff}
#contents{min-height:calc(100% - 160px);padding:30px;box-sizing:border-box;transition:all .2s}
#header.fixed ~ #contents{min-height:calc(100% - 80px);padding-top:140px}

#header .logo-org img{max-width:300px;max-height:45px}
#header .hd-con{display:table;height:62px;}
#header .logo-org{display:table-cell;vertical-align:middle}
#header .usr-introTxt{display:table-cell;padding-left:14px;font-size:14px;font-weight:400;color:#333;vertical-align:middle}
#header .hd-con.fL{margin-left:30px;}
#header .hd-con.fR{margin-right:30px;}

#header .usr-introTxt .usr-info-cell{position:relative;margin-left:-4px;padding:6px 20px;background:#f5f5f5;border-radius: 20px;color:#333}
#header .usr-introTxt .usr-info-cell:before{content:"";position:absolute;top:50%;left:0;width:1px;height:13px;background:#dbdbdb;transform:translateY(-50%)}
#header .usr-introTxt .usr-intro-tit + .usr-info-cell:before,
#header .usr-introTxt .usr-info-cell:first-child:before{display:none}
#header .usr-introTxt .usr-intro-tit{margin:0 10px}

#header .top-usr-menu{padding-left:30px;display:table-cell;vertical-align:middle}
#header .top-usr-menu li{position:relative;display:table-cell;padding:0 20px}
#header .top-usr-menu li:before{content:"";position:absolute;top:50%;left:0;width:1px;height:12px;background:#dbdbdb;transform:translateY(-50%)}
#header .top-usr-menu li:last-child{padding:0 10px}
#header .top-usr-menu li:last-child:before{display:none}
#header .top-usr-menu li a{position:relative;display:block;font-size:14px;font-weight:400;color:#333}
#header .tab-group{border-top:1px solid #f1f1f1;border-bottom:1px solid #47962485;box-shadow: #61616140 0px 1px 5px;margin-bottom:0;background-color: #69c242;}
#header .tab-group li{position:relative;}
#header .tab-group li:after{content:"";position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px;background-color: #ffffff70;}
#header .tab-group li:first-child:after{display:none}
#header .tab-group li a{display:block;position:relative;font-size:17px;padding:0;line-height:50px;font-weight: 500;border-bottom:0;color:#ffffffe8;}
#header .tab-group li a.on{width:100%;margin-right:-1px;background-color: #479624;color:#fff;z-index:2;}
#header .tab-group li.opacity-menu:before{display:none;}

#footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:80px;background:#181818;padding:0 30px;color:#f5f5f5}
#footer .l-area{font-size:0.8em;line-height: 1.3em;color:#fff}
#footer .l-area a{position:relative;display:inline-block;color:#fff;margin-left:15px;padding-left:15px}
#footer .l-area a:before{content:"";position:absolute;top:50%;left:0;display:block;width:1px;height:13px;background:#8a8a8a;transform:translateY(-50%)}
#footer .r-area{font-size:0.8em;letter-spacing: 0;}


@media screen and (max-width:1450px){
	#contents{padding:15px}
	#header .hd-con{height:50px}
	table.tbl-basic td.stiky{background:#f5f7f9}
	.graph-wrap .graph-box{padding:0 10px !important;}
	#header.fixed ~ #contents{padding-top:110px;}
}
@media screen and (max-width:1180px){
	.btn-absolute{padding:10px;right:10px;top:-10px;background:#f7f9f5;box-shadow:1px 1px 10px 0 rgba(0,0,0,.2)}
}

@media (min-width: 1200px){.modal-xl{max-width: 1400px}}