@charset "utf-8";

#bo_list .titleArea h2 > i:first-child {width:24px; background: url(/img/shop_splite.png) no-repeat left -167px top 2px;}

/*제품소개*/
.subCa_v2.fixed {position: fixed; top:50px; z-index:10; width:960px;}
.subCa_v2 > ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.subCa_v2 > ul > li {
    flex: 1;
    text-align: center;
    border: #ccc 1px solid;
    background: #fff;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    box-sizing: border-box;
}
.subCa_v2 > ul > li:hover {background: #f6f8fc;}
.subCa_v2 > ul > li.on { border: #fce250 1px solid !important; background: #fce250 !important; color: #000 !important;}
.subCa_v2 > ul > li.on + li {border-left:0}
.subCont > ul, .subCont > ul > li, .subCont > ul > li > dl {display: inline-block; width: 100%; position: relative;}
.subCont > ul > li {clear: both; padding:100px 0 10px 0; margin:0 10px;}
.subCont > ul > li > dl {padding-bottom:10px; overflow: hidden;}
.subCont > ul > li > dl > dt, .subCont > ul > li > dl > dd {display: inline-block; float: left; position: relative;}
.subCont > ul > li > dl > dt {width:40%; min-height:390px;}
.subCont > ul > li > dl > dt .prodImg {width: 300px; height: 300px; position: absolute; background: #ddd; overflow: hidden; border-radius: 100%;}
.subCont > ul > li > dl > dt img {position: absolute; left: -100px; top:-100px;}
.subCont > ul > li > dl > dd {display: inline-block; width:60%;}
.subCont > ul > li > dl > dd h6 {margin:30px 0 0 0;}
.subCont > ul > li > dl > dd h5 {font-family: 'NanumS'; font-weight: bold; font-size:16px; position:relative; margin:0 0 15px 0; color:#ff8601; padding:0 0 0 3px; }
.subCont > ul > li > dl > dd h2 {width:100%;}
.subCont > ul > li > dl > dd h3 {font-weight: normal; font-size:16px; position:relative; display:inline-block; margin:0 auto 15px auto; color:#555; letter-spacing: -1px; }
.subCont > ul > li > dl > dd h4 { text-align: left; display:inline-block; margin:0 auto 20px auto; font-size:13px; color:#777; position:relative; }
.subCont > ul > li > dl > dd h4 > span { display:block; padding-left:15px; line-height: 22px; background:url('/img/icon_check.png') no-repeat left top 7px;  font-weight:500}
.subCont > ul > li > dl > dd h4 span > strong {color:#333;}
.subCont > ul > li > dl > dd h4 > button { width:400px; text-align: center; position:absolute; left:50%; bottom:0; margin:-20px 0 0 -200px; padding:30px 0 20px 0; font-size:12px; display:none; background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 34%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(34%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 34%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 34%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 34%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 34%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); }
.subCont > ul > li > dl > dd h1 {font-family: 'NanumS'; font-weight: normal; font-size:28px; position:relative; margin:0 0 8px 0; color:#1b1b1b; }
.subCont > ul > li > dl > dd h1 > i { display:none; width:25px; height:25px; position:absolute; margin:0; }
.subCont > ul > li > dl > dd h1 > i:first-child { background: url('/images/layout_splite.png') no-repeat left -74px top -349px; left:-40px; }
.subCont > ul > li > dl > dd h1 > i:last-child { background: url('/images/layout_splite.png') no-repeat left -122px top -349px; right:-40px;}
.subCont > ul > li > dl > dd h1 > strong { display:inline-block; margin:0 10px 0 0;}
.subCont > ul > li > dl > dd h1 > a { display:inline-block; font-size:12px; color:#000; border:#fce250 1px solid; border-radius: 2px; padding:0 10px; height:22px; line-height: 22px; text-decoration: none; position:relative; margin:0 0 0 5px;}
.subCont > ul > li > dl > dd h1 > a.impact { background:#fce250 !important; color:#000 !important; }

.tasty_item {clear: both; position: relative; width: 960px; height: 480px; margin: 0 0 50px 0; padding: 0 0 70px 0; border-bottom: #e5e5e5 1px solid;}
.tasty_item .swiper-button-next, .tasty_item .swiper-button-prev {width: 20px; height: 38px; background-size: 20px 38px; margin-top:-25px; }
.tasty_item .swiper-button-next, .tasty_item .swiper-container-rtl .swiper-button-prev {background-image:url(../../../img/btn_next.png); right:-10px;}
.tasty_item .swiper-button-prev, .tasty_item .swiper-container-rtl .swiper-button-next {background-image:url(../../../img/btn_prev.png); left:-10px;}
.tasty_item .swiper-slide {height:240px; overflow: hidden; text-align: center}
.tasty_item .swiper-slide .itemDetail {position: absolute; top:50%; height:175px; margin-top:-87.5px; width:100%}
.tasty_item .swiper-slide .icon {position: absolute; left: 15px; top: 0; z-index: 8;}
.tasty_item .swiper-slide .itemThumb {width: 200px; display: inline-block; margin: 0 auto;}
.tasty_item .swiper-slide .itemThumb a {width: 120px; height: 120px; border-radius: 100%; overflow: hidden;display: inline-block; position: relative; margin: 0 0 15px 0;}
.tasty_item .swiper-slide .itemThumb a img {width: 160px; height:160px; position: absolute; left:50%; top:50%; margin:-80px 0 0 -80px;}
.tasty_item .swiper-slide .itemTitle {font-weight: normal;}
.tasty_item .swiper-slide .itemTitle strong a span {font-size: 13px; font-weight: normal ;}
.tasty_item .swiper-slide .itemTitle strong a i {font-style: normal;font-weight: normal ; font-size: 13px;}
.tasty_item .swiper-slide .itemTitle strong a em {font-style: normal;font-weight: bold ;font-size: 11px; color: #ff8601; display: block; margin: 5px 0 0 0;}