/* BASIC css start */
/* 섹션 공통 */
section{width: 100%;margin-bottom:60px}
section .sec_inner{padding:0 5%; margin:0 auto}
section h2{font-family: 'Noto Sans KR', sans-serif; font-size: 26px ; font-weight: bold; letter-spacing: -.5px; color: #000; margin-bottom:29px; line-height:1.3}

/* sec1 */
#sec1{}
#sec1 .swiper{width: 100%;}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{width: 100%;}
#sec1 .swiper ul li a{display: block; width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper-pagination{ }
#sec1 .swiper-pagination-bullet{background-color:#fff !important; margin:0 4px; opacity: .6; transition: width .5s; transform: scale(.9); }
#sec1 .swiper-pagination-bullet-active{width:20px; border-radius: 10px !important;  opacity: 1 !important;}


/* sec2 */
#sec2{margin-bottom:30px !important}
#sec2 h2{font-size: 22px  !important}
#sec2 .item_list1 .tumb{}
#sec2 .item_list1 .tumb a{border-radius: 50%; overflow: hidden;}
#sec2 .item_list1 .tumb a img{}


/* sec3 */
#sec3{}
#sec3 .sec_inner{}
#sec3 .sec_inner>div{ }
#sec3 .sec_inner .sec3_L{position:relative;padding-bottom:160px}
#sec3 .sec_inner .sec3_L .thumb{width:100%}
#sec3 .sec_inner .sec3_L .thumb a{width:100%; display:block}
#sec3 .sec_inner .sec3_L .thumb a img{width:100%}
#sec3 .sec_inner .sec3_L h2{transition:transform .5s, opacity .8s;opacity:0; margin-bottom: 20px;line-height: 1.2; font-weight:300; font-size:26px !important; position:absolute; bottom:50px ; left:0}
#sec3 .sec_inner .sec3_L>p{transition:transform .5s, opacity .8s; opacity:0; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; color: #595959; letter-spacing: -.5px; font-weight: 300; line-height: 1.5;position:absolute; bottom:0px ; left:0}
#sec3 .sec_inner .sec3_L h2.move{transform:translateY(-50px);opacity:1}
#sec3 .sec_inner .sec3_L>p.move{transform:translateY(-45px); opacity:1}
#sec3 .sec_inner .sec3_R{position:relative; }
#sec3 .sec_inner .sec3_R ul{}
#sec3 .sec_inner .sec3_R ul li{position: relative; margin-right:2%; width:32% !important}
#sec3 .sec_inner .sec3_R ul li:nth-child(3){margin-right:0 !important}
#sec3 .sec_inner .sec3_R ul li .info{padding:0 !important; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255,255,255,.8); border: 1px solid #ccc;  opacity: 0; transition: opacity .2s}
#sec3 .sec_inner .sec3_R ul li .info a{display:block; width:100%; height:100%; display:flex; align-items: center; justify-content:center; flex-direction:column}
#sec3 .sec_inner .sec3_R ul li .info p{font-family: 'Josefin Sans', sans-serif; color:#000; font-size:14px; font-weight:600; transform:translateY(5px)}
#sec3 .sec_inner .sec3_R ul li .info p img{display:inline-block; transform:scale(.66)}
#sec3 .sec_inner .sec3_R ul li .info.show1{opacity: 1;}


/* sec4 */
#sec4{margin-bottom:20px !important}
#sec4 .sec_inner{padding-top:30px}
#sec4 .sec_inner h2{}
#sec4 .sec_inner .sec4_cate{}
#sec4 .sec_inner .sec4_cate ul{}
#sec4 .sec_inner .sec4_cate ul li{display: inline-block;  width:auto !important }
#sec4 .sec_inner .sec4_cate ul li a{border-bottom: 2px solid #fff; font-family: 'Josefin Sans', sans-serif; color:#bfbfbf; font-size: 15px; font-weight: 600; letter-spacing: -.3px;transition: color .4s, border-color .3s, font-weight .3s; display:inline-block; }
#sec4 .sec_inner .sec4_cate ul li.on>a{border-color:#000 !important;  color: #000 !important;}
#sec4 .sec4_prd{}
#sec4 .sec4_prd>div{display: none; position:relative;padding-top: 30px;}
#sec4 .sec4_prd>div.show{display: block;}


/* sec5 */
#sec5{}
#sec5 .sec5_banner{width: 100%;}
#sec5 .sec5_banner a{display: block;width: 100%;}
#sec5 .sec5_banner a img{width: 100%;}


/* sec6*/
#sec6{}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{}
#sec6 .sec_inner .sec6_cont{}
#sec6 .sec_inner .sec6_cont ul{}
#sec6 .sec_inner .sec6_cont ul li{height: 445px; width: 270px; border: 1px solid #e6e6e6;}
#sec6 .sec_inner .sec6_cont ul li>div{width: 100%;}
#sec6 .sec_inner .sec6_cont ul li .preview{width: 100%; height: 270px;}
#sec6 .sec_inner .sec6_cont ul li .preview a{display: block; width: 100%; height: 100%;}
#sec6 .sec_inner .sec6_cont ul li .preview a img{width: 100%; height: 100%; object-fit: cover;}
#sec6 .sec_inner .sec6_cont ul li .rv_info{height: 175px; padding: 20px 25px;}
#sec6 .sec_inner .sec6_cont ul li .rv_info p{margin-bottom: 8px;font-family: 'Noto Sans KR', sans-serif;}
#sec6 .sec_inner .sec6_cont ul li .rv_info p.username{font-family: 'Noto Sans KR', serif ; font-size: 13px; color: #b0afaf; font-weight: 500;}
#sec6 .sec_inner .sec6_cont ul li .rv_info p.title{font-size: 15px; color: #222; font-weight: 500;}
#sec6 .sec_inner .sec6_cont ul li .rv_info p.textarea{font-size: 13px;color: #999; line-height: 1.3;}
#sec6 .sec_inner .sec6_cont ul li .rv_info .score{font-size:14px}


/* sec7 */
#sec7{}
#sec7 ul{width: 100%;}
#sec7 ul li{width:100%; float}
#sec7 ul li:first-child{margin-bottom:15px;}
#sec7 ul li a{display: block;width: 100%;}
#sec7 ul li a img{width: 100%;}


/* sec8 */
#sec8{background-color:#fbfbfb; margin-bottom:0 !important}
#sec8 .sec_inner{padding: 15% !important; text-align:center}
#sec8 h2{font-size:19px !important; margin-bottom:20px !important; line-height:19px}
#sec8 h2 span{margin-right:6px; display: inline-block; width: 15px; height: 15px; background: url(//skin.makeshop.co.kr/skin/leaflet/MO_img/insta.png) no-repeat center center; background-size: contain;}
#sec8 .sec8_tit>span{font-family: 'Noto Sans KR', sans-serif;font-size:13px;  display:inline-block; padding:8px 17px ; border-radius:15px;background-color:#f1f1f1; color:#b0afaf; margin-bottom:20px}


#footer{margin-top:0 !important}

/* BASIC css end */