@charset "utf-8";

.main-visual {position: relative;}
.main-visual .swiper-slide .inner{height:550px;padding:150px 0 100px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.main-visual .swiper-slide h3{font-size:55px; color:#fff; font-family:'GmarketSansB'; line-height:65px; }
.main-visual .swiper-slide h3 span{font-size:35px; font-weight:100; display:block; color:#fff; font-family:'GmarketSansL' }
.main-visual .swiper-slide p{margin:40px 0 55px; font-size:20px; color:rgba(255,255,255,0.5); line-height:32px;  }
.main-visual .swiper-slide a{display:inline-block; padding:0 45px; line-height:55px; border:1px solid rgba(221,221,221,0.5); text-align:Center; color:rgba(255,255,255,0.5); font-size:17px; }
.swiper-button-next,
.swiper-button-prev{width:80px; height:80px; background-image:url(../img/main-bg-arr.png); background-size:cover; background-position:center; background-repeat:no-repeat; }
.swiper-button-next{transform:rotate(-180deg);right: 50px;}
.swiper-button-prev{left: 50px;}
.swiper-button-next:after,
.swiper-button-prev:after{content:unset; }

.section1 {padding:100px 0;}
.section1 .sec-title {text-align:center;margin-bottom:50px;}
.section1 .sec-title span {font-size:20px;font-family:'GmarketSansL';color:#ccc;}
.section1 .sec-title h2 {font-size:40px;font-family:'GmarketSansB';color:#111;}
.section1 .sec-list {display:grid;grid-template-columns:repeat(auto-fill, minmax(270px, 1fr));grid-gap:40px;}
.section1 .sec-list li {height:280px;border:1px solid #ddd;border-radius:30px;padding:20px;}
.section1 .sec-list li a {display:block;width:100%;height:100%;}
.section1 .sec-list li h3 {color:#0076e0;font-size:25px;font-weight:900;margin-bottom:10px;}
.section1 .sec-list li p {color:#333;font-weight:600;}

.section2 {padding:100px 0;background-color:#f3f3f3;}
.section2 .sec-title {text-align:center;margin-bottom:50px;}
.section2 .sec-title span {font-size:20px;font-family:'GmarketSansL';color:#ccc;}
.section2 .sec-title h2 {font-size:40px;font-family:'GmarketSansB';color:#111;}
.section2 .sec-list {display:grid;grid-template-columns:repeat(auto-fill, minmax(270px, 1fr));grid-gap:40px;}
.section2 .sec-list li {background:#fff;border-radius:30px;overflow:hidden;}
.section2 .sec-list li {border:1px solid rgba(0,0,0,0.1);}
.section2 .sec-list li .list-img{height:180px;  position: relative; border-bottom:1px solid rgba(0,0,0,0.05)}
.section2 .sec-list li .list-img .img-item{max-width: 80%; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0;}
.section2 .sec-list li .list-img .img-icon-best {position:absolute;left: -5px; top: 30px; height:31px; z-index: 1;}
.section2 .sec-list li .list-img .img-icon-new {display:block;color:#fff;background-color:#266ce1; font-size:11px;font-family:'GmarketSansB';text-align:center; position: absolute;left: 10px; bottom: 20px; width:50px;height:50px;border-radius:50px;padding:10px;z-index:999;}
.section2 .sec-list li .list-img .img-icon-new i {display:block;color:#fff;}
.section2 .sec-list li .list-img .img-icon-right{position:absolute; right:20px; bottom:20px; }
.section2 .sec-list li .list-img .img-icon-right li {width:50px; height:50px;font-size:11px;border:2px solid #111;font-family:'GmarketSansB';text-align:center; display:flex; border-radius:100%; align-items: center; justify-content: center; padding-top:7px; margin-top:10px;   }
.section2 .sec-list li .list-img .img-icon-right li i {display:block;color:#111;margin-bottom:5px;}
.section2 .sec-list li .list-img .img-icon-right li.pro-bohum {display:block;color:#111;background-color:#fff;}
.section2 .sec-list li .list-img .img-icon-right li.pro-dc {display:block;color:#111;background-color:#fff;}
.section2 .sec-list li .list-img .img-icon-right li.pro-bolt {display:block;color:#111;background-color:#fff;}
.section2 .sec-list li .prod-name{text-align:Center; padding:25px 0 30px; box-sizing:border-box; max-height:160px; }
.section2 .sec-list li .prod-name h2{font-size:20px; color:#000; }
.section2 .sec-list li .prod-name > span{ display: inline-block; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:10px 0 20px; font-size:15px; color:rgba(0,0,0,0.3); font-weight:600;}
.section2 .sec-list li .prod-name .price{display:flex;align-items: baseline; justify-content: center; }
.section2 .sec-list li .prod-name .price strike{font-family:'GmarketSansM'; font-size:15px; color:#b1b1b1; }
.section2 .sec-list li .prod-name .price > span{font-size:17px; color:#000;padding:0 5px; }
.section2 .sec-list li .prod-name .price > p{font-family:'GmarketSansB';font-size:25px; color:#e93131; font-weight:900}
.section2 .sec-list li .prod-name .price > p span{font-family:'Noto Sans KR', sans-serif;font-size:17px; }

.section3{height:424px;background:#2e2e2e;overflow: hidden}
.section3 .mainbanner{height:100%; }
.section3 .mainbanner{overflow: visible; }
.section3 .mainbanner .swiper-slide{opacity:0.3;}
.section3 .mainbanner .swiper-slide.swiper-slide-active{opacity:1;}
.section3 .swiper-button-next{ left: 105%;}
.section3 .swiper-button-prev{ right: 105%;}

.section4{padding:80px 0 95px; box-sizing:border-box}
.section4 .sec-title {display:flex; margin-bottom:50px; }
.section4 .sec-title .sec-tit {width:50%;font-size:40px;font-family:'GmarketSansB';color:#111;}
.section4 .sec-title span {display:block;width:50%;text-align:right;}
.section4 .sec-title span a {display:inline-block;border:1px solid #111; background-color:#fff; color:#666; font-weight:600;padding:10px 20px;}
.section4 ul:after{content:""; display:block; clear:both; }
.section4 li{width:calc((100% - 45px)/4); float:left; margin-right:15px; }
.section4 li:nth-child(4n){margin-right:0}
.section4 li img{width:100%; }
.section4 li p{font-size:17px; color:#000; line-height:26px; margin-top:20px; font-weight:600}
.section4 li span{color:#828282; font-size:15px; }