.nav{position:relative;width:100%;z-index:100;margin:0 auto;max-width: 1830px;left: 50%;transform:translate(-50%, -80px);height: 100px;position:fixed;transition:.4s;}
.nav.in-view{transform:translate(-50%, 0%);}
.nav:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; opacity:0; backdrop-filter:blur(20px); transition:.4s;}
/*.nav:hover{background:#fff;}*/
.nav:hover #cssmenu > ul > li > a{/* color:#222; */}
.nav:hover .cs-logo a.logo-1{/* background-image:url("/images/common/logo.png"); */}
.nav:hover .sch-btn a{color:#474747 !important; border-color:#474747 !important;}
.nav:hover .sch-btn a:hover{color:#000 !important;}

/* 상단 고정 */
.hdWrap{width:100%;position:fixed;height: 100px;top:0;z-index:100;transition:.4s;}
.hdWrap.scrollFx{width:100%;position:fixed;height:100px;top:0;}
.hdWrap.scrollFx .nav{height: 100px;max-width: 100%;top: 0;background: #ffffffbe;backdrop-filter: blur(20px); box-shadow: 0px 5px 23px 4px rgba(0, 0, 0, 0.1);padding: 0 20px;}
.hdWrap.scrollFx .nav:before{/* opacity:1; */}
.hdWrap.scrollFx #cssmenu > ul > li > a{color:#222;}
.hdWrap.scrollFx #cssmenu > ul > li > a > span.coolit{color: #003863;}
.hdWrap.scrollFx #cssmenu > ul > li:hover > ul{/*margin-top:-20px;*/}
.hdWrap.scrollFx .cs-logo{align-items:center; transition:.4s;}
.hdWrap.scrollFx .cs-logo a.logo-1{/* width:180px; *//* height:56px; */background-image: url(/images/common/logo_c.png);}
.hdWrap.scrollFx .sch-btn a{color:#777 !important;}
.hdWrap.scrollFx .nav h1.pc-menu button span{background: #1e2f97;}
.hdWrap.scrollFx .nav h1.pc-menu button span:nth-child(1){background: #60d0b7;}
.hdWrap.scrollFx .nav h1.pc-menu button span:nth-child(4){background: #2f8bd6;}
/* .hdWrap.scrollFx .nav .srch{color:#193889;} */
.hdWrap.scrollFx .nav .cs-logo a.logo-1{background-image: url(/images/common/logo_c.png);}
/* 국문로고 */
.hdWrap.scrollFx .nav .cs-logo a.logo-kor{background-image: url(/images/common/logo_c_kor.png);}

/* 서브일때-흰색 */
.sub-hd{/*background:#fff; border-bottom: 1px solid #ddd;*/}
.sub-hd #cssmenu ul > li > a{color:#222;}
.sub-hd .nav .cs-logo a.logo-1{background-image:url("/images/common/logo.png");}
.sub-hd .nav .sch-btn a{color:#777 !important;}
.sub-hd .nav .sch-btn a:hover{color:#000 !important;}

.sub-hd.scrollFx{margin-top:0px;}
.sub-hd.scrollFx .headDiv{margin-top:0px !important;}
.hdWrap.scrollFx #gnb .oneD{color:#333;}
.hdWrap.scrollFx #gnb .oneD{line-height:75px;}
.hdWrap.scrollFx .hd-right .login-top a{color:#10344a !important; border:1px solid rgb(16,52,74,.5) !important;}
.hdWrap.scrollFx .hd-right .login-top a:hover{background:#082b4c !important; border-color:#082b4c !important; color:#fff !important;}
.hdWrap.scrollFx .hd-right .lang-top a{color:#333 !important;}
.hdWrap.scrollFx .hd-right .lang-top li a:before{background:#333 !important;}

.nav .hd-wrap{position:relative;margin:0 auto;height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;transition:.4s;}

.nav .cs-logo{display:flex;align-items: center;height:100%;transition:.4s; width: 347px;}
.nav .cs-logo a.logo-1{display:inline-block;width: 220px;height: 84px;overflow:hidden;background-image:url("/images/common/logo_w.png");background-repeat:no-repeat;background-position:0 50%;transition:all .1s;background-size:100%;transition:.4s;}
.nav .cs-logo a.logo-1:hover{opacity:.8;}
/* 국문로고 */
.nav .cs-logo a.logo-kor{background-image:url("/images/common/logo_w_kor.png");}

.nav.active{box-shadow:0px 1px 3px rgba(0,0,0,12%);}
.nav:after{display:block; content:''; clear:both;}

#cssmenu{display: inline-flex;margin:0 auto;height:100%;align-items: center;}
#cssmenu a{display:block;}
#cssmenu > ul{display:flex;justify-content:center;gap: 10px;transition:all 0.8s ease;/* height:100%; */align-items: center;}
#cssmenu > ul > li{position:relative; text-align:left;}
#cssmenu > ul > li > a{text-align: center; font-size: 16px;font-weight:600;color: #fff;height:100%;border-radius:0px;padding: 14px 25px;line-height:1;position: relative;display: inline-block;overflow: hidden;}
#cssmenu > ul > li > a > span:not(.on) {
    position: absolute; padding: inherit; left: 0; top: 0; opacity: 0;
    -webkit-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateY(150%); -ms-transform: translateY(150%); transform: translateY(150%);
}
#cssmenu > ul > li > a > .on {display: inline-block; -webkit-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;}
#cssmenu > ul > li > a >span.coolit{color:#2cd8d8; font-weight: 600;}
#cssmenu > ul > li > a:hover > .on {opacity: 0; -webkit-transform: translateY(-150%); -ms-transform: translateY(-150%); transform: translateY(-150%);}
#cssmenu > ul > li > a:hover:hover > span:not(.on) {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
#cssmenu > ul > li > a:hover{background-color: #f0f2f4;color: #222;}
#cssmenu > ul > li.coolit_btn > a:hover{background-color: #013765;color: #fff; font-weight: 600;}
#cssmenu > ul > li.coolit_btn > a{cursor:default;}
#cssmenu > ul > li > ul{
    margin: 1px 0 0;
    position: absolute;
    top: 100%;
    width: 20px;
    width: 210px;
    padding: 20px 25px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 4;
    /* -webkit-border-radius: 20px;
    border-radius: 20px; */
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    text-align: left;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(6, 35, 90, 0.8);
}
#cssmenu > ul > li > ul > li {
    position: relative; list-style: none; margin: 0; opacity: 0; visibility: hidden;
    -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s; transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
}
#cssmenu > ul > li > ul > li + li{margin-top:8px;}
#cssmenu > ul > li > ul > li > a {
    font-size: 17px;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0px;
    font-style: normal;
    font-weight: 400;
    display: block;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 3px 0;
    font-family: 'Paperozi';
    color:#fff;
}
#cssmenu > ul > li:hover > ul{opacity: 1; visibility: visible; -webkit-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0);}
#cssmenu > ul > li:hover > ul > li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
#cssmenu > ul > li:hover > ul > li:nth-child(2n+1) {-webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
#cssmenu > ul > li:hover > ul > li:nth-child(2n+2) {-webkit-transition-delay: 0.15s; transition-delay: 0.15s;}
#cssmenu > ul > li:hover > ul > li:nth-child(2n+3) {-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
#cssmenu > ul > li:hover > ul > li:nth-child(2n+4) {-webkit-transition-delay: 0.25s; transition-delay: 0.25s;}
#cssmenu > ul > li:hover > ul > li:nth-child(2n+5) {-webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
#cssmenu > ul > li:hover > ul > li:nth-child(2n+6) {-webkit-transition-delay: 0.35s; transition-delay: 0.35s;}
#cssmenu > ul > li:hover > ul > li:nth-child(2n+7) {-webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
#cssmenu > ul > li:hover > ul > li:nth-child(2n+8) {-webkit-transition-delay: 0.45s; transition-delay: 0.45s;}
#cssmenu > ul > li > ul > li > a{font-size:16px;line-height: 1.3;font-weight:400;opacity: .6;}
#cssmenu > ul > li > ul > li > a:hover{opacity: 1; color: #fff;}

.nav .nav-right{display:flex; align-items:center; gap:20px;}
/* 검색 */
.navSearch{position: relative;}
.navSearch .search-btn{color:#fff;font-size:24px;width:49px;height:49px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;}

#hd_sch{position:absolute;top:60px;right:0;width:280px;padding:14px 16px;background:#1f2a36;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35);display:none;z-index:1000;}
.navSearch.open #hd_sch{display:block;animation: searchDrop .25s ease-out;}

@keyframes searchDrop{
	from{opacity:0; transform:translateY(-6px);}
	to{opacity:1; transform:translateY(0);}
}

#hd_sch input[type="text"]{width:100%;height:44px;border-radius:10px;border:none;padding:0 44px 0 14px;background: transparent;color:#fff;font-family: 'Paperozi';font-size: 17px;}
#hd_sch input::placeholder{color:#b7c1cc;}
#hd_sch button{position:absolute;right:22px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#fff;font-size: 24px;cursor:pointer;}

.nav .sch-btn{display:flex; padding:10px 35px; align-items:center; justify-content:center;}
.nav .sch-btn a{font-size:14px; color:#777; font-family:'GmarketSansMedium'; line-height:1; transition:0.3s; padding:10px 0; position:relative;}
.nav .sch-btn > a + a:before{
    content:""; display:inline-block; width:1px; height:13px; background:#e0e0e0; margin:0 0 0 10px;
    position:absolute; left:0; top:50%; transform:translate(0%, -50%);
}
.nav .sch-btn > a + a{padding-left:20px;}
.nav .sch-btn a.log{padding-left:23px;}
.nav .sch-btn a > i{font-size:20px; position:absolute; left:0; top:7px;}

/* 포항공대 로고 */
.navPostech{display: block; width: 147px; height: 24px; background: url(/images/common/pLogo_w.png);}
.hdWrap.scrollFx .navPostech{background: url(/images/common/pLogo_c.png);} /* 네비 고정 */


/*햄버거메뉴*/
.nav h1.pc-menu{position:relative;width: 50px;height: 50px;text-align:center;cursor:pointer;display: flex;justify-content:center;align-items:center;transition:.3s;}
.nav h1.pc-menu button{background:none;border:none;width: 22px;height: 22px;position: relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;transition:.3s;}
.nav h1.pc-menu button span{width:9px; height:9px; /*border-radius:50%;*/ background:#fff; position:absolute;}
.nav h1.pc-menu button span:nth-child(1){left:0; top:0;}
.nav h1.pc-menu button span:nth-child(2){right:0; right:0;}
.nav h1.pc-menu button span:nth-child(3){left:0; bottom:0;}
.nav h1.pc-menu button span:nth-child(4){right:0; bottom:0;}
.nav h1.pc-menu:hover button{background: url("/images/common/allmenu_on.png") no-repeat 50% 50%;}

.shadow{
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1870px) {
    .nav {border-radius: 0; border-left: 0; border-right: 0; width: 100%; padding-left: 30px; padding-right: 30px;}
}
@media (max-width: 1500px) {
    #cssmenu > ul > li > a {
        font-size: 16px;
    }
    #cssmenu > ul {
        gap: 5px;
    }
}
@media (max-width: 1400px){
	#cssmenu > ul {gap: 10px;}
	#cssmenu > ul > li > a {font-size: 18px; padding: 12px 20px;}
    #cssmenu{display:none;}
    
}

@media (max-width: 1170px){
	#cssmenu > ul > li > a {font-size: 17px; padding: 12px 15px;}
    
}
@media (max-width: 990px){
	.nav .cs-logo a.logo-1 {width: 180px; height: 62px;}
}
@media (max-width: 767px){
	.nav{height:80px; border-radius: 0 0 15px 15px; padding-left: 10px; padding-right: 10px;}
	.hdWrap{height:80px;}
	.hdWrap.scrollFx{height:80px;}
	.hdWrap.scrollFx .nav{height:80px; border-radius: 0 0 15px 15px;}
	.nav .cs-logo a.logo-1,
	.hdWrap.scrollFx .cs-logo a.logo-1{width: 150px; height: 52px;}
    .navPostech {transform: scale(.9); margin-right: -5px;}
    .nav .nav-right {gap: 0px;}
    .navPostech {display: none;}
    .nav .cs-logo{width: auto;}
}
@media (max-width: 450px) {
    .navPostech {transform: scale(.7);  margin-right: -18px;}
}

.nav .nav_logo a img{opacity:0; transform:translate(20px, 0%); transition:all 1s 0.2s ease;}
.nav .nav_logo.in-view a img{opacity:1; transform:translate(0, 0%); transition:all 1s 0.2s ease;}

.nav #cssmenu > ul > li{opacity:0; transition:all 1s 0.2s ease;}
.nav.in-view #cssmenu > ul > li{opacity:1; transition:all 1s 0.2s ease;}

/*우측-전체메뉴*/
.allmenu{display:none;position:fixed;left:0;top:0;vertical-align:middle;height:100vh;width:100%;background: rgb(25 56 137 / 90%);backdrop-filter:blur(10px);z-index: 999;}
.allmenu h1{margin: 30px 0 0 76px;display: flex;align-items: flex-end;gap: 20px;}
.allmenu h1 > a{display:inline-block;width: 220px;height: 84px;text-indent:-9999px;background:url("/images/common/logo_w.png") no-repeat;background-size: 100%;}
/* 국문로고 */
.allmenu h1 > a.all_kor{background:url("/images/common/logo_w_kor.png") no-repeat;}
.allmenu h1 .utile-wrap{padding-bottom: 18px;}
.allmenu h1 .utile-wrap > li{}
.allmenu h1 .utile-wrap > li > a{color:#fff;font-family: 'Pretendard', sans-serif;font-weight:600;font-size: 18px;opacity:.8;transition:.3s;}
.allmenu h1 .utile-wrap > li > a:hover{text-decoration:underline; opacity:1;}
.allmenu h1 .utile-wrap > li > a > i{font-weight:normal;}
.allmenu button.btn-x{position:absolute;right: 100px;top: 50px;display:inline-block;padding:0;background-color:transparent;border:none;z-index:4;}
.allmenu button.btn-x > span{padding-left: 3.5rem;font-weight: bold;font-size:16px;line-height:16px;color: #fff;display:inline-block;text-transform: uppercase;}
.allmenu button.btn-x > span:before,
.allmenu button.btn-x > span:after{content: "";width: 100%;height: 0.2rem;background-color:#fff;display: inline-block;position:absolute;top:50%;left: 0;transform: translateY(-50%); transition:.3s;}
.allmenu button.btn-x > span:before{width:2.5rem;margin:0;transform: rotate(45deg);}
.allmenu button.btn-x > span:after{width:2.5rem;margin:0;transform: rotate(135deg);}

.allmenu .allmenuwrap{padding-top: 100px; max-width:1500px;width: 90%;margin: 0 auto;display: grid;grid-template-columns: repeat(3, 1fr);}
.allmenu .allmenuwrap .boxwrap{padding: 2rem;width: 100%;display: flex;flex-direction: column; gap: 30px; border-top: 1px solid rgba(255, 255, 255, 0.2);transition: border-bottom-color 0.5s;overflow: hidden;transition:.3s;}
.allmenu .allmenuwrap .boxwrap:hover{border-color:#fff;}
.allmenu .allmenuwrap .boxwrap > h2{width:600px;font-size: 34px;color:#fff;position: relative;line-height:1;font-weight:600;color: #fff;transition:.3s;}
.allmenu .allmenuwrap .boxwrap > h2 > a{color:#fff;opacity:.7;transition:.3s;font-weight: 700;font-family: 'Oxanium';}
.allmenu .allmenuwrap .boxwrap:hover > h2 > a{color:#fff; opacity:1;}
.allmenu .allmenuwrap .boxwrap > ul{display:flex;flex-direction: column; gap: 10px 0;transition: all 0.4s;;}
.allmenu .allmenuwrap .boxwrap > ul > li{position:relative;box-sizing:border-box;padding-left: 16px;}
.allmenu .allmenuwrap .boxwrap > ul > li::before{content: '';width: 5px; height: 5px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; left: 0; transform: translateY(-50%);opacity: .8; transition: .3s;}
/* .allmenu .allmenuwrap .boxwrap >ul > li + li{margin-left:4.2rem;} */
.allmenu .allmenuwrap .boxwrap > ul > li > a {position: relative;display: block;color: #fff;font-size: 19px;font-weight: 500;line-height: 1.5;opacity: .8;font-family: 'pretendard';transition:.3s;}
.allmenu .allmenuwrap .boxwrap > ul > li > ul{margin-top:10px;}
.allmenu .allmenuwrap .boxwrap > ul > li > ul > li{}
.allmenu .allmenuwrap .boxwrap > ul > li > ul > li > a{font-size:15px; color:rgba(255,255,255,0.5); font-weight:300;}
/* .allmenu .allmenuwrap .boxwrap > ul > li > a:before{position:absolute; bottom:-4px; left:50%; width:0; height:0.2rem; background-color: #fff; content: ''; transition:.3s;} */
/* .allmenu .allmenuwrap .boxwrap > ul > li + li a:after{position: absolute;top: 0rem;left: -2.3rem;font-size: 1.4rem;color: rgba(255, 255, 255, 0.3);content: '/';font-weight: 300;pointer-events: none;} */
.allmenu .allmenuwrap .boxwrap > ul > li:hover > a{opacity:1; color: #1aa7ec;}
.allmenu .allmenuwrap .boxwrap > ul > li:hover::before{opacity: 1; background-color: #1aa7ec;}

/* 국영문 버튼 */
.lang-switch {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: 20px; /* 포스텍 로고와의 간격 */
    font-family: 'Oxanium', 'Pretendard', sans-serif;
}

/* 1. 기본 상태 (메인 최상단 - 배경 투명할 때) */
.lang-switch a {
    color: rgba(255, 255, 255, 0.5); /* 비활성 언어: 반투명 흰색 */
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease;
    padding: 5px 0;
}
.lang-switch a:hover {
    color: #fff; 
}
.lang-switch a.on { /* 활성화된 언어 */
    color: #fff;
    font-weight: 700;
}
.lang-switch .bar {
    width: 1px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.3);
}

/* 2. 스크롤 내리거나 서브페이지 (배경 흰색일 때 색상 반전) */
.hdWrap.scrollFx .lang-switch a,
.sub-hd .lang-switch a {
    color: rgba(0, 0, 0, 0.3); /* 비활성 언어: 옅은 회색 */
}
.hdWrap.scrollFx .lang-switch a:hover,
.sub-hd .lang-switch a:hover {
    color: #000;
}
.hdWrap.scrollFx .lang-switch a.on,
.sub-hd .lang-switch a.on { /* 활성화된 언어 */
    color: #10344a; /* 진한 파랑/검정 (포인트 색상) */
    font-weight: 700;
}
.hdWrap.scrollFx .lang-switch .bar,
.sub-hd .lang-switch .bar {
    background-color: rgba(0, 0, 0, 0.2);
}

/* 3. 모바일 반응형 조절 */
@media (max-width: 767px) {
    .lang-switch {
        margin-right: 12px;
        gap: 8px;
    }
    .lang-switch a {
        font-size: 14px;
    }
}

@media (max-width: 1500px){
	.allmenu h1{margin: 30px 0 0 2%;}
	.allmenu button.btn-x {right: 2%; top: 35px;}
	.allmenu .allmenuwrap {width: 95%;}
}
@media (max-width: 1400px){
	.allmenu .allmenuwrap .boxwrap > h2 {width: 200px; font-size: 30px;}
	.allmenu .allmenuwrap .boxwrap > ul {width: calc(100% - 200px);}
}
@media (max-width: 1400px) {
    /* 1. 전체 레이아웃: 그리드 해제 및 스크롤 활성화 */
    .allmenu .allmenuwrap {
        display: block; /* 3단 그리드 제거 */
        width: 90%;     /* 너비 확보 */
        max-width: 600px; /* 너무 넓게 퍼지지 않도록 중앙 정렬 느낌 */
        height: calc(100vh - 120px); /* 헤더/닫기버튼 영역 제외한 높이 설정 */
        overflow-y: auto; /* 세로 스크롤 활성화 (중요) */
        padding-top: 20px;
        padding-bottom: 100px; /* 하단 여백 넉넉히 */
        margin: 0 auto;
        
        /* 스크롤바 숨기기 (디자인 깔끔하게) */
        -ms-overflow-style: none; 
        scrollbar-width: none; 
    }
    .allmenu .allmenuwrap::-webkit-scrollbar {
        display: none;
    }

    /* 2. 각 메뉴 박스 (섹션) 스타일 */
    .allmenu .allmenuwrap .boxwrap {
        width: 100%;
        display: block; /* 플렉스 대신 블록으로 변경하여 자연스러운 흐름 */
        padding: 25px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.15); /* 구분선 */
    }
    
    /* 3. 대메뉴 (제목) 스타일 */
    .allmenu .allmenuwrap .boxwrap > h2 {
        width: 100%;
        font-size: 24px;
        margin-bottom: 15px;
        opacity: 1; /* 잘 보이게 */
    }

    /* 4. 소메뉴 (리스트) 스타일 */
    .allmenu .allmenuwrap .boxwrap > ul {
        width: 100%;
        display: flex;
        flex-direction: column; /* 세로로 나열 */
        gap: 12px; /* 메뉴 간격 */
    }

    .allmenu .allmenuwrap .boxwrap > ul > li {
        width: 100%;
        margin-left: 0 !important; /* 기존 마진 초기화 */
        padding-left: 15px; /* 점 위치 고려 */
    }

    .allmenu .allmenuwrap .boxwrap > ul > li > a {
        font-size: 18px; /* 글자 크기 조정 */
    }

    /* 5. 닫기 버튼 및 로고 위치 조정 */
    .allmenu h1 {
        margin: 20px 0 0 5%; /* 로고 위치 */
    }
    .allmenu button.btn-x {
        top: 30px;
        right: 5%;
    }
}
@media (max-width: 1170px){
	.allmenu .allmenuwrap .boxwrap {padding: 25px 0;}
	.allmenu .allmenuwrap .boxwrap > h2 {width: 130px;font-size: 24px;}
	.allmenu .allmenuwrap .boxwrap > ul {width: calc(100% - 130px); row-gap: 10px;}
	.allmenu .allmenuwrap .boxwrap >ul > li + li {margin-left: 30px;}
	.allmenu .allmenuwrap .boxwrap > ul > li > a {font-size: 18px;}
	.allmenu .allmenuwrap .boxwrap > ul > li + li a:after {left: -18px; font-size: 18px;}
	.allmenu button.btn-x > span {padding-left: 36px;}
	.allmenu button.btn-x > span:before, .allmenu button.btn-x > span:after {height: 2px; width: 30px;}
}
@media (max-width: 767px){
	.allmenu button.btn-x > span {font-size: 14px; line-height: 14px; padding-left: 25px;}
	.allmenu button.btn-x > span:before, .allmenu button.btn-x > span:after {width: 20px;}
	.allmenu h1 .utile-wrap > li > a {font-size: 15px;}
	.allmenu h1 > a{width:150px; height:55px;}
	.allmenu h1 {margin: 12px auto; width: 95%;align-items: flex-start; gap: 20px; flex-direction: column;}
	.allmenu button.btn-x{right: 4%; top:27px;}
	.allmenu .allmenuwrap .boxwrap{padding:20px 0;}
	.allmenu .allmenuwrap .boxwrap > h2 {font-size: 20px;}
	.allmenu .allmenuwrap .boxwrap > ul {width: 100%;justify-content: flex-start;row-gap: 10px;margin-top: 10px;}
	.allmenu .allmenuwrap .boxwrap > ul > li > a {font-size: 14px;}
    .allmenu h1 .utile-wrap {padding-bottom: 0;}
}