@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*
!* Font 옵션*!
@font-face {
	font-family: 'Noto Sans CJK TC';
	font-style: normal;
	font-weight: 200;
	src:
	url(../../fonts/NotoSansCJKkr-Thin.eot) format('eot')
	,url(../../fonts/NotoSansCJKkr-Thin.otf) format('otf')

}
@font-face {
	font-family: 'Noto Sans CJK TC';
	font-style: normal;
	font-weight: 300;
	src:
	url(../../fonts/NotoSansMonoCJKkr-Regular.eot) format('eot')
	,url(../../fonts/NotoSansMonoCJKkr-Regular.otf) format('otf')
}

@font-face {
	font-family: 'Noto Sans CJK TC';
	font-style: normal;
	font-weight: 400;
	src:
	url(../../fonts/NotoSansCJKkr-Medium.eot) format('eot')
	,url(../../fonts/NotoSansCJKkr-Medium.otf) format('otf')
}

@font-face {
	font-family: 'Noto Sans CJK TC';
	font-style: normal;
	font-weight: 500;
	src:
	url(../../fonts/NotoSansMonoCJKkr-Bold.eot) format('eot')
	,url(../../fonts/NotoSansMonoCJKkr-Bold.otf) format('otf')
}

@font-face {
	font-family: 'Noto Sans CJK TC';
	font-style: normal;
	font-weight: 700;
	src:
	url(../../fonts/NotoSansCJKkr-Black.eot) format('eot')
	,url(../../fonts/NotoSansCJKkr-Black.otf) format('otf')
}
*/

/* Reset */
html{-webkit-text-size-adjust:none;height:100%}
body{height:100%;-webkit-overflow-scrolling:touch;line-height:1.4; font-family: 'Noto Sans TC', sans-serif; font-size:14px;word-break:keep-all;color:#666}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button,textarea{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{line-height:normal;font-weight:normal}
ul, ol, li{list-style:none}
a{text-decoration:none;color:#4d4d4d;/*color:#666*/}
a:hover,a:active,a:visited{text-decoration:none}
img{border:0;vertical-align:top}
button{border:0;background-color:transparent;vertical-align:middle;cursor:pointer;outline:0;font-family:inherit;font-size:inherit}
input[type=text],input[type=search],input[type=tel],select{box-sizing:border-box;padding:0;background-color:#fff;vertical-align:middle;font-family:inherit}
input[type=text],input[type=search],input[type=tel] {padding:0 3px;}
textarea{font-family:inherit}
em,address{font-style:normal}
table{width:100%;table-layout:fixed;word-wrap:break-word;border-collapse:collapse}
caption{width:0;height:0;line-height:0;font-size:0;color:transparent}
strong{font-weight:bold;color:#000}
label{vertical-align:middle;cursor:pointer}
input[type=text],input[type=password],input[type=date],input[type=tel],select,textarea{-webkit-border-radius:0;/* -webkit-appearance:none; */box-sizing:border-box}
input[type=checkbox],input[type=radio]{vertical-align:middle}
main{display:block}
/* select::-ms-expand{display:none} */
::selection{background:#92cfe7}
::placeholder{font-size:14px;color:#aaa !important}
:-ms-input-placeholder{font-size:14px;color:#aaa !important}
::-ms-input-placeholder{font-size:14px;color:#aaa !important}
input[type=text]::-ms-clear,input[type=password]::-ms-clear,input[type=tel]::-ms-clear{display:none}

/* Common Style */
.blind{position:absolute;left:-1000%;width:0;height:0;line-height:0;font-size:0;color:transparent}
.placeholdersjs{color:#aaa}
.btn-eft-none{position:relative}
.mb0{margin-bottom:0 !important}

/* Slick Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,
.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block;width:100%; /*background:rgb(240, 240, 240)*/} /*20210324 tw*/
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
.slick-slider .slick-arrow{font-size:7em;color:#0abab5}
.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.slick-prev{left:0}
.slick-next{right:0}
.slick-disabled{cursor:default;opacity:.5}

/* Common Layout Style*/

/*헤더*/
.hd-top{position:relative; /*background-color:#222*/
	background: #1a4a88; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #13264b , #1a4a88); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #13264b, #1a4a88); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #13264b, #1a4a88); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #13264b , #1a4a88); /* Standard syntax */
}/*헤더 컬러 변경*/
.hd-top h1{position:absolute; }
.hd-top-menu{position: relative;  display: none; /*미사용에 따른 숨김처리 20210730*/}
/* 상품목록 수정 - 최장원(20190111) */
/*.cate-name-box .fl-box{margin-bottom:26px} 잠깐*/
.cate-name-box .fl-box a{padding-right:32px;font-size:16px}
.cate-name-box h2{font-size:42px}

/* 상품목록 수정 - 최장원(20190111) */
.fixedArea {padding-bottom: 20px; padding-top:30px;}
.cate-name-box {display:block; position:relative; z-index:12; /*height:80px;  padding-top:40px; 잠깐*/}
.cate-name-box .fl-box{overflow:hidden}
/* .cate-name-box .fl-box h2{float:left; font-weight:bold;} */
.cate-name-box .fl-box h2{display:block; padding:0 10px;}
.cate-name-box .fl-box a{float:right;background:url(/layouts/shop/images/common/icon_all_link.gif) no-repeat 100% 50%;color:#3a3a3a}
.cate-name-box h2{line-height:1.3;color:#3a3a3a}

/*헤더 아이콘 메뉴*/
.site-menu{position:absolute; right:0px; top:25px; }
.site-menu>li{float:left; position: relative; margin-right:15px; width:44px; text-align: center;}
.site-menu>li:last-child{margin-right:0; position:relative }
.site-menu>li>a{color:#fff; display:inline-block;}
.site-menu>li:last-child>a{display:block;}
.site-menu>li:last-child>a>em{display:block;position:absolute;border-radius:50%;background-color:#f58873;text-align:center;font-weight:300;color:#fff}
.site-menu>li:last-child>a>em{right:-13px;top:-4px;width:25px;height:25px;line-height:25px; font-size:0.5em}
.site-menu>li i{font-size:2.2em;}
.site-menu>li span{font-size:1em; display:block; margin-top:5px;}

/*pc에서만 노출되는 헤더 아이콘 모바일에서는 해당아이콘들 숨김 처리*/
.gf-icon, .autoship-icon{width:40px;}
.autoship-icon{margin-top:-5px;}
.gf-icon img, .autoship-icon img{width:40px;}
 
.arrow-layer{display:none;position:absolute;z-index:1000;border:1px solid #000;background-color:#fff}
.arrow-layer:before{display:block;content:"";position:absolute;top:-17px;width:0px;height:0px;margin-left:-13px;border-top:17px solid none;border-bottom:17px solid #fff;border-right:14px solid transparent;border-left:13px solid transparent}
.arrow-layer .top{border-bottom:1px solid #f1f1f1}
.arrow-layer .top .logout{overflow:hidden}
.arrow-layer .top .logout a{display:inline-block;width:58px;padding:6px 5px 7px; text-align:center;word-break:break-all}
.arrow-layer .top .logout a:first-child{float:left;border:1px solid #0abab5; background-color:#0abab5;color:#fff}
.arrow-layer .top .logout a:last-child{float:right;border:1px solid #c7c7c7}
.arrow-layer .top .login{display:none}
.arrow-layer .top .login span{display:block;margin-bottom:5px;font-size:14px;color:#000}
.arrow-layer .top .login strong{color:#0abab5}
.arrow-layer .top .login a{color:#000}
.arrow-layer .btn{overflow:hidden}
.arrow-layer li{border-bottom:1px solid #f1f1f1}
.arrow-layer li:last-child{border-bottom:0}
.arrow-layer a{font-size:14px; color:#000;}
.arrow-layer li a{display:block;padding:8px 13px}
.arrow-layer li a i{margin-right:3px}
.arrow-layer .top .Non-members{padding: 5px 0; background: #eee; margin: 0 10px 10px 10px;}

.language{width:98px}
.language a{background-repeat:no-repeat;background-position:calc(100% - 9px)}
.language .ko{background-image:url(/layouts/shop/images/common/korea_flags.png)}
.language .taw{background-image:url(/layouts/shop/images/common/taiwan_flags.png)}
.language .usa{background-image:url(/layouts/shop/images/common/usa_flags.png)}
.btn-user.open+.arrow-layer,.btn-language.open+.arrow-layer{display:block}
.btn-gnb{position:absolute;color:#fff}
/* .btn-gnb span:last-child{font-size:1em; display:block; margin-top:3px;} */
.btn-gnb span:last-child{display:none;}
.user-icon{display:none !important;}
.user-link .link2 a{display:block}
.user-login{width:168px}

.pr-info a{display:block;position:relative}
.pr-info .slick-slide>div>div{box-sizing:border-box}
.pr-info a>div{position:absolute;left:0;bottom:0;box-sizing:border-box;width:100%;background-color:rgba(0,0,0,0.8);color:#fff}

.product-btn{margin-top:16px; /*min-height: 44px;*/}
.product-btn:after{display:block;content:"";clear:both}
.product-btn i{margin-right:2px}

/*찜하기 버튼*/
.product-btn .pt-select .fas.fa-heart{display:none}
.product-btn .pt-select.on .fas.fa-heart{display:inline-block;color:#ff0000}
.product-btn .pt-select.on .fal.fa-heart{display:none}

.product-btn-large{margin-top:16px;    min-height: 44px;}
.product-btn-large:after{display:block;content:"";clear:both}
.product-btn-large .fa-plus-square-o{vertical-align:bottom;font-size:1.2em}
.product-btn-small{margin-top:16px;    min-height: 44px;}
.product-btn-small:after{display:block;content:"";clear:both}
.product-btn-small .fa-plus-square-o{vertical-align:bottom;font-size:1.2em}

/*장바구니 정기구매 버튼*/
.product-btn-large:after{display:block;content:"";clear:both}
.product-btn-large li{float:left; border:1px solid #aaa; width:calc(49% - 2px); padding:10px 0; margin-right:1%; margin-bottom:3px;}
.product-btn-large li:hover{background:#eee;}
.product-btn-large li:last-child{margin-right:0;}
.product-btn-large a{display:block; text-align:center; color:#000; font-weight:bold; font-size:1.2em}
.product-btn-large i{margin-right:2px}
.product-btn-large .pt-select .fas.fa-heart{display:none}
.product-btn-large .pt-select.on .fas.fa-heart{display:inline-block; color:#ff0000}
.product-btn-large .pt-select.on .fal.fa-heart{display:none}

/*수량조정 버튼*/
.product-btn-small:after{display:block;content:"";clear:both}
.product-btn-small li{float:left; border:1px solid #aaa; width:calc(50% - 2px); padding:10px 0;}
.product-btn-small li.red-box{border:1px solid red;}
.product-btn-small li:last-child{margin-right:0;}
.product-btn-small a{display:block; color:#000; text-align:center; font-weight:bold;}
.product-btn-small i{margin-right:2px}
.product-btn-small .pt-select .fas.fa-heart{display:none}
.product-btn-small .pt-select.on .fas.fa-heart{display:inline-block;color:#ff0000}
.product-btn-small .pt-select.on .fal.fa-heart{display:none}

/*연관제품 20200109*/
.product-info-slider .parent-box {vertical-align:top}
.parent-box{width:32%; display:inline-block; margin-bottom:110px;}
.parent-box img{display:block;width:100%; }

/*전체제품 페이지 버튼*/
.product-btn.all-product li{width:100%; border:1px solid #aaa; padding:10px 0; background: #fff;}
.product-btn.all-product li a{text-align:center; color:#000; font-weight:bold;}
.gallery-type .product-btn.all-product li{width:calc(48% - 4px);}
/*.gallery-type .product-btn.all-product li a{font-size:15px;}*/

/* 연관제품 미사용으로 인해 주석처리 20200504*/
.relation-product-box{display:none;position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000;background-color:rgba(0,0,0,0.7)}
.relation-product-box .layer-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.relation-product-box .top{display:table;table-layout:fixed;box-sizing:border-box;width:100%;background-color:#222;color:#fff}
.relation-product-box .top>span{display:table-cell;vertical-align:middle}
.relation-product-box .top a{display:table-cell;vertical-align:middle;text-align:right;color:#fff}
.relation-product-box .pop-ctn{overflow:hidden;background-color:#fff}
.relation-product-box .pop-ctn .l{color:#00000c}
.relation-product-box .pop-ctn .l img{width:100%}
.relation-product-box .pop-ctn .ne{overflow:hidden;margin-top:7px}
.relation-product-box .pop-ctn .m-p{margin-top:3px}
.relation-product-box .pop-ctn .m-p span{color:#3d58b8}
.relation-product-box .pop-ctn .r li:nth-child(1) a{border:1px solid #1e1e1e;}
.relation-product-box .pop-ctn .r li:nth-child(1) a img{width:14px; vertical-align: middle; margin-right:2px;}
/*.relation-product-box .pop-ctn .r li:nth-child(1) i{color:#fe595a} 잠깐*/
.relation-product-box .pop-ctn .r li:nth-child(2) a{border:1px solid #1e1e1e}
.relation-product-box .pop-ctn .r li:nth-child(3) a{border:1px solid #142c59; background-color:#142c59;color:#fff}
.relation-product-box .r>div>span{font-weight:bold;}
.relation-product-box .r>div>span:first-child{color:#000}
.relation-product-box .r>div strong{font-weight:bold;}
.relation-product-box .r>div>span strong:last-child{color:#3d58b8}

.mobile_drop_menu { display:none; }
.drop_cate { display:none; background: #fff;}
.bottom_gp_pop{display:none;}

/*order css 이동*/
#searchBox{ }
.searchBox.F{margin-bottom: 10px; margin-top: 10px;}
/*.scearch-field{float:right;}*/
.searchBox_box{float:left;width: 70%;}

/* PC 갤러리 버튼 */
.m_list{display:none;}

/*선택하기 버튼*/
.check-product{display:block; margin-bottom:10px}
.check-product i{font-size:2em; color:#919191}
.check-product .fa-check-square{display:none}
.check-product label{display:inline-block;overflow:hidden}
.check-product input[type=checkbox]:checked+label .fal.fa-square{display:none}
.check-product input[type=checkbox]:checked+label .fal.fa-check-square{display:block;color:#f64c4d}
.product-list-slider .check-product label{padding-left:1px}
.select-product-slider .check-product label{padding-left:0}
.select-product-slider .check-product i{height:30px;font-size:1.8em}

/*메뉴 폰트크기 한국 pc*/
.menu-inbox2 li {font-size: 1.2vw;}

/*장바구니 버튼 팝업 css*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.quantity_hena .quantity-tit {display: inline-block; margin: -3px 15px 0 0; font-size: 16px; font-weight: 400; vertical-align: middle}
.quantity_hena a {display: inline-block; width: 30px; height: 30px; background: url(/layouts/shop/images/common/bg_count.gif) no-repeat right; vertical-align: middle; border: 1px solid #666;}
.quantity_hena .up {background: url(/layouts/shop/images/common/bg_count.gif) no-repeat left;  width:30px; height:30px;}
.quantity_hena .up.active{background: url(/layouts/gfesta/images/sub/product/icon_up_active.gif) no-repeat}
.quantity_hena .down.active{background: url(/layouts/gfesta/images/sub/product/icon_down_active.gif) no-repeat}
.quantity_hena input {display: inline-block; width: 36px; height: 31px; margin: 0 5px; padding: 0; font-size: 15px; color: #333; text-align: center; vertical-align: middle}


@media all and (min-width:1024px){
	#wrap{position:relative}
	#content{padding-bottom:190px}
	.top-banner{position:relative;overflow:hidden;background-color: black;}
	.top-banner a{display:block;height:76px}
	.top-banner img{position:absolute;left:50%;top:0;margin-left:-960px}
	.top-banner button{position:absolute;right:13px;top:23px;width:30px;height:30px;background:url(/layouts/shop/images/common/btn_catecory.off.png) no-repeat 0 0}
	.inner{max-width:1600px;margin:0 auto}
	.hd-top{height:95px}
	.hd-top .inner{position:relative;height:95px; width:98%; margin:0 auto;}
	/*.hd-top .btn-gnb{background:url(/layouts/shop/images/common/btn_catecory.gif) no-repeat 0 0} 잠깐*/
	.hd-top.open .hd-category{border-top:1px solid #b7b6b6;border-bottom:1px solid #bbbaba}
	.hd-top h1{left:96px;top:30px}
	.hd-search{position:relative;width:360px;margin:0 auto;padding-top:25px}
	.hd-search button{position:absolute;right:0;bottom:0;width:59px;height:48px;line-height:0;font-size:2.3em}
	.hd-search input[type=text]{width:360px;height:48px;padding:0 60px 0 30px !important;border:0;border-radius:35px}

	.user-login{left:-69px;top:69px}
	.language{right: -30px;top:69px}
	.nation{right: -20px;top:69px}
	.arrow-layer:before{left:50%;top:-17px;margin-left:-13px;border-top:17px solid none;border-bottom:17px solid #fff;border-right:14px solid transparent;border-left:13px solid transparent}
	.arrow-layer .top .logout{padding:15px 8px}
	.arrow-layer .top .login{padding:10px 8px}

	/*메뉴*/
	.btn-gnb{left:10px; top:25px; cursor: pointer;}
	.btn-gnb i{vertical-align:top}
	.fa-bars, .fa-times{font-size:2.6em}
	.hd-top .btn-gnb .fa-bars{display:block;}
	.hd-top .btn-gnb .fa-times{display:none;}
	/*메뉴 오픈뒤*/
	.hd-top.open .btn-gnb .fa-times{display:block;}
	.hd-top.open .btn-gnb .fa-bars{display:none;}

	.hd-top-menu{height:60px;line-height:60px;text-align:center; border-bottom:1px solid #4d4d4d;}
	.hd-top-menu .swiper-slide{display:inline-block; margin-right:40px}
	.hd-top-menu a{position:relative;display:block;letter-spacing:-0.05em;font-size:16px;color:#000;}
	.hd-top-menu a.on:after,.hd-top-menu a:hover:after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#f76565}
	.hd-top-menu .swiper-slide:last-child{margin-right:0}
	.hd-category{position:absolute;left:0;top:95px;z-index:100;width:100%;height:0;overflow:hidden;background-color:#eee}	
	.cate-inner{position:relative;/* max-width:1315px; */ max-width:1000px; margin:0 auto;padding:41px 1%}
	.cate-inner:after{display:block;content:"";clear:both}
	.user-link{float:left;width:14%;margin-right:3%}
	.user-link .link1{display:table;table-layout:fixed;width:100%}
	.user-link .link1>li{display:table-cell;vertical-align:middle}
	.user-link .link1>li:first-child{background-color:#000}
	.user-link .link1>li:first-child a{color:#fff}
	.user-link .link1>li:last-child{border:1px solid #cecece;background-color:#fff}
	.user-link .link1>li:last-child a{color:#222}
	.user-link .link1 a{display:block;padding:5px;text-align:center;word-break:break-all;font-size:15px}
	.user-link .link2{margin-top:22px;padding-top:10px;border-top:1px solid #bab9b9}
	.user-link .link2>li{margin-bottom:10px;}
	.user-link .link2>li:last-child{margin-bottom:0}
	.user-link .link2 a{overflow:hidden;color:#222}
	.user-link .ic{float:left; width:40px; height:40px; border-radius:50%; background-color:#fff;text-align:center;line-height:40px}
	.user-link .ic.gp_img {display:inline-block;}
	.user-link .ic.gp_img .bgB { display: none;}
	.user-link .ic.gp_img .bgW { display:block;}
	.user-link .ic.gp_img img{width:100%; width:20px; height:20px; padding-top:10px; padding-left:10px;}
	.user-link .ic i{font-size:1.1em;color:#4b4b4b}
	.user-link .t{overflow:hidden;padding-left:13px;color:#222}
	.user-link .t>span{display:table-cell;height:40px;vertical-align:middle;word-break:break-all}
	.cate-brand,.pr-info{float:left;width:40.5%;background-color:#fff}
	.cate-brand{margin-right:2%}
	.cate-inner h2{height:69px;border-bottom:1px solid #e6e5e5;line-height:69px;text-align:center;font-size:17px;font-weight:500;color:#000}
	.cate-brand ul{overflow:hidden}	
	.cate-brand li{float:left;box-sizing:border-box;width:25%;border-bottom:1px solid #e6e5e5}
	.cate-brand li:nth-child(4n) a{border-right:0}	
	.cate-brand li img{width:100%}
	.cate-box a{display:block;position:relative;box-sizing:border-box;height:126px;padding:80px 10px 0;border-right:1px solid #e6e5e5;text-align:center;font-weight:400;letter-spacing:-0.05em;color:#000}
	.cate-box a>i{position:absolute;left:50%;top:32px;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);font-size:30px}
	.cate-brand a:hover{color:#f64d4d}
	.brand-box li{border-right:1px solid #e6e5e5}
	.brand-box li:nth-child(4n){border-right:1px solid #fff}
	.brand-box h2{border-top:1px solid #e6e5e5}
	.pr-info .row-item{padding:25px;}
	.pr-info .slick-track{margin-bottom:-55px}
	.pr-info .slick-slide>div>div{margin-bottom:55px;padding:0 2px}
	.pr-info a>div{padding:6% 30px 8%}
	.pr-info a>div>span{height:36px}
	/*.btn-cate-close{right:-106px;top:42px;width:30px;height:30px;background:url(/layouts/shop/images/common/btn_catecory.off.png) no-repeat 0 0}*/
	.top-banner,.hd-search{display:block;}
	.f-inner{max-width:1600px;margin:0 auto}
	.f-top{background-color:#222; padding:0 15px;}
	.sns-tel-logo{overflow:hidden;padding-top:27px}
	.sns-list{float:left;position:relative;width:calc(100% / 3)}
	.sns-list ul{position:relative;text-align:center}
	.sns-list li{display:inline-block;margin-right:25px}
	.sns-list li:last-child{margin-right:0}
	.sns-list a{font-size:1.1em;color:#fff}
	.tel-num{float:left;position:relative;width:calc(100% / 3);text-align:center;font-size:17px;font-weight:500;color:#fff; height:30px;}
	.tel-num strong{text-decoration:underline;color:#53bdf3}
	.sns-list:after,.tel-num:after{display:block;content:"";position:absolute;right:0;top:-5px;width:1px;height:31px;background-color:#404040}
	
	.mn-link{margin-top:80px; padding-bottom:56px;}
	.mn-link>.footer_middle{overflow:hidden;}
	.mn-link>.footer_bottom{overflow:hidden;}
	.mn-link>ul>li{float:left; margin-right:110px; color:#fff}
	.mn-link>.footer_middle>li:last-child {width:200px;  }
	.mn-link>ul ul{margin-top:21px}
	.mn-link>ul li{margin-bottom:1px;font-weight:300}
	.mn-link strong,.mn-link a{color:#fff}
	.mn-link a:hover{text-decoration:underline}
	.mn-link .delvery img{display:block;margin:18px 0 37px}

	/*풋터*/
	.ft-logo{float:left;width:33.3%;text-align:right}
	.f-btm{padding:14px 0;background-color:#111; padding-left:10px;}
	.f-btm{position:relative}
	.f-btm small{position:absolute;right:21px;top:16px;font-size:14px;color:#fff}
	.pc-footer{display:block}
	.m-footer,.m-srh,.m-login-txt,.pr-notice,.cate-brand li span,.m-search-layer,.btn-cate-close i,.img-m{display:none}
	.footer_banner{float:right !important;}/*풋터 배너영역 제어위해 추가선언*/
	.pc-foot-addr{padding-top:50px; text-align:center;}
	
	.product-list-slider.slick-slider{padding:0 50px}
	.product-list-slider .slick-slide{margin:0 10px}
	.product-list-slider .slick-slide>a,.list-type>div>a{overflow:hidden;margin-bottom:29px}
	/*PC메인 이미지 리사이징 위해 hover 확대 이벤트 삭제처리*/
	/*.product-list-slider .slick-slide>a>img,.list-type>div>a>img,.gallery-type>div>a>img,.parent-box>a>img{transition:.5s ease;-webkit-transition:.5s ease}
	.product-list-slider .slick-slide>a:hover img,.list-type>div>a:hover img,.gallery-type>div>a:hover img,.parent-box>a:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05)}*/
	.product-list-slider .price span{color:#3d58b8}
	.product-list-slider .description{height:41px;overflow:hidden;color:#4e4e4e;font-size:14px}

	.quick-menu{position:absolute;z-index:10;right:27px;top:641px;width:103px}
	.quick-menu li{margin-bottom:2px;border:1px solid #ababab;border-radius:2px}
	.quick-menu li:last-child{margin-bottom:0}
	.quick-menu a{display:block;position:relative;height:77px;padding-top:23px;background-color:#fff;vertical-align:middle;text-align:center}
	/* .quick-menu a:hover{background-color:#f64d4d}
	.quick-menu a:hover i,.quick-menu a:hover span{color:#fff} */
	.quick-menu i{font-size:1.7em;color:#0abab5;}
	.quick-menu span{display:block;position:absolute;left:0;bottom:0;box-sizing:border-box;width:100%;height:43px;overflow:hidden;padding:0 5px;font-size:15px;font-weight:500;line-height:1.2;word-break:break-all;color:#6d6d6d}
	.quick-menu .fa-heart{color:#ff5959}
	.quick-menu .top a{width:100%;height:100px;overflow:hidden;background:#0abab5 url(/layouts/shop/images/common/bg_top.png) no-repeat 50% 50%;text-indent:-1000%}
	.quick-menu .kakao{background:#fff url(/layouts/shop/images/common/icon_kakao.png) no-repeat 50% 25px}
	.quick-menu .kakao:hover{background:#f64d4d url(/layouts/shop/images/common/icon_kakao_on.png) no-repeat 50% 25px}
	.quick-menu.fix{position:fixed;top:0}


	.relation-product-box .layer-box{width:1600px}
	.relation-product-box .top{padding:0 20px}
	.relation-product-box .top>span{width:auto;padding:19px 50px 19px 0;word-break:break-all;font-size:30px}
	.relation-product-box .top a{width:70px;padding:19px 0;font-size:24px}
	.relation-product-box .top a i{vertical-align:-3px;font-size:1.3em}
	.relation-product-box .pop-ctn{padding:33px}
	.relation-product-box .pop-ctn .l{float:left;width:80%;font-size:16px}
	.relation-slider{padding:0 35px}
	.relation-slider .slick-arrow{font-size:4em}
	.relation-slider .check-product{margin-bottom:0}
	.relation-product-box .pop-ctn .slick-slide{margin:0 .6%}
	.relation-product-box .pop-ctn .ne{height:46px}
	.relation-product-box .pop-ctn .r{float:right}
	.relation-product-box .pop-ctn .r ul{width:160px}
	.relation-product-box .pop-ctn .r li{margin-bottom:16px}
	.relation-product-box .pop-ctn .r li:last-child{margin-bottom:0}	
	.relation-product-box .pop-ctn .r a{display:block;height:38px;line-height:38px;text-align:center;font-size:18px;color:#000}
	.relation-product-box .r>div{overflow:hidden;margin-top:46px}
	.relation-product-box .r>div>span:first-child{float:left;margin-top:4px;font-size:18px}
	.relation-product-box .r>div>span:last-child{display:block;overflow:hidden;padding-left:14px;text-align:right}
	.relation-product-box .r>div strong{display:block;font-size:24px}	
	.relation-product-box .check-product{margin-top:20px;text-align:center}
	.relation-slider .check-product label i{font-size:1.8em}
	.relation-slider .check-product label .fa-square-o{font-size:1.9em}

}

@media screen and (min-width:1024px) and (max-width:1864px) {
	/* #content .inner{padding:0 151px 0 20px} */
}
@media screen and (min-width:1024px) and (max-width:1688px) {
	#header .user-login{left:-117px}
	#header .arrow-layer:before{left:36px}
		#header .user-login:before{left:130px}
	
	#header .language:before{left:49px}
}
@media screen and (min-width:1024px) and (max-width:1690px) {
	#content .layer-box{width:90%;left:50%;margin:0}
}
@media screen and (min-width:1024px) and (max-width:1322px) {
	#header .user-link .link1{display:block}
	#header .user-link .link1>li{display:block;width:auto;margin-bottom:5px}
	#header .user-link .link1>li:last-child{margin-bottom:0}
	.mn-link{padding:0 10px 56px}
	/*.f-btm{padding-left:10px}*/
	.sns-tel-logo{padding:27px 30px 0}
}
@media all and (max-width:1023px){
	/*body{min-width:320px}*/
	#header{position:fixed;left:0;top:0;z-index:100;width:100%;/*height:80px;*/background-color:#fff}
	#content{padding:133px 0 35px;}
	#header .user-link .link1>li{display:inline-block;width:auto;margin-bottom:5px; margin-right:15px;}
	#header .user-link .link1>li:last-child{margin-bottom:0;margin-right:0;}
	#header .user-link .link1>li>a{color:#fff}
	.top-banner,.hd-search,.btn-gnb .fa-times,.quick-menu{display:none !important}
	.product-btn.all-product li{background:none;}	
	.list-type .product-btn.all-product li{background:none; border:1px solid #000 !important;}
	/*.gallery-type .product-btn.all-product li{background:none;}*//*20200507*/
	/*.list-type .all-autoship-btn{width: calc(50% - 4px) !important;}*/ /*오토십 버튼 크기변경에 따른 수정 20200512*/
	/*.list-type .product-btn .prt-list-check.zzim_check{padding:12px 0 !important; width:calc(50% - 4px) !important;} 잠깐*/

	.product-btn .prt-list-check span i{font-size:1.1em}
	.product-btn-large li{ border: 1px solid #000;  padding:5px 0;  width:48%; float: left; text-align: center; margin-right: 1%; margin-bottom: 3px;}
	.product-btn-large .prt-list-check span i{font-size:1.1em}
	
	.product-btn-small li{ border: 1px solid #000;  width: 45.5%; float: left; text-align: center; padding:3px 0; margin: 0 2px 3px 0;}
	.product-btn-small .prt-list-check span i{font-size:1.1em}

	.m-box-pd{padding:0 10px}
	.img-pc{display:block}
	.img-m{display:block}
	.ovy-hidden{overflow-y:hidden}
	.hd-top{height:100px} /*높이 height:90px*/
	.hd-top h1{top:0; left:50%; transform:translateX(-50%);}
	.hd-top h1 a{display:table-cell;height:46px; line-height:46px;}
	.hd-top h1 img{width:100px;vertical-align:middle}/*20200507*/

	/* 상품목록 수정 - 최장원(20190111) */
	.fixedArea {display:block; width:100vw; /*height:80px; 잠깐*/ /**/ margin-left:-10px; margin-top:110px; padding-bottom:0; /*모바일상에서 하위메뉴 box 높이에 맞춰 변경된다.*/ padding-top:0px;}
	.cate-name-box {width:calc(100% - 20px); position:fixed; top:134px; left:0; background-color:rgba(255,255,255,0.9); /*padding-top:20px; 잠깐 width:100vw;*/ /*height:80px; 잠깐 background:#fff; */  border-bottom: 1px solid #9E9E9E; padding:10px;}
	.cate-name-box::after {/*display:block; content:''; */height:50px; padding-top:20px;}
	/*.cate-name-box .fl-box{margin-bottom:10px} 잠깐*/
	.cate-name-box .fl-box a{padding-right:18px;font-size:12px}
	.cate-name-box h2{font-size:20px;}
	.cate-name-box .fl-box h2{float:left; font-weight:bold; padding:0px;}

	.site-menu{right:8px;top:10px;}
	.site-menu>li{width:35px;  margin-right:5px;}
	.site-menu>li>a{display:block;  text-align:center;}
	.site-menu>li>a i{border:0px solid red; font-size:1.5em;}
	.site-menu>li>a span:last-child{border:0px solid red; font-size:0.7em; display:block; word-break:break-all; margin-top:5px;}
	.site-menu>li:nth-last-child(3)>a>em, .site-menu>li:last-child>a>em{right:-2px; top:-4px; width:15px; height:15px; line-height:13px; font-size: 0.5em;}

	/*pc에서만 노출되는 헤더 아이콘 모바일에서는 해당아이콘들 숨김 처리*/
	.site-menu .pc-icon{display:none;}
	.user-icon{display:block !important;}

	.user-login{right:0;top:48px}
	.language{right: -30px;top:69px}
	.nation{right:8px;top:50px}
	
	.arrow-layer:before{right:0px;top:-11px;border-top:17px solid none;border-bottom:11px solid #fff;border-right:8px solid transparent;border-left:7px solid transparent}
	.arrow-layer .top{padding:8px}
	.arrow-layer .top .Non-members{margin:10px 0 0 0;}
	.btn-gnb{top:2px; left:4px; width:45px; text-align:center; overflow:hidden;} /*메뉴수정중*/
	.btn-gnb span:first-child{font-size:1.8em}
	.btn-gnb span:last-child{font-size:0.7em; display:block; margin-top: -3px;}
	.m-srh{display:block}
	.hd-top-menu{box-sizing:border-box;width:100%;overflow:hidden; border-bottom:1px solid #d0d0d0;background-color: white; padding:0 10px; text-align: center; display:none; /* 미사용에 따른 숨김처리 */}
	.hd-top-menu:after{display:block;content:"";clear:both}
	.hd-top-menu .swiper-slide{position:relative; width:auto;margin-right:10px !important;}
	.hd-top-menu .swiper-slide:after{display:block;content:"";position:absolute;right:-5px;top:12px;width:1px;height:10px;background-color:#9c9c9c}
	.hd-top-menu .swiper-slide:last-child:after{display:none}
	.hd-top-menu .swiper-slide a{display:block;position:relative;height:33px;line-height:33px;color:#262626; font-size:13px;}
	.hd-top-menu > div > div .on{color:#f64c4c}
	.hd-top-menu > div > div .on:after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#f76565; border:1px solid red;}
	.hd-category{position:fixed;width:100%;height:100%;right:-100%;top:0;z-index:1000;background-color:#fff}
	.cate-wrap{height:calc(100vh - 103px);overflow-y:scroll}
	.user-link{padding:13px 10px;background-color:#000;color:#fff}
	.user-link .link2{overflow:hidden;padding-top:9px;border-top:1px solid #4d4d4d}
	.user-link .link2>li{float:left;width:25%;text-align:center; height:52px; }
	.user-link .link2 a{word-break:break-all;color:#fff; font-size:11px;}
	.user-link .link2 a i{font-size:1em}
	.m-login-txt p{padding:0 38px 10px 0}
	.m-login-txt p span{text-decoration:underline}
	.cate-wrap{padding:16px 10px 0;font-size:12px;color:#222}
	.cate-wrap h2{margin-bottom:10px;line-height:1;font-size:12px;color:#f75959}
	.pr-notice{padding-bottom:12px;border-bottom:1px solid #ccc}
	.pr-notice li{margin-bottom:5px}
	.pr-notice a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.cate-box{padding:12px 0;border-bottom:1px solid #ccc}
	.brand-box{display:none !important; }/*1023이하에서 brand 안보이게 수정*/
	.cate-box ul{overflow:hidden;margin-bottom:-5px}
	.cate-box li{float:left;width:50%;margin-bottom:5px}
	.cate-box>nav{margin-top:11px}
	.brand-box>nav{margin-top:15px}
	.brand-box ul{display:table;table-layout:fixed;width:100%;box-sizing:border-box;margin-bottom:-8px;padding:0 7px}
	.brand-box li{position:relative;display:inline-block;width:20%;margin:0 0 8px;vertical-align:top;line-height:1.4}
	.brand-box a{display:block;margin:0 5px;word-break:break-all}
	.brand-box a span{display:block; padding-top:5px;word-break:break-all;line-height:1.1}
	.brand-box img{width:100%;border:1px solid #f3f2f2}
	.cate-wrap a{    font-size: 14px;color:#222}
	.pr-notice a{font-size:16px;color:#222}
	.cate-box a{/*font-size:16px;*/ font-size:20px;color:#222}/*카테고리 폰트사이즈 업*/
	.cate-box a>i{margin-right:7px}
	.pr-info{padding:12px 0 40px}
	.pr-info>div{margin-top:17px}
	.pr-info a>div{padding:12px 10px 13px}
	.pr-info a>div>span{height:32px}
	.pr-info .slick-slide>div>div{margin-bottom:22px;padding:0 14px}
	.pr-info img{width:100%}
	.ie-brand-list{padding:0 7px 0 12px !important}
	.ie-brand-list li{width:19%}

	.m-search-layer{position:fixed;right:-100%;top:0;width:100%;height:100%;z-index:1000;background-color:#fff}
	.m-search-layer .top{overflow:hidden;height:40px;padding-left:10px;border-bottom:1px solid #d0d0d0}
	.m-search-layer .top h2{float:left;height:40px;line-height:42px;font-size:15px;color:#000}
	.m-search-layer .top button{float:right;height:40px;padding-right:10px;line-height:42px}
	.m-search-layer .srh-inner{height:calc(100vh - 41px);overflow-y:scroll}
	.m-search-layer .srh-box{position:relative;padding:10px 13px;background-color:#f5f5f5}
	.m-search-layer .srh-box input[type=text]{width:100%;height:35px;border:1px solid #ddd;line-height:35px}
	.m-search-layer .srh-box button{position:absolute;right:13px;top:10px;width:35px;height:35px}
	.m-search-layer .srh-box .check{display:none}
	.m-search-layer .link-btn{padding:10px 13px;border-bottom:1px solid #d0d0d0}
	.m-search-layer .link-btn a{display:block;height:28px;border:1px solid #ddd;text-align:center;line-height:28px;color:#000}
	.m-search-layer .link-btn span{display:inline-block;position:relative;padding-right:12px}
	.m-search-layer .link-btn span:after{display:block;content:">";position:absolute;right:0;top:0;color:#000}
	.m-search-layer .srh-brand{padding:5px 0;background-color:#f5f5f5}
	.m-search-layer .srh-brand>div{padding:10px 13px;border-bottom:1px solid #d0d0d0;background-color:#fff}
	.m-search-layer h3{font-size:14px;color:#000}
	.m-search-layer .srh-brand ul{overflow:hidden;margin-top:10px;border-top:1px solid #f1f0f0;border-left:1px solid #f1f0f0}
	.m-search-layer .srh-brand li{float:left;width:20%;border-bottom:1px solid #f1f0f0}
	.m-search-layer .srh-brand a{display:block;border-right:1px solid #f1f0f0}
	.m-search-layer .srh-brand img{width:100%}
	.m-search-layer .recommend-txt{padding:10px 13px}
	.m-search-layer .recommend-txt ul{overflow:hidden;margin-top:10px}
	.m-search-layer .recommend-txt li{float:left;margin:0 3px 3px 0;background-color:#f5f5f5}
	.m-search-layer .recommend-txt a{display:block;padding:2px;color:#000}
	.m-search-layer .latest-txt{padding:14px 13px 10px}
	.m-search-layer .latest-txt ul{margin-top:5px}
	.m-search-layer .latest-txt li{position:relative;overflow:hidden;padding:10px 10px 5px;border-bottom:1px solid #d0d0d0;color:#000}
	.m-search-layer .latest-txt button{position:absolute;right:0;bottom:0;width:23px;height:25px}
	.m-search-layer .latest-txt-del{position:relative;padding:20px 13px 35px}
	.m-search-layer .latest-txt-del:before{display:block;content:"";position:absolute;left:50%;top:3px;width:30px;height:5px;margin-left:-15px;background-color:#222}
	.m-search-layer .latest-txt-del button{display:block;width:100%;height:35px;border:1px solid #ddd;color:#000}
	.pc-footer{display:none}
	.m-footer{background-color:#222; padding-bottom:120px !important;} /*홈버튼 추가로 풋터 짤림 수정 20200603*/
	.q-mn{overflow:hidden}
	.q-mn>li{float:left;width:50%}
	.q-mn>li:nth-child(1){border-bottom:1px solid #222}
	.q-mn>li:nth-child(2){border-bottom:1px solid #222}
		.q-mn>li:nth-child(3){border-bottom:1px solid #222}
		.q-mn>li:nth-child(4){border-bottom:1px solid #222}
	
	.q-mn>li:nth-child(1n) a{border-right:1px solid #222}
	.q-mn a{border-right:1px solid #222}
	.q-mn a{display:table-cell;width:1%;padding:10px;background-color:#383838;word-break:break-all;text-align:center;font-size:13px;color:#afafaf;vertical-align:middle}
	.f-btm{position:relative;padding:17px 10px 15px;background-color:#222;color:#fff}
	.f-btm .f-logo{display:none;}
	/*.f-btm .f-logo{position:absolute;right:10px;top:45px}
	.f-btm .f-logo img{width:70px}*/
	.f-btm ul{overflow:hidden;margin-bottom:-1px}
	.f-btm li{float:left;position:relative;margin-bottom:5px}
	.f-btm li:after,#footer .f-btm li:after{display:block;content:"";position:absolute;right:0;top:4px;width:1px;height:11px;background-color:#fff;}
	.f-btm li:nth-child(1) a,#footer .f-btm li:nth-child(1) a{padding-left:0}
	.f-btm li:last-child:after,#footer .f-btm li:last-child:after{float:none;display:block;content:"";width:0px;}
	.f-btm a{display:inline-block;padding:0 10px;font-size:11px;color:#fff}
	.f-btm address{margin-top:12px;line-height:1.5;font-size:12px}
	.f-btm address span{display:inline-block;position:relative;margin-right:4px;padding-right:7px}
	.f-btm address span:after{display:block;content:"";position:absolute;right:0;top:4px;width:1px;height:11px;background-color:#fff}
	.f-btm small{display:block;margin-top:25px;text-align:center;font-size:12px}
	.product-list-slider .slick-slide,.product-info-slider .slick-slide{margin:0 5px}
	.product-list-slider img,.product-info-slider a>img{width:100%; }
	.product-list-slider .slick-slide>a{margin-bottom:10px}
	.product-list-slider .slick-slide>a,.list-type>div>a{margin-bottom:10px}

	.product-list-slider .description{height:35px}
	.product-btn{margin-top:11px; width: 100%;}
	.product-btn:after{display:block;content:"";clear:both}

	.product-btn-large{margin-top:11px;}
	.product-btn-large:after{display:block;content:"";clear:both}
	.product-btn-large a{font-size:1em; padding: 5px 3px;} /*20200506*/
	
	.product-btn-small{margin-top:11px; }
	.product-btn-small:after{display:block;content:"";clear:both}
	.product-btn-small a{font-size:8px; padding: 5px 3px;	}
	.product-btn-small li:last-child{margin-right:0;  }
	
	
	.check-product{height:22px;margin-bottom:10px}
	.check-product i{font-size:1.8em}
	.relation-product-box .layer-box{width:90%}
	.relation-product-box .top{padding:0 10px}
	.relation-product-box .top>span{width:auto;padding:10px 0;word-break:break-all;font-size:14px}
	.relation-product-box .top a{width:50px;padding:10px 0;font-size:14px}
	.relation-product-box .top a i{vertical-align:-1px;font-size:1.3em}
	.relation-product-box .pop-ctn{padding:15px 10px}
	.relation-product-box .pop-ctn .l{font-size:13px}
	.relation-product-box .pop-ctn .ne{height:37px}
	.relation-product-box .pop-ctn .slick-slide{margin:0 .6%}
	.relation-product-box .pop-ctn .r{margin-top:3px}
	.relation-product-box .pop-ctn .r ul:after{display:block;content:"";clear:both}
	.relation-product-box .pop-ctn .r li{float:left;width:32%;margin-right:2%}
	.relation-product-box .pop-ctn .r li:last-child{margin-right:0}
	.relation-product-box .pop-ctn .r li a{display:block;padding:5px 0;text-align:center}
	.relation-product-box .pop-ctn .r>div{margin-top:10px; border-top:1px solid #9E9E9E; padding-top:10px;}
	.relation-product-box .r>div>span:last-child{float:right; font-weight:bold;}

	.relation-product-box .check-product{/*margin-top:10px;text-align:center 잠깐*/ }
	.relation-slider .check-product label{overflow:visible}

	.slick-slider .slick-arrow{ font-size: 3em; color: #0abab5; z-index: 99; }
	.slick-arrow{ top:30%; }
	
	/* .mobile_drop_menu { display:block; } */ /*모바일에서도 미노출*/
	.drop_cate { border:0; margin:0; padding:0; }
    .drop_cate ul { background: #fff;}
    .drop_cate li { width:33.33%; float:left; margin-right: -1px;  border-right: 1px solid #f4f4f4;  border-bottom: 1px solid #f4f4f4; text-align:center }
    .drop_cate li { line-height: 50px; font-size:1.1em; font-weight:bold}
    .drop_cate li:nth-child(3n+0) { border-right: 0px}
    .drop_cate li .on{ color:red; }
                    
    .drop_cate ul:after{  content: '';  display: block; clear: both; }
    .mobile_drop_menu { position: absolute; right: 0; bottom: 1px; height: 33px; z-index: 99; background-color: rgba(255, 255, 255, 0.8); width: 33px;  }

	.bottom_gp_pop{display:block;}

	/*모바일 메뉴 아이콘*/
	.user-link .ic.gp_img {width:14px; height:13px; display:inline-block;}
	.user-link .ic.gp_img img{width:100%;}
	.user-link .ic.gp_img .bgB { display:block;}
	.user-link .ic.gp_img .bgW { display: none;}
	.user-link .link2>li{display:inline;}
	
/*order css 이동*/
/*#searchBox {width: 100%; margin: 0 auto; text-align: center;} 잠깐*/
#searchBox .btn.A input {width: 30%; margin-bottom: 5px;}
.searchBox.S {width: 100%;}
.searchBox.S span select {width: 48%; margin-bottom: 5px;}
.search_field_box{text-align: center;}
.searchBox.F span:first-child select {width: 20%; margin-right: 2%; padding:0px 6px;}
.searchBox_box{float:left; width: 100%;}
/*.scearch-field{display:block; width:100%;text-align:center;}*/

/*메뉴 폰트크기 한국 1023이하*/
.menu-inbox2 li {font-size: 4vw;}
}

@media all and (max-width:772px){
	/* 모바일 타블렛  갤러리 버튼 */
	.m_list{display:block;}
	.pc_list{display:none;}
	.language{right: -30px;top:51px}
	
}

@media all and (max-width:450px){
	.language{right: -30px;top:51px}
	.jp-deli-noti{display:block;}


}
@media all and (max-width:1217px){
	/* 모바일 타블렛  갤러리 버튼 */
	.hd-search input[type=text] { width: 280px; height: 48px; padding: 0 60px 0 30px !important; border: 0; border-radius: 35px;}
	.hd-search{position:relative;width:360px;margin:0 auto;padding-top:25px}
	.hd-search button{position:absolute;right:80px;bottom:0;width:59px;height:48px;line-height:0;font-size:2.3em}
}

@media screen and (max-width:1189px) {
	.mn-link>.footer_middle>li:last-child:befort { content: ""; display: block; clear: both;}
	.mn-link>.footer_middle>li:last-child { float:none; display: inline-block; width: 100%; margin-top: 20px; text-align: center; }
	.mn-link>.footer_middle>li:last-child>p { display: inline-block; }
	.mn-link>.footer_middle>li:last-child>p+p { display: inline-block;  margin-left: 20px; }
}


/*장바구니 버튼 팝업 css*/
.ZebraDialog{position: fixed; left: 50% !important; top: 180px; visibility: visible; opacity: 1; transform: translateX(-50%) !important; }
.ZebraDialog .ZebraDialog_Title{border-radius:0px !important; color:#494949 !important; text-shadow:none !important; padding:20px 15px !important; border:1px solid #fff !important; border-bottom:1px solid #fff !important;}
.ZebraDialog .ZebraDialog_Title, .ZebraDialog .ZebraDialog_BodyOuter, .ZebraDialog .ZebraDialog_ButtonsOuter{border:1px solid #fff; !important; border-width:0px !important; background:#fff !important; font-size:16px !important;}
.ZebraDialog .ZebraDialog_Body{border-top-color:#fff !important; border-bottom-style:none !important;}
.ZebraDialog .ZebraDialog_BodyOuter{background:#fff !important;}
.ZebraDialog .ZebraDialog_Question{background:none !important;}
.ZebraDialog .ZebraDialog_Icon{padding:20px !important;}
.ZebraDialog .ZebraDialog_ButtonsOuter{text-align:right !important; background:#fff !important; border-radius: 0px !important; border:1px solid #fff !important; 10px 1px 10px 10px !important;}
.ZebraDialog .ZebraDialog_Buttons{display:inline-block !important; width:100% !important;}
.ZebraDialog .ZebraDialog_Buttons a{/*width:25% !important; min-width:25% !important;*/ text-shadow:none !important; font-size:14px !important; margin-right: 10px !important; float:none !important;}
.ZebraDialog a.ZebraDialog_Close{top:0px !important; right:5px !important; font-size: 26px !important; color:#494949 !important; font-weight: lighter !important;}
.ZebraDialog_Button_0{color:#666 !important; border:1px solid #666 !important; background:#fff !important; }
.ZebraDialog_Button_1{background:#1785f2 !important;}
.ZebraDialog .ZebraDialog_Information{background-image:none !important;}


@media screen and (min-width:1024px) and (max-width:1180px) {
	/*#footer .f-top{padding:0 15px}*/
	/*#footer .f-btm{padding-left:15px}*/
}

/* 대만 메뉴 네비게이션 - 아이콘 메뉴로 수정 css 20210729 */
/*.icon_menu_wrap {position: relative; padding:0px 10px 0px 10px; height:90px; border-bottom:0px solid #eee;   max-width:780px; min-width:300px; left: 50%; transform: translateX(-50%);}*/
.icon_menu_wrap {position: relative; padding:0px 10px 0px 10px; height:90px; border-bottom:0px solid #eee; max-width:1080px; min-width:300px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center;}
/* Frame */
.frame {height: 100%; line-height: 250px; overflow: hidden; position: relative; max-width:1080px; min-width:300px;}
.frame::after{content:''; display:table; clear:both;}
.frame ul {list-style: none; margin: 0; padding: 0; height: 100%;}
.frame ul li { float: left; width:75px; height:75px; margin:8px 25px 0 0; padding: 0; color: #444; text-align: center; cursor: pointer; position: relative;}
.frame ul li a{ position: absolute; top:0; left:0; width: 100%; height:100%; text-align: center;}
.frame ul li a span{display: block; position: relative; width:100%; height:100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
/* Pages */
.pages { list-style: none; margin: 20px 0; padding: 0; text-align: center;}
.pages li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; text-indent: -999px; border-radius: 10px; cursor: pointer; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);}
.pages li:hover {background: #aaa;}
.pages li.active { background: #666;}
/* Controls */
.controls {text-align: center; position:absolute; top:50%; left:0; transform: translateY(-50%); width:100%;}
/*넘김 버튼 색상은 아이콘 나오고 그것에 맞춰 수정 예정*/
.btn.prevPage{ border: 0px solid #0abab5; position: absolute; top: -41px; left: 0;  z-index:1000;   height:50px; padding:0 8px; color:#444;}
.btn.nextPage{ border: 0px solid #fff; position: absolute; top: -41px; right: 0; z-index:1000;   height:50px; padding:0 8px; color:#444;}
.btn.prevPage i, .btn.nextPage i{font-weight: 600; font-size: 2.2em}
/*페이지 넘김 버튼 diplay 값 설정*/
.disabled{display: none;}

/*아이콘 메뉴 백그라운드 이미지 */
.icon_box{background-size:cover; background-repeat: no-repeat; background-position:center;}
/*.icon_menu_wrap .active{background-color: rgb(208 203 203 / 10%);}*/

/* 아이콘 메뉴 icon menu */
.icon_menu_01{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_01.png');}
.icon_menu_02{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_02.png');}
.icon_menu_03{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_03.png');}
.icon_menu_04{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_04.png');}
.icon_menu_05{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_05.png');}
.icon_menu_06{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_06.png');}
.icon_menu_07{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_07.png');}
.icon_menu_08{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_08.png');}
.icon_menu_09{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_09.png');}
.icon_menu_10{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_10.png');}
.icon_menu_11{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_11.png');}
.icon_menu_13{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_13_tw_v2.png');}
.icon_menu_14{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_14_tw.png');}
.icon_menu_tw_henna{background-image: url('/layouts/shopmobile/images/icon_menu_all/r_icon_menu_bg_henna_jp.png');}

/* 아이콘 메뉴 선택 시 icon menu active */
.icon_menu_01:focus, .icon_menu_01:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_01_tw.png');}
.icon_menu_02:focus, .icon_menu_02:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_02_tw.png');}
.icon_menu_03:focus, .icon_menu_03:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_03_tw.png');}
.icon_menu_04:focus, .icon_menu_04:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_04_tw.png');}
.icon_menu_05:focus, .icon_menu_05:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_05_tw.png');}
.icon_menu_06:focus, .icon_menu_06:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_06_tw.png');}
.icon_menu_07:focus, .icon_menu_07:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_07_tw.png');}
.icon_menu_08:focus, .icon_menu_08:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_08_tw.png');}
.icon_menu_09:focus, .icon_menu_09:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_09_tw.png');}
.icon_menu_10:focus, .icon_menu_10:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_10_tw.png');}
.icon_menu_11:focus, .icon_menu_11:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_11_tw.png');}
.icon_menu_13:focus, .icon_menu_13:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_13_tw_v2.png');}
.icon_menu_14:focus, .icon_menu_14:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_14_tw.png');}
.icon_menu_tw_henna:focus, .icon_menu_tw_henna:hover{background-image: url('/layouts/shopmobile/images/icon_menu_all/f_icon_menu_bg_henna_tw.png');}

/*-- 이미지 리사이징을 위한 css --*/
/* 이미지 박스를 정사각형 비율로 유지시키기 - 카테고리 리스트 타입 */
.list-type .img_resize_box{
	border:0px solid red;
}
.list-type .img_resize_box .img_resize_inner{
	border:0px solid orange;
	position: relative;
	overflow:hidden;
	display: block;
}
.list-type .img_resize_box .img_resize_inner::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.list-type .img_resize_box .img_resize_inner>img{
	border:0px solid blue;
	position: absolute;
	width: 100%;
	height: auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	object-fit: contain;
}

/* 이미지 박스를 정사각형 비율로 유지시키기 - 카테고리 갤러리 타입 */
.gallery-type .img_resize_box{
	border:0px solid red;
}
.gallery-type .img_resize_box .img_resize_inner{
	border:0px solid orange;
	position: relative;
	overflow:hidden;
}
.gallery-type .img_resize_box .img_resize_inner::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.gallery-type .img_resize_box .img_resize_inner>img{
	border:0px solid blue;
	position: absolute;
	width: 100%;
	height: auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	object-fit: contain;
}

/* 이미지 박스를 정사각형 비율로 유지시키기 - 스마트오더 */
.smart-order-div .img_resize_box{
	border:0px solid red;
}
.smart-order-div .img_resize_box .img_resize_inner{
	border:0px solid orange;
	position: relative;
	overflow:hidden;
}
.smart-order-div .img_resize_box .img_resize_inner::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.smart-order-div .img_resize_box .img_resize_inner>img{
	border:0px solid blue;
	position: absolute;
	width: 100%;
	height: auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	object-fit: contain;
}

/* 이미지 박스를 정사각형 비율로 유지시키기 - 메인 페이지 */
.product-box-main.img_resize_box{
	border:0px solid red;
}
.product-box-main.img_resize_box .img_resize_inner{
	border:0px solid orange;
	position: relative;
	overflow:hidden;
}
.product-box-main.img_resize_box .img_resize_inner::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.product-box-main.img_resize_box .img_resize_inner>img{
	border:0px solid blue;
	position: absolute;
	width: 100%;
	height: auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	object-fit: contain;
}

/*검색 결과창*/
.search-result-div.img_resize_box{
	border:0px solid red;
}
.search-result-div.img_resize_box .img_resize_inner{
	border:0px solid orange;
	position: relative;
	overflow:hidden;
}
.search-result-div.img_resize_box .img_resize_inner::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.search-result-div.img_resize_box .img_resize_inner>img{
	border:0px solid blue;
	position: absolute;
	width: 100%;
	height: auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	object-fit: contain;
}

/*지페스타 리사이징*/
.gf-list-type .img_resize_box{
	border:0px solid red;
}
.gf-list-type .img_resize_box .img_resize_inner{
	border:0px solid orange;
	position: relative;
	overflow:hidden;
}
.gf-list-type .img_resize_box .img_resize_inner::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.gf-list-type .img_resize_box .img_resize_inner>img{
	border:0px solid blue;
	position: absolute;
	width: 100%;
	height: auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	object-fit: contain;
}

/*팩 검색결과*/
.product_box_div.img_resize_box{
	border:0px solid red;
}
.product_box_div.img_resize_box .img_resize_inner{
	border:0px solid orange;
	position: relative;
	overflow:hidden;
}
.product_box_div.img_resize_box .img_resize_inner::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.product_box_div.img_resize_box .img_resize_inner>img{
	border:0px solid blue;
	position: absolute;
	width: 100%;
	height: auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	object-fit: contain;
}

/*뱃지 추가에 따른 css*/
.pdt-link-test{position: relative; display: block;}
.pdt-link-test .badge_box{position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.pdt-link-test .badge_box>img {width: 25% !important; height: 25%; top:8px; right: 8px; position: absolute; z-index: 1; background:transparent !important;}
/*카트 내 뱃지 위치 지정 css*/
.img_position_box{position:relative;}
.img_position_box .badge_box{position:absolute; width:100%; height:100%; top:0; right:0;}
.img_position_box .badge_box>img{width:25% !important; height:25% !important; position: absolute; top: 8px; right: 8px; z-index: 1; background:transparent !important;}
/*제품상세페이지의 경우 예외 css*/
.img_position_box .badge_box2{position:absolute; width:100%; height:100%; top:0; right:0; }
.img_position_box .badge_box2>img{width:20% !important; height:20% !important; position: absolute; top: 10px; right: 10px; z-index: 1; background:transparent !important;}
/*제품상세페이지의 경우 예외  품절 일시품절 css*/
.img_position_box .sold_out_box{position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.img_position_box .sold_out_box>img {width: 100% !important; height: 100%; top:0; right: 0; position: absolute; z-index: 1; background:transparent !important;}
/*출시예정 제품 뱃지 css*/
.coming_box{width:100%; height:100%; position: absolute;}
.coming_box>img{width:25% !important; height:25% !important; position: absolute; right:8px; top: 8px;  z-index: 1;}

/*제품 상세페이지에서 슬라이드가 있는 경우*/
.for_slide_box{position:relative;}
/*내부 이미지의 정사각형 비율 유지를 위해 추가함 */
.for_slide_box:after { content: ""; display: block; padding-bottom: 100%;}
.for_slide_box>img{position: absolute; width:100%; height:100%; background:transparent !important;}