/* BASIC css start */
.loading {display:none;}
/* #wrap {overflow: initial;} */

/* 분류페이지 좌측 메뉴 - 아코디언 메뉴 (중분류) */
#aside { display:none; width: 1280px !important; margin: 0 auto !important;}
#aside .cate {width:100%; position:relative; font-size: 17px; font-weight: 500;} 
#aside .cate .menu {display:flex; position:relative; width:100%; background:transparent; margin-bottom: 15px;} 
#aside .cate .menu > a:nth-child(1) {font-size:20px; font-weight: bold;}
#aside .cate .menu i {display:block; color:#999; font-weight: 600; text-decoration:none; padding-left:15px; line-height:60px; font-size:22px; font-weight: 500;} 
#aside .cate .menu .menulink {display:block; font-family: 'YUniverse'; font-weight:600; color:#222; text-decoration:none; width:70%; line-height:60px; font-size:18px; line-height: 2.2;} 
#aside .cate .menu .subopen {position:absolute; width:20px; height:20px; right:15px; padding:0; top:0; bottom:0; margin:auto; } 
#aside .cate .menu .subopen span { position:absolute; display:block; width:8px; height:8px; top:calc(50% - 4px); left:50%; transform:translate(-50%, -50%) rotate(45deg); border-right:1px solid #222; border-bottom:1px solid #222; transition:.3s;}
#aside .cate .menu.active span {top:50%; transform:translate(-50%, -50%) rotate(-135deg);}
#aside .cate .menu.active .menulink {color:#D1AD8B;}
#aside .cate1 .menu:nth-child(3), #aside .cate1 .menu:nth-child(5) {display:block;}
#aside .cate2 .menu:nth-child(1), #aside .cate2 .menu:nth-child(5) {display:block;}
#aside .cate3 .menu:nth-child(1), #aside .cate3 .menu:nth-child(3) {display:block;}

#aside .sideMenu_loc { position: absolute; width: 250px; box-sizing: border-box; min-height: 749px; margin-top: 40px;}
#aside .sideMenu_area {position:sticky; top:138px;}
#aside h1.sideTit {font-size: 30px; font-weight: 600; margin-bottom: 30px;}
#aside .cate .deth_list {margin-bottom:40px;}
#aside .cate .deth_list > li > a {line-height:2; font-size:17px; font-weight:500;}

/* 분류페이지 좌측 메뉴 - deth2 (소분류) */
#lnb {position: relative;width: 240px; }
#lnb > ul {}
#lnb > ul .step1:nth-child(1) .deth_list li {}
#lnb > ul > li { border-bottom: 0px solid #dcdcdc; position:relative; cursor: pointer;}
/* #lnb > ul > li:nth-child(2), #lnb > ul > li:nth-child(3), #lnb > ul > li:nth-child(4), #lnb > ul > li:nth-child(5), #lnb > ul > li:nth-child(7), #lnb > ul > li:nth-child(8), #lnb > ul > li:nth-child(9), #lnb > ul > li:nth-child(10), #lnb > ul > li:nth-child(12) {display:none;} */
#lnb > ul > li > a {display: block;padding: 8px 35px 8px 1px; color: inherit; font-size: 20px; position: relative; font-weight:500;}
#lnb > ul > li > a.active {color: #FE6018;}
#lnb > ul > li > a span { position:absolute; display:block; width:8px; height:8px; top:calc(22px - 4px); right:0; transform:translate(-50%, -50%) rotate(45deg); border-right:1px solid #222; border-bottom:1px solid #222; transition:.3s;}
#lnb > ul > div > a {display: block;padding: 8px 35px 8px 1px; color: inherit; font-size: 20px; position: relative; font-weight:500; color: #FE6018;}
#lnb > ul > div.on a {color: #FE6018;}
#lnb > ul > div > ul { margin-bottom: 20px;}
#lnb > ul > div > ul > li {position: relative;}
#lnb > ul > div > ul > li > a {display: block;padding: 7px 13px; font-size: 16px; position: relative; font-weight: 500; color: #000;}
#lnb > ul > li a:hover {color: #FE6018; }
/* #lnb > ul > li.on > a {color: #FE6018; } */

#lnb > ul > li.on > a span {top:22px; transform:translate(-50%, -50%) rotate(-135deg); border-right:1px solid #000; border-bottom:1px solid #000;}
#lnb > ul > li ul {display: block; }
#lnb > ul > li > ul { margin-bottom: 20px;}
#lnb > ul > li > ul > li {position: relative;}
#lnb > ul > li > ul > li > a {display: block;padding: 7px 13px; font-size: 16px; position: relative; font-weight: 500;}
#lnb > ul > li > ul > li > a.active {color: #FE6018; }
#lnb > ul > li > ul > li > a span { position:absolute; display:block; width:6px; height:6px; top:calc(20px - 4px); right:0; transform:translate(-50%, -50%) rotate(45deg); border-right:1px solid #222; border-bottom:1px solid #222; transition:.3s;}
#lnb > ul > li > ul > li > a .depth2_arrow {display: none;}

/* 분류페이지 좌측 메뉴 - 화살표 표시 
#lnb > ul > li:nth-child(1) > ul > li:nth-child(1) > a .depth2_arrow, 
#lnb > ul > li:nth-child(1) > ul > li:nth-child(2) > a .depth2_arrow, 
#lnb > ul > li:nth-child(6) > ul > li:nth-child(1) > a .depth2_arrow, 
#lnb > ul > li:nth-child(6) > ul > li:nth-child(3) > a .depth2_arrow, 
#lnb > ul > li:nth-child(11) > ul > li:nth-child(1) > a .depth2_arrow,
#lnb > ul > li:nth-child(11) > ul > li:nth-child(2) > a .depth2_arrow,
#lnb > ul > li:nth-child(11) > ul > li:nth-child(3) > a .depth2_arrow {display:none;}*/

#lnb > ul > li > ul > li.on > a {color: #FE6018; }
#lnb > ul > li > ul > li.on a span {top:20px; transform:translate(-50%, -50%) rotate(-135deg); border-right:1px solid #FE6018; border-bottom:1px solid #FE6018;}
#lnb > ul > li > ul > li a span.on {top:20px; transform:translate(-50%, -50%) rotate(-135deg);}
#lnb > ul > li > ul li ul {display: none;padding-bottom: 0px;}
#lnb > ul > li > ul li li a {display: block;padding: 7px 27px; font-size: 16px; }
#lnb > ul > li > ul li li a.on {color: #FE6018;}
#lnb > ul > li > ul > li li a:hover {color: #FE6018;}
#lnb > ul li.noDepth a {background-image: none !important; }

#header {z-index:100;position:relative; background: #fff; letter-spacing: 1px;  top:0px;  transition:all .3s}
#header .headerGnb {position:relative; margin:0 auto; display: inline-block; left:-40px;}
#header .headerBtm { position:relative;background: #fff; z-index:1001; transition:all .3s; box-shadow: 0 1px 5px rgba(49, 49, 49, 0.1); height: 78px;}

#header.headerFix { position:fixed; left:0; right:0; transition:all .3s; width: 100%; min-width: 1360px;}
#mini_header {display:none;}

#header .headerBanner{background: #000; line-height: 36px; height: 36px;}
#header .headerBanner .headerBannerWrap{width: 1280px; margin: 0 auto; position: relative; height: 100%;}
#header .headerBanner .headerBannerSwiper{height: 100%;}
#header .headerBanner .headerBannerSwiper .swiper-slide{color: #fff; height: 100%; text-align: center; font-size: 15px; font-weight: 500;}
#header .headerBanner .bnClose{display: inline-block; position: absolute; top: 0; right: 0; z-index: 20;}
#header .headerBanner .bnClose .btnBnClose{display: block; position: relative; top: 9px;}
#header .headerBanner .bnClose i{color: #fff; font-size: 20px;}

#header .headerMid {height:55px; line-height:52px; text-align:center; display:flex; justify-content:space-between; padding:0 50px; background:#fff;}
#header .headerMid .midLeft {display:flex;}
#header .headerMid .midLeft a {display:flex; align-items: center;}
#header .headerMid .midLeft a span {font-size:15px;}
#header .headerMid .midLeft img {width:auto; height:27px;}
#header .headerMid .midLeft .gray_line {width:1px; height:27px; background:#eee; margin:0 20px; }
#header .headerMid .midLeft .headerSwiper {text-align: left; font-size:15px;}
#header .headerMid .midRight {position:relative;}
#header .headerMid .midRight ul {display:flex;}
#header .headerMid .midRight ul li {margin-left:20px;}
#header .headerMid .midRight ul li a {font-size:14px; }
#header .headerMid .midRight ul li a i {font-size:24px; margin-top: 1px;}

/* 검색창 */
#header .headerBtm li a.searchOpen { font-size:24px;cursor:pointer;vertical-align:top; }
#header .headerBtm li a.searchOpen img {/* margin-top:-14px;*/ vertical-align: inherit;}
#header .headerBtm .searchArea {position: relative; top: -7px; width:180px;}
#header .headerBtm .search { position:relative; width:100%; margin:0 auto;}
#header .headerBtm .search input {border: none;
    width: 100%;
    height: 36px;
    margin: 0 95px 0 0;
    border-bottom: 1px solid #000000;
    font-size: 15px;
    padding: 0 17px 0 32px;
    box-sizing: border-box; }
#header .headerBtm .search .btnSch { position:absolute; top:7px; }
#header .headerBtm .search .btnSch img { width: 17px; }
#header .headerBtm .search .searchClose { position:absolute; top:0; right:-50px; line-height:55px; font-size:24px; background-color:#fff; }

/* 하단 네비게이션 */
#mini_header {display:none;}
#mini_header .headerMid {height:55px; line-height:52px; text-align:center; display:flex; justify-content:space-between; padding:0 50px; background:#fff;}
#mini_header .headerMid .midLeft {display:flex;}
#mini_header .headerMid .midLeft a {display:flex; align-items: center;}
#mini_header .headerMid .midLeft a span {font-size:15px;}
#mini_header .headerMid .midLeft img {width:auto; height:27px;}
#mini_header .headerMid .midLeft .gray_line {width:1px; height:27px; background:#eee; margin:0 20px; }
#mini_header .headerMid .midLeft .headerSwiper {text-align: left; font-size:15px;}
#mini_header .headerMid .midRight {position:relative;}
#mini_header .headerMid .midRight ul {display:flex;}
#mini_header .headerMid .midRight ul li {margin-left:20px;}
#mini_header .headerMid .midRight ul li a {font-size:14px; }
#mini_header .headerMid .midRight ul li a i {font-size:24px; margin-top: 1px;}

/* 하단 네비게이션 검색창 */
#mini_header .headerMid .midRight .srchArea {display:none; position:fixed; left:0; right: 0;top: 0;bottom: 0;background-color:#fff;opacity:0.9; width: 100%;height: 100%;z-index:1002; }
#mini_header .headerMid .midRight .search { width:75%; margin:0 auto; }
#mini_header .headerMid .midRight .search fieldset { width:64%; margin:15% auto 0; text-align:center; }
#mini_header .headerMid .midRight .search input { width:84%; height:40px; border:none; background:none; font-size:20px; color:#000;border-bottom:2px solid #111; }
#mini_header .headerMid .midRight .search .btn_search { font-size:40px; }
#mini_header .headerMid .midRight .search .btn_search img {width:30px; margin-top:-25px;}
#mini_header .headerMid .midRight .search .searchClose { display: block;margin: 4% 0 3%;font-size: 40px; text-align:center  }

/* 카테고리 */
#header .headerGnb .cateWrap {position: relative; height:68px; }
#header .headerGnb .cateWrap:after {content:"";display:block;clear:both;}
#header .headerGnb .cateWrap a:hover { border-bottom:0px solid #2d2d2d }
#header .headerGnb .cateWrap .tmenu {position: relative;}
#header .headerGnb .cateWrap .tmenu li {display: inline-block;}
#header .headerGnb .cateWrap .tmenu li.category  a {}
#header .headerGnb .cateWrap .tmenu > li {margin-right: 60px;}
#header .headerGnb .cateWrap .tmenu > li > a { font-size :16px;  height:70px; line-height:68px; display:block; cursor: pointer; }
#header .headerGnb .cateWrap .tmenu > li > a:hover {font-weight: 700;}
#header .headerGnb .cateWrap .tmenu li {/*margin-right: 18px;*/ z-index: 100; position: relative; }
#header .headerGnb .cateWrap .tmenu li .help_wrap {border-radius: 8px; display: none; opacity: 0; position: absolute; z-index: 0; box-shadow: 0 5px 6px -3px rgba(49, 49, 49, 32%); width: 220px; text-align: center; background:#fff; padding: 24px; box-sizing: border-box; left: 50%; transform: translateX(-50%); top: 60px; transition: .3s; }
#header .headerGnb .cateWrap .tmenu li .help_wrap li{color:#000; padding-bottom: 15px; display: flex; justify-content: center;}
#header .headerGnb .cateWrap .tmenu li .help_wrap li:last-child {padding-bottom: 0;}
#header .headerGnb .cateWrap .tmenu li .help_wrap li a{padding-top: 6px; color:#000; font-size: 17px;}
#header .headerGnb .cateWrap .tmenu li .help_wrap li a:hover {color:#fe6018;}
#header .headerBtm .headerBtmWrap{display: flex; align-items: center; width: 96%; margin: 0 auto; position: relative; height: 100%;}
#header .headerBtm .header_logo{position: relative; top: 0; z-index: 10;}
#header .headerBtm .header_logo .gray_line {width:1px; height:27px; background:#444; margin:0 20px; position: absolute; top: 0px; right: -64px;}
#header .headerBtm .header_logo img {width: 72px;}

/* 서브카테고리1 */
#header .headerBtm .depth2 { height: 150px; padding-top: 32px; display: none; position: absolute; background: #fff; top:62px; width: 100%; padding: 22px 0 26px; z-index: 97; box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 7%);}
#header .headerBtm .depth2 .depth2_area_wrap {width:1280px; margin: 0 auto}
#header .headerBtm .depth2 .depth2_area {display:flex; justify-content: flex-start; margin-left: 230px;}
#header .headerBtm .depth2 ul {margin-right: 82px; /*border-right:1px solid #eee; padding:0 28px; box-sizing:border-box;*/}
#header .headerBtm .depth2 ul li { line-height:2.4; opacity:1; transition: 0.3s;}
#header .headerBtm .depth2 ul li:hover {opacity:0.6;}
#header .headerBtm .depth2 ul li:nth-child(1) {margin-bottom:6px;}
#header .headerBtm .depth2 ul li:nth-child(1) a {font-size:20px; font-weight:600; display: flex; justify-content: space-between; }
#header .headerBtm .depth2 ul li:nth-child(1) a i {margin-top:3px; margin-right: -5px; }
#header .headerBtm .depth2 ul li .hot_icon {width:22px; margin:-10px 0 0 5px;}
#header .headerBtm .depth2 ul li .buy_icon {font-size: 11px; margin: 10px 0 0 5px; position: absolute; color: #FE6018;}
#header .headerBtm .depth2 ul:nth-child(5) li:nth-child(4) .buy_icon {font-size: 11px; margin: 8px 0 0 5px; position: absolute; color: #FE6018;}
#header .headerBtm .depth2 ul li a {font-size: 17px; position: relative; }
#header .headerBtm .depth2 ul li a:hover { color:#2d2d2d; }
#header .cateMenu_last {padding : 0px;}
#header .cateMenu_last .line { width: 1px; height: 132px; background: #dedede;}

/* 서브카테고리2 */
#header .headerBtm .depth3 { height: 150px; padding-top: 32px; display: none; position: absolute; background: #fff; top:62px; width: 100%; padding: 22px 0 26px; z-index: 97; box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 7%);}
#header .headerBtm .depth3 .depth3_area_wrap {width:1280px; margin: 0 auto}
#header .headerBtm .depth3 .depth3_area {display:flex; justify-content: flex-start; margin-left: 230px;}
#header .headerBtm .depth3 ul {margin-right: 50px; /*border-right:1px solid #eee; padding:0 28px; box-sizing:border-box;*/}
#header .headerBtm .depth3 ul li { line-height: 3.1; opacity:1; transition: 0.3s;}
#header .headerBtm .depth3 ul li:hover {opacity:0.6;}
#header .headerBtm .depth3 ul li:nth-child(1) {margin-bottom:6px;}
#header .headerBtm .depth3 ul li:nth-child(1) a {font-size:20px; font-weight:600; display: flex; justify-content: space-between; }
#header .headerBtm .depth3 ul li:nth-child(1) a i {margin-top:3px; margin-right: -5px; }
#header .headerBtm .depth3 ul li .hot_icon {width:22px; margin:-10px 0 0 5px;}
#header .headerBtm .depth3 ul li .buy_icon {font-size: 11px; margin: 10px 0 0 5px; position: absolute; color: #FE6018;}
#header .headerBtm .depth3 ul:nth-child(5) li:nth-child(4) .buy_icon {font-size: 11px; margin: 8px 0 0 5px; position: absolute; color: #FE6018;}
#header .headerBtm .depth3 ul li a {font-size: 17px; position: relative; }
#header .headerBtm .depth3 ul li a:hover { color:#2d2d2d; }

#header .headerGnb .menuAllBtn { position:absolute; top:11px; left:0; width:26px; height:26px; font-size:26px; text-align:center; cursor:pointer; z-index:10}
#header .headerGnb .searchOpen{ position:absolute; top:11px; right:40px; width:26px; height:26px; font-size:26px; text-align:center; cursor:pointer; z-index:10 }
#header .headerGnb .WishBtn { position:absolute; top:7px; right:0; width:26px; height:26px; font-size:26px; text-align:center; cursor:pointer; z-index:10 }
#header .headerGnb .WishBtn span {  position:absolute; top:12px; right:10px; color:#fff; font-size:11px; }

#header .user {position: relative; top: 3px;}
#header .user .user_wrap{opacity: 0; position: absolute; z-index: 0; box-shadow: 0 5px 6px -3px rgba(49, 49, 49, 0.1); width: 145px; text-align: center; background: #fff; padding: 25px 30px; box-sizing: border-box; right: -57px; top: 34px; transition: .3s;}
#header .user .user_wrap li{padding-bottom: 10px;}
#header .user .user_wrap li:last-child{padding: 0;}
#header .user .user_wrap li a{font-size: 15px;}
#header .user .user_wrap li a:hover {opacity:0.6;}

#header .headerBtm .right_btn {position:absolute; top:24px; z-index:1002; right:0; display: flex;}
#header .headerBtm .right_btn > li {margin-left: 20px; position: relative; height: 42px;}
#header .headerBtm .right_btn > li:nth-child(2) {margin-left: 18px; top:5px;}
#header .headerBtm .right_btn > li:last-child{margin-left: 20px;}
#header .headerBtm .right_btn li a user_wishlist_count {position:absolute; top:14px;right:-9px;background:#FE6018;border-radius:50%; color:#fff;width:18px;height:18px;line-height:17px;font-size:10px;text-align:center;}
#header .headerBtm .right_btn .WishBtn {position: relative;}
#header .headerBtm .right_btn .user li a{font-size: 14px; line-height: 20px;}
#header .headerBtm .right_btn .user li a img{position: relative; bottom: 7px;}


/* 검색창 */
#header .ranking_wrap {display: none; position: absolute; top: 44px; right: -110px; border: none; box-shadow: -1px 6px 12px -3px rgba(112,112,112,0.25); border-radius: 5px; background: #fff;}
#header .ranking_wrap #f2s-ranking {width: 420px; height: initial; padding: 30px 20px 15px 20px; border-bottom: 1px solid #DFDFDF;}
#header .ranking_wrap #f2s-ranking .title-wrap {border: none; line-height: initial; font-size: 16px; font-weight: 500; color: #000; font-family: 'Noto Sans KR', adobe-myungjo-std, sans-serif}
#header .ranking_wrap #f2s-ranking .title-wrap h3 {background: #fff; color: #191919; font-size: 16px; border: none; font-weight: 400; padding: 0; margin-bottom: 7px; font-family: 'Noto Sans KR';}
#header .ranking_wrap #f2s-ranking .keyword-wrap {border: none; padding: 5px 0; height: initial;}
#header .ranking_wrap #f2s-ranking .keywords {height: initial; /* display: grid; */}
#header .ranking_wrap #f2s-ranking .keywords li {display: block; margin: 0; padding: 2px 10px 2px 0; width: calc(100% - 20px); margin: 0 5px;}

#header .ranking_wrap #f2s-ranking .keywords .keywords-num {background: none;}
#header .ranking_wrap #f2s-ranking .keywords .keywords-num:before {content: '0'}
#header .ranking_wrap #f2s-ranking .keywords .keywords-txt {margin-left: 0 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width: calc(100% - 23px);}
#header .ranking_wrap #f2s-ranking .keywords li:nth-child(n+2) .keywords-num {color: #7D8182; }
#header .ranking_wrap #f2s-ranking .keywords li:nth-child(-n+3) .keywords-num {color: #FE6018;}
#header .ranking_wrap #f2s-ranking .keywords li a {font-size: 16px; padding-left: 0px; margin-left: 35px; color: #191919; font-family: 'Noto Sans KR';}
#header .ranking_wrap #f2s-ranking .keywords li a:hover .keywords-txt {color: #191919;}


#header .ranking_wrap #f2s-ranking .keywords-sub {top: initial; margin-top: initial;}
#header .ranking_wrap .ranking_close {line-height: 40px; text-align: right; margin-right: 13px;}
#header .ranking_wrap .ranking_close a {cursor: pointer; color: #7D8182; font-size: 15px; font-weight: 500;}

/* 전체메뉴 레이어 */
.allMenu {display:none;background:#fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 201;}
.allMenu .allMenuWrap {width: 75%;margin: 0 auto;}
.allMenu .allMenuWrap a:hover {text-decoration: underline; }
.allMenu .allMenuWrap h3 {font-size: 16px;font-weight: bold;padding: 1% 0 0.5% 1%;}
.allMenu .allMenuWrap .closeBtn {display: block;margin: 4% 0 3%;font-size: 40px; text-align:center }
.allMenu .allMenuWrap .allMenuList { *zoom:1;}
.allMenu .allMenuWrap .allMenuList:after { display:block; clear:both; content:'' }
.allMenu .allMenuWrap .allMenuList dl {padding: 0 1% 3%;float:left;width: 14.6%;}
.allMenu .allMenuWrap .allMenuList dl dt {border-bottom: 1px solid #ddd;margin-bottom: 4px;}
.allMenu .allMenuWrap .allMenuList dl dt a {padding-left:5px;font-size:14px;height:30px;line-height:30px;}
.allMenu .allMenuWrap .allMenuList dl dd a {display: block;padding: 3px 0 3px 5px;color: #777;}
.allMenu .allMenuWrap .allMenuList dl dd a:hover {color:#111;}
.allMenu .allMenuWrap .boardList:after { display:block; clear:both; content:''}
.allMenu .allMenuWrap .boardList li { float: left; padding: 0 1%; }
.allMenu .allMenuWrap .csInfo {padding: 2% 0 0 1%; text-align:center} 
.allMenu .allMenuWrap .csInfo span { padding: 0 0.5% } 

/* 위로가기 버튼 */
.quoBtn { display:block; position: fixed; bottom: 133px; right: 46px; width: 56px; height: 56px; text-align: center; opacity: 1; z-index: 200; font-size: 14px;}
.kakaoBtn { display:block; position:fixed;bottom: 103px;right:43px; z-index:200; width:56px; height:56px; border:1px solid #fe6018; background-color:#fe6018; text-align:center; opacity:1; transition: all 0.3s; border-radius: 50%;}
.kakaoBtn img {margin-top: 16px; width: 40px;}
.kakaoBtn:hover {opacity:0.6;}

.topBtn { display:none; position:fixed;bottom: 50px;right:50px; z-index:200; width:42px; height:42px; border:1px solid #000; background-color:#000; text-align:center; opacity:1; transition: all 0.3s; border-radius: 50%;}
.topBtn img {margin-top: 15px;}
.topBtn:hover {opacity:0.6;}

/* BASIC css end */