/* BASIC css start */
html{width: 100%;}
body{min-width: 1200px;}
#wrap{max-width: 1920px; min-width: 1200px; width: 100%; margin: 0 auto;}
/* 띠배너 */
#topBnr{display: none; width: 100%; text-align: center}
#topBnr .topWrap{position: relative; min-width: 1200px;}
#topBnr .topWrap > a > img{width: 100%;}
#xbtn{position: absolute; top: 50%; right:69px; transform: translateY(-50%);}
#xbtn img{width: 16px;}

/* header 상단 메뉴 */
#header { position:relative; width:100%; min-width: 1200px; background:#fff; z-index:100 }
#header.act { position:fixed; top:-144px; left:0; right:0 }
#header .headerTop { width:100%; height:37px; border-bottom: 1px solid #e6e6e6;}
#header .headerTop .realtop{width: 100%; min-width: 1200px; max-width: 1920px; padding:0 40px; box-sizing: border-box;}
#header .headerTop .realtop:after{display:block; clear:both; content:''}
#header .headerTop .hdLeft { padding-top:10px; float:left; overflow:hidden;}
#header .headerTop .hdLeft a {font-size: 12px; color: #000000; font-family: "맑은 고딕",'Malgun Gothic',sans-serif;}
#header .headerTop .hdRight { padding-top:11px; float:right }
#header .headerTop .hdmenu ul li { padding-left:22px; float:left }
#header .headerTop .hdmenu ul li a {color:#999; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; }
#header .headerTop .hdLeft ul li { padding-right:22px; padding-left:0 }


#header .headerTop .cart_cnt{display: inline-block; width: 13px;}
#header .headerTop .cart_cnt span{ background: #000; width: 17px; height: 17px; border-radius: 100%; display: inline-block; text-align: center; line-height: 18px; color: #fff; margin-left: 3px; position: absolute; top: -2px;}

#header .headerBottom_wrap{position: absolute; width: 100%; background: #fff; border-bottom:1px solid #e6e6e6}
#header .headerBottom_wrap.fix{position: fixed; top:0; left:0; opacity: 0.9; border-bottom:1px solid #e6e6e6 !important}
#header .headerBottom
{
    margin:0 auto; position:relative; width:96%;
    height:40px;
    min-width: 1200px;
    display: flex;
    justify-content: center;
}
#header .headerBottom .tlogo {line-height: 40px; display: none;}
#header .headerBottom .joinus{position:relative;}

#header .headerBottom .navWrap {float: right; }
#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .lnb_wrap { width:100%;}
/*#header .headerBottom .navWrap .lnb_wrap > ul {float:left;}*/
#header .headerBottom .navWrap .lnb_wrap > ul.menulist{width: 966px;}
#header .headerBottom .navWrap .lnb_wrap.active > ul.menulist{width: 100% !important;}
#header .headerBottom .navWrap ul .lnb_depth1 { position:relative; float:left;}

#header .headerBottom .navWrap ul .lnb_depth1 > a {padding: 0 8px; font-size: 14px; color: #000; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; line-height: 40px;}

/*#header .headerBottom .navWrap ul .lnb_depth1:last-of-type > a{padding-right: 0}*/
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 { display:none; position: absolute; top:35px; left:50%; transform: translateX(-50%); padding: 30px 60px 30px 22px; background: #fff; z-index: 10; border: 1px solid #ddd; }
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2:before{position: absolute; top: -6px; left: 50%; content: ''; width: 10px; height: 6px; font-size: 14px; background: url(//skin.makeshop.co.kr/skin/aura/pc/icon/rectangle_new.png) no-repeat; transform: translateX(-50%);}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li {margin-bottom: 10px;}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li a {     font-size: 13px;
    color: #999999;
    font-family: "맑은 고딕",'Malgun Gothic',sans-serif;
    white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li a:hover{ color: #000000; }

#header .headerBottom .point{ border-radius: 10px; position: absolute; top: 35px; left: 38%; margin-left: -30px; width: 56px; height: 17px; line-height: 17px; background: #323232; color: #fff; text-align: center; }
#header .headerBottom .point span{
    position: absolute;
    top: -11px;
    left: 22px;
    width: 8px;
    height: 4px;
    color: #424242;
}

.dn {
	display: block !important
}


/* -------------------------------------------- */

#toptop
{
    background-color: #4d4d4d;
    color:white;
    font-size:.8rem;
    font-weight: 400;
    padding: 8px 40px;
    
    display:flex;
    justify-content: space-between;
}
#toptop a
{
    color:white;
}

#jesus
{
    background-image: url('/design/dudwls2102/img-aura/jesus.png');
    background-position: left top;
    background-repeat: no-repeat;
    position: absolute;
    width: 222px;
    height: 265px;
    z-index: 999;
    pointer-events:none;
    background-size: 75%;
}

.realTop
{
    padding-bottom: 15px;
}
.realTop .logo
{
    text-align:center;
    padding: 10px 0;
}
.realTop .logo img {height:35px}

.realTop > form
{
    display: flex;
    justify-content: center;
}

.realTop .search
{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
}
.realTop .search .kwd
{
    border-bottom: 2px #666666 solid;
}
.realTop .search .MS_search_word
{
    border:0;
    width:820px;
    height:40px;
    font-size: 17px;
}

.realTop .dleft
{
    width:100px;
}
.realTop .logom
{
    margin-right:47px;
    text-align:center;
}
.realTop .logom div
{
    font-size: 14px; color: #8b5e3b; font-family: "맑은 고딕",'Malgun Gothic',sans-serif;
    margin-top:2px;
}

#header .headerBottom
{
    padding: 0 40px;
    width: 100%;
    min-width: 1150px;
    box-sizing:border-box;
}

#header .headerBottom .navWrap
{
    width:100%;
}

#header .headerBottom .navWrap ul
{
    display: flex;
    justify-content: space-between;
}

#header .fix .headerBottom
{
    display: block;
}
#header .fix .headerBottom .navWrap
{
    float: right;
}

#header .fix .headerBottom .tlogo
{
    display: block;
}

.menu-all
{
    width: auto;
    left: 0 !important;
    transform: none !important;
}
.menu-all:before
{
    left:3% !important;
}
.menu-all .wrapper
{
    display: flex !important;
}
.menu-all ul
{
    display: block !important;
    margin-right:15px;
}
.menu-all ul:last-of-type
{
    margin-right:0;
}

.menu-all li
{
    font-size: 12px;
}

.menu-all .cate
{
    color: #ae3e3e !important;
}


/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:133px; left:calc(50% - 440px); border:1px solid #ddd; border-top:1px solid #000; line-height:14px; background:#fff; }
.search-auto-complete-list ul { width:800px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.search-auto-complete-list ul li.on { background:#f3f3f3; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }

.me-10{margin-right:10px}
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }
/* BASIC css end */