@media only screen and (min-width:1281px) and (max-width: 1366px){ #c_static_001-1653628036408 .e_navigationF-12 .p_navCon{ font-size:14px; } } @media only screen and (min-width:770px) and (max-width: 1280px){ #c_static_001-1653628036408 .e_navigationF-12 .p_navBox1::-webkit-scrollbar { width: 0px; } #c_static_001-1653628036408 .e_navigationF-12 .p_navBox1::-webkit-scrollbar-track { background: #252525; } #c_static_001-1653628036408 .e_navigationF-12 .p_navBox1::-webkit-scrollbar-thumb { background: #545454; } #c_static_001-1653628036408 .e_navigationF-12 .p_navBox1::-webkit-scrollbar-thumb:hover { background: #fff; } #c_static_001-1653628036408 .e_navigationF-12 .p_navButton { width: 50px; display: flex; justify-content: center; padding: 10px 0; } #c_static_001-1653628036408 .e_navigationF-12 .p_navBox1 { position: fixed; top: 80px; left: 0; right: 0; background: #fff; padding: 0 50px; height: calc(0vh); overflow-y: scroll; z-index: 10; max-height: 1080px; transition: all ease .3s; } #c_static_001-1653628036408 .e_navigationF-12 .p_navBox1.pkcclb { height: calc(100vh); display:block; } #c_static_001-1653628036408 .e_navigationF-12 .p_navItem1 { border-bottom: 1px solid rgb(255 255 255 / 10%); padding: 0; } #c_static_001-1653628036408 .e_navigationF-12 .p_navItem1:last-child { margin-bottom: 100px; } #c_static_001-1653628036408 .e_navigationF-12 .p_navCon { display: flex; justify-content: space-between; color: #000; line-height: 60px; font-size: 16px; align-items: center; } #c_static_001-1653628036408 .e_navigationF-12 .p_navCon2 { padding: 10px 20px; font-size: 14px; color: #000; text-align: left; border: 0; margin: 0; } #c_static_001-1653628036408 .e_navigationF-12 .p_navCon3 { display: flex; justify-content: space-between; padding: 0; color: rgb(255 255 255 / 60%); font-size: 14px; } #c_static_001-1653628036408 .e_navigationF-12 .p_navItem1 > p svg, .e_navigationF-12 .p_navItem2 > p svg, .e_navigationF-12 .p_level3Item > p svg { width: auto; margin: 0px 0; opacity: .7; cursor: pointer; transition: all ease .3s; display:block; } .e_navigationF-12 .p_navItem2 > p svg{ display:none; } #c_static_001-1653628036408 .e_navigationF-12 .p_navItem1 > p a { padding: 0; } #c_static_001-1653628036408 .e_navigationF-12 .p_navItem1 > p:hover { color: #000; } #c_static_001-1653628036408 .e_navigationF-12 .p_navItem2 .p_img, .e_navigationF-12 .p_level3Item span { opacity: .8; } #c_static_001-1653628036408 .e_navigationF-12 .p_navItem2 .p_img img { width: 23px; margin-right: 10px; } #c_static_001-1653628036408 .e_navigationF-12 .p_navBox2 { display: none; opacity: 1; visibility: visible; background: none; width: 100%; position: static !important; transform: inherit; } #c_static_001-1653628036408 .e_navigationF-12 .p_navBox2 ul { padding: 0px 0 10px; } #c_static_001-1653628036408 .e_navigationF-12 .p_level3Box { display: none; } #c_static_001-1653628036408 .e_navigationF-12 .p_level3Item { width: 100%; margin: 0; } #c_static_001-1653628036408 .e_navigationF-12 .p_level3Item span, .e_navigationF-12 .p_level4Item span { display: none; } #c_static_001-1653628036408 .e_navigationF-12 .p_level4Box { display: none; } #c_static_001-1653628036408 .e_navigationF-12 .p_level3Item .p_menuItem { font-size: 14px; } #c_static_001-1653628036408 .e_navigationF-12 .p_level4Item .p_menuItem::before { display: none; } #c_static_001-1653628036408 .e_navigationF-12 p svg.rotate { transform: rotate(90deg); } #c_static_001-1653628036408 .e_navigationF-12 .p_navItem2 { margin-bottom: 7px; } #c_static_001-1653628036408 .e_navigationF-12 .p_navItem2 span { display: flex; flex-direction: column; justify-content: center; } #c_static_001-1653628036408 .e_navigationF-12 .haveThree .p_navBox2 { padding: 0; } #c_static_001-1653628036408 .e_navigationF-12 .haveThree .p_navItem2 { margin-right: 0; } #c_static_001-1653628036408 .e_navigationF-12 .haveThree .p_navItem2 a { font-size: 14px; font-weight: 500; letter-spacing: 0px; } #c_static_001-1653628036408 .e_navigationF-12 .haveThree .p_level3Box { margin: 0; padding: 0; border: 0; } #c_static_001-1653628036408 .e_navigationF-12 .p_level3Item:first-child { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgb(255 255 255 / 20%); margin-right: 0; } #c_static_001-1653628036408 .e_navigationF-12 .p_level3Item:last-child { padding: 0 0 20px; } #c_static_001-1653628036408 .e_navigationF-12 .p_navItem2 img { width: auto; max-width: 23px; margin-right: 10px; } #c_static_001-1653628036408 .e_navigationF-12 .p_level4Item:first-child { margin-top: 20px; } #c_static_001-1653628036408 .e_navigationF-12 .p_level4Item:last-child { margin-bottom: 20px; } #c_static_001-1653628036408 .e_navigationF-12 .haveThree .p_level4Box { margin: 0; } #c_static_001-1653628036408 .e_navigationF-12 .p_navBox1.isdesign { height: calc(100vh); display: none; } }