@import url('./my_root.css');.fx1{all:unset;appearance:none;contain:strict;list-style:none;outline-offset:0px;page-break-after:auto;scroll-smooth:initial;}.myhead { width: 100%; display: flex; align-items: center; margin: 0px auto 23px; max-width: 1722px; height: 55px; z-index: 5; }.myhead .logo { margin-left: 12.2%; width: 140px; }.myhead .logo img { width: 100%; }.fx2{backdrop-filter:none;border-spacing:0;clip-path:none;counter-reset:none;empty-cells:show;grid-template:none;hyphens:auto;}.myhead .pcMenu { margin-left: auto; display: flex; align-items: center; }.myhead .pcMenu .search_btn { width: 36px; cursor: pointer; }.myhead .pcMenu .search_btn img { width: 100%; }.myhead .pcMenu .menu_box { display: flex; align-items: center; }.fx3{image-rendering:auto;letter-spacing:normal;mask:none;opacity:1;perspective:none;pointer-events:auto;resize:none;}.myhead .pcMenu .menu_box .menu { display: flex; align-items: center; justify-content: center; text-decoration: none; margin-left: 30px; }.myhead .pcMenu .menu_box .menu p { color: var(--my-head-pc-menu-p-color); font-size: 21px; font-weight: 600; transition: all 0.3s; }.myhead .pcMenu .menu_box .menu :after { background: var(--my-head-pc-menu-after-bgcolor); border-radius: 22px; content: ''; display: block; height: 2px; margin: auto; opacity: 0; width: 37px; transition: all 0.3s; }.fx4{scroll-margin:0;tab-size:4;text-indent:0;text-shadow:none;text-transform:none;user-select:auto;vector-effect:none;}.myhead .pcMenu .menu_box .menu:hover p { color: var(--my-head-pc-menu-p-act-color); position: relative; }.myhead .pcMenu .menu_box .menu:hover :after { position: absolute; background: var(--my-head-pc-menu-after-bgcolor); border-radius: 24px; content: ''; display: block; height: 2px; margin: auto; bottom: -3px; left: 0; right: 0; opacity: 1; width: 37px; }.myhead .pcMenu .menu_box .act p { color: var(--my-head-pc-menu-p-act-color); position: relative; }.myhead .pcMenu .menu_box .act :after { position: absolute; background: var(--my-head-pc-menu-after-bgcolor); border-radius: 23px; content: ''; display: block; height: 2px; margin: auto; bottom: -3px; left: 0; right: 0; opacity: 1; width: 37px; }.fx5{white-space:normal;word-break:normal;word-spacing:normal;writing-mode:horizontal-tb;z-index:auto;aspect-ratio:auto;}.myhead .h5Menu { margin-left: auto; display: none; align-items: center; }.myhead .h5Menu .search_btn { width: 34px; cursor: pointer; margin: 0px 16px; }.myhead .h5Menu .search_btn img { width: 100%; }.myhead .h5Menu .menu_btn { width: 34px; cursor: pointer; }.myhead .h5Menu .menu_btn img { width: 100%; }.myhead .drawer_box { display: none; position: fixed; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; transition: all 0.3s; }.myhead .drawer_box .drawer_bg { width: 100%; height: 100%; background: var(--my-head-drawer-box-bg-bgcolor); backdrop-filter: blur(6px); }.myhead .drawer_box .drawer_menu { position: absolute; top: 0px; right: -690px; border-radius: 28px 0 0 0; height: 100%; width: 691px; transition: right 0.3s; }.myhead .drawer_box .drawer_menu .box { background: var(--my-head-drawer-box-menu-bg); background-color: var(--my-head-drawer-box-menu-bgcolor); height: calc(100% - 30px); overflow-x: hidden; overflow-y: auto; padding-top: 30px; width: 100%; }.myhead .drawer_box .drawer_menu .box .up .clear { width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50px; background: var(--my-head-drawer-box-menu-clear); margin: 12px 12px 0px 0px; float: right; }.myhead .drawer_box .drawer_menu .box .up .clear img { width: 23px; height: 23px; }@media screen and (max-width: 750px) { .myhead .drawer_box .drawer_menu .box .up .clear { border-radius: 13.4vw; width: 11.3vw; height: 11.3vw; margin: 3.7vw 2vw 0px 0px; } .myhead .drawer_box .drawer_menu .box .up .clear img { width: 50%; height: 50%; } }.myhead .drawer_box .drawer_menu .box .up .menu_box { width: calc(100% - 60px); }.myhead .drawer_box .drawer_menu .box .up .menu_box .menu { display: flex; align-items: center; width: 100%; height: 60px; text-decoration: none; }.myhead .drawer_box .drawer_menu .box .up .menu_box .menu .icon { display: flex; align-items: center; width: 32px; height: 100%; margin-left: 56px; }.myhead .drawer_box .drawer_menu .box .up .menu_box .menu .icon img { width: 23px; }.myhead .drawer_box .drawer_menu .box .up .menu_box .menu .txt { font-size: 18px; line-height: 25px; font-weight: 600; color: var(--my-head-drawer-box-menu-top-color); }@media screen and (max-width: 750px) { .myhead .drawer_box .drawer_menu .box .up .menu_box { width: calc(100% - 5.9vw); } .myhead .drawer_box .drawer_menu .box .up .menu_box .menu { height: 15.5vw; } .myhead .drawer_box .drawer_menu .box .up .menu_box .menu .icon { width: 9.5vw; margin-left: 5.9vw; } .myhead .drawer_box .drawer_menu .box .up .menu_box .menu .icon img { width: 6.5vw; } .myhead .drawer_box .drawer_menu .box .up .menu_box .menu .txt { font-size: 4vw; line-height: 6vw; } }.myhead .drawer_box .drawer_menu .box .below { margin: 50px 0px 20px; }.myhead .drawer_box .drawer_menu .box .below .title { padding-left: 60px; margin-bottom: 11px; color: var(--my-head-drawer-box-menu-velow-title-color); font-size: 20px; font-weight: 600; }@media screen and (max-width: 750px) { .myhead .drawer_box .drawer_menu { border-radius: 0; width: calc(100% - 22.4vw); } .myhead .drawer_box .drawer_menu .box { padding: 0; height: 100%; } .myhead .drawer_box .drawer_menu .box .below { margin: 9vw 0 5.4vw; } .myhead .drawer_box .drawer_menu .box .below .title { font-size: 3.2vw; line-height: 3.7vw; margin-bottom: 2.7vw; padding-left: 6.5vw; } }.myhead .drawer_box .drawer_search { position: absolute; top: 0px; right: -751px; height: 100%; width: 690px; transition: right 0.3s; }.myhead .drawer_box .drawer_search .return { position: absolute; top: 0px; left: -60px; width: 60px; height: 145px; background: var(--my-head-drawer-search-return-bgcolor); display: flex; align-items: center; justify-content: center; cursor: pointer; }.myhead .drawer_box .drawer_search .return img { width: 24px; }.myhead .drawer_box .drawer_search .box { background: var(--my-head-drawer-search-box-bg); background-color: var(--my-head-drawer-search-box-bgcolor); height: calc(100% - 30px); overflow-x: hidden; overflow-y: auto; padding-top: 30px; width: 100%; }.myhead .drawer_box .drawer_search .box .up { height: 45px; padding: 0px 50px; }.myhead .drawer_box .drawer_search .box .up .search_inp { width: 100%; height: 100%; display: flex; align-items: center; background: var(--my-head-drawer-search-box-up-inp-bgcolor); border-radius: 48px; position: relative; }.myhead .drawer_box .drawer_search .box .up .search_inp .icon { display: flex; align-items: center; justify-content: center; margin-left: 20px; }.myhead .drawer_box .drawer_search .box .up .search_inp .icon img { width: 20px; }.myhead .drawer_box .drawer_search .box .up .search_inp .inp { width: 100%; padding: 0px 10px; height: 100%; font-size: 15px; background: rgba(0, 0, 0, 0); border: none; outline: none; color: var(--my-head-drawer-search-box-up-inp-color); }.myhead .drawer_box .drawer_search .box .up .search_inp .inp::placeholder { color: var(--my-head-drawer-search-box-up-inp-plac-color); }.myhead .drawer_box .drawer_search .box .up .search_inp .clear_btn { display: flex; align-items: center; justify-content: center; margin-right: 20px; }.myhead .drawer_box .drawer_search .box .up .search_inp .clear_btn img { width: 20px; }.myhead .drawer_box .drawer_search .box .below { margin: 40px 0px 20px; }.myhead .drawer_box .drawer_search .box .below .search { display: none; }.myhead .drawer_box .drawer_search .box .below .search .title { padding-left: 60px; margin-bottom: 10px; color: var(--my-head-drawer-search-box-below-title-color); font-size: 20px; font-weight: 600; }.myhead .drawer_box .drawer_search .box .below .search .title span { color: var(--my-head-drawer-search-box-below-title-span-color); }@media (max-width: 750px) { .myhead .drawer_box .drawer_search { width: 100%; } .myhead .drawer_box .drawer_search .return { height: 16.2vw; width: 16vw; left: 0; } .myhead .drawer_box .drawer_search .return img { width: 5.3vw; } .myhead .drawer_box .drawer_search .box { padding-top: 6.5vw; height: calc(100% - 6.5vw); margin-left: auto; width: calc(100% - 16vw); } .myhead .drawer_box .drawer_search .box .up { height: 11.2vw; padding: 0px 3.2vw 0px 5.7vw; } .myhead .drawer_box .drawer_search .box .up .search_inp { border-radius: 13vw; } .myhead .drawer_box .drawer_search .box .up .search_inp .icon { margin-left: 5.3vw; } .myhead .drawer_box .drawer_search .box .up .search_inp .clear_btn { margin-right: 5.3vw; } .myhead .drawer_box .drawer_search .box .up .search_inp .icon,.myhead .drawer_box .drawer_search .box .up .search_inp .clear_btn { height: 11.5vw; width: 11.5vw; } .myhead .drawer_box .drawer_search .box .up .search_inp .icon img,.myhead .drawer_box .drawer_search .box .up .search_inp .clear_btn img { width: 80%; } .myhead .drawer_box .drawer_search .box .up .search_inp .inp { padding: 0px 2.7vw; font-size: 3.8vw; } .myhead .drawer_box .drawer_search .box .below { margin: 9vw 0 5.4vw; } .myhead .drawer_box .drawer_search .box .below .search .title { font-size: 3.2vw; line-height: 3.7vw; margin-bottom: 2.7vw; padding-left: 6.5vw; } }@media screen and (max-width: 1780px) { .myhead { max-width: 1575px; } }@media screen and (max-width: 1635px) { .myhead { max-width: 1430px; } }@media screen and (max-width: 1490px) { .myhead { max-width: 1285px; } }@media screen and (max-width: 1345px) { .myhead { max-width: 1140px; } }@media screen and (max-width: 1200px) { .myhead { max-width: 995px; } .myhead .pcMenu { display: none; } .myhead .h5Menu { display: flex; } }@media screen and (max-width: 1055px) { .myhead { max-width: 850px; } }@media screen and (max-width: 910px) { .myhead { max-width: 705px; } }@media screen and (max-width: 750px) { .myhead { height: 7.5vw; margin-bottom: 2.7vw; max-width: calc(100% - 10.6vw); padding: 0 5.3vw; } .myhead .logo { margin-right: auto; width: 16vw; } .myhead .h5Menu .search_btn { width: 4.8vw; margin: 0 3vw; } .myhead .h5Menu .menu_btn { width: 4.8vw; } }.back { display: none; align-items: center; justify-content: center; position: fixed; top: 100px; right: 0px; height: 40px; width: 40px; color: #fff; text-decoration: none; background: #000; border-radius: 9999px; font-size: 13px; z-index: 4; }@media screen and (max-width: 750px) { .back { margin-left: 3vw; height: 5.3vw; width: 5.3vw; font-size: 1.73vw; top: 14vw; } }