@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}

	header#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;
	}
	
    header#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;
    }

    header#header .mobile-menu.show {right: 0;}

	header#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 > 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.18rem 1.8rem;}
    .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;
    }
	.mobile-body .aisolution-wrapper{
		width:calc(100% - 2rem);
	}
	/*
	.mobile-body .aisolution-wrapper.main {
		width: 100%;
	}
		*/

	.mobile-body .main-box-01{width: 100%;}

	.mobile-body .section .aisolution-wrapper h2{
		font-size: 1.3rem;
        margin-top: 2rem;
	}

	
	.mobile-body .section .aisolution-wrapper p{
		font-size: 0.8rem;
	}	

	.mobile-body .section .aisolution-wrapper .text-center.text-white{
		width:100%;margin:0 auto
	}

	.mobile-body  #pp-nav.right {
		right: 0px;
	}

	.mobile-body .section .aisolution-wrapper .mt-20.flex.items-center.justify-between.gap-x-6{
		margin-top: 2.5rem;
	}

	.mobile-body .section .aisolution-wrapper .h400 {
		height:initial;
	}

	.mobile-body .section .aisolution-wrapper .mt-8 {
		margin-top: 1rem;
	}

	.mobile-body .section .aisolution-wrapper .mt-6 {
		margin-top: 1.1rem;
	}

	.mobile-body .section .aisolution-wrapper .p-8 {
		padding: 1rem;
	}
	.mobile-body .section br{display:none}

	.mobile-body .pp-tableCell {
		display: table-cell;
		vertical-align: top;
	}

	.mobile-body .section.bg-section-3 .aisolution-wrapper .main-box-03{
		display: flex;
		flex-direction: column;
		margin-top: 2rem;gap:1rem
	}

	.mobile-body .p-10 {
		padding: 1rem
	}

	.mobile-body .section.bg-section-3 .aisolution-wrapper .main-box-03 a h2 {
		margin-top: 5px;font-size: 1.2rem;        display: inline-block;
	}

	.mobile-body .section.bg-section-3 .aisolution-wrapper .main-box-03 a h3 {
		font-size: 1.2rem;        display: inline-block;
	}

	.mobile-body .section.bg-section-3 .aisolution-wrapper .main-box-03 .bg-white div {
		display: table-cell;
		vertical-align: bottom;
		height:initial;
		color: #000;
		font-weight: 500;
		font-size: 0.8rem;
		letter-spacing: -0.5px;
		padding-left: 60px;
        text-align: left;padding-top: 1rem;
	}

	.mobile-body .section.bg-section-3 .aisolution-wrapper .main-box-03 .bg-white .more-btn {
		display: inline-block;
        font-size: 12px;
        font-weight: 700;
        color: #000;
        margin-top: 0px;
        position: absolute;
        right:2rem;
        margin-left: 0;
	}

	.mobile-body .section.bg-section-3 .aisolution-wrapper .main-box-03 .bg-white {
		height: initial;
	}

	.mobile-body .section.bg-section-3 .aisolution-wrapper .main-box-03 a:nth-child(1){background:#fff url(/images/main/main-book-icon01.png) 10px 64px no-repeat;background-size: 60px;}
	.mobile-body .section.bg-section-3 .aisolution-wrapper .main-box-03 a:nth-child(2){background:#fff url(/images/main/main-book-icon02.png) 10px 64px no-repeat;background-size: 60px;}
	.mobile-body .section.bg-section-3 .aisolution-wrapper .main-box-03 a:nth-child(3){background:#fff url(/images/main/main-book-icon03.png) 10px 64px no-repeat;background-size: 60px;}

	.mobile-body .section.bg-section-4 .aisolution-wrapper .main-box-04{
		display: flex;
		flex-direction: column;
		margin-top: 2rem;gap:1rem
	}

	.mobile-body .section.bg-section-4 .aisolution-wrapper .main-box-04 .mt10 {
		margin-top: 0px;
	}

	.mobile-body .section.bg-section-4 .aisolution-wrapper .main-box-04 a h2 {
		margin-top: 5px;font-size: 1.2rem;display: inline-block;
	}

	.mobile-body .section.bg-section-4 .aisolution-wrapper .main-box-04 a h3 {
		font-size: 0.85rem;display: inline-block;padding:0;margin-top: 1rem;
	}

	.mobile-body .section.bg-section-4 .aisolution-wrapper .main-box-04 a .eng-baner-img{display:none}
	.mobile-body .section.bg-section-4 .aisolution-wrapper .main-box-04 a.m-pd8{padding:1rem}
	
	.mobile-body .aisolution-wrapper nav{
		display:none
	}

	.mobile-body .aisolution-wrapper .flex.items-center.justify-center{display:flex;flex-direction: column; gap: 1rem;}
	.mobile-body .aisolution-wrapper .flex.items-center.justify-center a{width: 100%; display: flex;justify-content: center;}
	.mobile-body .aisolution-wrapper .flex.items-center.justify-center a button{width:calc(100% - 5rem) }
	.mobile-body .aisolution-wrapper img{max-width:100%}
	.mobile-body .aisolution-wrapper br{display:none}

	.mobile-body main .aisolution-wrapper .border-b.border-b-black-df.pt-20 .mt-20.grid.grid-cols-3.gap-x-10{        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 1rem;
        gap: 2rem;
        margin-top: 2rem;}
	.mobile-body footer {
		padding:0.5rem 1rem;
	}
	.mobile-body footer span{font-size: 0.74rem;}
	#inquiryPop .modal_cont .inputWrap {
		display: flex;
		width: 100%;
		flex-direction: column;
	}

	#inquiryPop .modal_cont .inputWrap .row {
		width: 100%;
		float: initial;
		display: block;
	}
	.mo-only.hide{display:block}

	.mobile-body .bg-eng {
		background-image: url(/images/inear/mainBG2.png);
		height: 320px;
	}

	.mobile-body .inear-intro .intro-title h1 {
		font-size: 1.5rem;
	}

	.mobile-body .bg-no-repeat.bg-center.bg-cover p {
		font-size: 0.85rem;
		margin-top: 15px;/*width:calc(100% - 4rem)*/
	}
	.btn_start_intv{display:none}

	.mobile-body .inear-intro .aisolution-wrapper {
        width: calc(100% - 4rem);
    }

	
	.mobile-body .renewal2 .box_info.ver2 > div:nth-child(1) .boxImg1{width:70px}
	.mobile-body .renewal2 .box_info.ver2 > div:nth-child(1) .imgCol2{width: calc(100% - 84px);}

	.mobile-body .renewal2 .txt_info1 {
		font-size: 1.2rem;
		padding: 10px 0 0;
	}

	.mobile-body  .renewal2 .box_info {
        padding:2rem 2rem 0 2rem
    }

	.mobile-body .renewal2 .goUp.section2{width:calc(100% - 2rem);margin:0 auto}

	.mobile-body .renewal2 .conts_wrap {
		max-width: 100%;
		padding-top: 2rem;
		width: calc(100% - 1.5rem);
	}

	.mobile-body .mt-6.grid.grid-cols-4{
		grid-template-columns: repeat(4, minmax(0, 1fr));
		display: flex;
		flex-direction: column;
	}

	.mobile-body #SampleInfo.eng.modal_wrap .modal_cont {
		width: 100%;
	}

	.mobile-body #SampleInfo.eng.modal_wrap .pop_tab {
		position: relative;
		width: 100%;
		height: 45px;
	}

	.mobile-body #SampleInfo.eng .modal_cont .pop_tab li {
		width: 33%;
		line-height: 45px;
		font-size: 1rem;
		text-align: center;
	}

	.mobile-body #SampleInfo.eng .pop_select li {	
		width: 33%;
	}

	.mobile-body #SampleInfo.eng .modal_cont img.sample {
		width: 100%;
	}

	.mobile-body #SampleInfo.eng.modal_wrap .modal_close {
		
		top: 0px;
		right: 5px;
	}

	.mobile-body .main3Tabs .main3Tab.c3 {
		width: calc((100% - 28px) / 3);
	}

	.mobile-body .gotoDetail.icon-popup.white{display:none}

	.onlypc {
		font-weight: 400;
		font-size: 13px;
		line-height: 154%;
		color:#444444;
		height: 44px;
		border-radius: 24px;
		background: #e5e8ec;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
        width: calc(100% - 5rem);
	}
}