@charset "euc-kr";
/* --------------------------------------------
	공통 - base.css
-----------------------------------------------*/
/*공통요소 변경*/
//#cts{overflow:hidden;width:100%;}
#cts{margin:0;padding:0}
.msgbox{margin:15px 10px 10px;}

/* icon common - 2013 */
.ic{display:inline-block;overflow:hidden;min-width:48px;height:14px;padding:0 2px;border:1px solid #dfdfdf;background:#fff;color:#757575;font-size:10px;text-align:center;line-height:15px;}
.ic.tm{min-width:42px;border-color:#757fd8;background:#757fd8;color:#fff;} /* T멤버십 */
.ic.pm{border-color:#9ab0fc;color:#6c78e6;} /* 프로모션 */
.ic.hm{border-color:#d3aa72;color:#bd7e21;} /* 현대백화점 */
.ic.dy{border-color:#b8afe4;color:#887bcb;} /* 배송 */
.ic.bf{min-width:72px;} /*혜택*/
.ic.dc{min-width:72px;border-color:#b8afe4;color:#887bcb;} /*할인*/
/* tab */
.rk_tabs {overflow:hidden;width:100%;background:#4f4f4f;}
.rk_tabs li{float:left;width:33%;border-bottom:1px solid #414141;}
.rk_tabs li a{display:block;height:34px;border-left:1px solid #6c6c6c;border-right:1px solid #414141;color:#fff;font-size:0.8em;font-weight:bold;line-height:2.7em;text-align:center;}
.rk_tabs li:last-child{width:34%;}
.rk_tabs li:last-child a{border-right:none;}
.rk_tabs li.on{border-bottom:1px solid #2f4b83;}
.rk_tabs li.on a{border-left-color:#617fc5;border-right-color:#2f4b83;background:#4f6ca6;color:#fff26f;}
/* category*/
.rk_cate{margin-bottom:10px;padding:1px;border:2px solid #4f6ca6;border-width:3px 2px;background:#2f4b83;}
.rk_cate ul{height:32px;padding:0 5px;background:#fff;}
.rk_cate ul:first-child{border-bottom:1px solid #e5e5e5;}
.rk_cate li{float:left;position:relative;padding:0 5px 0 5px}

/*rank100*/
.rk_cate.rk100 li.c1{width:15%;}
.rk_cate.rk100 li.c2{width:25%;}
.rk_cate.rk100 li.c3{width:15%;}
.rk_cate.rk100 li.c4{width:15%;}
.rk_cate.rk100 li.c5{width:15%;}
.rk_cate.rk100 li.c6{width:15%;}
.rk_cate.rk100 li.c7{width:14%;}
.rk_cate.rk100 li.c8{width:20%;}
.rk_cate.rk100 li.c9{width:23%;}
.rk_cate.rk100 li.c10{width:23%;}
.rk_cate.rk100 li.c11{width:20%;}
/*fashion*/
.rk_cate.fashion ul{border-bottom:none;}
/*소호랭킹 오픈후 삭제*/
.rk_cate.fashion li.c1{width:49%;}
.rk_cate.fashion li.c2{width:51%;}
/*//소호랭킹 오픈후 삭제*/
.rk_cate.fashion li.f1{width:32%;}
.rk_cate.fashion li.f2{width:34%;}
.rk_cate.fashion li.f3{width:34%;}
.rk_cate li a{display:block;padding:9px 0;color:#586273;font-size:.75em;font-weight:bold;line-height:1.2em;text-align:center;}
.rk_cate li.on:before{content:'';display:inline-block;position:absolute;top:-1px;left:50%;width:0;height:0;margin-left:-5px;border-top:6px solid #4f6ca6;border-left:6px solid transparent;border-right: 6px solid transparent;}
.rk_cate ul:last-child li.on:before{top:auto;bottom:-1px;border-top:none;border-bottom:6px solid #4f6ca6;}
.rk_cate ul:first-child li.on:before{top:-1px;bottom:auto;border-top:6px solid #4f6ca6;border-bottom:none;}
.rk_cate li.on a{color:#2f4b83;font-weight:bold;}
@media screen and (min-width:620px) {
.rk_cate{overflow:hidden;}
.rk_cate ul{float:left;width:50%;padding:0;}
.rk_cate ul:first-child{border-bottom:none;}
.rk_cate ul:last-child li.on:before{top:-1px;bottom:auto;border-top:6px solid #4f6ca6;border-bottom:none;}
.rk_cate.fashion ul{float:none;width:100%;}
}

/* sort */
.rank_sort{position:relative;min-height:28px;padding:4px 76px 4px 10px;border-top:1px solid #acacac;background:#eeeff1;}
.rank_sort:before{position:absolute;display:block;top:0;left:0;width:100%;height:1px;background:#fff;content:'';}
.rank_sort select{width:100%;height:28px;padding:0 25px 0 5px;border:1px solid #bcbcbc;border-radius:2px;background:#fff url('../img/ranking_v2.png') no-repeat 100% -65px;background-size:55px 91px;}
.rank_sort.slt_no select{display:none;}
.rank_sort .sty{position:absolute;top:4px;right:10px;}
.rank_sort .sty li{float:left;margin-left:-1px;}
.rank_sort .sty li a{position:relative;display:block;overflow:hidden;width:26px;height:26px;border:1px solid #a2a6b0;background:url('../img/ranking_v2.png') no-repeat 0 0;background-size:55px 91px;text-indent:-9999px;}
.rank_sort .sty li:first-child a{-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;}
.rank_sort .sty li:last-child a{-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;}
.rank_sort .sty li.on a{border-color:#666c79;z-index:20;}
.rank_sort .sty li.sty1.on a{background-position:-27px 0;}
.rank_sort .sty li.sty2 a{width:27px;background-position:0 -27px;}
.rank_sort .sty li.sty2.on a{background-position:-28px -27px;}

/* product-list 리스트형 2013 */
.prd_lst li{position:relative;border-top:1px solid #eeeef0;}
.prd_lst li:first-child{border-top-color:#aeb4bf;}
.prd_lst li a{position:relative;display:block;min-height:100px;padding:8px 8px 8px 116px;}
.prd_lst .thumb{position:absolute;top:8px;left:8px;width:100px;height:100px;}
.prd_lst .thumb:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.1);content:'';}
.prd_lst .thumb img{position:absolute;top:0;right:0;left:0;bottom:0;width:auto;max-width:100px;height:auto;max-height:100px;margin:auto;}
.prd_lst .click .thumb{top:28px;}
.prd_lst .click .thumb:after{border-color:#4177cd;z-index:10;}
.prd_lst .name{display:block;overflow:hidden;height:3em;color:#3d4859;font-size:.8em;font-weight:bold;line-height:1.5em;}
.prd_lst .name .ic.tm{margin-right:4px;font-weight:normal;}
.prd_lst .sell{display:block;margin-top:8px;color:#666;font-size:.75em;}
.prd_lst .rev{margin-left:5px;padding-left:5px;}
.prd_lst .rev:before{position:absolute;width:1px;height:10px;margin:3px 0 0 -5px;background:#e5e5e5;content:'';}
.prd_lst .prc_area{display:block;margin-top:8px;font-size:.75em;}
.prd_lst .prc {margin-right:4px;color:#e01c22;font-weight:bold;}
.prd_lst .prc strong{font-size:1.65em;}
.prd_lst .prc del{color:#888;font-weight:normal;}
.prd_lst .rank{position:absolute;top:0;left:0;min-width:23px;height:23px;background:rgba(242,101,34,0.8);border:1px solid #f26522;color:#fff;font-size:.85em;font-weight:bold;text-align:center;line-height:23px;text-indent:-1px;z-index:2;}
.prd_lst .hot{position:absolute;top:0;left:0;width:32px;height:29px;padding:3px 0 12px;background:url('../img/ranking_hot.png') no-repeat 0 0;background-size:32px 44px;color:#fff;font-size:.7em;font-weight:bold;text-align:center;line-height:1.1em;text-shadow:0 -1px 1px rgba(0,0,0,0.2);z-index:10;}
.prd_lst .hot strong{display:block;font-size:1.35em;}
.prd_lst .click a{padding-top:28px;}
.prd_lst .click .pclick{position:absolute;top:8px;left:8px;width:100px;height:20px;background:#4177cd;color:#fff;font-size:.7em;text-align:center;line-height:20px;}
.prd_lst .click .pclick:before{display:inline-block;width:13px;height:10px;margin-right:2px;background:url('../img/ranking_v2.png') no-repeat 0 -54px;background-size:55px 91px;vertical-align:-1px;content:'';}
@-moz-document url-prefix() { .prd_lst .ic {vertical-align:middle;} }


/* product-list 이미지형 2013 */
.prd_glr{overflow:hidden;padding:8px 4px;border-top:1px solid #aeb4bf;}
.prd_glr li{position:relative;float:left;width:50%;}
.prd_glr li:nth-child(2n+1){clear:both;}
.prd_glr li a{position:relative;display:block;width:148px;margin:auto;padding:20px 0 8px;}
.prd_glr .thumb{position:relative;display:block;width:148px;height:148px;}
.prd_glr .thumb img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto}
.prd_glr .thumb:after{position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid rgba(0,0,0,0.1);content:'';}
.prd_glr .click .thumb:after{border-color:#4177cd;z-index:10;}
.prd_glr .rank{position:absolute;top:0;left:0;min-width:23px;height:23px;background:rgba(242,101,34,0.8);border:1px solid #f26522;color:#fff;font-size:.85em;font-weight:bold;text-align:center;line-height:23px;text-indent:-1px;z-index:2;}
.prd_glr .hot{position:absolute;top:0;left:0;width:32px;height:29px;padding:3px 0 12px;background:url('../img/ranking_hot.png') no-repeat 0 0;background-size:32px 44px;color:#fff;font-size:.7em;font-weight:bold;text-align:center;line-height:1.1em;text-shadow:0 -1px 1px rgba(0,0,0,0.2);z-index:10;}
.prd_glr .hot strong{display:block;font-size:1.35em;}
.prd_glr .name{display:block;overflow:hidden;height:2.4em;margin:8px 0 2px;padding:0 4px;color:#3d4859;font-size:.75em;font-weight:bold;text-align:center;line-height:1.2em;}
.prd_glr .prc{display:block;height:3em;color:#e01c22;font-size:.75em;font-weight:bold;line-height:1.25em;text-align:center;}
.prd_glr .prc del{display:block;height:1.3em;color:#888;font-weight:normal;line-height:1.25em;text-align:center;}
.prd_glr .prc strong{font-size:1.65em;line-height:2.5em;vertical-align:-1px;}
.prd_glr .prc del + strong{line-height:1em;}
.prd_glr .ico{display:block;height:16px;margin-top:3px;text-align:center;}
.prd_glr .ico .ic{vertical-align:top;}
.prd_glr .click .pclick{position:absolute;top:0;left:50%;width:148px;height:20px;margin-left:-74px;background:#4177cd;color:#fff;font-size:.7em;text-align:center;line-height:20px;}
.prd_glr .click .pclick:before{display:inline-block;width:13px;height:10px;margin-right:2px;background:url('../img/ranking_v2.png') no-repeat 0 -54px;background-size:55px 91px;vertical-align:-1px;content:'';}
@media screen and (min-width : 360px){
.prd_glr li a{width:156px;}
.prd_glr .thumb{width:156px;height:156px;}
.prd_glr .click .pclick{width:156px;margin-left:-78px;}
}
@media screen and (min-width : 640px){
.prd_glr li{width:33.3%;}
.prd_glr li:nth-child(2n+1){clear:none;}
.prd_glr li:nth-child(3n+1){clear:both;width:33.4%;}
}
@media screen and (min-width : 1024px){
.prd_glr li{width:20%;}
.prd_glr li:nth-child(3n+1){clear:none;width:20%;}
.prd_glr li:nth-child(5n+1){clear:both;}
}

/* 클릭랭킹 */
.txt_hot{position:relative;margin:-2px 10px 7px;padding-left:10px;color:#b78a39;font-size:0.8em;font-weight:bold;line-height:1.25em;}
.txt_hot span{color:#888;font-size:0.85em;font-weight:normal;}
.txt_hot:before{content:'';position:absolute;top:2px;left:0;width:0;height:0;border-left:5px solid #8d8d8d;border-top:5px solid transparent;border-bottom:5px solid transparent;}