/* BASIC css start */
@font-face {
    font-family: 'MADE Mirage Medium';
    font-style: normal;
    font-weight: normal;
    src: local('MADE Mirage Medium'), url('https://img.ouimerci.co.kr/2021_re/MADE-Mirage-Medium-PERSONAL-USE.woff') format('woff');
    }
    
@font-face {
    font-family: 'MADE Mirage Thin';
    font-style: normal;
    font-weight: normal;
    src: local('MADE Mirage Thin'), url('http://img.ouimerci.co.kr/2021_re/MADE-Mirage-Thin-PERSONAL-USE.woff') format('woff');
    }
 @font-face {
    font-family: 'MADE Mirage';
    font-style: normal;
    font-weight: normal;
    src: local('MADE Mirage'), url('http://img.ouimerci.co.kr/2021_re/MADE-Mirage-Regular-PERSONAL.woff') format('woff');
    }   
    
body, h1, h2, h3, h4, p, li, a{font-family:'MADE Mirage Medium', source-han-serif-korean, serif;;font-weight:normal; letter-spacing:0.12em;;}
h5{letter-spacing: 1px;}
#preview_wrap {display:none;}

#header {width:100%; position:fixed; top:0; left:0; right:0; z-index:999; white-space:nowrap;background: #F4F4F4;height: 99px;}
#header>.top {height:45px; white-space:nowrap; color:#000; padding:0 30px; text-align:center   }
#header>.top>ul {height:45px;position: absolute;right:100px;top:7px}
#header>.top>ul.menu_group {float:left;left:100px; text-align:left}
#header>.top>ul.menu_group li{padding-right:10px;}
#header>.top>ul.etc_group li{padding-left:10px;}
#header>.top>ul.etc_group li img{width:15px;}
#header>.top>ul::before,#header>.top>ul::after {content:''; display:table;}
#header>.top>ul::after {clear:both;}
#header>.top>ul{padding-top:36px ;}

#header>.top>ul>li.search>form {display:inline-block;  display:none; opacity: 0;transition-duration: 1s; transition-delay: 1s;}
#header>.top>ul>li.search:hover form {transition-duration: 1s;  transition-delay: 1s;}
#header>.top>ul>li.cart{position:relative;}
#header>.top>ul>li.cart span{position:absolute; margin-top:5px;}

#header>.top ul li{display:inline-block}

#header .logo {width:234px;display:inline-block;margin-top: 30px;   margin-left: -117px;
    z-index: 99999;
    position: absolute;}
#header .logo>a {display:inline-block;}
#header .logo>a>img {transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); width:210px; }

.MS_search_word {
    position: absolute;
    top: 46px;
    left: -142px;
    background: #f4f4f4;
    border: 0;
    border-bottom: 1px solid;
}


.sub-tit { height:24px; margin:40px 0 10px 0; color:#222; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; text-align:left; }
.sub-tit span { display:inline-block; padding-top:2px; font-size:9px; vertical-align:top; }
.prd-sort:after { clear:both; display:block; content:''; }
.prd-sort { height:22px; padding:15px 0 0 0; }
.prd-sort .sort-count { float:left; color:#6b6b6b; }
.prd-sort .sort-list { float:right; color:#464646; }
.prd-sort .sort-list span { display:inline-block; padding:0 5px; color:#464646; }

/*해외몰 링크 연결 스타일 250414*/

#header>.top ul li.en-link {
    /*display:none;*/
    position:relative;
}
#header>.top ul li.en-link > a span {
    display:inline-block;
    padding-right:15px;
    position:relative;
}
#header>.top ul li.en-link > a span:after {
content:'';
    width:6px;
    height:6px;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%) rotate(45deg);
    transform-origin: top;
    transition: all 0.2s ease-in-out 0s;
}
#header>.top ul li.en-link.active > a span:after {
transform:translateY(0) rotate(-135deg);
    transform-origin: center;
    }


#header>.top ul li.en-link ul.lang-change {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    transition: all var(--duration-default) ease;
    background-color: #f4f4f4;
    opacity: 0;
    visibility: hidden;
}

#header>.top ul li.en-link ul.lang-change li {
    display:block;
    padding:4px 10px;
}

#header>.top ul li.en-link.active ul.lang-change {
    opacity:1;
    visibility:visible;

}
/*//해외몰 링크 연결 스타일 250414*/
/* BASIC css end */