/* BASIC css start */ #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 } #content {margin-top:120px; } #clearButton { width:24px; height:24px; position:absolute; right:40px; top:8px;} /* header */ #header { position:relative; width:100%; background:#fff; z-index:101; } #header .header-wrap { position:fixed; top:0; left:0; width:100%; min-width:1240px; transition: 0.2s all ease-in-out 0s; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} #main #header .header-wrap { position:fixed; top:0; left:0; width:100%; min-width:1240px; transition: 0.2s all ease-in-out 0s; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); } #header .header-wrap { position:fixed; background-color: #fff; border-bottom:1px solid #efefef; } #header .header-wrap svg, #header .header-wrap svg path, #header .header-wrap svg rect { stroke: #000; transition: 0.2s stroke ease-in-out 0s } #header .header-wrap .bar-menu svg, #header .header-wrap .bar-menu svg rect, #header .header-wrap .top-logo svg path { fill:#000; stroke:none; transition: 0.2s fill ease-in-out 0s } #header .header-wrap .header-gnb .category .cate-list > li > a { line-height:20px; padding:30px 0; display:flex; justify-content: center; align-items: center; color:#000; font-size:15px; font-family:'Montserrat'; font-weight:500; } #main #header .header-wrap { position:fixed; background-color: none; } #main #header .header-wrap svg, #main #header .header-wrap svg path, #main #header .header-wrap svg rect { stroke: #fff; transition: 0.2s stroke ease-in-out 0s } #main #header .header-wrap .bar-menu svg, #main #header .header-wrap .bar-menu svg rect, #main #header .header-wrap .top-logo svg path { fill:#fff; stroke:none; transition: 0.2s fill ease-in-out 0s } #main #header .header-wrap .header-gnb .category .cate-list > li > a { color:#fff; } #main #header .header-wrap.scrolled { position:fixed; background-color: #fff; border-bottom:1px solid #efefef; } #main #header .header-wrap.scrolled svg, #main #header .header-wrap.scrolled svg path, #main #header .header-wrap.scrolled svg rect { stroke: #000; transition: 0.2s stroke ease-in-out 0s } #main #header .header-wrap.scrolled .bar-menu svg, #main #header .header-wrap.scrolled .bar-menu svg rect, #main #header .header-wrap.scrolled .top-logo svg path { fill:#000; stroke:none; transition: 0.2s fill ease-in-out 0s } #main #header .header-wrap.scrolled .header-gnb .category .cate-list > li > a { color:#000; } #header .top-banner {width:100%; height:40px; line-height:40px; text-align:center; background:#1c1c1c; } #header .top-banner .top-banner-content > a { color:#fff; overflow: hidden; font-size:13px;} #header .header-wrap .header-gnb { width:100%; height:80px; padding:0 45px; box-sizing:border-box; } #header .header-wrap .header-gnb h1 { display: inline-block; padding-left:20px; } #header .header-wrap .header-gnb .btn-bar .bar-menu { cursor: pointer; } #header .header-wrap .header-gnb .btn-bar .bar-menu { position: relative;} #header .header-wrap .header-gnb .btn-bar:hover .allmenu-wrap { opacity: 1; visibility: visible; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list .sub-cate{ display:none; margin-bottom:30px; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap { text-align: left; width: 340px; height: 100vh; max-height: 100vh; position: absolute; top: 0; left:0; background-color: #EFEFEF; padding:20px 30px; border: 1px solid #000; white-space: nowrap; font-weight: 500; box-sizing:border-box; opacity: 0; visibility: hidden; z-index:99; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } /* 크롬, 사파리에서 스크롤바 숨기기 */ #header .header-wrap .header-gnb .btn-bar .allmenu-wrap::-webkit-scrollbar { display: none; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .btn-close { cursor:pointer; width:30px; height:30px; position: absolute;top: 15px;left: 20px; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .global-list { margin:0; text-align: right; font-weight: normal; letter-spacing: 0px;font-size:0; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .global-list span { font-family:'Montserrat'; font-size:11px; font-weight:500; vertical-align: middle; color:#1c1c1c; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .global-list span.xi-globus { font-size:16px; color:#606060; margin-right:5px; margin-top:-2px;} #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .global-list span:nth-of-type(2)::after { content: "|"; margin: 0 0 0 10px; color:#D9D9D9; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .global-list span select { background: #efefef url(/design/heyskorea/img/btn-select.svg) no-repeat 48px 2px; border:0; padding-left:10px; width:70px; height:22px; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list { text-transform:uppercase; font-family:'Montserrat', sans-serif !important; margin-top:75px; margin-left:0px; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list > ul > li { display:block; margin:0 0 15px; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list > ul > li a { font-size:15px; letter-spacing:1px; font-family:'Montserrat', sans-serif; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list > ul > li.shop { margin:60px 0; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list > ul > li span { font-size:20px; vertical-align: bottom; margin-left:12px; transition: all 0.3s; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list > ul > li a.on span {transform: rotate(180deg);} #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list > ul > li.has-sub > ul { display:none; margin-bottom:25px;} #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list > ul > li.has-sub ul li { display: block; margin: 10px 0 5px 30px; font-weight:400; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list > ul > li.has-sub ul li a:hover { text-decoration:underline; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list > ul > li.has-sub ul li a { font-size:14px; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .top-list > ul > li.has-sub ul li a > span { font-size:13px; vertical-align:middle; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .bottom-list { margin-top:60px; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .bottom-list > ul > li { display:block; margin:0 0 13px; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .bottom-list > ul > li > a { font-size:14px; letter-spacing:1px; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .bottom-list > ul > li.insta { margin:50px 0; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .bottom-list > ul > li.insta span { font-size:20px; color:#8E8E8E; } #header .header-wrap .header-gnb .btn-bar .allmenu-wrap .header-bnr { margin-left:-10px; } #header .header-wrap .header-gnb .category { margin-left:60px; font-family:'Montserrat'; } #header .header-wrap .header-gnb .category .cate-list > li { position:relative; display:flex; cursor:pointer; height:80px; } #header .header-wrap .header-gnb .category .cate-list > li:not(:last-child) { margin-right:30px; } #drop-shop { background:#f6f6f6; width:680px; display: block; position: absolute; top: 80px; left: -30px; padding:60px; box-sizing:border-box; opacity: 0; visibility: hidden; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; z-index: 99; } #drop-shop.drop-shop { left:auto; right:0px; } #btn-shop:hover #drop-shop { opacity: 1; visibility: visible; } #drop-shop .nav-box h3 { font-size:24px; font-family:'Montserrat', sans-serif !important; color:#1c1c1c; font-weight:600; } #drop-shop .nav-box .nav-list { position: relative; text-transform: uppercase; } #drop-shop .nav-box .nav-list.first { margin:0 0 0 60px; } #drop-shop .nav-box .nav-list .category-item { display:block; } #drop-shop .nav-box .nav-list .category-item > a { padding-bottom:14px; font-size:13px; font-family:'Montserrat'; color:#9a9a9a; font-weight:500; width:165px; display:block; } #drop-shop .nav-box .nav-list .category-item > a .xi, #drop-shop .nav-box .nav-list .sub-item > a .xi { display:none; } #drop-shop .nav-box .nav-list .category-item.active > a, #drop-shop .nav-box .nav-list .sub-item.active > a { color:#1c1c1c; } #drop-shop .nav-box .nav-list .category-item.active > a .xi, #drop-shop .nav-box .nav-list .sub-item.active > a .xi { display:inline-block; margin-left:3px; vertical-align:middle; } #drop-shop .nav-box .nav-list .category-item .sub-category a:hover, #drop-shop .nav-box .nav-list .category-item .low-category a:hover { color: #1c1c1c; } .sub-category { position: absolute; top: 0; left: 100%; display: none; width: 200px; height:100%; list-style: none; border-left:1px solid #efefef;} .sub-category li { display:block; } .sub-category li a { font-size:13px; font-family:'Montserrat'; color:#9a9a9a; font-weight:500; display:block; width:130px; padding-bottom:14px; padding-left:40px; } .sub-category li a:hover { color:#1c1c1c; } .low-category { position: absolute; top: 0; left: 100%; display: none; width: 180px; height:100%; list-style: none; border-left:1px solid #efefef;} .low-category li { display:block; width:130px; margin-bottom:14px; margin-left:40px;} .low-category li a { font-size:13px; font-family:'Montserrat'; color:#9a9a9a; font-weight:500; display:block width:100%; } .low-category li a:hover { color:#1c1c1c; } #drop-shop .nav-box .nav-spotlight h4 { font-size:11px; font-family:'Montserrat'; color:#9a9a9a; } #drop-shop .nav-spotlight { margin-top:60px; } #drop-shop .nav-spotlight h4 { font-weight:500; font-size:11px; font-family:'Montserrat'; color:#9a9a9a; letter-spacing: .5px; } #drop-shop .nav-spotlight .grid-item { margin-top:10px; gap: 10px; } #drop-shop .nav-spotlight .grid-item .grid .grid-text { font-family:'Montserrat'; font-size:14px; margin-top:20px; font-weight:500; } #drop-shop .nav-spotlight .grid-item .grid:hover .grid-text { text-decoration:underline; } #drop-shop .nav-spotlight .grid-item .grid { flex: 1; max-width: calc(100% / 2); text-align: left; } #drop-shop .nav-spotlight .grid-item .grid .grid-text { font-family:'Montserrat'; font-size:14px; margin-top:20px; font-weight:500; } #drop-shop .nav-spotlight .grid-item .grid:hover .grid-text { text-decoration:underline; } #drop-shop .nav-spotlight .grid-item .grid img { width: 100%; height: auto; } #header .header-wrap .header-gnb .icon-menu { margin-left:auto; } #header .header-wrap .header-gnb .icon-menu .icon-box > ul > li { display:inline-block; margin-left:30px; } #header .header-wrap .header-gnb .icon-menu .icon-link { position:relative; cursor:pointer; display:block; } #header .header-wrap .header-gnb .icon-menu .icon-link .basket-count { color:#fff; position:absolute; top:8px; left:9px; font-size: 11px; font-weight:600; } #header .header-wrap.scrolled .header-gnb .icon-menu .icon-link .basket-count {color:#1c1c1c; } #header .header-wrap .header-gnb .icon-menu .icon-link .join-tip { animation: joinBalloon 1s linear Infinite; background: #1c1c1c; color: #fff; padding: 2px; border-radius: 50px; position: absolute; top: -25px; display: inline-block; width: 50px; text-align: center; font-size: 12px; font-weight: 500; left: 50%; transform: translateX(-50%); } #btn-drop { position: relative; } #drop-mypage { display: block; position: absolute; top: 35px; left: -28px; opacity: 0; visibility: hidden; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; z-index: 99; } #drop-mypage ul { padding: 12px 10px; background: #efefef; text-align: center; width: 82px; box-sizing: border-box; border-radius:5px; } #drop-mypage ul li a { display:block; font-size:11px; line-height: 19px; padding: 3px 0; border-radius: 6px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; font-family:'Montserrat', sans-serif; font-weight:500; } #drop-mypage ul li:hover a { background: rgba(0,0,0,0.05); } #btn-drop:hover #drop-mypage { opacity: 1; visibility: visible; } #header .headerTnb { margin:0 auto; position:relative; width:1100px; height:45px; *zoom:1 } #header .headerTnb:after { display:block; clear:both; content:'' } #header .headerTnb .tnbLeft { float:left } #header .headerTnb .tnbLeft li { padding-right:9px; float:left } #header .headerTnb .tnbLeft li a { display:block; height:45px; color:#6d6d6d; line-height:45px } #header .headerTnb .tnbLeft li.noticeLine { padding-left:23px } #header .headerTnb .tnbLeft li.noticeLine p { padding-left:21px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/ico_volume.gif) 0 17px no-repeat } #header .headerTnb .tnbLeft li.noticeLine p a { font-size:11px; color:#7a7a7a; line-height:49px; line-height:53px \0/IE8+9 } #header .headerTnb .tnbRight { float:right } #header .headerTnb .tnbRight li { padding-left:10px; float:left } #header .headerTnb .tnbRight li a { display:block; height:45px; color:#6d6d6d; line-height:45px; font-family:Verdana } #header .headerTop { margin:0 auto; position:relative; width:1100px; height:77px; *zoom:1 } #header .headerTop:after { display:block; clear:both; content:'' } #header .headerTop .tlogo { margin:0 210px; padding-top:12px; text-align:center } #header .headerTop .searchArea { position:absolute; top:12px; right:0; width:204px; height:40px; border-bottom:1px solid #000 } #header .headerTop .searchArea .search { position:relative; width:204px; height:40px } #header .headerTop .searchArea .search input { padding-left:10px; width:164px; height:39px; line-height:40px; border:none; background:#fff } #header .headerTop .searchArea .search a { display:block; position:absolute; top:0; right:0; width:30px; height:40px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_search.gif) 0 0 no-repeat } #header .headerGnb { min-width:1100px; border-bottom:1px solid #231f20 } #header .headerGnb .gnbInner { margin:0 auto; position:relative; width:1100px } #header .headerGnb .gnbInner ul { *zoom:1 } #header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' } #header .headerGnb .gnbInner ul li { margin:0 31px; position:relative; float:left } #header .headerGnb .gnbInner ul li a { display:block; height:41px; font-size:14px; color:#202020; line-height:41px; white-space:nowrap; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent } #header .headerGnb .gnbInner ul li a:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:2px; z-index:-1; background:#231f20; -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out } #header .headerGnb .gnbInner ul li a:active:before, #header .headerGnb .gnbInner ul li a:focus:before, #header .headerGnb .gnbInner ul li a:hover:before { left:0; right:0 } #header .headerGnb .gnbInner ul li a:hover { *height:39px; *border-bottom:2px solid #000; } #header .headerGnb .gnbInner ul li.first { padding-left:0 } #header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px } /* 다찾다 자동완성*/ .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: 40px; width: 50%; right: -50%; bottom: 0; box-sizing: border-box; transition: right 0.3s ease-in-out; } #allfinder-layer.active { display: block; right: 0; } #allfinder-layer .scroll_wrapper { overflow-y: auto; height: 100%; } #allfinder-layer .scroll_wrapper .scroll_content { background: rgba(247, 247, 247, 1); padding: 0 50px 0; } #allfinder-layer .finder-body { z-index:1; position: relative; padding:35px 40px 5px; max-width: 950px; min-width: 640px; height:100%; overflow-x: hidden; overflow-y: auto; box-sizing:border-box; background:#fff; } #allfinder-layer .finder-header { position: sticky; top: 0; z-index: 1; padding-top: 10px; } #allfinder-layer .finder-header h2 { font-family:'Montserrat'; margin-bottom: 30px; font-size: 18px; font-weight:700; position: relative; } #allfinder-layer .finder-header h2 .finder-close { position: absolute; top: 50%; right: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-top: -10px; font-size:18px; } .all-finder-layer .finder-body .finder-search{ position:relative; border-bottom:1px solid #1c1c1c; padding:0 40px 0 0; } .all-finder-layer .finder-body .finder-search .btn-submit { width:24px; height:24px; position: absolute; bottom: 5px; right: 0; background:none; } .all-finder-layer .finder-body .finder-tbl td .finder-search input { width:100%; height:29px; line-height:29px; border:0; font-size:14px; } .all-finder-layer .finder-body .finder-search label { margin-right: 30px; margin-bottom: 5px; display:block; } .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: #777; text-align: left; } .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; margin-right:20px; } .all-finder-layer .finder-body .finder-price .finder-price-input label:last-child { margin-left:20px; } .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-btn-c { text-align: right; } .all-finder-layer .finder-body .finder-btn-c a.reset { display: inline-block; text-decoration:underline; line-height: 57px; color: #1c1c1c; font-size: 14px; letter-spacing: 1px; margin-right:15px; } .all-finder-layer .finder-body .finder-btn-c button { background:none; display: inline-block; text-decoration:underline; height: 60px; line-height: 57px; border:none; font-size: 14px; cursor:pointer; } .all-finder-layer .finder-body .finder-search-data .finder-options { display: inline-block; vertical-align: top; font-size: 12px; margin-right: 0; margin-right: 25px; margin-bottom: 0; cursor: pointer; padding-right: 18px; position: relative; white-space: nowrap; } .all-finder-layer .finder-body .finder-search-data .finder-options .fa-close { background: url(/design/heyskorea/img/option_close.svg) 50% 50% no-repeat; width: 18px; height: 18px; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -9px; } .all-finder-layer .finder-body .finder-tbl { margin-top:80px; } .all-finder-layer .finder-body .finder-tbl table tr:first-child { } .all-finder-layer .finder-body .finder-tbl th, .all-finder-layer .finder-body .finder-tbl td { padding: 20px 0; font-size: 14px; color: #1c1c1c; } .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 { text-align: left; vertical-align:top; font-weight: 500; } .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-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-options.on { font-weight: 500; font-size:14px; color: #606060; } .all-finder-layer .finder-body .finder-options { color:#606060; display: inline-block; vertical-align: top; word-break: break-all; font-weight: 400; } .all-finder-layer .finder-body .finder-options.on { color: #1c1c1c; } .all-finder-layer .finder-body .finder-option-color em { color: #606060; cursor:pointer; } .all-finder-layer .finder-body .finder-option-color.color-picker { padding: 0; border: none;} .all-finder-layer .finder-body .finder-options.on em { font-weight: 500; color: #1c1c1c; } .all-finder-layer .finder-body .finder-option-color .fa-check { display:none; } .all-finder-layer .finder-body label { margin-right: 50px; margin-bottom: 20px; display: inline-block; } /* .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; } @keyframes joinBalloon { 0% { transform: translateX(-50%) translateY(0) } 50% { transform: translateX(-50%) translateY(4px) } 100% { transform: translateX(-50%) translateY(0) } } /* BASIC css end */