@charset "utf-8";

@media ( max-width: 1560px ) {
}

@media ( max-width: 1280px ) {
}

@media ( max-width: 1023px ) {
    .layout_wrap{min-width:100%;background-color:transparent;overflow-x:hidden;/* position:relative;left:0;right:0;transition:all 0.3s; */}

    header{height:52px;box-shadow:none;}
    header .header_wrap{padding:0 10px 0 10px;border-radius:0px;}
    header .header_wrap .header_logo .logo{width:133px;height:32px;}
    header .header_wrap .account_box{flex-grow:1;max-width:180px;height:44px;}
    header .header_wrap .account_box .account_info{display:flex;flex-direction:column;align-items:center;overflow:hidden;} 
    header .header_wrap .account_box .account_info .account_name{font-weight:bold;}
    header .header_wrap .account_box .account_info .account_org{position:relative;padding-right:13px;font-size:0.8125rem;color:var(--color-gray-600);}
    header .header_wrap .account_box .account_info .account_org:after{display:block;content:'';position:absolute;top:0;bottom:0;right:0;width:10px;height:6px;margin:auto;background:url('../images/layout/layout_asset.png') -85px -200px / 640px no-repeat;}
    header .header_wrap .myinfo_box .myinfo_setting{margin-left:0;}
    header .header_wrap .myinfo_box .myinfo_alim + .myinfo_setting{margin-left:16px;}
    header .header_wrap .myinfo_box .myinfo_name,
    header .header_wrap .myinfo_box .myinfo_logout{display:none;}

    header.header-depth-1 .header_wrap .header_logo{display:none;}
    header.header-depth-1 .header_wrap .header_nav{display:block;}
    header.header-login .header_wrap .account_box{display:block;}

    .setting_layer{position:fixed;display:block;top:0;right:-100%;width:100%;border:0 none;border-radius:0;z-index:50;transition:all 0.3s;}
    .setting_layer.active{right:0;}
    .setting_layer .layer_body{height:calc(100vh - 52px - 16px);height:calc(100dvh - 52px - 16px);max-height:none;}
    .setting_layer_view{overflow:hidden;}
    
    .contents_wrap{height:calc(100vh - 52px);height:calc(100dvh - 52px);padding:0 0 52px 0;background-color:var(--color-gray-50);}
    .contents_wrap .inner_wrap{display:block;min-width:100%;}
    .contents_wrap .inner_wrap section .contents_body .contents_inner{width:100%;min-width:100%;max-width:100%;}
    
    .breadcrumbs_box{padding:20px 16px 12px 16px;background-color:var(--color-white);border-bottom:solid 1px var(--color-gray-75);}
    .breadcrumbs_box > ul > li:not(:nth-last-child(2)):not(:last-child){display:none;}
    .breadcrumbs_box > ul > li:last-child{font-size:0.875rem;}
    .breadcrumbs_box.mo-border-0{border-bottom:0 none;}

    .page_header_box{padding:20px 16px 16px 16px;background-color:var(--color-white);border-bottom:solid 1px var(--color-gray-75);}
    .page_header_box .page_title{font-size:1.375rem;}
    .page_header_box .page_title + .page_tabs{margin-bottom:-16px;}
    .page_sub_title_card_header{padding:16px 16px 4px 16px;}

    .main_menu_wrap{position:fixed;display:block;top:auto;bottom:-100%;left:0;width:100%;height:calc(100vh - 20px);height:calc(100dvh - 20px);border-radius:16px 16px 0 0;border:0 none;z-index:50;transition:all 0.3s;}
    .main_menu_wrap .main_menu_layer_header{position:relative;display:block;padding:13px 16px;height:52px;border-bottom:1px solid var(--color-gray-100);box-sizing:border-box;}
    .main_menu_wrap .main_menu_layer_header .layer_title{padding-right:34px;font-size:1.25rem;font-weight:bold;line-height:1.3;}
    .main_menu_wrap .main_menu_layer_header .layer_close{position:absolute;top:0;bottom:0;right:16px;margin:auto;display:block;width:fit-content;height:fit-content;}
    .main_menu_wrap .main_menu_btn{display:none;}
    .main_menu_wrap .main_menu_body_head{margin-top:0;}
    .main_menu_wrap .main_menu_body{height:calc(100% - 52px);}
    .nav_layer_view{overflow:hidden;}
    .nav_layer_view .main_menu_wrap{bottom:0;}
    .nav_layer_view .contents_wrap .inner_wrap:before{position:fixed;width:100%;height:100%;top:0;left:0;display:block;content:'';background-color:rgba(0, 0, 0, 0.7);z-index:50;}
    /* .nav_layer_view .layout_wrap{left:100%;} */

    .copyright ul li a{font-size:0.75rem;}
    .copyright ul li:last-child{width:100%;text-align:center;}
    .copyright ul li:last-child:before{display:none;}
    .copyright .copyright_logo{margin-top:20px;text-align:center;line-height:0;}
    .copyright .copyright_logo .logo{display:inline-block;width:85px;height:30px;background:url('../images/layout/footer_logo.png') 0 0 / 100% no-repeat;}

    .foot_nav_wrap{position:fixed;left:0;bottom:0;width:100vw;height:52px;padding:0 8px;background-color:var(--color-white);border-top:1px solid var(--color-gray-75);border-radius:16px 16px 0 0;box-sizing:border-box;z-index:30;}
    .foot_nav_list{display:flex;align-items:center;justify-content:space-between;}
    .foot_nav_list > li{flex:1 1 auto;padding-top:8px;}
    .foot_nav_list > li .nav_link{display:flex;flex-direction:column;align-items:center;}
    .foot_nav_list > li .nav_text{font-size:0.6875rem;color:var(--color-gray-600);}
    .foot_nav_list > li.active .layout_asset.nav_icon{background-position-y:-25px;}
    .foot_nav_list > li.active .layout_asset.foot_nav_icon{background-position-y:-155px;}
    .foot_nav_list > li.active .nav_text{color:var(--color-blue-500);font-weight:bold;}

    .layout_wrap.type_normal .contents_wrap .inner_wrap section{width:100%;min-width:100%;max-width:100%;}
    .layout_wrap.type_normal .contents_wrap{height:calc(100vh - 52px);height:calc(100dvh - 52px);}

    .layout_wrap.type_full .contents_wrap .inner_wrap section .contents_body .contents_inner{min-width:100%;max-width:100%;}

    .layout_wrap.type_gradient .contents_wrap{background-color:initial;}

    .layout_wrap.type_transparent_header header{background-color:var(--color-gray-50);}
}

@media ( max-width: 768px ) {
}

@media ( max-width: 580px ) {
}

@media ( max-width: 500px ) {
}

@media ( max-width: 480px ) {
}

@media ( max-width: 320px ) {
}

@media ( max-width: 319px ) {
}