@media (max-width: 1320px) {
	.mb-only-view{display:block}
	.mh{display:none !important}
	header#header{
		height:60px;
		z-index: 101;
        position: fixed;
        left: 0;
        top: 0;
	}
	header#header .main-menu,
	header#header .opt-menu
	{display:none}

	:is(header#header, header.ml_header) .mobile-menu-btn.menu_btn {
		display:block;
        width: 24px;
        aspect-ratio: 1 / 1;
        background: url(/images/icon/ico_menu.png) no-repeat center / contain;
        border:0;margin-right:15px
    }

	header#header .aisolution-wrapper.h82{height:60px;width: 100%;}
	header#header .main-logo {
		width: 160px;
		display: flex;
        align-items: center;
	}
	header#header .main-logo img {
		margin-left: 1rem;max-height: 36px;
	}	

	.top-blank {
		height: 60px;
	}
	
    :is(header#header, header.ml_header) .mobile-menu{
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        z-index: 100;
        display: flex;
        flex-direction: column;
        background:#fff;
        transition: all 0.6s ease;
        right: -100%;
         padding-bottom: 2rem;
    }

    :is(header#header, header.ml_header) .mobile-menu.show {right: 0;}

	:is(header#header, header.ml_header) .mobile-menu .close_btn {	
		  width: 24px;
        aspect-ratio: 1 / 1;	
        background: url(/images/icon/ico_menu_close.png) no-repeat center / contain;
		 border:0;margin-right:15px;
	}

	.mobile-menu .headbox {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #e5e8ec;
    }
	.mobile-menu .headbox .h_inner {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

	.mobile-menu .headbox .h_inner .h_left, .mobile-menu .headbox .h_inner .h_right {
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
    }

	.mobile-menu .headbox .h_inner .h_left {
        margin-left: 1rem;
    }
	.mobile-menu .headbox .h_inner .h_info {
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #000
    }

	.mobile-menu .headbox .h_inner .h_left, .mobile-menu .headbox .h_inner .h_right {
        position: relative;
        display: flex;
        align-items: center;
	}

	.mobile-menu .headbox .h_inner .btn.login_link {
        font-size: 12px;
        line-height: 150%;
        text-align: center;
        color: #747983;
        padding: 5px 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #d8dadd;
        border-radius: 4px;
        width: initial;
        height: 30px;
		z-index: 100;background: initial;
    }
	

	.mobile-menu .navbox {position: relative;margin-top: 1rem;padding: 0px 0.8rem;}
    .mobile-menu .navbox > li {width: 100%;}
    .mobile-menu .navbox > li .acc_tit { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 5px 16px; gap: 12px; cursor: pointer;}
    .mobile-menu .navbox > li .acc_tit.direct {margin-top: 1rem;margin-bottom:1rem}

    .mobile-menu .navbox > li .acc_tit .txt{ flex: 1; font-weight: 700; font-size: 1.02rem;  line-height: 150%; color: #000000}
    .mobile-menu .navbox.mobile-utility-menu > li .acc_tit .txt { font-size: 0.85rem; }
    .mobile-menu .navbox.mobile-utility-menu > li .link {
        display: flex;
        align-items: center;
        min-height: 20px;
    }
    .mobile-menu .navbox > li .acc_tit .icon {  background: url(/images/icon/hamburger_arrow.png) no-repeat center / contain;  width: 24px;  aspect-ratio: 1 / 1;  cursor: pointer;  transition: all 0.4s ease}
    .mobile-menu .navbox > li.show .acc_tit .icon {transform: rotate(180deg);}
    .mobile-menu .navbox > li .nav_cont { display: none; background: #f4f6f8;border-radius: 10px;margin-bottom: 1rem;}
    .mobile-menu .navbox > li .nav_cont > li {  font-weight: 400;  font-size:0.9rem;  line-height: 170%;  color:#747983}
    .mobile-menu .navbox > li .nav_cont > li:nth-child(1) { padding-top: 12px;}
    .mobile-menu .navbox > li .nav_cont > li:last-child { padding-bottom: 12px;}
    .mobile-menu .navbox > li .nav_cont > li > a { display: block;  padding: 0 1.8rem;}
    .mobile-menu .navbox > li .nav_cont > li.noDepth:has(+ li.noDepth > .link.font-bold) { margin-bottom: 12px; }
    .mobile-menu .line {width: calc(100% - 16px*2); height: 1px; border-bottom:1px solid #e5e8ec; margin: 16px auto 16px;-webkit-animation:initial;-ms-animation:initial;animation:initial}
    .mobile-menu .navbox2 { display: flex;  flex-direction: column;  gap: 12px;    padding: 0 2rem;}
    .mobile-menu .navbox2 > li {width: 100%; }
    .mobile-menu .navbox2 > li .link { display: block;  font-weight: 700;  font-size: 0.9rem;  line-height: 154%; color:#000000}
    
	.mobile-menu .navbox > li .acc_tit .txt .link.pop {
        padding-right:20px;background:url(/images/icon/popup-icon.png) no-repeat right center
    }

    .mobile-menu .navbox > li.big-title{
       padding:1.2rem 0 0.5rem 0
    }
    .mobile-menu .navbox > li.big-title:first-child {
       padding-top:0
    }

    .mobile-menu .navbox > li.big-title.direct span {
        width: calc(100% - 2rem);
        display: flex;
        align-items: center;
        align-content: center;
        padding: 0.8rem 0rem;
        gap: 12px;
        font-size: 1.3rem;
        font-weight: 600;
        color: #000000;
        border-bottom:0;
        margin: 0 auto;
    }
    .mobile-menu .navbox > li.big-title span {
        width: calc(100% - 2rem);
        display: flex;
        align-items: center;
        align-content: center;
        padding: 0.8rem 0rem 0.5rem 0;
        gap: 12px;
        font-size: 0.95rem;
        font-weight: 200;
        color: #000000;
        border-bottom: 1px solid #dfdfdf;
        margin: 0 auto;
    }

}