/* BASIC css start */
.wrap_inner {
    width: auto;
}

.pc-herci{
    display:inline-block;
    width:10px;
    height:10px;
    background:transparent;
    position: absolute;
    top: 0;
    left: 0;
}

/* header */
#header {position:relative; z-index:200; width:100%; height:116px; text-align:center;}
.header-wrap {
    display: flex;
    align-items: center;
    background: #ffffff;
    height: 80px;
    padding: 0 20px;
    gap: 30px;
}
#header .hgroup {position:relative; width:100%; }
#header h1 {display:inline-block;}
#header h1 .nlogo {display:none;}
#header h1 .nlogo img {margin-top:32px;}
#header h1 .slogo {display:block;}
#header .gnb {
    position: relative;
    margin-left: auto;
}
#header .gnb > ul {
    display: flex;
    gap: 20px;
}
#header .gnb > ul > li {position:relative; }
#header .gnb > ul > li > a {display: flex; align-items: center; height: 40px; color:#fff; font-size:14px; text-transform: uppercase;}
#header .gnb > ul > li .submenu {display:none; position:absolute; left:0; top:40px; z-index:5;  border:1px solid #cecece; background:#fff;}
#header .gnb > ul > li .submenu > ul {padding:10px;}
#header .gnb > ul > li .submenu > ul > li {padding-top:10px;}
#header .gnb > ul > li .submenu > ul > li:first-of-type {padding-top:0;}
#header .gnb > ul > li .submenu.lang {width:83px; text-align:left; right: 0; transform: translateX(-50%);}
#header .gnb > ul > li .submenu.lang > ul > li img {margin-right:5px; vertical-align:top;}
#header .gnb > ul > li .submenu.lang > ul > li a {font-size:11px; line-height:18px;}
#header .gnb > ul > li .submenu.mypage {left:50%; width:92px; transform: translateX(-50%); text-align:center;}
#header .gnb > ul > li .submenu.mypage > ul > li a .cpn_count {color:#ff0000; font-size:inherit;}
#header .gnb > ul > li:hover .submenu {display:block;}
#header .util {position:absolute; right:20px; top:51px; z-index:10;}
#header .util .searchform {float:left; position:relative;}
#header .util .searchform .box1 {position:relative; width:136px; height:36px; padding-right:50px; background:url('/design/ooo1069/2018_renew/img/bg/search.png') no-repeat left top;}
#header .util .searchform .box1 .MS_search_word {width:100%; height:36px; padding:0; border:0; background:none; color:#333; font-size:11px; text-indent:23px; line-height:36px;}
#header .util .searchform .box1 .btn_search {position:absolute; right:0; top:0; z-index:5; width:50px; height:36px; background:url('/design/ooo1069/2018_renew/img/button/top_search.png') no-repeat center; cursor:pointer;}
#header .util .searchform .box2 {position:relative; width:63px; height:29px; padding-right:15px; border-bottom:1px solid #cecece;}
#header .util .searchform .box2 .MS_search_word {width:100%; height:29px; padding:0; border:0; background:none; color:#a8a8a8; font-size:11px; line-height:29px;}
#header .util .searchform .box2 .btn_search {position:absolute; right:0; top:0; z-index:5; width:14px; height:32px; background:url('/design/ooo1069/2018_renew/img/button/top_search2.png') no-repeat center; cursor:pointer;}
#header .util .cart {float:left; position:relative; width:40px; height:40px; margin-left:18px; background:url('/design/ooo1069/2018_renew/img/common/icon_cart.png') no-repeat left top / cover;}
#header .util .cart a {display:block; height:inherit;}
#header .util .cart .qty {float:left; width:28px; padding-top:13px; text-align:center; font-size:13px; line-height:1;}
#header .hot_keyword {display:none; position:absolute; right:0; top:52px; border:1px solid #333; width:285px; background:#fff; text-align:left;}
#header .hot_keyword .inner {position:relative; padding:25px;}
#header .hot_keyword .close {position:absolute; right:35px; top:25px; z-index:5; cursor:pointer;}
#header .hot_keyword .title {padding:10px 0 35px; color:#b2b2b2; line-height:1;}
#header .hot_keyword ul > li a {color:#333; font-size:13px; line-height:1.6;}
#header .hot_keyword ul > li a:hover {/*background:#efefef;*/}
#header .hot_keyword ul > li.t1 a {font-size:16px;}
#header .hot_keyword ul > li.t2 a {font-size:20px;}
#header .hot_keyword ul > li.t3 a {font-size:15px;}
#header .hot_keyword ul > li.t4 a {font-size:18px;}
#header .lnb {position:relative;}
#header .lnb .cate {font-size:0; text-align:center; letter-spacing:-4px;}
#header .lnb .cate > li {display:inline-block; position:relative; height:40px; margin:0 11px; text-align:center; letter-spacing:0;}
#header .lnb .cate > li > a {display:block; height:40px; color:#000; font-size:14px; font-weight:300; line-height:40px;}

/* s: 메뉴 폰트 수정 */
#header .lnb .cate > li > a b {
    font-size: 14px;
    font-weight: 400;
}
/* e: 메뉴 폰트 수정 */

#header .lnb .cate > li > a.arr {padding-right:12px; background:url('/design/ooo1069/2018_renew/img/common/arr_submenu.png') no-repeat right 8px;}
/*0913 lnb 무료 배송 추가*/
#header .lnb .cate > li > a.free-delivery{
    position:relative;
    padding-right:47px;
}

#header .lnb .cate > li > a.free-delivery::after{
    content:'';
    position:absolute;
    top: 8px;
    right:0;
    width:43px;
    height:21px;
    background:url('/design/ooo1069/2018_renew/img/common/icon_free_black.png')no-repeat center center;
    background-size:cover;
    animation-name: bounce-bottom;
    animation-duration: 2s;
    animation-delay: 2s;
    animation-direction: linear;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
}

#header .gnb > ul > .basket-wrap > a {
    position: relative;
}

#header .gnb > ul > .basket-wrap > a .basket-cnt {
    position: absolute;
    top: 7px;
    right: -6px;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: #000;
    color: #fff;
    font-size: 9px;
    text-align: center;
}

#header .gnb > ul > .basket-wrap > a .basket-cnt span {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 9px;
}

#header .gnb > ul > li .submenu.service {
    width: 120px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

#header .gnb > ul > li.mymenu > a {
    position: relative;
}

#header .gnb > ul > li.mymenu > a .txt {
    position: absolute;
    left: 50%;
    top: -14px;
    transform: translateX(-50%);
    font-size: 9px;
    line-height: 17px;
    height: 16px;
    border-radius: 10px;
    white-space: nowrap;
    padding: 0 6px;
    background: #fff;
    color: #927f6d;
    border: 1px solid #927f6d;
}

#header .gnb > ul > li.mymenu > a .txt::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
    background: #fff;
    border: 1px solid #fff;
    border-bottom: 1px solid #927f6d;
    border-right: 1px solid #927f6d;
}

#header .gnb .search-wrap {
    display: none;
}

#header .gnb .search-wrap .search-box {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 40px;
    line-height: 40px;
}

#header .gnb .search-wrap .search-box a img {
    display: block;
}

#header .gnb .search-wrap .search-box input {
    height: 22px;
    border: 0;
    padding: 0 4px;
    border-bottom: 1px solid #fff;
    background: none;
    font-size: 12px;
}

#header h1 .slogo, #header .gnb > ul > li > a > img, #header .gnb .search-wrap img {
    filter: invert(1);
}

















@-webkit-keyframes bounce-bottom {
    0% {transform: scale(1, 1) translateY(0);}
    10% {transform: scale(1.05, 0.9) translateY(0);}
    30% {transform: scale(.95, 1.1) translateY(-8px);}
    50% {transform: scale(1.02, .95) translateY(0);}
    57% {transform: scale(1, 1) translateY(-1px);}
    64% {transform: scale(1, 1) translateY(0);}
    100% {transform: scale(1, 1) translateY(0);}
}


#header .lnb .cate > li.herci img {margin-top:-3px; vertical-align:middle;}
#header .lnb .cate > li .submenu {display:none; position:absolute; left:-20px; top:39px; background:rgba(255,255,255,0.9);}
#header .lnb .cate > li .submenu > ul {width:100px; padding:20px; text-align:left;}
#header .lnb .cate > li .submenu > ul > li {padding-top:8px;}
#header .lnb .cate > li .submenu > ul > li:first-of-type {padding-top:0;}
#header .lnb .cate > li .submenu > ul > li.made > a img,
#header .lnb .cate > li .submenu > ul > li.daeng > a img {vertical-align:middle;}
#header .lnb .cate > li:hover .submenu {display:block;}

/* header - 고정시 */
#header.fix .hgroup {position:fixed; top:0; width:100%; height:80px; }

/* 전체 카테고리 */
#allcate {display:none; position:fixed; left:0; top:0; z-index:240; width:100%; height:100%; background:#fff;}
#allcate .inner {position:relative; width:1200px; margin:0 auto; padding:126px 0 0 0; font-size:0; text-align:center;}
#allcate .logo {margin-bottom:140px;}
#allcate .close {position:absolute; right:0; top:126px; cursor:pointer;}
#allcate .col {display:inline-block; text-align:left; vertical-align:top;}
#allcate .col .title {margin-bottom:40px; padding-bottom:18px; border-bottom:1px solid #cecece; color:#333; font-size:22px; font-weight:400; line-height:1;}
#allcate .col ul.list {padding-top:25px;}
#allcate .col ul.list:first-of-type {padding-top:0;}
#allcate .col ul.list > li {color:#a8a8a8; font-size:14px; line-height:30px;}
#allcate .col ul.list > li * {font-size:inherit;}
#allcate .col ul.list > li > a{
    display:inline-block;
}
#allcate .col ul.list > li > a.free-delivery{
    position:relative;
    color:#34a571;
    padding-right: 50px;
    font-weight:bold;
}
#allcate .col ul.list > li > a.free-delivery::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:43px;
    height:21px;
    background:url('/design/ooo1069/2018_renew/img/common/icon_free_delivery.png')no-repeat center center;
    background-size:cover;
    animation-name: bounce-bottom;
    animation-duration: 2s;
    animation-delay: 2s;
    animation-direction: linear;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
}

#allcate .col ul.list > li.made img {vertical-align:middle;}
#allcate .col .txt {padding-top:25px; color:#a8a8a8; font-size:14px; line-height:22px;}
#allcate .col .txt:first-of-type {padding-top:0;}
#allcate .col .txt * {font-size:inherit;}
#allcate .col.cate {width:300px;}
#allcate .col.community {width:280px;}
#allcate .col.customer {width:370px;}
#allcate .col.sns {width:250px;}
#allcate .member {clear:both; padding:75px 0 20px; font-size:0; text-align:center;}
#allcate .member > li {display:inline-block; margin:0 11px; vertical-align:top;}
#allcate .member > li a {color:#333; font-size:13px;}

/* 컨텐츠 레이아웃 제어 */
#cnt.layout_full {width:100%;}
@media only screen and (min-width:1600px) and (max-width:100%) {
    #cnt.layout_full {width:100%;}
}
@media only screen and (max-width:1280px) {
    #cnt.layout_full {overflow:hidden; min-width:1280px; width:100%;}
}

.top-banner-wrap .top-banner {
    height: 36px;
    overflow: hidden;
}

/* s: 상단띠배너 */
.top-banner-wrap .top-banner li a {
    color: #747474;
    background: #eae5e1;
    display: block;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
/* e: 상단띠배너 */




/* BASIC css end */