/* BASIC css start */ /* 공통 */ section{margin-bottom:70px} section .sec_inner{width:85%; margin: 0 auto;} section h2{font-family: 'Lora', serif;font-size: 18px; font-weight: 500;text-align: center;color:#222;letter-spacing: -.2px;} /* 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-pagination{transform:translateY(-20px); color:rgba(255,255,255,.7); text-align:right; padding-right:10%} #sec1 .swiper-pagination-bullet{background-color:#fff !important; margin:0 7px} #sec1 .swiper-pagination-current{color:rgba(255,255,255,1); font-weight:bold} /* sec2 */ #sec2{} #sec2 h2{} #sec2 .countdown{font-family: 'Lora', serif;} #sec2 .sec2_prd{} #sec2 .sec2_prd ul{ position: relative;padding-top: 55px;} #sec2 .sec2_prd ul li{width: 100%; 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: 17px; font-weight: 400; letter-spacing:6px;margin:0 1px} #sec2 .sec2_prd ul li:first-child #count{display:block} #sec2 .sec2_prd ul li .tumb{position: relative;} #sec2 .sec2_prd ul li .tumb img{width:100%} #sec2 .sec2_prd ul li .tumb .time_icon{position: absolute; top: 12px; left: 11px;width:49px; height:49px} #sec2 .sec2_prd ul li .tumb .time_icon img{width:100%} #sec2 .sec2_prd ul li:not(:first-child){width:31% !important} #sec2 .sec2_prd ul li:not(:first-child) .info{display: none !important; } #sec2 .sec2_prd ul li:not(:first-child) .tumb .time_icon{display:none} #sec2 .sec2_prd ul li:nth-child(3){margin:0 3.5%} #sec2 .item_list .info .prdcolor{ margin-top:13px;float:right; text-align:left !important; } #sec2 .item_list .info .prdcolor span{width:16px; height:16px; display:inline-block; border:1px solid #eee; border-radius:3px} #sec2 .item_list .info .prdname{font-family: 'Noto Sans KR', sans-serif; font-size:18px; color:#242424;font-weight:300; letter-spacing:-.7px; text-align:left !important; } #sec2 .item_list .info .prdetc{font-family: 'Noto Sans KR', sans-serif; color:#bbb; font-size:13px;letter-spacing:-.5px;font-weight:400; text-align:left !important; margin:0 !important; width:100% } #sec2 .item_list .info .prdprice{ text-align:left !important;float:left;margin-top:15px } #sec2 .item_list .info .prdprice .price{font-family: 'Jost', sans-serif;font-size:16px; color:#242424; font-weight:500;letter-spacing:-.7px} #sec2 .item_list .info .prdprice strike{font-family: 'Jost', sans-serif; font-size:16px; color:#bfbfbf; display:inline-block; margin-left:5px;font-weight:400;letter-spacing:-.7px} /* sec3 */ #sec3{ width: 100%;background-color: #f5f5f5; margin-top:86px; border-radius:50px 50px 0 0 } #sec3 .sec_inner{padding: 70px 0 80px; } #sec3 h2{margin-bottom: 35px;font-weight: 500;} #sec3 h2 span{letter-spacing: -1px; font-weight: 600; font-size:17px} #sec3 .sec3_prd{width: 100%;} #sec3 .sec3_prd iframe{margin-bottom:10px} #sec3 .sec3_prd .prd_sec{} #sec3 .sec3_prd .prd_sec>ul{} #sec3 .sec3_prd .prd_sec>ul>li{background-color: #fff;display:flex; align-items:center} #sec3 .sec3_prd .prd_sec>ul>li:first-child{border-bottom:1px solid #eee} #sec3 .sec3_prd .prd_sec>ul>li .tumb{float: left;width:45%} #sec3 .sec3_prd .prd_sec>ul>li .tumb a{display: block;width: 100%; } #sec3 .sec3_prd .prd_sec>ul>li .tumb a img{width: 100%; object-fit: cover;} #sec3 .sec3_prd .prd_sec>ul>li .info{width:55%;float:right; display:flex; justify-content:center; flex-direction:column; height:auto; padding:0 15px} #sec3 .sec3_prd .prd_sec>ul>li .info p{margin:4px 0} #sec3 .sec3_prd .prd_sec>ul>li .info .prdcolor{padding-top:2px} #sec3 .sec3_prd .prd_sec>ul>li .info .prdcolor span{width:11px; height:11px; display:inline-block; border:1px solid #eee; border-radius:3px} #sec3 .sec3_prd .prd_sec>ul>li .info .prdname{font-family: 'Noto Sans KR', sans-serif; font-size:14px; color:#242424;font-weight:400;letter-spacing:-.8px } #sec3 .sec3_prd .prd_sec>ul>li .info .prdetc{font-family: 'Noto Sans KR', sans-serif; color:#bbb; font-size:13px; width:80%; margin:0 auto 8px;font-weight:400;} #sec3 .sec3_prd .prd_sec>ul>li .info .prdprice{} #sec3 .sec3_prd .prd_sec>ul>li .info .prdprice .price{font-family: 'Jost', sans-serif;font-size:14px; color:#242424; font-weight:500;letter-spacing:-.8px} #sec3 .sec3_prd .prd_sec>ul>li .info .prdprice strike{font-family: 'Jost', sans-serif; font-size:14px; color:#bfbfbf; display:inline-block; margin-left:5px;font-weight:400;letter-spacing:-.8px} /* sec4 */ #sec4{} #sec4 h2{position:relative} #sec4 h2 a{font-family: 'Lato' , sans-serif; font-size: 12px;color:#999;font-weight:500;position:absolute; right:4%; top:50%; transform:translateY(-50%); letter-spacing:-.2px} #sec4 h2 a img{display: inline-block;vertical-align: middle;transform:translateY(-1px) scale(.8); margin-left:3px} #sec4 .sec4_prd{width: 100%; margin-top: 35px;} #sec4 .sec4_prd ul{width: 100%; } #sec4 .sec4_prd ul li{} /* sec5 */ #sec5{} #sec5 h2{margin-bottom: 30px;} #sec5 .sec5_banner{margin: 0 auto; width:100%} #sec5 .sec5_banner .swiper{padding-left:5%} #sec5 .sec5_banner .swiper ul{width:100%; } #sec5 .sec5_banner .swiper ul li{width:85%; } #sec5 .sec5_banner .swiper ul li a{display: block; width: 100%;position:relative} #sec5 .sec5_banner .swiper ul li a img{width:100%} #sec5 .sec5_banner .swiper ul li a p{color: #fff;font-family: 'Noto Sans KR', sans-serif; font-size: 13px; letter-spacing: -.5px; position:absolute; top:14px; left:15px} #sec5 .swiper-slide{} /* sec6 */ #sec6{padding-top:20px} #sec6 h2{margin-bottom: 30px;} #sec6 .sec6_cate{} #sec6 .sec6_cate ul{text-align: center; width:95%; margin:0 auto} #sec6 .sec6_cate ul li{display: inline-block; margin: 0 2px;line-height:3.4} #sec6 .sec6_cate ul li a{padding: 6px 12px; border-radius: 70px;font-family: 'Noto Sans KR', sans-serif;font-size: 11.5px;color: #ccc;background-color: #f5f5f5;transition:all .3s; font-weight:400} #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:} #sec6 .sec6_prd{} #sec6 .sec6_prd>div{display: none;position:relative} #sec6 .sec6_prd>div.show{display: block;} /* sec7 */ #sec7{background-color: #fafafa;padding:60px 0 70px; margin-bottom:0 !important} #sec7 .sec_inner{width:70%} #sec7 h2{ margin-bottom: 25px;} #sec7 h2 img{display: inline-block; margin-right: .6px;margin-top:-3px; transform:scale(.7)} /* BASIC css end */