/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');

/* 메인 슬라이드 */
#main_slider{position:relative; min-width:1200px;}
#main_slider .swiper-slide{}
#main_slider .swiper-slide a{display:block;}
#main_slider .swiper-slide a img{width:100%}
#main_slider .swiper-slide a .txtBox{position:absolute; width:calc(100% - 30px); left:50%; bottom:60px; transform:translateX(-50%); text-align:center;}
#main_slider .swiper-slide a .txtBox p{font-size:24px; color:#000; padding-bottom:8px; line-height:1;}
#main_slider .swiper-slide a .txtBox span:nth-child(2){display:block; font-size:16px; padding-bottom:18px; color:#000;}
#main_slider .swiper-slide a .txtBox span:nth-child(3){display:inline-block; font-size:14px; color:#000; padding-bottom:4px; border-bottom:solid 1px #000;}
#main_slider .swiper-pagination{bottom: 0; top:auto; width: 100%; margin: 0 auto; height: 2px; left: 0%; background: rgba(0,0,0,0);}
#main_slider .swiper-pagination .swiper-pagination-progressbar-fill{background: #000;}

.main_title{font-size:40px; font-weight:500; text-align:center; margin:160px 0 60px 0; color:#000;}
.main_title > span{display:block; padding-top:28px; font-size:19px; font-weight:400; color:#000;}
.swiper{position:relative;}

.prd-item{width:calc((100% - 75px)/4);}
.prd-item a{display:block;}
.prd-item a .thumb > img{width:100%;}
.prd-item a .thumb.swiper{padding-bottom:40px;}
.prd-item a .thumb.swiper .swiper-slide{padding:0;}
.prd-item a .thumb.swiper .swiper-slide img{width:100%;}
.prd-item a .thumb.swiper .swiper-pagination{bottom:3px;}
.prd-item a .thumb.swiper .swiper-pagination .swiper-pagination-bullet{width:14px; height:14px; margin:0 7px; opacity:1; position:relative;}
.prd-item a .thumb.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:''; display:block; position:absolute; width:24px; height:24px; top:50%; left:50%; transform:translate(-50%, -50%); border:solid 1px #000; border-radius:50%;}
.prd-item a .prd_info{text-align:center; padding-top:26px;}
.prd-item a .prd_info .name{font-size:17px; font-weight:500; color:#000; margin:0;}
.prd-item a .prd_info .sub_name{padding-top:3px; font-size:15px; color:#7C7C7C; font-weight:400; margin:0;}
.prd-item a .prd_info .price{padding-top:12px; display:flex; align-items: center; justify-content: center;  flex-wrap: wrap;}
.prd-item a .prd_info .price .custom_price{text-decoration:line-through; color:#7C7C7C; font-size:13px; font-weight:400; padding-right:4px;}
.prd-item a .prd_info .price .sell_price {font-size:15px; font-weight:300; color:#000;}
.prd-item a .prd_info .price .sell_price span{font-size:16px; font-weight:500; color:#000;}
.prd-item a .prd_info .price .listDiscount{font-size:16px; font-weight:500; color:#DE5426; padding-left:4px; margin:0;}
.prd-item a .prd_info .discount_txt{padding-top:4px;  font-size:13px; font-weight:400; color:#DE5426; margin:0;}
.prd-item a .prd_info .icon{margin:0}

.sec1{display: flex; flex-wrap: wrap; min-width:1200px;}
.sec1 .main_title{width:100%;}
.sec1 > .swiper{width:50%; overflow:hidden;}
.sec1 > .swiper:nth-child(2) > .swiper-wrapper > .swiper-slide{padding:0 100px;}
.sec1 .swiper-button-prev{left:30px;}
.sec1 .swiper-button-next{right:30px;}
.sec1 .swiper-button-prev,
.sec1 .swiper-button-next{top:50%; transform:translateY(-50%); background-image:none;}
.sec1 .swiper-button-prev::after,
.sec1 .swiper-button-next::after{color:#000000; font-size:18px; font-weight:500;}
.sec1 > .swiper > .swiper-wrapper .swiper-slide > img{width:100%; display:block; margin:0 auto;}
.sec1 > .swiper > .swiper-wrapper .swiper-slide ul{display: flex; height: inherit; align-items: center; justify-content: center;}
.sec1 > .swiper > .swiper-wrapper .swiper-slide ul li.prd-item{width:calc((100% - 100px)/2)}
.sec1 > .swiper > .swiper-wrapper .swiper-slide ul li.prd-item:not(:nth-child(2)){margin-right: 50px;}

.sec2{min-width:1200px;}
.sec2 .text-pagination{display:flex; align-items: center; justify-content: center; margin-bottom:90px;}
.sec2 .text-pagination span{margin:0 10px; font-size:17px; color:#000;}
.sec2 .text-pagination span.active{text-decoration:underline;}
.sec2 .image-pagination{overflow:visible; margin-bottom:70px;}
.sec2 .image-pagination .swiper-slide{transition: transform 0.3s;}
.sec2 .image-pagination .swiper-slide img {transition: transform 0.3; width:100%;}
.sec2 .image-pagination .swiper-slide .txtBox{position:absolute; bottom:40px; left:50%; transform:translateX(-50%); text-align:center;}
.sec2 .image-pagination .swiper-slide .txtBox p{color:#000; font-size:17px; font-weight:600; }
.sec2 .image-pagination .swiper-slide .txtBox span{color:#7C7C7C; font-size:15px;}
.sec2 .prdSwiper{width:1600px; margin:0 auto; max-width:calc(100% - 320px); min-width:1200px;}
.sec2 .prdSwiper > .swiper-wrapper > .swiper-slide{padding:0 15px;}
.sec2 .prdSwiper > .swiper-wrapper > .swiper-slide ul{display:flex;flex-wrap: wrap; align-items: stretch; padding-top:26px;}
.sec2 .prdSwiper > .swiper-wrapper > .swiper-slide ul li:not(:nth-child(4n)){margin-right:25px;}

.sec3{min-width:1200px; width:1600px; margin:0 auto; max-width:calc(100% - 320px);}
.sec3 > .swiper-pagination{position:initial; display:flex; align-items: center; justify-content: center; margin-bottom:60px; padding-top:60px;}
.sec3 > .swiper-pagination .swiper-pagination-bullet{font-size:17px; font-weight:400; color:#000; margin:0 10px; width:auto; height:auto; background:none; opacity:1; margin:0 12px !important;}
.sec3 > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{text-decoration:underline;}
.sec3 > .swiper-wrapper > .swiper-slide{padding:0 15px;}
.sec3 > .swiper-wrapper > .swiper-slide ul{display:flex;flex-wrap: wrap; align-items: stretch; padding-top:26px; justify-content: space-between;}

.sec4{min-width:1200px;}
.sec4 > div{display: flex; flex-wrap: wrap; background:#F9F9F9;}
.sec4 > div > img{width:600px;}
.sec4 > div > ul{width: calc(100% - 600px); display: flex; align-items: center; justify-content: center;}
.sec4 > div > ul li{text-align:center; width:calc((100% - 140px) / 2)}
.sec4 > div > ul li:first-child{margin-right:20px;}
.sec4 > div > ul li img{width:100%;}
.sec4 > div > ul li .txtBox{padding-top:30px;}
.sec4 > div > ul li .txtBox p{font-size:17px; color:#000; font-weight:500; }
.sec4 > div > ul li .txtBox span{display:block; color:#7C7C7C; font-size:15px; padding-bottom:18px;}
.sec4 > div > ul li .txtBox a{display:inline-block; font-size:14px; color:#000; padding-bottom:4px; border-bottom:solid 1px #000;}


.sec5{min-width:1200px; width:1600px; margin:0 auto; max-width:calc(100% - 320px); margin-bottom:160px;}
.sec5 ul{display:flex;}
.sec5 ul li{width:calc((100% - 40px)/3); text-align:center;}
.sec5 ul li:not(:last-child){margin-right:20px;}
.sec5 ul li img{width:100%;}
.sec5 ul li p{padding-top:30px; font-weight:500; font-size:17px; color:#000;}
.sec5 ul li span{display:block; font-size:15px; padding-bottom:18px;}
.sec5 ul li a{display:inline-block; font-size:14px; color:#000; padding-bottom:4px; border-bottom:solid 1px #000;}


.sec6{border-top:solid 1px #E1E1E1;}
.sec6 ul{padding:20px 30px; display:flex;}
.sec6 ul li{width:33.33%; padding:0 30px;}
.sec6 ul li:not(:last-child){border-right:solid 1px #E1E1E1;}
.sec6 ul li a{display:block; position:relative;}
.sec6 ul li a p{font-size:16px; font-weight:500; color:#000; }
.sec6 ul li a span{font-size:15px; font-weight:400; color:#7C7C7C;}

footer{margin-top:0 !important;}
/* BASIC css end */