/* BASIC css start */ /* 공통 */ section{margin-bottom:100px} section .sec_inner{width: 1200px; margin: 0 auto;} section h2{font-family: 'Lora', serif;font-size: 25px; font-weight: 500;text-align: center;} /* sec1 */ #sec1{width: 100%;position: relative;} #sec1 .swiper{width: 100%;} #sec1 .swiper-wrapper{width: 100%; } #sec1 .swiper-slide{ width: 100%; } #sec1 .swiper-slide img{width:100%;} #sec1 .swiper_btn_prev{ position:absolute; left:20% !important; top:50%; transform:translateY(-50%); z-index:4; cursor:pointer} #sec1 .swiper_btn_next{position:absolute; right:20% !important; top:50%; transform:translateY(-50%);z-index:4; cursor:pointer} #sec1 .swiper-pagination{transform:translateY(-20px)} #sec1 .swiper-pagination-bullet{background-color:#fff !important; margin:0 7px} /* sec2 */ #sec2{} #sec2 h2{} #sec2 .countdown{font-family: 'Lora', serif;} #sec2 .sec2_prd{} #sec2 .sec2_prd ul{display: flex;justify-content: space-between; position: relative;padding-top: 80px;} #sec2 .sec2_prd ul li{width: 280px; display: inline-block;} #sec2 .sec2_prd ul li .sec2_prd_info{} #sec2 .sec2_prd ul li #count{position: absolute; background-color: #fff; top: 0; width: 100%; text-align: center;left: 0;text-align: center; color:#c3b099; padding:13px 0;display:none } #sec2 .sec2_prd ul li #count strong{font-family: 'Lora', serif;font-size: 23px; font-weight: 400; letter-spacing:8px;margin:0 4px} #sec2 .sec2_prd ul li:first-child #count{display:block} #sec2 .sec2_prd ul li .tumb{position: relative;} #sec2 .sec2_prd ul li .tumb .time_icon{position: absolute; top: 15px; left: 15px;} /* sec3 */ #sec3{height: 690px; width: 100%;background-color: #fafafa;} #sec3 .sec_inner{padding: 90px 0 100px; } #sec3 h2{margin-bottom: 30px;font-weight: 500;} #sec3 h2 span{letter-spacing: -1px; font-weight: 700; font-size:22px} #sec3 .sec3_prd{width: 100%; height: 430px; position: relative;} #sec3 .sec3_prd iframe,#sec3 .sec3_prd .iframe{float: left;} #sec3 .sec3_prd .prd_sec{float: right;width: 405px; height: 100%;} #sec3 .sec3_prd .prd_sec .swiper{ height: 100%;} #sec3 .sec3_prd .prd_sec .swiper>ul{height: 100%;} #sec3 .sec3_prd .prd_sec .swiper>ul>li{width: 405px !important; height: 200px !important;} #sec3 .sec3_prd .prd_sec .swiper>ul>li .tumb{float: left;height: 200px; width: 200px;} #sec3 .sec3_prd .prd_sec .swiper>ul>li .tumb a{display: block;width: 100%; height: 100%;} #sec3 .sec3_prd .prd_sec .swiper>ul>li .tumb a img{width: 100%; height: 100%; object-fit: cover;} #sec3 .sec3_prd .prd_sec .swiper>ul>li .info{float: left; height: 100%; width: 205px; background-color: #fff;padding: 50px 30px;display:flex; justify-content:center; flex-direction:column} #sec3 .sec3_prd .prd_sec .swiper>ul>li .info p{margin:6px 0} #sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdcolor{padding-top:2px} #sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdcolor span{width:11px; height:11px; display:inline-block; border:1px solid #eee; border-radius:3px} #sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdname{font-family: 'Noto Sans KR', sans-serif; font-size:15px; color:#222;font-weight:500; } #sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdetc{font-family: 'Noto Sans KR', sans-serif; color:#bbb; font-size:13px; width:80%; margin:0 auto 8px} #sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdprice{} #sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdprice .price{font-family: 'Jost', sans-serif;font-size:16px; color:#000; font-weight:600;letter-spacing:-.8px} #sec3 .sec3_prd .prd_sec .swiper>ul>li .info .prdprice strike{font-family: 'Jost', sans-serif; font-size:16px; color:#bfbfbf; display:inline-block; margin-left:5px;font-weight:500;letter-spacing:-.8px} /* sec4 */ #sec4{} #sec4 h2{} #sec4 h2 a{font-family: 'Lato' , sans-serif; font-size: 12px; float:right; margin-top: 15px;color:#999;font-weight:600} #sec4 h2 a img{display: inline-block; margin-left: 5px;} #sec4 .sec4_prd{width: 100%; margin-top: 40px;} #sec4 .sec4_prd ul{width: 100%; display: flex; flex-wrap: wrap;} #sec4 .sec4_prd ul li{margin-right: 24px;margin-bottom: 24px;position: relative;width: 384px; height: 384px;} #sec4 .sec4_prd ul li:nth-child(3n){margin-right: 0 !important;} /* sec5 */ #sec5{} #sec5 h2{margin-bottom: 30px;} #sec5 h2 a{font-family: 'Lora', serif;font-size: 25px; font-weight: 500;text-align: center;} #sec5 h2 a img{display: inline-block; margin-left: 3px; transform: scale(.9); margin-top: -5px;} #sec5 .sec5_banner{margin: 0 auto; max-width: 1920px;} #sec5 .sec5_banner .swiper{} #sec5 .sec5_banner .swiper ul{} #sec5 .sec5_banner .swiper ul li{width: 700px; height: 460px; background:no-repeat center center; background-size: cover;} #sec5 .sec5_banner .swiper ul li a{display: block; width: 100%; height: 100%; padding: 15px;} #sec5 .sec5_banner .swiper ul li a p{color: #fff;font-family: 'Noto Sans KR', sans-serif; font-size: 17px; letter-spacing: -.5px;} #sec5 .swiper-slide{transform: scale(.9);opacity: .45;transition: all .4s;} #sec5 .swiper-slide.swiper-slide-active{opacity: 1 !important; transform: scale(1);} #sec5 .swiper_btn_prev{position: absolute; top: 50%; transform: translate(-430px,-50%); left: 50%;z-index: 10;cursor: pointer;} #sec5 .swiper_btn_next{position: absolute; top: 50%; transform: translate(430px,-50%); right: 50%;z-index: 10; cursor: pointer;} /* sec6 */ #sec6{padding-top:20px} #sec6 h2{margin-bottom: 30px;} #sec6 .sec6_cate{} #sec6 .sec6_cate ul{text-align: center;} #sec6 .sec6_cate ul li{display: inline-block; margin: 0 3px;} #sec6 .sec6_cate ul li a{padding: 9px 20px; border-radius: 70px;font-family: 'Noto Sans KR', sans-serif;font-size: 12px;color: #ccc;background-color: #f5f5f5;transition:all .3s} #sec6 .sec6_cate ul li.on>a{background-color: #a79d90; color: #fff;} #sec6 .sec6_prd{width: 100%; margin-top: 40px;} #sec6 .sec6_prd ul{width: 100%; display: flex; flex-wrap: wrap;} #sec6 .sec6_prd ul li{margin-right: 24px;margin-bottom: 24px;position: relative;width: 384px; height: 384px;} #sec6 .sec6_prd ul li:nth-child(3n){margin-right: 0 !important;} #sec6 .sec6_prd{} #sec6 .sec6_prd>div{display: none;position:relative} #sec6 .sec6_prd>div.show{display: block;} /* sec7 */ #sec7{background-color: #fafafa;padding:130px 0; margin-bottom:0 !important} #sec7 h2{letter-spacing: 2px; margin-bottom: 40px;} #sec7 h2 img{display: inline-block; margin-right: 7px;margin-top:-2px} /* BASIC css end */