/* BASIC css start */
/* ¹è³Ê °øÅë */
.banner-title { text-align: center; font-size: 24px; font-weight: 600; margin-bottom: 20px; }
.banner-subtt { text-align: center; font-size: 15px; margin-bottom: 30px; }
.prd-list-link { display: block; font-size: 15px; font-weight: 500; text-align: center; line-height: 50px; height: 50px; background-color: #f7f7f7; box-sizing: border-box; }
.prd-list-link:after { content: '\276F'; margin-left: 8px; }
.m-top-middle { margin-top: 60px; }

/* °øÁö»çÇ× ¹è³Ê - ½½¶óÀÌµå  */
.main-notice-banner.swiper-container {
    height: 400px!important;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

.main-notice-banner.swiper-container .swiper-wrapper {
    display: flex;
    height: 370px!important;
}

.main-notice-banner.swiper-container .swiper-slide {

    text-align: center;
    font-size: 18px;
    background: #fff;


    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.main-notice-banner .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ¸ÞÀιè³Ê À̹ÌÁö */
.mainbanner .swiper-slide.trout img,
.mainbanner .swiper-slide.preed150 img,
.mainbanner .swiper-slide.chungmyeongX img,
.mainbanner .swiper-slide.emeraldasMX_im img {
    width: 100%;
    height: 100%;
}

.price-before {
    text-decoration: line-through;
}

/*.mainbanner .price-explain { 
    font-size: 11px;
}*/

/* ¸ÞÀιè³Ê */
.mainbanner.swiper-container, .slide-banner .swiper-container {
    position: relative;
    width: 100vw;
    height: 100vw;
    overflow: hidden;
    margin-bottom: 20px;
}
.slide-banner .swiper-container { height: 250px; margin-bottom: 20px; }
.mainbanner .swiper-wrapper,
.slide-banner .swiper-wrapper{ display: flex; }
.slide-banner .swiper-wrapper { position: absolute; }
.mainbanner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.mainbanner .slide_img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 0;
}
.mainbanner .swiper-slide.icefishingSale2022 .slide_item_inner {
    display: flex;
    align-items: center;
}
.mainbanner .swiper-slide .slide_txtImg {
    width: 50%;
    display: block;
    margin-left: 20px;
}
.mainbanner .swiper-slide img {
    width: 100%;
    height: 100%;
}

.mainbanner .swiper-slide.trout.twitchtailShad5 img {
    display: block;
    width: 80%;
    height: 80%;
    margin-left: 100px;
    
}


.mainbanner .swiper-slide.icefishingSale2022 .slide_img {
    margin-left: 30%;
}
.mainbanner .slide_item_wrap {
    width: 100%;
    height: 100%;
}
.mainbanner .slide_item_inner {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    background-size: cover;
    background-position: center;
}
.mainbanner-allview-list .slide_item_inner {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.mainbanner .slide_item_inner.egging,
.mainbanner-allview-list .slide_item_inner.egging {
    background-image: url('http://stfshop.godohosting.com/banner/main/mobileRenewal/mainBannerImg01.jpg');
}
.mainbanner .slide_item_inner.trout,
.mainbanner-allview-list .slide_item_inner.trout {
    background-image: url('http://stfshop.godohosting.com/banner/main/mobileRenewal/mainBannerImg02.jpg');
}
.mainbanner .slide_item_inner.nsBigfish,
.mainbanner-allview-list .slide_item_inner.nsBigfish {
    background-image: url('http://stfshop.godohosting.com/banner/main/mobileRenewal/mainBannerImg03.jpg');
}
.mainbanner .slide_item_inner.freshHook,
.mainbanner-allview-list .slide_item_inner.freshHook {
    background-image: url('http://stfshop.godohosting.com/banner/main/mobileRenewal/mainBannerImg04.jpg');
}
.mainbanner .slide_item_inner.hypertorque,
.mainbanner-allview-list .slide_item_inner.hypertorque {
    background-image: url('http://stfshop.godohosting.com/banner/main/mobileRenewal/mainBannerImg05.jpg');
}
.mainbanner .slide_item_inner.competition,
.mainbanner-allview-list .slide_item_inner.competition {
    background-image: url('http://stfshop.godohosting.com/banner/main/mobileRenewal/mainBannerImg06.jpg');
    display: block;
}
.mainbanner .slide_item_inner.nanosinker,
.mainbanner-allview-list .slide_item_inner.nanosinker {
    background-image: url('http://stfshop.godohosting.com/banner/main/mobileRenewal/mainBannerImg07.jpg');
}
.mainbanner .slide_item_inner.panya,
.mainbanner-allview-list .slide_item_inner.panya {
    background-image: url('http://stfshop.godohosting.com/banner/main/mobileRenewal/mainBannerImg08.jpg');
}
.mainbanner .slide_txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 30px;
    text-align: left;
    z-index: 1;
    color: #fff;
    padding-top: 40px;
    letter-spacing: 0;
}
.mainbanner .slide_txt.black {
    color: #333;
}
.mainbanner .slide_txt li:first-child {
    margin-bottom: 20px;
}
.mainbanner .slide_txt li:last-child {
    margin-top: 16px;
}
.mainbanner .slide_subtt {
    font-size: 14px;
    font-weight: 400;
}
.mainbanner .slide_title {
    position: relative;
    font-size: 25px;
    line-height: 1.1;
    font-weight: 800;
}

/* ¸ù¿ù ÄÄÇÇƼ¼Ç(°¡¿îµ¥·Î ±Û¾¾ Å©°Ô) */
.mainbanner .competition .slide_subtt,
#mainbanner-allview-wrapper .swiper-slide .competition .slide_subtt {
    font-size: 24px;
}
.mainbanner .competition .slide_txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding: 0px 0px;
}
#mainbanner-allview-wrapper .swiper-slide .competition .slide_txt {
    position: relative;
    left: 0px;
    top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.mainbanner .competition .slide_title,
#mainbanner-allview-wrapper .swiper-slide .competition .slide_title {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    line-height: 1.1;
    padding-top: 14px;
}
.mainbanner .competition .slide_price,
#mainbanner-allview-wrapper .swiper-slide .competition .slide_price {
    font-size: 18px;
}

.mainbanner .slide_desc {line-height: 1.5em; }
.mainbanner .slide_icon { display: inline-block; letter-spacing: 0; font-size: 15px; line-height: 30px; color: #fff; border-radius: 15px; box-sizing: border-box; height: 30px; padding: 0 11px; position: relative; }
.mainbanner .slide_icon:before { content: ''; width: 0px; height: 0px; position: absolute; top: calc(50% + 2px); right: calc(100% - 13px); transform: rotate(-4deg); border: 6px solid #ff3131; border-right-color: transparent; border-bottom-color: transparent; }
.mainbanner .slide_icon.percent { background: #ff3131; }
.mainbanner .slide_icon.percent:before { border-left-color: #ff3131; border-top-color: #ff3131; }
.mainbanner .slide_icon.guarantee { background: #00b160; }
.mainbanner .slide_icon.guarantee:before { border-left-color: #00b160; border-top-color: #00b160; }
.mainbanner .slide_icon.limit { background: #2e58a6; }
.mainbanner .slide_icon.limit:before { border-left-color: #2e58a6; border-top-color: #2e58a6; }

.mainbanner .slide_icon:not(:last-child) {
    margin-right: 7px;
}

/*
.mainbanner .swiper-slide:nth-child(8n+1) .slide_item_wrap {
    background: #f8f4d8;
}*/
.mainbanner .swiper-slide:nth-child(8n+2).icefishingSale2022 .slide_item_wrap {
    background: #d4eeed;
}

.mainbanner .swiper-slide:nth-child(8n+2) .slide_item_wrap {
    background: #e6e9f6;
}

.mainbanner .swiper-slide:nth-child(8n+3) .slide_item_wrap {
    background: #def3e4;
}

.mainbanner .swiper-slide:nth-child(8n+4) .slide_item_wrap {
    background: #fbeaef;
}

.mainbanner .swiper-slide:nth-child(8n+5) .slide_item_wrap {
    background: #daecf0;
}

.mainbanner .swiper-slide:nth-child(8n+6) .slide_item_wrap {
    background: #f0f0f0;
}

.mainbanner .swiper-slide:nth-child(8n+7) .slide_item_wrap {
    background: #eeeac7;
}

.mainbanner .swiper-slide:nth-child(8n+8) .slide_item_wrap {
    background: #ffe3cf;
}

.mainbanner .slide_tag:not(:last-child) {
    margin-right: 15px;
}
.mainbanner .slide_tag:before {
    content: '#';
}
.mainbanner .slide_price {
    font-size: 16px;
    font-weight: 400;
    line-height: 11px;
}

.mainbanner .slide_price-won {
    text-decoration: none;
    font-style: normal;
}
.mainbanner .consumer-price {
    margin-left: 10px;
    color: #999;
    font-size: 14px;
}
.mainbanner .consumer-price.bright {
    color: #d7dbda;
}
.mainbanner .swiper-pagination {
    height: 40px;
    bottom: 0;
    right: 0;
    font-size: 17px;
    line-height: 40px;
    width: 70px;
    background: #000;
    color: #fff;
    opacity: 0.6;
    left: calc(100% - 100px);
    padding: 0 15px;
    letter-spacing: -0.02em;
}

.mainbanner .swiper-pagination:after {
    content: '+';
    margin-left: 5px;
    font-weight: 600;
}
.m-main-img-banner { width: 100%; }
.m-main-img-banner img {
    width: 100%;
}

/* ¸ÞÀιè³Ê Àüü ¸ñ·Ï º¸±â */
#mainbanner-allview-wrapper.active { display: block; }
#mainbanner-allview-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: #fff;
    z-index: 40;
    overflow: auto;
}
#mainbanner-allview-wrapper .mainbanner-allview-title {
    padding: 15px 0;
    text-align: center;
    font-size: 17px;
    line-height: 27px;
    font-weight: bold;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background: #fff;
}
#mainbanner-allview-closeBtn {
    position: fixed;
    top: 13px;
    right: 12px;
    text-indent: -300px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: none;
    border: none;
    background: url(http://stfshop.img10.kr/MS_product/SHIMHOEJEONG/svg/close.svg) center/30px 30px no-repeat;
    cursor: pointer;
    z-index: 60;
}
#mainbanner-allview-wrapper .swiper-slide {
    height: 100vw;
    position: relative;
    display: block;
    overflow: hidden;
}
#mainbanner-allview-wrapper .swiper-slide .slide_txt {
    position: absolute;
    left: 6%;
    top: 9%;
    z-index: 15;
    color: #fff;
}
#mainbanner-allview-wrapper .swiper-slide .slide_txt.black {
    color: #333;
}
#mainbanner-allview-wrapper .swiper-slide .slide_txt img {
    height: 53vh;
    position: absolute;
    top: -11vh;
}
#mainbanner-allview-wrapper .swiper-slide .slide_img {
    position: absolute;
    height: 150%;
    top: -8vh;
    z-index: 10;
}
/* Æ®À§Ä¡Å×ÀÏ ¼¨µå 5ÀÎÄ¡ (Àüüº¸±â) */
#mainbanner-allview-wrapper .swiper-slide.twitchtailShad5 .slide_img img {
    height: 80%;
    margin-top: 50px;
    margin-left: 40%;
}
/* ¸ÞÀιè³Ê Àüüº¸±â À̹ÌÁö */
#mainbanner-allview-wrapper .swiper-slide .slide_img img {
    height: 100%;
}
/* ±âȹÀü Àüüº¸±â¿¡¼­ - ¾óÀ½³¬½Ã ¼¼ÀÏÆ佺Ÿ */
#mainbanner-allview-wrapper .swiper-slide.icefishingSale2022:nth-child(8n+2) .slide_item_wrap {
    background: #d4eeed;
}
#mainbanner-allview-wrapper .swiper-slide.icefishingSale2022 .slide_img {
    height: 100%;
    top: 0px;
    left: 35%;
}
#mainbanner-allview-wrapper .swiper-slide.icefishingSale2022 .slide_txtImg {
    width: auto;
    height: 27vh;
    margin-top: 1.5vh;
    margin-left: 20px;
}

#mainbanner-allview-wrapper .swiper-slide .slide_item_wrap {
    display: block;
    height: 100%;
}

#mainbanner-allview-wrapper .swiper-slide:nth-child(8n+1) .slide_item_wrap {
    background: #f8f4d8;
}

#mainbanner-allview-wrapper .swiper-slide:nth-child(8n+2) .slide_item_wrap {
    background: #e6e9f6;
}

#mainbanner-allview-wrapper .swiper-slide:nth-child(8n+3) .slide_item_wrap {
    background: #def3e4;
}

#mainbanner-allview-wrapper .swiper-slide:nth-child(8n+4) .slide_item_wrap {
    background: #fbeaef;
}

#mainbanner-allview-wrapper .swiper-slide:nth-child(8n+5) .slide_item_wrap {
    background: #daecf0;
}

#mainbanner-allview-wrapper .swiper-slide:nth-child(8n+6) .slide_item_wrap {
    background: #f0f0f0;
}

#mainbanner-allview-wrapper .swiper-slide:nth-child(8n+7) .slide_item_wrap {
    background: #eeeac7;
}

#mainbanner-allview-wrapper .swiper-slide:nth-child(8n+8) .slide_item_wrap {
    background: #ffe3cf;
}
#mainbanner-allview-wrapper .swiper-slide.mainbanner-trout .slide_item_wrap {
    background: #7f7e3a;
    color: #fff;
}
#mainbanner-allview-wrapper .swiper-slide .slide_icon.limit {
    background: #2e58a6;
}
#mainbanner-allview-wrapper .swiper-slide .slide_icon.guarantee {
    background: #00b160;
}
#mainbanner-allview-wrapper .swiper-slide .slide_icon.percent {
    background: #ff3131;
}
#mainbanner-allview-wrapper .swiper-slide .slide_icon:not(:last-child) {
    margin-right: 10px;
}
#mainbanner-allview-wrapper .swiper-slide .slide_icon {
    padding: 0 10px;
    display: inline-block;
    line-height: 3vh;
    color: #fff;
    border-radius: 1.5vh;
    font-weight: bold;
}
#mainbanner-allview-wrapper .swiper-slide .slide_txt li:not(:last-child) {
    margin-bottom: 2vh;
}
#mainbanner-allview-wrapper .swiper-slide .slide_subtt {
    font-size: 3.6vw;
}
#mainbanner-allview-wrapper .swiper-slide .slide_title {
    font-size: 5vw;
    font-weight: 500;
}
#mainbanner-allview-wrapper .swiper-slide .slide_price {
    font-size: 3.8vw;
    margin-top: 3vh;
}
#mainbanner-allview-wrapper .swiper-slide .slide_price .slide_price-won {
    font-size: 0.8em;
    font-style: normal;
}
#mainbanner-allview-wrapper .swiper-slide .slide_tag {
    font-size: 3.2vw;
}
#mainbanner-allview-wrapper .swiper-slide .slide_tag:not(:last-child) {
    margin-right: 2vw;
}
#mainbanner-allview-wrapper .swiper-slide .slide_price .consumer-price {
    font-size: 0.8em;
    margin-left: 10px;
    color: #a19f9f;
}
#mainbanner-allview-wrapper .swiper-slide .slide_tag:before {
    content: '\0023';
}
#mainbanner-allview-wrapper .swiper-slide .slide_desc {
    font-size: 3.2vw;
}
#mainbanner-allview-wrapper .mainbanner-allview-list {
    padding: 60px 0;
}



/* ¾îÁ¾º° ³¬½Ã¿ëÇ°, ÇÑ´«¿¡ ½ï!  */
.fishSpecies {
    margin: 60px 0px 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.fishSpecies li {
    width: 44%;
    height: 100px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.fishSpecies li:nth-child(odd) {
    margin-left: 4%;
}
.fishSpecies li:nth-child(even) {
    margin: 0px 4%;
}
.fishSpecies li:nth-child(-n+2) {
    margin-bottom: 4%;
}
.fishSpecies li.flat_rockfish {
    background-color: #ffe3e6;
    background-image: url(http://stfshop.godohosting.com/img/fish4/flat_rockfish.jpg);
}
.fishSpecies li.red_snapper {
    background-color: #d4f3ff;
    background-image: url(http://stfshop.godohosting.com/img/fish4/red_snapper.jpg);
}
.fishSpecies li.hairtail {
    background-color: #f0e1ff;
    background-image: url(http://stfshop.godohosting.com/img/fish4/hairtail.jpg);
}
.fishSpecies li.octopus_cuttle {
    background-color: #fff4cb;
    background-image: url(http://stfshop.godohosting.com/img/fish4/octopus_cuttle.jpg);
}
.fishSpecies li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    font-size: 4vw;
    position: relative;
}
.fishSpecies li a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.4;
    z-index: 1;
}
.fishSpecies li a p {
    position: absolute;
    color: #fff;
    font-weight: 500;
    z-index: 2;
    right: 20px;
    bottom: 20px;
    text-align: right;
    font-size: 4vw;
    line-height: 1.25;
}


/* ¸ÞÀÎ Ä«Å×°í¸® ¾ÆÀÌÄÜ (¹ÙµÏ½Ä ³ª¿­) */
.mainCate_icon_board {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.mainCate_icon_board .mainCate_icon {
    width: 25%;
}
.mainCate_icon_board .mainCate_icon a {
    width: 100%;
    height: 20px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 65px 65px;
    text-align: center;
    padding-top: 70px;
    line-height: 20px;
    font-size: 13px;
}
.mainCate_icon_board .mainCate_icon a {
    display: block;
}
.mainCate_icon_board .mainCate_cate01_freshwater a { background-image: url(http://stfshop.godohosting.com/icon/category/cate01_freshwater.svg); }
.mainCate_icon_board .mainCate_cate02_hera a { background-image: url(http://stfshop.godohosting.com/icon/category/cate02_hera.svg); }
.mainCate_icon_board .mainCate_cate03_saltwater a { background-image: url(http://stfshop.godohosting.com/icon/category/cate03_saltwater.svg); }
.mainCate_icon_board .mainCate_cate04_lure a { background-image: url(http://stfshop.godohosting.com/icon/category/cate04_lure.svg); }
.mainCate_icon_board .mainCate_cate05_reel a { background-image: url(http://stfshop.godohosting.com/icon/category/cate05_reel.svg); }
.mainCate_icon_board .mainCate_cate06_common a { background-image: url(http://stfshop.godohosting.com/icon/category/cate06_common.svg); }
.mainCate_icon_board .mainCate_cate07_clothing a { background-image: url(http://stfshop.godohosting.com/icon/category/cate07_clothing.svg); }
.mainCate_icon_board .mainCate_cate08_parasol a { background-image: url(http://stfshop.godohosting.com/icon/category/cate08_parasol.svg); }
.mainCate_icon_board .mainCate_cate09_bag a { background-image: url(http://stfshop.godohosting.com/icon/category/cate09_bag.svg); }
.mainCate_icon_board .mainCate_cate10_icebox a { background-image: url(http://stfshop.godohosting.com/icon/category/cate10_icebox.svg); }
.mainCate_icon_board .mainCate_cate11_tacklebox a { background-image: url(http://stfshop.godohosting.com/icon/category/cate11_tacklebox.svg); }
.mainCate_icon_board .mainCate_cate12_pedestal a { background-image: url(http://stfshop.godohosting.com/icon/category/cate12_pedestal.svg); }


/* ½Å»óÇ° */
.slide-banner { margin-bottom: 60px; }
.slide-banner .prd-list-img { width: 100%; margin-bottom: 10px; }
.slide-banner .swiper-slide { width: 40vw; box-sizing: border-box; }
.slide-banner .swiper-slide > a {
    margin: 0 5px;
    display: block;
}
.slide-banner .swiper-slide:first-child > a {
    margin-left: 10px;
}
.slide-banner .swiper-slide:last-child > a {
    margin-right: 10px;
}
.slide-banner .prd-list-info {
    line-height: 20px;
}
.slide-banner .prd-list-title {
    font-size: 15px;
    margin-bottom: 7px;
    height: 34px;
    overflow: hidden;
    word-break: break-all;
    line-height: 17px;
}
.slide-banner .prd-list-title .manufacture:before {
    content: '[';
}
.slide-banner .prd-list-title .manufacture:after {
    content: ']';
    margin-right: 4px;
}
.slide-banner .prd-list-price-wrapper {
    font-size: 15px;
    font-weight: 600;
}
.slide-banner .prd-list-disc_percent {
    color: #fa622f;
    margin-right: 8px;
}
.slide-banner .prd-list-disc_percent:after {
    content: '%';
}
.slide-banner .prd-list-price_consumer {
    color: #999;
    text-decoration: line-through;
    font-size: 14px;
}
.slide-banner .prd-list-price_consumer:after {
    content: '¿ø';
}


/* º£½ºÆ®50 */
.best-banner .prd-list {
    position: relative;
}
.best-banner .prd-list .best-num {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ee8f8f;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.best-banner .prd-list .best-num:before {
    content: '0';
}

/* ¿ëÇ°º° Ư°¡»óÇ° */

.byProduct {
    display: flex;
    flex-direction: column;
}
.byProduct li {
    height: 120px;
    background-size: cover;
}
.byProduct li:not(:last-child) {
    margin-bottom: 15px;
}
.byProduct li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.byProduct li a p {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    color: #fff;
    font-size: 4vw;
    font-weight: 500;
}
.byProduct .lurerod {
    background-image: url(http://stfshop.godohosting.com/img/byProduct/lurerod.jpg);
}
.byProduct .reel {
    background-image: url(http://stfshop.godohosting.com/img/byProduct/reel.webp);
}
.byProduct .clothes {
    background-image: url(http://stfshop.godohosting.com/img/byProduct/clothes.jpg);
}
.byProduct .fresh_rod_prop {
    background-image: url(http://stfshop.godohosting.com/img/byProduct/fresh_rod_prop.jpg);
}
.byProduct .bag_etc {
    background-image: url(http://stfshop.godohosting.com/img/byProduct/bag_etc.jpg);
}
.byProduct .lure {
    background-image: url(http://stfshop.godohosting.com/img/byProduct/lure.jpg);
}
.byProduct .searod {
    background-image: url(http://stfshop.godohosting.com/img/byProduct/searod.jpg);
    background-position: center;
}
.byProduct li a:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
}
.byProduct li a p span {
    font-size: 3vw;
    display: block;
    margin-top: 8px;
}
.byProduct li a p span:after {
    display: inline-block;
    content: '\003E';
    font-size: 3.5vw;
    margin-left: 4px;
}


/* Âüµ¼ ¸ÞÀÎ ¹è³Ê */
.mainbanner .swiper-slide.mainbanner-tairubber .slide_item_wrap {
    background: #7f7e3a;
    color: #fff;
}
/* û¸í ·¹ÀÌÄ« ¸ÞÀÎ ¹è³Ê */
.mainbanner .swiper-slide.mainbanner-reika .slide_item_wrap {
    background: #282222;
    color: #fff;
}
.mainbanner .swiper-slide.mainbanner-reika .slide_txt img {
    height: 300px;
    margin-left: 10px;
}
#mainbanner-allview-wrapper .swiper-slide.mainbanner-reika .slide_item_wrap {
    background: #282222;
}
#mainbanner-allview-wrapper .swiper-slide.mainbanner-reika .slide_txt img {
    display: none;
}
#mainbanner-allview-wrapper .swiper-slide.mainbanner-reika .slide_img {
    top: 0;
}
#mainbanner-allview-wrapper .swiper-slide.mainbanner-reika .slide_img img {
    height: 31vh;
}
#mainbanner-allview-wrapper .swiper-slide.mainbanner-reika .slide_txt {
    top: 0;
    left: 12px;
}
#mainbanner-allview-wrapper .swiper-slide.mainbanner-reika .slide_txt:before {
    content: '';
    display: block;
    height: 30vh;
    background: url(http://stfshop.godohosting.com/banner/main/reika_m_txt2.png) center/100% no-repeat;
    width: 58vw;
}


/* ¶ì¹è³Ê */
.oneline-banner {
    /*background: #00632c;*/
    background: url(http://stfshop.godohosting.com/banner/popup/autumnMoon.jpg);
    display: block;
    color: #fff;
    margin-bottom: 40px;
    padding: 15px 20px 20px 70px;
    font-size: 4vw;
    letter-spacing: 0.02em;
    font-weight: 700;
    position: relative;
    line-height: 1.8;
}
.oneline-banner-content:after {
    content: 'ÀÚ¼¼È÷ º¸±â \203A';
    display: block;
    font-size: 0.8em;
    opacity: 0.8;
}
.oneline-banner:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    left: 20px;
    top: 20px;
    background: url(http://stfshop.godohosting.com/icon/common/speaker-white.svg) no-repeat center/90%;
}
.oneline-banner-keyword {
    color: #345ae8;
}
.txt-style-italic {
    font-style: italic;
}
/*
.oneline-banner:after {
    content: '';
    position: absolute;
    background: url(http://stfshop.godohosting.com/banner/popup/2022tiger.png) right/auto 100% no-repeat;
    bottom: 5px;
    right: 5%;
    width: 100%;
    height: 50%;
}
*/
.oneline-banner.exist {
    background: #f3f3f3;
}
.oneline-banner.exist:after {
    background: url(http://stfshop.godohosting.com/banner/notice/exist22/exist.png) right/auto 100% no-repeat;
    height: 70%;
    transform: translate(21px,6px);
}
.oneline-banner.urgency {
    background: url(http://stfshop.godohosting.com/banner/popup/autumnMoon.jpg);
    background-position: left;
}
.oneline-banner.urgency:after {
    background: none;
}
.oneline-banner.urgency .oneline-banner-keyword {
    color: #b93e3e;
}
a.oneline-banner.time {
    background: #f9ebe0;
}
a.oneline-banner.time:after {
    background: none;
}
a.oneline-banner.time .oneline-banner-keyword {
    color: #E91F20;
}


/*Ãß¼®¿¬ÈÞ ¹è³Ê(´ÞÅä³¢)*/
.oneline-banner.kofish {
    background: #173b74;
    color: #fff;
    position: relative;
    padding: 10px 20px 10px 70px;
}
.oneline-banner.kofish .oneline-banner-keyword {
    color: #f0ef91;
}
.oneline-banner.kofish:before {
    background-image: url(http://stfshop.godohosting.com/icon/common/speaker-white.svg);
}
a.oneline-banner.kofish:after {
    display: block;
    content: '';
    position: absolute;
    width: 120px;
    height: 80px;
    background: url(http://stfshop.godohosting.com/banner/notice/moonRabit.svg) no-repeat center/auto 100%;
    bottom: -15px;
    right: 10px;
}

/* BASIC css end */