/* BASIC css start */
/* 최상단 띠배너 */
.topBannerArea { display:block }
.topBannerArea { position: relative; height: 50px; background-color: #edeff2; z-index: 9999; }
.topBannerArea .topBanner { text-align: center; line-height: 50px; }
.topBannerArea .topBanner .txt { font-size: 15px; color: #363942; }
.topBannerArea .topBanner .txt .blod { font-weight: bold; }
.topBannerArea .topBannerClose { position: absolute; right: 100px; top: 0; font-size: 24px; cursor: pointer; }

/* header */
#header { position:relative; width:100%; min-width:1200px; height:112px; z-index: 9999; }
#header .headerWrap { position:relative; width:100%; min-width:1200px; height:112px; background:#363942; top: 0; }
#header .headerWrap.fixed { position:fixed; top:0; left:0; right:0; z-index:100 }
#header .headerWrap .tlogo { position:absolute; top:38px; left:20px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
#header .headerWrap .headerNav { margin-left:344px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
#header .headerWrap .headerNav > ul { *zoom:1 }
#header .headerWrap .headerNav > ul:after { display:block; clear:both; content:'' }
#header .headerWrap .headerNav > ul > li { float:left }
#header .headerWrap .headerNav > ul > li .xcodeLink { display:block; padding:0 30px; height:112px; font-size:14px; color:#fff; line-height:112px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
#header .headerWrap .headerNav > ul > li.on .xcodeLink,
#header .headerWrap .headerNav > ul > li .xcodeLink:hover { background:#b99341 }
#header .headerWrap .headerNav > ul > li .colorRed { color:#ff0000 }
#header .headerWrap .headerNav > ul > li .mcodeMenuWrap { display:none; position:absolute; top:112px; left:0; width:100%; height:412px; background:#e8e8e8; z-index:-1; overflow:hidden }
#header .headerWrap .headerNav > ul > li .mcodeMenuWrap .menuBox { position:absolute; top:0; left:0; width:590px; height:412px }
#header .headerWrap .headerNav > ul > li .mcodeMenuWrap .menuBox .mcodeMenuArea { padding:45px 0 0 215px }
#header .headerWrap .headerNav > ul > li .mcodeMenuWrap .menuBox .mcodeMenuArea dt { padding-bottom:15px; font-size:20px; color:#aa8343; font-weight:700 }
#header .headerWrap .headerNav > ul > li .mcodeMenuWrap .menuBox .mcodeMenuArea dt a { display:block; font-size:20px; color:#aa8343; font-weight:700 }
#header .headerWrap .headerNav > ul > li .mcodeMenuWrap .menuBox .mcodeMenuArea dd a { display:inline-block; padding:4px 0; font-size:16px; color:#363942; font-weight:300 }
#header .headerWrap .headerNav > ul > li .mcodeMenuWrap .mcodeMenuThumb { padding-left:590px }
#header .headerWrap .headerNav > ul > li .mcodeMenuWrap .mcodeMenuThumb img { width:1330px }
#header .headerWrap .headerTnbArea { position:absolute; top:38px; right:92px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
#header .headerWrap .headerTnbArea .headerTnb { *zoom:1 }
#header .headerWrap .headerTnbArea .headerTnb:after { display:block; clear:both; content:'' }
#header .headerWrap .headerTnbArea .headerTnb .searchArea { float:left } 
#header .headerWrap .headerTnbArea .headerTnb .searchArea .search { position:relative; width:197px; height:33px; border:1px solid #b99341; border-radius:25px; background:#363942 }
#header .headerWrap .headerTnbArea .headerTnb .searchArea .search input { position:absolute; top:0; left:15px; width:135px; height:33px; color:#b99341; border:0; background:#363942 }
#header .headerWrap .headerTnbArea .headerTnb .searchArea .search input::placeholder { color:#b99341 }
#header .headerWrap .headerTnbArea .headerTnb .searchArea .search .linkSearch { display:block; position:absolute; top:0; right:10px; width:33px; height:33px; text-indent:-9999em; background:url(/design/parker01/common/bg_hd_search.png) 50% 50% no-repeat }
#header .headerWrap .headerTnbArea .headerTnb .tnbMenu { padding-left:14px; float:left; *zoom:1 }
#header .headerWrap .headerTnbArea .headerTnb .tnbMenu:after { display:block; clear:both; content:'' }
#header .headerWrap .headerTnbArea .headerTnb .tnbMenu li { padding:0 6px; float:left }
#header .headerWrap .headerTnbArea .headerTnb .tnbMenu li a { display:block; width:35px; height:35px; text-indent:-9999em }
#header .headerWrap .headerTnbArea .headerTnb .tnbMenu li .linkLogin { background:url(/design/parker01/common/ico_hd_login.jpg) 50% 5px no-repeat }
#header .headerWrap .headerTnbArea .headerTnb .tnbMenu li .linkMypage { background:url(/design/parker01/common/ico_hd_mypage.jpg) 50% 5px no-repeat }
#header .headerWrap .headerTnbArea .headerTnb .tnbMenu li .linkCart { background:url(/design/parker01/common/ico_hd_cart.jpg) 50% 5px no-repeat }
#header .headerWrap .headerTnbArea .headerTnb .tnbMenu li .linkCart .cartNum { position:absolute; top:0; right:0; width:15px; height:15px; text-indent:0; color:#b99341; font-weight:bold; font-family:Arial, sans-serif !important; text-align:center; line-height:16px; border:2px solid #b99341; border-radius:50%; background:#363942 }

@media screen and (max-width:1470px) {
    #header .headerWrap .tlogo { left:10px }
    #header .headerWrap .headerNav { margin-left:325px }
    #header .headerWrap .headerTnbArea { right:10px }
    #header .headerWrap .headerNav > ul > li .xcodeLink { padding:0 10px }
}
@media screen and (max-width:1260px) {
    #header .headerWrap .headerNav > ul > li .xcodeLink { padding:0 9px }
}

#header .searchArea .search input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px transparent inset !important;
    transition: background-color 5000s ease-in-out 0s;
} 


/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:21px; left:0; border:1px solid #ddd; line-height:14px; background:#fff; }
.search-auto-complete-list ul { width:169px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.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; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }
.search-auto-complete-list ul li.on { background:#f3f3f3; }
/* BASIC css end */