/* BASIC css start */
.items .color {width:100%; height:3px; display: inline-block; margin:5px 0px 5px 0px; padding:0px; float:left;}
.items .color .color_unit {width:7px; height:3px; display:inline-block; vertical-align:top;}

#category_name { width:100%; float: left; text-align:center; margin-bottom:10px;}
#category_name .title {width:100%; line-height:24px; font-size:22px; font-weight:bold; display: inline-block; color:#000; letter-spacing:-0.5px; text-align:left;}
#category_name .title1 {width:100%; height:100px; line-height:100px; font-size:20px; font-weight:bold; display: inline-block; color:#fff; letter-spacing:-0.5px; background:url(/design/hellosuri/skin_2020/m/bn_category_img01.jpg) no-repeat center; background-size:100%;}
#category_name .title2 {width:100%; height:100px; line-height:100px; font-size:20px; font-weight:bold; display: inline-block; color:#fff; letter-spacing:-0.5px; background:url(/design/hellosuri/skin_2020/m/bn_category_img02.jpg) no-repeat center; background-size:100%;}
#category_name .title3 {width:100%; height:100px; line-height:100px; font-size:20px; font-weight:bold; display: inline-block; color:#fff; letter-spacing:-0.5px; background:url(/design/hellosuri/skin_2020/m/bn_category_img03.jpg) no-repeat center; background-size:100%;}
#category_name .title4 {width:100%; height:100px; line-height:100px; font-size:20px; font-weight:bold; display: inline-block; color:#fff; letter-spacing:-0.5px; background:url(/design/hellosuri/skin_2020/m/bn_category_img04.jpg) no-repeat center; background-size:100%;}
#category_name .title5 {width:100%; height:100px; line-height:100px; font-size:20px; font-weight:bold; display: inline-block; color:#fff; letter-spacing:-0.5px; background:url(/design/hellosuri/skin_2020/m/bn_category_img05.jpg) no-repeat center; background-size:100%;}
#category_name .sub {width:100%; line-height: 22px; font-size:16px; font-weight:400; display: inline-block; color:#000; letter-spacing:-0.5px;}


     	.swiper_banner {
        width:96%;
        padding:0% 2% 0% 2%;
        margin-top:60px;
        margin-bottom:60px;
        }


     	.swiper_banner .swiper_title {
        width:100%;
        font-size:20px;
        font-weight:bold;
        font-family:'Noto Sans KR', 'sans-serif';
        text-align:center;
        letter-spacing:-0.5px;
        margin-bottom:5px;
        color:#000;
   	}

   	.swiper_banner .swiper-container {
        margin-bottom:12px;
        }

   	.swiper_banner .menu .swiper-wrapper{
        width:100%;
        }
        .swiper_banner .menu .swiper-slide {
        display:inline-block;
        position:relative;
        width:auto;
        line-height:50px;
        padding:0;
        font-size:16px;
        color:#000;
        font-family:'Noto Sans KR', 'sans-serif';
        font-weight:400;
        color:#b3b3b3;
        }
        
    	.swiper_banner .menu .swiper-slide:after{
        display:inline-block;
        content:'';
        position:absolute;
        left:50%;
        bottom:10px;
        background:#000;
        width:0;
        height:2px;
        }
        
        .swiper_banner .menu .swiper-slide-active {
        color:#000
        }
        
    	.swiper_banner .menu .swiper-slide-active:after{
        width:100%;left:0
        }


    .tab_product_warp {
        width: 100%%;
        text-align:left;
    }

    .tab_product_warp ul {
        width:100%;
        display:table;;
        table-layout:fixed;
        box-sizing:border-box;
        padding:0px;
        text-align:left;
        font-size:0;
    }

    .tab_product_warp li {
        width:48%;
        display:inline-block;
        vertical-align: top;
        padding:0% 1%;
        margin-bottom:10px;
    }

    .tab_product_warp li a {
        display: inline-block;
        font-family: 'Noto Sans KR', sans-serif;
        font-size:14px;
        font-weight:400;
        color:#000;
    }

    .tab_product_warp li img.listPic {
        width:100%;
    }

    .tab_product_warp .list_shoppingInfo {
        text-align:left;
        margin:5px 0px;
    }
    .tab_product_warp .listIcon {
        margin:0px;
        padding:5px 0px 5px 0px;
        display: inline-block;
        width: 100%;
    }

    .tab_product_warp .listIcon2 {
        margin:0px;
        padding:5px 0px 5px 0px;
        display: inline-block;
        width: 100%;
    }

    .tab_product_warp .listIcon img {
        margin:0px 3px 3px 0px;
        display: inline-block;
    }

    .tab_product_warp .listIcon2 img {
        margin:0px 3px 3px 0px;
        display: inline-block;
    }


    .main_bn_evnet {
        width: 96%;
        height:100%;
        position:relative; 
        margin-top:40px;
        margin-bottom:40px;
        padding:0% 2% 55px 2%;
        overflow:hidden;
        border-bottom:1px solid #ddd;
    }
    .third {
      width:100%;
      text-align: center;
      font-size: 18px;
      background: #fff;
    }
      
    .swiper-slide a {
        width:100%;
        display:block;
        font-size:20px;
        font-family:'Noto Sans KR', 'sans-serif';
        font-weight:400;
        text-align:center;
        color: #000;
      }
  
    .swiper-slide span {
        width: 100%;
        display: inline-block;
    }
    
    .swiper-slide img {
        width:100%;
    }

    
    .swiper-slide .sub {
        font-size:20px;
        font-weight: bold;
        margin-top:12px;
        text-align:left;
    }
    
    .swiper-slide .info {
        font-size:14px;
        font-weight: 400;
        margin-top:12px;
        text-align:left;
    }
    
    .swiper-pagination {
        width:100%;
        left: 0;
        bottom:-20px;
    }<strong></strong>
/* BASIC css end */