@charset "utf-8";

html, body { font-size:0; margin:0; padding:0; }
img[class^="btn"] { cursor:pointer; }

#wrap { min-width:1366px; overflow-x:hidden; }

#header { position:fixed; z-index:9; top:0; left:0; width:100%; height:50px; text-align:center; background:rgba(0, 0, 0, .92); }
#header .search { position:absolute; top:14px; left:54px; display:inline-block; cursor:pointer;}
#header .mypage { position:absolute; top:14px; right:78px; display:inline-block;}
#header .cart { position:absolute; top:11px; right:32px; display:inline-block;}

#header .menu a { display:inline-block; position:relative; padding:20px 0 19px; margin:0 20px; opacity:0.5; }
#header .menu a.active { opacity:1; }
#header .menu a.active:after { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:2px; padding:0 2px; background:#eb0f29; }

#header .fixedlogo { display:none;position:fixed; top:20px; left:50%; margin-left:-28px;}

#header .nav { position:absolute; top:50px; left:0; text-align:left; padding:54px 0 0 54px;}
#header .nav .gnb { position:absolute; top:198px; display:block; }

#contents { text-align:center; }

#footer { text-align:center; background:#141414; }
#footer .btn-area { position:fixed; bottom:13px; right:24px; }
#footer .btn-area .btn-top { display:block; }
#footer .btn-area .btn-notice {display:none;}
#footer .info { border-top:1px solid #e2e2e2; background:#fff; }
#footer > .inner { position:relative; width:1200px; margin:0 auto; }
#footer .logo { position:absolute; top:40px; left:0; }

.wing {position:fixed;top:665px;left:54px;width:665px;height:54px;cursor:pointer;z-index:10;}
.notice {position:fixed;bottom:80px;left:50%;opacity:1;transform:translateY(160%) translateX(-50%) scale(1);cursor:pointer;z-index:10;transition:all .6s ease-in-out;}
.notice.active {margin-left:0;opacity:1;transform:translateX(-50%) scale(1);}