/*--------모바일###########################################################---------*/
@media (min-width: 768px){

    .mobile-menu {
        display: block;
        position: fixed;
        top: 42px;
        right: 35px;
        z-index: 999997;
        width: 44px;
        height: 44px;
        line-height: 44px;
        padding: 0;
        background-color: rgba( 255, 255, 255, 0 );
        border: 0;
        outline-style: none;
    
    }
    .mobile-menu i {
      color:#000000;
        font-size: 1.8em;
    }
    .menuwrap {
        position: fixed;
        top: 0;
        right: -500px; /* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
        z-index: 999996;
        overflow: auto;
        width: 300px; /* 너비 */
        height: 100%;
        padding: 70px 30px;
        box-sizing: border-box;
        transition: right .3s ease-in-out; /* 0.3초 동안 이동 애니메이션 */
        background-color: #f7f6f4;
        background-image: url('/mimgs/mnbg.png');
    }
    .menuwrap.on {
        right: 0;
    }
    #dimmed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99998;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0);
    }
    .ad{float:none; width:100%; text-align:center; margin:0 auto; padding:30px 0 0 0; clear:both;}
    .ad a{ font-size:0.8em; color:#000000; }
    .mn_list{width:100%; border-bottom:solid 1px #acacac; padding:15px 0 10px 0; color:#000000; }
    .mn_list a{ color:#000000; }
    
    
    .link_sub_item{ color:#000000; }
    .mnimg{ width:90%; background-color: #000000; border-radius: 50%;}
    .scotitle font{font-size:1.2em;}
    .textindent10 a{height:36px; font-size:1.0em; padding:0 0 0 12px; text-indent:12px;}
    
    }
    /*--------모바일###########################################################---------*/
    

/*--------모바일###########################################################---------*/
@media (min-width: 1px) and (max-width: 767px){
    .mobile-menu {
        display: block;
        position: fixed;
        top: 42px;
        right: 35px;
        z-index: 999997;
        width: 44px;
        height: 44px;
        line-height: 44px;
        padding: 0;
        background-color: rgba( 255, 255, 255, 0 );
        border: 0;
        outline-style: none;
    
    }
    .mobile-menu i {
      color:#000000;
        font-size: 1.8em;
    }
    .menuwrap {
        position: fixed;
        top: 0;
        right: -500px; /* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
        z-index: 999996;
        overflow: auto;
        width: 200px; /* 너비 */
        height: 100%;
        padding: 70px 30px;
        box-sizing: border-box;
        transition: right .3s ease-in-out; /* 0.3초 동안 이동 애니메이션 */
        background-color: #f7f6f4;
        background-image: url('/mimgs/mnbg.png');
    }
    .menuwrap.on {
        right: 0;
    }
    #dimmed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99998;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0);
    }
    .ad{float:none; width:100%; text-align:center; margin:0 auto; padding:30px 0 0 0; clear:both;}
    .ad a{ font-size:0.8em; color:#000000; }
    .mn_list{width:100%; border-bottom:solid 1px #acacac; padding:15px 0 10px 0; color:#000000; }
    .mn_list a{ color:#000000;font-size:0.9em; }
    
    
    .link_sub_item{ color:#000000; }
    .mnimg{ width:90%; background-color: #000000; border-radius: 50%;}
    .scotitle font{font-size:1.2em;}
    .textindent10 a{height:36px; font-size:1.0em; padding:0 0 0 12px; text-indent:12px;}

}
/*--------모바일###########################################################---------*/