/* BASIC css start */
.minSizeWrap {position:relative;width:1200px;margin: 0 auto;}

/* 우측 고정 윙 */
.asideMenu{display: none; position: absolute;top: 240px;left: 50%;z-index: 99;background-color:#fff;margin-left: 710px;width: 70px;overflow: hidden;}
.asideMenu.hdPosition {top: 160px;}
.asideMenu.act{position: fixed; top: 160px; }
.asideMenu .utilMenu .link{display:block;font-size:12px;padding: 5px 0 5px 8px;position: relative;background: #f8f8f8;border:1px solid #ddd;border-bottom: 0;}
.asideMenu .utilMenu .link i { vertical-align:-1px;}
.asideMenu .utilMenu span.user_basket_quantity {background-color:#113e00;border-radius:50%;color: #fff;display: inline-block;width: 14px;text-align: center;height: 14px;font-size: 10px;position: absolute;right: 20px;top: 6px;line-height: 14px;}
.asideMenu .asBtn {display: block;height: 26px;line-height: 26px;text-align:center;}
.asideMenu .topBtn {background-color: #6f6f6f;color:#fff;padding-left: 5px;}

/* 최근 본 상품 */
#todayWrap  {border-top: 2px solid #545454; border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
#todayWrap .title {text-align:center;display:block;border-bottom: 1px solid #ddd;padding: 5px 0;}
#todayWrap .title a {font-size: 12px;}
#today .todaySlideArea {text-align: center;overflow:hidden;position: relative;padding: 8px 0 30px;min-height: 170px;}
#today .todaySlideArea p {color:#999;margin-top: 75px;}
#today .todaySlideArea .bx-viewport {height: 234px;overflow:hidden;}
#today .todaySlideArea li {margin-bottom: 4px;}
#today .todaySlideArea img {width: 54px;}
#today .todaySlideArea .bx-controls-direction {position: absolute;bottom: 8px;left: 0;right: 0;}
#today .todaySlideArea .bx-prev,
#today .todaySlideArea .bx-next {background:#fff;border: 1px solid #ddd;width: 22px;height: 14px;display: inline-block;margin: 0 1px;line-height: 14px;}
#today .todaySlideArea .bx-prev:hover,
#today .todaySlideArea .bx-next:hover {border: 1px solid #aaa;}
#today .todaySlideArea .bx-controls-direction .disabled { opacity:0.5; }

/* 상단 고정 배너 */
.headerFixBanner {display:block;}
.headerFixBanner.off {display:none;}
.headerFixBanner.firstView {-webkit-transition:none;transition:none;}
.headerFixBanner .topSliderWrap {position:relative;min-width:1200px;height:80px;overflow:hidden;background: #f8f8f8;}
.headerFixBanner .topSliderWrap .topSliderArea { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:80px }
.headerFixBanner .topSliderWrap .topSliderArea img{width:100%;}
.headerFixBanner .headerFixBannerBtn {position:absolute;top: 17px;left:50%;margin-left: 610px;font-size: 32px;z-index: 99;} 

#rightWings { display:none }

/* 상단고정 */
#hdWrap {position: relative; top: 0; left: 0; width: 100%; min-width: 1330px; z-index: 9999; background-color: #fff}
#hdWrap .hd_gnb_wrap {position: relative; width: 100%; background: #fff;}

/* 상단 이벤트 스와이퍼 */
#hdWrap .eventSwiper {position: absolute; opacity: 0; height: 50px; overflow: hidden; z-index: -9999;}
#hdWrap .eventSwiper.show {position: relative;; opacity: 1; z-index: 0;}
#hdWrap .eventSwiper a{display: block; font-size: 14px; font-weight: 400; line-height: 50px; text-align: center; }
#hdWrap .eventSwiper .close{position: absolute; top: 8px; right: 82px; border: none; background-color: rgba(0,0,0,0); z-index: 9;}
#hdWrap .eventSwiper .close img{display: table; margin: 0 auto;}

/* 최상단 영역  */
#hdWrap .hdTop {position: relative;max-width: 1330px;height: 150px;margin: 0 auto;padding-top: 30px;box-sizing: border-box;}
#hdWrap .hdTop .logo {display: table; position: relative; margin: 0 auto;}
#hdWrap .hdTop .logo .small {display: none;}
#hdWrap .hdTop .menu-open {position: absolute;bottom: 10px;left:0;width: 30px;height: 30px;background-color: #fff;background-image: url('/design/yamiyami/dizi/pc/gnb_menu.svg');background-position: center;background-repeat: no-repeat;}
#hdWrap .hdTop .menu-open.on {background-image: url('/design/yamiyami/dizi/pc/gnb_menu_close.svg');}
#hdWrap .hdTop .right {display: flex;position: absolute;bottom: 10px;right:0;}
#hdWrap .hdTop .user-area {position: relative;}
#hdWrap .hdTop .user-area .user {width: 28px; height: 28px; margin-left: 11px; background-color: #fff; background-image: url('/design/yamiyami/dizi/pc/gnb_user.svg'); background-position: center; background-repeat: no-repeat;}
#hdWrap .hdTop .user-area .drop {display: none; flex-direction: column;position: absolute; top: 45px; right: -83px; width: 313px; padding: 35px 24px 28px; background-color: #F8F3F0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); box-sizing: border-box; z-index: 1;}
#hdWrap .hdTop .user-area .drop.on {display: flex;}
#hdWrap .hdTop .user-area .drop:after {border-top: 10px solid #F8F3F0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0px solid transparent; transform: rotate(180deg); content: ""; position: absolute; top: -9px; left: 206px;}
#hdWrap .hdTop .user-area .drop a {display: table; white-space: nowrap;}
#hdWrap .hdTop .user-area .drop .a01 {margin-bottom: 20px; margin-left: 5px; color: #000; font-size: 16px; font-weight: 500;}
#hdWrap .hdTop .user-area .drop .a01 span {margin-left: 10px; color: #BC9A77; font-size: 13px; font-weight: 600;}
#hdWrap .hdTop .user-area .drop .a02 {margin: 10px 5px 10px 5px; color: #000; font-size: 14px; font-weight: 300;}
#hdWrap .hdTop .user-area .drop .a03 {display: block; width: 100%; height: 57px; margin-top: 20px; padding: 0 23px; color: #BC9A77; font-size: 16px; font-weight: 700; line-height: 55px; border: 1px solid #C8AD91; background-color: #fff; box-sizing: border-box; }
#hdWrap .hdTop .user-area .drop .a03 img {position: relative; top: 21px; float: right;}
#hdWrap .hdTop .search-open {width: 28px; height: 28px; margin-left: 11px; background-color: #fff; background-image: url('/design/yamiyami/dizi/pc/gnb_search.svg'); background-position: center; background-repeat: no-repeat;}
#hdWrap .hdTop .search-open.on{background-image: url('/design/yamiyami/dizi/pc/gnb_menu_close.svg'); opacity: 0.8;}
#hdWrap .hdTop .shopping {position: relative; width: 28px; height: 28px; margin-left: 11px; background-image: url('/design/yamiyami/dizi/pc/gnb_bag.svg'); background-position: center; background-repeat: no-repeat;}
#hdWrap .hdTop .shopping span {position: absolute; top: -5px; right: -6px; min-width: 18px; height: 18px; padding: 0 4px; color: #fff; font-size: 11px; font-weight: 500; line-height: 18px; text-align: center; border-radius: 100%; background-color: #BC9A77; box-sizing: border-box;}

@media screen and (max-width: 1360px){
    #hdWrap .hdTop .right {right: 8px;}
}

/* GNB */ 
#hdWrap .hd_gnb {max-width: 1330px; margin: 0 auto;}
#hdWrap .hd_gnb > ul {display: flex; justify-content: space-between; position: relative; width: 100%;}
#hdWrap .hd_gnb > ul li {position: relative; }
#hdWrap .hd_gnb > ul li a {color: #333; font-size: 14px; font-weight: 400; line-height: 50px;}
#hdWrap .hd_gnb > ul li.bold a{font-weight: 700;}
#hdWrap .hd_gnb > ul li.hline{    width: 1px;  background: #c3c3c3;  margin: 17px 0px;}

#hdWrap .hd_gnb .drop {display: none; flex-direction: column; position: absolute; top: 50px; left: 48%; transform: translateX(-50%); padding: 9px 45px 24px; background-color: #fff;}
#hdWrap .hd_gnb .drop li {text-align: center;}
#hdWrap .hd_gnb .drop li a {font-size: 13px; font-weight: 400; line-height: 28px !important; white-space: nowrap;}

/* 카테고리 전체보기 */ 
#hdWrap .hd_gnb_ca {display: none; width: 100%; background-color: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
#hdWrap .hd_gnb_ca .inner {display: flex; max-width: 1330px; margin: 0 auto; padding: 28px 0 10px;}
#hdWrap .hd_gnb_ca ul {display: flex; flex-direction: column;}
#hdWrap .hd_gnb_ca ul li a {font-size: 13px;font-weight: 300;line-height: 28px;}

#hdWrap .hd_gnb_ca .area01 {width: 593px; margin-right: 2%;}
#hdWrap .hd_gnb_ca .area01 .top {display: flex; margin-bottom: 11px;}
#hdWrap .hd_gnb_ca .area01 .top a {margin-right: 32px; font-size: 18px; font-weight: 800; line-height: 36px;}
#hdWrap .hd_gnb_ca .area01 .list {display: flex; flex-wrap: wrap;}
#hdWrap .hd_gnb_ca .area01 .list ul {width: calc((100% - 45px)/4); margin-bottom: 65px;}
#hdWrap .hd_gnb_ca .area01 .list ul:nth-child(4n-2) {margin-right: 45px}
#hdWrap .hd_gnb_ca .area01 .list .tit {margin-bottom: 6px;}
#hdWrap .hd_gnb_ca .area01 .list .tit a {font-size: 17px;font-weight: 600;}
#hdWrap .hd_gnb_ca .area01 .list .last {margin-top: 30px;}

#hdWrap .hd_gnb_ca .area02 {width: 210px}
#hdWrap .hd_gnb_ca .area02 ul {flex-wrap: wrap;}
#hdWrap .hd_gnb_ca .area02 a {font-size: 15px;font-weight: 400;line-height: 36px;}
#hdWrap .hd_gnb_ca .area02 .tit {margin-bottom: 11px;}
#hdWrap .hd_gnb_ca .area02 .tit a{font-size: 18px; font-weight: 800; line-height: 36px;}

#hdWrap .hd_gnb_ca .area03 {display: flex; flex-wrap: wrap; width: 500px;}
#hdWrap .hd_gnb_ca .area03 .tit {margin-bottom: 12px;}
#hdWrap .hd_gnb_ca .area03 .tit a {font-size: 18px; font-weight: 700; line-height: 36px;}
#hdWrap .hd_gnb_ca .area03 .left {width: 248px; margin-right: 8%;}
#hdWrap .hd_gnb_ca .area03 .left ul {flex-direction: row; flex-wrap: wrap;}
#hdWrap .hd_gnb_ca .area03 .left li {width: 50%;}
#hdWrap .hd_gnb_ca .area03 .left .tit {width: 100%;}
#hdWrap .hd_gnb_ca .area03 .left .center-num {margin-top: 19px; font-size: 30px; font-weight: 700; line-height: 32px;}
#hdWrap .hd_gnb_ca .area03 .left .center-time {margin-top: 11px; font-size: 13px; font-weight: 400; line-height: 19px;}
#hdWrap .hd_gnb_ca .area03 .right {display: flex; justify-content: space-between; width: calc(100% - 290px);}
#hdWrap .hd_gnb_ca .area03 .right ul {display: flex; flex-direction: column;}
#hdWrap .hd_gnb_ca .area03 .banner {width: 100%l margin-top: 30px;}
#hdWrap .hd_gnb_ca .area03 .banner a {display: table; margin-top: 12px;}

/* 검색창 */
#hdSearchWrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-top: 270px; background-color: rgba(255, 255, 255, 0.9); z-index: 9998;}
#hdSearchWrap .area {max-width: 847px; margin: 0 auto;}
#hdSearchWrap fieldset {position: relative;}
#hdSearchWrap .MS_search_word {width: 100%; height: 72px; padding-right: 55px; box-sizing: border-box; color: #000; font-size: 20px; font-weight: 300; border: none; border-bottom: 2px solid #000; background-color: rgba(0,0,0,0);}
#hdSearchWrap .srcBtn {position: absolute; bottom: 9px; right: 8px; color: #000; font-size: 36px;}
#hdSearchWrap .tagArea {display: flex; margin-top: 70px;}
#hdSearchWrap .tagArea .tabs {display: flex; flex-direction: column; margin-right: 112px;}
#hdSearchWrap .tagArea .tabs button {position: relative; margin-bottom: 25px; color: #999; font-size: 36px; font-weight: 700; background-color: rgba(0,0,0,0); white-space: nowrap; overflow: inherit;}
#hdSearchWrap .tagArea .tabs button i{display:none; position: absolute; right: -40px; top: 4px; font-size: 36px;}
#hdSearchWrap .tagArea .tabs button.on {color: #000;}
#hdSearchWrap .tagArea .tabs button.on i {display: block;}
#hdSearchWrap .tagArea .tagTab {display: flex; display: none; }
#hdSearchWrap .tagArea .tagTab ul {min-width: 185px;}
#hdSearchWrap .tagArea .tagTab li {width: 100%; padding-right: 30px; box-sizing: border-box;}
#hdSearchWrap .tagArea .tagTab ul:last-child li {padding-right: 0}
#hdSearchWrap .tagArea .tagTab a {display: table; margin-bottom: 15px; color: #000; font-size: 24px; font-weight: 400; white-space: nowrap;}

/* 상단 fixed */
#hdWrap.fixed {position: fixed;}
#hdWrap.fixed .hd_gnb_wrap {max-width: 1760px;; margin: 0 auto; }
#hdWrap.fixed .hdTop .logo {position: absolute; left: 55px; top: 18px}
#hdWrap.fixed .hdTop .logo .small {display: block;}
#hdWrap.fixed .hdTop .logo .large {display: none;}
#hdWrap.fixed .hdTop {position: absolute; max-width: none; width: 100%; height: 70px; bottom: 0;}
#hdWrap.fixed .hdTop .menu-open {left: 10px;bottom: 20px;}
#hdWrap.fixed .hdTop .right {right: 16px;bottom: 20px;}
#hdWrap.fixed .hd_gnb {display: block!important;}
#hdWrap.fixed .eventSwiper {position: absolute; opacity: 0; z-index: -9999;}
#hdWrap.fixed .hd_gnb > ul li a {line-height: 70px; }
#hdWrap.fixed .hd_gnb > ul li.hline {margin: 24px 0px;}

#hdWrap.fixed .hd_gnb .drop {top: 70px;}

@media screen and (max-width: 1600px){
    #hdWrap.fixed .hd_gnb {max-width: none; width: 100%; padding: 0 140px; box-sizing: border-box;}
}

/* BASIC css end */