/* BASIC css start */ #preview_wrap { display: none !important; } body { position: relative; } a:link, a:visited { text-decoration: none; color:#000; } a:hover, a:active { text-decoration: none; color:#000; } /* 상단1 */ #headerBack { width: 100%; background: #222; position: relative; top: 0; left: 0; z-index: 500; } /* 상단1 로고 */ header#headerWrap { color: #fff; position: relative; height: 100px; box-sizing: border-box; margin: 0 80px; } header#headerWrap h1 { float: left; position: absolute; left: 0; top: 45px; } header#headerWrap h1 a { font-size: 35px; font-weight: 500; letter-spacing: 26px; color: #fff; } header#headerWrap h1 a img { width: 180px; } /* 상단1 우측 카테고리 */ header#headerWrap nav.member_menu_wrap { position: absolute; top: 60px; right: 0; } header#headerWrap nav.member_menu_wrap ul { display: inline-block; } header#headerWrap nav.member_menu_wrap ul li { position: relative; float: left; display: inline-block; margin-left: 24px; } header#headerWrap nav.member_menu_wrap ul li:before { content: ''; display: inline-block; position: absolute; top: 4px; width: 1px; height: 11px; background-color: #fff; margin-left: -12px; } header#headerWrap nav.member_menu_wrap ul li:first-child:before { display: none; } header#headerWrap nav.member_menu_wrap ul li a { color: #fff; font-size: 13px; font-weight: 300; } /* 상단2 */ #fixHeaderBack { position: relative; top: 0; z-index: 500; width: 100%; background-color: #222; margin-bottom: -80px; } #fixHeaderBack .scroll_header { position: relative; margin: 0 80px; height: 80px; } /* 상단2 메뉴 */ #fixHeaderBack nav.gnbWrap { position: absolute; top: 25px; z-index: 10; left: 0; } #fixHeaderBack nav.gnbWrap>ul { font-size:13px; } #fixHeaderBack nav.gnbWrap>ul>li { float:left; margin: 0 15px; padding-bottom: 24px; position: relative; } #fixHeaderBack nav.gnbWrap>ul li:first-child { margin-left: 0; } #fixHeaderBack nav.gnbWrap ul li a { color: #000; } #fixHeaderBack nav.gnbWrap>ul>li>a { line-height: 26px; display: inline-block; color: #fff; font-size: 15px; font-weight: 500; } #fixHeaderBack nav.gnbWrap>ul>li>a:hover { color:#b98851; } #fixHeaderBack nav.gnbWrap ul li a:hover { color:#b98851; } #fixHeaderBack nav.gnbWrap ul.depth2 { position: absolute; top: 40px; left: 50%; width: 100px; background: #fff; opacity: .8; padding: 10px 10px 15px; display: none; text-align: center; transform: translateX(-50%); } #fixHeaderBack nav.gnbWrap ul.depth2 li { line-height: 27px; } #fixHeaderBack nav.gnbWrap ul.depth2 li a { font-size: 14px; } /* 상단2 메뉴 구분짓는 선 */ #fixHeaderBack nav.gnbWrap>ul li.division_line { padding: 0; margin: 7px 25px 0; } #fixHeaderBack nav.gnbWrap>ul li.division_line span { display: inline-block; width: 1px; background-color: #fff; height: 15px; } /* 상단2 메뉴 중 이벤트 카테고리 */ #fixHeaderBack nav.gnbWrap>ul .event_menu_list { float: left; } #fixHeaderBack nav.gnbWrap>ul .event_menu_list li { float: left; margin: 0 15px; padding-bottom: 11px; } #fixHeaderBack nav.gnbWrap>ul .event_menu_list li a { line-height: 26px; display: inline-block; color: #fff; font-size: 15px; font-weight: 300; } #fixHeaderBack nav.gnbWrap>ul .event_menu_list li a:hover { color:#b98851; } /* 상단2 검색 */ #fixHeaderBack .btnWrap .topSearch { position: absolute; width: 120px; margin-left: 20px; top: 17px; right: 115px; } #fixHeaderBack .btnWrap .topSearch input.MS_search_word.keyword { background: none; border-bottom: 1px solid #fff; height: 20px; width: 120px; color: #fff; } #fixHeaderBack .btnWrap .topSearch a.topSerchBtn { position: absolute; top: 10px; right: -4px; font-size: 15px; } #fixHeaderBack .btnWrap .topSearch a.topSerchBtn:hover { border-bottom:none; } /* 상단2 우측 카테고리 버튼들 */ #fixHeaderBack .btnWrap { font-size: 25px; cursor:pointer; } #fixHeaderBack .btnWrap .basketBtn { position: absolute; top: 16px; right: 52px; } #fixHeaderBack .btnWrap .basketBtn a { position: relative; display: inline-block; width: 100%; height: 100%; } #fixHeaderBack .btnWrap .basketBtn a img { width: 23px; } #fixHeaderBack .btnWrap .basketBtn a .user_basket_quantity { position: absolute; display: inline-block; width: 17px; height: 17px; border: 0; border-radius: 9px; top: 0; right: -5px; text-align: center; line-height: 15px; background-color: #fff; color: #000; letter-spacing: -1px; text-indent: -1px; } #fixHeaderBack .btnWrap a:hover, #fixHeaderBack .btnWrap a:active, #fixHeaderBack .btnWrap a:link, #fixHeaderBack .btnWrap a:visited { color: #fff; } #fixHeaderBack .btnWrap .menuBtn, #fixHeaderBack .btnWrap .closeBtn { position: absolute; top: 22px; right: 0; color: #fff; } #fixHeaderBack .btnWrap .closeBtn { display: none; } #fixHeaderBack .btnWrap i:hover { color:#b98851; } /* 상단2 고정될 때 */ #fixHeaderBack.headerBackFix { position: fixed; margin-bottom: 0; top: 0; /*background-color: #000; transition: background .3s;*/ } /* #fixHeaderBack.headerBackFix nav.gnbWrap>ul>li>a { color: #fff; transition: color .3s; } #fixHeaderBack.headerBackFix nav.gnbWrap>ul li.division_line span { background-color: #fff; transition: background .3s; } #fixHeaderBack.headerBackFix nav.gnbWrap>ul .event_menu_list li a { color: #fff; transition: color .3s; } #fixHeaderBack.headerBackFix .btnWrap .menuBtn, #fixHeaderBack.headerBackFix .btnWrap .closeBtn, #fixHeaderBack.headerBackFix .btnWrap .basketBtn a { color: #fff; transition: color .3s; } */ /* 상단 내부 카테고리 */ #aisdeWrap { width: 100%; background-color: #f9f9f9; position: absolute; padding: 20px 0 30px; display: none; } #aisdeWrap nav { margin: 0 80px; } #aisdeWrap ul { display: inline-block; vertical-align: top; width: 130px; } #aisdeWrap ul li { height: 45px; text-align: left; color: #000; line-height: 44px; } #aisdeWrap ul li:first-child { margin-bottom: 5px; } #aisdeWrap ul li:first-child a { font-weight: 500; font-size: 16px; } #aisdeWrap ul li a { display: inline-block; color:#000; font-size: 15px; font-weight: 300; } #aisdeWrap i.fas.fa-search { font-size: 18px; margin-top: 12px; } input.MS_search_word.keyword { background: #505579; border: none; height: 40px; color: #fff; padding-left: 5px; font-size: 13px; } @media screen and (max-width: 1430px) { #fixHeaderBack nav.gnbWrap { width: 80%; } #fixHeaderBack nav.gnbWrap>ul>li, #fixHeaderBack nav.gnbWrap>ul .event_menu_list li { margin: 0 1%; } #fixHeaderBack nav.gnbWrap>ul .event_menu_list { float: none; } #fixHeaderBack nav.gnbWrap>ul li.division_line { margin: 7px 2% 0; } } @media screen and (max-width: 1270px) { #fixHeaderBack .btnWrap .basketBtn { right: 44px; } #fixHeaderBack .btnWrap .topSearch { right: 95px; } } /* 하단 고정 메뉴 */ .footer_fix_menu { position: fixed; bottom: 0; right: 0; z-index: 200; display:none; background-color: #222; } .footer_fix_menu ul { display: flex; width: 360px; height: 70px; justify-content: space-between; } .footer_fix_menu li { position: relative; width: 100%; text-align: center; box-sizing: border-box; border-left: 1px solid #484848; cursor: pointer; } .footer_fix_menu li:first-child { border-left: none; } .footer_fix_menu li a { display: inline-block; width: 100%; height: 100%; } .footer_fix_menu li i { color: #fff; font-size: 36px; margin-top: 9px; } .footer_fix_menu li p { color: #fff; font-size: 13px; font-weight: 500; } .footer_fix_menu li.footer_today_prd i { margin-top: 19px; } .footer_fix_menu li.footer_basket img { width: 38px; margin-top: 15px; } .footer_fix_menu li.footer_basket span.user_basket_quantity { position: absolute; bottom: 10px; right: 22px; display: inline-block; width: 23px; height: 23px; background-color: #fff; color: #000; border: 0; border-radius: 12px; text-align: center; line-height: 21px; font-size: 13px; font-weight: 500; } /* BASIC css end */