/* BASIC css start */
#rightWings { display:none }
.minSizeWrap { position:relative; width:1200px; margin:0 auto; }
#hdWrap {position: relative;top: 0;left: 0;right: 0;z-index:100;height: 200px;background: #fff;}

/* 최상단 영역  */
#hdWrap .hdTop {position:fixed;top:0;left:0;right:0;z-index: 101;border-bottom: 1px solid #dfdfdf;}
#hdWrap .hdTop .listWrap {float:left;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#hdWrap .hdTop .listWrap .list {float:left;padding: 6px 0;}
#hdWrap .hdTop .listWrap .link {position: relative;display:block;padding: 0 10px;height: 37px;line-height: 37px;}
#hdWrap .hdTop .listWrap .list:first-child .link { padding-left:0; }
#hdWrap .hdTop .listWrap .link:hover {  }
#hdWrap .hdTop .listWrap .user_basket_quantity {width: 16px;height: 16px;line-height: 16px;text-align: center;font-size:11px;display: inline-block;}

/* 최상단 왼쪽 */
#hdWrap .hdTop .ht_left {float:left;}
#hdWrap .hdTop .ht_left .ht_home {display:none; position:absolute; left:0; top:0; } 
#hdWrap .hdTop .ht_left .ht_home a {display:block;width: 50px;height:50px;line-height:50px;font-size:22px;text-align:center;}
#hdWrap .hdTop .ht_left .joinPoint { display: inline-block; position: absolute; top: 36px; left: 50%; margin-left: -32px; width: 63px; height: 16px;  line-height: 13px;   padding-top: 4px;
    text-align: center;   font-size: 11px;    -webkit-animation: joinPointAni 3s;    -webkit-animation-iteration-count: infinite;    -webkit-animation-timing-function: ease-in-out;    color: #fff;
    background: #000;    border-radius: 100px;}

#hdWrap .hdTop .ht_left .joinPoint:before {content: "";position:absolute;top: -5px;left:50%;margin-left: -2px;border-style: solid;border-width: 0 5px 6px;border-color: #000 transparent;}

/* 최상단 오른쪽 */
#hdWrap .hdTop .ht_right {float:right; }


@-webkit-keyframes joinPointAni {
  0%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  5%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg); }
  10% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg); }
  20% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  100%{ -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}

/* 신메뉴  */
.menu_wrap {
    width : 100%

}

.h_L {
    width: 1200px;
    margin: 0 auto;
}

.h_menu {
    float: left;
    font-weight: bold;
    position: relative;
    padding-left: 50px;   
}
.h_menu li { 
    float: left; 
    padding : 15px 20px;
}

#hdWrap .hdBtm .cateWrap li a {
    font-size: 16px;
}

.w_1200 {
    width: 1200px;
    margin: 0 auto;
}

.menu_pan {
    width :100%;
    background: #fff;
    position: absolute;
    left: 0;
    top:98%;
    z-index: 999;
    padding-left: 60px;
    display: none;
}
.menu_category {
    float: left;
    margin: 30px 0;
    position: relative;
}
.category:nth-child(1){
    font-weight: bold;
    text-decoration : underline;  
    text-decoration-thickness: 2px;
    text-underline-offset : 8px;
}
.category {
    padding: 7px 5px;
    /* width: 180px; */
    margin-right: 100px;
    text-align: left;
}

.category a {
    font-size:15px;

}

.category:hover {
    background-color: #eeeeee;
}


/* 중앙 로고 영역  */
#hdWrap .hdMid {text-align:center;}
#hdWrap .hdMid:after {content:"";display:block;clear:both;}
#hdWrap .hdMid .hd_logo {position: relative;width: 200px;text-align: center;top: 72px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;font-size: 42px;font-weight: 700;}
#hdWrap .hdMid .hd_logo img{margin-top: -35px;width: 370px;}

/* 카테고리, 전체메뉴 */
#hdWrap .hdBtm {position:fixed;top: 150px;left:0;right:0;height: 49px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;  border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}

/* 전체보기버튼 */
#hdWrap .hdBtm .menuArea {position:absolute;top:0;left:0; z-index: 50; }
#hdWrap .hdBtm .cartArea {position:absolute;top:0;right:0;}
#hdWrap .hdBtm .menuArea a {display:block;width: 50px;height: 50px;line-height:50px;text-align: center;     }
#hdWrap .hdBtm .cartArea a {display:block; width: 50px;height: 50px; line-height:50px; text-align: center;background: #092749; color: #fff;}
#hdWrap .hdBtm .menuArea a:hover { }
#hdWrap .hdBtm .menuArea i { font-size: 26px; vertical-align:middle; }


/* 전체보기 레이어 */
#hdWrap .hdBtm .allMenu {display:none;position:absolute;top: 0px;left:0;}
#hdWrap .hdBtm .allMenu #btn-allMenuClose {position:relative;width: 52px;height: 49px;font-size: 26px;color:#000;text-align:center;line-height: 52px;background: #fff;cursor:pointer;border: 1px solid #000;border-bottom: 1px solid #fff; /* z-index:99; */ z-index:1001; }
#hdWrap .hdBtm .allMenu .allMenuBx {position:absolute;top: 50px;left:0;right:0;width: 1200px;background: #fff;border: 1px solid #000;/* z-index: 98; */z-index:1000;overflow-x: hidden;overflow-y: scroll;height: 570px;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner {padding: 20px 0 0 34px;overflow:hidden;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList { *zoom:1;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList:after { display:block; clear:both; content:'' }
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList dl {padding: 0 30px 30px 0;float:left;width: 160px;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dt {border-bottom: 1px solid #ddd;margin-bottom: 4px;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dt a {padding-left:5px;font-size:14px;height:30px;line-height:30px;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dd a {display: block;padding: 3px 0 3px 5px;color: #777;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dd a:hover {background:#eaeaea; color:#111;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .boardList {padding-left:5px;height:44px;border-top: 1px solid #ddd;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .boardList a {display:inline-block;margin-right:35px;height:44px;line-height:44px;}


/* 카테고리 */
#hdWrap .hdBtm .cateWrap {text-align:center; /* margin: 0 50px 0 50px; */  position: relative;}
#hdWrap .hdBtm .cateWrap:after {content:"";display:block;clear:both;}
#hdWrap .hdBtm .cateWrap a {}
#hdWrap .hdBtm .cateWrap a:hover { }
#hdWrap .hdBtm .cateWrap .tmenu {position: relative;padding: 17px 32px;display: inline-block;}
#hdWrap .hdBtm .cateWrap .tmenu .depth2 { display:none; position: absolute;background: #fff;top: 49px;left: 50%;width: 118px;margin-left: -60px;padding: 10px 0;z-index: 97;border: 1px solid #dfdfdf;
    border-top: 0;}
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li a { display: block; font-size: 12px; line-height: 24px; }
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li a:hover {background:#eaeaea; color:#111; border-bottom: 0 }


/* 상단고정*/
#hdWrap.headerFix { height: 110px;-webkit-box-shadow: 0 1px 4px 0 rgba(168,168,168,0.2);-moz-box-shadow: 0 1px 4px 0 rgba(168,168,168,0.2);box-shadow: 0 1px 4px 0 rgba(168,168,168,0.2); }
#hdWrap.headerFix .hdBtm {position:fixed;top: 49px;left:0;right:0;z-index: 99;    background: #fff;}
#hdWrap.headerFix .ht_left .listWrap {}
#hdWrap.headerFix .snsArea, #hdWrap.headerFix .searchArea {}

#hdWrap.headerFix .hdMid .hd_logo {top: 0px;}
#hdWrap.headerFix .hdMid .hd_logo img{    width: 120px;} 
#hdWrap.headerFix .hdTop { background: #fff;}


/* 우측 메뉴 */
#fxedMenu { margin-top:-110px; position:fixed; top:50%; right:10px; z-index:100 }
#fxedMenu .rightMenu { width:44px }
#fxedMenu .rightMenu li { position:relative }
#fxedMenu .rightMenu li a { display:block; margin-top:-1px; width:40px; height:40px; font-size:22px; color:#383838; text-align:center; line-height:40px;  }
#fxedMenu .rightMenu li .tx { display:none; position:absolute; top:12px; right:43px; width:90px; text-align:right }
#fxedMenu .rightMenu li:hover .tx { display:block }
#fxedMenu .search { display:none;     position: absolute;  top: 0px;  right: 0px;  background-color: #e3e3e3;  width: 210px;  height: 44px;  z-index: 10;  border-radius: 100px; }
#fxedMenu .search input { width:140px; height:44px; border:none; background:none; padding-left:10px; font-size:13px; color:#000; }
#fxedMenu .search .btn_search {     position: absolute;  top: -9px;  left: 135px;  font-size: 20px;  color: #000; }
#fxedMenu .search .btn_searchClose { position:absolute; top:-9px; right:4px;  font-size:20px;/* background-color:#fff; */}


/* 검색어전체부분 */
#searchLayer_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 300px;background: rgba(255,255,255,0.95);box-shadow: 0 15px 15px 1px rgba(0,0,0,0.1);-webkit-box-shadow: 0 15px 15px 1px rgba(0,0,0,0.1);z-index: 1000; transform: translateY(-300px);
  transition: transform 0.35s ease;  will-change: transform;  pointer-events: none;}
#searchLayer_wrap.active {transform: translateY(0); pointer-events: auto;}
#searchOpen{display:inline-block;font-size: 23px;cursor:pointer;padding: 11px 20px;}

/* X 버튼 */
#searchClose {position: absolute;top: 300px;left: 0;right: 0;width: 100px;height: 50px;/* margin-left: -50px; */background: #151515;font-size: 22px;cursor: pointer;color: #fff;opacity: 0;pointer-events: none;transition: opacity 0.2s ease;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;text-align:center;margin: 0 auto;}
#searchClose i{line-height: 50px;}
#searchLayer_wrap.active #searchClose {opacity: 1; pointer-events: auto;}


/* 검색창 */
#searchLayer_wrap input {width:100%;border:0;border-bottom:2px solid #111; height:50px; line-height:50px; position:relative; font-size:18px; font-weight:400; padding-left:0px; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#searchLayer{max-width:700px; margin:0 auto; padding:90px 0px 120px 0px;}
#searchLayer form{position: relative;}
#searchLayer form a{position: absolute;top: -10px;right: -20px;padding: 20px;font-size: 25px;}

#searchLayer .hot_keyword_tit{margin-top:42px;float:left;display: inline-block; font-size:20px; }
#searchLayer .hot_keyword {margin-top:30px;line-height:38px; padding-left:0px; font-size:18px; font-weight:400;}
#searchLayer .hot_keyword li {float:left; font-size:0px;}
#searchLayer .hot_keyword li:first-child{margin-left:15px;}
#searchLayer .hot_keyword li a {color:#888; font-weight:300; font-size:13px; display:block; line-height:40px; padding:0px 10px; border:1px solid #e5e5e5; margin-right:8px; border-radius:8px;} 
#searchLayer .hot_keyword li a:hover {color:#111; border-color:#111;font-weight:500}

/* BASIC css end */