@charset "utf-8";


.area_visual{position:relative; max-width:100%; margin:0 auto;}
.area_visual .list li{border-bottom:1px solid #373836;}
.area_visual .list li a{display:block;}
.area_visual .list li a,
.area_visual .list .web{display:block; overflow:hidden; position:relative;}
.area_visual .list .web img{width:100%;}
.area_visual .list .mob{display:none;}

.area_visual .bx-controls{display:flex; position:absolute; left:0; bottom:1px; height:80px; width:50%; background:#2f3b2f; z-index:99; align-items:center; flex-direction:row-reverse; justify-content:flex-end;}

.area_visual .bx-controls-direction{position:absolute; top:50%; right:12%; transform:translateY(-50%); font-size:0;}
.area_visual .bx-controls-direction a{display:inline-block; width:18px; height:34px; font-size:0;}
.area_visual .bx-prev{margin-right:60px; background:url(/images/main/arrow_prev.png)no-repeat center; background-size:contain; transition:0.3s ease;} 
.area_visual .bx-next{background:url(/images/main/arrow_next.png)no-repeat center; background-size:contain; transition:0.3s ease;}
.area_visual .bx-prev:hover,
.area_visual .bx-next:hover{opacity:0.5;}

.area_visual .bx-controls-auto{margin-left:50px; font-size:0;}
.area_visual .bx-controls-auto-item{display:inline-block; margin:0 10px;}
.area_visual .bx-controls-auto-item a{display:block; font-size:0; opacity:0.4;}
.area_visual .bx-controls-auto-item a.active{opacity:1;}
.area_visual .bx-start{width:12px; height:16px; background:url(/images/main/play.png)no-repeat center; background-size:contain;}
.area_visual .bx-stop{width:14px; height:16px; background:url(/images/main/stop.png)no-repeat center; background-size:contain;}

.area_visual .bx-pager{margin-left:12%; font-size:0;}
.area_visual .bx-pager-item{display:inline-block; padding:0 5px;}
.area_visual .bx-pager-link{display:inline-block; width:10px; height:10px; background:#fff; opacity:0.5; border-radius:5px; font-size:0px; transition:0.3s ease;}
.area_visual .bx-pager-link.active,
.area_visual .bx-pager-link:hover{background:#fff; opacity:1;}
.area_visual .bx-pager-link.active{width:80px;}



#content{width:100%;}

/* 메인상품타이틀 */
.main_tit{margin:160px auto 80px;}
.main_tit h2{font-size:80px; font-family:'Playfair Display', serif; color:#1e1e1e;}
.main_tit i{display:block; font-size:18px; color:#333; font-weight:500;}

/* 메인탭 */
.tab_btn_wrap{border-top:1px solid #373836; height:60px;}
.tab_btn{font-size:0; overflow-x:scroll; white-space:nowrap;}
.tab_btn::-webkit-scrollbar{display:none;}
.tab_btn li{display:inline-block; margin-right:80px;}
.tab_btn li:last-child{margin-right:0;}
.tab_btn li a{display:block; font-size:20px; color:#8e8e8e; line-height:60px; cursor:pointer; transition:0.3s ease;}
.tab_btn li.active a, .tab_btn li a:hover{font-weight:bold; color:#2f3b2f;}

/*메인 more btn*/
.btn_more{display:block; font-size:20px; font-weight:700; color:#333; transition:0.3s ease;}
.btn_more:hover{opacity:0.6;}
.btn_more i{display:inline-block; margin:-3px 0 0 7px; width:11px; height:11px; border-top:2px solid #333; border-right:2px solid #333; transform:rotate(45deg); transform-origin:center; vertical-align:middle;}

/* 베스트상품 */
.area_best{position:relative;}
.area_best *[data-shop-list="default"]{margin-left:0px;}
.area_best *[data-shop-list="default"] > li{border-right-width:0px; transition:0.3s ease;}
.area_best *[data-shop-list="default"] > li:nth-child(4n) ~ li{border-top-width:0px;}
/*
.area_best *[data-shop-list="default"] > li > a > em,
.area_best *[data-shop-list="default"] > li > a > i{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
*/
.area_best *[data-shop-list="default"] > li > a .percent{display:none;}
.area_best .btn{position:absolute; top:37px; left:280px;}
.area_best .btn a{display:inline-block; margin-right:15px; font-size:15px; color:#aaa; transition:0.3s ease;}
.area_best .btn a:hover{color:#222;}
.area_best .btn a:after{content:''; opacity:0; display:block; width:100%; height:1px; margin-top:5px; background:#0b327a; transition:0.3s ease;}
.area_best .btn a.more,
.area_best .btn a.more:hover{color:#0b327a;}
.area_best .btn a.more:hover:after{opacity:1;}
.area_best .tab_content .wrapper{display:flex; border-top:1px solid #373836; border-bottom:1px solid #373836;}
.area_best .best_l{width:50%; border-right:1px solid #373836;}
.area_best .best_l li{display:none; width:100%; height:100%; border-bottom:0;}
.area_best .best_l li:first-child{display:block;}
.area_best .best_l li a{height:100%;}
.area_best .best_s{display:flex; flex-wrap:wrap; width:50%; height:50%;}
.area_best .best_s li{width:50%; border-right:1px solid #373836; border-bottom:1px solid #373836;}
.area_best .best_s li:nth-child(n+5){display:none;}
.area_best .best_s li:nth-child(2n){border-right:0}
.area_best .best_s li:nth-child(n+3){border-bottom:0;}

/* 배너01_about us */
.area_about{position:relative; padding-top:38%; width:100%; background:url(/images/main/img_about_bg.jpg)no-repeat 50% 50%; background-size:100%; transition:8s ease; border-bottom:1px solid #373836;}
.area_about:hover{background-size:130%;}
/*.parallax-window{width:100%; border-bottom:1px solid #373836; min-height:720px; background:transparent; z-index:1;} */
.area_about .txt_box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.area_about .txt_box .btn_more{margin-top:45px; color:#fff; text-align:center;}
.area_about .txt_box .btn_more i{border-color:#fff;}

/* new */
.area_new .tab_content{border-top:1px solid #373836; border-bottom:1px solid #373836;}
.area_new .new_list{display:flex; align-items:center;}
.area_new .mySwiper2{width:calc(100% / 3); -webit-width:calc(100% / 3); border-right:1px solid #373836;}
.area_new .mySwiper2 .list li > a > em{font-size:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.area_new .thumb_wrap{padding:0 5%; width:calc(100% - (100% / 3)); -webkit-width:calc(100% - (100% / 3));}
.area_new .mySwiper ul li{transition:0.3s ease;}
.area_new .mySwiper .swiper-slide-active,
.area_new .mySwiper ul li:hover{opacity:0.3;}
.area_new .mySwiper ul li img{width:100%;}
.area_new .swiper-horizontal>.swiper-scrollbar{position:relative; margin-top:50px; left:0; bottom:0; width:100%; height:7px;}
.area_new .swiper-scrollbar-drag{background:#2f3b2f;}

/* 배너02_중간배너 */
.area_banner02 li a{display:block; position:relative; width:100%;}
.area_banner02 img{width:100%;}
.area_banner02 .mo{display:none;}
.area_banner02 .swiper-button-next,
.area_banner02 .swiper-button-prev{width:24px; height:44px; opacity:0; transition:0.3s ease;}
.area_banner02:hover .swiper-button-next,
.area_banner02:hover .swiper-button-prev{opacity:1; transition:0.3s ease;}
.area_banner02 .swiper-button-next:hover, .area_banner02 .swiper-button-prev:hover{opacity:0.5;}
.area_banner02 .swiper-button-next{background:url(/images/main/arrow_next02.png)no-repeat center; background-size:contain;}
.area_banner02 .swiper-button-prev{background:url(/images/main/arrow_prev02.png)no-repeat center; background-size:contain;}
.area_banner02 .swiper-button-prev:after,
.area_banner02 .swiper-button-next:after{display:none;}
.area_banner02 .swiper-button-prev, .area_banner02 .swiper-rtl .swiper-button-next{left:3%;}
.area_banner02 .swiper-button-next, .area_banner02 .swiper-rtl .swiper-button-prev{right:3%;}
.area_banner02 .swiper-pagination{display:none;}

/* 전체상품 */
.area_all{display:flex; flex-wrap:wrap; border-top:1px solid #373836; border-bottom:1px solid #373836;}
.all_left{position:relative; width:50%;}
.all_left:before{content:''; display:block; position:absolute; top:0; right:0; width:1px; height:100%; background:#373836; z-index:10;}
.all_left .list{display:flex; flex-wrap:wrap; width:100%; font-size:0; }
.all_left .list li{width:50%;}
.all_left .list li:first-child{width:100%; border-bottom:1px solid #373836;}
.all_left .list li:nth-child(2){border-right:1px solid #373836;}
.all_left .list li:nth-child(n+4){display:none;}

.all_right{width:50%;}
.all_right .list{display:flex; flex-wrap:wrap; width:100%; font-size:0;}
.all_right .list li{width:50%;}
.all_right .list li:first-child{border-right:1px solid #373836;}
.all_right .list li:last-child{width:100%; border-top:1px solid #373836;}
.all_right .list li:nth-child(n+4){display:none;}

.all_list{width:100%; border-top:1px solid #373836;}
.all_list ul{display:flex;}
.all_list li{border-right:1px solid #373836;}
.all_list li:last-child{border-right:0;}

/* pick */
.area_pick{position:relative; border-bottom:1px solid #373836;}
.area_pick .swiper-slide{display:flex;}
.pick_img{width:50%; border-right:1px solid #373836;}
.pick_txt{position:relative; padding-top:50%; width:50%;}
.pick_txt .box{position:absolute; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.pick_txt .box h2{font-size:80px; font-family:'Playfair Display', serif; color:#000;}
.pick_txt .box h3{margin:80px 0 40px; font-size:30px; font-weight:bold; color:#1e1e1e;}
.pick_txt .box p{font-size:16px; color:#333; line-height:1.8; font-weight:500;}
.pick_txt .box .btn_more{margin-top:80px; color:#333;}
.area_pick .control{position:absolute; right:0; top:50%; transform:translateY(-50%); width:50%; z-index:1;}
.area_pick .swiper-button-next,
.area_pick .swiper-button-prev{width:24px; height:44px; opacity:1; transition:0.3s ease;}
.area_pick .swiper-button-next:hover,
.area_pick .swiper-button-prev:hover{opacity:0.5;}
.area_pick .swiper-button-next{background:url(/images/main/arrow_next03.png)no-repeat center; background-size:contain;}
.area_pick .swiper-button-prev{background:url(/images/main/arrow_prev03.png)no-repeat center; background-size:contain;}
.area_pick .swiper-button-prev:after,
.area_pick .swiper-button-next:after{display:none;}
.area_pick .swiper-button-prev, .pick_txt .swiper-rtl .swiper-button-next{left:5%;}
.area_pick .swiper-button-next, .pick_txt .swiper-rtl .swiper-button-prev{right:5%;}
.area_pick .swiper-pagination{display:none;}


/* contact us */
.area_contact{display:flex;}
.area_contact .main_tit{position:relative; margin:0; width:calc(100% / 3); -webkit-width:calc(100% / 3);}
.area_contact .main_tit h2{position:absolute; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.area_contact .contact{display:flex; padding:100px 0; justify-content:space-evenly; border-left:1px solid #373836; width:calc(100% - (100% / 3)); -webkit-width:calc(100% - (100% / 3));}
.area_contact .info a{display:block;}
.area_contact .info .tel{margin-bottom:25px; color:#1e1e1e; font-size:40px; font-weight:bold;}
.area_contact .info .mail,
.area_contact .info .fax{font-size:20px; color:#1e1e1e; font-weight:500;}
.area_contact .info p{margin-top:10px; font-size:16px; color:#333; font-weight:500;}
.area_contact .info p em{display:inline-block; margin-right:10px;}
.area_contact .sns{display:flex; align-items:center;}
.area_contact .sns a{display:block; position:relative; width:60px; height:60px; background:#2f3b2f; border-radius:50%; transition:0.3s ease;}
.area_contact .sns a:hover{background:#000;}
.area_contact .sns a+a{margin-left:30px;}
.area_contact .sns a img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


@media screen and (max-width:1400px){
    .area_visual .bx-controls{height:60px;}
    .area_visual .bx-controls-direction a{width:14px; height:29px;}
    
    .main_tit h2,
    .pick_txt .box h2{font-size:60px;}
    
    .area_new .mySwiper2 .list li > a > em{font-size:28px;}
    
    .area_banner02 .swiper-button-next, .area_banner02 .swiper-button-prev{opacity:1;}
}


@media screen and (max-width:1200px){
    .area_visual{margin-top:84px;}
    .area_visual .bx-controls{justify-content:space-between; padding:0 5%;}
    .area_visual .bx-controls-direction{display:none;}
    .area_visual .bx-pager{margin-left:0;}
    .area_visual .bx-controls-auto{margin-left:0;}
    
    .main_tit{margin:120px auto 60px;}
    .main_tit h2, .pick_txt .box h2{font-size:50px;}
    
    .area_new .mySwiper2 .list li > a > em{font-size:25px;}
    
    .swiper-pagination-bullet{width:8px; height:8px; opacity:0.5; border-radius:4px; transition:0.5s;}
    .swiper-pagination-bullet-active{width:25px; opacity:1;}
    
    .area_banner02 .swiper-button-next,
    .area_banner02 .swiper-button-prev{display:none;}
    .area_banner02 .swiper-pagination{display:block;}
    .area_banner02 .swiper-pagination-bullet{background:#fff;}
    
    .area_pick .control{top:auto; transform:none;}
    .area_pick .swiper-button-next,
    .area_pick .swiper-button-prev{display:none;}
    .area_pick .swiper-pagination{display:block;}
    .area_pick .swiper-pagination-bullet{background:#2f3b2f;}
    .pick_txt .box h3{margin:40px 0 20px; font-size:28px;}
    .pick_txt .box .btn_more{margin-top:40px;}
    
    .area_contact .sns a{width:50px; height:50px;}
    .area_contact .sns a img{width:25px;}
    .area_contact .info .tel{font-size:35px;}
    
}

@media screen and (max-width:1024px){
    .area_visual .list .web{display:none;}
    .area_visual .list .mob{display:block;}
    .area_visual .list .mob img{width:100%;}
    
    .area_visual{margin-top:64px;}
    .area_visual .bx-controls{height:40px;}
    .area_visual .bx-pager-link{width:8px; height:8px;}
    .area_visual .bx-pager-link.active{width:40px;}
    .area_visual .bx-controls-auto-item{margin:0 7px;}
    .area_visual .bx-start{height:12px;}
    .area_visual .bx-stop{height:12px;}
    
    .main_tit{margin:80px auto 40px;}
    .main_tit h2, .pick_txt .box h2{font-size:40px;}
    .main_tit i{font-size:16px;}
    
    .tab_btn_wrap{height:50px;}
    .tab_btn li{margin-right:50px;}
    .tab_btn li a{font-size:17px; line-height:50px;}
    
    .btn_more{font-size:16px;}
    .btn_more i{margin:-2px 0 0 5px; width:9px; height:9px;}
    
    .area_new .mySwiper2 .list li > a > em{font-size:18px;}
    .area_new .thumb_wrap{padding:0 2%;}
    .area_new .swiper-horizontal>.swiper-scrollbar{height:4px;}
    
    .area_about .txt_box img{width:150px;}
    .area_about .txt_box .btn_more{margin-top:25px;}
    
    .area_banner02 .pc{display:none;}
    .area_banner02 .mo{display:block;}
    
    .pick_txt .box{padding:0 2%;}
    .pick_txt .box h3{margin:20px 0 15px; font-size:18px;}
    .pick_txt .box p{font-size:14px; line-height:1.5;}
    .pick_txt .box p > br{display:none;}
    .pick_txt .box .btn_more{margin-top:20px;}
    
    .area_contact .contact{padding:50px 2%;}
    .area_contact .info .tel{margin-bottom:10px; font-size:25px;}
    .area_contact .info .mail, .area_contact .info .fax{font-size:14px;}
    .area_contact .info p{ font-size:14px;}
    .area_contact .sns{}
    .area_contact .sns a{width:40px; height:40px;}
    .area_contact .sns a+a{margin-left:15px;}
    .area_contact .sns a img{width:20px;}
    
}

@media screen and (max-width:767px){
    .area_visual{margin-top:52px;}
    .area_visual .bx-controls{padding:0 2%; width:100%; border-top:1px solid #373836;}
    
    .main_tit{margin:60px auto 30px;}
    .main_tit h2, .pick_txt .box h2{font-size:25px;}
    .main_tit i{margin-top:5px; font-size:14px;}
    
    .tab_btn_wrap{height:45px;}
    .tab_btn li{margin-right:30px;}
    .tab_btn li a{font-size:14px; line-height:45px;}
    
    .btn_more{font-size:14px;}
    .btn_more i{margin:-5px 0 0 5px; width:8px; height:8px;}
    
    .area_best .tab_content .wrapper{display:block;}
    .area_best .best_l{width:100%; border-right:0; border-bottom:1px solid #373836;}
    .area_best .best_s{width:100%;}
    .area_best .best_s li{border-right:1px solid #373836; border-left:0; border-bottom:1px solid #373836;}
    
    .area_about{padding-top:60%; background-size:cover !important;}
    .area_about .txt_box img{width:100px;}
    
    .area_new .new_list{display:block;}
    .area_new .mySwiper2{width:100%; -webkit-width:100%; border-right:0; border-bottom:1px solid #373836;}
    .area_new .mySwiper2 .list li > a > em{font-size:16px;}
    .area_new .thumb_wrap{padding:20px 2%; width:100%;}
    .area_new .swiper-horizontal>.swiper-scrollbar{margin-top:20px;}
    
    .area_all{display:block;}
    .all_left{width:100%;}
    .all_left:before{display:none;}
    .all_left .list{border-bottom:1px solid #373836;}
    .all_right{width:100%;}
/*    .all_right .list li:first-child{border-right:0;}*/
/*    .all_right .list li:nth-child(2){border-left:1px solid #373836;}*/
    .all_list ul{flex-wrap:wrap;}
    .all_list li{width:50%; border-bottom:1px solid #373836;}
    .all_list li:nth-child(2n){border-right:0;}
    .all_list li:nth-child(3),
    .all_list li:last-child{border-bottom:none;}
    
    .area_pick .swiper-slide{flex-wrap:wrap;}
    .pick_img{padding-top:100%; width:100%; border-right:0;}
    .pick_txt{padding:50px 0 60px; width:100%; border-top:1px solid #373836;}
    .pick_txt .box{position:relative; top:auto; transform:none;}
    .pick_txt .box h3{font-size:16px;}
    .area_pick .control{width:100%;}
    
    .area_contact{display:block;}
    .area_contact .main_tit{margin:60px auto 30px; width:96%; -webkit-width:96%;}
    .area_contact .main_tit h2{position:static; transform:none; text-align:left;}
    .area_contact .contact{padding:40px 2%; border-left:0; border-top:1px solid #373836; width:100%; -webkit-width:100%;}
    .area_contact .info .tel{font-size:18px;}
}

@media screen and (max-width:500px){
    .area_contact .sns{display:block;}
    .area_contact .sns a+a{margin-left:0; margin-top:10px;}
}