.btn_on{background-color: #6c9dbe; opacity: 1}
#side_menu>li:last-child{opacity: 1;}

@media all and (min-width:1300px){

    .pc_none{
        display: none;
    }
    
    body{
        max-width: 1920px;
        margin: 0 auto;
    }

    #wrap{
        width: 100%;
        margin: 0 auto;
    }

    header{
        width: 1200px;
        height: 80px;
        margin: 0 auto;
    }
    
    #logo{
        width: 84px;
        float: left;
        margin-top: 7px;
    }

    #menu{
        width: 500px;
        margin: auto;      
    }

    #menu>li{
        width:33.33333%;
        text-align: left;
        float: left;
        line-height: 80px;
        font-size: 17px;
        cursor: pointer;
    }

    #side_menu{
        width: 160px;
        float: right;
        position: relative;
    }
    #side_menu>li.btn_on{opacity: 1 !important;}

    #side_menu>li{
        width: 45px;
        height: 45px;
        margin-top: 17px;
        border-radius: 22.5px;
        float: left;
        background-color: #6c9dbe;
        opacity: 0.5;
        text-align: center;
        line-height: 45px;
        color: white;
        cursor: pointer;
        font-size: 15px;
        position: relative;
        z-index: 999;
    }
    

    /* #side_menu>li>ul>li{
        width: 45px;
        height: 45px;
        border-radius: 22.5px;
        float: left;
        background-color: #6c9dbe;
        text-align: center;
        line-height: 45px;
        color: white;
        cursor: pointer;
        font-size: 15px;
    } */


    .lan_sub_wrap{border-radius: 5%; width: 100%; overflow: hidden; }

    .lan_sub_wrap>li{
        z-index: 999;
        width: 100%;
        background-color: #fff;
        color:#434343;
        border-bottom:1px solid #ddd;
        line-height: 32px; 
    }
    .lan_sub_wrap>li:hover{color:#6c9dbe}
    .lan_sub_wrap>li:last-child{border-bottom:none;}


    .menu_btn_icon{display: block; background-color: #fff; position: absolute; left:11px; right:11px; height: 2px; top: 48%;}
    .menu_btn_icon::before{top: -7px; content: ""; left: 0; right: 0; transform: rotate(0); height: 2px; position: absolute; background-color: inherit;}
    .menu_btn_icon::after{top: 7px; content: ""; left: 0; right: 0; transform: rotate(0); height: 2px; position: absolute; background-color: inherit;}


    #side_menu>li:nth-child(2){
        margin-right: 5px;
        margin-left: 5px;
    }

    section{
        width: 100%;
        float: left;
        position: relative;
        
    }
    

    .in_wrap{
        width: 1200px;
        margin: 0 auto;
    }

    /* ----------서브 영역----------- */

    #sub_wrap{
        width: 100%;        
        height:490px;
        background-color: rgb(108, 157, 190);
        opacity:0.925;
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 998;
        overflow: hidden;
    }

    .sub_in_wrap{
        width: 1200px;
        margin: 0 auto;
    }

    #sub_menu{
        width: 676px;
        margin-left: 345px;
    }

    #sub_menu>li{
        width: 25%;
        float: left;
        text-align:left;
        color: white;
        line-height: 25px;
    }

    .sub_con{
        width: 100%;
        margin: 30px 0;
    }

    .sub_con>li{        
        margin-bottom: 20px; padding-right:40px; font-weight: 300;  
    }

    .sub_con>li>a{
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
        color: white;
    }

    .sub_con>li:hover>a{
        color: #333333;
    }

    /* -----------footer----------- */
    
    footer{
        width: 100%;
        height: 130px;
        float: left;
        background-color: #6e6e6e;
        position: relative;
    }

    /* footer>.in_wrap{
        width: 1220px;
        margin: 0 auto;
    } */

    #foot_navi{
        width: 50%;
        font-size: 13px;
        color:white;
        font-weight: 100;
        margin-top: 23px;
    }

    #foot_navi>li{
        margin-bottom: 5px;
        float: left;
    }

    #info>li{
        float: left;
        margin-right: 15px;
    }

    #info span{
        font-size: 15px;
        font-weight: 300;
    }

.rock{width: 15px; height: 22px; position: absolute; bottom: 15px; right: 15px; background:url("/NESS/img/rock.png")no-repeat;}
.rock>a{width:100%; height: 100%; display: block; }

}/*--------------------pc end------------------------*/
/*--------------------------pc end---------------------*/
/*--------------------------pc end---------------------*/



@media all and (max-width:1299px) and (min-width:960px){

    #side_menu>li{position: relative;}
    .menu_btn_icon{display: block; background-color: #fff; position: absolute; left:11px; right:11px; height: 2px; top: 48%;}
    .menu_btn_icon::before{top: -7px; content: ""; left: 0; right: 0; transform: rotate(0); height: 2px; position: absolute; background-color: inherit;}
    .menu_btn_icon::after{top: 7px; content: ""; left: 0; right: 0; transform: rotate(0); height: 2px; position: absolute; background-color: inherit;}
    
    .pc_none{
        display: none;
    }

    #wrap{
        width: 100%;
        margin: 0 auto;
    }

    header{
        width: 100%;
        height: 80px;
        margin: 0 auto;
    }
    
    #logo{
        width: 84px;
        float: left;
        margin-top: 7px;
        margin-left:20px;
    }

    #menu{
        width: 500px;
        margin: auto;      
    }

    #menu>li{
        width:33.33333%;
        text-align: left;
        float: left;
        line-height: 80px;
        font-size: 17px;
        cursor: pointer;
    }

    #side_menu{
        width: 150px;
        float: right;
        position: relative;
    }

    #side_menu>li.btn_on{opacity: 1 !important;}
    #side_menu>li{
        width: 45px;
        height: 45px;
        margin-top: 17px;
        border-radius: 22.5px;
        float: left;
        background-color: #6c9dbe;
        opacity: 0.5;
        text-align: center;
        line-height: 45px;
        color: white;
        cursor: pointer;
        font-size: 15px;
        position: relative;
        z-index: 999;
    }

    /* #side_menu>li>ul>li{
        width: 45px;
        height: 45px;
        border-radius: 22.5px;
        float: left;
        background-color: #6c9dbe;
        text-align: center;
        line-height: 45px;
        color: white;
        cursor: pointer;
        font-size: 15px;
    } */


    .lan_sub_wrap{border-radius: 5%; width: 100%; overflow: hidden; }

    .lan_sub_wrap>li{
        z-index: 999;
        width: 100%;
        background-color: #fff;
        color:#434343;
        border-bottom:1px solid #ddd;
        line-height: 32px; 
    }
    .lan_sub_wrap>li:hover{color:#6c9dbe}
    .lan_sub_wrap>li:last-child{border-bottom:none;}

    #side_menu>li:nth-child(2){
        margin-right: 5px;
        margin-left:5px;
    }


    section{
        width: 100%;
        float: left;
        position: relative;
    }

    .in_wrap{
        width: /* 1200px */ 95%;
        margin: 0 auto;
    }

    /* ----------서브 영역----------- */

    #sub_wrap{
        width: 100%;        
        height: 520px;
        /* height: 0; */
        background-color: rgb(108, 157, 190);
        opacity:0.925;
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 999;
        overflow: hidden;
        padding-left:104px;
    }

    .sub_in_wrap{
        width: 64.166%;
        margin-left:9%;
    }

    #sub_menu{
        width:500px;
        margin: auto; 
    }

    #sub_menu>li{
        width: 33.33333%;
        float: left;
        text-align: left;
        color: white;
        line-height: 25px;
    }

    .sub_con{
        width: 100%;
        margin: 30px 0;
    }

    .sub_con>li{        
        margin-bottom: 20px; font-weight: 300; font-size: 15px; padding-right: 25px;
    }

    .sub_con>li>a{
        color: white;
    }

    .sub_con>li:hover>a{
        color: #333333;
        font-weight: 500;
    }

    /* -----------footer----------- */
    
    footer{
        width: 100%;
        height: 120px;
        float: left;
        background-color: #6e6e6e;
        margin-top: 120px;
    }

    #foot_navi{
        width: 70%;
        font-size: 13px;
        color:white;
        font-weight: 100;
        margin-top: 23px;
    }

    #foot_navi>li{
        margin-bottom: 5px;
        float: left;
    }

    #info>li{
        float: left;
        margin-right: 15px;
    }

    #info span{
        font-size: 15px;
        font-weight: 300;
    }

}/*--------------------------note end---------------------*/
/*--------------------------note end---------------------*/
/*--------------------------note end---------------------*/



@media all and (max-width:959px) and (min-width:760px){

    #side_menu>li{position: relative;}
    .menu_btn_icon{display: block; background-color: #fff; position: absolute; left:11px; right:11px; height: 2px; top: 48%;}
    .menu_btn_icon::before{top: -7px; content: ""; left: 0; right: 0; transform: rotate(0); height: 2px; position: absolute; background-color: inherit;}
    .menu_btn_icon::after{top: 7px; content: ""; left: 0; right: 0; transform: rotate(0); height: 2px; position: absolute; background-color: inherit;}
    

    
        
    .mo_none{
        display: none;
    }
    
    #wrap{
        width: 100%;
        margin: 0 auto;
    }

    header{
        width: /* 1728px */ 90%;
        height: 80px;
        margin: 0 auto;
    }
    
    #logo{
        width: 84px;
        float: left;
        margin-top: 7px;
    }

    #menu{
        width: /* 770px */ 64.166%;
        float: left;
        /* background-color: aqua; */
        margin-left: /* 125px */ 8.5%;
        display: none;
    }

    /* #menu>li{
        width: 25%;
        text-align: center;
        float: left;
        line-height: 80px;
        font-size: 17px;
        cursor: pointer;
    } */

    #side_menu{
        width: 150px;
        float: right;
    }

    #side_menu>li.btn_on{opacity: 1 !important;}
    #side_menu>li{
        width: 45px;
        height: 45px;
        margin-top: 17px;
        border-radius: 22.5px;
        float: left;
        background-color: #6c9dbe;
        opacity: 0.5;
        text-align: center;
        line-height: 45px;
        color: white;
        cursor: pointer;
        font-size: 15px;
        position: relative;
        z-index: 999;
    }

    /* #side_menu>li>ul>li{
        width: 45px;
        height: 45px;
        border-radius: 22.5px;
        float: left;
        background-color: #6c9dbe;
        text-align: center;
        line-height: 45px;
        color: white;
        cursor: pointer;
        font-size: 15px;
    } */


    .lan_sub_wrap{border-radius: 5%; width: 100%; overflow: hidden; }

    .lan_sub_wrap>li{
        z-index: 999;
        width: 100%;
        background-color: #fff;
        color:#434343;
        border-bottom:1px solid #ddd;
        line-height: 32px; 
    }
    .lan_sub_wrap>li:hover{color:#6c9dbe}
    .lan_sub_wrap>li:last-child{border-bottom:none;}

    #side_menu>li:nth-child(2){
        margin-right: 5px;
        margin-left:5px;
    }


    section{
        width: 100%;
        float: left;
        position: relative;
    }

    .in_wrap{
        width: /* 1200px */ 95%;
        margin: 0 auto;
    }

    /* ----------서브 영역----------- */

    #sub_wrap{
        width: 100%;        
        height: auto;
        background-color: rgb(108, 157, 190);
        opacity:0.925;
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 999;
        overflow: hidden;
    }

    /* #sub_menu{
        width:  64.166%;
        margin-left:  16.666%;
    }

    #sub_menu>li{
        width: 25%;
        float: left;
        text-align: center;
        color: white;
        line-height: 25px;
    }

    .sub_con{
        width: 100%;
        margin: 30px 0;
    }

    .sub_con>li{        
        margin-bottom: 20px;
    }

    .sub_con>li>a{
        color: white;
    }

    .sub_con>li:hover>a{
        color: #333333;
        font-weight: 500;
    } */

    #mo_sub_menu{width: 100%;}
    /* #mobile_menu{background-color: #6c9dbe; margin: 0; position: absolute; right: 0; top: 50px; width: 100%;} */
   
    #mobile_menu>li{border-top: 1px solid rgba(0,0,0,0.05); font-weight: 400; font-size: 15px; color: #fff; }
    #mobile_menu>li>a{padding: 15px 30px 15px 30px;  display: block; cursor: pointer;}
    .direction_icon{display:inline-block; width: 15px; height: 15px; border-right: 2px solid #fff; border-bottom:2px solid #fff; box-sizing: border-box; float: right; transform: rotate(45deg)}
    .has-sub ul{display: none;}
    .sub_menu_m{background-color: #fff; border-top: 1px solid rgba(0,0,0,0.05); color:#6c9dbe;padding-left: 3.2em; line-height: 2.8em;}
    /*

    

    /* -----------footer----------- */
    
    footer{
        width: 100%;
        height: 130px;
        float: left;
        background-color: #6e6e6e;
        margin-top: 70px;
    }

    #foot_navi{
        width: 85%;
        font-size: 13px;
        color:white;
        font-weight: 100;
        margin: 23px auto 0 auto;
    }

    #foot_navi>li{
        margin-bottom: 5px;
        float: left;
    }

    #info>li{
        float: left;
        margin-right: 15px;
    }

    #info span{
        font-size: 15px;
        font-weight: 300;
    }

}/*--------------------------table end---------------------*/
/*--------------------------table end---------------------*/
/*--------------------------table end---------------------*/



@media all and (max-width:759px){

    #side_menu>li{position: relative;}
    .menu_btn_icon{display: block; background-color: #fff; position: absolute; left:11px; right:11px; height: 2px; top: 48%;}
    .menu_btn_icon::before{top: -7px; content: ""; left: 0; right: 0; transform: rotate(0); height: 2px; position: absolute; background-color: inherit;}
    .menu_btn_icon::after{top: 7px; content: ""; left: 0; right: 0; transform: rotate(0); height: 2px; position: absolute; background-color: inherit;}
    
    

    
    .mo_none{
        display: none;
    }    

    #wrap{
        width: 100%;
        margin: 0 auto;
    }

    header{
        width: /* 1728px */ 98%;
        height: 50px;
        margin: 0 auto;
    }
    
    #logo{
        width: 50px;
        float: left;
        margin: 7px 0 0 5%;
    }


    #menu{
        width: /* 770px */ 64.166%;
        float: left;
        /* background-color: aqua; */
        margin-left: /* 125px */ 8.5%;
        display: none;
    }

    
    #side_menu{
        float: right;
        margin-right: 5px;
    }


    #side_menu>li.btn_on{opacity: 1 !important;}
    #side_menu>li{
        width: 40px;
        height: 40px;
        margin-top: 9px;
        margin-bottom: 9px;
        border-radius: 22.5px;
        float: left;
        background-color: #6c9dbe;
        opacity:0.5;
        text-align: center;
        line-height: 45px;
        color: white;
        cursor: pointer;
        font-size: 15px;
        position: relative;
        z-index: 999;
    }

    /* #side_menu>li>ul>li{
        width: 45px;
        height: 45px;
        border-radius: 22.5px;
        float: left;
        background-color: #6c9dbe;
        text-align: center;
        line-height: 45px;
        color: white;
        cursor: pointer;
        font-size: 15px;
    } */


    .lan_sub_wrap{border-radius: 5%; width: 100%; overflow: hidden; }

    .lan_sub_wrap>li{
        width: 100%;
        background-color: #fff;
        color:#434343;
        border-bottom:1px solid #ddd;
        line-height: 32px; 
    }
    .lan_sub_wrap>li:hover{color:#6c9dbe}
    .lan_sub_wrap>li:last-child{border-bottom:none;}
    #side_menu>li:nth-child(2){
        margin-right: 5px;
        margin-left:5px;
    }

    section{
        width: 100%;
        float: left;
        position: relative;
    }

    .in_wrap{
        width: /* 1200px */ 95%;
        margin: 0 auto;
    }

    /* ----------서브 영역----------- */

    #sub_wrap{
        width: 100%;        
        height: auto;
        background-color: rgb(108, 157, 190);
        opacity:0.925;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 999;
        overflow: hidden;
    }
/* 
    #mo_sub_menu{
        width: 60%;
        margin: 0 auto;
        font-size: 20px;
    }
    #mo_sub_menu>li{
        text-align: center;
        margin-bottom: 20px;
    }
    #mo_sub_menu>li>a{
        color: white
    }
    #mo_sub_menu>li:first-child{
        margin-top: 50px;
    }
    #mo_sub_menu>li:last-child{
        margin-bottom: 50px;
    } */

    #mo_sub_menu{width: 100%; }
    /* #mobile_menu{background-color: #6c9dbe; margin: 0; position: absolute; right: 0; top: 50px; width: 100%;} */
   
    #mobile_menu>li{border-top: 1px solid rgba(0,0,0,0.05); font-weight: 400; font-size: 15px; color: #fff; }
    #mobile_menu>li>a{padding: 15px 30px 15px 30px;  display: block; cursor: pointer;}
    .direction_icon{display:inline-block; width: 15px; height: 15px; border-right: 2px solid #fff; border-bottom:2px solid #fff; box-sizing: border-box; float: right; transform: rotate(45deg)}
    .has-sub ul{display: none;}
    .sub_menu_m{background-color: #fff; border-top: 1px solid rgba(0,0,0,0.05); color:#6c9dbe;padding-left: 3.2em; line-height: 2.8em;}
    /* #mobile_menu>li>a::after{top:0; right:0; width: 15px; height: 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform:rotate(45deg); position:absolute;} */



    /* -----------footer----------- */
    
    footer{
        width: 100%;
        height: 80px;
        float: left;
        background-color: #6e6e6e;
        margin-top: 40px;
    }

    #foot_navi{
        width: 85%;
        font-size: 13px;
        color:white;
        font-weight: 100;
        margin: 13px auto 0 auto;
    }

    #foot_navi>li{
        margin-bottom: 5px;
        float: left;
    }

    #info>li{
        float: left;
        margin-right: 15px;
    }

    #info span{
        font-size: 15px;
        font-weight: 300;
    }





}/*--------------------------mobile end---------------------*/
/*--------------------------mobile end---------------------*/
/*--------------------------mobile end---------------------*/