/* BASIC css start */
#content {float:none;}
#prdBrand .cate-wrap .mcate { zoom: 1; overflow: hidden; margin: 20px 0; padding: 10px 0 10px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#prdBrand .cate-wrap .mcate li { float: left; padding: 10px 20px 10px 10px; background: url(/images/d3/hot_issue/common/bull_w7_h7_red.gif) no-repeat 0 45%; }
#prdBrand .cate-wrap .mcate li a:hover { text-decoration: underline; }

/* 분류 상단 영역 */
.top_cate_name {position:relative; margin-bottom:40px; }
.top_cate_name .bcate {font-size:20px; color:#0f2b6d; font-family:'맑은 고딕', Malgun Gothic; font-weight:bold; }
.top_cate_name .path {position:absolute; top:0; right:0; line-height:24px; color:#646464; }
.top_cate_name .path .home {display:inline-block; width:24px; height:24px; background: url(/design/stfshop/wib/img/sub/home_icon.gif) no-repeat 50%; text-indent:-9999px;}
.top_cate_name .path select { height: 24px; box-sizing: border-box; font-size: 14px; }
.top_cate_name .path a.btn_go {display:inline-block; width:35px; height:24px; margin-left:7px; box-sizing:border-box; border:1px solid #00307f; background:#003fa8; color:#fff; text-align:center; line-height:24px;}

/* 분류 하위 리스트*/
.cate-wrap .class-list > div {position:relative; float:left;  width:20%; height:40px; }
.cate-wrap .class-list > div a {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 235px;
    height: 39px;
    line-height: 38px;
    border: 1px solid #c5c5c5;
    color: #787878;
    text-align: center;
}
.cate-wrap .class-list > div a:hover,
.cate-wrap .class-list > div a.sel {color:#464646; font-weight:bold; background:#f1f1f1; }

.class-list td { border: 1px solid #ddd; }
.class-list tr td a { line-height: 40px; display: block; text-align: center; }
.class-list tr td a:hover { font-weight: 500; color: #333; background: #f7f7f7; }

/* 추천상품 리스트 */
.best_product_tit {margin-top:50px;}

.prd_list.best .item_wrap {position:relative; width:275px; float:left; height:406px; }
.prd_list.best .item_wrap .item {position:absolute; top:-1px; left:-1px; width:274px; height:405px; border:1px solid #e1e1e1;}
.prd_list.best .item_wrap .item > div {width:232px;  margin-left:auto; margin-right:auto;}
.prd_list.best .item_wrap .item .prod_name { margin-top:20px; width:232px;}
.prd_list.best .item_wrap .item .prod_thumb img {width:230px; max-height:230px; height:192px;}
/* 상품오버시 효과 
.prd_list.best .item_wrap .item:hover {border-color:#000; z-index:10;}
*/

.item-info {position:relative; margin-top:70px; margin-bottom:30px; }
.item-info .item-total {color:#7e7e7e;}
.item-info .item-total strong {color:#0f2b6d}
.item-info .item-order {position:absolute; top:-10px; right:0; }
.item-info .item-order li {float:left; width:91px; height:31px; margin-left:4px; overflow:hidden; border:1px solid #d6d5d5; text-align:center; box-sizing:border-box;}
.item-info .item-order li a { color:#7e7e7e; line-height:29px; display: block; }
.item-info .item-order li:hover,
.item-info .item-order li.ov {border-color:#0f2b6d; background:#0f2b6d;}
.item-info .item-order li:hover a,
.item-info .item-order li.ov a {color:#fff;}

/* 기본 상품 폼 */
#prdBrand .prd_list { display: flex; flex-wrap: wrap; }
.prd_list .item_wrap { width:24.625%; box-sizing: border-box;     height: 408px; }
.prd_list .item_wrap > a { height: 408px; }
.prd_list .item_wrap:not(:nth-child(4n)) { margin-right: 0.5%; }
.prd_list .item_wrap:nth-child(-n+36) { margin-bottom: 16px; }
.prd_list .item_wrap .item { border:1px solid #e1e1e1; padding: 15px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; position: relative; }
.prd_list .item_wrap .item:hover { border-color: #2E58A6; }
.prd_list .item_wrap .item .MS_prod_img_m { width:100%; height: 219px; }
.prd_list .item_wrap .item .prod_thumb img {width:178px; max-height:178px; height:148px;}
.prd_list .item_wrap .item .prod_name { height: 40px; line-height: 20px; overflow: hidden; word-break: break-all; color: #333; margin: 15px 0 10px; font-size: 16px; }
.prd_list .item_wrap .item .prod_subname { height: 20px; padding-top: 10px; font-size: 14px; overflow: hidden; word-break: break-all; line-height: 20px; color: #00b160; }
.prd_list .item_wrap .item .prod_brand { color: #898989; font-size: 15px; padding-top: 15px; }
.prd_list .item_wrap .item .prod_price { color: #333; padding-top: 10px; font-size: 18px; letter-spacing: -0.02em; }
.prd_list .item_wrap .item .prod_price-won { font-style: normal; font-size: 0.9em; }
.prd_list .item_wrap .item .prod_price-consumer { color: #aaa; font-size: 13px; margin-left: 5px; }
.reserve-cont { height: 30px; }
.prd_list .item_wrap .item .reserve { padding-top: 10px; color: #003fa8; height: 20px; }
.prd_list .item_wrap .item .reserve:before { content: 'P'; margin-right: 6px; border: 1px solid #003fa8; line-height: 20px; box-sizing: border-box; font-size: 13px; height: 20px; border-radius: 10px; background: #003fa8; color: #fff; text-align: center; width: 20px; display: inline-block; }

.prod-prc-disc { display: flex; justify-content: space-between; }
.prod-disc { line-height: 42px; font-size: 24px; color: #fff; padding: 0 7px; position: absolute; top: 15px; right: 15px; background: #e91f20; }
.prod-disc-percent { font-size: 17px; }
/*.prod-disc:after { content: '\2193'; font-size: 22px; }*/

/* 상품오버시 효과 
.prd_list .item_wrap .item:hover {border-color:#000; z-index:10;}
*/

/* 페이징 */
.item-page {margin:60px 0 120px; text-align:center; font-size:0; }
.item-page a {position:relative; display:inline-block; width:39px; height:39px; line-height:39px; font-size:0;}
.item-page a span {position:absolute; top:0px; left:-1px; display:inline-block; width:38px; height:38px; color:#929292; font-size:12px; border:1px solid #cdcdcd;}
.item-page a.arrow_first,
.item-page a.arrow_prev {margin-right:6px;}
.item-page a.arrow_next,
.item-page a.arrow_last {margin-left:6px;}
.item-page a.arrow span {text-indent:-9999px;}
.item-page a.now span {border-color:#295eb5; background:#f7f9ff; color:#2259b4; font-weight:bold; z-index:10;}
.item-page a.arrow_first span {background: url(/design/stfshop/wib/img/sub/arrow_first.jpg) no-repeat 50%;}
.item-page a.arrow_prev span {background: url(/design/stfshop/wib/img/sub/arrow_prev.jpg) no-repeat 50%;}
.item-page a.arrow_next span {background: url(/design/stfshop/wib/img/sub/arrow_next.jpg) no-repeat 50%;}
.item-page a.arrow_last span {background: url(/design/stfshop/wib/img/sub/arrow_last.jpg) no-repeat 50%;}

/* 분류 타이틀 이미지 */
.prd-title-img-cont { text-align: center; }

/* 분류 상단 타이틀 */
.category-title-img { margin-bottom: 40px; }

/* 송어낚시 브랜드별 나열을 위한 */
.cate-wrap { margin-bottom: 40px; }
.now_cate2_name,
.trout_brand_cont { display: none; }
.trout_brand_list {
    display: flex;
    flex-wrap: wrap;
}
.trout_brand_list li {
    width: 20%;
    padding: 15px 0;
}
.trout_brand_list li a {
    display: block;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    text-indent: -100%;
    overflow: hidden;
}
.trout_brand_list a[title="ADB"] { background-image: url(http://stfshop.godohosting.com/logo/trout/adb.png); }
.trout_brand_list a[title="Antem"] { background-image: url(http://stfshop.godohosting.com/logo/trout/antem.png); }
.trout_brand_list a[title="Bassday"] { background-image: url(http://stfshop.godohosting.com/logo/trout/bassday.png); }
.trout_brand_list a[title="Bassland"] { background-image: url(http://stfshop.godohosting.com/logo/trout/bassland.png); }
.trout_brand_list a[title="Berkeley"] { background-image: url(http://stfshop.godohosting.com/logo/trout/berkeley.png); }
.trout_brand_list a[title="Catsclaw"] { background-image: url(http://stfshop.godohosting.com/logo/trout/catsclaw.svg); }
.trout_brand_list a[title="Daiwa"] { background-image: url(http://stfshop.godohosting.com/logo/trout/daiwa.svg); }
.trout_brand_list a[title="Damiki"] { background-image: url(http://stfshop.godohosting.com/logo/trout/damiki.png); }
.trout_brand_list a[title="Daysprout"] { background-image: url(http://stfshop.godohosting.com/logo/trout/daysprout.png); }
.trout_brand_list a[title="Dstyle"] { background-image: url(http://stfshop.godohosting.com/logo/trout/dstyle.png); }
.trout_brand_list a[title="Duo"] { background-image: url(http://stfshop.godohosting.com/logo/trout/duo.png); }
.trout_brand_list a[title="Eucalyptus"] { background-image: url(http://stfshop.godohosting.com/logo/trout/eucalyptus.png); }
.trout_brand_list a[title="Fina"] { background-image: url(http://stfshop.godohosting.com/logo/trout/fina.png); }
.trout_brand_list a[title="Forest"] { background-image: url(http://stfshop.godohosting.com/logo/trout/forest.png); }
.trout_brand_list a[title="Gamagachu"] { background-image: url(http://stfshop.godohosting.com/logo/trout/gamagachu.png); }
.trout_brand_list a[title="Garyyamamoto"] { background-image: url(http://stfshop.godohosting.com/logo/trout/garyyamamoto.png); }
.trout_brand_list a[title="Godhands"] { background-image: url(http://stfshop.godohosting.com/logo/trout/godhands.png); }
.trout_brand_list a[title="Ijetlink"] { background-image: url(http://stfshop.godohosting.com/logo/trout/ijetlink.png); }
.trout_brand_list a[title="Ivyline"] { background-image: url(http://stfshop.godohosting.com/logo/trout/ivyline.png); }
.trout_brand_list a[title="Jackall"] { background-image: url(http://stfshop.godohosting.com/logo/trout/jackall.png); }
.trout_brand_list a[title="Jackson"] { background-image: url(http://stfshop.godohosting.com/logo/trout/jackson.png); }
.trout_brand_list a[title="Kahara"] { background-image: url(http://stfshop.godohosting.com/logo/trout/kahara.png); }
.trout_brand_list a[title="Keitech"] { background-image: url(http://stfshop.godohosting.com/logo/trout/keitech.png); }
.trout_brand_list a[title="Luckycraft"] { background-image: url(http://stfshop.godohosting.com/logo/trout/luckycraft.png); }
.trout_brand_list a[title="Megabass"] { background-image: url(http://stfshop.godohosting.com/logo/trout/megabass.png); }
.trout_brand_list a[title="Moncross"] { background-image: url(http://stfshop.godohosting.com/logo/trout/moncross.png); }
.trout_brand_list a[title="Mukai"] { background-image: url(http://stfshop.godohosting.com/logo/trout/mukai.png); }
.trout_brand_list a[title="Naburaya"] { background-image: url(http://stfshop.godohosting.com/logo/trout/naburaya.png); }
.trout_brand_list a[title="Nories"] { background-image: url(http://stfshop.godohosting.com/logo/trout/nories.png); }
.trout_brand_list a[title="Owner"] { background-image: url(http://stfshop.godohosting.com/logo/trout/owner.png); }
.trout_brand_list a[title="Palms"] { background-image: url(http://stfshop.godohosting.com/logo/trout/palms.png); }
.trout_brand_list a[title="Rapala"] { background-image: url(http://stfshop.godohosting.com/logo/trout/rapala.png); }
.trout_brand_list a[title="Riverold"] { background-image: url(http://stfshop.godohosting.com/logo/trout/riverold.png); }
.trout_brand_list a[title="Rob"] { background-image: url(http://stfshop.godohosting.com/logo/trout/rob.png); }
.trout_brand_list a[title="Rodiocraft"] { background-image: url(http://stfshop.godohosting.com/logo/trout/rodiocraft.png); }
.trout_brand_list a[title="Shimano"] { background-image: url(http://stfshop.godohosting.com/logo/trout/shimano.svg); }
.trout_brand_list a[title="Smith"] { background-image: url(http://stfshop.godohosting.com/logo/trout/smith.png); }
.trout_brand_list a[title="Valkein"] { background-image: url(http://stfshop.godohosting.com/logo/trout/valkein.png); }
.trout_brand_list a[title="Vanfook"] { background-image: url(http://stfshop.godohosting.com/logo/trout/vanfook.png); }
.trout_brand_list a[title="Waterland"] { background-image: url(http://stfshop.godohosting.com/logo/trout/waterland.png); }
.trout_brand_list a[title="Xlure"] { background-image: url(http://stfshop.godohosting.com/logo/trout/xlure.png); }
.trout_brand_list a[title="Yarie"] { background-image: url(http://stfshop.godohosting.com/logo/trout/yarie.png); }
.trout_brand_list a[title="Zactcraft"] { background-image: url(http://stfshop.godohosting.com/logo/trout/zactcraft.png); }
.trout_brand_list a[title="Zipbaits"] { background-image: url(http://stfshop.godohosting.com/logo/trout/zipbaits.png); }

.trout_brand_title {
    font-size: 30px;
    color: #686214;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 0.1em;
}
/* BASIC css end */