/* BASIC css start */
.item_cont.empty{display:none !important}
.item-cont.empty{display:none !important}
/* ¸ÞÀÎ ºñÁÖ¾ó */
.main_visu{width: 100%;  position:relative}
.main_visu .swiper{position:relative}
.main_visu .swiper ul{}
.main_visu .swiper ul li{ }
.main_visu .swiper ul li a{display: block;}
.main_visu .swiper ul li a img{width:100%}


.main_visu .swiper-pagination{position: absolute;right:25px !important; width: 55px !important; text-align: center !important; bottom: 25px !important;background-color:rgba(255,255,255,.1); padding:8px 14px; border-radius:20px}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{left:unset !important}
.swiper-pagination{color:#000}
.swiper-pagination-current{font-weight:400; color:#fff}

/*¼½¼Ç °øÅë*/
section h2{font-family: 'Noto Sans KR', sans-serif; font-size: 23px; color: #000;font-weight: 600; margin-bottom:10px;line-height:1.2}
section h2 span{font-size:25px; color:#000}
section h2 a{width:19px; height:19px; float:right; display:block}
section h2 img{width:100%}
section .p_subTitle{font-size:14px; color:#888;font-family: 'Noto Sans KR', sans-serif;margin: 10px 0 }
section .p_subTitle a{width:19px; height:19px; float:right; display:block}
section .p_subTitle a img{width:100%}


/* ¼½¼Ç1 */
#sec1{padding: 20px; margin-top:30px}
#sec1 .item_list{width:calc(50% - 25px) !important;margin-right:14px;}
#sec1 .swiper{height:auto !important}
#sec1 .p_subTitle{margin-bottom:20px}
#sec1 .p_subTitle a{width:19px; height:19px; float:right; display:block}
#sec1 .p_subTitle a img{width:100%}


/* ¼½¼Ç2 */
#sec2 h2{padding:10px 20px;}
#sec2 .sec2_banner{width:100%}
#sec2 .sec2_banner ul{width:100%}
#sec2 .sec2_banner ul li{width:100%}
#sec2 .sec2_banner ul li a{display:block; width:100%}
#sec2 .sec2_banner ul li a img{width:100%}


/* ¼½¼Ç3 */
.sec3_prd    {margin-top:20px;}
#sec3{padding:20px; margin-top:40px}

#sec3 .item_list{width:calc((100% - 20px) / 2) !important; position:relative;margin-bottom:20px}
#sec3 .item_list:nth-child(odd){margin-right:20px}
#sec3 .item_list .info{position: absolute;  left:0 ; top:0 ; width:100%; height:auto; padding:10px 15px;background: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.5));}
#sec3 .item_list .info .prdname{color:#fff; height:40px; overflow:hidden;}
#sec3 .item_list .info .price{color:#fff}
#sec3 .item_list .info .prdprice strike    {color:#ffffff!important; }




/* sec4 */

#sec4 {margin-top:30px; border-bottom:1px solid #eee; padding-bottom:30px}
#sec4 h2{padding:0 20px}
#sec4 .p_subTitle    {font-size:14px; color:#888;font-family: 'Noto Sans KR', sans-serif;margin: 10px 0; padding:0 20px; }
#sec4 .sec4_cate{margin:25px 0 10px; padding: 0 20px}
#sec4 .sec4_cate ul{display:flex; justify-content:space-between; width:95%}
#sec4 .sec4_cate ul li{display: inline-block; }
#sec4 .sec4_cate ul li a{font-family: 'Noto Sans KR', sans-serif; color: #888;padding-bottom:4px; font-size:14.5px}
#sec4 .sec4_cate ul li.on>a{border-bottom: 2px solid #000; color: #000;font-weight:700}



#sec4 .sec4_cate>a{float: right;}
#sec4 .sec4_prd>div{display: none;position:relative}
#sec4 .sec4_prd>div.show{display: block;}
#sec4 .item-cont{width:100%; display:flex;flex-wrap: wrap;padding:10px 20px}

#sec4 .item_list{width:31% !important; float:left; margin-right:3.5%}
#sec4 .item_list:nth-child(3n){margin-right:0 !important}
#sec4 .item_list .info{padding: 12px 0 25px !important;}
#sec4 .item_list .info .prdname{font-size:12px !important}
#sec4 .item_list .info .prdprice .price{font-weight:600 !important; font-size:13px}
#sec4 .swiper-pagination-bullet{background-color:#555 !important}


/* sec5 */
#sec5{padding:40px 20px; }
#sec5 h2 a{float: right;}
#sec5 h2{margin-bottom:20px}
#sec5 .sec5_banner ul{width: 100%;height:auto;display:flex; justify-content:space-between; flex-wrap:wrap}

#sec5 .sec5_banner ul li{width:48.5%; display:inline-block}
#sec5 .sec5_banner ul li:first-child{width:100% !important}
#sec5 .sec5_banner a{ display: block; width:100%}
#sec5 .sec5_banner a img{width:100%}
#sec5 .sec5_banner .ban_txt{padding: 20px 0;}
#sec5 .sec5_banner .ban_txt p{}
#sec5 .sec5_banner .ban_txt p.tit{margin-bottom:7px; color: #222; font-size: 17px;font-family: 'Noto Sans KR', sans-serif;}
#sec5 .sec5_banner .ban_txt p.period{color: #888; font-size: 13px;font-family: 'Red Hat Display', sans-serif; }

/* sec6 */


#sec6{padding:20px; margin-top:40px}
#sec6 .item_cont{width: 100%;height:auto;display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:50px}
#sec6 .item_list{width:calc((100% - 20px) / 3) !important; position:relative;}
#sec6 .item_list:first-child{width:100% !important; margin-bottom:10px}
#sec6 .item_list:first-child .info{display:block !important}
#sec6 .item_list .info{display:none ; position: absolute;  left:0 ; bottom:0 ; width:100%; height:auto; padding:15px 17px;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));}
#sec6 .item_list .info .prdname{color:#fff}
#sec6 .item_list .info .price{color:#fff}
#sec6 .swiper-pagination-bullet{background-color:#555 !important}

/* sec7 */

    #sec7{position: relative; width: 100%; height: auto;}
    #sec7 img{width: 100%;}
    #sec7 .sec7_textArea{position: absolute; left: 0; top: 0; width: 100%; height: 100%;; display:flex; justify-content: center; flex-direction:column; align-items:center}
    #sec7 .sec7_textArea h3{text-align: center;font-family: 'Noto Sans KR', sans-serif;color: #222; font-size: 21px;font-weight: 400; line-height:25px; letter-spacing:-1px;}
    #sec7 .sec7_textArea a{ display:inline-block;border: 1px solid; text-align: center; color: #666; font-size: 13px;font-family: 'Noto Sans KR', sans-serif; padding:10px 20px; margin-top:14px}
/* sec8 */

#sec8{padding:20px; margin:40px 0}
#sec8 .sec_inner{}
#sec8 h2{}
#sec8 h2 a{float: right;}

#sec8 .sec8_mag{margin-top:30px}
#sec8 .sec8_mag ul{}
#sec8 .sec8_mag ul li{width:80%;}
#sec8 .sec8_mag ul li .pic{width:100%}
#sec8 .sec8_mag ul li .pic a{display:block; width:100%}
#sec8 .sec8_mag ul li .pic a img{width:100%}
#sec8 .sec8_mag ul li .article{width: 100%;}
#sec8 .sec8_mag ul li .article h4{color: #222;font-size: 17px;font-family: 'Noto Sans KR', sans-serif; padding: 20px 0 14px; font-weight: 400;}
#sec8 .sec8_mag ul li .article p{color: #888; font-size: 12.3px;font-family: 'Noto Sans KR', sans-serif; font-weight:200; width:90%}
/* BASIC css end */