/* BASIC css start */
* {box-sizing:border-box;}
.slick-slide img {width:100%;}
.slick-dots {width:100%; display:flex; align-items:center; justify-content:center; position:absolute;}
.slick-dots li {margin:0 7px;}
.slick-dots li button {width:12px; height:12px; border-radius:50%; border:0; font-size:0; background:rgba(255,255,255,0.4);}
.slick-dots li.slick-active button {background:#fff;}


#main {width:100%;}
#main h2.main_tit {font-size:30px; font-weight:900; letter-spacing:-0.02em; color:#1f1f1f; margin-bottom:10px;}

#main .sec1 {width:100%;}
#main .sec1 .slick-dots {bottom:30px;}
#main .sec1 .btm_bnr_box {width:calc(100vw); overflow-x:scroll; background:#f0f0f0; border-bottom:1px solid #dcdcdc; list-style:none; display:flex; align-items:center; padding:15px 20px; -ms-overflow-style:none; margin-bottom:25px;}
#main .sec1 .btm_bnr_box::-webkit-scrollbar {display:none;}
#main .sec1 .btm_bnr_box li {width:50px; margin-right:25px; flex-shrink:0;}
#main .sec1 .btm_bnr_box li a {width:100%; height:100%; display:flex; align-items:center; flex-direction:column;}
#main .sec1 .btm_bnr_box li a img {width:50px; margin-bottom:10px; height:50px;}
#main .sec1 .btm_bnr_box li a p {width:100%; text-align:center; font-size:12px; font-weight:400; letter-spacing:-0.04em; color:#323232; white-space:nowrap;}
 

/* 메이크샵 전용 배너스타일 */
.new-slider-wrap { overflow:hidden; visibility:hidden; position: relative; height: 0;  }
.new-slider-wrap:after { display:none; }
.new-slider-wrap .bx-wrapper { position: relative; text-align: center; }
.new-slider-wrap .slider-img li { position: relative; text-align: center; width:100%; height:100%; /* overflow:hidden; */ }
.new-slider-wrap .slider-img img { width:100%; margin:auto;  text-align: center;    /*  position:absolute; display:block;  object-fit: cover; width:100%; max-width:auto; height:100%; */ }
.new-slider-wrap .slider-img li:before,
.new-slider-wrap .slider-img li:after,
.new-slider-wrap .bx-pager ul li:before,
.new-slider-wrap .bx-pager ul li:after { display:none; }
.new-slider-wrap .bx-pager { display: flex; justify-content: center; position: absolute; bottom: 16px; left: 0; width:100%; }
.new-slider-wrap .bx-pager a { display: flex; width: 10px; height:10px;  margin: 0 3px; background-color: rgba(0,0,0,.5); transition: all .2s;  border-radius: 10px; text-indent: -9999px; }
.new-slider-wrap .bx-pager a:hover { background-color:#fff;  } 
.new-slider-wrap .bx-pager a.active { background-color:var(--main-color) ; width: 25px; }
.new-slider-wrap .bx-controls-direction a { position: absolute; top: 50%; width: 22px; height: 42px; transform: translateY(-50%); text-indent: -9999px; }
.new-slider-wrap .bx-controls-direction .bx-prev { left: 30px; background: url('/images/common/arr_angle_left_2x.png') no-repeat 0/100%; }
.new-slider-wrap .bx-controls-direction .bx-next { right: 30px; background: url('/images/common/arr_angle_right_2x.png') no-repeat 0/100%; }
.new-slider-wrap .slider-counter { display: flex; justify-content: center; align-items: center; gap: 5px; position: absolute; bottom: 12px; right: 12px; width: 56px; height: 24px; background: rgba(0,0,0,.5); border-radius: 20px; font-size: 13px; font-family: 'arial'; color: rgba(255,255,255,.5); line-height: 1; font-weight: bold; }
.new-slider-wrap .slider-counter .current-index { color: #fff; }
.new-slider-wrap .slider-progress { display:block; width:100%; height: 2px; background: #eee; content:""; overflow:hidden; }
.new-slider-wrap .slider-progress span { display:block; height: 2px; background: #000; -webkit-transition:all 0.75s ease-in-out; -moz-transition:all 0.75s ease-in-out; -ms-transition:all 0.75s ease-in-out; transition:all 0.75s ease-in-out; }
@media all and (max-width:480px) {
    .new-slider-wrap { }
    .new-slider-wrap .bx-wrapper {   }
    .new-slider-wrap .slider-img img {  width: auto !important;  margin:auto;  position:absolute; display:block; }
    .new-slider-wrap .bx-controls-direction a { width: 14px; height: 26px; }
    .new-slider-wrap .bx-controls-direction .bx-prev { left: 12px; background: url('/images/common/arr_angle_left_m_2x.png') no-repeat 0/100%; }
    .new-slider-wrap .bx-controls-direction .bx-next { right: 12px; background: url('/images/common/arr_angle_right_m_2x.png') no-repeat 0/100%; }
    .new-slider-wrap .bx-pager { bottom: 10px; }
    .new-slider-wrap .bx-pager a { width: 6px; height: 6px; margin: 0 2px; }
    .new-slider-wrap .slider-counter { bottom: 8px; right: 8px; width: 46px; height: 19px; font-size: 11px; }
}


.swiper-container { 
  padding-bottom: 0px; 
}


.swiper-pagination{  bottom:0px !important;  }
.swiper-pagination-bullet-prev,
.swiper-pagination-bullet-next ,
.swiper-pagination-bullet-active-prev,
.swiper-pagination-bullet-active-next {  }
.swiper-pagination-bullet{  width: 7px; height:7px; background-color: rgba(0,0,0,.5); transition: all .2s; bottom:-30px !important;  opacity: 1}
.swiper-pagination-bullet-active{  background-color:#da2128 }


/* 비주얼롤링배너 */
#mainslide,
.swiper-container, 
.swiper-wrapper  { height: calc(100vh - 0px);}
        
#mainslide .swiper-pagination-bullet {
	background: #e9e9e9 !important;
	border-radius: 0 !important;
	width: 20px !important;
	height: 5px !important;
	margin: 0 3px !important;
	opacity: 1 !important;
}
#mainslide .swiper-pagination .swiper-pagination-current {	padding-right: 3px;}
#mainslide .swiper-pagination .swiper-pagination-total {	padding-left: 3px;}
#mainslide .swiper-pagination-bullet-active {	background: #000 !important;}
#mainslide .swiper-pagination {
	display: table;
	width: 40px;
	text-align: center;
	position: absolute;
	left: 10px;
	right: inherit;
	background: rgba(0,0,0,0.5);
	border-radius: 30px;
	color: #fff;
	font-size: 10px;
	padding: 3px;
} 

#mainslide .swiper-slide { position:relative; width:100%; height: calc(100vh); overflow:hidden; }
#mainslide .swiper-slide a { width:100%; height: calc(100vh);   }
#mainslide .swiper-slide a img {  width: 100%; max-width: auto; height:100% !important; top:0; bottom:0; margin:auto;  object-fit: cover;  }


/*중간슬라이더*/
#middleslide .swiper-pagination-bullet {
	border: 1px solid #000;
	background: none !important;
	border-radius: 0 !important;
	width: 6px !important;
	height: 6px !important;
	margin: 0 3px !important;
	opacity: 1 !important;
}
#middleslide .swiper-pagination-bullet-active {
	background: #000 !important;
}
#middleslide .swiper-pagination {
	text-align: right !important;
	left: -10px !important;
}


/* 카테고리 바로가기 영역 */
#cate-icon { background:#fff; }
#cate-icon .sec_inner{ }
#cate-icon .sec_inner ul{display: flex; flex-wrap: wrap; justify-content: center;gap:5px}
#cate-icon .sec_inner ul li{width:calc((100% - 20px) / 3); }
#cate-icon .sec_inner ul li a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;}
#cate-icon .sec_inner ul li a .img{display: inline-block; border-radius:10px; width:100%; max-width:100px; margin:0 auto; background:#f8f9fa; overflow:hidden; border:1px solid #bebebe}
#cate-icon .sec_inner ul li a img{display: inline-block; width:100%; padding:10px; text-align:center}
#cate-icon .sec_inner ul li a p{  color: #333333; font-size: 12px; font-weight: 500; text-align:center}


/* 메인비주얼롱배너 */
#vmb{  }
#vmb .swiper{}
#vmb .swiper img {	 width: 100%; width: auto;  max-width: auto; height:100%; object-fit: cover;}
#vmb .swiper ul{}
#vmb .swiper ul li{}
#vmb .swiper ul li a{display: block; width: 100%;}
#vmb .swiper ul li a img{width: 100%;}
#vmb .swiper ul li .txt_area{padding-top: 5px;}
#vmb .swiper ul li .txt_area p{ /* font-family: 'Noto Sans KR', sans-serif; */}
#vmb .swiper ul li .txt_area p.big{color: #222;font-size: 28px; font-weight: 500; margin-bottom: 13px;}
#vmb .swiper ul li .txt_area p.small{color: #999999; font-size: 17px; font-weight: 400;}
#vmb .swiper ul li a img { position:absolute; display:block; width: 100%; width: auto; max-width: auto; height:100%; top:0; bottom:0; margin:auto;  }
#vmb .new-slider-wrap .bx-wrapper { height:calc(100vh);  }
#vmb .new-slider-wrap .slider-img li { position: relative; text-align: center; width:100%; height:100%; height:calc(100vh); /* overflow:hidden; */}
#vmb .new-slider-wrap .slider-img img {   /* object-fit: cover; */ width:100%; width: auto;  max-width:auto; height:100%;  }
#vmb .swiper .btn_wrap{display: flex; align-items: center;padding:6px; 5%}
#vmb .swiper .btn_wrap img{transform:scale(.66); transform-origin:center center; }
#vmb .swiper .btn_wrap>ul{display: flex; align-items: center;flex-grow:1}
#vmb .swiper .btn_wrap>ul li:not(:has(.swiper-pagination)){border: 1px solid #afafaf;}
#vmb .swiper .btn_wrap>ul li>div:has(img){display: flex; align-items: center; justify-content: center; width: 25px; height: 25px;}
#vmb .swiper .btn_wrap>ul li .swiper_prev{cursor: pointer; }
#vmb .swiper .btn_wrap>ul li .swiper_prev img{}
#vmb .swiper .btn_wrap>ul li .swiper-pagination{position: unset;color: #afafaf;font-size: 15px;display: flex; align-items: center; gap: 1px;}
#vmb .swiper .btn_wrap>ul li:has(.swiper-pagination){margin: 0 10px;}
#vmb .swiper .btn_wrap>ul li .swiper-pagination span{display: inline-block; font-size: 16px;font-weight: 500; /* font-family: 'Jost', sans-serif; */}
#vmb .swiper .btn_wrap>ul li .swiper-pagination span.swiper-pagination-current{color: #000;}
#vmb .swiper .btn_wrap>ul li .swiper_next{cursor: pointer; }
#vmb .swiper .btn_wrap>ul li .swiper_next img{}
#vmb .swiper .btn_wrap .control{margin-right: 8px;}
#vmb .swiper .btn_wrap .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 25px; height: 25px; }
#vmb .swiper .btn_wrap .control a.clicked{ background-color: rgb(233, 233, 233);}
#vmb .swiper .btn_wrap .control a img{}
#vmb .swiper .btn_wrap .sec1_more a{display:flex; align-items:center ;gap:5px; color:#777777; font-size:14px; font-weight:400}


/* 중간롱배너 */
#mmb{}
#mmb .swiper{	height: calc(100vh); }
#mmb .swiper img {	 width: 100%; max-width: auto; height:100%;  object-fit: cover;}
#mmb .swiper ul{}
#mmb .swiper ul li{}
#mmb .swiper ul li a{display: block; width: 100%;}
#mmb .swiper ul li a img{width: 100%;}
#mmb .swiper ul li .txt_area{padding-top: 5px;}
#mmb .swiper ul li .txt_area p{ /* font-family: 'Noto Sans KR', sans-serif; */}
#mmb .swiper ul li .txt_area p.big{color: #222;font-size: 28px; font-weight: 500; margin-bottom: 13px;}
#mmb .swiper ul li .txt_area p.small{color: #999999; font-size: 17px; font-weight: 400;}
#mmb .swiper ul li a img { position:absolute; display:block; width: 100%; max-width: auto; height:100%; top:0; bottom:0; margin:auto;  }
#mmb .new-slider-wrap .bx-wrapper { height:calc(100vh);  }
#mmb .new-slider-wrap .slider-img li { position: relative; text-align: center; width:100%; height:100%; height:calc(100vh); overflow:hidden }
#mmb .new-slider-wrap .slider-img img {    object-fit: cover; width:100%; max-width:auto; height:100%; }
#mmb .swiper .btn_wrap{display: flex; align-items: center;padding:6px; 5%}
#mmb .swiper .btn_wrap img{transform:scale(.66); transform-origin:center center; }
#mmb .swiper .btn_wrap>ul{display: flex; align-items: center;flex-grow:1}
#mmb .swiper .btn_wrap>ul li:not(:has(.swiper-pagination)){border: 1px solid #afafaf;}
#mmb .swiper .btn_wrap>ul li>div:has(img){display: flex; align-items: center; justify-content: center; width: 25px; height: 25px;}
#mmb .swiper .btn_wrap>ul li .swiper_prev{cursor: pointer; }
#mmb .swiper .btn_wrap>ul li .swiper_prev img{}
#mmb .swiper .btn_wrap>ul li .swiper-pagination{position: unset;color: #afafaf;font-size: 15px;display: flex; align-items: center; gap: 1px;}
#mmb .swiper .btn_wrap>ul li:has(.swiper-pagination){margin: 0 10px;}
#mmb .swiper .btn_wrap>ul li .swiper-pagination span{display: inline-block; font-size: 16px;font-weight: 500; /* font-family: 'Jost', sans-serif; */}
#mmb .swiper .btn_wrap>ul li .swiper-pagination span.swiper-pagination-current{color: #000;}
#mmb .swiper .btn_wrap>ul li .swiper_next{cursor: pointer; }
#mmb .swiper .btn_wrap>ul li .swiper_next img{}
#mmb .swiper .btn_wrap .control{margin-right: 8px;}
#mmb .swiper .btn_wrap .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 25px; height: 25px; }
#mmb .swiper .btn_wrap .control a.clicked{ background-color: rgb(233, 233, 233);}
#mmb .swiper .btn_wrap .control a img{}
#mmb .swiper .btn_wrap .sec1_more a{display:flex; align-items:center ;gap:5px; color:#777777; font-size:14px; font-weight:400}


/* 새로운 발견*/
#newfind { } 
#newfind {  width:100%; } 
#newfind { width:100%; } 
#newfind .row > [class*="col-"] { margin-bottom:5px;  box-sizing:border-box; } 
#newfind  .row > .col-12:last-child { margin-bottom:0; box-sizing:border-box; }
#newfind  .row > [class*="col-"] { margin-bottom:5px; box-sizing:border-box; } 
#newfind  a img { width: 100%;  box-sizing:border-box} 
#newfind  ul { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: px; } 
#newfind  ul li { position: relative; flex-grow: 1; } 
#newfind  ul li>a { display: block; width: 100%; border:0px solid #bebebe; } 
#newfind  ul li>a:hover {  border:0px solid #da2128;} 
#newfind  ul li>a>img { width: 100%; } 
#newfind  a > img { display: block; width: 100%; border:0px solid #bebebe;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; box-sizing:border-box}      
#newfind  a > img:hover {  border:0px solid var(--main-color);} 
#newfind  ul li .txt_area { position: absolute; top: 61%; transform: translateY(-50%); left: 40px; max-width: 80% } 
#newfind  ul li .txt_area p { opacity: 0; } 
#newfind  ul li .txt_area p.big { font-size: 34px; font-weight: 700; margin-bottom: 10px; transition-delay: .1s; } 
#newfind  ul li .txt_area p.sub { font-size: 16px; line-height:1.4; margin-bottom: 10px; transition-delay: .27s; } 
#newfind  ul li .txt_area a.more { font-size: 12px; opacity: 0; transition-delay: .48s; position:relative; } 
#newfind.act  ul li .txt_area p { transform: translateY(-25px); opacity: 1; } 
#newfind.act  ul li .txt_area a.more { transform: translateY(-25px); opacity: 1; } 
#newfind  .banner_list {  position:relative; }
#newfind  .banner_button {  position:relative;  } 
#newfind  .banner_button .more_item { position: absolute !important; z-index:10; bottom:10px; left:10px;  }


/* 테마관 */
.theme  { }
.theme .main-title {  }
.theme .sec_inner{ }
.theme .theme_cont{}
.theme .theme_cont ul li{width:80%}
.theme .theme_cont ul li a{display: block; width:100% }
.theme .theme_cont ul li a img{width:100%}
.theme .theme_cont ul li .txt_area{margin-top: 12px;gap: 5px; display: flex; flex-direction: column;    display:none;}
.theme .theme_cont ul li .txt_area p{font-weight: 500; }
.theme .theme_cont ul li .txt_area p.big{color: #222222; font-size: 14px;}
.theme .theme_cont ul li .txt_area p.small{color: #999999; font-size: 13px;}
.theme .theme_cont .more_item{}
 
 
.section .sec_prd>div ul.item_cont{display:flex; flex-wrap:wrap}


/* 털보 쎈딜 */
.ssen {background: #f8f9fa; }
.ssen .sec_inner {width: calc( 100% - 20px ); width: calc( 100vw ); margin:0 auto;}
/*.ssendeal { background: url(/design/ytfishing/mo/ssendeal_bg.jpg) no-repeat; background-size: cover; height: 137px;}*/
.ssendeal { position: relative; margin-bottom:10px; }
.ssen-more { position: relative; height:50px;}
.ssendeal .ssen_tit {position: relative;overflow: hidden; width: calc( 100% - 00px ); margin:0 auto;  margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 24px 0 15px;}
.ssendeal .ssen_tit img {width: 122px;}
.ssendeal .ssen_tit .ssen_add {display: block; width: 27px; height: 27px; border-radius: 50%; background: #b4b4b4; position: relative;}
.ssendeal .ssen_tit .ssen_add span {display: block; width: 10px; height: 1px; background: #fff; position: absolute; top: 13px; left: 8px;}
.ssendeal .ssen_tit .ssen_add span:last-child {transform: rotate(90deg);}

.ssendeal .ssen_tit .more-btn a { position:absolute; right:0; top:55%; color:#444; font-size:13px; 
 -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);} 
.ssendeal .ssen_tit .more-btn a:after { display:inline-block; content:'\F285'; position:relative; font-family:'bootstrap-icons'; font-size:13px; top:1px;  }


.itme_wrpa:after {display:block; clear:both; content:"";}
.item-cont { display: flex; flex-wrap: wrap; }
.ssendeal_tab { width: calc( 100% - 0px ); margin:0 auto 10px; overflow-x:scroll; background:#fff; list-style:none; display:flex; align-items:center; padding:15px 20px; -ms-overflow-style:none; border-radius:5px; border:1px solid #bebebe }
.ssendeal_tab::-webkit-scrollbar {display:none;}
.ssendeal_tab li { margin-right:20px; flex-shrink:0;}
.ssendeal_tab li a {width:100%; height:100%; display:flex; align-items:center; flex-direction:column; color: #323232; font-size: 15px; font-weight: 500;}
/*
.ssendeal_more {position:absolute; right:6px; top:50%; color:#444; 
 -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); z-index:5; background:#fff; padding:15px 2px; border-radius:5px; }
.ssendeal_more:after { display:inline-block; content:'\F285'; position:relative; font-family:'bootstrap-icons'; font-size:24px; top:1px;  }
*/
.ssendeal_more {position:absolute; right:0px; top:50%; 
 -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); z-index:5; background:rgba(0,0,0,.35); padding:8px; border-radius:30px 0 0 30px; }
.ssendeal_more:after { display:inline-block; content:'\F285'; position:relative; font-family:'bootstrap-icons'; color:#fff;  font-size:18px; top:1px; line-height:1; } 


.sec5 {width:100%;}
.sec5 .main-tit {padding:0 10px; margin:40px 0 20px;}
.sec5 .cate_tab { position:relative; width: 100%; margin-bottom:20px;  }
.sec5 .cate_tab ul {width:100%; list-style:none; overflow-x:scroll; -ms-overflow-style:none; display:flex; align-items:center;}
.sec5 .cate_tab ul::-webkit-scrollbar {display:none;}
.sec5 .cate_tab ul li {width:75px; height:70px; display:flex; align-items:center; justify-content:center;  flex-direction:column; flex-shrink:0; border-top:1px solid #bebebe; border-bottom:1px solid #bebebe;  
    background:#fff; text-align:center}
.sec5 .cate_tab ul li:not(:last-child) {border-right:1px solid #bebebe;}
.sec5 .cate_tab ul li img {position:relative;width:32px; margin-bottom:5px; margin:5px auto 3px; text-align:center; display: block; }
.sec5 .cate_tab ul li img.off {display:block; }
.sec5 .cate_tab ul li img.on {display:none;  /* filter: brightness(100); */ }
.sec5 .cate_tab ul li span {display: block; font-size:12px; font-weight:500; letter-spacing:-0.06em; color:#222; white-space:nowrap;}
.sec5 .cate_tab ul li.on {border-left:0px solid #da2128; border-top:0px solid #da2128; border-right:0px solid #da2128; border-bottom:0; background:#da2128; border:1px solid #da2128; }
.sec5 .cate_tab ul li.on img.off { display:none;}
.sec5 .cate_tab ul li.on img.on { display:block; }
.sec5 .cate_tab ul li.on span {color:#fff; width:100%;}
.sec5 .main_cate {width: calc( 100% - 0px ); margin:0 auto; padding:84px 0px 50px;} 
.sec5 .main_cate .cate_slide { position:relative; width:100%; overflow:hidden; }
.sec5 .main_cate .cate_slide img { position:relative; width:100%;  }
.sec5 .main_cate .slick-dots {bottom:15px;}
.sec5 .main_cate .item_box {width:100%; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between;}
.sec5 .main_cate .item_box .item {width:calc(50% - 2.5px);}
.sec5 .main_cate .item_box .item a {width:100%; height:100%; display:flex; flex-direction:column;}
.sec5 .main_cate .item_box .item a .img_box {width:100%; margin-bottom:5px;}
.sec5 .main_cate .item_box .item a .img_box img {width:100%; border:0px solid #dcdcdc;}
.sec5 .main_cate .item_box .item a .con {width:100%; margin-bottom:20px;}
.sec5 .main_cate .item_box .item a .con h3 {width:100%; overflow:hidden; font-size:13px; font-weight:400; letter-spacing:-0.04em; color:#646464; text-overflow:ellipsis; white-space:nowrap; margin-bottom:7px;}
.sec5 .main_cate .item_box .item a .con .money {font-size:16px; font-weight:400; letter-spacing:-0.04em; color:#323232;}
.sec5 .main_cate .item_box .item a .con .money span {font-size:17px; font-weight:900; letter-spacing:0;}


.sec5 .cate_tab.cate01_tab ul li.on { background:#07399f; border:1px solid #07399f; }  
.sec5 .cate_tab.cate02_tab ul li.on { background:#79ac16; border:1px solid #79ac16; } 
.sec5 .cate_tab.cate03_tab ul li.on { background:#9440dc; border:1px solid #9440dc; } 
.sec5 .cate_tab.cate04_tab ul li.on { background:#007ea7; border:1px solid #007ea7; } 
.sec5 .cate_tab.cate05_tab ul li.on { background:#fd7e14; border:1px solid #fd7e14; } 
.sec5 .cate_tab.cate06_tab ul li.on { background:#53bb2c; border:1px solid #53bb2c; }  
.sec5 .cate_tab.cate07_tab ul li.on { background:#ed0c7b; border:1px solid #ed0c7b; } 
.sec5 .cate_tab.cate08_tab ul li.on { background:#17b1ba; border:1px solid #17b1ba; }  
.sec5 .cate_tab.cate09_tab ul li.on { background:#ee9200; border:1px solid #ee9200; }  
.sec5 .cate_tab.cate10_tab ul li.on { background:#b74b4b; border:1px solid #b74b4b; }  
.sec5 .cate_tab.cate11_tab ul li.on { background:#3e8d86; border:1px solid #3e8d86; } 
.sec5 .cate_tab.cate12_tab ul li.on { background:#9f01c6; border:1px solid #9f01c6; } 
.sec5 .cate_tab.cate13_tab ul li.on { background:#e95385; border:1px solid #e95385; }  
.sec5 .cate_tab.cate14_tab ul li.on { background:#6fb072; border:1px solid #6fb072; } 
.sec5 .cate_tab.cate15_tab ul li.on { background:#c1d10d; border:1px solid #c1d10d; }  

.sec5 .cate_tab.cate01_tab ul li.on img,  
.sec5 .cate_tab.cate02_tab ul li.on img,   
.sec5 .cate_tab.cate03_tab ul li.on img,
.sec5 .cate_tab.cate04_tab ul li.on img, 
.sec5 .cate_tab.cate05_tab ul li.on img,  
.sec5 .cate_tab.cate06_tab ul li.on img,
.sec5 .cate_tab.cate07_tab ul li.on img,
.sec5 .cate_tab.cate08_tab ul li.on img,
.sec5 .cate_tab.cate09_tab ul li.on img,  
.sec5 .cate_tab.cate10_tab ul li.on img,  
.sec5 .cate_tab.cate11_tab ul li.on img,
.sec5 .cate_tab.cate12_tab ul li.on img,
.sec5 .cate_tab.cate13_tab ul li.on img,
.sec5 .cate_tab.cate14_tab ul li.on img,
.sec5 .cate_tab.cate15_tab ul li.on img {  filter: brightness(100);  }  

.sec5 .cate01 .more_item a,
.sec5 .cate01 .more_item a:hover{ background:#07399f; border: 1px solid #07399f; }
.sec5 .cate02 .more_item a,
.sec5 .cate02 .more_item a:hover{ background:#79ac16; border: 1px solid #79ac16; }
.sec5 .cate03 .more_item a,
.sec5 .cate03 .more_item a:hover{ background:#9440dc; border: 1px solid #9440dc; }
.sec5 .cate04 .more_item a,
.sec5 .cate04 .more_item a:hover{ background:#007ea7; border: 1px solid #007ea7; }
.sec5 .cate05 .more_item a,
.sec5 .cate05 .more_item a:hover{ background:#fd7e14; border: 1px solid #fd7e14; }
.sec5 .cate06 .more_item a,
.sec5 .cate06 .more_item a:hover{ background:#53bb2c; border: 1px solid #53bb2c; }
.sec5 .cate07 .more_item a,
.sec5 .cate07 .more_item a:hover{ background:#ed0c7b; border: 1px solid #ed0c7b; }
.sec5 .cate08 .more_item a,
.sec5 .cate08 .more_item a:hover{ background:#17b1ba; border: 1px solid #17b1ba; }
.sec5 .cate09 .more_item a,
.sec5 .cate09 .more_item a:hover{ background:#ee9200; border: 1px solid #ee9200; }
.sec5 .cate10 .more_item a,
.sec5 .cate10 .more_item a:hover{ background:#b74b4b; border: 1px solid #b74b4b; }
.sec5 .cate11 .more_item a,
.sec5 .cate11 .more_item a:hover{ background:#3e8d86; border: 1px solid #3e8d86; }
.sec5 .cate12 .more_item a,
.sec5 .cate12 .more_item a:hover{ background:#9f01c6; border: 1px solid #9f01c6; }
.sec5 .cate13 .more_item a,
.sec5 .cate13 .more_item a:hover{ background:#e95385; border: 1px solid #e95385; }
.sec5 .cate14 .more_item a,
.sec5 .cate14 .more_item a:hover{ background:#6fb072; border: 1px solid #6fb072; }
.sec5 .cate15 .more_item a,
.sec5 .cate15 .more_item a:hover{ background:#c1d10d; border: 1px solid #c1d10d; }

.sec5 .cate01 .more_item a p,
.sec5 .cate01 .more_item a p:after { color: #fff; }
.sec5 .cate02 .more_item a p,
.sec5 .cate02 .more_item a p:after { color: #fff; }
.sec5 .cate03 .more_item a p,
.sec5 .cate03 .more_item a p:after { color: #fff; }
.sec5 .cate04 .more_item a p,
.sec5 .cate04 .more_item a p:after { color: #fff; }
.sec5 .cate05 .more_item a p,
.sec5 .cate05 .more_item a p:after { color: #fff; }
.sec5 .cate06 .more_item a p,
.sec5 .cate06 .more_item a p:after { color: #fff; }
.sec5 .cate07 .more_item a p,
.sec5 .cate07 .more_item a p:after { color: #fff; }
.sec5 .cate08 .more_item a p,
.sec5 .cate08 .more_item a p:after { color: #fff; }
.sec5 .cate09 .more_item a p,
.sec5 .cate09 .more_item a p:after { color: #fff; }
.sec5 .cate10 .more_item a p,
.sec5 .cate10 .more_item a p:after { color: #fff; }
.sec5 .cate11 .more_item a p,
.sec5 .cate11 .more_item a p:after { color: #fff; }
.sec5 .cate12 .more_item a p,
.sec5 .cate12 .more_item a p:after { color: #fff; }
.sec5 .cate13 .more_item a p,
.sec5 .cate13 .more_item a p:after { color: #fff; }
.sec5 .cate14 .more_item a p,
.sec5 .cate14 .more_item a p:after { color: #fff; }
.sec5 .cate15 .more_item a p,
.sec5 .cate15 .more_item a p:after { color: #fff; }

    
.cate_tab_more {position:absolute; right:0px; top:50%; 
 -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); z-index:5; background:rgba(0,0,0,.35); padding:8px; border-radius:30px 0 0 30px;  }
.cate_tab_more:after { display:inline-block; content:'\F285'; position:relative; font-family:'bootstrap-icons'; color:#fff;  font-size:18px; top:1px; line-height:1; } 


/* 핫 카테고리 */
.sec5 .cate_wrap {position: relative;}
.sec5 .cate_wrap .cate_tab {z-index: 1;  position:absolute;}
.sec5 .cate_wrap .cate_tab.fixed {position:fixed; top: 50px;}
.sec5 .cate_wrap .cate_tab.stay { bottom: 0; top: auto;}

.item-cont1 { display: flex; flex-wrap: wrap; margin-top: 15px; }
.item-list {float:left; /*width: calc(50% - 2.5px);*/ width:calc(50% - 1px);}
.item-list .thumb img{width: 100%;}
.item-list:nth-of-type(odd) {_margin-right: 5px;}
.item-list:nth-of-type(even) {margin-left:2px;}
.item-list .thumb {width: 100%; border: 0px solid #dcdcdc; box-sizing: border-box;}
.prd-name a {font-size: 15px; color: #222; font-weight: normal; }
.price {font-weight: bold; font-size: 20px; color: #222; }
.prd-preview {display: none;}
.prd-info {padding: 8px 0 20px; line-height:1.4; word-break:keep-all; letter-spacing:-0.5px;  
    font-family: 'Noto Sans KR', 'Spoqa Han Sans', 'Spoqa Han Sans KR', Dotum, "돋움", DotumChe, "돋움체", Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif !important;  }
.prd-price {margin-top: 2px;}
.prd-price strike {padding-right: 2px; display: block; color: #666; font-size:14px;}
.discount { color:#ff0000; font-weight:bold; font-size:20px; margin-right:5px; } 
.moreView {display: block; width: 100%; height: 52px; background: #f0f0f0; border: 1px solid #dcdcdc; box-sizing: border-box; text-align: center; line-height: 50px; font-size: 13px; color: #323232; font-family: 'Noto Sans KR', sans-serif; margin-top: 10px;
}
.moreView img {vertical-align: 1px; width: 5px; margin-left: 13px; }


/* 인스타그램 영역 */
/*인스타그램*/
#instagram {
	margin-top: 50px;
	position: relative
}
#instagram h1 {
	text-align: center;
}
#instagram h1 p.insta_id {
	font-size: 13px;
	color: #adadad;
	padding: 10px 0;
}
#instagram .follow {
	position: absolute;
	right: 8px;
	top: 31px;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	color: #aaa;
	padding: 4px 10px;
}
#instagram .list {
	margin-top: 20px;
}
/*혜택*/
#benefit {
	margin-top: 40px;
}
#benefit ul {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 0;
}
#benefit ul li {
	width: 33.3%;
	display: inline-block;
	text-align: center;
}
#benefit ul li:before, #benefit ul li:after {
	border: 1px solid #ddd
}
#benefit ul li a {
	display: block;
	padding-top: 47%;
	font-size: 13px;
	padding-bottom: 10px;
	letter-spacing: -1px;
}
#benefit ul li.no1 {
	background: url('/design/ytfishing/2022_renew/m/img/benefit_01.png') no-repeat;
	background-position: center 12px;
	background-size: 30%;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-left: -2px;
}
#benefit ul li.no2 {
	background: url('/design/ytfishing/2022_renew/m/img/benefit_02.png') no-repeat;
	background-position: center 20px;
	background-size: 20%;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#benefit ul li.no3 {
	background: url('/design/ytfishing/2022_renew/m/img/benefit_03.png') no-repeat;
	background-position: center 15px;
	background-size: 30%;
	border-bottom: 1px solid #ddd;
}
#benefit ul li.no4 {
	padding-bottom: 5px;
	background: url('/design/ytfishing/2022_renew/m/img/benefit_04.png') no-repeat;
	background-position: center 12px;
	background-size: 30%;
	border-right: 1px solid #ddd;
	margin-left: -2px;
}
#benefit ul li.no5 {
	padding-bottom: 5px;
	background: url('/design/ytfishing/2022_renew/m/img/benefit_05.png') no-repeat;
	background-position: center 25px;
	background-size: 30%;
	border-right: 1px solid #ddd;
}
#benefit ul li.no6 {
	padding-bottom: 5px;
	background: url('/design/ytfishing/2022_renew/m/img/benefit_06.png') no-repeat;
	background-position: center 20px;
	background-size: 25%;
}
/*기타*/
.color {
	margin-bottom: 6px;
}


/* BASIC css end */