/* BASIC css start */
#hdWrap { width:100%; }
#header { position: relative; width: 1124px; height: 210px; margin-bottom: 20px; }
#hdWrap .hd-logo { padding-top: 40px; text-align: center; }
#hdWrap .hd-draw,
#hdWrap .hd-link { position: absolute; }
#hdWrap .hd-draw { right: 200px; bottom: -19px; }
#hdWrap .hd-link { zoom: 1; overflow: hidden; top: 162px; left: 0; }
#hdWrap .hd-link li { float: left; padding: 0 10px; }
#hdWrap .hd-link li a { font-size: 11px; font-weight: bold; letter-spacing: -1px; }
#hdWrap .hd-link li a:hover { color: #ec2626; }
#hdMenu { position: relative; width: 1124px; margin: 0 auto 60px; }
#hdMenu .hd-cate { zoom: 1; overflow: hidden; width: 1000px; }
#hdMenu .hd-cate li { float: left; padding: 0 10px;white-space: nowrap; }
#hdMenu .hd-cate li a { font-size: 12px; font-weight: bold; letter-spacing: -1px; }
#hdMenu .hd-search { position: absolute; top: 0; left: 1002px; }
#hdMenu .hd-search .input-keyword { width: 100px; height: 16px; border: 1px solid #ccc; }


/* =========================
   20260113 임블리스타일 Css (전체 사용 안함)
=========================
/* 임블리스타일 Css 추가 */
#TOPlogo {width:1170px; margin:0 auto; text-align:center; padding-top:30px;}
#MENUtop {width:100%; height:300px; background:#f7f1ea;margin-bottom:35px;}
#MENUtop .MTbody {width:1170px; height:210px; padding:30px; margin:0 auto;}
.MTca {float:left; width:150px;}
.MTca dl {width:100%; margin:0; padding:0;}
.MTca dt {font-weight:bold; font-size:14px; padding-bottom:18px;}
.MTca dd {color:#5d5d5d; height:20px; line-height:20px; padding-left:10px;}
/* 빨간색 */
.MTca span {font-weight:bold; color:#d20909;}
/* 파란색 */
.MTca span.blue {font-weight:bold;color: #0056b3;}
.MTcb {float:right; width:360px; height:auto;}
.MTcb ul {width:100%;}
.MTcb li {float:left; display:inline-block; width:50%; text-align:right;}
=========================20260113 */


/* ============================= */
/* TOP LOGO */
/* ============================= */
#TOPlogo {
    width:1170px;
    margin:0 auto;
    text-align:center;
    padding:35px 0 25px;
}

 
/* ============================= */
/* 20260113 추가 상단 메가메뉴   */
/* ============================= */
#MENUtop {
    width:100%;
    background:#f7f1ea;
    padding:40px 0 30px;
    margin-bottom:40px;
}

#MENUtop .MTbody {
    width:1170px;
    margin:0 auto;
    display:flex;
    gap:40px;
}

/* ============================= */
/* 카테고리 공통 (MTca) */
/* ============================= */
.MTca {
    width:150px;
}

.MTca dl {
    margin:0;
    padding:0;
}

.MTca dt {
    font-size:15px;
    font-weight:800;
    padding-bottom:16px;
    letter-spacing:-0.4px;
}

.MTca dd {
    height:auto;
    line-height:26px;
    padding-left:0;
}

.MTca dd a {
    font-size:14px;
    font-weight:600;
    color:#444;
    letter-spacing:-0.3px;
    transition:all 0.2s ease;
}

/* hover 트렌드 효과 */
.MTca dd a:hover {
    color:#000;
    transform:translateX(4px);
}

/* ============================= */
/* 포인트 컬러 */
/* ============================= */
.MTca span {
    font-weight:700;
    color:#d20909;
}

.MTca span.blue {
    color:#0056b3;
}

/* ============================= */
/* 우측 배너 (MTcb) */
/* ============================= */
.MTcb {
    margin-left:auto;
    width:360px;
}

.MTcb ul {
    width:100%;
}

.MTcb li {
    float:left;
    width:50%;
    padding-left:10px;
    box-sizing:border-box;
}

.MTcb img {
    width:100%;
    border-radius:6px;
    transition:all 0.3s ease;
}

.MTcb img:hover {
    transform:scale(1.04);
}

/* ============================= */
/* 20260113 추가 상단 메가메뉴   */
/* ============================= */









/*상단서브메뉴*/
.HeadSUB {position:relative; width:100%; height:24px; margin-bottom:20px;}
.HeadSUB .HeadBD1 {width:1170px; height:24px; line-height:23px; margin:0 auto;}
.HeadSUB .HeadBD1 a {color:#333; font-size:11px; font-weight:600;}
.HeadSUB .HeadBD1 ul {position:relative; float:right;}
.HeadSUB .HeadBD1 li {display:inline; margin-left:15px; line-height:23px;}
.HeadSUB .HeadBD1 li a {color:#333; font-size:11px; font-weight:600;}
.HeadSUB .HeadBD1 .HSline {color:#ccc;}

/* 20260114 적립금 10,000 애니매니션 효과 Start*/
/* .pointM {position:absolute; left:38px; bottom:-27px;}  원본*/
/* 수정 및 추가*/ 
.pointM {
    position: absolute;
    left: 38px;
    bottom: -27px;

    animation: pointFloat 1.8s ease-in-out infinite;
}

@keyframes pointFloat {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-6px); }
    100% { transform: translateY(0); }
}
/* 수정 및 추가*/ 
/* 20260114 적립금 10,000 애니매니션 효과 End*/


/*로고,메뉴영역*/
.TopAREA {position:relative; width:1170px; margin:0 auto;}
#HeadMenu {position:relative; width:100%; margin:0 auto; margin-bottom:30px;}
#HeadMenu .HeadLogo {margin-top:25px; margin-bottom:20px;}
#HeadMenu .HeadSearch {position:absolute; right:0; top:40px;} 
#HeadMenu .MS_search_word {width:220px; height:32px; border:0; border-bottom:1px solid #ccc; padding:0 10px 0; line-height:32px; background:#fff;}


/* 상단메뉴디자인 */
.Head_type,.Head_type th,.Head_type td{border:0;}
.Head_type {width:100% ;border-bottom:1px solid #dcdcdc;border-collapse:collapse;}
.Head_type th{
	height:42px;
	line-height:42px;
	border-top:2px solid #000;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
	font-size:16px;
	}
.Head_type th a {font-size:16px;}

.Head_type td{
	padding:5px 0 7px;border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	vertical-align:top;
	}
.Head_type .Rn {border-right:none;}
.Head_type .Rn span img {width:25px;}
.Head_type .Ln {border-left:none;}

.Head_type dl {width:100%;}
.Head_type dd {text-align:center; line-height:30px;}
.Head_type dd a {font-size:14px;}
.Head_type span {color:#bf8685; font-weight:600;}




/*상단하단*/
#HeadBottom {width:100%; height:45px; border-top:1px solid #e4e4e4; background:#f9f9f9; border-bottom:1px solid #000;}



/* -----------------------------------------상단펼침메뉴 CSS----------------------------------------------------*/

#category {
	height:40px;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	background:#fff;
}
#category .position {
	position:relative;
	width:1170px;
	margin:0 auto;
}
#category .position ul.catelist>li {
	position:relative;
	float:left;
}
#category .position ul.catelist>li>a {
	display:block;
	height:40px;
}
#category .position ul.catelist>li>a img {
	vertical-align:middle;
}
#category .position ul.catelist>li.first>a img {
	padding:14px 16.5px 13px 0;
}
#category .position ul.catelist>li.best>a img {
	padding:14px 17px 13px 16.5px;
}
#category .position ul.catelist>li.outer>a img {
	padding:14px 27.5px 13px 17px;
}
#category .position ul.catelist>li.top>a img {
	padding:14px 26.5px 13px 27.5px;
}
#category .position ul.catelist>li.shirts>a img {
	padding:14px 22px 13px 26.5px;
}
#category .position ul.catelist>li.pants>a img {
	padding:14px 22.5px 13px 22px;
}
#category .position ul.catelist>li.shoes>a img {
	padding:14px 27.5px 13px 22.5px;
}
#category .position ul.catelist>li.bag>a img {
	padding:14px 27.5px 13px;
}
#category .position ul.catelist>li.acc>a img {
	padding:14px 25px 13px 27.5px;
}
#category .position ul.catelist>li.brand>a img {
	padding:14px 20px 13px 25px;
}
#category .position ul.catelist>li.bigsize>a img {
	padding:14px 12px 13px 20px;
}
#category .position ul.catelist>li.sale>a img {
	padding:14px 0 13px 12px;
}
#category .position .shop_added {
	float:right;
}
#category .position .shop_added span {
	display:block;
	position:relative;
	float:left;
	height:40px;
	cursor:pointer;
	color:#000;
}
#category.header_fix .position .shop_added span {
	color:#fff;
}
#category .position .shop_added span.icon_cart {
	width:41px;
	padding-right:13px;
	border-right:1px solid #e4e4e4;
	background:url('/design/kr/icon_cart.gif') no-repeat left center;
}
#category .position .shop_added span.icon_wish {
	width:39px;
	padding:0 12px 0 16px;
	background:url('/design/kr/icon_wish.gif') no-repeat 16px center;
}
#category.header_fix .position .shop_added span.icon_cart {
	border-right:1px solid #000;
	background:url('/design/kr/icon_cart_fix.gif') no-repeat left center;
}
#category.header_fix .position .shop_added span.icon_wish {
	background:url('/design/kr/icon_wish_fix.gif') no-repeat 16px center;
}
#category .position .shop_added span strong {
	float:right;
	height:40px;
	font-size:13px;
	text-align:right;
	line-height:40px;
}
#category .position .shop_added span strong .xans-layout-orderbasketcount {
	padding:0;
	line-height:40px;
	background:none;
}

#category .catelist>li {margin-left:14px;}

#category .catelist>li:hover {
	background:url(/design/kr/bg_catebox_tail.png) 50% bottom no-repeat;
}
#category .catelist>li.first:hover {
	background:url(/design/kr/bg_catebox_tail.png) 36% bottom no-repeat;
}
#category .catelist>li .midcatelist {
	display:none;
	position:absolute;
	left:0;
	top:40px;
	width:529px;
	padding:33px;
	border:1px solid #e4e4e4;
	background:#fff;
	z-index:200;
}
#category .catelist>li:hover .midcatelist {
	display:block;
}
#category.header_fix {
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	width:100%;
	border-bottom:1px solid #000;
	border-top:none;
	background:#000;
}
#category .catelist>li:hover .midcatelist .col {
	float:left;
	min-height:218px;
}
#category .catelist>li:hover .midcatelist .col.left {
	width:166px;
}
#category .catelist>li:hover .midcatelist .left.col a {
	display:block;
	padding:5px 0;
	color:#000;
	font-size:12px;
}
#category .catelist>li:hover .midcatelist .left.col a:hover {
	font-weight:bold;
	text-decoration:none;
}
#category .catelist>li:hover .midcatelist .left.col li:first-child a {
	padding:0 0 5px;
}
#category .catelist>li:hover .midcatelist .right.col {
	float:right;
	width:362px;
}
#category .catelist>li:hover .midcatelist .right.col .prd_bnr {
	height:235px;
}
#category .catelist>li:hover .midcatelist .right.col .prd_bnr li {
	float:left;
	width:173px;
	height:235px;
}
#category .catelist>li:hover .midcatelist .right.col .prd_bnr li:first-child {
	margin:0 16px 0 0;
}
 
/* ============================= */
/* 20260114 상단 메인 퀵메뉴 추가 링스 Start*/
/* ============================= */
 #TopMainMenu {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
}

#TopMainMenu ul {
    width: 1170px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 20px;
    height: 72px;
    align-items: center;
}

/* ============================= */
/* 기본 메뉴 (Gray) */
/* ============================= */

#TopMainMenu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 24px;

    border: 1px solid #dddddd;
    border-radius: 6px;
    background: #ffffff;

    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.2px;
    color: #333333;

    transition:
        color 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

/* 기본 메뉴 hover */
#TopMainMenu li a:hover {
    color: #555555;
    background: #f7f7f7;
}

/* ============================= */
/* 신상 메뉴만 기존 레드 적용 */
/* ============================= */

#TopMainMenu li.point a {
    color: #d20909;              /* ✅ 기존 레드 */
    border-color: #d20909;
    font-weight: 700;
}

/* 신상 hover */
#TopMainMenu li.point a:hover {
    background: #d20909;
    color: #ffffff;
}

/* 하단 바 제거 */
#TopMainMenu li::after {
    display: none;
}

/* ============================= */
/* 20260114 상단 메인 퀵메뉴 추가 링스 End*/
/* ============================= *
/* BASIC css end */