@charset "utf-8";

/*#header{border-bottom:1px solid #ebebeb;}*/
#content{padding-bottom:150px;}
#content > .inr{max-width:1400px; width:96%; margin:0 auto; }
#content h2{margin:80px auto 60px; font-size:30px; color:#111; font-weight:normal; text-align:center; word-break:keep-all;}

/* 일미소개 */
.area_about{max-width:1100px; margin:30px auto 0;}
.area_about:after{content:''; display:block; clear:both;}
.area_about .box_img{width:100%; padding-top:332px;}
.area_about .box_img{background:url(../images/content/img_about01.jpg) no-repeat 50% 50%; background-size:cover;}
.area_about .tit{font-size:22px; font-weight:500;}
.box_txt{position:relative; max-width:1100px; margin:0 auto; padding:60px 0;}
.box_txt h3{font-size:28px; font-weight:500; color:#333; word-break:keep-all; line-height:1.5em;}
.box_txt p{padding:15px 0; font-size:16px; font-weight:400; color:#666; letter-spacing:-1px; line-height:1.7em; word-break:keep-all;}
.box_txt p > span.red_bg{background:#e84950; color:#fff;}
.box_txt strong{color:#111; font-weight:500;}
.box_txt b{font-size:17px; font-weight:500; color:#111;}

/* 브랜드찾기 */
.brand_top{border-bottom:1px solid #333;}
.brand_search_wrap{position:relative;}
.brand_search_wrap:before{content:''; display:block; position:absolute; top:25px; width:100%; height:1px; background:#333; z-index:-1;}
.brand_search{position:relative; padding:0 20px; margin:auto; max-width:450px;}
.brand_search input{margin:0; padding:0 55px 0 20px; width:100%; height:50px; background:#111; color:#fff; font-size:15px; border-radius:30px; border:none; font-weight:200;}
.brand_search input::placeholder{color:#fff}
.brand_search button{position:absolute; right:40px; top:50%; transform:translateY(-50%); background:none; width:20px;}
.brand_search button img{width:100%;}
.area_brand .tab_btn{display:flex; justify-content:center; padding:40px 0; flex-wrap:wrap;}
.area_brand .tab_btn li{margin:3px; padding:5px 0; width:40px; background:#ededed; color:#111; font-size:15px; font-weight:500; text-align:center; border-radius:3px; cursor:pointer; transition:0.2s ease;}
.area_brand .tab_btn li.active,
.area_brand .tab_btn li:hover{background:#ea6d22; color:#fff;}

.area_brand .list{display:flex; flex-wrap:wrap; justify-content:flex-start; margin-top:10px;}
.area_brand .list > li{margin:50px 15px 0; width:calc(100% / 6 - 30px); -webkit-width:calc(100% / 6 - 30px);}
.area_brand .list > li span{display:block; height:46px; width:100%; background:#111; color:#fff; font-size:24px; font-weight:300; text-align:center; line-height:46px;}
.area_brand .swiper{position:relative; height:450px; border:1px solid #e8e8e8; border-top:0;}
.area_brand .swiper:before{content:''; display:block; position:absolute; bottom:0; width:100%; height:20px; background:linear-gradient(to top, #fff, #fff, rgba(255,255,255,0)); z-index:2;}
.area_brand .swiper ul{height:auto; padding:20px 20px 30px 15px; box-sizing:border-box; }
.area_brand .swiper ul li a{display:block; font-size:15px; color:#333; transition:0.2s ease;}
.area_brand .swiper ul li a:hover{opacity:0.6;}
.area_brand .swiper ul li+li{margin-top:5px;}
.area_brand .swiper-scrollbar{right:8px; top:50%; transform:translateY(-50%); height:90%;}
.area_brand .swiper-scrollbar-drag{background:#000;}

/* 핫딜 */
.area_deal .tab_btn{display:flex; justify-content:center;}
.area_deal .tab_btn li{width:calc(100% / 3); -webkit-width:calc(100% / 3); height:60px; line-height:60px; cursor:pointer; font-size:16px; color:#1e1e1e; font-weight:normal; border:1px solid #111; box-sizing:border-box; text-align:center;}
.area_deal .tab_btn li:nth-child(2){border-right:0; border-left:0;}
.area_deal .tab_btn li.active{background:#000; color:#fff;}
.area_deal .tab_container{margin:30px 0 60px; padding-bottom:50px; border-bottom:1px solid #333;}
.area_deal .tab_content{position:relative;}
.area_deal .swiper{padding-bottom:40px;}
.area_deal .swiper-slide{position:relative;}
.area_deal .swiper-slide a{display:block;}
.area_deal .swiper-slide a > img{width:100%;}
.deal_time{position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; background:rgba(255,255,255,0.8);}
@supports (background:rgba(255,255,255,0.8)){
    .deal_time{background:rgba(255,255,255,0.7); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
}
.deal_time > div{display:flex; justify-content:center; position:absolute; top:50%; transform:translateY(-50%); width:100%;}
.deal_time span{display:block; margin:6px 15px 0 0; width:65px;}
.deal_time span img{width:100%;}
.deal_time h3{font-size:18px; color:#111; font-weight:500;}
.deal_time ul{display:flex; margin-top:-5px; font-size:36px; color:#111; font-weight:500;}
.deal_time ul li{margin:0 5px;}
.deal_time ul li:first-child{margin-left:0;}
.deal_time ul li:last-child{margin-right:0;}
.area_deal .swiper-button-next, .area_deal .swiper-button-prev{margin-top:0; transform:translateY(-50%); width:62px; height:62px; opacity:0.3; transition:0.3s ease;}
.area_deal .swiper-button-next:hover, .area_deal .swiper-button-prev:hover{opacity:1;}
.area_deal .swiper-button-next{background:url(/images/common/arrow_next_circle.png)no-repeat center/contain;}
.area_deal .swiper-button-prev{background:url(/images/common/arrow_prev_circle.png)no-repeat center/contain;}
.area_deal .swiper-button-next:after, .area_deal .swiper-button-prev:after{display:none;}
.area_deal .swiper-button-prev, .area_deal .swiper-rtl .swiper-button-next{left:-90px;}
.area_deal .swiper-button-next, .area_deal .swiper-rtl .swiper-button-prev{right:-90px;}
.area_deal .swiper-pagination{bottom:-6px;}
.area_deal .swiper-pagination-bullet{width:40px; height:4px; border-radius:0; background:#111; opacity:0.3;}
.area_deal .swiper-pagination-bullet-active{background:#111; opacity:1;}
.area_deal .list > li{position:relative; margin:20px 0;}
.area_deal .list > li a{display:block;}
.area_deal .list > li a img{width:100%;}


@media screen and (max-width:1600px){
    .area_deal .swiper-button-prev, .area_deal .swiper-rtl .swiper-button-next{left:10px;}
    .area_deal .swiper-button-next, .area_deal .swiper-rtl .swiper-button-prev{right:10px;}
}

@media screen and (max-width:1400px){
    .area_brand .tab_btn{justify-content:flex-start;}
    .area_brand .list > li{margin:50px 10px 0; width:calc(100% / 5 - 20px); -webkit-width:calc(100% / 5 - 20px);}
}

@media screen and (max-width:1150px){
	.area_about .box_img{padding-top:28.8695652173913vw;}
	.box_txt{padding:40px 0 0;}
	.box_txt p br{display:none;}
}

@media screen and (max-width:1024px){
    #content{padding-bottom:100px;}
    #content h2{margin:60px auto 45px; font-size:26px;}
    
    .brand_search input{font-size:14px; height:38px; line-height:38px;}
    .area_brand .tab_btn{padding:25px 0;}
    .area_brand .tab_btn li{font-size:14px;}
    .area_brand .list > li{margin:40px 10px 0; width:calc(100% / 4 - 20px); -webkit-width:calc(100% / 4 - 20px);}
    .area_brand .list > li span{font-size:20px; height:38px; line-height:38px;}
    .area_brand .swiper{height:400px;}
    .area_brand .swiper ul{padding:15px 20px 25px 10px;}
    .area_brand .swiper ul li+li{margin-top:3px;}
    .area_brand .swiper ul li a{font-size:14px;}
    
    .area_deal .tab_btn li{font-size:16px; height:50px; line-height:50px;}
    .area_deal .swiper-button-next, .area_deal .swiper-button-prev{width:50px; height:50px;}
    .deal_time span{width:42px;}
    .deal_time h3{font-size:15px;}
    .deal_time ul{font-size:28px;}
}

@media screen and (max-width:767px){
    #content{padding-bottom:70px;}
    #content h2{margin:40px auto 35px; font-size:22px;}
    
    .area_brand .list > li{margin:30px 5px 0; width:calc(100% / 3 - 10px); -webkit-width:calc(100% / 3 - 10px);}
    
    .area_deal .swiper-button-next, .area_deal .swiper-button-prev{display:none;}
    .area_deal .swiper-pagination-bullet{width:25px;}
    .area_deal .tab_btn li{font-size:15px; height:48px; line-height:48px;}
    .deal_time h3{font-size:14px;}
    .deal_time ul{font-size:25px;}

}

@media screen and (max-width:680px){
	.area_about .box_img.right{margin-left:10px;}
    .certification_area ul li{width:49%;}
    .certification_area ul li:nth-child(2){margin-right:0;}
}

@media screen and (max-width:680px){
	.area_brand .list > li{width:calc(100% / 2 - 10px); -webkit-width:calc(100% / 2 - 10px);}
}

@media screen and (max-width:480px){
    .line_list li{width:49%;}
    .line_list li:nth-child(2n){margin-right:0;}
    .line_list li:last-child{margin-right:0 !important;}
    .line_list li:nth-child(3n){margin-right:2%;}
}

@media screen and (max-width:420px){
	#content{padding-bottom:50px;}
}

@media screen and (max-width:370px){
	
	.area_about .box_img{float:none; width:100%; padding-top:40.54054054054054vw;}	
	.area_about .box_img{margin-right:0;}
}