/* BASIC css start */
#footer{border-top:1px solid #ccc !important; }
/* 섹션 공통 */
.section{width: 100%; margin-bottom: 200px;box-sizing:border-box}
.section h2{font-family: 'Lato', sans-serif; font-size:34px; color:#000; font-weight:500; margin-bottom:60px; text-align:center; }
.section .sec_inner{width: 1600px; margin: 0 auto; }
.section :is(*){box-sizing:border-box}
.prd-subname {padding-bottom:10px; font-size:18px; color:#f58433; line-height:1.2; height:20px; letter-spacing:-0.5px;}

/* sec1 */
#sec1{margin-top: 50px; margin-bottom: 100px;}
#sec1 .swiper{}
#sec1 .swiper ul{}
#sec1 .swiper ul li{}
#sec1 .swiper-slide img {width: 100%; height: auto;}
#sec1 .swiper ul li>a{display: block; width: 1600px;}
#sec1 .swiper ul li>a>img{width: 100%; }
#sec1 .swiper ul li.swiper-slide-active .txt_area p{transform: translateY(25px); opacity: 1;}
#sec1 .swiper ul li.swiper-slide-active .txt_area a.viewmore{transform: translateY(35px); opacity: 1;}
#sec1 .swiper-pagination{bottom: 10px; z-index: 10;}
#sec1 .swiper-pagination-bullet{background-color: #fff;transition: all .2s;}
#sec1 .swiper-pagination-bullet-active{width: 25px; border-radius: 8px;}

p{font-family: 'Lato', sans-serif; font-size:25px; color:#000; font-weight:500; margin-bottom:60px; text-align:left; }

.content li>img{width: 100%; text-align:center; margin-bottom: 50px;}

#오프라인 매장 위치 iframe { width: 60%; margin: 0 auto;  padding-bottom: 100px; text-align:center;}
#오프라인 매장 위치 h2 {font-size: 20px; font-weight: bold;}


/* BASIC css end */