.con_title{ padding: 10px 10px 0;}
.con_title .item{ width: 19px; margin: -9px 10px 0 0;}
.con_title p{ font-size: clamp(24px, 2.4vw, 62px);}
.con_title p .category_title{ margin-top: 0;}
.more_btn a{ font-size: clamp(16px, 1.3vw, 24px); max-width: 130px;}
.more_btn.pager a{ max-width: 100px;}

/* left body */
.body_wrap .left{ max-width: 70px; min-height: 100dvh;}
.body_wrap .left .logo{ height: 70px;}
.body_wrap .left .logo > a{ width: 130px; left: -10px;}
.body_wrap .left nav ul li:nth-child(even){ margin: 10px 0;}
.body_wrap .left nav ul li a{ font-size: 14px; writing-mode: vertical-rl;}
.body_wrap .left nav ul li .txt{ display: none;}
.body_wrap .left .accordion-container{ overflow: hidden;}
.body_wrap .left .accordion-header{ padding: 5px 4px 20px; font-size: 14px; writing-mode: vertical-rl;}
.body_wrap .left .accordion-icon{ right: 0; left: 0; bottom: -20px; margin: auto; width: 10px; height: 10px;}
.body_wrap .left .accordion-content{ padding: 10px 4px; font-size: 12px;}

/* right body */
.body_wrap .right{ width: 100%; max-width: calc(100% - 70px); position: relative;}
.body_wrap .right header{ width: calc(100% - 70px); height: 80px; padding: 0 10px;}
.body_wrap .right header ul li:nth-child(even){ margin: 0 5px;}
.body_wrap .right header ul li.sns{ width: 35px; height: 35px;}
.body_wrap .right header ul li.lang{ width: 80px; height: 35px; font-size: 12px;}
.lang-dropdown { right: 10px; top: 60px;}
.lang-dropdown button{ padding: 8px; font-size: 12px;}

/* pickup */
.pickup{ width: 100%; background-color: var(--color_gray);}
.pickup .slick-slider{ padding: 10px 0; box-sizing: border-box;}
.pickup .slick-slider .item{ padding: 0 5px; box-sizing: border-box;}
.pickup .slick-slider .item img{ width: 100%; display: block;}

/* bnr */
.bnr{ padding: 10px;}
.bnr .bnrlist{ grid-template-columns: repeat(1, 1fr); grid-gap: 10px;}

/* itemlist */
.itemlist{ padding-bottom: 10px;}
.itemlist .wrap{ padding: 10px; grid-template-columns: repeat(1, 1fr); gap: 10px;}
.itemlist .wrap .itembox{ padding: 10px;}

/* categories */
.categories ul{ width: 100%; padding: 10px; grid-gap: 10px 10px; grid-template-columns: repeat(1, 1fr);}
.categories ul li{ padding: 5px 10px 2px 10px;}
.categories ul li a{padding: 9px 0 4px 20px; font-size: clamp(14px, 1.3vw, 24px);}
.categories ul li a::before{ content: ""; position: absolute; top: 0; left: 4px; width: 10px; height: 18px;}

/* bloglist */
.bloglist .wrap{ padding: 10px; grid-template-columns: repeat(1,1fr); gap: 10px;}
.bloglist .wrap a .date{ margin-top: 10px;}
.bloglist .wrap a .title{ margin-top: 10px;}

/* footer */
footer.f{ padding: 40px 10px;}
footer .wrap .logo{ max-width: 120px;}
footer .wrap p:nth-of-type(1){ margin-top: 10px; font-size: 12px;}
footer .wrap p:nth-of-type(2){ margin-top: 10px; font-size: 12px;}