/* BASIC css start */
#naverTalkTalk {position: fixed; bottom: 100px; right: 30px; z-index: 9999; width: 60px; height: 60px; text-align: center; line-height: 30px; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none;}
#naverTalkTalk {transition-duration: 0.35s; transition-property: bottom;}
#naverTalkTalk img {width: 60px;}
#naverTalkTalk.up {bottom: 170px;}
#kakaoPlusFriend {position: fixed; bottom: 30px; right: 30px; z-index: 9999; width: 60px; height: 60px; text-align: center; line-height: 30px; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none;}
#kakaoPlusFriend {transition-duration: 0.35s; transition-property: bottom;}
#kakaoPlusFriend img {width: 60px;}
#kakaoPlusFriend.up {bottom: 100px;}

/* 2024 12 18 renewal */

:root {--main-color: #f795b3;}
.oh {overflow: hidden !important;}
.displaynone {display: none !important;}
.clearfix:after {content: ""; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden;}
.trans1 {transition: all 0.3s ease;}
.trans2 {transition: all 0.3s ease-in-out;}
#header {z-index: 10; width: 100%; position: fixed; top: 0; left: 0;}
.goToBtn {
    position: fixed;
    right: 34px;
    bottom: 128px;
    z-index: 99999;
}
.goToBtn > a {display: block;margin-top: 6px;}
.goToBtn > a.goToDown {border-top: none;}
.goToBtn > a img {width: 50px;}


.topbnr { 
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 30px;
    line-height: 30px;
    display: none; 
    box-sizing: border-box;
}
header.active .topbnr{ border-bottom: 1px solid #000;transition: all 0.3s ease;}

.topbnr .swiper-wrapper {
    display: block;
    height: 30px;
}

.topbnr a {
    display: block;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    line-height: inherit;
}

.topbnr .btn-close {
    display: block;
    position: absolute;
    top: 50%;
    right: 43px;
    transform: translateY(-50%);
    z-index: 1;
    width: 16px;
    height: 16px;
    background: url('/design/pinkagewig/renewal_2025/close_btn_b.png') no-repeat center;
    font-size: 0;
    cursor: pointer;
    background-size: cover;
}
header {
    background: #fff;
    transition: all 0.3s ease;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
}
header *:after {
    content: none !important;
}


.all_menu {
    transition: height 0.3s ease, background 0.3s ease, opacity 0.3s ease; 
    position: absolute;
    z-index: 101;
    top: 72px;
    left: 0;
    width: 100%; 
    height: 0; 
    overflow: hidden;  
    background: transparent;
    opacity: 0;  
}
.all_menu_inner{
    padding: 0 40px 40px;
    display: flex;
    justify-content: space-between;
    }
.all_menu_inner .left {}

.all_menu_inner .left > ul {
    display: flex;
    gap: 60px;
}

.all_menu_inner .left > ul > li {
    min-width: 100px;
}
.all_menu_inner .left > ul > li:nth-child(2){padding-right:35px;}

.all_menu_inner .left > ul > li > a {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    padding: 6px 0;
}

.all_menu_inner .left > ul > li > a:hover {
    text-decoration: underline;
}

.all_menu_inner .right {
    padding-right: 123px;
}

.all_menu_inner .right > ul {
}

.all_menu_inner .right > ul > li {}

.all_menu_inner .right > ul > li > a {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    padding: 6px 0;
}

.all_menu_inner .right > ul > li > a:hover {
    text-decoration: underline;
}

.header_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    position: relative;
    min-width: 1260px;
}

.header_inner .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header_inner .menu {
}

.header_inner .menu > ul {
    display: flex;
    gap: 30px;
}

.header_inner .menu > ul > li {
    position: relative;
    padding: 24px 0;
}

.header_inner .menu > ul > li > a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.header_inner .menu > ul > li > ul {
    background: #fff;
    position: absolute;
    top: 66px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 160%;
    text-align: left;
    padding: 10px 0;
    display: none;
}
.header_inner .menu > ul > li > ul.LOOKBOOK_list{width:180px;}
.header_inner .menu > ul > li:hover > ul {display:block;}
.header_inner .menu > ul > li > ul > li {
    padding: 5px 0;
}

.header_inner .menu > ul > li > ul > li > a {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    padding: 0 10px 0 30px;
}


.header_inner .logo img {
    width: 140px;
}

.header_inner .right {}

.header_inner .right > ul {
    display: flex;
    align-items: center;
    gap: 32px;
}

.header_inner .right > ul > li {
    position: relative;
}
.header_inner .right > ul > li .cart {}
.header_inner .right > ul > li .cart a {
    display: flex;
    align-items: center;
    font-size: 13px;
}
.header_inner .right > ul > li .cart img {width: 24px;position: relative;top: -2px;}
.header_inner .right > ul > li.header-search {}
.header_inner .right > ul > li.header-search.active {}

.header_inner .right > ul > li.header-search .search_button {
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background: url('/design/pinkagewig/renewal_2025/search_black.png') no-repeat;
    background-size: cover;
    cursor: pointer;
}
.header_inner .right > ul > li.header-search.active .search_button {
    background: url('/design/pinkagewig/renewal_2025/close_btn_b.png') no-repeat;
    background-size: cover;
}

.searchLayer {
    display: none;
    background: #fff;
    position: absolute;
    top: 46px;
    left: 0;
    padding: 40px;
    z-index: 100;
}

.header_inner .right > ul > li.header-search.active .searchLayer {display:block;}
.header_inner .right > ul > li > a {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

.header_inner .right > ul > li.header-language {
    padding: 24px 0;
}

.header_inner .right > ul > li.header-language .language {
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    display: flex;
    align-items: center;
}
.header_inner .right > ul > li.header-language.active .language{}

.header_inner .right > ul > li.header-language .language img {transition: all 0.3s ease;
    width: 24px;
}
.header_inner .right > ul > li.header-language.active .language img {
    transform: rotate(180deg);
}
.header_inner .right > ul > li.header-language > ul {
    background: #fff;
    position: absolute;
    top: 66px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    text-align: left;
    padding: 10px 0;
    display: none;
}
.header_inner .right > ul > li.header-language:hover img {
    transform: rotate(180deg);
}

.header_inner .right > ul > li.header-language:hover > ul {display:block;}
.header_inner .right > ul > li.header-language > ul > li {
    padding: 5px 0;
}
.header_inner .right > ul > li.header-language > ul > li > a {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    padding: 0 30px;
}

 
.header_inner .right > ul > li.header-language > ul > li > a span.bar {
    color: #bbb;
    margin: 0 4px;
}

.searchLayer .searchBox {
    border-bottom: 2px solid #000;
    position: relative;
}

.searchLayer .searchBox input {
    height: 40px;
    line-height: 40px;
    width: 310px;
    border: 0;
    outline: 0;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}
.searchLayer .searchBox input::placeholder {
    color: #999;
}
.searchLayer .searchBox a {
    position: absolute;
    top: 0;
    right: 0;
}

.searchLayer .searchBox a img {
    width: 30px;
}

.hot_search {
    margin-top: 30px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.hot_search a {
    background: #ededed;
    font-size: 13px;
    color: #000;
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
}

.hot_search a::before {
    content: "# ";
}

.languageLayer {
    display: none;
    background: #fff;
    padding: 20px;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 48px;
    width: 300px;
}
.header_inner .right > ul > li.header-language.active .languageLayer {display:block;}

.languageLayer h3 {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    margin-bottom: 30px;
}

.languageLayer h3 .btn-close {
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url('/design/pinkagewig/renewal_2025/close_btn_b.png') no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
}
.languageLayer .select-box {
    position: relative;
    border: 1px solid #ddd;
    cursor: pointer;
}


.languageLayer .select-display {
    padding: 12px 10px;
    font-size: 13px;
    background: #fff url('/design/pinkagewig/renewal_2025/language_black.png') no-repeat right 12px center;
    background-size: 24px;
    color: #000;
}


.languageLayer .select-options {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    width: 300px;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 10;
    box-sizing: border-box;
}


.languageLayer .select-options li {
    padding: 12px 10px;
    font-size: 13px;
    cursor: pointer;
}


.languageLayer .select-options li:hover {
    background-color: #f2f2f2;
}
.languageLayer .select-display span, .languageLayer .select-options li span {
    color: #bbb;
    margin: 0 4px;
}

.languageLayer .btn-confirm {
    width: 100%;
    margin-top: 10px;
    padding: 0;
    background-color: #000;
    color: #fff;
    font-size: 13px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
}
.languageLayer .btn-confirm:hover {
    background-color: #333;
}

/* header active */
body header.active, body header.fixed { background: #fff;}
body header.active #topbanner,
body header.fixed #topbanner {border-bottom: 1px solid #000 !important;}
body header.active #topbanner .topSlider li.txt a,
body header.fixed #topbanner .topSlider li.txt a,
body header.active .header_inner .menu > ul > li > a,
body header.fixed .header_inner .menu > ul > li > a,
body header.active .header_inner .right > ul > li > a,
body header.fixed .header_inner .right > ul > li > a,
body header.active .header_inner .right > ul > li .cart a,
body header.fixed .header_inner .right > ul > li .cart a,
body header.active .header_inner .right > ul > li.header-language .language,
body header.fixed .header_inner .right > ul > li.header-language .language {color: #000 !important;}
body header.active .header_inner img,
body header.fixed .header_inner img {filter: brightness(1) invert(0) !important;}
body header.active .header_inner .right > ul > li.header-search .search_button,
body header.fixed .header_inner .right > ul > li.header-search .search_button {background: url('/design/pinkagewig/renewal_2025/search_black.png') no-repeat !important;background-size: cover !important;}
body header.active .header_inner .right > ul > li.header-search.active .search_button,
body header.fixed .header_inner .right > ul > li.header-search.active .search_button {background: url('/design/pinkagewig/renewal_2025/close_btn_b.png') no-repeat !important;background-size: cover !important;}
body header.active .all_menu,
body header.fixed .all_menu {background: #fff; opacity: 1;} 


/*상단배너 기능사용으로 인한 스타일*/ 

#topbanner .topSlider li.txt a {
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

#topbanner .topSlider li.txt {
    background: transparent !important;
    height: 30px !important;
    line-height: 30px !important;
}

#topbanner {
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    border-bottom:1px solid #000 !important;
} 

/*작은화면용*/
@media (max-width:1500px){ 
 

.header_inner .menu > ul {
    gap: 15px;
}

.header_inner .menu > ul > li > a {
    font-size: 13px;
}
 

.header_inner .right > ul {
    gap: 22px;
}

.searchLayer {margin-left: -30px;}
}
  
/* BASIC css end */