/* BASIC css start */ .menu_on {height:100%;overflow:hidden; } #mask {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:200} #topbanner .topbanner-close{display:none;} #topbanner .topSlider li.txt a{font-family:Pretendard;font-weight: 400 !important;} #header {position:relative;width:100%;background:#fff;z-index:100} #header.fixed {position:fixed;top:0; } #header.fixed .headerTnb {padding:0; } #header.fixed .headerGnb {border-top:0; } #header.fixed .headerTnb .tnbCenter {position:absolute;left:135px; } #header.fixed .headerTnb .tnbCenter img {width: 28%;} #header.fixed .headerTnb .tnbRight .tnb_user {display:none; } #header.fixed .all_cate_wrap {top:108px; } #header.fixed .searchArea {top:108px; } #header .headerTnb {position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1567px;margin:0 auto;padding: 25px 0;} #header .headerTnb .tnbLeft ul {display:flex;gap:0 40px;align-items:center; } #header .headerTnb .tnbLeft ul li {width:30px; } #header .headerTnb .tnbLeft ul li a {display:inline-block; } #header .headerTnb .tnbCenter { } #header .headerTnb .tnbCenter a {display:inline-block; } #header .headerTnb .tnbCenter a img{width:260px;} #header .headerTnb .tnbRight { } #header .headerTnb .tnbRight ul {display:flex;gap:0 40px;align-items:center; } #header .headerTnb .tnbRight ul li a {position:relative;display:inline-block; } #header .headerTnb .tnbRight ul li a #user_basket_quantity {position:absolute;right:-7px;bottom:-6px;width:18px;height:18px;text-align:center;line-height:18px;background:#000;border-radius:100%;font-size:12px;color:#fff;font-weight:500; } #header .headerTnb .tnbRight .tnb_user {position:absolute;top:18px;right:0; } #header .headerTnb .tnbRight .tnb_user span {position:relative;margin-left:23px;font-size:12px;font-weight:400;color:#999; } #header .headerTnb .tnbRight .tnb_user span a {font-size:12px;font-weight:400;color:#999; } #header .headerTnb .tnbRight .tnb_user span a b {color:#333; } #header .headerTnb .tnbRight .tnb_user .cs_service {position:relative; } #header .headerTnb .tnbRight .tnb_user .cs_service:after {content:'';position:absolute;left:0;right:0;width:100%;height:20px; } #header .headerTnb .tnbRight .tnb_user .cs_service img {margin-left:5px; } #header .headerTnb .tnbRight .tnb_user .cs_service dl {display:none;position:absolute;top:20px;left:50%;transform:translateX(-50%);text-align:center;padding:24px 37px;background:#fff;border-radius:0 0 10px 10px;box-shadow:3px 5px 6px rgb(118 118 118 / 75%);z-index:9; } #header .headerTnb .tnbRight .tnb_user .cs_service dl dd {margin-bottom:20px;padding:0; } #header .headerTnb .tnbRight .tnb_user .cs_service dl dd:last-child {margin-bottom:0; } #header .headerTnb .tnbRight .tnb_user .cs_service dl dd a {white-space:pre;font-size:14px;color:#333333; } #header .headerTnb .tnbRight .tnb_user .cs_service dl dd a:hover {font-weight:bold; } #header .headerGnb {position:relative;border-top:1px solid #e6e6e6;padding:22px 0; } #header .headerGnb ul {display:flex;justify-content:center;gap:0 35px; } #header .headerGnb ul li {position:relative; } #header .headerGnb ul li a {font-size:14px;color:#333333;font-weight:500; } #header .headerGnb ul li a:after {content:'';position:absolute;width:100%;height:43px;left:0;right:0; } #header .headerGnb ul li a.point_color:before {content:'.';position:absolute;top:-6px;right:-12px;color:#da9085;font-size:40px;line-height:0; } #header .headerGnb ul li dl {display:none;position:absolute;top:40px;left:50%;transform:translateX(-50%);text-align:center;padding:24px 37px;background:#fff;border-radius:0 0 10px 10px;box-shadow:0px 5px 5px rgb(118 118 118 / 75%); } #header .headerGnb ul li dl dd {margin-bottom:20px;padding:0; } #header .headerGnb ul li dl dd:last-child {margin-bottom:0; } #header .headerGnb ul li dl dd a {white-space:pre;font-size: 13px;font-weight: 400;} #header .headerGnb ul li dl dd a:hover {font-weight:bold; } #header .all_cate_wrap {display:none;position:absolute;background:#fff;width:100%;height: 83vh;top: 175px;left:0;right:0;overflow: auto;} #header .all_cate_wrap::-webkit-scrollbar { width: 6px;} #header .all_cate_wrap::-webkit-scrollbar-track { background: #ddd;} #header .all_cate_wrap::-webkit-scrollbar-thumb { background:var(--main-color);border-radius: 8px;} #header .all_cate_wrap::-webkit-scrollbar-thumb:hover { background: #c33621;} #header .all_cate_wrap .cate_wrap {width:1427px;margin:0 auto;padding:56px 0;display:flex;flex-wrap:wrap;gap:100px 0; } #header .all_cate_wrap .cate_wrap dl {text-align:left;width:14%; } #header .all_cate_wrap .cate_wrap dl dt {margin-bottom:26px; } #header .all_cate_wrap .cate_wrap dl dt a {font-size:16px;font-weight:bold;color:#333; } #header .all_cate_wrap .cate_wrap dl dd {margin-bottom:16px; } #header .all_cate_wrap .cate_wrap dl dd a {font-size:14px;color:#333; } #header .all_cate_wrap .ham_ft_wrap {width:100%;background:#fafafa; } #header .all_cate_wrap .ham_ft_wrap .ham_ft_info {width:1427px;margin:0 auto;padding:36px 0;display:flex;justify-content:space-between; } #header .all_cate_wrap .ham_ft_wrap .ham_ft_info h1 {font-size:16px;color:#333;margin-bottom:20px;font-weight:bold; } #header .all_cate_wrap .ham_ft_wrap .ham_ft_info p {font-size:24px;margin-bottom:18px;font-weight:bold; } #header .all_cate_wrap .ham_ft_wrap .ham_ft_info span {font-size:14px;line-height:20px; } #header .all_cate_wrap .ham_ft_wrap .ham_ft_info span b {margin-right:5px} #header .all_cate_wrap .ham_ft_wrap .ham_ft_info .contact p a {font-size:14px;font-weight:bold;margin-right:56px; } #header .all_cate_wrap .ham_ft_wrap .ham_ft_info .contact p a img {margin-right:12px; } #header .searchArea {display:none;position:absolute;background:#fff;width:100%;top:175px;left:0;right:0;padding:160px 0;border-bottom:1px solid #dddddd; } #header .searchArea .search {text-align:center; } #header .searchArea .search fieldset {width:530px;height:64px;margin:0 auto;border:2px solid #000; } #header .searchArea .search fieldset input {width:470px;height:64px;border:0;font-size:18px;color:#999; } #header .searchArea .search fieldset a { } #header .searchArea .search .popular_keyword {width:530px;margin:80px auto 0;text-align:left; } #header .searchArea .search .popular_keyword p {font-size:16px;margin-bottom:19px; } #header .searchArea .search .popular_keyword ul {display:flex;flex-wrap:wrap;gap:12px 4px;justify-content:flex-start; } #header .searchArea .search .popular_keyword ul li { } #header .searchArea .search .popular_keyword ul li a {display:inline-block;background:#f7f7f7;font-size:13px;padding:8px 17px;border-radius:14px; } .baloon {position:absolute;top:25px;left:50%;transform:translateX(-50%);background:#fae300;font-size:12px;letter-spacing:0.1em;color:#000;text-align:center;display:inline-block;padding:7px 11px;border-radius:20px;line-height:1;z-index:99;white-space:pre; } .baloon::before {content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);height:0;border-bottom:5px solid #fae300;border-left:5px solid transparent;border-right:5px solid transparent; } .baloon {animation:motion 0.5s linear 0s infinite alternate;margin-top:0;-webkit-animation:motion 0.5s linear 0s infinite alternate;margin-top:0; } @keyframes motion {0% {margin-top:0px; } 100% {margin-top:10px; } } -webkit-@keyframes motion {0% {margin-top:0px; } 100% {margin-top:10px; } } #scroll-right {position:fixed;z-index:9999;top:0;right:0px;background:#fff;height:100%;width:189px;border-left:solid 1px #ebebeb;/*overflow-y:scroll; -ms-overflow-style:none; scrollbar-width:none; */} #side-menu-wrap {height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none; } #side-menu-wrap::-webkit-scrollbar {display:none; } #side-menu-wrap .side-menu {padding:24px; } #side-menu-wrap .side-menu .quick_swiper {margin-bottom:32px;padding-bottom:14px; } #side-menu-wrap .side-menu .quick_swiper .swiper-pagination {bottom:0;display:flex;align-items:center;justify-content:center; } #side-menu-wrap .side-menu .quick_swiper .swiper-pagination .swiper-pagination-bullet {border:1px solid #a0a0a0;background:#fff;opacity:1;width:8px;height:7px; } #side-menu-wrap .side-menu .quick_swiper .swiper-pagination .swiper-pagination-bullet-active {width:11px;height:2px;background:#000;border-radius:0;border:none;vertical-align:super; } #side-menu-wrap .side-menu .quick_board {display:flex;flex-wrap:wrap;margin-bottom:55px; } #side-menu-wrap .side-menu .quick_board li {width:50%;border:1px solid #e6e6e6;box-sizing:border-box;margin-bottom:-1px; } #side-menu-wrap .side-menu .quick_board li:nth-child(2n) {border-left:0; } #side-menu-wrap .side-menu .quick_board li a {display:inline-block;font-size:12px;text-align:center;width:100%;padding:10px 0;} #side-menu-wrap .side-menu .quick_cs {text-align:center;margin-bottom:56px; } #side-menu-wrap .side-menu .quick_cs .tit {font-size:14px;margin-bottom:20px;font-weight: 600;} #side-menu-wrap .side-menu .quick_cs .tel {font-size:22px;font-weight:bold;margin-bottom:20px;white-space:pre; } #side-menu-wrap .side-menu .quick_cs .cont {font-size:12px;color:#999;letter-spacing:-0.15px;line-height:19px;} #side-menu-wrap .side-menu .quick_bank {text-align:center;margin-bottom:57px; } #side-menu-wrap .side-menu .quick_bank .tit {font-size:14px;margin-bottom:20px;font-weight: 600;} #side-menu-wrap .side-menu .quick_bank .bank_user {font-size:16px;font-weight:bold;letter-spacing:-0.15px;white-space:pre;margin-bottom:11px; } #side-menu-wrap .side-menu .quick_bank .cont {font-size:13px;} #side-menu-wrap .side-menu .quick_qr {display:flex;gap:0 13px;align-items:center;justify-content:space-between;margin-bottom:30px; } #side-menu-wrap .side-menu .quick_qr span{font-size:14px;} #side-menu-wrap .side-menu .quick_qr span b{display:block;white-space: pre;font-weight: 600;} #side-menu-wrap .side-menu .quick_today {text-align:center;font-size:13px; } #side-menu-wrap .side-menu .quick_today a {font-weight: 600;} #side-menu-wrap .right-btn {width:36px;position:absolute;top:435px;right:186px;margin-top:-8px;cursor:pointer;display:inline-block;/* border:solid 1px #e6e6e6; */ } #side-menu-wrap .right-btn li {line-height:0;font-size:0;width:35px;height:35px;text-align:center;box-sizing:border-box; } #side-menu-wrap img.side_img {margin-bottom:10px;width:100%;margin-left:0; } #fix_icon {z-index:50;position:fixed;right:32px;bottom:10%;opacity:0;transform:translateX(100px);transition:all .6s; } #fix_icon.show {opacity:1;transform:translateX(0px); } #fix_icon ul {display:flex;flex-direction:column;gap:6px 0; } #fix_icon ul li { } #fix_icon ul li a {display:block; } #fix_icon ul li a img { } #fix_icon ul li:hover a {transform:scale(1.1); } #fix_icon ul li.gotoTop a { } #fix_icon ul li.gotoTop a img { } .search-auto-complete-list {display:none;z-index:1;position:absolute;top:40px;left:0;border:1px solid #ddd;border-top:1px solid #000;line-height:14px;background:#fff; } .search-auto-complete-list ul {width:202px;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; } .search-auto-complete-list .search-list-close {display:block;padding:10px 11px;text-align:right;color:#999;font-size:11px; } #allfinder-layer {z-index:9999;position:fixed;top:50px;right:110px;width:1000px;zoom:1;overflow:hidden; } #allfinder-layer .finder-body {display:none;z-index:1;position:relative;width:998px;*width:918px;padding:35px 40px 5px;max-height:800px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;border:1px solid #666;background:#fff; } #allfinder-layer .finder-body .finder-close {position:absolute;top:15px;right:10px;font-size:24px;color:#000;*width:19px;*height:24px;*background:url('/images/common/btn_h11_close.gif') no-repeat center center;*background-size:19px 24px; } #allfinder-ctr {z-index:10000;position:fixed;top:50px;right:0;width:103px;height:86px; } #allfinder-ctr a {display:block;width:100%;height:100%;background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top;border:none;outline:none;font-size:0; } .all-finder-layer .finder-body .finder-tbl table {border:1px solid #ccc;border-top:1px solid #000; } .all-finder-layer .finder-body .finder-tbl th,.all-finder-layer .finder-body .finder-tbl td {height:40px;border-top:1px solid #e5e5e5;font-size:13px;font-family:'Malgun Gothic';color:#000; } .all-finder-layer .finder-body .finder-tbl tr:first-child th,.all-finder-layer .finder-body .finder-tbl tr:first-child td {border-top:none; } .all-finder-layer .finder-body .finder-tbl th {padding:5px 0;background:#f4f4f4;text-align:left;vertical-align:top; } .all-finder-layer .finder-body .finder-tbl th .txt-l {position:relative;height:34px;line-height:34px;padding:0 20px;margin:3px 0; } .all-finder-layer .finder-body .finder-tbl th .txt-l .fa {position:absolute;top:50%;right:15px;margin-top:-6px; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn {display:inline-block;width:20px;height:20px;line-height:22px;border:1px solid #cecece;border-radius:20px;color:#666;font-size:11px;background:#fff;text-align:center;outline:none; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer {display:none;position:absolute;top:33px;left:52px;width:270px;padding:0 20px 18px;border:1px solid #000;background:#fff;text-align:left;font-weight:normal;color:#000;z-index:1} .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-btn-close {display:inline-block;position:absolute;top:14px;right:20px;margin:0;font-size:21px;color:#000;outline:none;*width:19px;*height:22px;*background:url('/images/common/btn_h11_close.gif') no-repeat center center; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-tit {padding:18px 0;border-bottom:1px solid #e5e5e5;font-size:15px;font-weight:bold;line-height:15px; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-cnt {padding-top:16px;line-height:1.5;font-size:13px; } .all-finder-layer .finder-body .finder-tbl td {padding:5px 10px; } .all-finder-layer .finder-body .txt-input {height:21px;line-height:21px;padding:0 5px;font-size:13px;font-family:'Malgun Gothic'; } .all-finder-layer .finder-body .finder-category {height:40px;overflow:hidden; } .all-finder-layer .finder-body .finder-category.open {height:100%;overflow:visible; } .all-finder-layer .finder-body tr.finder-child-category {display:none; } .all-finder-layer .finder-body tr.finder-child-category th,.all-finder-layer .finder-body tr.finder-child-category td {border-top:none; } .all-finder-layer .finder-body tr.finder-child-category td {background:#fbfbfb; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 {display:inline-block;margin:3px 5px 3px 0;padding:5px 10px;cursor:pointer;line-height:22px;vertical-align:top;word-break:break-all;color:#9a9a9a; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 .fa-check {display:none; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on {font-weight:bold;color:#000;border:0;border-radius:0;box-shadow:unset; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on .fa-check {display:inline-block;margin-right:3px; } .all-finder-layer .finder-body .finder-color {padding-left:10px; } .all-finder-layer .finder-body .finder-price .finder-price-input {display:inline-block;padding-top:5px} .all-finder-layer .finder-body .finder-price .finder-price-input label {display:inline-block;width:110px;padding:0 10px;border:1px solid #ccc;border-radius:3px;color:#666; } .all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input {display:inline-block;width:90px;height:29px;line-height:29px;padding:0;border:none;background:none;color:#333;text-align:right; } .all-finder-layer .finder-body .finder-search {position:relative;padding-left:5px; } .all-finder-layer .finder-body .finder-search label {display:inline-block;width:320px;padding:0 10px;border:1px solid #ccc;border-radius:3px; } .all-finder-layer .finder-body .finder-search label .txt-input {display:block;width:100%;height:29px;line-height:29px;padding:0;border:none;background:none;color:#333;text-align:left; } .all-finder-layer .finder-body .finder-btn-c {padding:30px 0;text-align:center; } .all-finder-layer .finder-body .finder-btn-c a.reset {display:inline-block;width:140px;height:60px;line-height:57px;border:none;border-radius:3px;background:#999;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px;font-family:'Malgun Gothic';margin-right:15px; } .all-finder-layer .finder-body .finder-btn-c button {display:inline-block;height:60px;line-height:57px;padding:0 30px;*padding:0;border:none;border-radius:3px;background:#000;color:#fff;font-size:18px;font-weight:bold;letter-spacing:-0.5px;font-family:'Malgun Gothic';cursor:pointer; } .all-finder-layer .finder-body .finder-btn-c button span.ico-search {visibility:visible;display:inline-block;width:16px;height:15px;margin-right:10px;margin-top:-4px;*margin-top:0;vertical-align:middle;background:url('/images/common/btn_h15_search.png') no-repeat 0 0; } .all-finder-layer .finder-body .finder-btn-c button span.finder-count {visibility:visible;display:inline-block;height:60px;color:#ffd800;font-size:23px;*vertical-align:middle; } .all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle {visibility:visible;display:none; } .all-finder-layer .finder-body .finder-options {display:inline-block;margin:3px 5px 3px 0;padding:5px 10px;cursor:pointer;line-height:22px;border:1px solid #fff;vertical-align:top;word-break:break-all; } .all-finder-layer .finder-body .finder-options.on {font-weight:bold;border:1px solid #000;border-radius:20px;box-shadow:2px 2px 3px #d2d2d2; } .all-finder-layer .finder-body .finder-option-color em {display:inline-block;width:22px;height:22px;border-radius:20px;font-size:0;vertical-align:top; } .all-finder-layer .finder-body .finder-option-color.color-picker {width:22px;height:22px;padding:0;border:none; } .all-finder-layer .finder-body .finder-option-color.color-picker.on {border:none; } .all-finder-layer .finder-body .finder-option-color.color-picker .fa-check {display:none;width:22px;height:22px;margin-top:-17px;color:#fff;text-align:center; } .all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check {display:block; } .all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check {color:#000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-black em {background-color:#000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-white em {background-color:#FFF;width:20px;height:20px;border:1px solid #e5e5e5; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em {background-color:#808080; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em {background-color:#e5d0b2; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em {background-color:#aa6810; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em {background-color:#425583; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em {background-color:#0000ff; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em {background-color:#62acff; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-red em {background-color:#ff0000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em {background-color:#ffa500; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em {background-color:#ffff00; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em {background-color:#ffc0cb; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em {background-color:#800080; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em {background-color:#a63f7f; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em {background-color:#2f5e2f; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-green em {background-color:#008000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em {background-color:#72dd95; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em {background-color:#dfdfdf; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em {background-color:#cfbc4e; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em {background-color:#fbceb1; } .all-finder-layer .finder-body .search-auto-complete-list {display:none;z-index:1;position:absolute;top:30px;left:5px;border:1px solid #ddd;line-height:14px;background:#fff; } .all-finder-layer .finder-body .search-auto-complete-list ul {width:340px;padding:4px 0 6px;border-bottom:1px solid #ddd; } .all-finder-layer .finder-body .search-auto-complete-list ul li {text-align:left; } .all-finder-layer .finder-body .search-auto-complete-list ul li.on {background:#f3f3f3; } .all-finder-layer .finder-body .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; } .all-finder-layer .finder-body .search-auto-complete-list ul li a strong {color:#ab3e41; } .all-finder-layer .finder-body .search-auto-complete-list ul li a:hover {background:#f2f2f2; } .all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span {border-bottom:1px solid #000; } .all-finder-layer .finder-body .search-auto-complete-list .search-list-close {display:block;padding:10px 11px;text-align:right;color:#999;font-size:11px; } .all-finder-layer .finder-body .finder-search-data .finder-options {border:1px solid #e5e5e5;box-shadow:none; } .all-finder-layer .finder-body .finder-search-data .finder-options .fa-close {margin-left:10px;color:#999; } #MAKESHOPLY0 {display: none !important; } /* BASIC css end */