@keyframes underlineAnimation {
    0% {width: 100%;}
    50% {width: 0%;}
    100% {width: 100%;}
}
@keyframes underlineAnimation2_start {
    0% {width: 0%;}
    100% {width: 100%;}
}
@keyframes underlineAnimation2_end {
    0% {width: 100%;}
    100% {width: 0%;}
}



header .header{position: fixed;width: 100%; top: 0; z-index: 3; }
header .header.transition, .inner.transition{
    transition: top 0.2s ease-in;
 }
 header .header{
     /* transition: transform 0.2s ease-in;  */
  }

header .text_underline::before {content: '';position: absolute;width: 100%;height: 2px;bottom: 0;left: 50%;background-color: #BBBBBB;transform: translateX(-50%);transition: width 0.4s ease-out; }
header .text_underline.selected::before {background-color: #000;}
header .text_underline:hover::before {content: '';background-color: #000;animation: underlineAnimation 0.2s forwards;}


header a.item__main p.text_underline::before {background-color: #000; height: 1px;animation: underlineAnimation2_end 0.2s forwards;}
header a.item__main.selected p.text_underline::before { }
header a.item__main:hover p.text_underline::before { animation: underlineAnimation2_start 0.2s forwards; }

header .item__sub p.text_underline::before {background-color: #000; height: 1px;animation: underlineAnimation2_end 0.2s forwards;}
header .item__sub.selected p.text_underline::before {animation: underlineAnimation 0.2s forwards; }
header .item__sub:hover p.text_underline::before { animation: underlineAnimation2_start 0.2s forwards; }
/* header .item__sub:hover.selected p.text_underline::before {animation: none; } */
header .item__sub:hover.selected:hover p.text_underline::before {animation: underlineAnimation 0.2s forwards;}

header .wrapper__gnb .gnb__content::-webkit-scrollbar {display: none; }
header .wrapper__gnb .gnb__content{ -ms-overflow-style: none; scrollbar-width: none; }


/****************************
*******PC(1920 ~ 1441)********
****************************/

header { background: #FFFFFF; width: 100%; height: fit-content; position: relative; z-index: 10; background: #FFF;} 
header p { pointer-events: none; }
header .out__link p::after {content: "";position: absolute;top: 50%;right : -15px;transform: translate(0, -50%);background-image: url('/resources/cms/icon/ico_out_link.png');background-size: 100%;width: 10px;height: 10px;display: block;background-repeat: no-repeat;}

header .inner__header { max-width: 1440px; margin: auto; width: 100%; }
header .country { display: flex; flex-direction: row; align-items: center; width: 100%; height: 72px; padding: 0 24px; border-bottom: 1px solid #00000026; }
header .country .desc__country p { font-family: samsungOne, Meiryo; font-size: 16px; font-weight: 400; line-height: 16px; text-align: left; }
header .country .button__color { margin-left: 16px; }
header .country .button__close { margin-left: 20px; margin-bottom: auto; margin-top: 18px;}
header .gnb { position: relative; display: flex; flex-direction: row; align-items: center; width: 100%; height: 80px; padding: 0 24px; }
header .gnb .group__button__header_menu { display: flex; flex-direction: row; gap: 0; margin-left: 66px; }
header .gnb .group__button__icon { display: flex; flex-direction: row; gap: 8px; margin-left: auto; margin-right: 36px; }
header .wrapper__dropdown { margin-left: auto; width: 308px; height: 40px; }
header .dropdown { position: relative; padding: 0 27px 0 24px; width: inherit; height: inherit; border-radius: 20px; border: 1px solid #00000033; cursor: pointer; z-index: 2; background: #fff;  transition: height 0.1s linear; overflow: hidden;}
header .dropdown .selected__dropdown { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 40px; }
header .dropdown p {font-family: samsungOne, Meiryo; font-size: 14px; font-weight: 400; line-height: 16px; text-align: left; }
header .dropdown .icon { width: 11px; height: 5.5px; z-index: 2;}
header .dropdown .icon img { width: 100%; height: 100%; }
header .dropdown .list__option { position: absolute; height: fit-content; left: 0; top: 0px; background-color: #fff; width: 100%; transition: transform  0.1s linear; transform: translateY(-100%); }
header .dropdown .list__option .item__option { display: flex; align-items: center; width: 100%; height: 40px; padding: 0 27px 0 24px;}
header .dropdown.open { -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);}
header .dropdown.open .list__option{ position: absolute; transform: translateY(0%); display: flex; flex-direction: column;}

header .dropdown.open .list__option .item__option[data-display-name="Global"] {order: 1;}
header .dropdown.open .list__option .item__option[data-display-name="Korea"] {order: 2;}
header .dropdown.open .list__option .item__option[data-display-name="Japan"] {order: 3;}
header .dropdown.open .list__option .item__option[data-display-name="Deutschland"] {order: 4;}
header .dropdown.open .list__option .item__option[data-display-name="France"] {order: 5;}
header .dropdown.open .list__option .item__option[data-display-name="Italia"] {order: 6;}
header .dropdown.open .list__option .item__option[data-display-name="Spain"] {order: 7;}
header .dropdown.open .list__option .item__option[data-display-name="Brazil"] {order: 8;}
header .dropdown.open .list__option .item__option[data-display-name="USA"] {order: 9;}

header .dropdown.open .list__option .item__option:hover { background-color: #f7f7f7; }
header .dropdown.open .icon { transform: scaleY(-1);}
header .button__color { background: #000; width: fit-content; border-radius: 20px; }
header .button__color .text { padding: 11.5px 34.5px; }
header .button__color .text p { font-family: samsungOne, Meiryo; font-size: 14px; font-weight: 700; line-height: 16.79px; text-align: center; color:#fff; }
header .button__close { width: fit-content; height: fit-content;}
header .button__close .close { width: 12px; height: 12px; }
header .button__close .close img { width: 100%; height: 100%; }
header .button__logo { width: fit-content; height: fit-content;}
header .button__logo .logo { width: 104px; height: 16px; }
header .button__logo .logo img { width: 100%; height: 100%; }
header .button__text { width: fit-content; height: fit-content; }
header .button__text p { font-family: samsungOne, Meiryo; font-size: 14px; font-weight: 700; line-height: 16.79px; text-align: left; color: #000; }
header .button__icon { width: fit-content; height: fit-content; position: relative;}
header .button__icon .icon { width: 40px; height: 40px; }
header .button__icon .icon img { width: 100%; height: 100%; }

header .background__gnb { width: 100%; min-height: 0; background:#fff; position: relative;}
header .wrapper__gnb {width: 100%;min-height: 0;
    z-index: 3;
    position: relative;}
header .wrapper__gnb .gnb__details {display: flex;width: 100%;overflow: hidden; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease-out;position: absolute;background-color: #fff;}
header .wrapper__gnb.open .gnb__details {grid-template-rows: 1fr;}
header  .dim__gnb{position: fixed;right: 0;top:0;width: 100vw;height: 100vh;background-color: #000;opacity: 0;z-index: 3;transition: opacity 0.4s linear;pointer-events: none;}
header  .dim__gnb.show{opacity: 0.5;pointer-events: all;}
header .wrapper__gnb .button__close__menu {width: 40px;height: 40px;margin-left: auto;display: block; opacity: 0;transition: opacity 0.4s linear;}
header .wrapper__gnb.open .button__close__menu{opacity: 1; pointer-events: all;}
header .layout__button__menu_close {display: flex;position: absolute;justify-content: end;width: 100%;opacity: 1; pointer-events: none;}
header .layout__button__menu_close .inner__layout__button__menu_close{padding: 20px 12px;}
header .button__close__menu .icon{width: 16.5px;height: 16.5px;margin: auto;}
header .button__close__menu .icon img{width: 100%;height: 100%;}
header .wrapper__gnb .gnb__details .inner__gnb__details {display: flex;min-height: 0;justify-content: center;}
header .wrapper__gnb .gnb__content {display: flex;flex-direction: column;position: relative;padding: 20px 24px 80px 24px;width: 100%;transition: opacity 0.3s linear, transform 0.3s linear;opacity: 0;transform: translateY(-6.25%);}
header .div__refesh{opacity: 1;transition: opacity 0.2s linear;}
header .div__refesh.changed{transition: none;opacity: 0;}
header .div__refesh_alpha_transform{opacity: 1;transition: opacity 0.2s linear , transform 0.2s ease-in;}
header .div__refesh_alpha_transform.changed{transition: none;transform: translateY(-15px);opacity: 0;}
header .wrapper__gnb.open .gnb__content{height: 660px;opacity: 1;transform: translateY(0);}
header .wrapper__gnb .gnb__content .layout__tab {display: flex;flex-direction: row;gap: 45px;}
header .wrapper__gnb .gnb__content .button__tab {position: relative; width: fit-content;/*border-bottom: 2px solid #BBBBBB*/}
header .wrapper__gnb .gnb__content .button__tab p{font-family: samsungOne, Meiryo;font-size: 24px;font-weight: 700;line-height: 53px;text-align: left;color: #BBBBBB;}
header .wrapper__gnb .gnb__content .button__tab.selected p{color: #000;}
header .wrapper__gnb .gnb__content .layout__content {margin-top: 28px;display: flex;flex-direction: row;}
header .wrapper__gnb .gnb__content .layout__content .pc_only {flex: 1;}
header .wrapper__gnb .gnb__content .layout__content >:first-child{border-right: 1px solid #bbb;}
header .wrapper__gnb .gnb__content .layout__content >:last-child{border-left: 1px solid #bbb;}
header .wrapper__gnb .gnb__content .layout__content .layout__category {display: flex;flex-direction: column;gap: 24px;padding: 0 50px 50px 0;width: 215px;}
header .wrapper__gnb .gnb__content .layout__content .list__main {display: flex;flex-direction: column;gap: 0;}
header .wrapper__gnb .gnb__content .layout__content .item__main {padding:12px 0; } 
header .wrapper__gnb .gnb__content .layout__content .item__main p {position:relative;font-family: samsungOne, Meiryo;font-size: 16px;font-weight: 700;line-height: 24px;letter-spacing: -0.01em;text-align: left;color: #000; width: fit-content;}
header .wrapper__gnb .gnb__content .layout__content .list__sub {display: flex;flex-direction: column;}
header .wrapper__gnb .gnb__content .layout__content .item__sub {cursor: pointer;padding: 7px 0;}
header .wrapper__gnb .gnb__content .layout__content .list__sub >li:first-child{padding-top: 7px;}
header .wrapper__gnb .gnb__content .layout__content .item__sub p {position:relative;font-family: samsungOne, Meiryo;font-size: 14px;font-weight: 400;line-height: 16px;letter-spacing: -0.01em;text-align: left;color: #000;}
header .wrapper__gnb .gnb__content .layout__content .item__sub.selected p {font-weight: 700;}
header .wrapper__gnb .gnb__content .layout__content .dropdown__detail.mo_open {overflow: hidden;}
header .wrapper__gnb .gnb__content .layout__content .dropdown__detail.pc_open {grid-template-rows: 1fr;flex: 1;}
header .wrapper__gnb .gnb__content .layout__content .dropdown__detail {display: grid;/* overflow: hidden;  */display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease-out;}
header .wrapper__gnb .gnb__content .layout__content .inner__dropdown__detail {display: flex;min-height: 0;}
header .wrapper__gnb .gnb__content .layout__content .content__dropdown {height: fit-content;/* padding: 28px 0; */}
header .wrapper__gnb .gnb__content .layout__content .layout__detail {flex: 1;padding: 0 50px;display: flex;flex-direction: column;gap: 40px;}
header .wrapper__gnb .gnb__content .layout__content .button__overview,
header .wrapper__gnb .gnb__content .layout__content[data-selected-value="Veterinary"] .button__detail
 {display: flex;align-items: center;width: fit-content;padding: 0 24px;height: 32px;background: #000;border-radius: 16px;}
 header .wrapper__gnb .gnb__content .layout__content .button__overview p,
 header .wrapper__gnb .gnb__content .layout__content[data-selected-value="Veterinary"] .button__detail p
  {font-family: samsungOne, Meiryo;font-size: 14px;font-weight: 700;line-height: 16.79px;text-align: center;color: #fff;}
header .wrapper__gnb .gnb__content .layout__content .button__view_more {display: flex;align-items: center;width: fit-content;padding: 0 24px;height: 40px;background: #000;border-radius: 20px;}
header .wrapper__gnb .gnb__content .layout__content .button__view_more p {text-align: center;font-family: samsungOne, Meiryo;font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;color: #fff;}
header .wrapper__gnb .gnb__content .layout__content .button__detail {display: flex;align-items: center;width: fit-content;padding: 0 24px;height: 34px;border: 1px solid #00000026;border-radius: 16px;}
header .wrapper__gnb .gnb__content .layout__content .button__detail p {font-family: samsungOne, Meiryo;font-size: 12px;font-weight: 400;line-height: 14.39px;text-align: left;color: #000;pointer-events: none;}
header .wrapper__gnb .gnb__content .layout__content .button__detail:hover {border: 1px solid #006BEA;}
header .wrapper__gnb .gnb__content .layout__content .button__detail:hover p {font-weight: 700;}



header .wrapper__gnb .gnb__content .layout__content[data-selected-value="Veterinary"] .button__detail:hover {}


header .wrapper__gnb .gnb__content .layout__content .list__detail {display: flex;flex-direction: row;flex-wrap: wrap;row-gap: 16px;column-gap: 8px;}
header .wrapper__gnb .gnb__content .layout__content .layout__thumb {padding: 0 34px 0 50px;height: fit-content;}
header .wrapper__gnb .gnb__content .layout__content .layout__thumb .thumb{width: 260px;height: 260px;border-radius: 30px;overflow: hidden; background-color: #F4F4F4;}
header .wrapper__gnb .gnb__content .layout__content .layout__thumb .thumb img{width: 100%;height: 100%;transition: transform 0.1s linear;object-fit: cover;}
header .wrapper__gnb .gnb__content .layout__content .layout__thumb .button__thumb {margin-bottom: 14px;}
header .wrapper__gnb .gnb__content .layout__content .layout__thumb .button__thumb:hover .thumb img{transform: scale(1.05);}
header .wrapper__gnb .gnb__content .layout__content .layout__thumb .desc {margin-top: 24px;width: 260px;}
header .wrapper__gnb .gnb__content .layout__content .layout__thumb .desc p {font-family: samsungOne, Meiryo;font-size: 18px;font-weight: 700;line-height: 24px;text-align: left;color: #000;width: fit-content;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
header .button__header_menu { background: #fff0; width: fit-content; border-radius: 20px; padding: 8px 14px; }
header .button__header_menu p { font-family: samsungOne, Meiryo; font-size: 14px; font-weight: 700; line-height: 16.79px; text-align: center; color:#000; pointer-events: none; }
header .button__header_menu.hover { background: #000000;}
header .button__header_menu.hover p { color: #fff;}
header .div__open {width: fit-content;}


header .search_bg{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: 10;background-color: rgba(0,0,0,0.9);display: none;}
header .search_bg.show{display: block;}
header .layout__search{display: flex;flex-direction: column;justify-content: center;gap: 26px;width: 684px;margin:  102px auto;}
header .title__search{color: #FFF;text-align: center;font-family: samsungSharpSans,arial,sans-serif;font-size: 38px;font-style: normal;font-weight: 700;line-height: 58px; /* 152.632% */}
header .button__close_search {position: absolute;width: 36px;height: 36px;top: 24px;right: 24px;    /* margin: 26px 21px 0 auto; */}
header .layout__login{position: absolute;z-index: 10;right: 13px;transform: scale(0);    transition: transform 0.125s ease-in, opacity 0.125s ease-in;    transform-origin: top right;opacity: 0;}
header .button__icon:hover .layout__login{transform: scale(1);opacity: 1;}
header .layout__login .login{border-radius: 20px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.20);padding: 24px 16px;}
header .layout__login .login .content__login{width: 184px;height: fit-content;}
header .input__search{display: flex;flex-direction: row;padding: 4px 16px;flex: 1;height: 48px;background: #F7F7F7;border-radius: 24px;gap: 8px;}
header .input__search input{flex: 1;background: transparent;color: #000;font-family: samsungOne, Meiryo;font-size: 18px;font-style: normal;font-weight: 400;line-height: 1;}
header .input__search .icon {width: 40px;height: 40px;}
header .input__search .icon img{width: 100%;height: 100%;}
header  .button__why_sign_up{width: fit-content;display: flex;width: 100%;;  flex-direction: row;gap: 8px;justify-content: space-between; align-items: center; height: 40px;}
header  .button__why_sign_up .icon{width: 8px; height: 14px;}
header  .button__why_sign_up .icon img{width: 100%;height: auto;}
header  .button__why_sign_up p{color:#000;font-family: samsungOne, Meiryo;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}
header .button__sign_in{width: 100%; height: 40px; display: flex; align-items: center; }
header .button__sign_in p{color: #000;font-family: samsungOne, Meiryo;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 0;flex: 1;}
header .button__sign_in .my_info{ display: flex; flex-direction: row; align-items: center; gap: 4px; padding:8px 0; width: 100%; border-bottom: solid 1px #DADADA;;}
header .button__sign_in .profile{ width: 24px; height: 24px;}
header .button__sign_in .profile img{ width: 100%; height: 100%;}




.sticky__header {position: relative; height: 62px; background-color: #1C1C1C; z-index: -1; }
.sticky__header .sticky__header-inner { width: 1440px; height: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; }

.sticky__header .sticky__header-inner .breadcrumb .breadcrumb-item > * { color: #B0B0B0; font-family: samsungOne, Meiryo; font-weight: 700; font-size: 14px; font-style: normal; line-height: normal; white-space: pre; }
.sticky__header .sticky__header-inner .breadcrumb .breadcrumb-item > * { display: inline; }
.sticky__header .sticky__header-inner .breadcrumb .breadcrumb-item .breadcrumb-current { color: #FFF; }

.sticky__header .sticky__header-inner .tabs { height: 100%; display: flex; align-items: center; gap: 24px; overflow-x: scroll; }
.sticky__header .sticky__header-inner .tabs::-webkit-scrollbar { display: none; }
.sticky__header .sticky__header-inner .tabs { scrollbar-width: none; }
.sticky__header .sticky__header-inner .tabs { -ms-overflow-style: none; }
.sticky__header .sticky__header-inner .tabs .tab { position: relative; color: #B0B0B0;  font-size: 14px; font-style: normal; line-height: normal; text-wrap: nowrap; }
.sticky__header .sticky__header-inner .tabs .tab.active { color: #fff; font-family: samsungOne, Meiryo; font-weight: 700; }
.sticky__header .sticky__header-inner .tabs .tab:hover:after { content: ''; position: absolute; bottom: -4px; left: 0; display: block; width: 100%; height: 2px; background-color: #fff; }
.sticky__header .sticky__header-inner .btn__wrap { gap: 12px; }





@media only screen and (min-width: 1025px) and (max-width: 1440px) {

    header { background: #FFFFFF; width: 100%; height: fit-content; } 
    header p { pointer-events: none; }
    header .out__link p::after {top: 50%;right : -1.0417vw;transform: translate(0, -50%);background-image: url('/resources/cms/icon/ico_out_link.png');background-size: 100%;width: 0.6944vw;height: 0.6944vw;background-repeat: no-repeat;}
    
    header .inner__header { max-width: 100.00vw; margin: auto; }
    header .country { display: flex; flex-direction: row; align-items: center; width: 100%; height: 5.00vw; padding: 0 1.67vw; border-bottom: 1px solid #00000026; }
    header .country .desc__country p { font-family: samsungOne, Meiryo; font-size: 1.11vw; font-weight: 400; line-height: 1.11vw; text-align: left; }
    header .country .button__color { margin-left: 1.11vw; }
    header .country .button__close { margin-left: 1.39vw; margin-bottom: auto; margin-top: 1.25vw;}
    header .gnb { display: flex; flex-direction: row; align-items: center; width: 100%; height: 5.55vw; padding: 0 1.67vw; }
    header .gnb .group__button__header_menu { display: flex; flex-direction: row; gap: 0; margin-left: 4.58vw; }
    header .gnb .group__button__icon { display: flex; flex-direction: row; gap: 0.56vw; margin-left: auto; margin-right: 2.50vw; }
    header .wrapper__dropdown { margin-left: auto; width: 21.39vw; height: 2.78vw; }
    header .dropdown { position: relative; padding: 0 1.88vw 0 1.67vw; width: inherit; height: inherit; border-radius: 1.39vw; border: 1px solid #00000033; cursor: pointer; z-index: 2; background: #fff;  transition: height 0.1s linear; overflow: hidden;}
    header .dropdown .selected__dropdown { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 2.78vw; }
    header .dropdown p {font-family: samsungOne, Meiryo; font-size: 0.97vw; font-weight: 400; line-height: 1.11vw; text-align: left; }
    header .dropdown .icon { width: 0.76vw; height: 0.38vw; z-index: 2;}
    header .dropdown .icon img { width: 100%; height: 100%; }
    header .dropdown .list__option { position: absolute; height: fit-content; left: 0; top: 0.00vw; background-color: #fff; width: 100%; transition: transform  0.1s linear; transform: translateY(-100%); }
    header .dropdown .list__option .item__option { display: flex; align-items: center; width: 100%; height: 2.78vw; padding: 0 1.88vw 0 1.67vw;}
    header .dropdown.open { -webkit-box-shadow: 0 0.28vw 0.69vw 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0.28vw 0.69vw 0 rgba(0, 0, 0, 0.2);}
    header .dropdown.open .list__option{ transform: translateY(0%); }
    header .dropdown.open .list__option .item__option:hover { background-color: #f7f7f7; }
    header .dropdown.open .icon { transform: scaleY(-1);}
    header .button__color { background: #000000; width: fit-content; border-radius: 1.39vw; }
    header .button__color .text { padding: 0.80vw 2.40vw; }
    header .button__color .text p { font-family: samsungOne, Meiryo; font-size: 0.97vw; font-weight: 700; line-height: 1.17vw; text-align: center; color:#fff; }
    header .button__close { width: fit-content; height: fit-content;}
    header .button__close .close { width: 0.83vw; height: 0.83vw; }
    header .button__close .close img { width: 100%; height: 100%; }
    header .button__logo { width: fit-content; height: fit-content;}
    header .button__logo .logo { width: 7.22vw; height: 1.11vw; }
    header .button__logo .logo img { width: 100%; height: 100%; }
    header .button__text { width: fit-content; height: fit-content; }
    header .button__text p { font-family: samsungOne, Meiryo; font-size: 0.97vw; font-weight: 700; line-height: 1.17vw; text-align: left; color: #000; }
    header .button__icon { width: fit-content; height: fit-content;}
    header .button__icon .icon { width: 2.78vw; height: 2.78vw; }
    header .button__icon .icon img { width: 100%; height: 100%; }



    


    header .background__gnb { width: 100%; min-height: 0; background:#fff; position: relative;}
    header .wrapper__gnb {width: 100%;min-height: 0;}
    header .wrapper__gnb .gnb__details {display: flex;width: 100%;overflow: hidden; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease-out;position: absolute;background-color: #fff;}
    header .wrapper__gnb.open .gnb__details {grid-template-rows: 1fr;}
    header  .dim__gnb{position: fixed;right: 0;top:0;width: 100vw;height: 100vh;background-color: #000;opacity: 0;z-index: 3;transition: opacity 0.4s linear;pointer-events: none;}
    header  .dim__gnb.show{opacity: 0.5;pointer-events: all;}
    header .wrapper__gnb .button__close__menu {width: 2.78vw;height: 2.78vw;margin-left: auto;opacity: 0;transition: opacity 0.4s linear;}
    header .wrapper__gnb.open .button__close__menu{opacity: 1;}
    header .layout__button__menu_close {display: flex;position: absolute;justify-content: end;width: 100%;opacity: 1;}
    header .layout__button__menu_close .inner__layout__button__menu_close{padding: 1.39vw 0.83vw;}
    header .button__close__menu .icon{width: 1.15vw;height: 1.15vw;margin: auto;}
    header .button__close__menu .icon img{width: 100%;height: 100%;}
    header .wrapper__gnb .gnb__details .inner__gnb__details {display: flex;min-height: 0;justify-content: center;}
    header .wrapper__gnb .gnb__content {display: flex;flex-direction: column;position: relative;padding: 1.39vw 1.67vw 5.56vw 1.67vw;width: 100%;transition: opacity 0.3s linear, transform 0.3s linear;opacity: 0;transform: translateY(-6.25%);}
    header .div__refesh{opacity: 1;transition: opacity 0.2s linear;}
    header .div__refesh.changed{transition: none;opacity: 0;}
    header .div__refesh_alpha_transform{opacity: 1;transition: opacity 0.2s linear , transform 0.2s ease-in;}
    header .div__refesh_alpha_transform.changed{transition: none;transform: translateY(-1.04vw);opacity: 0;}
    header .wrapper__gnb.open .gnb__content{height: 45.83vw;opacity: 1;transform: translateY(0);}
    header .wrapper__gnb .gnb__content .layout__tab {display: flex;flex-direction: row;gap: 3.12vw;}
    header .wrapper__gnb .gnb__content .button__tab p{font-family: samsungOne, Meiryo;font-size: 1.67vw;font-weight: 700;line-height: 3.68vw;text-align: left;color: #BBBBBB;}
    header .wrapper__gnb .gnb__content .button__tab.selected p{color: #000;}
    header .wrapper__gnb .gnb__content .layout__content {margin-top: 1.94vw;display: flex;flex-direction: row;}
    header .wrapper__gnb .gnb__content .layout__content .pc_only {flex: 1;}
    header .wrapper__gnb .gnb__content .layout__content >:first-child{border-right: 0.07vw solid #bbb;}
    header .wrapper__gnb .gnb__content .layout__content >:last-child{border-left: 0.07vw solid #bbb;}
    header .wrapper__gnb .gnb__content .layout__content .layout__category {display: flex;flex-direction: column;gap: 1.67vw;padding: 0 3.47vw 3.47vw 0;width: 14.93vw;}
    header .wrapper__gnb .gnb__content .layout__content .list__main {display: flex;flex-direction: column;gap: 0;}
    header .wrapper__gnb .gnb__content .layout__content .item__main {padding:0.83vw 0;}
    header .wrapper__gnb .gnb__content .layout__content .item__main p {font-family: samsungOne, Meiryo;font-size: 1.11vw;font-weight: 700;line-height: 1.67vw;letter-spacing: -0.01em;text-align: left;color: #000;}
    header .wrapper__gnb .gnb__content .layout__content .list__sub {display: flex;flex-direction: column;}
    header .wrapper__gnb .gnb__content .layout__content .item__sub {width: fit-content;cursor: pointer;padding: 0.49vw 0;}
    header .wrapper__gnb .gnb__content .layout__content .list__sub >li:first-child{padding-top: 0.49vw;}
    header .wrapper__gnb .gnb__content .layout__content .item__sub p {font-family: samsungOne, Meiryo;font-size: 0.97vw;font-weight: 400;line-height: 1.11vw;letter-spacing: -0.01em;text-align: left;color: #000;}
    header .wrapper__gnb .gnb__content .layout__content .dropdown__detail.mo_open {overflow: hidden;}
    header .wrapper__gnb .gnb__content .layout__content .dropdown__detail.pc_open {grid-template-rows: 1fr;flex: 1;}
    header .wrapper__gnb .gnb__content .layout__content .dropdown__detail {display: grid;/* overflow: hidden;  */display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease-out;}
    header .wrapper__gnb .gnb__content .layout__content .inner__dropdown__detail {display: flex;min-height: 0;}
    header .wrapper__gnb .gnb__content .layout__content .content__dropdown {height: fit-content;/* padding: 1.94vw 0; */}
    header .wrapper__gnb .gnb__content .layout__content .layout__detail {flex: 1;padding: 0 3.47vw;display: flex;flex-direction: column;gap: 2.78vw;}
    header .wrapper__gnb .gnb__content .layout__content .button__overview,
    header .wrapper__gnb .gnb__content .layout__content[data-selected-value="Veterinary"] .button__detail
     {display: flex;align-items: center;width: fit-content;padding: 0 1.67vw;height: 2.22vw;background: #000;border-radius: 1.11vw;}
    header .wrapper__gnb .gnb__content .layout__content .button__overview p,
    header .wrapper__gnb .gnb__content .layout__content[data-selected-value="Veterinary"] .button__detail p
     {font-family: samsungOne, Meiryo;font-size: 0.97vw;font-weight: 700;line-height: 1.17vw;text-align: center;color: #fff;}
    header .wrapper__gnb .gnb__content .layout__content .button__view_more {display: flex;align-items: center;width: fit-content;padding: 0 1.67vw;height: 2.78vw;background: #000;border-radius: 1.39vw;}
    header .wrapper__gnb .gnb__content .layout__content .button__view_more p {text-align: center;font-family: samsungOne, Meiryo;font-size: 0.97vw;font-style: normal;font-weight: 700;line-height: normal;color: #fff;}
    header .wrapper__gnb .gnb__content .layout__content .button__detail {display: flex;align-items: center;width: fit-content;padding: 0 1.67vw;height: 2.36vw;border: 0.07vw solid #00000026;border-radius: 1.11vw;}
    header .wrapper__gnb .gnb__content .layout__content .button__detail p {font-family: samsungOne, Meiryo;font-size: 0.83vw;font-weight: 400;line-height: 1.00vw;text-align: left;color: #000;pointer-events: none;}
    header .wrapper__gnb .gnb__content .layout__content .button__detail:hover {border: 0.07vw solid #006BEA;}
    header .wrapper__gnb .gnb__content .layout__content .button__detail:hover p {font-weight: 700;}
    header .wrapper__gnb .gnb__content .layout__content .list__detail {display: flex;flex-direction: row;flex-wrap: wrap;row-gap: 1.11vw;column-gap: 0.56vw;}
    header .wrapper__gnb .gnb__content .layout__content .layout__thumb {padding: 0 2.36vw 0 3.47vw;height: fit-content;}
    header .wrapper__gnb .gnb__content .layout__content .layout__thumb .thumb{width: 18.06vw;height: 18.06vw;border-radius: 2.08vw;overflow: hidden;}
    header .wrapper__gnb .gnb__content .layout__content .layout__thumb .thumb img{width: 100%;height: 100%;transition: transform 0.1s linear;object-fit: cover;}
    header .wrapper__gnb .gnb__content .layout__content .layout__thumb .button__thumb {margin-bottom: 0.97vw;}
    header .wrapper__gnb .gnb__content .layout__content .layout__thumb .button__thumb:hover .thumb img{transform: scale(1.05);}
    header .wrapper__gnb .gnb__content .layout__content .layout__thumb .desc {margin-top: 1.67vw;width: 18.06vw;}
    header .wrapper__gnb .gnb__content .layout__content .layout__thumb .desc p {font-family: samsungOne, Meiryo;font-size: 1.25vw;font-weight: 700;line-height: 1.67vw;text-align: left;color: #000;width: fit-content;}
    header .button__header_menu { background: #fff0; width: fit-content; border-radius: 1.39vw; padding: 0.56vw 0.97vw; }
    header .button__header_menu p { font-family: samsungOne, Meiryo; font-size: 0.97vw; font-weight: 700; line-height: 1.17vw; text-align: center; color:#000; pointer-events: none; }
    header .button__header_menu.hover { background: #000000;}
    header .button__header_menu.hover p { color: #fff;}
    header .div__open {width: fit-content;}



    header .search_bg{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: 10;background-color: rgba(0,0,0,0.9);display: none;}
    header .search_bg.show{display: block;}
    header .layout__search{display: flex;flex-direction: column;justify-content: center;gap: 1.81vw;width: 47.50vw;margin:  7.08vw auto;}
    header .title__search{color: #FFF;text-align: center;font-family: samsungSharpSans,arial,sans-serif;font-size: 2.64vw;font-style: normal;font-weight: 700;line-height: 4.03vw; /* 152.632% */}
    header .button__close_search {position: absolute;width: 2.50vw;height: 2.50vw;top: 1.67vw;right: 1.67vw;    /* margin: 1.81vw 1.46vw 0 auto; */}
    header .layout__login{position: absolute;z-index: 10;right: 0.90vw;transform: scale(0);    transition: transform 0.125s ease-in, opacity 0.125s ease-in;    transform-origin: top right;opacity: 0;}
    header .button__icon:hover .layout__login{transform: scale(1);opacity: 1;}
    header .layout__login .login{border-radius: 1.39vw;background: #FFF;box-shadow: 0.00vw 0.28vw 1.39vw 0.00vw rgba(0, 0, 0, 0.20);padding: 1.67vw 1.11vw;}
    header .layout__login .login .content__login{width: 12.78vw;height: fit-content;}
    header .input__search{display: flex;flex-direction: row;padding: 0.28vw 1.11vw;flex: 1;height: 3.33vw;background: #F7F7F7;border-radius: 1.67vw;gap: 0.56vw;}
    header .input__search input{flex: 1;background: transparent;color: #000;font-family: samsungOne, Meiryo;font-size: 1.25vw;font-style: normal;font-weight: 400;line-height: 1;}
    header .input__search .icon {width: 2.78vw;height: 2.78vw;}
    header .input__search .icon img{width: 100%;height: 100%;}
    header  .button__why_sign_up{width: fit-content;display: flex;width: 100%;;  flex-direction: row;gap: 0.56vw;justify-content: space-between; align-items: center; height: 2.78vw;}
    header  .button__why_sign_up .icon{width: 0.56vw; height: 0.97vw;}
    header  .button__why_sign_up .icon img{width: 100%;height: auto;}
    header  .button__why_sign_up p{color:#000;font-family: samsungOne, Meiryo;font-size: 0.97vw;font-style: normal;font-weight: 400;line-height: normal;}
    header .button__sign_in{width: 100%; height: 2.78vw; display: flex; align-items: center; }
    header .button__sign_in p{color: #000;font-family: samsungOne, Meiryo;font-size: 0.97vw;font-style: normal;font-weight: 600;line-height: normal;}
    header .button__sign_in .my_info{ display: flex; flex-direction: row; align-items: center; gap: 0.28vw; padding:0.56vw 0; width: 100%; border-bottom: solid 1px #DADADA;;}
    header .button__sign_in .profile{ width: 1.67vw; height: 1.67vw;}
    header .button__sign_in .profile img{ width: 100%; height: 100%;}
    
    .sticky__header { height: 4.31vw; }
    .sticky__header .sticky__header-inner { width: 100%; padding-right: 1.39vw; }
    .sticky__header .sticky__header-inner .breadcrumb .breadcrumb-item > * { font-size: 0.97vw; }
    .sticky__header .sticky__header-inner .tabs {  gap: 1.67vw; }
    .sticky__header .sticky__header-inner .tabs .tab { font-size: 0.97vw; }
    .sticky__header .sticky__header-inner .tabs .tab:hover::after { bottom: -0.28vw; }
    .sticky__header .sticky__header-inner .btn__wrap { gap: 0.83vw; }
    
}




@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* 
    header .m_only{ display: none; }
    header .pc_only{ display: none; }
    header .tab_only{ display: block; }
    
    header .country { height: 38px; padding: 0 10.41px 0 0; }
    header .country .desc__country p { font-size: 7px; margin-left: 254px; }
    header .country .button__close { margin-left: 10.41px; margin-bottom: auto; margin-top: 10.03px;}

    header .wrapper__dropdown {  width: 159.11px; height: 20.66px;  }
    header .dropdown { border-radius: 10.33px; padding: 0 12.4px; }
    header .dropdown .selected__dropdown { height: 20.66px; }
    header .dropdown p { font-size: 7.23px; line-height: 8.27px; }
    header .dropdown .icon { width: 5.68px; height: 2.84px; }
    header .dropdown .list__option { bottom: 20.66px; }
    header .dropdown .list__option .item__option { height: 20.66px; padding: 0 12.4px; }

    header .button__color .text { padding: 5.68px 17.55px 6.2px 17.55px; }
    header .button__color .text p { font-size: 7.23px; line-height: 8.27px; }
    header .button__close .close { width: 6.2px; height: 6.2px; }

    header .button__icon .icon { width: 40px; height: 40px; }
    header .button__logo .logo { width: 100px; height: auto; }

    header .gnb { height: 56px; padding: 0 13.51px 0 24px; }   
    header .gnb .group__button__icon { gap: 0px; margin-right: 0; } 
    
     */


     header .m_only{ display: none; }
     header .pc_only{ display: none; }
     header .tab_only{ display: block; }
     
     header .out__link p::after {content: "";position: absolute;top: 50%;right : -15px;transform: translate(0, -50%);background-image: url('/resources/cms/icon/ico_out_link.png');background-size: 100%;width: 10px;height: 10px;display: block;background-repeat: no-repeat;}


     header .country { height: 4.95vw; padding: 0 1.36vw 0 0; }
     header .country .desc__country p { font-size: 0.91vw; margin-left: 33.07vw; }
     header .country .button__close { margin-left: 1.36vw; margin-bottom: auto; margin-top: 1.31vw;}
 
     header .wrapper__dropdown {  width: 20.72vw; height: 2.69vw;  }
     header .dropdown { border-radius: 1.35vw; padding: 0 1.61vw; }
     header .dropdown .selected__dropdown { height: 2.69vw; }
     header .dropdown p { font-size: 0.94vw; line-height: 1.08vw; }
     header .dropdown .icon { width: 0.74vw; height: 0.37vw; }
     header .dropdown .list__option { bottom: 2.69vw; }
     header .dropdown .list__option .item__option { height: 2.69vw; padding: 0 1.61vw; }
 
     header .button__color .text { padding: 0.74vw 2.29vw 0.81vw 2.29vw; }
     header .button__color .text p { font-size: 0.94vw; line-height: 1.08vw; }
     header .button__close .close { width: 0.81vw; height: 0.81vw; }
 
     header .button__icon .icon { width: 5.21vw; height: 5.21vw; }
     header .button__logo .logo { width: 13.02vw; height: 2.02vw; }
 
     header .gnb { height: 7.29vw; padding: 0 1.76vw 0 3.13vw; }   
     header .gnb .group__button__icon { gap: 0.00vw; margin-right: 0; } 



     header .wrapper__gnb .wrapper__gnb__details {display: flex;flex-direction: row;width: 360px;position: fixed;right: 0;top: 0;width: auto;z-index: 5;}
     header .wrapper__gnb .gnb__details .inner__gnb__details {width: 360px;}
     header .wrapper__gnb .gnb__content .layout__content{flex-direction: column;}
     header .div__open {display: block;overflow: hidden; display: grid; grid-template-columns: 0fr; transition: grid-template-columns 0.4s ease-out;position: fixed;background: #fff;right: 0;top: 0;z-index: 4;}
     header .div__open.open {grid-template-columns: 1fr;}
     header .div__open .wrapper__content__div{display: flex;flex-direction: row;transition: transform 0.4s ease-out;}
     header .wrapper__gnb.open .wrapper__content__div{transform: translateX(-50%);}
     header .wrapper__gnb .gnb__content{transform: translateX(-6.25%);}
     header .wrapper__gnb.open .gnb__content{transform: translateX(0);}
     header .div__open .content__div__open {width: 360px;min-width: 360px;height: 100vh;transition: opacity 0.4s ease-out;opacity: 0;}
     header .div__open.open .content__div__open{opacity: 1;}
     header .wrapper__gnb.open .content__div__open{opacity: 0;}
     header .div__open .group__button__header_menu_mobile {display: flex;flex-direction: column;gap: 24px;padding-top: 24px;border-top: solid 1px #CCCCCC;}
     header .div__open .button__header_menu_mobile  {width: 100%;display: flex;justify-content: space-between;align-items: center;}
     header .div__open .button__header_menu_mobile .icon{width: 8px;}
     header .div__open .button__header_menu_mobile .icon img{width: 100%;height: auto;}
     header .div__open .button__header_menu_mobile p  {color: #000;font-family: samsungOne, Meiryo;font-size: 16px;font-style: normal;font-weight: 400;line-height: 125%;width: fit-content;}
     header .button__close__header{width: 40px;height: 40px;}
     header .button__close__header .icon {width: 20px;height: 20px;margin: auto;}
     header .input__search{display: flex;flex-direction: row;padding: 7px 11px;flex: 1;height: 40px;background: #F7F7F7;border-radius: 20px;margin-left: 8px;}
     header .input__search input{flex: 1;background: transparent;color: #000;font-family: samsungOne, Meiryo;font-size: 16px;font-style: normal;font-weight: 400;line-height: 1;}
     header .input__search .icon {width: 26px;height: 26px;}
     header .input__search .icon img{width: 100%;height: 100%;}
     header .button__back__header{width: 40px;height: 40px;margin-right: auto;}
     header .button__back__header .icon {width: 40px;height: 40px;}
     header .div__open .layout__button__header_close { width: 100%;display: flex;justify-content: end;padding: 8px 16px;}
     header .div__open .inner__gnb__details .layout__button__header_close {justify-content: space-between;}
     header .div__open .layout__button__header {padding: 0 24px;}
     header .div__open .inner__div__open{display: flex;min-width: 0;max-width: 360px;}
     header .div__open .layout__sign_in{display: flex;flex-direction:  column;gap: 12px;padding: 28px 24px 18px;}
     header .div__open .button__sign_in{width: fit-content;}
     header .div__open .button__sign_in p{color: #000;font-family: samsungOne, Meiryo;font-size: 16px;font-style: normal;font-weight: 400;line-height: 125%;}
     header .div__open .button__why_sign_up{width: fit-content;display: flex;flex-direction: row;gap: 8px;align-items: center;}
     header .div__open .button__why_sign_up .icon{width: 8px;}
     header .div__open .button__why_sign_up .icon img{width: 100%;height: auto;}
     header .div__open .button__why_sign_up p{color: #000;font-family: samsungOne, Meiryo;font-size: 12px;font-style: normal;font-weight: 400;line-height: 125%; /* 15px */}
     header .item__main {cursor: pointer;}
     header .item__main .wrapper__list__sub{overflow: hidden; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease-out;padding-left: 16px;}
     header .item__main.open .wrapper__list__sub {grid-template-rows: 1fr;}
     header .wrapper__gnb .gnb__content{padding: 0px 24px 60px;}
     header .wrapper__gnb .gnb__content .layout__content{margin-top: 10px;}    
     header .wrapper__gnb .gnb__content .layout__content .dropdown__detail {overflow: hidden;}
     header .wrapper__gnb .gnb__content .layout__content .dropdown__detail.open { grid-template-rows: 1fr;}
     header .wrapper__gnb .gnb__content .layout__content .dropdown__detail.pc_open {grid-template-rows: 0fr;}
     header .wrapper__gnb .gnb__content .layout__content .list__main .item__main{border-bottom: 1px solid #00000026;padding: 18px 0;}
     header .wrapper__gnb .gnb__content .layout__content .list__main .item__main:last-child {border-bottom: none;}
     header .wrapper__gnb .gnb__content .layout__content .item__sub p{margin: 7px 0;color: #000;font-family: samsungOne, Meiryo;font-size: 16px;font-style: normal;font-weight: 400;line-height: 125%; /* 20px */}
     header .wrapper__gnb .gnb__content .layout__content .button__item__main {display: flex;align-items: center;justify-content: space-between;}
     header .wrapper__gnb .gnb__content .layout__content .button__item__main p {color: #000;font-family: samsungOne, Meiryo;font-size: 18px;font-style: normal;font-weight: 700;line-height: 125%; /* 22.5px */}
     header .wrapper__gnb .gnb__content .layout__content .button__item__main .icon{width: 15px;height: 8px;}
     header .wrapper__gnb .gnb__content .layout__content .item__main .button__item__main img{width: 100%;height: 100%;}
     header .wrapper__gnb .gnb__content .layout__content .item__main.open .button__item__main img{transform: scaleY(-100%);}
     header .wrapper__gnb .gnb__content .button__tab p{line-height: 44px;}
     header .wrapper__gnb .gnb__details{display: block;position: static;}
     header .wrapper__gnb.open .gnb__content{height: 100vh;overflow: scroll;}
     header .wrapper__gnb .gnb__content .layout__content >:nth-child(n) {border: none;}
     header .wrapper__gnb .gnb__content .layout__content .layout__detail{padding: 0;}
     header .wrapper__gnb .gnb__content .layout__content .layout__thumb{padding: 0;margin-top: 58px;}
     header .wrapper__gnb .gnb__content .layout__content .layout__thumb .thumb{width: 312px;height: 312px;}
     header .wrapper__gnb .gnb__content .layout__content .layout__thumb .desc{width: 312px;height: auto;margin-bottom: 60px;}
     header .wrapper__gnb .gnb__content .layout__content .layout__detail{gap: 16px;}
     header .wrapper__gnb .gnb__content .layout__content .list__detail{gap: 8px;}
     header .wrapper__gnb .gnb__content .layout__content .layout__category{padding: 0;}
     header .wrapper__gnb .gnb__content .layout__content .layout__category{width: 100%;}
     header .wrapper__gnb .gnb__content .layout__content .list__sub {/* height: 0; */overflow: hidden;transition: height 0.2s ease-in-out;}
     header .wrapper__gnb .gnb__content .layout__content .list__sub >li:first-child {padding-top: 18px;}
     header .wrapper__gnb .gnb__content .layout__content .content__dropdown .layout__detail >:first-child{margin-top: 14px;}
     header .wrapper__gnb .gnb__content .layout__content .content__dropdown .layout__detail >:last-child{margin-bottom: 14px;}


     .sticky__header { height: 4.31vw; }
     .sticky__header .sticky__header-inner { width: 100%; padding-right: 1.39vw; }
     .sticky__header .sticky__header-inner .breadcrumb .breadcrumb-item > * { font-size: 0.97vw; }
     .sticky__header .sticky__header-inner .tabs {  gap: 1.67vw; }
     .sticky__header .sticky__header-inner .tabs .tab { font-size: 0.97vw; }
     .sticky__header .sticky__header-inner .tabs .tab:hover::after { bottom: -0.28vw; }
     .sticky__header .sticky__header-inner .btn__wrap { gap: 0.83vw; }
}



/****************************
***********(767 ~)***********
****************************/

@media only screen and (max-width: 768px){

    header .pc_only{ display: none; }
    header .tab_only{ display: none; }
    header .m_only{ display: block; }
/* 
    header .gnb { height: 55px; padding: 0 12px 0 22px; }   
    header .gnb .group__button__icon { gap: 0px;  margin-right: 0;}
    header .button__icon .icon { width: 40px; height: 40px; }
    header .button__logo .logo { width: 100px; height: auto; } 
 */

header .out__link p::after {content: "";position: absolute;top: 50%;right : -15px;transform: translate(0, -50%);background-image: url('/resources/cms/icon/ico_out_link.png');background-size: 100%;width: 10px;height: 10px;display: block;background-repeat: no-repeat;}


    header .gnb { height: 15.28vw; padding: 0 3.33vw 0 6.11vw; }   
    header .gnb .group__button__icon { gap: 0.00vw;  margin-right: 0;}
    header .button__icon .icon { width: 11.11vw; height: 11.11vw; }
    header .button__logo .logo { width: 27.78vw; height: 4.30vw; } 




    header .wrapper__gnb .wrapper__gnb__details {display: flex;flex-direction: row;width: 360px;position: fixed;right: 0;top: 0;width: auto;z-index: 5;}
    header .wrapper__gnb .gnb__details .inner__gnb__details {width: 360px;}
    header .wrapper__gnb .gnb__content .layout__content{flex-direction: column;}
    header .div__open {display: block;overflow: hidden; display: grid; grid-template-columns: 0fr; transition: grid-template-columns 0.4s ease-out;position: fixed;background: #fff;right: 0;top: 0;z-index: 5;}
    header .div__open.open {grid-template-columns: 1fr;}
    header .div__open .wrapper__content__div{display: flex;flex-direction: row;transition: transform 0.4s ease-out;}
    header .wrapper__gnb.open .wrapper__content__div{transform: translateX(-50%);}
    header .wrapper__gnb .gnb__content{transform: translateX(-6.25%);}
    header .wrapper__gnb.open .gnb__content{transform: translateX(0);}
    header .div__open .content__div__open {width: 360px;min-width: 360px;height: 100vh;transition: opacity 0.4s ease-out;opacity: 0;}
    header .div__open.open .content__div__open{opacity: 1;}
    header .wrapper__gnb.open .content__div__open{opacity: 0;}
    header .div__open .group__button__header_menu_mobile {display: flex;flex-direction: column;gap: 24px;padding-top: 24px;border-top: solid 1px #CCCCCC;}
    header .div__open .button__header_menu_mobile  {width: 100%;display: flex;justify-content: space-between;align-items: center;}
    header .div__open .button__header_menu_mobile .icon{width: 8px;}
    header .div__open .button__header_menu_mobile .icon img{width: 100%;height: auto;}
    header .div__open .button__header_menu_mobile p  {color: #000;font-family: samsungOne, Meiryo;font-size: 16px;font-style: normal;font-weight: 400;line-height: 125%;width: fit-content;}
    header .button__close__header{width: 40px;height: 40px;}
    header .button__close__header .icon {width: 20px;height: 20px;margin: auto;}
    header .input__search{display: flex;flex-direction: row;padding: 7px 11px;flex: 1;height: 40px;background: #F7F7F7;border-radius: 20px;margin-left: 8px;}
    header .input__search input{flex: 1;background: transparent;color: #000;font-family: samsungOne, Meiryo;font-size: 16px;font-style: normal;font-weight: 400;line-height: 1;}
    header .input__search .icon {width: 26px;height: 26px;}
    header .input__search .icon img{width: 100%;height: 100%;}
    header .button__back__header{width: 40px;height: 40px;margin-right: auto;}
    header .button__back__header .icon {width: 40px;height: 40px;}
    header .div__open .layout__button__header_close { width: 100%;display: flex;justify-content: end;padding: 8px 16px;}
    header .div__open .inner__gnb__details .layout__button__header_close {justify-content: space-between;}
    header .div__open .layout__button__header {padding: 0 24px;}
    header .div__open .inner__div__open{display: flex;min-width: 0;max-width: 360px;}
    header .div__open .layout__sign_in{display: flex;flex-direction:  column;gap: 12px;padding: 28px 24px 18px;}
    header .div__open .button__sign_in{width: fit-content;}
    header .div__open .button__sign_in p{color: #000;font-family: samsungOne, Meiryo;font-size: 16px;font-style: normal;font-weight: 400;line-height: 125%;}
    header .div__open .button__why_sign_up{width: fit-content;display: flex;flex-direction: row;gap: 8px;align-items: center;}
    header .div__open .button__why_sign_up .icon{width: 8px;}
    header .div__open .button__why_sign_up .icon img{width: 100%;height: auto;}
    header .div__open .button__why_sign_up p{color: #000;font-family: samsungOne, Meiryo;font-size: 12px;font-style: normal;font-weight: 400;line-height: 125%; /* 15px */}
    header .item__main {cursor: pointer;}
    header .item__main .wrapper__list__sub{overflow: hidden; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease-out;padding-left: 16px;}
    header .item__main.open .wrapper__list__sub {grid-template-rows: 1fr;}
    header .wrapper__gnb .gnb__content{padding: 0px 24px 60px;}
    header .wrapper__gnb .gnb__content .layout__content{margin-top: 10px;}    
    header .wrapper__gnb .gnb__content .layout__content .dropdown__detail {overflow: hidden;}
    header .wrapper__gnb .gnb__content .layout__content .dropdown__detail.open { grid-template-rows: 1fr;}
    header .wrapper__gnb .gnb__content .layout__content .dropdown__detail.pc_open {grid-template-rows: 0fr;}
    header .wrapper__gnb .gnb__content .layout__content .list__main .item__main{border-bottom: 1px solid #00000026;padding: 18px 0;}
    header .wrapper__gnb .gnb__content .layout__content .list__main .item__main:last-child {border-bottom: none;}
    header .wrapper__gnb .gnb__content .layout__content .item__sub p{margin: 7px 0;color: #000;font-family: samsungOne, Meiryo;font-size: 16px;font-style: normal;font-weight: 400;line-height: 125%; /* 20px */}
    header .wrapper__gnb .gnb__content .layout__content .button__item__main {display: flex;align-items: center;justify-content: space-between;}
    header .wrapper__gnb .gnb__content .layout__content .button__item__main p {color: #000;font-family: samsungOne, Meiryo;font-size: 18px;font-style: normal;font-weight: 700;line-height: 125%; /* 22.5px */}
    header .wrapper__gnb .gnb__content .layout__content .button__item__main .icon{width: 15px;height: 8px;}
    header .wrapper__gnb .gnb__content .layout__content .item__main .button__item__main img{width: 100%;height: 100%;}
    header .wrapper__gnb .gnb__content .layout__content .item__main.open .button__item__main img{transform: scaleY(-100%);}
    header .wrapper__gnb .gnb__content .button__tab p{line-height: 44px;}
    header .wrapper__gnb .gnb__details{display: block;position: static;}
    header .wrapper__gnb.open .gnb__content{height: 100vh;overflow: scroll;}
    header .wrapper__gnb .gnb__content .layout__content >:nth-child(n) {border: none;}
    header .wrapper__gnb .gnb__content .layout__content .layout__detail{padding: 0;}
    header .wrapper__gnb .gnb__content .layout__content .layout__thumb{padding: 0;margin-top: 58px;}
    header .wrapper__gnb .gnb__content .layout__content .layout__thumb .thumb{width: 312px;height: 312px;}
    header .wrapper__gnb .gnb__content .layout__content .layout__thumb .desc{width: 312px;height: auto;margin-bottom: 60px;}
    header .wrapper__gnb .gnb__content .layout__content .layout__detail{gap: 16px;}
    header .wrapper__gnb .gnb__content .layout__content .list__detail{gap: 8px;}
    header .wrapper__gnb .gnb__content .layout__content .layout__category{padding: 0;}
    header .wrapper__gnb .gnb__content .layout__content .layout__category{width: 100%;}
    header .wrapper__gnb .gnb__content .layout__content .list__sub {/* height: 0; */overflow: hidden;transition: height 0.2s ease-in-out;}
    header .wrapper__gnb .gnb__content .layout__content .list__sub >li:first-child {padding-top: 18px;}
    header .wrapper__gnb .gnb__content .layout__content .content__dropdown .layout__detail >:first-child{margin-top: 14px;}
    header .wrapper__gnb .gnb__content .layout__content .content__dropdown .layout__detail >:last-child{margin-bottom: 14px;}


    .sticky__header { height:fit-content; background-color: var(--text-color-1-black, #000); }
    .sticky__header .sticky__header-inner { height: 15.56vw; padding: 3.06vw 6.67vw; }
    .sticky__header .sticky__header-inner .breadcrumb .breadcrumb-item > .breadcrumb-link { display: none; }
    .sticky__header .sticky__header-inner .breadcrumb .breadcrumb-item > .breadcrumb-current { text-align: center; font-family: samsungSharpSans, Meiryo; font-weight: 700; font-size: 4.44vw; line-height: 10.00vw;  }
    .sticky__header .sticky__header-inner .tabs { padding: 1.67vw 6.67vw; position: absolute; left: 0; top: 15.56vw; width: 100%; height: 13.33vw; align-items: center; gap: 3.33vw; background-color: #1C1C1C;; }
    .sticky__header .sticky__header-inner .tabs .tab { text-align: center; font-size: 3.89vw; line-height: 10.00vw; }
    .sticky__header .sticky__header-inner .tabs .tab:hover::after { bottom: 1.67vw; height: 0.56vw; }
    .sticky__header .sticky__header-inner .btn__wrap { gap: 2.50vw; }
    
    .sticky__header .sticky__header-inner .breadcrumb .breadcrumb-item > * { display: none; }
    .sticky__header .sticky__header-inner .breadcrumb .breadcrumb-item .breadcrumb-current { display: inline; }
}