@charset "utf-8";
html,body{font-size:17px;}
@media screen and (max-width:1600px){
    #container_wr{
        padding:0 20px !important;
    }
    .max-width.hd_flex{
        padding:0 1.5rem;
    }
    #ft_wr {
        padding: 40px 1.5rem;
    }
}
@media(max-width:1300px){
	html,body{font-size:16px;}
	#hd header .inner{padding:0 1em;}
	#container_wr{padding:0 1em;}
	#ft_wr {padding: 40px 1em;}
}
@media(max-width:1184px){
	html,body{font-size:15px;}
	.gall_row .col-gn-4 {
		width: 33.33%;
	}
}
@media(max-width:1024px){
	html,body{font-size:14px;}
	.gall_row .col-gn-4 {
		width: 50%;
	}
	.file_flex_box{
		display:flex;
		flex-direction:column;
		justify-content: space-between;
		gap: 10px;
	}
	.scroll_tbl{
	}
	.scroll_tbl .tbl_wrap{
		width:100%;
		max-width: 100%;
		overflow-x:auto;
	}
	.scroll_tbl .tbl_wrap table{
		white-space:nowrap;
	}
    .menu_all_pc{
        display:none !important;
    }
    .mobile-menu.open{
        display:block;
    }
    #gnb{
        display:none !important;
    }
    #hd{
        position:relative;
    }
    #hd .hd_flex{
        max-width:100%;
        width:100%;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: center;        
    }
    
    #logo{
        position:relative;
    }
    #logo img{
        filter:initial !important;
        max-height:36px;
        width:auto !important;
    }
    #m_menu{
        display:block !important;
    }
    #m_menu.m_menu_fixed{
        width:100%;
        background-color:rgba(0,0,0,0.75);
        left: 0px;
        position: fixed;
        height: 100vh;
        top: 0;
    }
    #menu-mobile{
        height:100%;
    }
    
    #menu-mobile .logo{
        display:block;
        width:100%;
        max-width:var(--mobile-logo-width);
    }
    #menu-mobile .logo a{
        display:block;
    }
    #menu-mobile .logo a > img{
        display:block;
    }
    .main-menu.tree{
        width:90%;
        max-width:700px;
        background-color:#ffffff;
        height:100%;
    }
    #m_menu {display:block;}
    #menu-mobile{display:none;overflow-y: scroll;}
    .black-cover{background-color:rgba(0,0,0,.65);position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:95;display:none;}
    .body-fixed{position:fixed;width:100%;height:100%;overflow:hidden;z-index:1;}
    .mobile-menu.close{position:fixed;right:10px; top:10px;}

    #menu-mobile ul,#menu-mobile li{margin:0;padding:0;list-style:none;}
    #menu-mobile>ul.main-menu {list-style: none;margin: 0;padding: 0;display:flex;flex-direction:column;}
    #menu-mobile>ul.main-menu > li{position: relative;margin: 0;padding: 0;display:flex;flex-direction:column;width:100%;border-bottom:1px solid #ddd;}
    #menu-mobile>ul.main-menu > li > a {flex:1;padding:1em;display: block;position:relative;font-size:1.25rem;}
    #menu-mobile>ul.main-menu > li > a:hover{background-color:#f4f4f4;color:#000;}
    #menu-mobile>ul.main-menu > li > a > .fa,#menu-mobile>ul.main-menu > li > a > .glyphicon,#menu-mobile>ul.main-menu > li > a > .ion {width: 20px;}
    #menu-mobile>ul.main-menu > li .label,#menu-mobile>ul.main-menu > li .badge {margin-right: 5px;}
    #menu-mobile>ul.main-menu > li .badge {margin-top: 3px;}
    #menu-mobile>ul.main-menu > li.header {
        padding:15px 1em;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        background-color:#fff;
        border-bottom: 1px solid #ddd;
        align-items:center;justify-content:center;
    }
    #menu-mobile>ul.main-menu > li.header a {text-align:center;}
    #menu-mobile .treeview > a {position:relative;}
    #menu-mobile .treeview > a:after {display:block;content:'\f2c7';position:absolute;top:50%;right:10px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);font-family:'Ionicons'; font-size:1.5rem;}
    #menu-mobile .treeview.menu-open > a:after {content:'\f2f4';}

    #menu-mobile>ul.main-menu  .menu-open > a,#menu-mobile>ul.main-menu  .menu-open > a:hover {color: #fff;background-color:#b21023;}
    #menu-mobile>ul.main-menu  .menu-open > a.depth1 ,#menu-mobile>ul.main-menu  .menu-open > a.depth1:hover {color: #fff;background-color:#5c9acd;}

    #menu-mobile .treeview .treeview-menu{display:none;}
    #menu-mobile>ul.main-menu  .active > .treeview-menu {}
    #menu-mobile>ul.main-menu .fa.pull-right {margin-left: .3em;}
    #menu-mobile>ul.main-menu .treeview-menu {padding:0em;}
    #menu-mobile>ul.main-menu .treeview-menu li{border-bottom: 1px solid #ddd;display:flex;width:100%;flex-direction:column;}
    #menu-mobile>ul.main-menu .treeview-menu li a{font-size:1.1rem; padding:1em;}
    #menu-mobile>ul.main-menu .treeview-menu li a strong{font-weight:normal;}
    #menu-mobile>ul.main-menu .treeview-menu li.on a{font-weight:700 !important;}
    #menu-mobile>ul.main-menu .treeview-menu li a.on strong{font-weight:700 !important;}
    
    #menu-mobile ul ul ul {-webkit-box-shadow:0px 0px 8px inset rgba(0,0,0,.5);box-shadow:0px 0px 8px inset rgba(0,0,0,.5)}
    #menu-mobile .depth2 {display:block; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0.7rem 1rem;}
    .side_menu_wrap_pc {display:none;}
	.side_menu_wrap_mobile {position:absolute;left:0;top: 0;width:100%;display:block;background-color:var(--n-color-base);height:50px;zoom:.9;z-index:2;}
	.side_menu_wrap_mobile .side_menu { height:50px; position:absolute; z-index:1; width:100%;}
	.side_menu_wrap_mobile .side_menu.on{z-index:5;}
	.side_menu_wrap_mobile .side_menu li {display:none;}
	.side_menu_wrap_mobile .side_menu li .snb3{display:none;background-color: rgba(0, 0, 0, 0.85);}
	.side_menu_wrap_mobile .side_menu li .snb3 > div {padding:3px 10px;border-bottom: 1px solid #666;}
	.side_menu_wrap_mobile .side_menu li .snb3 > div > a {display:block;text-align:center;padding: 10px;color:#fff;}
	.side_menu_wrap_mobile .side_menu li .snb3 > div > a.on{font-weight:bold;}
	.side_menu_wrap_mobile .side_menu li.on .snb3{display:block;}
	.side_menu_wrap_mobile .side_menu li > a {font-size: 1.125rem;box-sizing:border-box;border:1px solid #616161;border-width:0 1px 1px 1px;height:50px;padding:0px 20px;display:block;line-height:50px;background-color:rgba(0,0,0,0.8);color:#fff;text-align:center;}
	.side_menu_wrap_mobile .side_menu li > a:hover,.side_menu li > a.on {background-color:rgba(0,0,0,0.8);color:#3cc6dd;}
	.side_menu_wrap_mobile .side_menu_current {display:block;height:50px;position:relative;font-size: 1.25rem;text-align:center;line-height:50px;color:#fff;}
	.side_menu_wrap_mobile .side_menu_current:after{content:'\f107';font-family:'Font Awesome 5 Free'; font-weight:900; font-size:1.15rem; position:absolute; right:2rem; top:50%; transform:translateY(-50%);}
	.side_menu_wrap_mobile .side_menu_current.on:after{content:'\f106';font-family:'Font Awesome 5 Free'; font-weight:900; font-size:1.15rem; position:absolute; right:1rem; top:50%; transform:translateY(-50%);}
	.side_title p {padding:1rem;}
	.sidebar_container{height:50px;}
    .sidebar_container.fixed{
        position:relative;
        top:initial;
    }
    .page-sub-image{
        margin-top:0;
        height:180px;
        transition:all 0.5s;
    }
}

@media(max-width:768px){
	:root{
        --gnb-height:60px;
    }
	html,body{font-size:13px;}
    .ft_content .ft_info > ul{
        flex-direction:column;
        gap:0.3rem;
    }
    #ft_wr {
        padding:25px 0.75em;
    }
    #ft_catch {
        margin-bottom: 1rem;
        text-align: center;
    }
}
@media(max-width:501px){
	.gall_row .col-gn-4 {
		width: 100%;
	}
	.scroll_tbl .tbl_wrap table{
		min-width:500px;
	}
}