/* CLEARFIX */
.coordinate ul,
.coordinate .detail,
#subCategory,
#promotion.single,
#promotion.single .itemList li,
#promotion.multiple ul,
#history,
#faq dl,
#faq ul {zoom: 1;}
.coordinate ul:after,
.coordinate .detail:after,
#subCategory:after,
#promotion.single:after,
#promotion.single .itemList li:after,
#promotion.multiple ul:after,
#history:after,
#faq dl:after,
#faq ul:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

#sideNav,
#main {margin-bottom: 30px;}
#main {font-size: 13px; line-height: 1.6;}

/* H1 */
h1 {margin: 0; border: 0;}

#freeShipping {font-size: 11px; margin-bottom: 10px;}
#freeShipping b {font-size: 12px;}

/* promotion */
/* coordinate */
.coordinate a img {margin-bottom: 5px; border: 1px solid #FFF;}
.coordinate a:hover img {border: 1px solid #7F0019;}
.coordinate ul {margin-right: -20px;}
.coordinate li {float: left; width: 160px; margin-right: 20px;}
.showDetail {background: url(/img/common/imageview.gif) no-repeat 0 4px; padding-left: 14px; text-decoration: none; display: block;}
.coordinate .detail {display: none;}
.detail img{float: left; margin-right: 20px;}
.detail ul {padding: 20px;}
.detail li {margin-bottom: 10px;}

/* single */
.single .image {float: left; margin-right: 20px;}
.single .image img {vertical-align: bottom;}
.single .description {overflow: hidden;}
.single .description p {margin-bottom: 15px;}
.single .itemList {margin-bottom: 0;}
.single .itemList ul {margin-right: 0; letter-spacing: normal;}
.single .itemList li {display: block; width: auto; margin: 0 0 5px;}
.single .itemList a {display: inline; text-decoration: none;}
.single .itemList .thumb {float: left; display: inline; margin: 0 5px 0 0;}
.single .itemList .price {display: block; margin: 5px 0 0; line-height: inherit;}
.single .itemList br {display: inline;}
.single .price del,
.single .price ins {display: inline;}
.single .itemList a .name {text-decoration: underline;}

/* multiple */
.multiple {margin-right: -20px; overflow: hidden;}
.multiple ul {margin-bottom: 10px;}
.multiple li {float: left; margin-right: 20px;}
.multiple a img {border: 1px solid #ccc;}
.multiple a:hover img {border: 1px solid #7f0019;}

/* subcategory */
#subCategory {margin: 10px 0 30px; padding: 10px 11px; border: 1px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
}
#subCategory ul {letter-spacing: -.40em;}
#subCategory li {letter-spacing: normal; margin: 0; vertical-align: top; width: 135px; background: #000;
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
-moz-border-radius: 3px;
border-radius: 3px;
}
#subCategory a {display: block; padding-top: 15px; position: relative; background: #fff; cursor: pointer; *zoom: 1;
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}
#subCategory a:hover {filter: alpha(opacity=90); opacity:0.9;
-webkit-transition: 0;
   -moz-transition: 0;
     -o-transition: 0;
        transition: 0;
}
#subCategory .img {display: -moz-inline-box; /* Firefox2 */ display: inline-block; height: 50px; width: 50px; background-repeat: no-repeat;
vertical-align: bottom; /* IE8 Bug Fix */
}
#subCategory .img1 {margin-left: 15px;}
#subCategory .img2 {margin-left: 5px;}
#subCategory .name {display: block; padding: 5px 10px 5px 16px; _height: 35px; min-height: 35px;
background: url("/img/store/common/sprite_sidenav.png") no-repeat 8px -175px;
_background: url(/img/store/common/ie6_arrow.gif) no-repeat 7px 3px;
}

/* faqLink */
#faq {padding: 10px 10px 0; background: #F1F1F1; border-top: 1px solid #e6e6e6; margin-bottom: 30px;}
#faq dt {float: left; width: 120px; padding-right: 20px; text-align: right; padding-bottom: 10px;}
#faq dd {overflow: hidden; padding-bottom: 10px;}
#faq dd li {float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc;}
#faq dd li:last-child {border-right: 0;}

/* popular */
.place .num {font-size: 16px; font-weight:bold; margin-right: 2px;}
.first.place,
.second.place,
.third.place {color: #7f0019;}
.fourth.place,
.fifth.place {color: #808080;}

.itemList {margin-bottom: 30px;}
.itemList ul {margin-right: -15px; letter-spacing: -.40em;}
.itemList li {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
width: 127px; margin: 0 15px 0 0; vertical-align: top; letter-spacing: normal;}
.itemList a {display: block; margin-bottom: 5px;}
.itemList .thumb {display: block; margin-bottom: 3px;}
.itemList .price {display: inline-block; margin-bottom: 3px; line-height: 1.2;}
.itemList br {display: none;}

.section .itemList li.over {cursor: pointer;}
.section .itemList li.over a {text-decoration: underline; color: #7f0019;}

/* bestSeller,trendNow,pickForYou */
#bestSeller, #trendNow, #pickForYou {border-top: 1px solid #E6E6E6; padding: 20px 0 10px;}
#bestSeller, #trendNow, #pickForYou {clear: both;}
#bestSeller ul, #trendNow ul, #pickForYou ul {margin-right: -15px; letter-spacing: -.40em; zoom:1;}
#bestSeller ul:after, #trendNow ul:after, #pickForYou ul:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}
#bestSeller li, #trendNow li, #pickForYou li {width: 135px; display: inline-block; letter-spacing: normal; margin: 0 15px; vertical-align: top; *display: inline; *zoom: 1;}
#bestSeller a, #trendNow a, #pickForYou a {display: block; margin-bottom: 5px;}
#bestSeller img, #trendNow img, #pickForYou img {width: 110px;}
#bestSeller .thumb, #trendNow .thumb, #pickForYou .thumb {display: block; margin-bottom: 3px; text-align: center;}
#bestSeller .name:after, #trendNow .name:after, #pickForYou .name:after {content: "\A"; white-space: pre;}
#bestSeller .price, #trendNow .price, #pickForYou .price {margin-top: 5px; display: inline-block; line-height: 1.2;}
#bestSeller .btn, #trendNow .btn, #pickForYou .btn {width: 20px; font-size: 10px; line-height: 60px;}
#bestSeller .prev, #trendNow .prev, #pickForYou .prev {float: left;}
#bestSeller .next, #trendNow .next, #pickForYou .next {float: right;}
#bestSeller .disabled a, #trendNow .disabled a, #pickForYou .disabled a {background:#ccc; cursor: default;}

/* campaignList */
.campaignList {margin-bottom: 10px;}
.campaignList ul {margin-right: -20px; letter-spacing: -.40em;}
.campaignList li {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
width: 160px; margin: 15px 20px 10px 0; vertical-align: top; letter-spacing: normal;}
.campaignList .title {padding-top: 5px; display: block; font-weight: bold;}
.campaignList li {background-color: #000;}
.campaignList li a {text-decoration: none;}
.campaignList li span {background-color: #FFF; display: block;}
.campaignList li a img {
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}
.campaignList li a:hover img {filter: alpha(opacity=80); opacity:0.8;
-webkit-transition: 0;
   -moz-transition: 0;
     -o-transition: 0;
        transition: 0;
}
.campaignList p {background: #fff;}

/* campaignLink */
.viewAll {text-align: right; padding: 15px 0 15px 0;}


/* searchResultItems */
#searchResultItems {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
#searchResultItems h2 {font-size: 12px;}
#searchResultItems .itemList {margin-bottom: 0;}
#searchResultItems p {text-align: right;}
#searchResultItems .itemList ul {letter-spacing: -.40em;}
#searchResultItems .itemList li {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
width: 150px; margin: 0 5px; vertical-align: top; letter-spacing: normal;}
#searchResultItems .itemList a {text-decoration: none;}
#searchResultItems .itemList .thumb {float: left; margin-right: 5px;
*cursor: pointer; /* IE6, IE7 */
}
#searchResultItems .itemList .desc {padding-left: 55px; display: block;}
#searchResultItems .itemList .name {font-size: 11px; text-decoration: underline;}
#searchResultItems .itemList .price {margin-top: 5px; display: block; color: #000;}
#searchResultItems .btn {width: 20px; font-size: 10px; line-height: 60px;}
#searchResultItems .prev {float: left;}
#searchResultItems .next {float: right;}
#searchResultItems .disabled a {background:#ccc; cursor: default;}


/* history */
#history {clear: both; border: solid #ccc; border-width: 1px 0 0; padding: 5px 0 0;}
#history h1 {padding: 0 5px 5px; font-size: 14px;}
#history .itemList {margin-bottom: 0;}
#history .itemList ul {letter-spacing: -.40em;}
#history .itemList li {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
width: 150px; margin: 0 5px; vertical-align: top; letter-spacing: normal;}
#history .itemList a {text-decoration: none;}
#history .itemList .thumb {float: left; margin-right: 5px;
*cursor: pointer; /* IE6, IE7 */
}
#history .itemList .desc {padding-left: 55px; display: block;}
#history .itemList .name {font-size: 11px; text-decoration: underline; display: block; overflow: hidden;}
#history .itemList .price {margin-left: 55px; display: block; color: #000;}
#history .btn {width: 20px; font-size: 10px; line-height: 60px;}
#history .prev {float: left;}
#history .next {float: right;}
#history .disabled a {background:#ccc; cursor: default;}


/* ranking */
#main .itemRanking {clear: both; margin-bottom: 30px; border: 5px solid #eee; min-height: 120px; padding: 15px; width: 660px; position: relative; display: block;}
#main .itemRanking.hasItem {display: block;}
#main .itemRanking:after {content:"";display:block;clear:both;}
#main .itemRanking h1 {padding: 0; font-size: 14px; height: auto; margin-bottom: 10px; border: 0; text-indent: 0; overflow: hidden; background-image:none;}
#main .itemRanking .itemList ul {margin-right: -15px; letter-spacing: -.40em;}
#main .itemRanking .itemList li {width: 115px; margin: 0 15px 0 0; vertical-align: top; letter-spacing: normal; padding: 0 0 0 5px;}
#main .itemRanking .itemList a {display: block; text-decoration: none}
#main .itemRanking .itemList .thumb {display: block; margin-bottom: 3px;}
#main .itemRanking .itemList .name {display: block;}
#main .itemRanking .itemList .price {display: inline-block; line-height: 1.2;}
#main .itemRanking .itemList .info ul {margin-right: -3px; overflow: hidden;}
#main .itemRanking .info li {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
margin: 0 3px 2px 0; width: 54px; text-align: center; font-size:10px; padding:1px 0 0; *padding:0 0 1px; vertical-align: middle; font-weight: normal; border: 1px solid #666; color: #444; line-height: 10px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#main .itemRanking .itemList br {display: none;}
#main .itemRanking .itemList li:after {position: absolute; top: 0; left: 0; width: 20px; height: 19px; margin: 0; vertical-align: middle; display: inline-block; visibility: visible;}
#main .itemRanking .itemList #items {float: left; width: 120px; margin-right: 15px;}
#main .itemRanking .itemList {border: 0; margin-bottom: 0;}
#main .itemRanking .itemList li {float: left; position: relative;/* display: none; */}
#main .itemRanking .itemList li:nth-child(1),
#main .itemRanking .itemList li:nth-child(2),
#main .itemRanking .itemList li:nth-child(3),
#main .itemRanking .itemList li:nth-child(4),
#main .itemRanking .itemList li:nth-child(5) {display: block;}
#main .itemRanking .itemList li:nth-child(1):after {content: url(/img/store/section/sub/ranking01.png);}
#main .itemRanking .itemList li:nth-child(2):after {content: url(/img/store/section/sub/ranking02.png);}
#main .itemRanking .itemList li:nth-child(3):after {content: url(/img/store/section/sub/ranking03.png);}
#main .itemRanking .itemList li:nth-child(4):after {content: url(/img/store/section/sub/ranking04.png);}
#main .itemRanking .itemList li:nth-child(5):after {content: url(/img/store/section/sub/ranking05.png); top: 2px;}

#main .itemRanking .itemList li.no1,
#main .itemRanking .itemList li.no2,
#main .itemRanking .itemList li.no3,
#main .itemRanking .itemList li.no4,
#main .itemRanking .itemList li.no5 {display: block;}
#main .itemRanking .itemList li.no1:after {content: url(/img/store/section/sub/ranking01.png);}
#main .itemRanking .itemList li.no2:after {content: url(/img/store/section/sub/ranking02.png);}
#main .itemRanking .itemList li.no3:after {content: url(/img/store/section/sub/ranking03.png);}
#main .itemRanking .itemList li.no4:after {content: url(/img/store/section/sub/ranking04.png); top: 2px;}
#main .itemRanking .itemList li.no5:after {content: url(/img/store/section/sub/ranking05.png); top: 2px;}

@media only screen and (max-width : 767px){
	#main .itemRanking {width: 100%; border:0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 15px 5px 15px;}
	#main .itemRanking .itemList .thumb {margin-bottom: 10px;}
	#main .itemList .thumb {position: relative; width: 70px; float: left;}
	#main .itemRanking .itemList .thumb img {width: 80px;}	
	#main .itemRanking .itemList li {width: 80px; border-bottom: 1px solid #eee; background:none; border-bottom: 0;}
	#main .itemRanking .itemList li:nth-child(4),
	#main .itemRanking .itemList li:nth-child(5) {display: none;}
}


/* support html5 */
#main section h1, aside#history h1 {background-image: none; height: auto; text-indent: 0; color: #333; margin-bottom: 10px;}
#main section h1 {font-size: 18px; line-height: 1.5; padding:0;}
aside#history h1 {border-bottom: 1px solid #e8e8e8;}
#recommend, #valuePrice, #newItem, #campaign {border-top: 1px solid #e6e6e6; padding: 20px 0 10px;}
#promotion {padding: 20px 0 10px;}
.relatedLink {text-align:right;}

/* delete after html5 */
.section {padding: 20px 0 10px; border-top: 1px solid #e6e6e6;}
#history h2 {padding: 0 5px 5px; border-bottom: 1px solid #e8e8e8; font-size: 14px;}