/* BASIC css start */
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink-effect 1s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}


#dggHide { display:none!important; z-index:99999998 !important; position:fixed !important; right:30px !important; top:60px !important; }
#dggTbar { display:none; z-index:99999998 !important; position:fixed !important; left:0 !important; top:60px !important; }

#hdWrap { background-color:#fff; position: fixed; top:0;left:0;right:0;z-index:100; text-align:center; }
#hdWrap .hdArea {position: relative;top:0;left:0;right:0;z-index:105;}
#hdWrap.fix .hdArea {border:none; background: #fff; border-bottom:1px solid #ededed }
.minSizeWrap {position: relative;min-width: 1200px;margin: 0 auto;padding: 0 0px; }

/* 상단배너 */
#headerBanner { position:relative; width:100%; height:25px; overflow:hidden; background: #000; }
#headerBanner a {font-size:14px; font-weight:bold; color:#fff; line-height:25px;}
#headerBanner .hdBannerImg { position:relative; width:100%; height:25px; text-align:center }
#headerBanner .hdBannerImg .blink { /*margin-left:-600px; position:absolute; top:0; left:50%; width:1200px; height:34px*/ }
#headerBanner .hdBannerImg .blink a,
#headerBanner .hdBannerImg .blink img { vertical-align:top; color:#fff; line-height:34px; font-family:'notokr-medium'; font-size:14px; text-transform: uppercase; }
#headerBanner .bnClose { display:none; position:absolute; top:4px; right:50px }
#headerBanner .bnClose a { display:block; width:22px; height:22px; font-size:22px; color:#fff; text-align:center; }

/* 로고 영역  */
#hdWrap .hdLeft { margin-top:15px; }

/* 카테고리 */
#hdWrap .hdCate { /*position: relative;*/ }
#hdWrap .hdCate .cateWrap { /*position: relative;*/ text-align:left; margin: -38px 0 0 22px;}
#hdWrap .hdCate .cateWrap a:hover {  }
#hdWrap .hdCate .cateWrap a.sale { color:#da0202 }
#hdWrap .hdCate .cateWrap .tmenu { /*position: relative;*/ padding: 18px 12px 14px; display: inline-block;}
#hdWrap .hdCate .cateWrap .tmenu a { color:#000; font-weight:600; font-family:'Roboto'; font-size:16px; letter-spacing:0.2px;}
#hdWrap .hdCate .cateWrap .tmenu .depth2 {display:none;position: absolute;background: #fff;top: 35px;left: 50%; padding: 28px 0 37px;z-index: 97;text-align: center;}
#hdWrap .hdCate .cateWrap .tmenu .depth2 li {display: block; text-align:right; padding: 4px 30px 4px 0;  }
#hdWrap .hdCate .cateWrap .tmenu .depth2 li a {display:inline-block;color:#000; font-weight:400 !important; font-family:'Roboto'; font-size:15px; line-height:16px; border-bottom:1px solid #fff }
#hdWrap .hdCate .cateWrap .tmenu .depth2 li a:hover {color:#9c9c9c; border-bottom:1px solid #868686}

#hdWrap .topRight {position: absolute;right: 22px; top: -16px;}
#hdWrap .topRight li {position: relative; padding: 18px 12px 14px; display: inline-block;}
#hdWrap .topRight li a {color:#000; font-weight:600; font-family:'Roboto'; font-size:16px; line-height:30px; letter-spacing:0.2px; }
#hdWrap .topRight li a:hover {  }
#hdWrap .topRight li a.searchBtn { }
#hdWrap .topRight .tmenu {padding: 0 17px}
#hdWrap .topRight .tmenu a {color:#000; font-weight:600 !important; font-family:'Roboto'; font-size:16px; line-height:16px; letter-spacing:0.2px; }

#hdWrap .depth100 { width:100%;left:0 !important; height:300px }
#hdWrap .depth100 li { text-align:left !important; padding: 4px 0px 4px 0 !important }


.subbox { height:300px; padding:17px 0 37px; }
.subbox li { text-align:left; padding: 1px 0px 1px 0}
.subbox a {display:inline-block;color:#000; font-weight:500 !important; font-family:'Roboto'; font-size:14px; letter-spacing:0.2px; line-height:16px; border-bottom:1px solid #fff }
.subbox a:hover {color:#9c9c9c; border-bottom:1px solid #868686}

.subbox2 { padding:2px 0px 37px 32px; }
.subbox2 > ul > li { padding: 1px 0px 1px 0 !important; text-align:left; display:block !important;}
.subbox2 > ul > li a {display:inline-block;color:#000; font-weight:500 !important; font-family:'Roboto'; font-size:14px; line-height:16px !important; letter-spacing:0.2px; border-bottom:1px solid #fff !important }
.subbox2 > ul > li a:hover {color:#9c9c9c !important; border-bottom:1px solid #868686 !important}

.subbox3 { padding:17px 32px 37px 0px; }
.subbox3 > ul > li { padding: 1px 0px 1px 0 !important; text-align:right; display:block !important;}
.subbox3 > ul > li a {display:inline-block;color:#000; font-weight:500 !important; font-family:'Roboto'; font-size:14px; line-height:16px !important; letter-spacing:0.2px; border-bottom:1px solid #fff !important }
.subbox3 > ul > li a:hover {color:#9c9c9c !important; border-bottom:1px solid #868686 !important}


.event_box {overflow:hidden; padding-top:20px; padding-left:15px; width:100%; box-sizing:border-box; }
.event_box li{ width:32%; display:inline-block;}
.event_box img { width:100%; display:block; margin-bottom:5px }
.event_box a { font-size:14px; color:#000; font-weight:normal; }


.event_box2 {overflow:hidden; padding-top:20px; padding-left:15px; width:100%; box-sizing:border-box; }
.event_box2 li{ width:32%; display:inline-block;}
.event_box2 img { width:100%; display:block; margin-bottom:5px }
.event_box2 a { font-size:14px; color:#000; font-weight:normal; }

.event_box3 {overflow:hidden; padding-top:20px; padding-left:15px; width:100%; box-sizing:border-box; }
.event_box3 li{ width:48%; display:inline-block;}
.event_box3 img { width:100%; display:block; margin-bottom:5px }
.event_box3 a { font-size:14px; color:#000; font-weight:normal; }


/* 검색창 */
#hdWrap .searchArea {display:none;width:200px;position:absolute;top:18px;right: 300px;z-index:10;}
#hdWrap .searchArea .search { position: relative; }
#hdWrap .searchArea .search fieldset { position:relative;float:left; margin: 0 auto; }
#hdWrap .searchArea .search input{border:0;width:120px;height:30px;font-size:12px;background:#f0f0f0;color:#000;border-radius:4px;padding:0 30px 0 10px;font-weight:400; font-family:Roboto; }
#hdWrap .searchArea .search .searhBtn{position:absolute;top:4px;right:5px;}
#hdWrap .searchArea .search .searchClose { width:26px;font-size: 18px;float:left;background:#fff;text-align:center;line-height:32px;margin-left:0px;}


/* 다찾다 자동완성*/
.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; }


/* 다찾다 검색 파인더 */
#allfinder-layer { z-index: 9999; position: fixed; bottom: 100px; right: 120px; width: 900px; zoom: 1; overflow: hidden; }
#allfinder-layer .finder-body { display:none; z-index:1; position: relative; width: 900px; *width:858px; padding:35px 40px 5px; max-height: 400px; 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; bottom: 100px; right: 20px; width: 100px; height:100px; }
#allfinder-ctr a {display:block; width:100%; height:100%; background:url('/design/zooyork77/deetong/finder2.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 #e5e5e5; }
.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;  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: #fff; text-align: left; vertical-align:top;border-right: 1px solid #e5e5e5; }
.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 td { padding: 5px 10px; }
.all-finder-layer .finder-body .txt-input { height: 21px; line-height: 21px; padding: 0 5px; 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 .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 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; 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:#fff; 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-btn-c button .reset {color: #fff; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; cursor:pointer;}

.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-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; }


/* BASIC css end */