@charset "utf-8";

/* 
 * main CSS Document
 * KOWEB
 */


#container .inner{position: relative;}

.area_visual{display: block; position: relative; width: 100%;}
.visual_list{position: relative; z-index:1; width: 100%; height: 420px;}
.visual_list li,
.visual_list li a,
.visual_list li .visual_box{display: block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.visual_list li .visual_box img{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.visual_list li .visual_box.box_mobile{display: none !important;}

.area_ctrl{position: absolute; bottom: -20px; right: 0; right: calc((100% - 1100px) / 2); z-index:8; width: 100%; max-width:323px; padding: 9px 0 10px 38px; background-color: #1b1b1b; border-radius:10px; color: #fff; box-shadow:15px 15px 20px rgba(0,0,0,.2);}
.area_ctrl *{display: inline-block; vertical-align: middle;}
.area_ctrl .idx{min-width:8.8px; color:#bebebe; font-weight: 500;}
.area_ctrl .idx.current{color:#fff;}
.area_ctrl .bar:after{content:"\002F"; display: inline-block; margin: 0 10px; font-size: 10px; font-weight: 600; color:#bebebe;}
.area_ctrl .mover{margin-left: 50px; font-size: 0;}
.area_ctrl .move{opacity: .5; width: 46px; height: 46px; background:no-repeat 50% 50%; vertical-align: top; transition:opacity .3s;}
.area_ctrl .move.prev{background-image:url(/images/main/icon_arw_prev.png)}
.area_ctrl .move.next{background-image:url(/images/main/icon_arw_next.png)}
.area_ctrl .move a{display: block; width: 100%; height: 100%;}
.area_ctrl .move:hover{opacity: 1;}

.mainContainer p{word-break:keep-all;}
.main_title{margin-bottom: 20px; text-align: center;}
.main_title h2{font-size: 30px; font-weight: 300;}

/*.main_tv*/
.main_tv .inner{padding: 85px 0 60px;}
.main_tv .inner:after{content:""; display: block; position: absolute; top: -34px; right: -50px; z-index:-1; width: 28.183%; height: 0; padding-top: 48%; background:url(/images/main/img_main_tv_bg.png) no-repeat 50% 50% / cover;}
.main_tv .position_wrap{display: table; table-layout:fixed; width: 100%;}
.main_tv .position_wrap > div{display: table-cell; position: relative; width: 50%; vertical-align: middle;}
.main_tv .position_wrap .left{padding-right: 46px;}
.main_tv .position_wrap .right{padding-left: 40px;}
.main_tv .video{overflow: hidden; display: block; position: relative; width: 96.034%; height: 0; padding-top: 57.15%; background: no-repeat 50% 50% / cover; border-radius:10px;}
.main_tv .video_btn{display: block; position: absolute; top: 50%; left: 50%; width: 82px; height: 82px; margin-top: -41px; margin-left: -41px; border:2px solid #ffffff; border-radius:50%; transform:scale(1) translateZ(0); transition:transform 1s cubic-bezier(.23,1,.32,1);}
.main_tv .video_btn:after{content:""; display: block; position: absolute; top: 50%; left: 55%; width: 26px; height: 30px; margin-top: -15px; margin-left: -13px; background:url(/images/main/icon_play.png) no-repeat 50% 50% / contain; transform:scale(1) translateZ(0); transition:transform 1s cubic-bezier(.23,1,.32,1);}
.main_tv .video_btn:hover{transform: scale(1.2) translateZ(0);}
.main_tv .video_btn:hover:after{transform: scale(0.8) translateZ(0);}
.main_tv .title{margin-bottom: 58px;}
.main_tv .title h2{font-size: 35px; font-weight: 300;}
.main_tv .title p{margin-top: 14px; font-size: 17px;}
.main_tv .title p br{display: none;}
.main_tv .desc strong{display: block; margin-bottom: 14px; font-size: 18px; font-weight: 500;}
.main_tv .desc .ellipsis{line-height:1.8em; height:3.6em;}
.main_tv .more{display: inline-block; position: absolute; top: 0; right: 0; line-height:1; color:#adadad; text-transform:uppercase; transition:color .3s;}
.main_tv .more span:after{content:""; display: inline-block; width: 21px; height: 21px; margin-left: 8px; border:1px solid #adadad; border-radius:50%; background:url(/images/main/icon_more.png) no-repeat 50% 50%; vertical-align: -6px; transition:transform .6s, border .3s;}
.main_tv .more:hover{color:#333;}
.main_tv .more:hover span:after{border-color:#333; transform:rotate(180deg);}

/*.main_banner*/
.main_banner .inner{overflow: hidden;}
.banner_wrap{overflow: hidden; width: 100%; height: 150px;}
.banner_wrap > a{display: block; position: relative; width: 100%; height: 100%;}
.banner_wrap img{display: inline-block; position: absolute; top: 0; left: 50%; max-width:none; transform:translateX(-50%);}

/*.main_slide*/
.main_slide .inner{padding: 65px 0 36px;}
.main_slide .slide_wrap{overflow: hidden;}
/*.main_slide .swiper-wrapper{margin-bottom: 30px;}*/
.main_slide *[class^="swiper-pagination"]{position: static; font-size: 0; text-align: center; transform:none;}
.main_slide *[class^="swiper-pagination"] span{display: inline-block; width: 10px; height: 10px; margin-left: 8px; border-radius:20px; background-color: #b8b8b8; font-size: 0; transition:all .3s; outline:0;}
.main_slide *[class^="swiper-pagination"] span:first-child{margin-left: 0;}
.main_slide *[class^="swiper-pagination"] span.swiper-pagination-bullet-active{width: 20px; background-color: #f39800;}
.main_slide .none_data{padding:50px 0px; background:#f7f7f7; border-bottom-width:0px; color:#999;}

/*.main_insta*/
.main_Instagram{position: relative; padding:45px 0 66px; color:#464646;}
.main_Instagram:after{content:''; display:block; clear:both;}
.main_Instagram .insta_wrap li{position:relative; float:left; width:calc(100% / 4 - 30.1px);}
.main_Instagram .insta_wrap li:first-child{width:calc(100% / 2);}
.main_Instagram .insta_wrap li:nth-child(2){margin:0 30px;}
.main_Instagram .insta_wrap li a{position:relative; display: block; width:100%; height:333px; transform:translateY(0); transition:all 0.5s ease 0s;}
.main_Instagram .insta_wrap li a:hover{transform:translateY(10px);}
.main_Instagram .insta_wrap li:first-child a{padding:30px; background-color: #fff; border:1px solid #e7e7e7; border-radius: 10px; box-shadow: 15px 15px 34px rgba(0,0,0,0.08);}
.main_Instagram .insta_wrap li a .insta_img:before{z-index: 2; position: absolute; right:16px; bottom:16px; content:''; display: block; width:21px; height:21px; background:url(/images/main/img_insta02.png) no-repeat 50% 50%; background-size: 21px 21px;}
.main_Instagram .insta_wrap li a .insta_img{display:block; position:relative; overflow:hidden; float:left; margin-right:25px; width: 100%; max-width:244px; height: 212px; text-align:center;}
.main_Instagram .insta_wrap li a .insta_img img{position:absolute; top:0px; left:0px; width:100%; transform:scale(1,1); border-radius: 10px; transition:all 0.4s ease-in 0s;}
.main_Instagram .insta_wrap li a .insta_img:hover img{opacity:1; transform:scale(1,1);}
.main_Instagram .insta_wrap li:first-child a .insta_right{float:left; width:calc(100% - 244px - 25px);}
.main_Instagram .insta_wrap li a .insta_tit{display: block; margin-bottom: 22px; width:104px; height:26px; font-size: 0; text-indent: 100%; background:url(/images/main/img_insta01.svg) no-repeat 50% 50%; background-size: 100%;}
.main_Instagram .insta_wrap li a .insta_tit:after{content:''; display:block; clear:both;}
.main_Instagram .insta_wrap li a .insta_txt{display: block; float:left; margin-top:13px; padding:0 20px; font-size: 16px; font-weight: 400; line-height:1.6; white-space: normal; overflow: hidden; height: 52px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_Instagram .insta_wrap li:first-child a .insta_txt{margin-top:0; padding:0;}
.main_Instagram .insta_wrap li a .insta_like{float:left; margin:22px 0 48px 0; padding-top:22px; display: block; width:100%; font-size: 14px; font-weight: 500; border-top:1px solid #e8e8e8;}
.main_Instagram .insta_wrap li a .insta_like:before{content:''; display:inline-block; margin-right:5px; width:15px; height:13px; vertical-align: middle; background:url(/images/main/img_insta03.svg) no-repeat 50% 50%; background-size: 100%;}
.main_Instagram .insta_wrap li a .insta_link{display:block; float:left; margin-top:10px; position: relative; padding-right:15px; width:100%; height:46px; line-height: 44px; text-align: center; font-size: 14px; font-weight: 500; color:#d33a7e; background: #fbfbfb; border:1px solid #dcdcdc; transition:all 0.5s ease 0s;}
.main_Instagram .insta_wrap li a:hover .insta_link{background: #fff4f9; border-color:#e4d0d9;}
.main_Instagram .insta_wrap li a .insta_link:after{content:''; display:block; position: absolute; top:50%; right:48px; margin-top:-6px; width:12px; height:12px; vertical-align: middle; background:url(/images/main/img_blank02.svg) no-repeat 50% 50%; background-size: 100%; transition:all 0.5s ease 0s;}
.main_Instagram .insta_wrap li a:hover .insta_link:after{right:40px;}
.main_Instagram .insta_wrap li a .insta_link > i{color:#f1354a;}
.main_Instagram .insta_wrap li:first-child a .insta_link{margin-top:0; padding-right:22px; line-height: 46px; color:#fff; background:url(/images/main/img_instabg.jpg) no-repeat 50% 50%; background-size: cover; border:0;}
.main_Instagram .insta_wrap li:first-child a .insta_link > i{color:#fff;}
.main_Instagram .insta_wrap li:first-child a:hover .insta_link{background-size: 130%;}
.main_Instagram .insta_wrap li:first-child a .insta_link:after{right:25px; background-image:url(/images/main/img_blank01.svg);}
.main_Instagram .insta_wrap li:first-child a:hover .insta_link:after{right:20px;}
.main_Instagram .insta_wrap .nodata{position: relative; overflow: hidden; text-align:center; padding:90px 0; font-weight:400; color:#666; background-color: #fbfbfa; border:1px solid #f0f0eb;}/*등록된 글이 없을때*/


/*.main_quick*/
.main_quick .inner{padding: 15px 0;}
.quick_wrap{overflow: hidden; padding-bottom: 25px; font-size: 0;}
.quick_wrap > div{display: inline-block; position: relative; width: 50%; padding: 40px 67px 30px;  font-size: 1rem;}
.quick_wrap > div:after{content:""; display: block; position: absolute;}
.quick_wrap > div strong{display: block; font-size: 22px; font-weight: 500;}
.quick_wrap > div p{margin-top: 10px; font-size: 14px;}
.quick_wrap > div p br{display: none;}
.quick_wrap > div .more{display: inline-block; min-width:67px; height:25px; line-height:25px; margin-top: 14px; border-radius:30px; background:#1b1b1b; font-size: 12px; color: #fff; text-align: center;}
.quick_order{border-radius:10px 0 0 10px; background-color: #f5e9e0;}
.quick_order:after{right: 0; bottom: -25px; width: 163px; height: 178px; background:url(/images/main/img_quick_obj1.png) no-repeat 50% 50% / contain;}
.quick_delivery{border-radius:0 10px 10px 0; background-color: #eddccf;}
.quick_delivery:after{right: 42px; bottom: -25px; width: 202px; height: 178px; background:url(/images/main/img_quick_obj2.png) no-repeat 50% 50% / contain;}

/*.main_product_today*/
.main_product_today *[data-shop-list="default"] .item .addcart{position: absolute; bottom: -5px; right: 0; margin-top: 0;}
.main_sub_product .sub_product_wrap{padding: 36px 0 20px;}
.sub_product_wrap{font-size: 0;}
.sub_product_wrap *[data-shop-list="default"] .item{width: 20%;}
.sub_product_wrap *[data-shop-list="default"] .item > a > em{font-size: 1rem;}
.sub_product_wrap *[data-shop-list="default"] .item > a > .desc{width:85%; letter-spacing:-1px; font-size:.94rem; color:#9a9a9a; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_product .sub_product_wrap *[data-shop-list="default"] .item > a > em{padding-right: 36px;}
.sub_product_wrap *[data-shop-list="default"] .item > a .price{margin-top: 0;}
.sub_product_wrap *[data-shop-list="default"] .item > a .price i:last-child{margin-left: 0; font-size: 16px;}
.sub_product_wrap *[data-shop-list="default"] .item > a .price i:after{font-size: 1rem;}
.sub_product_wrap *[data-shop-list="default"] .item .addcart{position:absolute; top:0px; right:0px; z-index:10; width:35px; margin-top:calc(100% - 75px);}
.sub_product_wrap *[data-shop-list="default"] .item .addcart *{display:block;}
.sub_product_wrap *[data-shop-list="default"] .item .addcart button{margin-left:0px; margin-top:-85px;}
.sub_product_wrap *[data-shop-list="default"] .item .addcart input{margin-top:50px;}

/*main_guid_banner*/
.main_guid_banner{padding: 36px 0;}

/*main_next*/
.main_next{background-color: #f5f5f5;}
.main_next .inner{z-index:1;}
.main_next .inner:after{content:""; display: block; position: absolute; top: 0; right: -6.5%; z-index:-1; width: 160px; height: 252px; background:url(/images/main/img_main_next_bg.png) no-repeat 50% 50% / cover;}

/*.main_customer*/
.main_customer .inner{padding: 15px 0;}
.customer_wrap{padding: 28px 67px; background:#ede6da url(/images/main/img_main_customer_bg.png) no-repeat 100% 50%  / auto 100%; border-radius:10px;}
.customer_wrap strong{display: block; font-size: 25px; font-weight: 300;}
.customer_wrap p{margin-top: 3px;}
.customer_wrap ul{margin-left: -30px; font-size: 0;}
.customer_wrap ul > li{display: inline-block; margin-left: 30px; margin-top: 12px; font-size: 1rem;}
.customer_wrap ul > li span{margin-right:20px;  font-size:17px;}
.customer_wrap ul > li span:last-child{margin-right:0px;}
.customer_wrap ul > li span b{font-weight:900;}
.customer_wrap ul > li.tel a{display: inline-block; margin-right: 20px; font-size: 24px; font-weight: 700; color: #000; vertical-align: middle;}
.customer_wrap ul > li span.desc{display:block; padding-left:222px;}
.customer_wrap ul > li .ico{display: inline-block; position: relative; padding-left: 40px;}
.customer_wrap ul > li .ico:before{content:""; display: block; position: absolute; top: 50%; left: 0; width: 32px; height: 32px; margin-top: -16px; border-radius:50%; background:#fff no-repeat 50% 50% / auto 28px;}
.customer_wrap ul > li.tel .ico:before{background-image:url(/images/main/icon_tel.svg)}
.customer_wrap ul > li.adr .ico:before{background-image:url(/images/main/icon_adr.svg)}

/*.main_catagory*/
.main_catagory .inner{padding: 20px 0 33px;}
.main_catagory .gnb_catagory .catagory{display: block; position: relative; border-top:0; font-size: 0;}
.main_catagory .gnb_catagory .catagory:after{content:""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f8f8f8;}
.main_catagory .gnb_catagory .catagory > li{display: inline-block; width: 25%; margin: 0; border:1px solid #f8f8f8; border-width:0 0 1px 0; vertical-align: middle;}
.main_catagory .gnb_catagory .catagory > li > a{font-weight: 300; font-size: 17px;}
.main_catagory .gnb_catagory .catagory > li br{display: none;}

/*shop.css*/
*[data-shop-list="default"]{margin-left:-40px;}
*[data-shop-list="default"]:after{content:''; display:block; clear:both;}
*[data-shop-list="default"] .item{position:relative; float: none; display: inline-block; width:25%; box-sizing:border-box; padding-left:40px; margin-bottom:30px; vertical-align: top; outline:0;}
*[data-shop-list="default"] .item:nth-child(4n+1){clear: inherit;}
*[data-shop-list="default"] .item .img{display:block; overflow:hidden; position:relative; padding-top:100%; border-radius:10px; text-align:center;}
/* *[data-shop-list="default"] .item .img_min{height: 176px;} */
*[data-shop-list="default"] .item .img i{display:block; position:absolute; top:50%; left:50%; width:100%; height:100%; background:#f9f9f9; text-align:center; transform:translate(-50%, -50%);}
*[data-shop-list="default"] .item .img[data-shop-list="2"] i:last-child{display:none;}
*[data-shop-list="default"] .item .img img{height:100%; max-width:100%; margin:auto;}
*[data-shop-list="default"] .item > a{display:block; position:relative; outline:0;}
*[data-shop-list="default"] .item > a > em,
*[data-shop-list="default"] .item > a > i,
*[data-shop-list="default"] .item > a .price,
*[data-shop-list="default"] .item > a .icon,
*[data-shop-list="default"] .item > a .sold{display:block; text-align:left; font-size:14px; font-weight:800;}
*[data-shop-list="default"] .item > a > em{margin-top: 13px; font-weight:400; font-size: 16px; letter-spacing:-0.5px; color:#333;}
*[data-shop-list="default"] .item > a > i{margin-top:5px; font-size:14px; color:#666;}
*[data-shop-list="default"] .item > a .price,
*[data-shop-list="default"] .item > a .sold{margin-top:7px;}
*[data-shop-list="default"] .item > a .price i{margin-right: 5px; font-size:15px; font-weight:600; text-decoration:line-through; color:#999;}
*[data-shop-list="default"] .item > a .price i:after{content:'원'; display:inline-block; font-size: 18px; font-weight:300;}
*[data-shop-list="default"] .item > a .price i:last-child{margin-right:0px; font-size:18px; text-decoration:none; color:#292929;}
*[data-shop-list="default"] .item > a .price i.retail_price:after{content:none;}
*[data-shop-list="default"] .item > a .percent{display:block; position:absolute; right: auto; left: 0; top:0; z-index:10; height: auto; padding:10px; margin-top:calc(100% - 41px); background:rgba(0,0,0,0.7); border-radius:0 10px 0 10px; font-size:14px; font-weight:600; text-align:center;  color:#fff; transition:visibility 0.3s cubic-bezier(0.42, 0, 0.2, 1.07) 0s, opacity 0.3s ease 0s;}
*[data-shop-list="default"] .item > a .percent i{opacity:0.7; display:block; font-size:12px; font-weight:400;}
*[data-shop-list="default"] .item > a .sold{color:#b82a5c;}
*[data-shop-list="default"] .item > a .tag{display: block; margin-top: 7px; margin-bottom: -10px; font-size: 14px; font-weight: 500; color:#f39800;}
*[data-shop-list="default"] .item .addcart{display: block; text-align: right; margin-top:5px; font-size: 0;}
*[data-shop-list="default"] .item .addcart *{display: inline-block; width: 35px; height: 35px; border-radius:4px; vertical-align: top;}
*[data-shop-list="default"] .item .addcart input{border:1px solid #c1c1c1; margin: 0; text-align: center; outline:0; transition:border .3s, box-shadow .3s;}
*[data-shop-list="default"] .item .addcart button{margin-left: 5px; background: #f39800 url(/images/main/icon_cart_add.svg) no-repeat 50% 50% / 24px auto; transition:background .3s; font-size: 0;}
*[data-shop-list="default"] .item .addcart input:hover{border-color:#f39800; box-shadow:inset 0 0 0 0 #f39800;}
*[data-shop-list="default"] .item .addcart input:focus{border-color:#f39800; box-shadow:inset 0 0 0 0 #f39800, 0 0 0 #f39800;}
*[data-shop-list="default"] .item .addcart button:hover{background-color: #f37e00;}
*[data-shop-list="default"] .item *[data-shop-list="util"]{opacity:0; position:absolute; top:0; left:50px; z-index:5; border-radius:0 10px 0 10px; width: 50px; height: 50px; line-height:30px; transition:all 0.3s ease 0s;}
*[data-shop-list="default"] .item *[data-shop-list="util"] > a{display:block; position:relative; width:30px; height:30px; margin:2px 0px; border-radius:3px; background:#fff; font-size:0px;}
*[data-shop-list="default"] .item *[data-shop-list="util"] > a:before{content:''; opacity:0.5; display:block; position:absolute; top:50%; left:50%; width:16px; height:15px; margin:-7px 0 0 -8px; background-image:url(../images/shop/sp_shop.png); background-repeat:no-repeat; transition:all 0.3s ease 0s;}
*[data-shop-list="default"] .item *[data-shop-list="util"] > a.basket{display:none;}
*[data-shop-list="default"] .item *[data-shop-list="util"] > a.basket:before{background-position:0 0;}
*[data-shop-list="default"] .item *[data-shop-list="util"] > a.interest:before{background-position:-16px 0;}
*[data-shop-list="default"] .item *[data-shop-list="util"] > a.view:before{background-position:-32px 0;}
*[data-shop-list="default"] .item *[data-shop-list="util"] > a:hover:before{opacity:1;}
/**[data-shop-list="default"] .item *[data-shop-icon="icon"]{display:block; text-align:center;}*/
*[data-shop-list="default"] .item *[data-shop-icon="icon"]{display:inline-block; text-align:center;}
*[data-shop-list="default"] .item.active .percent{opacity:1; visibility:visible;}
*[data-shop-list="default"] .item.active *[data-shop-list="util"]{opacity:1;}
.area_shopList .best *[data-shop-list="default"] .item:before,
.area_shopList .best *[data-shop-list="default"] .item:after{display:block; position:absolute; top:0; left:35px; z-index:10; width:53px; height:53px; box-sizing:border-box; color:#fff; text-align:center;}
.area_shopList .best *[data-shop-list="default"] .item:before{content:attr(data-shop-best); z-index:10; line-height:53px; padding-top:6px; background:#444; font-size:23px;}
.area_shopList .best *[data-shop-list="default"] .item:after{content:'BEST'; z-index:11; padding-top:8px; font-size:10px;}

*[data-shop-list="default"] .item.swiper-slide{padding-left: 0;}

/* video_popup */
.videoPop{opacity:0; position:fixed; top:0px; left:0px; z-index:-99; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out 0s;}
.videoPop > div{max-width:896px; height:504px; background:rgba(0,0,0,0.8);}
.videoPop > div{position:absolute; left:50%; top:50%; margin:0 auto; transform:translate(-50%, -50%); box-shadow:10px 10px 0px rgba(0,0,0,0.4);}
.videoPop.active{opacity:1; z-index:99;}
.videoPop .close{display:block; position:absolute; top:-60px; right:0px; width:42px; height:42px; background:url(/images/common/btn_m_close.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}


@media screen and (max-width:1380px){ /*-10 : 40이상, -4:10이상*/
	.area_ctrl{right: 0; max-width:289px; border-radius:10px 0 0 10px;}
	.area_ctrl .mover{margin-left: 20px;}
	.area_ctrl .bar:after{margin: 0 3px;}
	.main_title h2{font-size: 28px;}
	
	.main_tv .title{margin-bottom: 48px;}
	.main_tv .title h2{font-size: 30px;}
	.main_tv .title p{margin-top: 10px; font-size: 16px;}
	.main_tv .desc strong{margin-bottom: 10px;}
	.main_tv .position_wrap .left{padding-right: 36px;}
	.main_tv .position_wrap .right{padding-left: 30px;}
	
	.quick_wrap > div{padding: 40px 57px 30px;}
    .main_catagory .gnb_catagory .catagory > li > a{font-size: 16px;}
    
    .main_Instagram .insta_wrap li a .insta_txt{margin-top:7px;}
    .main_Instagram .insta_wrap li a .insta_link:after{right:25px;}
    .main_Instagram .insta_wrap li a:hover .insta_link:after{right:20px;}
}
@media screen and (max-width:1120px){
    .main_Instagram .insta_wrap li{position:relative; float:left; width:calc(100% / 3 - 15.1px);}
    .main_Instagram .insta_wrap li:first-child{width:calc(100% / 1.5);}
    .main_Instagram .insta_wrap li:nth-child(2){margin:0 0 0 15px;}
    .main_Instagram .insta_wrap li:nth-child(3){display:none;}
    .main_Instagram .insta_wrap li:nth-child(2) a .insta_img{float: inherit; margin:0 auto; text-align: center;}
    .main_Instagram .insta_wrap li a .insta_txt{font-size: 15px;}
}
@media screen and (max-width:1080px){
/*	.area_visual .bx-viewport{height: auto !important;}*/
	.visual_list{height: auto;}
    .visual_list li{position:static !important;}
    .visual_list li a{position:static !important;}
	.visual_list li .visual_box{position:static !important;}
	.visual_list li .visual_box img{display: block; position: static; width: 100%; max-width: 100%; height: auto; margin: 0 auto; transform:none;}
	.visual_list li .visual_box.box_pc{display: none !important;}
	.visual_list li .visual_box.box_mobile{display: block !important;}
	.visual_list li a{padding-top: 35px;}

	#container{position: relative; z-index:5; margin-top: -8px; background-color: #fff; border-radius:10px 10px 0 0;}
	
	.main_tv .inner{padding: 55px 0 40px;}
	.main_tv .position_wrap .left{padding-right: 28px;}
	.main_tv .position_wrap .right{padding-left: 22px;}
	.main_tv .video_btn{width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; border-width:2px;}
	.main_tv .video_btn:after{width: 20px; height: 20px; margin-top: -10px; margin-left: -10px;}
	.main_tv .title p br{display: block;}
	.main_tv .desc{display: none;}
	.main_tv .more{position: relative; top: auto; bottom: auto; left: auto; right: auto;}
	
	.main_banner .inner{padding: 0 !important;}
	
	.main_slide .inner{padding: 55px 0 30px;}
	.main_slide .slide_wrap .slick-list{width: calc(100% + 30px); margin-left: -31px;}
	
	.main_quick .inner{padding-left: 0 !important;}
	.quick_wrap{margin-left: -10px;}
	.quick_wrap > div{padding: 40px 33px 30px;}
	.quick_wrap > div p br{display: block;}
	
	.main_sub_product{padding-top: 10px; background-color: #f5f5f5; border:1px solid #dbdbdb; border-width:1px 0 0;}
	.sub_product_wrap *[data-shop-list="default"] .item{width: 25%;}
	.main_sub_product .sub_product_wrap{margin-top: 10px; padding: 34px 0px 0; border:1px solid #dbdbdb; border-width:1px 0; background-color: #fff;}
	.main_sub_product .sub_product_wrap:first-child{margin-top: 0;}
	.main_sub_product .sub_product_wrap:last-child{border-bottom:0;}
	
	.main_guid_banner{padding: 0;}
	
	.main_next{background-color: #fff;}
	
	.main_catagory .gnb_catagory .catagory > li{width: 33.333%;}
	
	/*shop.css*/
	*[data-shop-list="default"]{margin-left: -30px;}
	*[data-shop-list="default"] .item{padding-left: 30px;}
	*[data-shop-list="default"] .item .addcart{margin-top: 10px;}
}
@media screen and (max-width:1024px){
	/*shop.css*/
	/* 
		*[data-shop-list="default"] .item .img{height: 206px;}
		*[data-shop-list="default"] .item .img_min{height: 166px;}
		*[data-shop-list="default"] .item > a .percent{top: 165px;}
	*/	
	.area_shopList > div:not(.best) *[data-shop-list="default"] .item{width:calc(100% / 3);}
	.area_shopList > div:not(.best) *[data-shop-list="default"] .item:nth-child(4n+1){clear:none;}
	.area_shopList > div:not(.best) *[data-shop-list="default"] .item:nth-child(3n+1){clear:left;}
	*[data-shop-list="default"] .item *[data-shop-list="util"]{opacity:1;}
	*[data-shop-list="default"] .item > a .percent{opacity:1; visibility:visible;}
	.area_shopList .best *[data-shop-list="default"] .item:nth-child(3n+1){clear:none;}
	.area_shopMypage *[data-shop-list="default"]{margin-left:-20px;}
	.area_shopMypage *[data-shop-list="default"] .item{padding-left:20px;}
    .area_shopMypage *[data-shop-list="default"] .item .img{height:150px;}
	.customer_wrap ul > li.tel a{display:block; margin-bottom:5px;}
	.customer_wrap ul > li.tel a + span,
	.customer_wrap ul > li span.desc{padding-left:40px;}
}

@media screen and (max-width:1023px){
	*[data-shop-list="default"] .item .addcart{position:absolute; right:0px; bottom:0px;}
}

@media screen and (max-width:820px){
	.videoPop > div{width:90%; height:auto; box-shadow:none;}
    .videoPop > div iframe{width:100%; height:50vh;}
    
    .main_Instagram .insta_wrap li{position:relative; float:left; width:100%;}
    .main_Instagram .insta_wrap li:first-child{width:100%;}
    .main_Instagram .insta_wrap li:nth-child(2){margin:30px 0 0 30px;}
    .main_Instagram .insta_wrap li:nth-child(2) a{height:auto;}
    .main_Instagram .insta_wrap li:nth-child(2) a .insta_img{float:left; margin-right:25px;}
    .main_Instagram .insta_wrap li:nth-child(2) a .insta_right{float:left; margin-top:40px; padding-right: 60px; width:calc(100% - 244px - 25px);}
    .main_Instagram .insta_wrap li:nth-child(2) a .insta_txt{padding:0;}
    .main_Instagram .insta_wrap li a .insta_txt{height: 45px; font-size: 14px;}

	.customer_wrap ul > li span{display:block; padding-left:40px;}
}

@media screen and (max-width:768px){
	.area_ctrl{max-width:186px; padding: 9px 0 10px 26px;}
	.area_ctrl .mover{margin-left: 16px;}
	.main_title{margin-bottom: 10px;}
	.main_title h2{font-size: 25px;}
	
	.main_tv .inner{padding: 43px 0 40px;}
	.main_tv .inner:after{content:none;}
	.main_tv .position_wrap{display: block; table-layout:inherit; display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	.main_tv .position_wrap > div{display: block; width: 100%;}
	.main_tv .position_wrap .left{-ms-flex-order:2; -webkit-order:2; -webkit-box-ordinal-group:3; order:2; padding-right: 0;}
	.main_tv .position_wrap .right{-ms-flex-order:1; -webkit-order:1; -webkit-box-ordinal-group:2; order:1; padding-left: 0;}
	.main_tv .video{width: 100%;}
	.main_tv .title{margin-bottom: 0; text-align: center;}
	.main_tv .title h2{font-size: 25px;}
	.main_tv .title p{margin: 2px 0 10px;}
	.main_tv .title p br,
	.main_tv .more{display: none;}
	
	.main_slide .inner{padding: 45px 0 30px;}
	
	.main_quick .inner{padding-right: 0 !important;}
	.quick_wrap > div strong{font-size: 20px;}
	.quick_wrap > div p br{display: none;}
	.quick_wrap > .quick_order{display: none;}
	.quick_wrap > .quick_delivery{width: 100%;}
	.quick_delivery:after{right: 15px;}
	
	/*.sub_product_wrap *[data-shop-list="default"]:not(.shopSliderGroup){margin-left: -20px;}
	div:not(.shopSliderGroup) .sub_product_wrap *[data-shop-list="default"] .item{width: 33.333%; padding-left: 20px;}*/
	.sub_product_wrap *[data-shop-list="default"]{margin-left: -20px;}
	.sub_product_wrap *[data-shop-list="default"] .item{width: 33.333%; padding-left: 20px;}
	.sub_product_wrap *[data-shop-list="default"] .item .addcart{margin-top:calc(100% - 55px);}
	
	.main_next .inner:after{content:none;}
	
	.main_customer .inner{padding: 11px 0;}
	.customer_wrap{padding: 30px 33px;}
	.customer_wrap strong{font-size: 22px;}
	.customer_wrap ul{margin-top: 8px;}
	.customer_wrap ul > li{display: block; margin-top: 4px;}
	.customer_wrap ul > li.tel span{display: block; margin-top: 9px;}
	.customer_wrap ul > li.adr .ico{padding-left: 0;}
	.customer_wrap ul > li.adr .ico:before{content:none;}
	.customer_wrap ul > li.adr span{font-size: 1rem;}
	
	.main_catagory .inner{padding: 30px 0 43px;}
	
	/*shop.css*/
	.area_shopList > div:not(.best) *[data-shop-list="default"] .item *[data-shop-list="util"]{position:static; margin-top:0px; text-align:center;}
	.area_shopList > div:not(.best) *[data-shop-list="default"] .item *[data-shop-list="util"] > a{display:inline-block;}
	.area_shopMypage *[data-shop-list="default"] .item .img{height:100px;}
	.area_shopMypage *[data-shop-list="default"] .item *[data-shop-list="util"]{position:static; text-align:center;}
    .area_shopMypage *[data-shop-list="default"] .item *[data-shop-list="util"] > a{display:inline-block;}

	.customer_wrap ul > li.tel span{display:inline-block; padding-left:0px; padding-right:10px; font-size:16px;}
	.customer_wrap ul > li span{margin-right:0px;}
	.customer_wrap ul > li.adr .ico{padding-left:40px;}
}

@media screen and (max-width:710px){
	.customer_wrap ul > li.tel span{display:block; padding-left:0;}
	.customer_wrap ul > li.tel a + span,
	.customer_wrap ul > li.adr .ico{padding-left:0px;}
}

@media screen and (max-width:640px){
	.main_catagory .gnb_catagory .catagory > li{width: 50%;}
	.main_catagory .gnb_catagory .catagory > li > a{font-size: 1rem; word-break:keep-all; padding: 16px 20px 16px 0;}
	
	/*shop.css*/
	.area_shopList > div:not(.best) *[data-shop-list="default"] .item{width:calc(100% / 2);}
	.area_shopList > div:not(.best) *[data-shop-list="default"] .item:nth-child(3n+1){clear:none;}
	.area_shopList > div:not(.best) *[data-shop-list="default"] .item:nth-child(2n+1){clear:left;}
	.area_shopMypage *[data-shop-list="default"]{margin-left:-10px;}
	.area_shopMypage *[data-shop-list="default"] .item{width:calc(100% / 2); padding-left:10px;}
	.area_shopMypage *[data-shop-list="default"] .item:nth-child(3n+1){clear:none;}
    .area_shopMypage *[data-shop-list="default"] .item:nth-child(2n+1){clear:left;}
    
    .main_Instagram .insta_wrap li a{height: 270px;}
    .main_Instagram .insta_wrap li a .insta_like{margin:10px 0 16px 0; padding-top: 16px;}
    .main_Instagram .insta_wrap li a .insta_img{max-width: 180px; height: 156px;}
    .main_Instagram .insta_wrap li:first-child a .insta_right,
    .main_Instagram .insta_wrap li:nth-child(2) a .insta_right{width:calc(100% - 180px - 25px);}
    .main_Instagram .insta_wrap li:nth-child(2) a .insta_right{margin-top:20px;}

	*[data-shop-list="default"] .item .addcart,
	.main_product_today *[data-shop-list="default"] .item .addcart{position:static;}
}
@media all and (max-width:450px){
	.main_tv .video{height: 206px; padding-top: 0;}
	.quick_wrap > div p br{display: block;}
	.main_tv .title p{font-size:14px;}
	
	/**[data-shop-list="default"] .item .addcart{top: 216px;}*/
	.sub_product_wrap *[data-shop-list="default"] .item{width: 50%;}
	.sub_product_wrap *[data-shop-list="default"]:not(.shopSliderGroup){margin-left: -16px;}
	.sub_product_wrap *[data-shop-list="default"] .item{width: 50%; padding-left: 16px;}
	.sub_product_wrap *[data-shop-list="default"] .item .addcart{margin-top:calc(100% - 51px);}
	.sub_product_wrap .slide_wrap .slick-list{width: calc(100% + 16px); margin-left: -17px;}
	
	/*shop.css*/
	*[data-shop-list="default"] .item > a .price i{display:block;}	
	*[data-shop-list="default"] .item *[data-shop-list="util"]{position:static; margin-top:0px; text-align:center;}
    *[data-shop-list="default"] .item *[data-shop-list="util"] > a{display:inline-block;}
    
    .main_Instagram .insta_wrap li a{padding:0 30px; height: auto; overflow: hidden;}
    .main_Instagram .insta_wrap li:nth-child(2){margin:30px 0 0 0;}
    .main_Instagram .insta_wrap li:first-child a .insta_right,
    .main_Instagram .insta_wrap li:nth-child(2) a .insta_right{float: inherit; margin-top:15px; width:100%;}
    .main_Instagram .insta_wrap li:nth-child(2) a .insta_right{padding:0;}
    .main_Instagram .insta_wrap li a .insta_img,
    .main_Instagram .insta_wrap li:nth-child(2) a .insta_img{float: inherit; margin:0 auto;}
    .main_Instagram .insta_wrap li a .insta_txt{margin-top:0;}

	.customer_wrap{background-position-x:130%;}
	.customer_wrap ul > li.tel span{margin-top:5px; font-size:13px;}
	.customer_wrap ul > li.adr span{font-size:13px;}
}

@media screen and (max-width:390px){
	.customer_wrap{padding-left:20px; background-position-x:200%;}
}

@media screen and (max-width:375px){
	/*shop.css*/
	.area_shopList .best *[data-shop-list="default"] .item > a .percent{display:none;}
	.area_shopMypage *[data-shop-list="default"] .item > a .percent{display:none;}
}

@media screen and (max-width:340px){
	.customer_wrap{background-position-x:230%;}
	.customer_wrap ul > li.tel span,
	.customer_wrap ul > li.adr span{font-size:12px; word-break:keep-all;}

	*[data-shop-list="default"] .item > a .price i{display:inline-block;}

	.sub_product_wrap *[data-shop-list="default"] .item{width:100%;}
}