@media (max-width:1600px){
    
	html,body{font-size: 14px;}
	/* header */
/*     
	.header .logo img {
		width: 70px !important;
    }
    .header .menu > li{
        margin: 0 25px 0 0px !important;
    }
    .header .menu > li:last-child{
        margin: 0 !important;
    }
    .header .menu > li a{
        font-size: 12px !important;
    }
    .member{
        padding-right: 0 !important;
        width: 400px !important;
    }
    .member li {
		font-size:11px !important;
		margin-left: 5px;
	}
    .member .mb{
       padding: 0 3px !important;
    }
	.member li .logout-btn {
		padding:0px 10px !important;
		font-size: 11px !important;
	}
 */




    /* main */
    .main {
        padding: 15px 15px 10px 15px !important;
    }
    .main .section h1{
        font-size: 14px !important;
        padding:  8px 16px !important;
    }
        
    .main .section01,
    .main .section02,
    .main .section03{
        min-height: 280px !important;
        overflow-y: auto;
    }
    .main .section04,
    .main .section05,
    .main .section06{
        min-height: 280px !important;
        overflow-y: auto;
    }
        
    .section i{
        /* font-size: 10px !important; */
        padding: 4px !important;
        margin-top: 1px !important;
    }
        /* section01 */
    .mbox p{
        font-size: 13px !important;
        line-height: 22px;
    }
    .mbox img{
        width: 16px !important;
        height: 16px !important;
    }
    

    .main .section01 .icon_wrap{
        padding:15px 25px 0 !important;
    }

    .main .icon_wrap .icon{
        margin-bottom: 10px !important;
    }
    .main .icon_wrap .icon05{
        margin-bottom: 0 !important;
    }
    .main .icon_wrap .icon .img{
        width: 45px !important;
        height: 45px !important;
    }
    .main .icon_wrap .icon p{
        font-size: 11px !important;
        margin-top: 4px !important;
    }
    
    /* section02 */
    .main .section h1.nbg{
        font-size: 13px !important;
    }
        
    .main h1 span.dat{
        font-size: 11px !important;
    }
            
    .main h1 span.dat i{
        line-height: 10px !important;
    }

    .main .section .monitor_btm h1{
        padding-bottom: 2px !important;
    }

        
    .main .section .graph{
        height:57% !important;
    }

    #canvas,
    #canvas2{
        top: 40px !important;
    }


    .main .section .monitor_btm .mbox{
        margin-top: 5px !important;
    }
    .mbox01,.mbox02,.mbox03{
        margin-top: 5px !important;
    }
    .mbox img{
        width: 14px !important;
        height: 14px !important;
        margin-right: 3px !important;
        margin-top:5px !important;
    }
        
    .mbox p{
        font-size: 12px !important;
    }
    .mbox span strong{
        font-size:15px !important;
        line-height: 18px !important;
    }

    .main .section .graph .dan{
        font-size: 10px !important;
        top: 28px !important;
    }

    /*  */
        
    .section04 .online div p{
        font-size: 11px !important;
    }

    /* faq notice */
        
    .section span.now{
        font-size: 11px !important;
    }
    .faq{
        height: calc(100% - 40px) !important;
        padding: 10px 15px !important;
    }

           
    .main .faq ul li{
        margin-bottom:5px !important;
    }      
    .main .faq ul li:last-child{
        margin-bottom: 0px !important;
    }

    .notice{
        padding: 10px 15px!important;
        height: calc(100% - 40px) !important;
    }

    .main .notice ul li{
        margin-bottom: 5px !important;
    }   
    .main .notice ul li:last-child{
        margin-bottom: 0px !important;
    }
        
        
    .footer_box{
        text-align: center;
        font-size: 10px !important;
        color: #444;
        font-family: 'Gothic A1', sans-serif;
    }
    .section07 .copy{
        font-size: 10px !important;
    }
        
    .copy .logo_img_box{
        width: 42px !important;
        margin-right: 10px;
    }
    




}