@charset "utf-8";
/*--[ Clearfix ]--*/
.newclearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .newclearfix,:first-child+html .newclearfix{zoom:1}

/* Category Title */
.category-title{margin-bottom:50px; text-align:center}
.category-title #category-title{margin:0 0 15px 0; padding:0; font-family:'Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:19px; color:#333}
.category-title #category-title a{color:#666}
.category-title .category-title-list ul{display:inline-block; zoom:1; *display:inline; margin:0; padding:0; list-style:none}
.category-title .category-title-list li.cate-all,
.category-title .category-title-list li.cate{display:inline-block; zoom:1; *display:inline; margin:0 0 0 14px; padding:0; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; color:#666}
.category-title .category-title-list li.cate:first-child{margin-left:0}
.category-title .category-title-list li.cate:before{display:inline-block; content:"/"; margin-right:14px}
.category-title .category-title-list li.cate:first-child:before{display:none}
.category-title .category-title-list li a{color:#666}
.category-title .category-title-list li a:hover,
.category-title .category-title-list li a:focus,
.category-title .category-title-list li a.current{color:#57bbc2}
.category-title .category-title-list li a.current{font-weight:bold}

/* List Title */
.item-list-widget{margin-bottom:100px}
.item-list-title{}
.item-list-title h2{margin: 0 0 15px 0;
    padding: 0 0 8px 0;
    font-family: 'Malgun Gothic', 돋움, sans-serif;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    color: #585858;}
.item-list-title h2 a{color:#585858}

/* Category */
#item-list-title .category-list{float:left}
#item-list-title .category-list ul{margin:0; padding:0; list-style:none}
#item-list-title .category-list li.cate{float:left; margin:0 8px 0 0; padding:2px 0 0 0; font-family:'Malgun Gothic',돋움,sans-serif; font-size:11px; color:#666}
#item-list-title .category-list li.cate:before{display:inline-block; content:"·"; margin-right:8px}
#item-list-title .category-list li.cate:first-child:before{content:""}
#item-list-title .category-list li a{color:#666}
#item-list-title .category-list li a:hover,
#item-list-title .category-list li a:focus,
#item-list-title .category-list li a.current{color:#57bbc2}

/* List Style */
.list-style{margin-bottom:10px; text-align:right}
.list-style a{display:inline-block; zoom:1; *display:inline; font-family:돋움,sans-serif; font-size:11px; color:#888}
.list-style a:hover,
.list-style a:focus{color:#333}
.list-style a:after{display:inline-block; content:"|"; margin-left:4px; font-size:10px}
.list-style a.last-list:after{display:none}

/* Display List */
.display-list > ul{width:100%; overflow:hidden; margin:0 0 40px 0; padding:0; list-style:none}
.display-list > ul > li{position:relative; float:left; margin:0 30px 20px 0; padding:0}
.display-list > ul > li.li-last{margin-right:0}
.display-list > ul > li a,
.display-list > ul > li a:hover{text-decoration:none}
.display-list > ul > li .check{position:absolute; left:0; top:0; padding:4px}
.display-list .item-thumbnail{position:relative; display:block; background-color:#fff;}
.display-list .item-thumbnail img{display:block; padding: 0; border: solid 1px #eee;}
.display-list .item-thumbnail:hover img,
.display-list .item-thumbnail:focus img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7}
.display-list .item-name{display:block; margin-top:8px; text-align:center; font-family:'Malgun Gothic',돋움,sans-serif; font-size:1.15em; color:#555; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; height: 36px; line-height: 1.3; }
.display-list .item-badge{margin-top:7px; padding-bottom:11px; text-align:center}
.display-list .item-badge ul{display:inline-block; zoom:1; *display:inline; margin:0; padding:0; list-style:none; vertical-align:middle}
/*
.display-list .item-badge li{float:left; margin:0 0 0 3px; padding:0; border:0}
.display-list .item-badge li:first-child{margin-left:0}
*/
.display-list .item-badge li{text-transform: uppercase; min-width: 33px; height: 13px; line-height: 13px; letter-spacing: 0.6px; float:left; margin:0 0 0 3px; background-color: #AAA; border: solid 1px #AAA; padding: 0 7px; font-size: 10px; color: #fff; border:0}
.display-list .item-badge li:first-child{margin-left:0}
.display-list .item-badge li:nth-child(2){background-color: #777; border: solid 1px #777; border:0}
.display-list .item-badge li:nth-child(3){background-color: #f5bb5b; border: solid 1px #f5bb5b; border:0}
.display-list .item-badge li:nth-child(4){background-color: #7acad5; border: solid 1px #7acad5; border:0}
.display-list .item-badge li:nth-child(5){background-color: #df7193; border: solid 1px #df7193; border:0}

.display-list .item-badge li img{display:block}
.display-list .item-desc{display:block; margin-top:10px; text-align:center; font-family:돋움,sans-serif; font-size:11px; color:#999}
.display-list .item-price{border-top: solid 1px #eee; margin-top: 5px; padding-top: 5px; text-align:center; font-family:'Malgun Gothic',Tahoma,sans-serif; font-size:1.25em; font-weight: bold; color:#333}
.display-list .item-price .price{margin-right:9px; font-size:14px; font-weight: normal; color:#888}
.display-list .item-price .currency_symbol{margin-right:5px}
.display-list .item-choice{margin-top:18px}
.display-list .item-choice .ic-btn{display:inline-block; margin-right:3px; padding:1px 4px 0px 4px; border:1px solid #c5c5c5; font-family:'Malgun Gothic',돋움,sans-serif; font-size:11px; color:#999}
.display-list .item-choice .ic-btn:hover,
.display-list .item-choice .ic-btn:focus{border-color:#888}
.display-list .item-meta{display:block; margin-top:10px; font-family:돋움,sans-serif; font-size:11px; color:#666}

/* Pagination */
.list-pagination{margin:0 0 90px 0; padding:0; text-align:center; font-family:'Malgun Gothic',돋움,sans-serif; color:#aaa}
.list-pagination .direction{padding:2px 8px 3px; font-size:15px; color:#aaa}
.list-pagination .page-no{padding:2px 5px 3px; font-size:13px; color:#aaa}
.list-pagination .page-current{display:inline-block; padding:2px 8px 3px; border:1px solid #bbb}


.ribbon {position: absolute; top: 13px; left: 10px; width: 35px; opacity: 0.2; }

/* 모바일 추가 */
@media (max-width: 479px) {
.list-style { margin: 0 5px 13px; text-align: right; }
.list-style a { font-size: 13px; }
.ribbon { top: 10px; width: 30px; }
.display-list > ul > li { position: relative; width: 47.24% !important; float: left; margin: 0 5px 30px; padding: 0; }
.display-list .item-thumbnail img { display: block; height: auto !important; }
.display-list .item-name { font-size: 14px; }
.display-list .item-price { margin-top: 4px; font-size: 15px; font-weight: bold; }
.list-pagination .page-current { padding: 5px 10px 3px; }
.list-pagination .direction { padding: 2px 10px; font-size: 17px; }
}