@charset "utf-8";
/* ==========================================================================
    Default styles
   ========================================================================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
input,select,textarea,button {vertical-align:middle;}
button {border:0 none; background-color:transparent; cursor:pointer;}
hr,legend{display:none;}
body {background:#fff; -webkit-text-size-adjust:none; font-size:16px; font-weight:400; line-height:1.5; color:#222; -webkit-font-smoothing:antialiased;}
table {padding:0; border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}
td,th {border-collapse:collapse; border-spacing:0;}
strong,th,b {font-weight:bold;}
caption {display:none;}
label,button {cursor:pointer;}
form label{cursor:default;}
textarea {overflow:hidden; overflow-y:auto; resize:none; border:0; background:none; word-break:break-all; word-wrap:break-word; white-space:pre-line; font-size:14px; line-height:1.5; color:#000; border-radius:0; -webkit-appearance:none}
a {color:#222; text-decoration:none;}
a:focus, a:hover {text-decoration:none; color:#075aba;}
a:active {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
img {max-width:100%; height:auto;image-rendering: -webkit-optimize-contrast;transform: translateZ(0);
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-weight:400; color:#888 !important;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-weight:400; color:#888;}
input[type=search] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {-webkit-appearance:none;}
input[type=search]::-ms-clear {display:none;}
input[type=search]:-ms-clear {display:none;}
input[type=text]::-ms-clear {display:none;}
input[type=text]:-ms-clear {display:none;}
select {background:transparent; border-radius:0;}
input[type='number'] {-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input::-webkit-file-upload-button {cursor:pointer;}
body{-webkit-text-size-adjust:none}
.cursor{cursor:pointer;}
.hides{display:none !important;}
.position_absolute{position:absolute;}
.align-items-center{-webkit-box-align:center !important;-webkit-align-items: center !important;-ms-flex-align: center !important;align-items: center !important;}
.justify-content-between{-webkit-box-pack: justify !important;-webkit-justify-content: space-between !important;-ms-flex-pack: justify !important;justify-content: space-between !important;}
html *, body * { 
	box-sizing: border-box;
	border:0px;
	margin:0px;padding:0px;
	font-family: HarmonyOS Sans SC Medium,HarmonyOS_Sans_SC,HarmonyOS_Sans_SC_Regular,HarmonyOS_Sans_SC_Bold,"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
/* initialize */
body{overflow:auto ;height:auto !important;margin:0px;width:100%;min-width11:1680px;}
body.layerfullmode{overflow:hidden !important; height:100% !important}
body,html{ overflow: auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none;  /* IE 10+ */}
.fiex_full_bg{top:0px;transition: opacity .5s;position:fixed;z-index:1000;width:100%;height:100%;background: rgba(0, 0, 0, .5);}
.fiex_full_bg2{top:0px;transition: opacity .5s;position:fixed;z-index:1001;width:100%;height:100%;background: rgba(0, 0, 0, .5);}
#wrap{position:relative;clear:both;overflow:hidden;background-color:#FFFFFF !important}
.relative{position:relative;}
.font_Mon {font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.color_white,.white { color: #fff;}
/* body.scrollup #bottomgnb.fixed,
body.scrolldown #bottomgnb.fixed{bottom:-61px;  }
body.scrollup #gnb_ethic{height:40px}
body.scrolldown #gnb_ethic{height:0} */
.no_border_bottom{border-bottom:0px !important;}
.flex {display: flex;}
.flexld { display: flex;justify-content: space-between;align-items: center;}
.flexld .sontypename { padding-bottom: 30px; font-size: 40px; font-weight: 600;max-width:370px;}

/* HTML滚动条样式 aed94f*/
html::-webkit-scrollbar {width: 6px;}
html::-webkit-scrollbar-thumb { background: #333;}
html::-webkit-scrollbar-track { background: #f1f1f1;}
html {scrollbar-color: #333 #f1f1f1; scrollbar-width: thin;}
html { scrollbar-face-color: #333;scrollbar-shadow-color: #333;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}

/* RESET */
ul,li,ol{list-style-type:none}
li,p,dt,dd,div,span{white-space:normal}
button{cursor:pointer;border:none;background:none}
a{text-decoration:none;color:#222}
a:hover, a:active, a:visited, a:focus{color:#222}
label{cursor:pointer}
button,select,option,input,textarea{outline:none}



.mall_main{width:1680px;margin:auto;}
@media (max-width: 1700px) {
	.mall_main{width:92%;}
}
@media (max-width: 1599px) {
	.mall_main{width:92%;}
}
@media (max-width: 1440px) {
	.mall_main{width:92%;}
}
@media (max-width: 1279px) {
	.mall_main{width:92%;;}
}
@media (max-width: 1000px) {
	.mall_main{width:92%;}
	#container{border-bottom:0px;}
}




/* swiper */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: auto !important;}

/* top Ad */
#topBanner{position: relative;width:100%;height: 60px;/* background-color: #5223cb; */display: flex;justify-content: center;align-items: center;z-index:11}
#topBanner.fixed {position: fixed;}
#topBanner > div{position:relative;}
#topBanner a{display:block;height: 60px;}
#topBanner img{height:60px;display: block;margin: 0 auto;}
#topBanner .close{width: 15px; height: 15px;text-indent: -999999em;background: url(../images/icon_close_btn@3x.png) center no-repeat; background-size: cover;position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
#topBanner span{font-size: 17px;color:#fff;font-weight:600;letter-spacing: -0.17px;display: block;line-height: 60px;}
#topBanner .tit{display: flex; align-items: center;}
#topBanner .tit:after{content:'';display:block;margin-left: 5px; width:12px;height:12px;background: url(../images/banner_arrow@3x.png) center no-repeat; background-size: cover;}









/* GNB */
#gnb{width: 1680px;height: 72px;margin: 18px auto 0;/* position: relative; */}
#gnb .allcategory{float:left;width:50px;height:50px}
#gnb .allcategory h3{position:relative;overflow:hidden;width:50px;height:50px;text-indent:-9999px;background:#222}
#gnb .allcategory h3:before{content:"";position:absolute;top:50%;right:50%;width:4px;height:2px;margin:-5px 1px 0 0;border-top:4px solid white;border-bottom:4px solid white}
#gnb .allcategory h3:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:2px;margin:-5px 0 0 1px;border-top:4px solid white;border-bottom:4px solid white}
#gnb .allcategory .contents{position:absolute;top:100%;left:50%;z-index:1;overflow:hidden;height:0;margin:0 0 0 -590px;background:#222}
#gnb .allcategory .contents .parent{padding:32px 0 35px;opacity:0;filter:alpha(opacity=0)}
#gnb .allcategory .contents .parent:after{content:"";display:block;clear:both}
#gnb .allcategory .contents .parent>li{float:left;clear:both;height:35px}
#gnb .allcategory .contents .parent>li>a{position:relative;float:left;width:240px;padding:0 24px 0 49px;box-sizing:border-box;font-size:15px;color:white;line-height:35px;font-weight:300}
#gnb .allcategory .contents .parent>li.active>a{color:#eea68d;font-weight:400}
#gnb .allcategory .contents .parent>li.active>a:after{content:"";position:absolute;top:50%;right:15px;width:0;height:0;margin:-4px 0 0;border:4px solid transparent;border-left:4px solid #eea68d}
#gnb .allcategory .contents .child{display:none;position:relative;float:left;padding:34px 0 35px 1px;box-sizing:border-box}
#gnb .allcategory .contents .child:before{content:"";position:absolute;top:-1000px;left:0;width:1px;height:3000px;background:#393939}
#gnb .allcategory .contents .child>li{float:left;clear:both;height:33px}
#gnb .allcategory .contents .child>li>a{float:left;width:240px;padding:0 29px;box-sizing:border-box;color:#888;line-height:33px;font-weight:300}
#gnb .allcategory .contents .child>li>a>span{display:inline-block;position:relative;vertical-align:top}
#gnb .allcategory .contents .child.depthtwo>li.active>a{color:#d6d6d6}
#gnb .allcategory .contents .child.depthtwo>li.active>a>span:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:#7c7c7c}
#gnb .allcategory .contents .child.depththree>li>a:hover{color:#d6d6d6}
#gnb .allcategory .contents .child.depththree>li>a:hover>span:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:#7c7c7c}
#gnb .allcategory .contents li.active>ul{display:block}

#gnb .logo{display:none;float:left;margin-left: -41px;}
#gnb .logo img{display:block;height: 23px;padding: 24px 41px 0px;}
#gnb .brandlogo{display:none;float:left;}
#gnb .brandlogo img{display:block;height: 38px;padding: 18px 0px 0px 0px;}
#gnb .brandlogo button{display: flex;align-items: center;}
#gnb .brandlogo button:after{margin-top: 16px;margin-left:7px;margin-right:40px;content:'';display:block;width:20px;height:20px;background: url(../images/icon/input_arrow_w@3x.png) center no-repeat; background-size:20px;}


#gnb .mainmenu{float:left;padding: 0 0 0 10px;margin-left: -20px;}
#gnb .mainmenu .bg{position:absolute;top: 100%;left:0;z-index:1;overflow:hidden;width:100%;height:0;text-indent:-9999px;background:white;box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);}
/*#gnb .mainmenu .bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#d6d6d6}*/
#gnb .mainmenu>ul{float:left}
#gnb .mainmenu>ul>li{float:left;padding: 24px 15px 23px;}
#gnb .mainmenu>ul>li>.link{position:relative;z-index:13;float:left;height: 25px;color: #fff;line-height:20px;font-weight: 600;font-size: 17px;letter-spacing: -0.17px;cursor: pointer;}
#gnb .mainmenu>ul>li.active>.link{color:#b7a386}
/*#gnb .mainmenu>ul>li>.link:after{content:"";position:absolute;top:35px;left:0;width:100%;height:1px}*/
#gnb .mainmenu>ul>li .contents{position:absolute;top:100%;left:50%;z-index:3;overflow:hidden;width: 1680px;height:0;margin: 0 0 0 -860px;opacity:0;filter:alpha(opacity=0);}
#gnb .mainmenu>ul>li .contents:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents .go_main{font-size: 18px;font-weight:700; color: #222;display:flex;align-items: center;margin-top:50px}
#gnb .mainmenu>ul>li .contents .go_main:after{content:"";display:block; width: 20px; height: 20px;background:url(../images/icon/input_arrow_black@3x.png) center no-repeat;background-size:20px;}
#gnb .mainmenu>ul>li .contents .menu{/* padding:0 30px 0 70px */}
#gnb .mainmenu>ul>li .contents .menu.brand{float:left;width:390px}
#gnb .mainmenu>ul>li .contents .menu.brand li{padding:4px 0 3px}
#gnb .mainmenu>ul>li .contents .menu.brand li:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents .menu.brand li a{position:relative;float:left;color:#888}
#gnb .mainmenu>ul>li .contents .menu.brand li a:hover:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#888}
#gnb .mainmenu>ul>li .contents .menu.brand li:first-child{padding-top:34px}
#gnb .mainmenu>ul>li .contents .menu.brand li:last-child{padding-bottom:33px}

#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category{display: flex;flex-direction: column;margin-top: 40px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab{display: flex;flex-direction: row;width:100%;margin-left: 0px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep{margin-right:60px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .wall{width: 1px;height: 300px;margin: 40px 60px 0 -30px;background:linear-gradient(90deg, #dbdbdb, transparent);}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 {margin:40px 60px 0 -30px;height: max-content;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 > img {width: 20px;height: 20px;margin:0 5px -4px 0px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 .brandWrap {margin-top:17px;grid-template-rows: repeat(7, 25px);}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 a{font-weight: bold;color: #222;font-size: 16px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 .brandWrap .secDep{display: flex;align-items: center;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 .brandWrap .secDep:first-child img{width:20px;height:20px;margin-right:5px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:nth-last-child(2){flex-grow:1}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child{margin-right:0px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap{grid-template-rows: repeat(1, auto); margin:15px 0 0;grid-gap: 0px 10px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap .secDep{display:flex;flex-direction: column;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap .secDep img{width:200px; height:250px;margin-bottom:15px;border-radius: 10px;cursor:pointer;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap .secDep a{font-size: 15px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: -0.15px;text-align: left;color:#222;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep>a{font-size: 18px;color:#222;line-height:normal;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 700;margin-bottom: 10px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap{margin-top: 15px;display: grid;grid-template-rows: repeat(8, 25px);grid-auto-columns:max-content;grid-auto-flow: column;grid-gap: 15px 60px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap .secDep{}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap .secDep a{white-space:nowrap;font-size: 16px;color: #707070;line-height:normal;font-weight:normal;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap .secDep a.D:after{margin-left: 2px;content:"";position:absolute;width:4px;height:4px;border-radius:100%;background: #5211ce;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .moveToHome{cursor:pointer;margin-top: 60px;border: solid 1px #c8c8c8;padding: 13px 20px;width: max-content;}

#gnb .mainmenu>ul>li .contents .menu.category{/* float:left; *//* max-width:840px */display: flex;justify-content: flex-start;flex-wrap: wrap;padding-bottom: 40px;}
#gnb .mainmenu>ul>li .contents .menu.category:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents .menu.category>li{/* float:left; *//* width:110px; *//* padding:0 10px 36px 0; *//* width: 790px; *//* display: flex; *//* flex-direction: column; *//* box-sizing: border-box; */padding-top: 40px;margin-left: 60px;}
#gnb .mainmenu>ul>li .contents .menu.category>li:first-child{margin-left:0}
#gnb .mainmenu>ul>li .contents .menu.category>li>a{/* position:relative; *//* float:left; *//*text-overflow:ellipsis;-o-text-overflow:ellipsis;*//* overflow:hidden; *//* max-width:100%; *//* margin:-5px 0 0; *//* white-space:nowrap; */font-size: 18px;color:#222;/* line-height:24px; *//* font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; */font-weight: 600;/* margin-bottom: 10px; *//* display: block; */}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul{/* clear:both *//* display: flex; *//* flex-wrap: wrap; *//* max-width: 730px; */margin-top: 15px;}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li{/* margin: 10px 0 0 10px; *//* width: 170px; *//* height: 65px; *//* background: #f5f5f5; */margin-top: 10px;}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li:first-child{margin-left: 0;}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li:nth-child(4n+1){margin-left: 0;}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a{/* position:relative; *//* float:left; *//*text-overflow:ellipsis;-o-text-overflow:ellipsis;*//* overflow:hidden; *//* max-width:100%; *//* padding:0 0 1px; *//* white-space:nowrap; */font-size: 16px;color: #707070;/* line-height:21px; *//* font-weight: 600; *//* width: 170px; *//* height: 65px; *//* display: block; *//* display: flex; *//* justify-content: center; *//* align-items: center; */}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a .img{display:none}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a:hover .img{display: flex;align-items: center;justify-content: center;}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a:hover .text{display:none}
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(1),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(2),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(3),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(4),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(5),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(6),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(7){/* padding: 39px 80px 36px 0; */}
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(8),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(15),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(22){clear:both}

#gnb .mainmenu>ul>li .contents ul.banner{float:right;width:700px;margin:0 -10px 0 0}
#gnb .mainmenu>ul>li .contents ul.banner li{float:left;width:340px;margin:41px 10px 40px 0}
#gnb .mainmenu>ul>li .contents ul.banner li a,
#gnb .mainmenu>ul>li .contents ul.banner li img{display:block}

#gnb .mainmenu>ul>li .contents div.banner{position:relative;float:right;overflow:hidden;width:240px}
#gnb .mainmenu>ul>li .contents div.banner .prev{display:none;position:absolute;top:162px;left:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%}
#gnb .mainmenu>ul>li .contents div.banner .prev:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222}
#gnb .mainmenu>ul>li .contents div.banner .prev:after{content:"";position:absolute;top:6px;left:8px;z-index:2;width:12px;height:16px;background:url(../images/gnb_banner_arrow1.png) 0 0 no-repeat}
#gnb .mainmenu>ul>li .contents div.banner .next{display:none;position:absolute;top:162px;right:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%}
#gnb .mainmenu>ul>li .contents div.banner .next:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222}
#gnb .mainmenu>ul>li .contents div.banner .next:after{content:"";position:absolute;top:6px;right:8px;z-index:2;width:12px;height:16px;background:url(../images/gnb_banner_arrow2.png) 0 0 no-repeat}
#gnb .mainmenu>ul>li .contents div.banner .slide{position:relative;z-index:1;width:240px}
#gnb .mainmenu>ul>li .contents div.banner .slide .item{display:block;width:100%;height:270px;padding:41px 0 40px}
#gnb .mainmenu>ul>li .contents div.banner .slide .item.point{position:relative !important}
#gnb .mainmenu>ul>li .contents div.banner .slide .item a,
#gnb .mainmenu>ul>li .contents div.banner .slide .item img{display:block;width:240px;height:270px}
#gnb .mainmenu>ul>li .contents div.banner .indicator{position:relative;z-index:2;float:left;width:100%;height:8px;margin:-25px 0 40px;text-align:center}
#gnb .mainmenu>ul>li .contents div.banner .indicator ul{display:inline-block;vertical-align:top}
#gnb .mainmenu>ul>li .contents div.banner .indicator ul:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents div.banner .indicator ul li{float:left;margin:0 5px;line-height:8px}
#gnb .mainmenu>ul>li .contents div.banner .indicator ul li button{float:left;overflow:hidden;width:8px;height:8px;box-sizing:border-box;-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%;border:1px solid #a8a8a8;background-color:white}
#gnb .mainmenu>ul>li .contents div.banner .indicator ul li.active button{background-color:#a8a8a8}
#gnb .mainmenu>ul>li .contents div.banner:hover .prev{left:10px;opacity:1;filter:alpha(opacity=100)}
#gnb .mainmenu>ul>li .contents div.banner:hover .next{right:10px;opacity:1;filter:alpha(opacity=100)}

#gnb .submenu{float:left;/* padding:0 7px 0 10px;margin-left: -20px; */}
#gnb .submenu .bg{position:absolute;margin-top: -51px; padding-bottom: 51px;top: 100%;left:0;z-index:-1;overflow:hidden;width:100%;height:0;text-indent:-9999px;background:white;box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);}
/*#gnb .submenu .bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#d6d6d6}*/
#gnb .submenu>ul{float:left}
#gnb .submenu>ul>li{float:left;padding: 25px 15px 25px;}
#gnb .submenu>ul>li>.link{position:relative;z-index:13;float:left;height:22px;font-size:16px;color: #fff;line-height:20px;font-weight: 600;font-size: 17px;letter-spacing: -0.17px; top:-1px;}
#gnb .submenu>ul>li.active>.link{/* color:#b7a386 */}
#gnb .submenu>ul>li > a:hover{color:#b7a386;cursor:pointer}
/*#gnb .submenu>ul>li>.link:after{content:"";position:absolute;top:35px;left:0;width:100%;height:1px}*/
#gnb .submenu>ul>li .contents{position:absolute;top:100%;left:50%;z-index:3;overflow:hidden;width: 1680px;height:0;margin: 0 0 0 -860px;opacity:0;filter:alpha(opacity=0);}
#gnb .submenu>ul>li .contents:after{content:"";display:block;clear:both}
#gnb .submenu>ul>li .contents .go_main{font-size: 18px;font-weight:700; color: #222;display:flex;align-items: center;padding-top:50px}
#gnb .submenu>ul>li .contents .go_main:after{content:"";display:block; width: 20px; height: 20px;background:url(../images/icon/input_arrow_black@3x.png) center no-repeat;background-size:20px;}
#gnb .submenu>ul>li .contents .menu{/* padding:0 30px 0 70px */}
#gnb .submenu>ul>li .contents .menu.brand{float:left;width:390px}
#gnb .submenu>ul>li .contents .menu.brand li{padding:4px 0 3px}
#gnb .submenu>ul>li .contents .menu.brand li:after{content:"";display:block;clear:both}
#gnb .submenu>ul>li .contents .menu.brand li a{position:relative;float:left;color:#888}
#gnb .submenu>ul>li .contents .menu.brand li a:hover:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#888}
#gnb .submenu>ul>li .contents .menu.brand li:first-child{padding-top:34px}
#gnb .submenu>ul>li .contents .menu.brand li:last-child{padding-bottom:33px}
#gnb .submenu>ul>li .contents .category{/* float:left; *//* max-width:840px */display: flex;justify-content: flex-start;}
#gnb .submenu>ul>li .contents .category:after{content:"";display:block;clear:both}
#gnb .submenu>ul>li .contents .category>li{/* float:left; *//* width:110px; */padding:0 10px 36px 0;/* width: 260px; */display: flex;flex-direction: column;}
#gnb .submenu>ul>li .contents .category>li>a{position:relative;float:left;/*text-overflow:ellipsis;-o-text-overflow:ellipsis;*/overflow:hidden;max-width:100%;margin:-5px 0 0;white-space:nowrap;font-size: 18px;color:#222;line-height:24px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 700;margin-bottom: 10px;display: block;}
/*#gnb .submenu>ul>li .contents .menu.category>li>a:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#222}*/
#gnb .submenu>ul>li .contents .category>li>ul{/* clear:both */display: flex;flex-wrap: wrap;max-width: 730px;}
#gnb .submenu>ul>li .contents .category>li>ul>li{margin: 10px 0 0 10px;width: 170px;height: 65px;background: #f5f5f5;}
#gnb .submenu>ul>li .contents .category>li>ul>li:first-child{margin-left: 0;}
#gnb .submenu>ul>li .contents .category>li>ul>li:nth-child(4n+1){margin-left: 0;}
#gnb .submenu>ul>li .contents .category>li>ul>li:after{content:"";display:block;clear:both}
#gnb .submenu>ul>li .contents .category>li>ul>li>a{position:relative;/* float:left; *//*text-overflow:ellipsis;-o-text-overflow:ellipsis;*//* overflow:hidden; *//* max-width:100%; */padding:0 0 1px;white-space:nowrap;font-size: 14px;color: #222;line-height:21px;font-weight: 600;width: 170px;height: 65px;display: block;display: flex;justify-content: center;align-items: center;}
#gnb .submenu>ul>li .contents .category>li>ul>li>a .img{display:none}
#gnb .submenu>ul>li .contents .category>li>ul>li>a:hover .img{display: flex;align-items: center;justify-content: center;}
#gnb .submenu>ul>li .contents .category>li>ul>li>a:hover .text{display:none}
/*#gnb .submenu>ul>li .contents .menu.category>li>ul>li>a:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#888}*/
#gnb .submenu>ul>li .contents .brandlist_wrap{position:relative}
#gnb .submenu>ul>li .contents .category>li:nth-child(1),
#gnb .submenu>ul>li .contents .category>li:nth-child(2),
#gnb .submenu>ul>li .contents .category>li:nth-child(3),
#gnb .submenu>ul>li .contents .category>li:nth-child(4),
#gnb .submenu>ul>li .contents .category>li:nth-child(5),
#gnb .submenu>ul>li .contents .category>li:nth-child(6),
#gnb .submenu>ul>li .contents .category>li:nth-child(7){padding: 39px 80px 36px 0;}
#gnb .submenu>ul>li .contents .category>li:nth-child(8),
#gnb .submenu>ul>li .contents .category>li:nth-child(15),
#gnb .submenu>ul>li .contents .category>li:nth-child(22){clear:both}

#gnb .submenu>ul>li .contents ul.banner{float:right;width:700px;margin:0 -10px 0 0}
#gnb .submenu>ul>li .contents ul.banner li{float:left;width:340px;margin:41px 10px 40px 0}
#gnb .submenu>ul>li .contents ul.banner li a,
#gnb .submenu>ul>li .contents ul.banner li img{display:block}

#gnb .submenu>ul>li .contents div.banner{position:relative;float:right;overflow:hidden;width:240px}
#gnb .submenu>ul>li .contents div.banner .prev{display:none;position:absolute;top:162px;left:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%}
#gnb .submenu>ul>li .contents div.banner .prev:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222}
#gnb .submenu>ul>li .contents div.banner .prev:after{content:"";position:absolute;top:6px;left:8px;z-index:2;width:12px;height:16px;background:url(../images/gnb_banner_arrow1.png) 0 0 no-repeat}
#gnb .submenu>ul>li .contents div.banner .next{display:none;position:absolute;top:162px;right:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%}
#gnb .submenu>ul>li .contents div.banner .next:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222}
#gnb .submenu>ul>li .contents div.banner .next:after{content:"";position:absolute;top:6px;right:8px;z-index:2;width:12px;height:16px;background:url(../images/gnb_banner_arrow2.png) 0 0 no-repeat}
#gnb .submenu>ul>li .contents div.banner .slide{position:relative;z-index:1;width:240px}
#gnb .submenu>ul>li .contents div.banner .slide .item{display:block;width:100%;height:270px;padding:41px 0 40px}
#gnb .submenu>ul>li .contents div.banner .slide .item.point{position:relative !important}
#gnb .submenu>ul>li .contents div.banner .slide .item a,
#gnb .submenu>ul>li .contents div.banner .slide .item img{display:block;width:240px;height:270px}
#gnb .submenu>ul>li .contents div.banner .indicator{position:relative;z-index:2;float:left;width:100%;height:8px;margin:-25px 0 40px;text-align:center}
#gnb .submenu>ul>li .contents div.banner .indicator ul{display:inline-block;vertical-align:top}
#gnb .submenu>ul>li .contents div.banner .indicator ul:after{content:"";display:block;clear:both}
#gnb .submenu>ul>li .contents div.banner .indicator ul li{float:left;margin:0 5px;line-height:8px}
#gnb .submenu>ul>li .contents div.banner .indicator ul li button{float:left;overflow:hidden;width:8px;height:8px;box-sizing:border-box;-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%;border:1px solid #a8a8a8;background-color:white}
#gnb .submenu>ul>li .contents div.banner .indicator ul li.active button{background-color:#a8a8a8}
#gnb .submenu>ul>li .contents div.banner:hover .prev{left:10px;opacity:1;filter:alpha(opacity=100)}
#gnb .submenu>ul>li .contents div.banner:hover .next{right:10px;opacity:1;filter:alpha(opacity=100)}

/* #gnb .submenu{float:left;padding:0 8px;position: relative;}
#gnb .submenu>ul{float:left}
#gnb .submenu>ul>li{float:left;padding:14px 10px}
#gnb .submenu>ul>li>a{float:left;font-size:15px;color:#222;line-height:21px}

#gnb .submenu>ul>li>a img{display:block} */
/* #gnb .submenu>ul>li:first-child:before{content:"";position:absolute;top:20px;left:-8px;width:1px;height:11px;background:#d6d6d6;}
 */
#gnb .etcmenu{float:right}
#gnb .etcmenu>ul{float:left;margin:0 -10px 0 0}
#gnb .etcmenu>ul>li{position:relative;float:left;padding:14px 10px 14px 11px}
#gnb .etcmenu>ul>li:before{content:"";position:absolute;top:20px;left:0;width:1px;height:11px;background:#d6d6d6}
#gnb .etcmenu>ul>li:first-child:before{display:none}
#gnb .etcmenu>ul>li>a{float:left;color:#222;line-height:21px}
#gnb .etcmenu>ul>li>a img{display:block}

#gnb .bar{position:absolute;top:100%;left:50%;z-index:2;width:0;height:2px;margin:-1px 0 0;-moz-transition:left 0.3s;-webkit-transition:left 0.3s;transition:left 0.3s}
#gnb .bar span{position:absolute;top:0;width:0;height:2px;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;background:#222}
#gnb .bar span:first-child{left:0}
#gnb .bar span:last-child{right:0}
#gnb #brandCategory > li > a:hover{color: #b7a386;}
#freedim{position:absolute;top:0;left:0;z-index:9;width:100%;height:0;opacity:0;filter:alpha(opacity=0);-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;background:black}

/* container */
/*#container{position:relative;z-index:1;padding:185px 0 160px;border-bottom:1px solid #d6d6d6}*/
#container{position:relative;z-index:1;padding: 144px 0 100px;border-bottom1:1px solid #d6d6d6;max-width: 1680px;margin: 0 auto;/* display: flex; */}
#container_mianbaoxie{position:relative;z-index:1;padding1: 144px 0 0px;padding:0px;border-bottom1:1px solid #d6d6d6;max-width: 1680px;margin: 0 auto;/* display: flex; */}
#container.main{min-width: 100%;/* padding-top: 182px; */padding-bottom:150px}
#container.brand{min-width: 100%;padding-top: 182px;padding-bottom: 150px;}
#container.mypage{min-width: 100%;padding: 144px 0 150px 0;}
#container.onboarding{min-width: 100%;padding: 100px 0 0 0;}
#container.signin{padding: 144px 0 0; max-width: none; width: 100%;}
#container.esg{padding: 144px 0 150px 0; max-width: none; width: 100%;}
#container.coupon{min-width: 100%;}
#container.coupon.list{background-color: #f8f8f8;}
#container.event{max-width: none;padding: 144px 0 0;}
#container.main:before{display:block;content:'';width:100%;height: 505px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: -72px;}
#container.main.no:before{display:none}
#container.brand:before{display:block;content:'';width:100%;height:472px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: -72px;}
#container.mypage:before{display:block;content:'';width:100%;height: 700px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: -72px;}
#container.coupon:before{display:block;content:'';width:100%;height:505px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: 0px;}
#container.header_ethic{padding: 0 0 150px 0;margin-top:55px;}
#container.pln_wide{max-width:none; margin:0}

#container.z_index_up{/* z-index:11; */}
/*#container:before{content:"";position:absolute;top:185px;left:0;z-index:1;width:100%;height:1px;background:#d6d6d6}*/
#container:before{content:"";position:absolute;top:158px;left:0;z-index:1;width:100%;height:1px;/*background:#d6d6d6 */}
#container:after{content:"";display:block;clear:both}

.go_top {position: absolute;right: 50px;bottom: 50px;display: flex;justify-content: center;align-items: center;width: 48px;height: 48px;border-radius:50%;background-color: #fff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);opacity: 0;width: 1px;height: 1px;/* visibility: hidden; */transition:opacity 0.2s}
.go_top.view{opacity:1;width: 48px;height: 48px;}
.go_top span {display: block; width: 20px; height: 20px; background: url(../images/icon/icon_go_top@3x.png) center no-repeat; background-size: contain; text-indent: -9999px; overflow: hidden; }


/*footer*/

 

/* control */
#control{position:fixed;top:100%;left:0;z-index:11;width:100%;min-width:1280px;height:0;opacity:0;filter:alpha(opacity=0); -moz-transition:opacity 0.5s; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
#control.active {opacity:1; filter:alpha(opacity=100);}
#control .top {position:absolute;bottom: 50px;right: 50px;width: 48px;height: 48px;text-indent:-9999px;box-sizing:border-box;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;border-radius: 50%;display:none;align-items: center;justify-content: center;}
#control .top .footer_top_inner{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
#control .top  .footer_top_inner:after{content:"";display:block; width:18px; height:18px; background:url(../images/icon/icon_go_top@3x.png) no-repeat center;background-size:18px}
#control .top  .footer_top_inner:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;}

#control .survey {position:absolute;bottom: 110px;right: 50px;width: 48px;height: 48px;text-indent:-9999px;box-sizing:border-box;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #eee;border-radius: 50%;display: flex;align-items: center;justify-content: center;}  
#control .survey:after{content:"";display:block; width:24px; height:39px; background:url(../images/icon/icon_write@3x.png) no-repeat center;background-size:18px;background-position1: 50% 41%;}
#control .survey:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;}
#control .whatsapp {position:absolute;bottom: 172px;right: 50px;width: 48px;height: 48px;text-indent:-9999px;box-sizing:border-box;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #90C022;border-radius: 50%;display: flex;align-items: center;justify-content: center;}  
#control .whatsapp:after{content:"";display:block; width:24px; height:39px; background:url(../images/icon/whtasapp-icon.png) no-repeat center;background-size:18px;background-position1: 50% 41%;}
#control .whatsapp:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;}

/* #control .bottom {position:absolute;top:-103px;right:0;width:40px;height:38px;text-indent:-9999px;border:1px solid #454545;background:#222;box-sizing:border-box;}
#control .bottom:after{content:"";position:absolute; left:13px; top:11px; width:13px; height:16px; background:url(../images/control_btnicon.png) no-repeat left top; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
#control .bottom:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;} */
/* #control .top:hover:after,
#control .bottom:hover:after {background-image:url(../images/control_btnicon_on.png);}
#control .top:hover:before,
#control .bottom:hover:before {display:block; z-index:2;} */

/* loading */
#laybox-loading{background:url(../images/loading_bg.png) 0 0 no-repeat;background-size:72px 72px}

.blind{position:absolute;top:-9999px;overflow:hidden;width:0;height:0;padding:0;line-height:0;border:none}

/** tab 스타일 **/
.tab_large {}
.tab_large{display:flex;/* justify-content:space-between; */}
.tab_large li{/* height:50px; *//* width:50%; */text-align:center;/* line-height:50px; */}
.tab_large li:after{margin-top: 1px;/* content:''; */display:block;width:100%;height:1px;background-color:#ddd;}
.tab_large li.active:after{margin-top: 0; height: 2px; background-color:#222 !important;;}
.tab_large li p{color:#aaa; font-weight:500;}
.tab_large li.active p{color:#222;}

.tab_small{display: flex;}
.tab_small li.active button{background-color: #222;border: solid 1px #222; color:#fff}
.tab_small button{ height: 32px;padding: 7px 12px;border-radius: 90px;border: solid 1px #dddddd;display: flex;align-items: center;font-size: 12px;font-weight: 500; letter-spacing: -0.12px;margin-right: 5px;}
.tab_small button .num{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;}

.tab_list .tab_menu{border-bottom: 1px solid #e5e5e5;display: flex;}
.tab_list .tab_menu li{ margin-right: 40px;}
.tab_list .tab_menu li.active button{color: #222;font-weight: 600; border-bottom: 2px solid;}
.tab_list .tab_menu li button{ border: none;background-color: #fff;color: #707070;font-size: 24px;font-weight: 500;letter-spacing: -0.24px; padding-bottom: 20px;}


.sorting_btn_wrap{position:relative}
.sorting_btn_wrap .sorting_btn{ font-size: 16px;font-weight:600; display: flex;align-items: center;}
.sorting_btn_wrap .sorting_btn:after{margin-left:6px;content:'';display:block; width:20px; height:20px; background: url(../images/icon/input_arrow@3x.png) center no-repeat; background-size: 20px; }
.sorting_btn_wrap .sorting_list{display:none;margin-top: 10px;border-radius: 15px 15px 30px 15px;box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%); padding: 20px 30px; position: absolute; right: 0;z-index: 1; background-color: #fff;}
.sorting_btn_wrap .sorting_list.on{display:block}
.sorting_btn_wrap .sorting_list li{}
.sorting_btn_wrap .sorting_list li button{font-weight: 500;letter-spacing: -0.14px;word-break: keep-all;width: max-content;padding-bottom: 10px;}
.sorting_btn_wrap .sorting_list li.on button:after{display:inline-block;width:12px;height: 12px;content:'';background: url(../images/icon/checked_on@3x.png) center center no-repeat;background-size:12px;margin-left: 5px;}
.sorting_btn_wrap .sorting_list li:last-child button{padding-bottom: 0}



.main_banner_wrap .con strong{line-height: 52px;}


.list_form {padding-bottom: 40px;position: relative;}
.list_form:not(.swiper) >ul {margin: 0px -10px;display: flex;flex-wrap: wrap;}
.list_form.swiper >ul{/* display: -webkit-inline-box; */}
.list_form.swiper ul.swiper-wrapper > li{/* padding:0 20.5px 0 27.5px; */box-sizing: border-box;}
.list_form.swiper ul.swiper-wrapper > li a{display:block}
.list_form.swiper .img_con{/* width:212px; *//* padding: 0 20.5px 0 27.5px; */width: 100%;}
.list_form.swiper .btm_btn_wrap{/* margin:0 -20.5px 0 -27.5px */}
.list_form >ul >li a {position: relative;/* display: inline-block; */}
.list_form .img_con {width:270px; height: 270px; position: relative;border-radius: 10px;overflow: hidden;border-radius: 10px;border: solid 1px #f5f5f5;box-sizing: border-box;}
.list_form .recommend_item{width:328px;position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.list_form a{display: block;
    /* flex-shrink: 1; */
    /* height: calc(100% - 30px); */
    display: flex;
    flex-direction: column;
    flex: 1;}


.list_form .img_con .num {position: absolute; left: 0; top: 0; font-size: 18px; line-height: 22px; color: #222222; font-weight: 700;}
.list_form .img_con img {display: block;margin: 0 auto; width: 100%;transition: all 0.5s; /* background: #e5e5e5; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); */}
.list_form a:hover .img_con img{transform:scale(1.07);}
.list_form .img_con img.lazy{display:none}
.list_form .img_con img.lazy.active{display:block}
img.zoom{transition:all ease 0.3s 0s;-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.list_form .img_con .btn_wish {position: absolute; right: 13px; bottom: 11px; width: 30px; height: 30px; text-indent: -999em; /*background: url(../images/icon_heart_in_list@3x.png) center center no-repeat;*/ background-size: 30px;}
.list_form .img_con .set{width:51px;height:32px;position:absolute;top:0;right:0;text-indent:-9999999px;background: url(../images/label_set@3x.png) center no-repeat; background-size: cover;}
.list_form .img_con .one_get_one_free{text-indent: -9999999px;position:absolute;top:0;right:0;width: 51px;height: 36px;background: url(../images/label_one_get_one_free@3x.png) center no-repeat;background-size: cover;image-rendering: -moz-crisp-edges;         /* Firefox */image-rendering:   -o-crisp-edges;         /* Opera */image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}
.list_form .img_con .vod{display: block;position: absolute;left: 12px;bottom: 14px;text-indent:-9999999px;width:63px;height:24px;background: url(../images/icon_vod@3x.png) center no-repeat; background-size: cover;}
.list_form .img_con .btn_cart img {}
.list_form .text_con {/* padding-top: 15px; *//* width: 100%; */display: flex;flex-direction: column;height: 185px;flex: 1;height: auto;}
.list_form .label_list {display: flex;padding-top: 10px;height: 19px;display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.list_form .label_list span{text-indent: -9999em;margin-right: 4px;}
.list_form .label_list span img{width: 100%; display: block;height:19px;}
.list_form .label_list .label_best{width:40px;height:19px;}
.list_form .label_list .label_resGoods{width:52px;height:19px;}
.list_form .label_list .label_new{width:40px;height:19px;}
.list_form .label_list .label_case{width:41px;height:19px;}
.list_form .label_list .label_gift{width:37px;height:19px;}
.list_form .label_list .label_exclusive{width:71px;height:19px;}
.list_form .label_list .label_online{width:54px;height:19px;}
.list_form .label_list .label_cobuying{width:54px;height:19px;border: 1px solid #521cce;border-radius: 5px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
.list_form .label_list .label_cobuying img {width: auto; height: 17px;}

.list_form .brand_name {display: block;font-size: 14px;color: #aaaaaa;font-weight: 500;padding-top: 20px;line-height: 1;padding: 0;margin-top: 20px;height: 18px;line-height: 18px;}
.list_form .marketing_title { height: 20px;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: -0.14px;text-align: left;color: #5211ce;}
.list_form .brand_name + h2, .list_form .text_con .goodsnm{overflow: hidden;text-overflow: ellipsis;white-space: normal;height: 51px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;font-size: 17px;font-weight: 500;padding-top: 5px;margin-bottom: 10px;box-sizing: border-box;padding: 0;margin-top: 2px;margin-bottom: 0;}
.list_form .text_con h2{overflow: hidden;text-overflow: ellipsis;white-space: normal;height: 51px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;font-size: 17px;font-weight: 500;box-sizing: border-box;margin-top: 2px;margin-bottom: 0;}
.list_form .label_list + .brand_name{padding-top:14px;}
.list_form h2 a{margin: 0 0 10px;font-weight: 500;padding-top: 15px;overflow: hidden;text-overflow: ellipsis; white-space: normal;height: 50px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;font-size: 17px;}
.list_form .brand_name + h2 a{padding-top:5px;width: 100%;}
.list_form .label_list + h2 a{padding-top:6px}
.list_form h2 + .label_list{margin-top:auto;}
.list_form .price_wrap{display: flex;flex-direction: column;}
.list_form .price {text-decoration: line-through;font-size: 16px;color: #aaaaaa;font-weight: 500;height: 19px;line-height: 14px;}
.list_form .price + .sale{margin-top:0;margin: 0;}
.list_form .price + .label_list{margin-top:auto}
.list_form .sale+.price {margin-left:5px}
.list_form .sale {font-size: 18px;font-weight: 700;color: #222222;/*height: 27px;line-height: 27px;*/}
/*.list_form .per {height: 27px;line-height: 27px;}*/
.list_form .sale span {margin-left: 10px; display: inline-block; color: #b7a386;}
.list_form .btm_btn_wrap {position: relative;margin: 10px 0 0 0;display:flex;justify-content:space-between;/* padding-right: 14px; */z-index:10}
.list_form .btm_btn_wrap .size_check {display: flex;align-items: center;position: relative;font-size: 15px;letter-spacing: -0.15px;font-weight: 500;color: #aaaaaa;/* padding-right: 20px; *//* vertical-align: middle; */}
.list_form .btm_btn_wrap .size_check:after {/* position: absolute; *//* right: -16px; *//* top: 50%; *//* margin-top: -7px; */display: block;content: '';width: 20px;height: 20px;background: url(../images/icon/input_arrow_gray.png) center center no-repeat;background-size: 20px;display: inline-block;margin-left:2px}
/* .list_form .btm_btn_wrap .size_check:hover:after{transform: rotate(-180deg);}
.list_form .btm_btn_wrap .size_check:hover + .size_table{display:block} */
.list_form .btm_btn_wrap .size_check.active:after {transform: rotate(-180deg);}
.list_form .btm_btn_wrap .size_table {display: none;flex-wrap: wrap;position: absolute;left: 0;top: 44px;margin-bottom: -52px;width: 100%;/* height: 92px; */box-sizing: border-box;border-radius: 5px;border: 1px solid #e5e5e5;background: #fff;z-index: 1;padding: 15px 11px 15px 15px;}
.list_form .size_check.active + .size_table {display: flex;z-index:2}
.list_form .btm_btn_wrap .size_table > li {/* width: 26px; */height: 19px;padding: 5px 7px;}
.list_form .btm_btn_wrap .size_table > li button {display: block;/* width: 26px; */text-align: center;box-sizing: border-box;color: #e5e5e5;font-size: 16px;font-weight: 500;letter-spacing: -0.16px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.list_form .btm_btn_wrap .size_table > li.on button {color: #222222;}
.list_form .btm_btn_wrap .btn_cart{width:30px;height:30px;background:url(../images/thum_cart.png);background-size:30px;text-indent:-9999em;margin-right: 14px;}

.list_form .btn_wish.active{background:url(../images/icon_heart_on@3x.png) !important;background-size:cover !important;}
.list_form .btn_cart.active{/* background:url(../images/cart_on@3x.png) !important; *//* background-size:cover !important; */}
.banner_wrap .btn_wish.active{background:url(../images/icon_heart_on@3x.png) !important;background-size:cover !important;}
.recommend_item{position:relative;}
.swiper-slide .recommend_item{width:328px}

.list_form .btm_btn_wrap.abs{/* position:absolute; *//* right: 0; *//* bottom: 0; */display: flex;justify-content: flex-end;} 

.list_form.swiper .swiper-prev{}
.list_form.swiper .swiper-next{}
.list_form.swiper .swiper-prev{cursor: pointer;position: absolute;top: 135px;left: -80px;z-index: 1;width: 60px;height: 60px;background: url(../images/list_slider_prev@3x.png) center no-repeat;background-size: 60px;}
.list_form.swiper .swiper-next{cursor: pointer;position: absolute;top: 135px;right: -80px;z-index: 1;width: 60px;height: 60px;background: url(../images/list_slider_next@3x.png) center no-repeat;background-size: 60px;}
/* .list_form .img_con img.lazy{display:block}
.list_form .img_con img.lazy.back{display:none} */


.listform4{width: 1140px;margin: 0 auto;}
.listform3{width: 1140px;margin: 0 auto;}
.listform3 .product_list_wrap{padding:0 144px}
.listform2{width: 1140px;margin: 0 auto;}
.listform2 .product_list_wrap{padding:0 289px}
.listform6{width: 1680px;margin: 0 auto;}



/* location */
/*#location{position:absolute;top:20px;left:50%;margin:0 0 0 -590px}*/
#location{/* position:absolute; *//* top:47px; *//* left:50%; *//* margin:0 0 0 -590px; */display: flex;margin: 24px 0 45px;}
#location li{position:relative;/* float:left; */height:10px;margin:0 0 0 17px;}
#location li:before{content:"";position:absolute;top: -5px;left: -18px;background: url(../images/icon/input_arrow_black@3x.png) 0 0 no-repeat;width: 20px;height: 20px;background-size: 20px;display: inline-block;}
#location li:first-child{margin:0;text-indent:-9999em;}
#location li:first-child a{background:url(../images/icon/icon_location_home@3x.png) 0 0 no-repeat;width:16px;header:16px;background-size:16px;}
#location li:first-child:before{display:none}
#location li a{float:left;margin:-4px 0 0;font-size:13px;color: #222;line-height:17px;font-weight: 500;/* font-family:'Noto Sans KR'; */}
#location li strong{float:left;margin:-4px 0 0;font-size:13px;color:#222;line-height:17px;font-weight: 500;/* font-family:'Noto Sans KR'; */}

/* select box */
.select_box{width: 150px;}
.select_box .box {position:relative;}
.select_box .box .btn {position:relative;display:block;width: 100%;height:40px;padding:0 40px 0 19px;font-size:15px;font-weight: 500;line-height:40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;position: relative;display: block;width: 100%;height: 40px;/* padding: 0 40px 0 19px; */font-size: 15px;font-weight: 500;line-height: 40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;padding-right: 20px;}
.select_box .box .btn:before {/* content:''; */position:absolute;right:25px;top:19px;width:10px;height:2px;background:#222;transform:rotate(45deg);}
.select_box .box .btn:after {content:'';position:absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../images/icon/input_arrow_down_black@3x.png) center center no-repeat;background-size: 20px;content: '';position: absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../images/icon/input_arrow_down_black@3x.png) center center no-repeat;background-size: 20px;}
.select_box .box .btn.on:before {transform:rotate(-45deg);}
.select_box .box .btn.on:after {transform: rotate(180deg);}
.select_box .box ul {overflow:hidden;position:absolute;left: 0;top: 43px;width: 100%;height:0;/* border:1px solid #d6d6d6; */border-top:0 none;border-bottom:0 none;background:#fff;box-sizing:border-box;z-index:100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 0 20px;overflow: hidden;position: absolute;top: 40px;height: 0;width: 100%;/* border: 1px solid #d6d6d6; */border-top: 0 none;border-bottom: 0 none;background: #fff;box-sizing: border-box;z-index: 100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);background-color: #fff;padding: 0 20px;}
.select_box .box ul.on {max-height:301px; border-bottom:1px solid #d6d6d6;}
.select_box .box ul li {/* height:59px; *//* border-top:1px solid #d6d6d6; *//* padding: 0 0 10px; *//* position: relative; *//* cursor: pointer; *//* height: 59px; *//* position: relative; *//* cursor: pointer; */padding: 20px 0 0px;position: relative;cursor: pointer;}
.select_box .box ul li input{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.select_box .box ul li input + label{display:block;}
.select_box .box ul li input + label p{display:flex;align-items:center;font-size:14px;line-height:21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 25px;}
.select_box .box ul li input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
.select_box .box ul li input:checked + label{}
.select_box .box ul li input:checked + label p{position: relative; display:inline;font-weight:600;}
.select_box .box ul li input:checked + label p:after{position: absolute; right: 5px; top: 50%; margin-top: -6px; display:block; content:'';width:13px; height:13px; background:url(../images/icon/checked_on@3x.png) center right no-repeat;background-size:12px;}
.select_box .box ul li input:checked + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
.select_box .box ul li:last-child{padding-bottom: 20px;}
.select_box .box ul li:first-child {/* height:60px; */border-top:0 none;/* padding-top: 20px; *//* margin-top: 20px; */padding-bottom:0}
.select_box .box ul li a {display:block;/* height:59px; *//* padding:3px 19px 0 20px; *//* box-sizing:border-box; */}
.select_box .box ul li a span {display:block; font-size:13px; }
.select_box .box ul li a .text {overflow:hidden; line-height:28px;}
.select_box .box ul li a .name {float:left; max-width:312px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.select_box .box ul li a .ea {float:right; max-width:65px; text-align:right; color:#666;}
.select_box .box ul li a .price {color:#222;}
.select_box .box ul li.soldout a,
.select_box .box ul li.soldout a span {color:#a8a8a8} 



.btn_x_large {width:100%; height:64px; background-color:#222; color:#fff; font-size:16px; font-weight:500;}

.btn_large1 {padding: 14px 0; width: 100%; height: 50px; border: 1px solid #e5e5e5;border-radius: 5px;font-size: 15px;line-height: 22px;color: #222222;font-weight: 600;}
.btn_large2 {padding: 14px 0; width: 100%; height: 50px; border: 1px solid #222;border-radius: 5px;font-size: 15px;line-height: 22px;color: #fff;font-weight: 600;background:#222}

.btn_large2_wrap {display: flex; justify-content: space-between;}
.btn_large2_wrap button {width: calc(50% - 4px);height:50px;text-align:center;font-size:16px;font-weight: 500;line-height:24px;align-items: center;border-radius: 5px;/* background: #fff; */}
.btn_large2_1 {color:#222;border: solid 1px #222222;font-weight: 700;background: #fff;}
.btn_large2_2 {background:#222; color:#fff;}

.btn_medium1 {text-align: center;width: 160px;height: 50px;background: #222222;border-radius: 35px;line-height: 20px;font-size: 16px;color: #fff;font-weight: 600;letter-spacing: -0.16px;}

.btn_medium2 {position: relative;padding: 11px 40px 11px 26px; height: 44px; border-radius: 35px;background: #222222;color: #fff;font-size: 14px;line-height: 20px;letter-spacing: -0.14px;font-weight: 600;}
.btn_medium2:after {position: absolute;right: 15px;top: 50%;margin-top: -10px;display: block;content: '';width: 20px;height: 20px; background: url(../images/icon_link.png) center no-repeat;background-size: 20px;}

.btn_medium3 {padding: 11px 26px; height: 44px; border-radius: 35px;background: #222222;color: #fff;font-size: 14px;line-height: 20px;letter-spacing: -0.14px;font-weight: 600;}

.btn_medium4 {padding: 12px 0; width: 100%; height: 44px; border: 1px solid #e5e5e5;border-radius: 5px;font-size: 14px;line-height: 20px;color: #222222;font-weight: 600;}

.btn_small1 {display: flex; justify-content: center;align-items: center;width: 181px; height: 50px;border: 1px solid #c4c4c4; border-radius: 80px;}
.btn_small1 p {font-weight:500; font-size:14px}
.btn_small1 .point {font-weight:600;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;padding: 4px 0 20px 0;letter-spacing: 1.4px;}
.btn_small1 .point em{font-weight:600;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;padding: 4px 0 20px 0;letter-spacing: 1.4px;}
.btn_small1 .icon_down_arrow{display: inline-block; margin-left: 5px;vertical-align: middle;text-indent: -999px;background: url(../images/icon/input_arrow.png) no-repeat 100% 50%; background-size: 20px 20px;width: 20px;height: 20px;}

.btn_small2_wrap {display: flex; justify-content: space-between;}
.btn_small2 {padding: 12px 0; width: calc(50% - 4px); height: 44px; border: 1px solid #e5e5e5;border-radius: 5px;font-size: 14px;line-height: 20px;color: #222222;font-weight: 600;}

.btn_x_small1 {font-size: 12px; line-height: 18px; font-weight: 500; letter-spacing: -0.12px; color: #222222; border-bottom: 1px solid #222222;}
.btn_x_small2_w {padding: 6px 20px; color: #222222; font-size: 13px; line-height: 19px; font-weight: 500; border-radius: 5px; border: 1px solid #222222; letter-spacing: -0.12px;}
.btn_x_small2_b {padding: 6px 20px; color: #fff; background: #222222; font-size: 12px; line-height: 18px; font-weight: 500; border-radius: 5px; letter-spacing: -0.12px;}

/* input */
input ~ .btn_input {overflow: hidden;position: absolute;top: 0;right: 0;z-index: 1;opacity: 0;display: flex;align-items: center;/* transform: translateY(-50%); */height: 41px;}
input ~ .btn_input.on {opacity: 1;}
input ~ .btn_input .btn_delete {display: block;float: left;width: 26px;height: 26px;background: #ffffff url(../images/icon_input_del@3x.png) no-repeat center;text-indent: -9999em;background-size: 26px;}
input ~ .btn_input .btn_secure {display: block;float: left;width: 19px;height: 18px;background: url(../images/btn_secure_off.png) center center no-repeat;background-size: 19px;}
input ~ .btn_input .btn_secure.on {background: url(../images/btn_secure_on2.png) center center no-repeat;background-size: 19px;}


.input_text_wrap {position: relative;}
.input_text_wrap .input_text {width: 100%;height: 40px;background-color: transparent;border: none;border-bottom: 1px solid #e5e5e5;color: #222222;font-size: 16px;line-height: 20px;letter-spacing: -0.14px;box-shadow: none;border-radius: 0;webkit-border-radius: 0;-webkit-appearance: none;font-weight: 500;}
.input_text::placeholder {padding: 10px 0; color: #aaaaaa; font-size: 16px;font-weight:500}
.input_text:focus {border-bottom: 1px solid #222222; outline: 0 none;}
.input_text_wrap .close {position: absolute; right: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; border-radius: 50%; background: #e5e5e5; display: flex; justify-content: center; align-items: center;}
.input_text_wrap .close img{width: 20px; height:20px;}
.input_text_wrap .errortxt {display: none; padding: 10px 0 0 0; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; font-weight: 500; color: #f25758;}
.input_text_wrap.error .input_text {border-bottom: 1px solid #f25758;}
.input_text_wrap.error .errortxt {display: block !important;} 
.valid_box.error .errortxt{display:block !important;/* padding-bottom: 30px; */}
.valid_box.error .comment_box{border: 1px solid #f25758;}
.input_text_wrap.error .add_txt{display:none !important;}

select.select {width: 100%; height: 40px; border: none; border-bottom: 1px solid #e5e5e5; background:url(../images/icon/input_arrow_down_black@3x.png) right center no-repeat; background-size: 20px; font-size: 15px; line-height: 22px; color: #707070; font-weight: 500; -webkit-appearance:none;-moz-appearance:none;appearance:none;}
select.select::-ms-expand{display:none;}
.select option {font-size: 15px; line-height: 22px; color: #707070; font-weight: 500;}

.input_title{font-size:16px;color:#000;margin-bottom:10px;font-weight:600;display: flex;}
.input_title:after{display:inline-block;width:3px;height:3px;background:#b7a286;content:'';align-self: start;margin-top: 5px;margin-left: 3px;}

.input_password_wrap {position: relative;}
.input_password_wrap .input_text::placeholder{color: #aaaaaa; font-size:16px; font-weight:500}
.input_password_wrap .input_text {position: relative;width: 100%;height: 40px;background-color: transparent;border: none;border-bottom: 1px solid #e5e5e5;color: #222222;font-size: 16px;letter-spacing: -0.14px;box-shadow: none;border-radius: 0;webkit-border-radius: 0;-webkit-appearance: none;font-weight: 500;}
.input_password {width: 100%; height: 40px; background-color: transparent; border: none; border-bottom: 1px solid #e5e5e5; color: #222222; font-size: 16px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;}
.input_password::placeholder {padding: 10px 0; color: #aaaaaa;}
.input_password:focus {border-bottom: 1px solid #222222; outline: 0 none;}
.input_password_wrap .errortxt {display: none; padding: 10px 0 0 0; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; font-weight: 500; color: #f25758;}
.input_password_wrap.error .input_password {border-bottom: 1px solid #f25758;}
.input_password_wrap.error .errortxt {display: block;}
.input_password_wrap.confirm.error .chk_wrap{display:none}
.input_password_wrap.confirm.error .chk_wrap.errortxt{display:block}
.input_password_wrap.error .chk_wrap label{color: #f25758;}
.input_password_wrap.error .add_txt{display:none !important;}

.input_password_wrap.ok .chk_wrap label{color: #2680eb;}

.input_email_wrap{}
.input_email_wrap .input_text {width: 100%;height: 40px;background-color: transparent;border: none;border-bottom: 1px solid #e5e5e5;color: #222222;font-size: 16px;line-height: 20px;letter-spacing: -0.14px;box-shadow: none;border-radius: 0;webkit-border-radius: 0;-webkit-appearance: none;font-weight: 500;}
.input_email {width: 100%; height: 40px; background-color: transparent; border: none; border-bottom: 1px solid #e5e5e5; color: #222222; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;}
.input_email::placeholder {padding: 10px 0; color: #aaaaaa;}
.input_email:focus {border-bottom: 1px solid #222222; outline: 0 none;}
.input_email_wrap .errortxt {display: none; padding: 10px 0 0 0;font-size: 12px;line-height: 18px;letter-spacing: -0.12px;font-weight: 500;color: #f25758;}
.input_email_wrap.error .input_text {border-bottom: 1px solid #f25758;}
.input_email_wrap.error .errortxt{display: block;}
.input_email_wrap.error .chk_wrap{display:none !important;}
.input_email_wrap.error .add_txt{display:none !important;}
.input_email_wrap.comp .errortxt{display:none !important;}
.input_email_wrap.comp .add_txt{display:none !important;}


/* valid-feedback */
.valid-feedback{display:flex;padding: 10px 0;}
.valid-feedback span{font-size: 14px;color:#aaa;letter-spacing: -0.14px;margin-right: 10px;}
.valid-feedback span.on{color:#2680eb}
.valid-feedback span:last-child{margin-right:0}
.valid-feedback span:before{display:inline-block;content:'';width: 13px;height: 9px;background:url(../images/valid_arr_off.png) center top no-repeat;background-size: contain;margin-right:5px;}
.valid-feedback span.on:before{background:url(../images/valid_arr_on.png) center top no-repeat;background-size: contain;}
.valid-feedback .en{}
.valid-feedback .num{}
.valid-feedback .spc{}
.valid-feedback .leng{}


/* layer popup */
.layer-back {display: table;overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1001;background: rgba(0, 0, 0, 0.4);-webkit-overflow-scrolling: touch;}
.layer-back .p30{padding:30px}
.layer-back .p30{padding:40px}
.layer-back .ta_c{padding:40px}
.layer-back.bg-none { background: none;}
.layer-wrap {display: table-cell;z-index: 9999;margin: 0 auto;transform: translate3d(0, 30px, 0);opacity: 0;transition: all 0.5s;vertical-align: middle;}
.layer-wrap.open {transform: translate3d(0, 0, 0);opacity: 1;}
.layer_popup {/* overflow-y: auto; */position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;border-radius: 20px;/* padding: 0 40px; */background: #ffffff;-webkit-overflow-scrolling: touch;box-sizing: border-box;/* overflow: hidden; *//* overflow: auto; */}
.layer_popup .scroll{max-height: 79vh;overflow-y: auto;/* padding: 0; */padding-bottom: 40px;position: relative;width: 100%;/* overflow: hidden; */box-sizing: border-box;}
.layer_popup .layer_head {/* position: relative; *//* border-bottom: 2px solid #2b2f3f; *//* padding: 0 0 21px; *//* height: 100px; *//* line-height: 44px; *//* background: #20254d; *//* color: #fff; */padding: 40px 40px 30px;/* font-size: 30px; */}
.layer_popup .layer_body{padding:0 40px;width: 100%;box-sizing: border-box;}
.layer_popup .layer_head .layer_title {font-weight: 600;font-size: 30px;/* line-height: 1.5; *//* color: #fff; *//* letter-spacing: -0.04em; *//* padding: 0 53px; */}
.layer_popup .layer_close {display: block;position: absolute;top: 40px;right: 40px;z-index: 1;box-sizing: content-box;width: 44px;height: 44px;/* padding: 15px 15px; */background: url("../images/popup_close_bl@3x.png") center center no-repeat;text-indent: -9999em;/* margin-top: -29px; */background-size: 44px;}
.layer_popup .layer_body .inner{/* max-height: calc(80vh - 140px); *//* overflow-y: auto; *//* margin-right: 50px; *//* padding: 0 50px 0  50px; *//* overflow: hidden; */}
.layer_popup .layer_body .inner > div{/* padding-bottom:60px */}
.layer_bottom{border-radius: 20px;overflow-y: auto;position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;/* border-radius: 10px; */padding: 30px 35px 48px;background: #ffffff;-webkit-overflow-scrolling: touch;}

.full_popup {/* overflow-y: auto; */position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;border-radius: 20px;/* padding: 0 40px; */background: #ffffff;-webkit-overflow-scrolling: touch;box-sizing: border-box;/* overflow: hidden; *//* overflow: auto; */box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);}
.full_popup .scroll{max-height: 79vh;overflow-y: auto;/* padding: 0; */padding-bottom: 40px;position: relative;width: 100%;overflow-x: hidden;box-sizing: border-box;}
/* .full_popup .scroll::-webkit-scrollbar { display: none;} */
.full_popup .full_head {padding: 40px 40px 30px;}
.full_popup .full_body{padding:0 40px;width: 100%;box-sizing: border-box;}
.full_popup .full_head .full_title {font-weight: 600;font-size: 30px;}
.full_popup .full_head .full_title .all_photo{display: block;background: url(../images/icon/input_arrow_left_black@3x.png) 0 center no-repeat;background-size: 13px;padding-left: 17px;font-weight: 500;font-size: 15px;}
.full_popup .full_close {display: block;position: absolute;top: 40px;right: 40px;z-index: 1;box-sizing: content-box;width: 44px;height: 44px;/* padding: 15px 15px; */background: url("../images/popup_close_bl@3x.png") center center no-repeat;text-indent: -9999em;/* margin-top: -29px; */background-size: 44px;}
.full_popup .full_body .inner{/* max-height: calc(80vh - 140px); *//* overflow-y: auto; *//* margin-right: 50px; *//* padding: 0 50px 0  50px; */}
.full_popup .full_body .inner > div{/* padding-bottom:60px *//* padding-right: 10px; */}
.full_bottom{border-radius: 20px;overflow-y: auto;position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;/* border-radius: 10px; */padding: 30px 35px 48px;background: #ffffff;-webkit-overflow-scrolling: touch;}

.full_popup.sm .full_head {padding: 30px 30px 20px;}
.full_popup.sm .full_body{padding: 0 30px;width: 100%;box-sizing: border-box;}
.full_popup.sm .full_head .full_title {font-weight: 600;font-size: 20px;width:90%;text-align: center;}
.full_popup.sm .full_close {display: block;position: absolute;top: 30px;right: 33px;z-index: 1;box-sizing: content-box;width: 30px;height: 30px;/* padding: 15px 15px; */background: url("../images/popup_close_bl_sm@3x.png") center center no-repeat;text-indent: -9999em;/* margin-top: -29px; */background-size: 16px;}

.full_popup .full_body .layer_detail_package{display: flex;}
.full_popup .swiper-extend-button-prev{position: absolute;left: -102px;background: url(../images/main_slider_prev@3x.png) center center no-repeat;background-size: 102px;width: 102px;height: 102px;z-index: 100;top: 50%;margin-top: -51px;}
.full_popup .swiper-extend-button-next{position: absolute;right: -102px;background: url(../images/main_slider_next@3x.png) center center no-repeat;background-size: 102px;width: 102px;height: 102px;z-index: 100;top: 50%;margin-top: -51px;}
.full_popup .full_body .layer_detail_package .detail_box_wrap{position:relative;border-right: 2px solid #f5f5f5;}
.full_popup .full_body .layer_detail_package .detail_box_wrap:after{display:block;content:'';width: calc(100% - 16px);height:174px;position:absolute;bottom: -1px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 73%);z-index: 1;}
.full_popup .full_body .layer_detail_package .detail_box{width: 771px;overflow-x: hidden;overflow-y: auto;/* min-height: 100%; */height: 706px;/* margin-right: 0px; */}
.full_popup .full_body .layer_detail_package .option_box{width: 391px;padding-left: 38px;box-sizing: border-box;display: flex;flex-direction: column;}
.full_popup .full_body .layer_detail_package .option_box .opt_wrap{padding:20px 0 15px;/* border-top:1px solid #e5e5e5; */border-bottom:1px solid #e5e5e5;}
.full_popup .full_body .layer_detail_package .option_box .opt_box{display:flex;justify-content: space-between;margin-top: 15px;}
.full_popup .full_body .layer_detail_package .option_box .opt_box:nth-of-type(1){margin-top: 0;}
.full_popup .full_body .layer_detail_package .option_box .opt_box .opt_tit{font-size: 16px;font-weight: 600;line-height: 40px;color: #000;}
.full_popup .full_body .layer_detail_package .option_box .option{width: 200px;}
.full_popup .full_body .layer_detail_package .option_box .option .errortxt{color:#f25758;font-size:14;padding-top:10px;display:none}
.full_popup .full_body .layer_detail_package .option_box .option.error .errortxt{display:block;}
.full_popup .full_body .layer_detail_package .option_box .option.error .pack_goods button{border-bottom:1px solid #f25758}
.full_popup .full_body .layer_detail_package .option_box .pack_goods {position:relative;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods button {position:relative;display:block;width: 100%;height:40px;/* padding:0 40px 0 19px; */font-size:15px;font-weight: 500;line-height:40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;padding-right: 20px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods button:before {/* content:''; */position:absolute;right:25px;top:19px;width:10px;height:2px;background:#222;transform:rotate(45deg);}
.full_popup .full_body .layer_detail_package .option_box .pack_goods button:after {content:'';position:absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../images/icon/input_arrow_down_black@3x.png) center center no-repeat;background-size: 20px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods button.on:before {transform:rotate(-45deg);}
.full_popup .full_body .layer_detail_package .option_box .pack_goods button.on:after {/* transform:rotate(45deg); */}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul {overflow:hidden;position:absolute;top: 43px;height:0;width:100%;/* border:1px solid #d6d6d6; */border-top:0 none;border-bottom:0 none;background:#fff;box-sizing:border-box;z-index:100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 0 20px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul.option_list{width: 374px;left: -172px;box-sizing: border-box;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul.on {max-height:301px; border-bottom:1px solid #d6d6d6;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li {padding: 20px 0 0px;position: relative;cursor: pointer;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input + label{display:block;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input + label p{font-size:14px;line-height:21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 25px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input:checked + label{}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input:checked + label p{font-weight:600;background:url(../images/icon/checked_on@3x.png) center right no-repeat;background-size:13px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input:checked + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li:last-child{padding-bottom: 20px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li:first-child {border-top:0 none;padding-bottom:0;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a {display:block; height:59px; padding:3px 19px 0 20px; box-sizing:border-box;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a span {display:block; font-size:13px; }
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .text {overflow:hidden; line-height:28px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .name {float:left; max-width:312px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .ea {float:right; max-width:65px; text-align:right; color:#666;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .price {color:#222;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li.soldout a,
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li.soldout a span {color:#a8a8a8}
.full_popup .full_body .layer_detail_package .option_box .total{/* border-top: 1px solid #e5e5e5; *//* padding-top: 19px; */margin: 20px 0;}
.full_popup .full_body .layer_detail_package .option_box .total .box{font-size: 18px;font-weight: 500;color: #222;display: flex;justify-content: space-between;align-items: end;}
.full_popup .full_body .layer_detail_package .option_box .total .box .price{}
.full_popup .full_body .layer_detail_package .option_box .total .box .price strong{font-size: 24px;font-weight: 700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 30px;}
.full_popup .full_body .layer_detail_package .option_box .detail_buttons{margin-top: auto;display: flex;}
.full_popup .full_body .layer_detail_package .option_box .detail_buttons a{width: 210px;text-align: center;height: 60px;line-height: 58px;border: 1px solid #dddddd;box-sizing: border-box;border-radius: 5px;font-size: 18px;font-weight: 600;}
.full_popup .full_body .layer_detail_package .option_box .detail_buttons .cart{margin-right: 9px;}
.full_popup .full_body .layer_detail_package .option_box .detail_buttons .buy{border: 1px solid #222222;background: #222222;color: #fff;}
.full_popup .full_body .layer_detail_package .option_box .detail_buttons .none{display:none;}

.full_popup .full_body .layer_detail_package .option_select{}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list{}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list p.tit{font-size:16px;font-weight:600;color:#000;padding: 20px 0 4px;display:block;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv{}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box{background:#f8f8f8;border-radius:10px;margin-top:10px;padding: 20px;box-sizing: border-box;position: relative;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li{}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.size{font-size: 14px;font-weight: 500;color: #aaaaaa;margin-bottom:10px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price{display: flex;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price > span{font-size:18px;font-weight:700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 25px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon{width:71px;height:25px;display: inline-block;margin-left: 10px;border: 1px solid #222;border-radius: 5px;box-sizing: border-box;text-align: center;font-size: 11px;font-weight: 600;line-height: 23px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon:after{display:inline-block;content:'';width:12px;height: 12px;background: url('../images/download@3x.png') center -2px no-repeat;background-size:12px;margin-left:2px;vertical-align: middle;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price .amount{display: flex;align-items: center;justify-content: center;margin-left: auto;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box:after {content:''; display:block; clear:both;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.title {/* position:relative; */margin: 0 0 2px;font-size: 16px;font-weight: 500;color:#222;line-height: 23px;padding-right: 25px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.title a{position:absolute;right:16px;top: 18px;width:26px;width: 26px;height: 26px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount {float:left;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span {width: 17px;display: inline-block;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span a{display:flex;align-items:center;justify-content:center;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount input[type=text] {/* float:left; */width: 67px;height: 25px;padding:0 0 2px;font-size:13px;line-height:26px;text-align:center;/* color:#5d5d5d; */border: 0;margin: 0 13px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 15px;font-weight: 700;background: transparent;box-sizing: border-box;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount .optcoupon {float:left; margin:1px 0 0 14px; padding:2px 32px 3px 13px; font-size:13px;  color:#fff; background:url(../images/coupon_downicon.png) #222 no-repeat 70px 8px; border-radius:28px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon {position:relative; float:left; margin:0 0 0 13px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon a {display:inline-block; padding:2px 32px 3px 13px; font-size:13px;  color:#fff; background:url(../images/coupon_downicon.png) #222 no-repeat 70px 8px; border-radius:28px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer {display:none; position:absolute; left:-143px; top:59px; width:540px; min-height:265px; padding:24px 29px 0; border:1px solid #222; background:#fff; box-sizing:border-box; z-index:100;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .closebtn {position:absolute; right:20px; top:20px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .title {margin:0 0 8px; font-size:20px; font-weight:400;  color:#222;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox {position:relative; padding:50px 0 0; border-top:2px solid #222;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox .tablescroll {overflow-x:hidden; overflow-y:auto; display:block; width:100%; max-height:227px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead {position:absolute; left:0; top:0; width:100%; height:50px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead tr th {height:50px; padding:0; text-align:center; vertical-align:middle; border-bottom:1px solid #d6d6d6;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td {padding:11px 0 9px; text-align:center; color:#666; border-bottom:1px solid #d6d6d6;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td .ellipsis {width:240px; padding:0 0 0 10px; text-align:left;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td strong {font-family: 'hk_nova_regular','Noto Sans KR'; font-size:15px; color:#222;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down a {width:95px; height:30px; margin:0; padding:3px 32px 5px 15px; background-position:68px 9px; box-sizing:border-box;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down span {display:inline-block; width:95px; height:30px; padding:2px 0 0; font-size:13px; text-align:center; color:#a8a8a8; border:1px solid #d6d6d6; box-sizing:border-box; border-radius:30px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .allbtn {display:block; width:170px; height:50px; margin:30px auto 7px; padding:10px 0 0 25px; font-size:15px; font-weight:400;  color:#222; border:1px solid #222; background:url(../images/coupon_downicon02.png) #fff no-repeat 123px 16px; border-radius:0; box-sizing:border-box;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .warninglist {padding-bottom:26px;}

.full_popup .full_body .layer_detail_package .detail_gosi{padding-bottom: 90px;}
.full_popup .full_body .layer_detail_package .detail_gosi h3{font-size: 24px;font-weight: 600;padding-bottom: 25px;}
.full_popup .full_body .layer_detail_package .detail_gosi table{border-bottom: 1px solid #e5e5e5;border-top:2px solid #222}
.full_popup .full_body .layer_detail_package .detail_gosi table:last-child{border-bottom:0}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody{}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr{}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr th{font-size: 15px;text-align: left;font-weight: 600;padding-bottom: 30px;vertical-align: top;padding-right: 20px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr th.line_top{border-top:1px solid #e5e5e5;padding-top: 39px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr th strong{font-size:18px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:first-child th{padding-top:25px}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:last-child th{padding-bottom:36px}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td{vertical-align: top;font-size: 15px;font-weight: 500;color: #707070;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td.line_top{padding-top:39px;border-top:1px solid #e5e5e5}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td strong{font-size:15px;font-weight:600;padding-bottom: 8px;color: #222;display: block;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:first-child td{padding-top:25px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:last-child td{padding-bottom: 40px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td strong{}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul{padding-bottom:30px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:last-child td ul{padding-bottom:0}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul li{font-size:15px;color:#707070;line-height: 25.5px;font-weight: 400;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul.num{}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul.num li{list-style: auto;margin-left: 15px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul li button{}


.full_popup .full_body .layer_cart{/* min-height: 310px; */position: relative;}
.full_popup .full_body .layer_cart .swiper-container{/* position:relative; *//* overflow: visible; */}
.full_popup .full_body .layer_cart .layer_con{display: flex;justify-content: center; flex-direction: column;align-items: center;}
.full_popup .full_body .layer_cart .layer_con img{width: 110px;display:block;height: 110px;}
.full_popup .full_body .layer_cart .layer_con .goods_info{text-align: center;line-height: 24px;padding: 10px 0 0 0;}
.full_popup .full_body .layer_cart .layer_con .goods_info span{font-size: 16px; line-height:24px}
.full_popup .full_body .layer_cart .layer_con .goods_info .goods_name{ font-weight: 500;}
.full_popup .full_body .layer_cart .layer_con .goods_info .size{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-weight: 700;}
.full_popup .full_body .layer_cart .btns button{width:140px; height:48px; font-weight:600; font-size: 16px;}
.full_popup .full_body .layer_cart .btns #buy_now{background-color:#222; color:#fff; border-radius:35px;}
.full_popup .full_body .layer_cart .direct_buy{margin-top:30px;width:170px;height:50px;line-height:50px;background:#222;border-radius:35px;margin: 30px auto 0;color:#fff;font-size:16px;font-weight:600;display: block;}
.full_popup .full_body .layer_cart .btn_view_cart{display: flex;justify-content: center;}
.full_popup .full_body .layer_cart .btn_view_cart #view_cart{display: block !important;font-size: 16px;font-weight: 600;height: 24px;margin: 13px 0 0 0;}
.full_popup .full_body .layer_cart .btn_view_cart #view_cart:after{content:''; display:block; width:100%; height:1px; background-color:#222}
.full_popup .full_body .layer_cart .cart-item-next {background: url(../images/gnb_icon_next_black.png) no-repeat;background-size: 13px 30px;background-position: top;width: 13px;height: 30px;background-size: 13px;position: absolute;right: -10px;top: 100px;cursor: pointer;}
.full_popup .full_body .layer_cart .cart-item-prev {background: url(../images/gnb_icon_prev_black.png) no-repeat;background-size: 13px 30px;background-position: top;width: 13px;height: 30px;background-size: 13px;position: absolute;left: -10px;top: 100px;cursor: pointer;}
.full_popup .full_body .layer_cart .cart-item-next::after,
.full_popup .full_body .layer_cart .cart-item-prev::after {display: none;}
.full_popup .full_body .layer_cart .swiper-button-disabled {display:none !important}


.layer-alert{position:relative; }
.layer-alert .layer-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 20px;background: #fff;padding-bottom: 25px;padding-top: 50px;right: 20px;}
.layer-alert .layer-box .layer_box_close{display: block;position: absolute;top: 15px;right: 15px;z-index: 150;width: 40px;height: 40px;border-radius: 50%;background: #ffffff url(../images/icon_close_btn@3x.png) center center no-repeat;font-size: 0;text-indent: -9999px;background-size: 18px;}
.layer-alert .layer-box .img_area{display: flex;justify-content: center;padding-bottom: 20px;}
.layer-alert .layer-box .downCouponImg{width:85px;padding-top: 10px;}
.layer-alert .layer-box .tit_wrap{padding-bottom: 50px;}
.layer-alert .layer-box p{text-align:center;font-size:16px;font-weight:600;}
.layer-alert .layer-box .subtit{font-size: 16px;line-height: 1.5;margin-bottom: -10px;font-weight: 400;}
.layer-alert .layer-box .btns{display:flex; justify-content:center; flex-direction:column; align-items: center;}
.layer-alert .layer-box .btns button{width:140px;height:44px;font-weight:500;}
.layer-alert .layer-box .btns #confirm{background-color:#222; color:#fff; padding:11px 57px; border-radius:35px}


.benefit-content{/* margin:auto 20px; */}
.benefit-content .benefit-tit{width:100%;/* height:64px; */display: flex;justify-content:space-between;padding-bottom: 10px;}
.benefit-content .benefit-tit span{}
.benefit-content .benefit-tit .event-term{left:0; font-size:16px; font-weight:500}
.benefit-content .benefit-tit .event-term-date{right:0;font-size: 14px;font-weight: 500;font-stretch: normal;letter-spacing: -0.14px;color: #707070;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}

.benefit-content .listbox{/* margin-bottom:60px; */border-top:1px solid #222222;}
.benefit-content .listbox li{display:flex;align-items:center;justify-content:space-between;/* height:67px; */border-bottom:1px solid #e3e3e3;padding: 20px 50px 20px 16px;}
.benefit-content .listbox li img{width:94px;margin-right: 10px;}
.benefit-content .listbox li span{display:flex;/* width:94px; */align-items:center;justify-content: space-between;margin-left: auto;font-size: 14px;}
.benefit-content .listbox .term{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;margin: 0;}


.size_guide{position: relative;}
.size_guide .tab_large{margin:0 -30px;border-bottom:1px solid #efefef;justify-content: center;}
.size_guide:before{position: fixed;/* content: ""; */height: 83.5px;background: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0) 100%);z-index: 5;right: 0;left: 0;bottom: 0;}
.size_guide .tab_large li { width: 98px;}
.size_guide .tab_large li a {/* line-height: 56px; *//* height: 56px; *//* padding: 0 18px; */display: inline-block;/* display: block; */padding: 17px 0;box-sizing: border-box;}
.size_guide .tab_large li span {font-weight: 500;color: #aaaaaa;font-size: 16px;}
.size_guide .tab_large li.active a{border-bottom:2px solid #222}
.size_guide .tab_large li.active span {color: #222222;font-weight: 700;}
.size_guide .brand_list_wrap{padding: 30px 20px;/* margin-right: -30px; */}
.size_guide .brand_list_wrap .brand_list{/* display: flex; *//* overflow-x: scroll; *//* overflow-y: hidden; */-ms-overflow-style: none;/* margin: 0 -7px; *//* margin-right: 30px; */}
/*.size_guide .brand_list_wrap .brand_list::-webkit-scrollbar{display: none;width: 0 !important;}*/
.size_guide .brand_list_wrap .brand_list li{/* padding: 0 7px; *//* position: relative; */margin-right: 7px;}
.size_guide .brand_list_wrap .brand_list li:last-child{padding-right:80px}
.size_guide .brand_list_wrap .brand_list li.active button:after{content:'';width: 72px;height: 72px;position:absolute;left: -6px;top: -6px;border: 3px solid #b3a489;border-radius: 50%;box-sizing: border-box;}
.size_guide .brand_list_wrap .brand_list li.active button:before{position: absolute;content:'';display:block;width: 60px;height:60px;border-radius: 50%;background-color:transparent;}
.size_guide .brand_list_wrap .brand_list li button{font-size: 0;width: 61px;height:60px;/* border: 2px solid transparent; */border-radius: 50%;box-sizing: border-box;}
.size_guide .brand_list_wrap .brand_list li button:before{position: absolute;content: '';display: block;background-color: #ffffff30;top: 0;left: 0;right: 0;bottom: 0;width: 60px;height: 100%;z-index: 6;}
.size_guide .brand_list_wrap .brand_list li button.a_size {text-align: center;background: #b3a486;font-size: 12px;line-height: 17px;letter-spacing: -0.12px;color: #fff;font-weight: 600;}
.size_guide .brand_list_wrap .brand_list li button img{width: 60px; display: block;}
.size_guide .brand_name{padding: 0 20px;}
.size_guide .brand_name p{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-size: 16px;font-weight: 700;}

.size_guide .tab_con {display: none;}
.size_guide .tab_con.on {display: block;}

.size_guide h1 {font-size: 16px; line-height: 24px; color: #000; font-weight: 600;}

.size_guide #a_size {position: relative; padding: 0 20px;}
.size_guide #a_size .unit_wrap {/* position: absolute; */left: 20px;right: 20px;top: 3px;display: flex;/* justify-content: flex-end; */}
.size_guide #a_size .unit_wrap span {font-size: 14px;font-weight: 500;}
.size_guide #a_size .item_size_list{display:flex;flex-wrap: wrap; margin: 15px -6.5px 7px;}
.size_guide #a_size .item_size_list li{padding: 0 6.5px 13px 6.5px;}
.size_guide #a_size .item_size_list li:last-child{margin-right:0;}
.size_guide #a_size .item_size_list li:nth-child(6){margin-right:0;}
.size_guide #a_size .item_size_list li:nth-child(12){margin-right:0;}
.size_guide #a_size .item_size_list li input{display:none}
.size_guide #a_size .item_size_list li input + label.select_size{display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border: 1px solid #e5e5e5; border-radius: 5px; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600; font-size: 12px; color: #dddddd; box-sizing: border-box;}
.size_guide #a_size .item_size_list input:checked + label.select_size {border: 1px solid #222222; border-radius: 5px; color: #222222;}
.size_guide #a_size .item_size_list li.active label{color: #222222 !important;;}
.size_guide #a_size .unit_wrap.region {justify-content: unset;}
.size_guide #a_size .unit_wrap.region h2 {margin: 0 12px 0 0;font-size: 20px;font-weight: 600;}
.size_guide #a_size .unit_wrap.region span {font-size: 14px;font-weight: 400;color: #707070;margin-top: 5px;}

.size_guide .unit_wrap {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.size_guide .unit_wrap h1{ font-size: 16px;font-weight: 500;}
.size_guide .unit_wrap span {font-size: 14px;font-weight: 500;}

.size_guide .table_wrap{border-top: 1px solid;display: flex;margin-bottom: 40px;}
.size_guide .table_wrap .tit_wrap table{ table-layout: auto;}
.size_guide .table_wrap .tit_wrap{width: 128px;}
.size_guide .table_wrap .tit_wrap tr{height: 48px;}
.size_guide .table_wrap .tit_wrap tr td{border-bottom: 1px solid #e3e3e3;height: 48px;width: 128px;text-align: center;color: #222;font-size: 13px;font-weight: 600;font-stretch: normal;display: flex;align-items: center;justify-content: center;}

.size_guide .table_wrap .con_wrap{overflow-x: auto;}
.size_guide .table_wrap .con_wrap table{table-layout: auto;}
.size_guide .table_wrap .con_wrap tr{display: flex;border-bottom: 1px solid #e3e3e3;height: 48px;}
.size_guide .table_wrap .con_wrap tr td{height: 48px;width: 128px;text-align: center;color: #aaa;font-size: 12px;font-weight: 500;font-stretch: normal;display: flex;align-items: center;justify-content: center;box-sizing: border-box;flex: 0 0  auto;}

.size_guide #a_size{}
.size_guide #a_size ul{}
.size_guide #a_size ul li{}
.size_guide #a_size ul li .img_wrap{position:relative;width: 504px;margin: 0 auto;}
.size_guide #a_size ul li img{max-width: 80%;}
.size_guide #a_size ul li span{position: absolute;z-index: 1;font-weight: 700;font-size: 16px;}
.size_guide #a_size ul li.size_ops{}
.size_guide #a_size ul li.size_ops .size_01{top: -5px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_ops .size_02{top: 155px;left: 109px;}
.size_guide #a_size ul li.size_ops .size_03{top: 92px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_ops .size_04{top: 152px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_ops .size_05{top: 158px;right: 115px;}
.size_guide #a_size ul li.size_ops .size_06{bottom: 58px;right: 152px;}

.size_guide #a_size ul li.size_padding .size_01{top: -5px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_padding .size_02{top: 162px;left: 102px;}
.size_guide #a_size ul li.size_padding .size_03{top: 165px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_padding .size_04{top: 168px;right: 102px;}
.size_guide #a_size ul li.size_padding .size_05{bottom: 54px;right: 155px;}

.size_guide #a_size ul li.size_pants .size_01{top: -5px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_pants .size_02{top: 150px;left: 136px;}
.size_guide #a_size ul li.size_pants .size_03{top: 95px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_pants .size_04{top: 164px;left: 212px;}
.size_guide #a_size ul li.size_pants .size_05{bottom: 42px;right: 210px;}

.size_guide #a_size ul li.size_set .size_01{top: -10px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_set .size_02{top: 95px;left: 120px;}
.size_guide #a_size ul li.size_set .size_03{top: 75px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_set .size_04{top: 84px;right: 120px;}
.size_guide #a_size ul li.size_set .size_05{top: 215px;right: 140px;}
.size_guide #a_size ul li.size_set .size_06{top: 235px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_set .size_07{bottom: 133px;left: 161px;}
.size_guide #a_size ul li.size_set .size_08{top: 277px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_set .size_09{bottom: 116px;left: 222px;}
.size_guide #a_size ul li.size_set .size_10{bottom: 31px;right: 216px;}

.size_guide #a_size ul li.size_skirts .size_01{top: 35px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_skirts .size_02{top: 158px;left: 128px;}

.size_guide #a_size ul li.size_t_shirts .size_01{top: 10px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_t_shirts .size_02{top: 158px;left: 75px;}
.size_guide #a_size ul li.size_t_shirts .size_03{top: 170px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_t_shirts .size_04{bottom: 190px; right: 87px;}
.size_guide #a_size ul li.size_t_shirts .size_05{bottom: 20px;right: 110px;}

.size_guide #a_size ul li.size_top .size_01{top: 10px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_top .size_02{top: 162px;left: 98px;}
.size_guide #a_size ul li.size_top .size_03{top: 165px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_top .size_04{top: 178px;right: 100px;}
.size_guide #a_size ul li.size_top .size_05{bottom: 42px;right: 145px;}

.size_guide #a_size ul li.size_best .size_01{top: 10px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_best .size_02{top: 158px;left: 85px;}
.size_guide #a_size ul li.size_best .size_03{top: 165px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_best .size_04{top: 180px;right: 90px;}
.size_guide #a_size ul li.size_best .size_05{bottom: 12px;right: 110px;}

.size_guide #a_size .sizeImage{text-align: center;}
.size_guide #a_size .sizeImage img{max-width: 80%;}
.size_guide #a_size .item_size .item_size_list{max-width: 480px;}
.size_guide #a_size .info_text {margin: 20px 20px 40px 0px;}

.size_guide #a_size .backcolor_violet{background: linear-gradient(to top, #E8D2FF 50%, transparent 50%);}

.size_guide #brand_size {padding: 0 20px;}
.size_guide #brand_size >ul {}
.size_guide #brand_size >ul >li {padding-bottom: 30px;}
.size_guide #brand_size >ul >li:last-child {padding-bottom: 20px;}
.size_guide #brand_size .unit_wrap {display: flex; justify-content: space-between;}
.size_guide #brand_size .unit_wrap span {font-size: 14px;font-weight: 500;}
.size_guide .size_table {margin-top: 10px;display: flex;/* width: calc(100vw - 20px); */border-top: 1px solid #222222;}
.size_guide .size_table dl {}
.size_guide .size_table dt {display: flex;align-items: center;justify-content: center;width: 80px;height: 40px;text-align: center;border-bottom: 1px solid #e3e3e3;font-size: 13px;letter-spacing: -0.12px;font-weight: 600;word-break: keep-all;}
.size_guide .size_table ul {overflow-x: auto;width: 100%;}
.size_guide .size_table li {display: flex;border-bottom: 1px solid #e3e3e3;}
.size_guide .size_table li span {display: flex;align-items: center;justify-content: center;width: 128px;height: 40px;flex: 0 0 auto;text-align: center;/* border-bottom: 1px solid #e3e3e3; */font-size: 13px;letter-spacing: -0.12px;font-weight: 500;color: #aaaaaa;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}

.size_guide .info_text {position: relative;margin: 0 20px 0;padding-left: 10px;font-size: 14px;line-height: 18px;word-break: keep-all;color: #707070;}
.size_guide .info_text:before {position: absolute;left: 0;top: 6px;content: '';width: 4px;height: 4px;border-radius: 50%;background: #707070;}


/* .layerdimmed{position: fixed;top: 0;bottom: 0;left: 0; right: 0; z-index: 13; background-color: #00000040;}
.layerdimmed .layer_bg{position: absolute; top: 50px;left: 50%;transform: translateX(-50%);padding:40px;border-radius: 20px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);background-color: #fff;} */
.layer_bg .top{z-index: 2;position: absolute;top: 0;right: 0;text-indent:-99999999em;width:44px;height:44px;background: url(../images/popup_close_bl@3x.png) center no-repeat;background-size: cover;}
.layer_bg .bottom_btn{z-index: 1;justify-content: space-between;border-radius: 0 0 15px 15px;background-color: #f5f5f5;height: 50px; position: absolute; bottom: 0;left: 0; right: 0;display: flex;align-items: center;padding: 0 23px;}
.layer_bg .bottom_btn button{text-indent:0;font-size: 14px;font-weight: 500;letter-spacing: -0.14px;}

/* paging */
.paging{clear:both;text-align:center;margin-top: 30px;}
.paging ul{display:inline-block;vertical-align:top}
.paging ul:after{content:"";display:block;clear:both}
.paging ul li{float:left}
.paging ul li a{float:left;width: 36px;height: 36px;margin: 0 4px;text-align:center;font-size: 16px;color: #222;line-height: 36px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 500;/* letter-spacing: -0.16px; */}
.paging ul li a.active{color:#fff;background:#b7a386;border-radius:50%;}
.paging ul li a img{display:block}
.paging ul li a strong{/* display:inline-block; *//* position:relative; *//* height:21px; */color: #fff;line-height: 1;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.paging ul li a strong:after{/* content:""; */position:absolute;bottom:0;left:0;width:100%;height:1px;background:#222;}
.paging ul li a.prev,
.paging ul li a.first{margin: 0 16px 0 0;width: 32px;height: 32px;}
.paging ul li a.next,
.paging ul li a.last{margin: 0 0 0 16px;width: 32px;height: 32px;}


.paging_wrap{display: flex;align-items: center;justify-content: center;}
.paging_wrap > button{text-indent:-99999em;width:32px; height:32px}
.paging_wrap .btn_prev{margin-right:20px;background: url(../images/arrow_prev@3x.png) center no-repeat; background-size: 32px;}
.paging_wrap .btn_next{margin-left:20px;background: url(../images/arrow_next@3x.png) center no-repeat; background-size: 32px;}
.paging_wrap .pagination{margin-right:8px;font-size: 16px;font-weight: 500; letter-spacing: -0.16px;width: 40px;height: 40px;}
.paging_wrap .pagination:last-child{margin-right:0;}
.paging_wrap .pagination.active{  background-color: #b7a386; color:#fff;border-radius:50%}




.qna-content{/* padding:30px 20px 20px 20px; */border-top: 2px solid #222;padding-top: 20px;}
.qna-content dl{display: flex;/* height: 40px; */line-height: 40px;}
.qna-content dl:nth-of-type(2){margin-top:20px}
.qna-content dt{font-size: 16px;height: 40px;line-height: 40px;width: 180px;font-weight: 600;}
.qna-content dt .required{text-indent:-9999em;display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #b7a386;vertical-align: text-top;margin: 4px 0 0 3px;}
.qna-content dd{width: 100%;flex-basis: 0;flex-grow: 1;}
.qna-content .counsel-box{position:relative;height: 190px;border-radius: 5px;background: #f8f8f8;margin: 0 0 12px 0;box-sizing: border-box;}
.qna-content .counsel-box p{/* position:absolute; *//* bottom:34px; *//* right:18px; */font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;text-align: right;padding: 12px;box-sizing: border-box;line-height: 1;font-size: 16px;}
.qna-content .counsel-box p span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.qna-content .counsel-box p .color{color:#aaa;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.qna-content input{border-style:none none solid;border-width:1px;border-color:#e5e5e5;width:100%;/* padding:9px 0; */font-size: 16px;height: 40px;line-height: 40px;}
.qna-content input:placeholder, .counsel textarea:placeholder{color:#aaa}
.qna-content textarea{width:100%;height: 148px;/* background:#f8f8f8; *//* margin:17px 0 24px 0; *//* border-radius:5px; */padding: 20px;box-sizing:border-box;box-sizing: border-box;}
.qna-content textarea::placeholder{color:#aaa}
.qna-content .radio-type{display:flex;justify-content:space-between;align-items:center;padding-bottom: 14px;justify-content: flex-end;}
.qna-content .radio-type label{font-size: 15px;font-weight:500;margin-right: 12px;}
.qna-content .secret{background: #CCCCCC;width: 33px;height: 20px;border: 1px solid #CCCCCC;border-radius: 15px;}
.qna-content .btn_secret{background: #FFFFFF;width: 15px;height: 15px;border: none;border-radius: 15px;position: relative;left: 0px;top: -2px;}
.qna-content .radio-type+p{font-size: 14px;color: #707070;padding-top: 20px;border-top: 1px solid #e5e5e5;line-height: 18px;}
.qna-content .radio-type+p:before{display:inline-block;content:'';width:4px;height:4px;background:#707070;border-radius:50%;vertical-align:middle;margin: -4px 6px 0 0;}

.qna-content .btns{margin: 50px 0 0 0;display:flex;flex-direction:row;justify-content: center;padding-bottom: 16px;}
.qna-content .btns button{width:50%;height:50px;text-align: center;font-size: 14px;font-weight: 500;align-items:center;border-radius:5px;width: 180px;}
.qna-content .btns #cancel{color:#222; border:solid 1px #e5e5e5; margin-right:5px;}
.qna-content .btns #register{background:#222; color:#fff; margin-left:5px;}


.member_use.full_popup{height: 620px;width: 850px;border-radius: 30px;}
.member_use.full_popup .full_close{top: 20px; right: 20px;}
.member_use .full_head{padding: 30px 30px 20px 30px;}
.member_use .full_head .full_title{font-size: 18px; font-weight: 500;}
.member_use .full_body{padding:0 30px}
.member_use .inner .scroll_box{height: 420px;overflow-y: scroll;padding-right: 40px;}
.member_use .inner .scroll_box::-webkit-scrollbar{width: 5px;height: 5px; background-color: #f5f5f5; border-radius: 10px;}
.member_use .inner .scroll_box::-webkit-scrollbar-thumb{width: 2px;height: 80px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;}

.member_use #use_term_layer{}
.member_use #use_term_layer .tit{ padding-bottom: 10px;}
.member_use #use_term_layer .tit span{font-size: 16px; font-weight: 500; letter-spacing: -0.16px;}
.member_use #use_term_layer .con{padding-bottom: 20px;}
.member_use #use_term_layer .con span{font-weight: 500;color: #707070;letter-spacing: -0.14px;word-break: keep-all;}

.member_use .inner .notice{}
.member_use .inner .notice span{font-size: 13px;font-weight: 500; letter-spacing: -0.13px;word-break: keep-all;}

.member_use .btn_wrap{display: flex;justify-content: center; margin-top: 40px;}
.member_use .btn_wrap button{ height: 50px; padding: 0 45px; background-color: #222;border-radius: 50px;color: #fff; font-size: 16px;font-weight: 500;letter-spacing: -0.16px;}


.attach_file{}
.attach_file h1 {font-size: 16px; line-height: 24px; color: #222222;font-weight:600}
.attach_file h1.mark:after{position:absolute;top: 3px; right: -6px;content:''; display:block; width: 3px; height: 3px;border-radius:50%;background-color: #b7a286;}
.attach_file .photo_add {display: flex;/* justify-content: space-between; */flex-wrap: wrap;margin: 10px -5px;}
.attach_file .photo_add li {position: relative;width: 76px;height: 76px;margin: 0 5px 10px;border-radius: 5px;border: 0;}
.attach_file .photo_add li:not(.add_btn):after {position: absolute;right: -5px;top: -5px;display: block;/* content: ''; */width: 24px;height: 24px;background: url(../images/icon_del.png) center no-repeat;background-size: 24px;}
.attach_file .photo_add li:last-child:after {}
.attach_file .photo_add li div {width: 100%;height: 100%;border-radius: 5px;overflow: hidden;position: relative;}
.attach_file .photo_add li div >img {width: 100%; height: 100%;}
.attach_file .photo_add li [name=delete]{width:30px;height: 30px;position: absolute;right: -5px;top: -5px;display: block;/* content: ''; */width: 24px;height: 24px;background: url(../images/icon_del.png) center no-repeat;background-size: 24px;text-indent: -9999em;}
.attach_file .info{}
.attach_file .info ul{}
.attach_file .info li{padding-bottom: 10px; position: relative; padding-left: 9px;}
.attach_file .info li:before{position: absolute;left: 0;top: 12px;content: '';width: 4px;height: 4px;background-color: #707070;border-radius: 50%;}

.attach_file .info li span{font-size: 12px;line-height: 26px;letter-spacing: -0.12px;color: #707070;}
.attach_file .info li span .point{}


#post_find{ width: 515px;}
#post_find .full_head{padding: 40px 40px 20px 40px;}
#post_find .full_head .full_close{ top: 40px; right: 40px; width: 44px; height: 44px;background-size: 44px;}
#post_find .full_head .full_title{}
#post_find .full_body{ padding: 0 40px 50px 40px;}
#post_find .full_body .inner{border-top: 2px solid;}
#post_find .full_body .search_section{ padding-top: 25px;}
#post_find .full_body .search_section p{font-size: 16px; font-weight: 500;letter-spacing: -0.16px;  color: #222;}
#post_find .full_body .search_section .search{display: flex; align-items: center; justify-content: space-between;margin-top: 10px;}
#post_find .full_body .search_section .search .input_text_wrap{}
#post_find .full_body .search_section .search .input_text_wrap input{ width: 300px;}
#post_find .full_body .search_section .search button{ padding: 0 20px;height: 30px;font-size: 13px;font-weight: 600;border: solid 1px #222;}

#post_find .contWrap {padding: 25px 0 0 0;}
#post_find .contWrap ul.blockLayout.scrbar {height: 393px;overflow-y: auto;padding-right: 8px;}
#post_find .contWrap ul.blockLayout.scrbar::-webkit-scrollbar{width: 2px;height: 387px; background-color: #f5f5f5; border-radius: 10px;}
#post_find .contWrap ul.blockLayout.scrbar::-webkit-scrollbar-thumb{width: 2px;height: 54px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;}

#post_find .contWrap ul.blockLayout li {padding: 20px 20px 10px 20px;background: #fff;border-radius: 10px;margin-bottom: 10px;border: solid 1px #e5e5e5;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);}
#post_find .contWrap ul.blockLayout li:last-child {margin-bottom: 0;}
#post_find .contWrap ul.blockLayout li a {display: block;}
#post_find .contWrap ul.blockLayout li strong {font-size: 16px;font-weight: 700;color: #000;}
#post_find .contWrap ul.blockLayout li table {margin-top: 15px;border-spacing: 0 10px;border-collapse: separate;}
#post_find .contWrap ul.blockLayout li table tbody {}
#post_find .contWrap ul.blockLayout li table tr {margin: 2px 0;}
#post_find .contWrap ul.blockLayout li table th {font-size: 14px;color: #222222;font-weight: 500;vertical-align:top;line-height: 1.29;}
#post_find .contWrap ul.blockLayout li table td {color: #aaaaaa;font-weight: 500;word-break: keep-all;}

#post_find .contWrap .search_emtpy {padding: 110px 0 0; display: flex; flex-direction: column; justify-content: center;}
#post_find .contWrap .search_emtpy img {width: 32px; margin: 0 auto;}
#post_find .contWrap .search_emtpy p {padding-top: 15px; text-align: center; font-size: 14px; line-height: 21px; color: #aaaaaa; font-weight: 500;}

#post_find .full_body .search_emtpy{ display: flex; flex-direction: column;align-items: center; padding-top: 125px;}
#post_find .full_body .search_emtpy img{width: 32px; display: block;}
#post_find .full_body .search_emtpy p{color: #aaa; font-weight: 500; text-align: center; padding: 15px 0 100px 0;}


#order_dest .dest_list {margin-top: -10px; padding: 0 0 50px;}
#order_dest .dest_list .thead {display: flex; padding: 20px 0; border-top: 2px solid #222222; border-bottom: 1px solid #e5e5e5;}
#order_dest .dest_list .thead >li {display: flex; justify-content: center; align-items: center; flex: 0 0 auto; text-align: center; font-size: 16px; line-height: 24px; color: #222222; font-weight: 500;}
#order_dest .dest_list .td_440 {width: 440px; margin-right: 30px; position: static;}
#order_dest .dest_list .td_150 {width: 150px; margin: 0 30px;}
#order_dest .dest_list .scroll_y {overflow-y: auto; max-height: 360px;}
#order_dest .dest_list .scroll_y::-webkit-scrollbar { width: 2px;}
#order_dest .dest_list .scroll_y::-webkit-scrollbar-thumb {background-color: #b7a386;border-radius: 10px;}
#order_dest .dest_list .scroll_y::-webkit-scrollbar-track {background-color: #f5f5f5;border-radius: 10px;}
#order_dest .dest_list .addressInfo.remove {}
#order_dest .dest_list .addressInfo {position: relative; display: flex; align-items: center; border-bottom: 1px solid #e5e5e5;}
#order_dest .dest_list .addressInfo >li {flex: 0 0 auto;}
#order_dest .dest_list .addressInfo li input {display: none;}
#order_dest .dest_list .addressInfo li .input_wrap label.dest_check {position: absolute; left: 0; top: 25px; display: inline-block; width: 20px; height: 20px; background: url(../images/checked_off.png) center no-repeat; background-size: 20px; text-indent: -9999px; overflow: hidden; z-index: 2;}
#order_dest .dest_list .addressInfo li .input_wrap label.dest_check.delete {display: none;}
#order_dest .dest_list .addressInfo li input:checked + .input_wrap label.dest_check {background: url(../images/checked_on.png) center no-repeat; background-size: 20px;}
#order_dest .dest_list .addressInfo li label.box_bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5);}
#order_dest .dest_list .addressInfo li input:checked + .input_wrap label.box_bg {display: none;}
#order_dest .dest_list .list-box {display: block; margin-bottom: 10px; padding: 25px 0 25px 52px; background: #fff; border-radius: 10px;}
#order_dest .dest_list .list-box .tit {display: flex; align-items: center; margin-bottom: 10px;}
#order_dest .dest_list .list-box .tit button {}
#order_dest .dest_list .list-box .tit button h2 {display: inline-block; font-size: 16px; line-height: 24px;}
#order_dest .dest_list .list-box .tit button img {width: 16px; margin-left: 10px;}
#order_dest .dest_list .list-box .tit span {margin-right: 10px; display: flex; align-items: center; height: 26px; padding: 0 8px; border: 1px solid #222222; border-radius: 15px; font-weight: 600; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; color: #222222;}
#order_dest .dest_list .list-box .info {padding: 15px 0 5px; display: flex;}
#order_dest .dest_list .list-box .address_wrap {display: flex;}
#order_dest .dest_list .list-box .address_wrap .mail {margin-right: 5px; font-weight: 500; color: #222222;}
#order_dest .dest_list .list-box .address_wrap .address {display: inline; font-weight: 500; color: #222222;}
#order_dest .dest_list .list-box .detail {display: inline; font-weight: 500; color: #222222;}
#order_dest .dest_list .name {text-align: center; font-weight: 600; color: #222222;}
#order_dest .dest_list .phone {text-align: center; font-weight: 600; color: #222222;}
#order_dest .dest_list .delete {position: absolute; right: 20px; top: 25px; width: 20px; height: 20px; content: ''; background: url(../images/icon_close@3x.png) center no-repeat; background-size: 20px; text-indent: -9999px; overflow: hidden;}
#order_dest .dest_list .btn_select {display: block; margin: 30px auto 0; height: 44px; padding:0 55px; border-radius: 5px; text-align: center; background: #222; color: #fff; font-weight: 500; font-size: 16px;}

#order_dest .con.empty{display: flex;flex-direction: column;align-items: center;padding: 0 20px 50px 20px;position: relative;z-index: 1;}
#order_dest .con.empty .txt{ font-weight: 500; color: #aaaaaa;padding: 10px 0 0 0;}
#order_dest .con.empty img{padding: 50px 0 0 0;width:31px;}
#order_dest .con.empty .btn_large2_wrap{width: 100%;}
#order_dest .con.empty .btn_large2_wrap button{width: 100%;height: 50px;text-align: center;font-size: 14px;font-weight: 600;line-height: 18px;align-items: center;border-radius: 5px;}



.inner_popup {display: flex; height: 0; justify-content: center; align-items: center; position: fixed; left: 0; right: 0; top: -calc(var(--vh, 1vh) * 100);; bottom: 0; background: rgba(0,0,0,0.4); z-index: 1000;}
.inner_popup.on {height: calc(var(--vh, 1vh) * 100);top: 0;}
.inner_popup .box {height: 0;transform: translate3d(0, 30px, 0);opacity: 0;position: relative;margin: 0 30px;padding: 25px 25px 30px 30px;background: #fff;border-radius: 20px;}
.inner_popup .box.on {height: auto;transform: translate3d(0, 0, 0);opacity: 1;transition: all 0.5s;width: 320px;}
.inner_popup .box .tit_wrap {}
.inner_popup .box .tit_wrap h1 {font-size: 18px;font-weight: 600;}
.inner_popup .box .tit_wrap .close {display: block;position: absolute;top: 15px;right: 15px;z-index: 200;width: 40px;height: 40px;background: #ffffff url("../images/icon_close_btn@3x.png") center center no-repeat;font-size: 0;text-indent: -9999px;background-size: 16px; overflow: hidden;}

.inner_popup .box .con {}
.inner_popup .box .con .modify_wrap {display: flex;align-items: center;justify-content: space-between;margin-top: 13px;}
.inner_popup .box .con .input_text_wrap {width: calc(100% - 64px);}
.inner_popup .box .con .input_text_wrap {position: relative;} 
.inner_popup .box .con .input_text_wrap:focus {border-bottom: 1px solid #e5e5e5; outline: 0 none;}
.inner_popup .box .con .input_text::placeholder  {color: #222222; font-weight: 500;}
.inner_popup .box .con .input_text {padding-right: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;font-weight: 500;font-size: 16px;}
.inner_popup .box .con .save {height: 32px;padding: 6px 12px;border: 1px solid #e5e5e5;border-radius: 5px;font-weight: 500;line-height: 18px;color: #222222;letter-spacing: -0.14px;}
.inner_popup .box.set {margin: 0 20px; padding: 20px;}
.inner_popup .box.set h1 {font-size: 18px; line-height: 27px;}
.inner_popup .box.set .con ul {padding-top: 20px;}
.inner_popup .box.set .con ul li {padding-left: 10px; position: relative; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; color: #707070; word-break: keep-all;}
.inner_popup .box.set .con ul li:before {position: absolute; left: 0; top: 8px; display: block; content: ''; width: 3px; height: 3px; background: #707070; border-radius: 50%;}

.inner_popup.escrow_popup .box {padding: 20px;}
.inner_popup .box .con .escrow_wrap {margin-top: 20px;}
.inner_popup .box .con .escrow_wrap p {font-size: 16px; color: #707070; font-weight: 500; word-break: keep-all;}
.inner_popup.escrow_popup .btn_close {padding: 13px 45px; display: block; margin: 40px auto 0; width: 120px; height: 50px; text-align: center; border-radius: 50px; background: #222; color: #fff; font-size: 16px; font-weight: 500;}


#refundAccount {margin: -10px 0 10px;}
#refundAccount .thead {display: flex; padding: 20px; border-top: 2px solid #222222; border-bottom: 1px solid #e5e5e5;}
#refundAccount .thead >li {display: flex; justify-content: center; align-items: center; flex: 0 0 auto; text-align: center; font-size: 16px; line-height: 24px; color: #222222; font-weight: 500;}
#refundAccount .td_200 {width: 200px; margin: 0 10px;}
#refundAccount .td_300 {width: 300px; margin: 0 10px;}
#refundAccount .td_150 {width: 150px; margin: 0 10px;}
#refundAccount .tbody {display: flex; padding: 25px 20px; border-bottom: 1px solid #e5e5e5;}
#refundAccount .tbody >li {flex: 0 0 auto;}
#refundAccount.accountInfo .tbody >li {display: flex; align-items: center; justify-content: center;}
#refundAccount.accountInfo .bank {font-size: 15px; color: #707070; font-weight: 500;}
#refundAccount.accountInfo .account {font-size: 16px; color: #707070; font-weight: 400;}
#refundAccount.accountInfo .name {font-size: 14px; color: #222222; font-weight: 500;}
#refundAccount .tbody .btn_large2_wrap {justify-content: center;}
#refundAccount .btn_large2_wrap button.btn_large2_1 {width: 140px; height: 44px; border: 1px solid #e5e5e5;}
#refundAccount .btn_large2_wrap button.btn_large2_2 {width: 198px; height: 44px;}
#refundAccount .b_section {padding-top:15px; display: flex; justify-content: space-between;}
#refundAccount .notice{}
#refundAccount .notice li{padding-bottom: 10px;position:relative;padding-left: 9px;font-weight: 500; color: #707070; letter-spacing: -0.14px;word-break: keep-all;}
#refundAccount .notice li:last-child{padding-bottom: 0;}
#refundAccount .notice li:before{position: absolute; left: 0;top: 8px;content: '';width: 3px;height: 3px; background-color: #707070;border-radius: 50%;}


.stock_content{margin: 10px 20px 0 10px;}
.stock_content .info{font-size:14px;font-weight:500;color:#707070}
.stock_content .item{display: flex;justify-content:flex-start;padding-bottom: 14px;border-bottom:1px solid #e3e3e3;margin-top: 10px;}
.stock_content .item .item_pic{width: 90px;height: 90px;margin-right: 15px;border-radius: 5px;border: solid 1px #f5f5f5;overflow: hidden;}
.stock_content .item .item_tit{width: 100%;display: flex;flex-direction: column;}
.stock_content .item .item_tit .brand{color:#aaa;font-size:14px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight:500}
.stock_content .item .item_tit>p{font-size: 16px;line-height: 20px;height: 20px;font-weight:500;/* overflow: hidden; */text-overflow: ellipsis;/* display: -webkit-box; *//* -webkit-line-clamp: 2; *//* -webkit-box-orient: vertical; */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 445px;display: block;margin-top: 7px;}
.stock_content .item .item_tit .item_price{font-size: 20px;margin-top: 10px;font-weight: 700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.stock_content .item_color{padding: 25px 0;}
.stock_content .item_color p{display:flex; justify-content:space-between; font-weight:600;}
.stock_content .item_color p span:first-child{font-size: 16px;color:#000000;font-weight: 600;}
.stock_content .item_color p span:last-child{font-size: 13px;margin-top: auto;font-weight:500;}
.stock_content .item_color .color_select_box{margin: 12px -5px 0;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.stock_content .item_color .color_select_box li{padding: 0 5px;}
.stock_content .item_color input[type='radio']{display: none;}
.stock_content .item_color label div{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border: 1px solid transparent;box-sizing: border-box;}
.stock_content .item_color label img{width:51px; display:block;}
.stock_content .item_color input[type='radio']:checked+label div{border:1px solid #222;border-radius:5px;overflow: hidden;}
.stock_content .item_size{}
.stock_content .item_size p{display:flex; justify-content:space-between; font-weight:700;}
.stock_content .item_size p span{font-size: 16px;color:#000000;font-weight: 600;}
.stock_content .item_size p button{font-size: 13px;margin-top: auto;font-weight:500;}
.stock_content .item_size p button:after{content:''; width:100%; display:block; height:1px; background: #222;}
.stock_content .item_size .item_size_list{margin: 15px -6.5px 0;display:flex;flex-wrap: wrap;}
.stock_content .item_size .item_size_list li{padding: 0 4.5px 9px 4.5px;}
.stock_content .item_size .item_size_list li input{display:none}
.stock_content .item_size .item_size_list li input + label.select_size{display: flex;justify-content: center;align-items: center;width: 44px;height: 44px;border: 1px solid #e5e5e5;border-radius: 5px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;font-size: 12px;color: #dddddd;box-sizing: border-box;}
.stock_content .item_size .item_size_list input:checked + label.select_size {border: 1px solid #222222; border-radius: 5px; color: #222222;}
.stock_content .item_size .item_size_list li.active label{color: #222222 !important;;}
.stock_content .item_branch{padding: 21px 0 40px 0;}
.stock_content .item_branch p{font-size: 16px;display:flex;justify-content:flex-start;font-weight: 600;}
.stock_content .item_branch .select_branch{width: 100%;height: 40px;display: flex; justify-content: space-between;align-items: center; border-bottom: 1px solid #e5e5e5;}
.stock_content .item_branch .select_branch button{}
.stock_content .item_branch .select_branch button .icon_down_arrow{text-indent: -999px; display: inline-block;margin-left: 5px;vertical-align: middle; background: url(../images/icon/input_arrow.png) no-repeat 100% 50%; background-size: 24px 24px; width: 24px;height: 24px;}
.stock_content .item_count{position:relative;padding-bottom: 25px;border-bottom:1px solid #dddddd;}
.stock_content .item_count p{display:flex; justify-content:space-between; font-weight:700;}
.stock_content .item_count .total{font-size:16px;color:#000000;font-weight: 600;}
.stock_content .item_count .num{color:#b7a386;font-weight: 700;}
.stock_content .item_count p #refresh_btn{font-size: 14px;font-weight:500;display: flex;align-items: center;}
.stock_content .item_count p #refresh_btn .refresh {width: 15px;height: 15px;margin-right: 5px;text-indent: -999999px;background: url(../images/icon_refresh@3x.png) no-repeat center;background-size: 15px;}
.stock_content .item_count .layer_gradient{ position:relative;}
.stock_content .item_count .layer_gradient:before{position: absolute;top: 0;content: "";width: 36px;height: 40px;background:linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0) 100%);z-index:5;right: 0;}
.stock_content .item_count .item_option_list{margin: 18px -5px 0;display: flex;overflow-x: scroll;overflow-y: hidden;-ms-overflow-style: none;}
.stock_content .item_count .item_option_list::-webkit-scrollbar {display: none;width: 0 !important;}
.stock_content .item_count .item_option_list li{margin: 0 5px;}
.stock_content .item_count .item_option_list li:last-child{margin-right:0}
.stock_content .item_count .item_option_list button p{padding: 11px 15px;display: flex;justify-content: center;align-items: center;background: #f2f4f7;border-radius: 30px;}
.stock_content .item_count .item_option_list button span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 13px;font-weight: 600;word-break: keep-all;line-height: 1;}
.stock_content .item_count .item_option_list .icon_close{position: relative;background-color: #aaa;margin-left:10px;text-indent: -9999em;border-radius: 0;width: 10px;height: 1px;transform: rotate(45deg);}
.stock_content .item_count .item_option_list .icon_close:after{position: absolute; top: 0;content:'';display:block;width:10px; height:1px;transform: rotate(-90deg);background-color: #aaa;}
.stock_content .item_store_wrap{border-bottom: 1px solid #ddd;padding-bottom: 30px;position: relative;}
.stock_content .item_store{ display:flex;flex-direction: column;padding: 25px 0 0;}
.stock_content .item_store .info_txt{font-size: 12px;line-height: 2.17;text-align: right;letter-spacing: -0.12px;color: #b7a386;}
.stock_content .item_store .store_wrap{display: flex;}
.stock_content .item_store .store_wrap .branch_desc{width:100%}
.stock_content .item_store .store_wrap img{width: 130px;margin-right: 20px;height: 130px;}
.stock_content .item_store .branch_name{font-size: 18px;font-weight:600;/* margin-bottom:5px; */line-height: 27px;}
.stock_content .item_store .branch_address{font-size:16px;/* margin-top:8px; */display: flex;justify-content: space-between;/* align-items: center; */min-height: 40px;}
.stock_content .item_store .branch_address span{display:inline-block;/* width: 333px; *//* height: 40px; */padding-top: 8px;flex-basis: 0;flex-grow: 1;}
.stock_content .item_store .branch_address #copy{text-indent:-9999em;width:40px;height:40px;border:1px solid #e5e5e5;border-radius:50%;box-sizing: border-box;margin-left: 10px;background:url(../images/url_copy@3x.png) center no-repeat;background-size:17.4px;}
.stock_content .item_store .branch_hour{font-size: 15px;color:#7a7a7a;display:flex;align-items:center;margin-top: 15px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;flex-wrap: wrap;line-height: 22px;}
.stock_content .item_store .branch_hour span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.stock_content .item_store .branch_hour .clock{width:13px; height:13px; background-image:url(../images/icon_time@3x.png); margin-right:2px;background-size: contain;}
.stock_content .item_store .branch_tel{font-size: 15px;color:#7a7a7a;display:flex;align-items:center;margin-top: 10px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;flex-wrap: wrap;line-height: 22px;}
.stock_content .item_store .branch_tel span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.stock_content .item_store .branch_tel .tel{width:13px; height:13px; background-image:url(../images/icon_time@3x.png); margin-right:2px;background-size: contain;}
.stock_content .total_list ul{padding:20px;justify-content: flex-start;flex-direction: column; border-radius:5px; background-color:#f8f8f8;}
.stock_content .total_list ul li:before{content:''; display:inline-block; width:3px; height:3px; vertical-align: middle; border-radius:50%; background:#333333; margin-right:6px}
.stock_content .total_list ul li{font-weight:500;}
.stock_content .total_list ul li span{font-weight: 500;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.stock_content .total_list .count{color:#b7a386;}
.stock_content .btns{/* margin-top:20px; */display:flex;flex-direction:row;justify-content:space-between;position: absolute;top: 0;right: 0;/* width: 40px; *//* height: 40px; */}
.stock_content .btns button{width: 100%;height: 50px;display: flex;justify-content: center;align-items:center;border-radius:5px;width: 40px;height: 40px;border: 1px solid #e5e5e5;border-radius: 50%;text-indent: -9999em;}
.stock_content .btns button span{font-weight: 500;font-size: 14px;}
.stock_content .btns img{width:20px; vertical-align:middle;}
.stock_content .btns #call{background:#222; color:#fff; margin-left:5px;}
.stock_content .no_stock_branch{display: flex;justify-content: center;padding: 57px 0 0 0;flex-direction: column;align-items: center;}
.stock_content .no_stock_branch img{width:30px;display: block;}
.stock_content .no_stock_branch p{line-height: 1.5;margin: 10px 0 50px;font-weight: 500;-webkit-text-stroke: 1px rgba(0, 0, 0, 0);letter-spacing: -0.14px;color: #aaa;}


#cart_add.scroll {height: 644px;}
#cart_add .layer_tit{padding-bottom: 30px;font-size: 30px;font-weight: 600; letter-spacing: -0.3px;color: #222;}
#cart_add .con{display: flex;justify-content: space-between;/* overflow-y: scroll; */}
#cart_add .con .con_photo{ width: 450px;margin-right: 40px;position:relative}
#cart_add .con .con_photo .photo_wrap{width: 450px; height: 450px;border-radius: 5px; overflow:hidden}
#cart_add .con .con_photo img{display:block}
#cart_add .list-prev{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);left:14px;z-index: 1;width: 44px;height: 44px;background: url(../images/list_slider_prev@3x.png) center no-repeat; background-size:  44px;}
#cart_add .list-next{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);right:14px;z-index: 1;width: 44px;height: 44px;background: url(../images/list_slider_next@3x.png) center no-repeat; background-size:  44px;}
#cart_add .pagination{position: absolute; padding-top: 20px;display: flex;left: 50%;transform: translateX(-50%);}
#cart_add .pagination .swiper-pagination-bullet{background-color: #d6d6d6;margin-right:10px}
#cart_add .pagination .swiper-pagination-bullet:last-child{margin-right:0}
#cart_add .pagination .swiper-pagination-bullet-active{background-color: #000;}
#cart_add .con .option_box{padding-right: 20px;/* height: 600px; *//* overflow-y: auto; *//* overflow-x: hidden; */width: 430px;}
#cart_add .con .option_box::-webkit-scrollbar{width: 2.5px;height: 440px; background-color: #f5f5f5; border-radius: 10px;}
#cart_add .con .option_box::-webkit-scrollbar-thumb{width: 2.5px;height: 200px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;}
#cart_add .con .option_box .hd{display: flex;justify-content: space-between;align-items: center;padding-bottom: 12px;}
#cart_add .con .option_box .hd .brand_btn{font-size: 12px;font-weight: 600;color: #707070;/* line-height: 1; */}
#cart_add .con .option_box .hd .brand_btn:after{display:inline-block;content:'';background: url(../images/icon/input_arrow_right@3x.png) center 2px no-repeat;width:12px;height: 14px;background-size: 14px;}
#cart_add .con .option_box .hd span{font-size: 11px;font-weight: 500;color: #aaa;}

#cart_add .con .option_box .product_nm{font-size: 18px;font-weight: 600;letter-spacing: -0.18px;color: #222;padding-right: 39px;}
#cart_add .con .option_box .marketing_title{height: 20px;font-size: 14px;font-weight:600;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: -0.14px;text-align: left;color: #5211ce;display: block;margin-top: -12px;}
#cart_add .con .option_box .review_sum{display: flex;align-items: center;justify-content: space-between;padding: 12px 0 10px 0;}
#cart_add .con .option_box .review_sum .left_wrap{ display: flex;align-items: center;}
/* #cart_add .con .option_box .review_sum .star_wrap{}
#cart_add .con .option_box .review_sum .star_wrap img{width: 15px;display: inline-block;}
 */
#cart_add .con .option_box .review_sum .star_wrap{/* display: flex; */width: 104px;height: 17px;background: #dddddd;position: relative;}
#cart_add .con .option_box .review_sum .star_wrap .star_bar{/* display: flex; */background: #b7a386;height: 16px;/* width: 97px; */}
#cart_add .con .option_box .review_sum .star_wrap .star_bg{content: "";display: block;position: relative;z-index: 10;width: 104px;height: 17px;background: url(../images/rating_off_white@3x.png) repeat-x 0 0;background-size: contain;pointer-events: none;position: absolute;left: 0;top: 0;background-size: 103px;}

#cart_add .con .option_box .review_sum .left_wrap .score{font-size: 18px;font-weight: 600; color: #222;margin: 0 10px;}
#cart_add .con .option_box .review_sum .left_wrap .bar{ width: 1px;background-color: #ddd;display:block;height: 14px;margin-right:7px}
#cart_add .con .option_box .review_sum .left_wrap .view_review{display: flex;align-items: center;font-size: 14px;font-weight: 500;color: #222;letter-spacing: -0.14px;}
#cart_add .con .option_box .review_sum .left_wrap .view_review:after{display:block;content:'';width: 12px;height: 12px;background: url(../images/icon/input_arrow_black2@3x.png) center no-repeat; background-size: 12px;}
#cart_add .con .option_box .review_sum .right_wrap{padding-right: 15px;}

#cart_add .con .option_box .review_sum .wish_btn #like{/* position: absolute; *//* right: 0; *//* top: 0; *//* display: flex; *//* justify-content: center; *//* align-items: center; *//* width: 30px; *//* height: 30px; *//* border-radius: 21px; *//* background-color: #fff; *//* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */}
#cart_add .con .option_box .review_sum .wish_btn #like + label {display: inline-block;width: 30px;height: 30px;background: url(../images/icon_heart@3x.png) center no-repeat;/* background-size: contain; */text-indent: -9999px;overflow: hidden;background-size: 30px;margin-right: 6px;}
#cart_add .con .option_box .review_sum .wish_btn #like:checked + label {display: block;width: 30px;height: 30px;background: url(../images/icon_heart_on@3x.png) center no-repeat;background-size: contain;}
#cart_add .con .option_box .review_sum .wish_btn #like{}
#cart_add .con .option_box .review_sum .wish_btn #like + label.active{background: url(../images/icon_heart_on@3x.png) center no-repeat;background-size:30px;}
#cart_add .con .option_box .review_sum .wish_btn #like:checked + label{}

#cart_add .con .option_box .review_sum .wish_btn{position: relative;display: flex;}
#cart_add .con .option_box .review_sum .wish_btn .input_none {display: none;}
#cart_add .con .option_box .review_sum .wish_btn #like{/* position: absolute; *//* right: 0; *//* top: 0; *//* display: flex; *//* justify-content: center; *//* align-items: center; *//* width: 30px; *//* height: 30px; *//* border-radius: 21px; *//* background-color: #fff; *//* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */}
#cart_add .con .option_box .review_sum .wish_btn #like + label {display: inline-block;width: 30px;height: 30px;background: url(../images/icon_heart@3x.png) center no-repeat;/* background-size: contain; */text-indent: -9999px;overflow: hidden;background-size: 30px;margin-right: 6px;}
#cart_add .con .option_box .review_sum .wish_btn #like:checked + label {display: block;width: 30px;height: 30px;background: url(../images/icon_heart_on@3x.png) center no-repeat;background-size: contain;}
#cart_add .con .option_box .review_sum .wish_btn #like{}
#cart_add .con .option_box .review_sum .wish_btn #like + label.active{background: url(../images/icon_heart_on@3x.png) center no-repeat;background-size:30px;}
#cart_add .con .option_box .review_sum .wish_btn #like:checked + label{}
#cart_add .con .option_box .review_sum .wish_btn .share{display: inline-block;position: relative;}
#cart_add .con .option_box .review_sum .wish_btn .share button{text-indent: -9999em;background: url(../images/icon_share@3x.png) 0 0 no-repeat;background-size: 28px;width: 28px;height: 28px;position: relative;z-index: 1;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns{display:flex;position: absolute;right: 0;/* padding: 0 0 0 13px; */top: 40px;overflow: hidden;opacity: 0;transition: opacity 0.3s;z-index: 5;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li{padding: 0 5px;/* transform: translate(0, 0); */transition: transform 0.3s;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li a{width: 30px;height: 30px;display: block;text-indent: -9999em;box-sizing:border-box;/* border: 1px solid transparent; */}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.twitter a{background: #73a0fa url(../images/twitter@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border: 1px solid #73a0fa;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.facebook a{background: #4167b1 url(../images/facebook@3x.png) center center no-repeat;background-size: 7px;border-radius: 50%;border: 1px solid #4167b1;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.kakao a{background: #f9e103 url(../images/kakaotalk@3x.png) center center no-repeat;background-size: 15px;border-radius: 50%;border: 1px solid #f9e103;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.url_copy a{background: #fff url(../images/url_copy@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border:1px solid #e5e5e5}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.twitter{transform: translate(84px, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.facebook{transform: translate(44px, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.kakao{transform: translate(-129px, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.url_copy{transform: translate(4px, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.twitter{transform: translate(0, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.facebook{transform: translate(0, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.kakao{transform: translate(0, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.url_copy{transform: translate(0, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share.active .sns{overflow: visible;opacity: 1;}

#cart_add .con .option_box .review_sum button{/* width:24px; *//* height:24px; *//* text-indent: -999em; */}
#cart_add .con .option_box .review_sum .btn_wish{/*background: url(../images/icon_heart_in_list@3x.png) center center no-repeat;*/ background-size: 24px;}
#cart_add .con .option_box .review_sum .btn_share{background: url(../images/icon_share@3x.png) center no-repeat; background-size:24px;}
#cart_add .con .option_box .review_sum .btn_wish.active{background:url(../images/icon_heart_on@3x.png) !important;background-size:cover !important;}

#cart_add .con .option_box .label_list{padding-top: 0;}
#cart_add .con .option_box .label_list{/* margin-top: 16px; *//* border-bottom:1px solid #e5e5e5; */padding-bottom: 30px;}

#cart_add .con .option_box .label_list {font-size: 0;display: flex;align-items: center;flex-wrap: wrap;/* padding-top: 15px; *//* border-bottom: 1px solid #e5e5e5; *//* margin-bottom: 20px; */}
#cart_add .con .option_box .label_list span {/* padding: 2px 3px; */font-size: 10px;line-height: 11px;letter-spacing: -0.08px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;border-radius: 3px;display: block;box-sizing: border-box;margin-right: 4px;font-weight: 600;margin-bottom: 2px;/* -webkit-transform: scale(0.8); */position: relative;/* text-indent: -9999em; */height: 19px;/* width: 29px; *//* padding: 3px 7px; */}
#cart_add .con .option_box .label_list span img{display:block;height:19px;}
#cart_add .con .option_box .label_list span:last-child{margin-right:0}
#cart_add .con .option_box .label_list span.label_best {/* color: #fff; *//* background: #222222; *//* border: 1px solid #222; *//* width: 36px; *//* height: 17px; *//* width: 29px; *//* height: 14px; */}
#cart_add .con .option_box .label_list span.label_new {/* color: #fff; *//* background: #5211ce; *//* border: 1px solid #5211ce; */}
#cart_add .con .option_box .label_list span.label_case {/* color: #222; *//* background: #efefef; *//* border: 1px solid #efefef; */}
#cart_add .con .option_box .label_list span.label_gift {/* color: #fff; *//* background: #ff99a6; *//* width: 26px; *//* border: 1px solid #ff99a6; */}
#cart_add .con .option_box .label_list span.label_exc {/* color: #fff; *//* background: #b7a386; *//* border: 1px solid #b7a386; *//* width: 53px; */}
#cart_add .con .option_box .label_list span.label_online {/* color: #222222; *//* border: 1px solid #222222; *//* padding: 1px 4px; *//* width: 40px; */}
#cart_add .con .option_box .label_list span.label_cobuying {color: #5212ce;border: 1px solid #5212ce;background: #fff;letter-spacing: -0.12px;/* width: 37px; */font-family: 'NotoSansCJKkr';padding: 3px 7px;}

#cart_add .con .option_box .item_color{/* margin-top: 30px; */}
#cart_add .con .option_box .item_color .tit{font-size:16px;font-weight:600;color: #000;}
#cart_add .con .option_box .item_color p{display:flex; justify-content:space-between; font-weight:600;}
#cart_add .con .option_box .item_color p span:first-child{font-size: 16px;color:#000000;letter-spacing: -0.16px;font-weight: 600;}
#cart_add .con .option_box .item_color p span:last-child{font-size: 13px;/* margin-top: auto; */font-weight:500;color: #222;letter-spacing: -0.13px;}
#cart_add .con .option_box .item_color .color_select_box{margin: 10px -3.5px 20px -3.5px;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
#cart_add .con .option_box .item_color .color_select_box li{padding: 3.5px;}
#cart_add .con .option_box .item_color input{display: none;}
#cart_add .con .option_box .item_color label div{width:59px; height:59px;display: flex;justify-content: center; align-items: center; border: 1px solid transparent;}
#cart_add .con .option_box .item_color label img{width:51px; display:block;}
#cart_add .con .option_box .item_color input:checked+label div{border:1px solid #222; border-radius:5px;}
#cart_add .con .option_box .item_size p{display:flex; justify-content:space-between; font-weight:700;align-items: baseline;}
#cart_add .con .option_box .item_size p span{font-size: 16px;color:#000000;font-weight: 600;letter-spacing: -0.16px;}
#cart_add .con .option_box .item_size p span:nth-child(1) {margin-right: 10px;}
#cart_add .con .option_box .item_size p span:nth-child(2) {color: #5211ce;font-size: 13px;margin-right: auto;font-weight: 500;}
#cart_add .con .option_box .item_size .item_name{font-weight: 500;}
#cart_add .con .option_box .item_size p button{font-size: 13px;/* margin-top: auto; */font-weight:500;color: #222;letter-spacing: -0.13px;white-space: nowrap;}
#cart_add .con .option_box .item_size.set{/* padding-bottom:11px; */}
#cart_add .con .option_box .item_size.set:last-child{padding-bottom:0;}
#cart_add .con .option_box .item_size.set button{margin-bottom: auto;}
#cart_add .con .option_box .item_size p button:after{content:''; width:100%; display:block; height:1px; background: #222;}
#cart_add .con .option_box .item_size .item_size_list{display:flex;flex-wrap: wrap;margin: 10px -4.5px;}
#cart_add .con .option_box .item_size .item_size_list li{padding: 0 4.5px 10px 4.5px;}
#cart_add .con .option_box .item_size .item_size_list li:last-child{margin-right:0;}
#cart_add .con .option_box .item_size .item_size_list li:nth-child(6){margin-right:0;}
#cart_add .con .option_box .item_size .item_size_list li:nth-child(12){margin-right:0;}
#cart_add .con .option_box .item_size .item_size_list li input{display:none}
#cart_add .con .option_box .item_size .item_size_list li input + label.select_size{display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border: 1px solid #e5e5e5; border-radius: 5px; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600; font-size: 12px; color: #dddddd; box-sizing: border-box;}
#cart_add .con .option_box .item_size .item_size_list input:checked + label.select_size {border: 1px solid #222222; border-radius: 5px; color: #222222;}
#cart_add .con .option_box .item_size .item_size_list li.active label{color: #222222 !important;;}
#cart_add .con .option_box .item_amount{display: flex;/* padding: 15px 0 0 0; */border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
#cart_add .con .option_box .item_amount .tit{font-size: 16px;font-weight: 600;/* line-height: 2; */color: #000000;letter-spacing: -0.16px;display: flex;align-items: center;}
#cart_add .con .option_box .item_amount .count_btn{margin-left: auto;height: 40px;display: flex;justify-content: space-between;align-items: center;/* border-bottom: 1px solid #e5e5e5; */}
#cart_add .con .option_box .item_amount .count_btn span{}
#cart_add .con .option_box .item_amount .count_btn span input{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 16px;font-weight: 700;border: 0;width: 145px;text-align: center;}
#cart_add .con .option_box .item_amount .count_btn #minus_one{width: 14px;height: 14px;background: url(../images/amount_down.png) no-repeat center;background-size: cover;text-indent: -9999em;}
#cart_add .con .option_box .item_amount .count_btn #plus_one{width: 14px;height: 14px;background: url(../images/amount_up.png) no-repeat center;background-size: cover;text-indent: -9999em;}
#cart_add .con .option_box .total{/* border-top: 1px solid #e5e5e5; *//* padding-top: 19px; */margin: 20px 0 30px;}
#cart_add .con .option_box .total .box{font-size: 18px;font-weight: 500;color: #222;display: flex;justify-content: space-between;align-items: end;}
#cart_add .con .option_box .total .box .price{}
#cart_add .con .option_box .total .box .price strong{font-size: 24px;font-weight: 700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 30px;}
#cart_add .con .option_box .sum_price{padding: 20px 0 30px 0;display: flex; justify-content: space-between; align-items: center;}
#cart_add .con .option_box .sum_price > span{font-size: 18px;font-weight: 500;letter-spacing: -0.18px; color: #222;}
#cart_add .con .option_box .sum_price > span .num{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;color: #b7a386;font-weight: 600;}
#cart_add .con .option_box .sum_price .price{ text-decoration: none; font-size: 24px;font-weight: 700;color: #222;}
#cart_add .benefit{padding-bottom: 30px;}
#cart_add .benefit .tit{ font-size: 16px;font-weight: 600;letter-spacing: -0.16px;color: #222;padding-bottom: 12px;}
#cart_add .benefit ul li {position: relative;padding: 4px 0 4px 30px;font-size: 13px;line-height: 19px;color: #707070;letter-spacing: -0.13px;font-weight: 500;}
#cart_add .benefit ul li.card,
#cart_add .benefit ul li.change {display: flex;align-items: self-start;align-items: center;}
#cart_add .benefit ul li span.add_info {display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(../images/i.png) center no-repeat; background-size: 13px; text-indent: -9999px; overflow: hidden;}
#cart_add .benefit ul li span.add_info:hover{cursor:pointer}
#cart_add .benefit ul li span.add_info {display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(../images/i.png) center no-repeat; background-size: 13px; text-indent: -9999px; overflow: hidden;}
#cart_add .benefit ul li span.important {font-weight: bold}
#cart_add .benefit ul li:not(.deliveryInfo):before {position: absolute; left: 0; top: 4px; display: block; width: 20px; height: 20px; content: ''; }
#cart_add .benefit ul li.li_card_promotion:first-child:before {background: url(../images/icon_point_60px.png) center no-repeat; background-size: 20px;}
#cart_add .benefit ul li.card:before {background: url(../images/icon_card.png) center no-repeat; background-size: 20px;}
#cart_add .benefit ul li.point:before {background: url(../images/icon_point.png) center no-repeat; background-size: 20px;}
#cart_add .benefit ul li.deliveryfee:before {background: url(../images/icon_delivery.png) center no-repeat; background-size: 20px;}
#cart_add .benefit ul li.stock:before {background: url(../images/icon_stock.png) center no-repeat; background-size: 20px;}
#cart_add .benefit ul li.deliveryInfo .icon:after{content:'.)';white-space:pre;display:none;position: absolute;top: 26px;left: 45px;border: 1px solid #999;padding: 10px 20px;background: #fff;font-weight: 500;z-index: 2;color:#222;border-radius: 5px 20px 20px 20px;}
#cart_add .benefit ul li.deliveryInfo .icon.resGoods:after{content:'.';white-space:pre;display:none;position: absolute;top: 26px;left: 45px;border: 1px solid #999;padding: 10px 20px;background: #fff;font-weight: 500;z-index: 2;color:#222;border-radius: 5px 20px 20px 20px;}
#cart_add .benefit ul li.deliveryInfo .icon:hover::after{display:block;}
#cart_add .benefit ul li.deliveryInfo .icon{display: block;width: 15px;height: 15px;cursor: pointer;margin-left: 5px;background: url(../images/i.png) 0px 2px no-repeat;}
#cart_add .benefit ul li.deliveryInfo {display: flex;align-items: center;}
#cart_add .benefit ul li.stock .off {margin-left: 7px;display: inline-block;height: 18px;border-bottom: 1px solid #222222;font-size: 12px;letter-spacing: -0.12px;color: #222222;font-weight: 500;}
#cart_add .benefit ul li.stock .off:hover{cursor:pointer}
#cart_add .benefit ul li.change:before {background: url(../images/icon_change.png) center no-repeat; background-size: 20px;} 
#cart_add .benefit .change_info_wrap {display: none;}
#cart_add .benefit .change_info_wrap.active {display: block;}
#cart_add .benefit .change_info {position: absolute; left: 20px; right: 20px; bottom: -15px;}
#cart_add .benefit .change_info p {background: #222222; padding: 10px 12px; border-radius: 5px 20px 20px 20px; color: #fff; font-size: 12px; line-height: 18px; letter-spacing: -0.24px;}
#cart_add .benefit .change_info p span {color: #b7a386;}
#cart_add .benefit .close_bg {position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: block; z-index: 1;}
#cart_add .con .option_box .large_btn{display: block;}
#cart_add .con .option_box .large_btn button{width: 100%;height: 50px;border-radius: 5px;border: solid 1px #ddd;font-size: 16px;font-weight: 600;color: #222;margin-bottom: 5px;}
#cart_add .con .option_box .large_btn .soldout{width: 100%;height: 50px;line-height:50px;text-align:center;border-radius: 5px;font-size: 16px;font-weight: 600;color: #fff;background:#222;position:relative;}
#cart_add .con .option_box .large_btn .soldout:after{display:block;content:'';width:100%;height:100%;background:rgba(255,255,255,.8);position:absolute;left:0;top:0}

#cart_add .opt_wrap{padding:20px 0 15px;/* border-top:1px solid #e5e5e5; */border-bottom:1px solid #e5e5e5;}
#cart_add .opt_box{display:flex;justify-content: space-between;margin-top: 15px;}
#cart_add .opt_box:nth-of-type(1){margin-top: 0;}
#cart_add .opt_box .opt_tit{font-size: 16px;font-weight: 600;line-height: 40px;color: #000;}
#cart_add .option{width:243px}
#cart_add .option .errortxt{color:#f25758;font-size:14;padding-top:10px;display:none}
#cart_add .option.error .errortxt{display:block;}
#cart_add .option.error .pack_goods button{border-bottom:1px solid #f25758}
#cart_add .pack_goods {position:relative;}
#cart_add .pack_goods button {position:relative;display:block;width: 100%;height:40px;/* padding:0 40px 0 19px; */font-size:15px;font-weight: 500;line-height:40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;padding-right: 20px;}
#cart_add .pack_goods button:before {/* content:''; */position:absolute;right:25px;top:19px;width:10px;height:2px;background:#222;transform:rotate(45deg);}
#cart_add .pack_goods button:after {content:'';position:absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../images/icon/input_arrow_down_black@3x.png) center center no-repeat;background-size: 20px;}
#cart_add .pack_goods button.on:before {transform:rotate(-45deg);}
#cart_add .pack_goods button.on:after {/* transform:rotate(45deg); */}
#cart_add .pack_goods ul {overflow:hidden;position:absolute;top: 43px;height:0;width:100%;/* border:1px solid #d6d6d6; */border-top:0 none;border-bottom:0 none;background:#fff;box-sizing:border-box;z-index:100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 0 20px;}
#cart_add .pack_goods ul.option_list{width: 428px;left: -185px;}
#cart_add .pack_goods ul.on {max-height:301px; border-bottom:1px solid #d6d6d6;}
#cart_add .pack_goods ul li {/* height:59px; *//* border-top:1px solid #d6d6d6; */padding: 20px 0 0px;position: relative;cursor: pointer;}
#cart_add .pack_goods ul li input{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
#cart_add .pack_goods ul li input + label{display:block;cursor: pointer;}
#cart_add .pack_goods ul li input + label p{font-size:14px;line-height:21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;display: inline-block;max-width: 388px;position: relative;box-sizing: border-box;}
#cart_add .pack_goods ul li input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
#cart_add .pack_goods ul li input:checked + label{}
#cart_add .pack_goods ul li input:checked + label p{font-weight:600;background:url(../images/icon/checked_on@3x.png) center right no-repeat;background-size:13px;}
#cart_add .pack_goods ul li input:checked + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
#cart_add .pack_goods ul li.active input + label p{font-weight:600;padding-right: 25px;}
#cart_add .pack_goods ul li.active input + label p:after{background:url(../images/icon/checked_on@3x.png) center right no-repeat;background-size:13px;display:block;content:'';width:13px;height:13px;position:absolute;top:3px;right:0}
#cart_add .pack_goods ul li.active input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
#cart_add .pack_goods ul li:last-child{padding-bottom: 20px;}
#cart_add .pack_goods ul li:first-child {/* height:60px; */border-top:0 none;/* padding-top: 20px; */padding-bottom:0}
#cart_add .pack_goods ul li a {display:block; height:59px; padding:3px 19px 0 20px; box-sizing:border-box;}
#cart_add .pack_goods ul li a span {display:block; font-size:13px; }
#cart_add .pack_goods ul li a .text {overflow:hidden; line-height:28px;}
#cart_add .pack_goods ul li a .name {float:left; max-width:312px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
#cart_add .pack_goods ul li a .ea {float:right; max-width:65px; text-align:right; color:#666;}
#cart_add .pack_goods ul li a .price {color:#222;}
#cart_add .pack_goods ul li.soldout a,
#cart_add .pack_goods ul li.soldout a span {color:#a8a8a8}

#cart_add .option_select{}
#cart_add .option_select .goods_option_list{}
#cart_add .option_select .goods_option_list p.tit{font-size:16px;font-weight:600;color:#000;padding: 20px 0 4px;display:block;}
#cart_add .option_select .goods_option_list .optionListDiv{}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box{background:#f8f8f8;border-radius:10px;margin-top:10px;padding: 20px;box-sizing: border-box;position: relative;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li{}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.size{font-size: 14px;font-weight: 500;color: #aaaaaa;margin-bottom:10px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price{display: flex;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price > span{font-size:18px;font-weight:700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 25px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon{width:71px;height:25px;display: inline-block;margin-left: 10px;border: 1px solid #222;border-radius: 5px;box-sizing: border-box;text-align: center;font-size: 11px;font-weight: 600;line-height: 23px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon:after{display:inline-block;content:'';width:12px;height: 12px;background: url('../images/download@3x.png') center -2px no-repeat;background-size:12px;margin-left:2px;vertical-align: middle;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price .amount{display: flex;align-items: center;justify-content: center;margin-left: auto;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box:after {content:''; display:block; clear:both;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.title {/* position:relative; */margin: 0 0 2px;font-size: 16px;font-weight: 500;color:#222;line-height: 23px;padding-right: 25px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.title a{position:absolute;right:16px;top: 18px;width:26px;width: 26px;height: 26px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount {float:left;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span {width: 17px;display: inline-block;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span a{display:flex;align-items:center;justify-content:center;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount input[type=text] {/* float:left; */width: 67px;height: 25px;padding:0 0 2px;font-size:13px;line-height:26px;text-align:center;/* color:#5d5d5d; */border: 0;margin: 0 13px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 15px;font-weight: 700;background: transparent;box-sizing: border-box;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount .optcoupon {float:left; margin:1px 0 0 14px; padding:2px 32px 3px 13px; font-size:13px;  color:#fff; background:url(../images/coupon_downicon.png) #222 no-repeat 70px 8px; border-radius:28px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon {position:relative; float:left; margin:0 0 0 13px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon a {display:inline-block; padding:2px 32px 3px 13px; font-size:13px;  color:#fff; background:url(../images/coupon_downicon.png) #222 no-repeat 70px 8px; border-radius:28px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer {display:none; position:absolute; left:-143px; top:59px; width:540px; min-height:265px; padding:24px 29px 0; border:1px solid #222; background:#fff; box-sizing:border-box; z-index:100;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .closebtn {position:absolute; right:20px; top:20px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .title {margin:0 0 8px; font-size:20px; font-weight:400;  color:#222;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox {position:relative; padding:50px 0 0; border-top:2px solid #222;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox .tablescroll {overflow-x:hidden; overflow-y:auto; display:block; width:100%; max-height:227px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead {position:absolute; left:0; top:0; width:100%; height:50px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead tr th {height:50px; padding:0; text-align:center; vertical-align:middle; border-bottom:1px solid #d6d6d6;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td {padding:11px 0 9px; text-align:center; color:#666; border-bottom:1px solid #d6d6d6;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td .ellipsis {width:240px; padding:0 0 0 10px; text-align:left;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td strong {font-family: 'hk_nova_regular','Noto Sans KR'; font-size:15px; color:#222;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down a {width:95px; height:30px; margin:0; padding:3px 32px 5px 15px; background-position:68px 9px; box-sizing:border-box;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down span {display:inline-block; width:95px; height:30px; padding:2px 0 0; font-size:13px; text-align:center; color:#a8a8a8; border:1px solid #d6d6d6; box-sizing:border-box; border-radius:30px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .allbtn {display:block; width:170px; height:50px; margin:30px auto 7px; padding:10px 0 0 25px; font-size:15px; font-weight:400;  color:#222; border:1px solid #222; background:url(../images/coupon_downicon02.png) #fff no-repeat 123px 16px; border-radius:0; box-sizing:border-box;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .warninglist {padding-bottom:26px;}


#coupon_benefit{width: 360px; padding: 30px 30px 40px; }
#coupon_benefit .layer-box{height: 320px; min-height: 407px;}
#coupon_benefit .full_head{padding: 0 0 17px 0; border-bottom: 1px solid #222;}
#coupon_benefit .full_close {top: 20px; right: 20px;}
#coupon_benefit .full_head .full_title{text-align: center; font-size: 20px;}
#coupon_benefit .full_body {padding: 0;}
#coupon_benefit .full_body .layer_con {height: 230px;overflow-y: scroll;-ms-overflow-style: none; scrollbar-width: none; border-bottom: 1px solid #e5e5e5;}
#coupon_benefit .full_body .layer_con::-webkit-scrollbar {display: none;}
#coupon_benefit .full_body .coupon_list {overflow-y: scroll;-ms-overflow-style: none;padding-top: 15px;overflow-y: scroll;}
#coupon_benefit .full_body .coupon_list::-webkit-scrollbar{display: none;width: 0 !important;}
#coupon_benefit .full_body .coupon_list > div{display: flex;justify-content: space-between; margin-bottom: 20px;}
#coupon_benefit .full_body .coupon_list > div:last-child {margin-bottom: 15px;}
#coupon_benefit .full_body .coupon_list .coupon_tit > p{font-size: 16px;font-weight: 500; word-break: keep-all;}
#coupon_benefit .full_body .coupon_list .coupon_tit .date{font-size: 14px; color: #707070; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;padding-top: 10px;}
#coupon_benefit .full_body .coupon_list .coupon_img {margin-left: 20px;}
#coupon_benefit .full_body .coupon_list .coupon_img button{width:40px;height:40px;}
#coupon_benefit .full_body .coupon_list .coupon_img img{width:20px}
#coupon_benefit .full_body .notice {margin-top: 20px; color: #707070;}


/* calender */
.calender{/* padding: 0px 42px; *//* margin-top: -30px; */margin: 0 -40px;}
#ui-datepicker-div{display:none !important;}
.ui-widget.ui-widget-content {box-sizing: border-box;display: none;width: 100%;z-index: 9999 !important;border: 0 !important;;padding: 0;font-family: 'NotoSansCJKkr';}
.ui-widget.ui-widget-content .ui-datepicker-header {position: relative;padding: 0;background: none;border: 0;color: #000;font-weight: 400;padding-bottom: 25px;}
.ui-widget.ui-widget-content .ui-datepicker-prev,
.ui-widget.ui-widget-content .ui-datepicker-next {position: absolute;top: 0;z-index: 100;box-sizing: content-box;width: 83px;height: 75px;cursor: pointer;}
.ui-widget.ui-widget-content .ui-datepicker-prev:hover,
.ui-widget.ui-widget-content .ui-datepicker-next:hover{border:0}
.ui-widget.ui-widget-content .ui-datepicker-prev {width:13px; height:30px;background: url(../images/icon_back_black@3x.png) center no-repeat;background-size:cover}
.ui-widget.ui-widget-content .ui-datepicker-next {width:13px; height:30px;background: url(../images/icon_next_black@3x.png) center no-repeat;background-size:cover}
.ui-widget.ui-widget-content .ui-datepicker-prev span,
.ui-widget.ui-widget-content .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;background: none;width: 14px;height: 25px;}
.ui-widget.ui-widget-content .ui-datepicker-title {/* padding: 0 0 19px; */font-size: 20px; font-weight: 500;;text-align: center;margin: 0;}
.ui-widget.ui-widget-content .ui-datepicker-title select {margin: 1px 0;}
.ui-widget.ui-widget-content .ui-datepicker-title span {vertical-align: top;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;margin-left: -5px;}
.ui-widget.ui-widget-content select.ui-datepicker-month,
.ui-widget.ui-widget-content select.ui-datepicker-year {box-sizing: border-box;box-shadow: 4px 7px 15px 0px rgba(0, 0, 0, 0.2);width: 190px;height: 70px;margin: 0 0 0 30px;padding: 0 50px 0 30px;background: #64687a url("../images/arr_slt_date.png") right 30px center no-repeat;font-weight: 700;font-size: 28px;line-height: 70px;color: #ffffff;}
.ui-widget.ui-widget-content select.ui-datepicker-month:first-child,
.ui-widget.ui-widget-content select.ui-datepicker-year:first-child {margin: 0;}
.ui-widget.ui-widget-content table {width: 100%;border-collapse: collapse;}
.ui-widget.ui-widget-content th {box-sizing: border-box; background: #ffffff;text-align: center; border: 0;color: #000000;padding-bottom: 21px;font-size: 12px; font-weight: 500;color: #aaaaaa;height: 38px;}
.ui-datepicker-week-end {color: #7e8293;}
.ui-widget.ui-widget-content th:first-child {/* width: 40px; *//* border-radius: 10px 0 0 10px; *//* padding-left: 17px;  padding: 0; */}
.ui-widget.ui-widget-content th:last-child {/* width: 93px; *//* border-radius: 0 10px 10px 0; *//* padding-right: 17px; */}
.ui-widget.ui-widget-content thead {/* box-shadow: 6px 10px 22px 0px rgba(118, 118, 118, 0.28); *//* border-radius: 10px; */}
.ui-widget.ui-widget-content tbody {/* box-shadow: 6px 10px 22px 0px rgba(118, 118, 118, 0.28); *//* border-radius: 10px; */}
.ui-widget.ui-widget-content tbody:before {display: block;/* content: ""; */position: relative;z-index: -1;width: 570px;height: 5px;background: #e9ecf5;}

.ui-widget.ui-widget-content td {box-sizing: border-box;width:42px;height: 42px;border: 0;background: #ffffff;}
.ui-widget.ui-widget-content td:first-child {/* padding-left: 17px; */}
.ui-widget.ui-widget-content td:first-child a{color: #f25758;}
.ui-widget.ui-widget-content td:last-child {/* padding-right: 17px; */}
.ui-widget.ui-widget-content td:last-child a{color: #f25758;}
.ui-widget.ui-widget-content tr:first-child td {/* padding-top: 19px; */}
.ui-widget.ui-widget-content tr:last-child td {/* padding-bottom: 19px; */}
.ui-widget.ui-widget-content tr:first-child td:first-child {/* border-radius: 10px 0 0 0; */}
.ui-widget.ui-widget-content tr:first-child td:last-child {border-radius: 0 10px 0 0;}
.ui-widget.ui-widget-content tr:last-child td:first-child {/* border-radius: 0 0 0 10px; */}
.ui-widget.ui-widget-content tr:last-child td:last-child {border-radius: 0 0 10px 0;}
.ui-widget.ui-widget-content td span,.ui-widget.ui-widget-content td a {display: block;box-sizing: border-box; text-align: center;text-decoration: none;border: 0;font-size: 14px; font-weight: 500;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;background: #fff; padding: 0;}
.ui-widget.ui-widget-content td span {color: #999999;}
/* .ui-widget.ui-widget-content td.ui-datepicker-today span,
.ui-widget.ui-widget-content td.ui-datepicker-today a {background-color: #b7a386;border-radius: 50%; transition: all 0.3s;color: #fff;width: 30px; box-sizing: border-box;height: 30px; display: flex;align-items: center; justify-content: center;text-align: center;margin: 0 auto;} */
.ui-widget.ui-widget-content td .ui-state-active {background-color: #b7a386;overflow: overlay;border-radius: 50%; transition: all 0.3s;color: #fff;width: 30px; box-sizing: border-box;height: 30px; display: flex;align-items: center; justify-content: center;text-align: center;margin: 0 auto;}
.ui-widget.ui-widget-content td:first-child .ui-state-active{color:#fff}
.ui-widget.ui-widget-content td:last-child .ui-state-active{color:#fff}
.ui-widget.ui-widget-content .ui-datepicker-buttonpane {background-image: none;margin: 0.7em 0 0 0;padding: 0 0.2em;border-left: 0;border-right: 0;border-bottom: 0;}
.ui-widget.ui-widget-content .ui-datepicker-buttonpane button {float: right;margin: 0.5em 0.2em 0.4em;cursor: pointer;padding: 0.2em 0.6em 0.3em 0.6em;width: auto;overflow: visible;}
.ui-widget.ui-widget-content .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: 0 !important}

.layer-box.calendar{padding: 20px;border-radius: 10px;width: 335px;box-sizing: border-box;}
.layer-box.calendar .btns{display: flex; flex-direction: row;justify-content: space-between;padding-top: 40px;}
.layer-box.calendar .btns #outlet_filter_refresh{width: 50px; height: 50px; border: solid 1px #e5e5e5;margin-right: 10px;border-radius: 5px;text-indent: -999999px;background: url(../images/icon_refresh@3x.png) no-repeat center;background-size: 20px; box-sizing: border-box;flex: 0 0 auto;}
.layer-box.calendar .btns #confirm{width: 100%; word-break: keep-all;height: 50px;background: #222; border-radius: 5px;color: #fff;font-size: 16px; font-weight: 600;box-sizing: border-box;}


#onboarding {height: 811px; margin-bottom: -100px;}
#onboarding .bg {height: 811px;width: 100%;overflow: hidden; margin-top: -82px;}
#onboarding .bg img {display: block; width: 100%; object-fit: cover;}
#onboarding #inner_wrap {padding: 0;}
#onboarding .inner {display: flex; flex-direction: column;  align-items: center; padding: 174px 20px 0; position: absolute; left: 0; top: 144px; right: 0; bottom: 0; width: 420px; margin: 0 auto;}
#onboarding .inner h1 {font-size: 40px; line-height: 60px; letter-spacing: -0.4px; font-weight: 600; color: #fff;}
#onboarding .inner p {margin-top: 5px; font-size: 18px; line-height: 27px; letter-spacing: -0.18px; font-weight: 400; color: rgba(255,255,255,0.8);}
#onboarding .buttons {width: 100%; padding: 130px 0 0;}
#onboarding .buttons button {width: 100%; height: 50px; border-radius: 6px; margin-bottom: 10px; font-size: 15px; line-height: 22px; font-weight: 500;}
#onboarding .buttons .join {position: relative; background: #222222; color: #fff;}
#onboarding .buttons .start_kakao {position: relative; background: #fee500; color: #191919;}
#onboarding .buttons .join:before {width: 20px; height: 20px; position: absolute; left: 16px; top: 15px; content: ''; background: url(../images/icon_pastel_logo.png) center no-repeat; background-size: 20px;}
#onboarding .buttons .start_kakao:before {width: 20px; height: 20px; position: absolute; left: 16px; top: 15px; content: ''; background: url(../images/icon_kakao.png) center no-repeat; background-size: 20px;}



.full_popup.cpn_detail{width: 515px;box-sizing: border-box;}
.full_popup.cpn_detail .full_close{ top: 40px; right: 40px; width: 44px; height: 44px; background-size: 44px;}

.full_popup.cpn_detail .con{height: 500px;overflow-y: scroll;overflow-x: hidden;}
.full_popup.cpn_detail .con::-webkit-scrollbar{width: 2px;height:100%; background-color: #f5f5f5; border-radius: 10px;}
.full_popup.cpn_detail .con::-webkit-scrollbar-thumb{width: 2px;height: 200px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;}

.cpn_detail .coupon_tit{display: flex;flex-direction: column;background-color: #f5f5f5;padding: 40px 0;align-items: center;margin-right: 10px;}
.cpn_detail .coupon_tit .tit_wrap{}
.cpn_detail .per{line-height:1;margin:10px 0}
.cpn_detail .coupon_tit img{width:60px;margin-bottom: 10px;}
.cpn_detail .coupon_tit .tit_wrap .tit{ font-size: 20px; font-weight: 500;}
.cpn_detail .coupon_tit .num{ font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;}
.cpn_detail .coupon_tit .per span{font-size:20px;font-weight: 700;}
.cpn_detail .coupon_tit .per .num{font-size: 30px;font-weight: 700;}
.cpn_detail .coupon_tit .date span{font-weight: 500;color: #aaa;}
.cpn_detail .coupon_tit .date .bar{display: inline-block; width: 1px; height: 10px; background-color: #ddd;margin: 0 6.5px;}
.cpn_detail .coupon_tit .date .num{}
.cpn_detail .coupon_tit .info{margin-top: 21px;}
.cpn_detail .coupon_tit .info li{letter-spacing: -0.12px;color: #707070;position: relative; padding-bottom:6px;padding-left: 9px;}
.cpn_detail .coupon_tit .info li:last-child{padding-bottom:0;}
.cpn_detail .coupon_tit .info li:before {position: absolute;left: 0;top: 10px;display: block;content: '';width: 3px;height: 3px;background-color: #aaa;border-radius: 50%;}
.cpn_detail .coupon_tit .info li span{position: relative;letter-spacing: -0.14px;}

.cpn_detail .coupon_con{padding-top: 28px;margin-right: 10px;}
.cpn_detail .coupon_con .tit{font-size: 20px;line-height:24px;font-weight:600;letter-spacing: -0.16px;}

.cpn_detail .coupon_con .product_list{border-top: 1px solid #e5e5e5;margin-top: 16px;padding-top: 15px;}
.cpn_detail .coupon_con .product_list ul{}
.cpn_detail .coupon_con .product_list li{line-height: 1.5;position:relative;padding-bottom: 10px;padding-left: 9px;}
.cpn_detail .coupon_con .product_list li:last-child{margin-bottom:0;}
.cpn_detail .coupon_con .product_list li:before{ position: absolute;left: 0;top:10px;display: block; content: '';width: 3px;height: 3px;background-color: #707070; border-radius: 50%;}
.cpn_detail .coupon_con .product_list li span{color: #707070;letter-spacing: -0.14px;font-size: 15px;font-weight: 500; }
.cpn_detail .coupon_con .product_list li .item_nm{word-break: keep-all;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;width: 418px;}

.cpn_detail .btn{position: relative; padding: 17px 20px 18px;background: #fff; }
.cpn_detail .btn:before{position: absolute;content: "";width: 3;height: 93px; background: linear-gradient(360deg, rgba(255,255,255,1), rgba(255,255,255,0) 100%);z-index: 5;right: 0;bottom:84px;left: 0;}
.cpn_detail .btn #go_brandmall{width: 100%;height: 50px;border-radius: 5px; background-color: #222222;color: #fff;font-size: 16px; line-height: 1.13; font-weight: 600;}


.event .wide_wrap{width:1680px;margin: 0 auto;}
.event .center_wrap{width:1140px;margin: 0 auto;}
.event .hd_root{padding:20px 0 45px 0}
.event .hd_root ul{display: flex; align-items: center;}
.event .hd_root ul li{display: flex;align-items: center;}
.event .hd_root ul li:after{margin:0 5px;display:block;content:'';width:12px;height:12px;background: url(../images/icon/input_arrow_black2@3x.png) center no-repeat; background-size: 12px;}
.event .hd_root ul li:last-child:after{display:none}
.event .hd_root ul li .home{text-indent:-99999em;display:block;width:13px;height:13px;background: url(../images/icon_location_home@3x.png) center no-repeat; background-size: 13px;}
.event .hd_root ul li a{display:block;font-size: 13px;font-weight: 500;color: #222; letter-spacing: -0.13px}

.event .hd_wrap .tit_box{ position: relative; padding-bottom: 40px;}
.event .hd_wrap .tit_box h1{ font-size: 24px; font-weight: 600; color: #222; padding-bottom: 10px;}
.event .hd_wrap .tit_box .date{ font-size: 16px; font-weight: 500; color: #aaa;}
.event .hd_wrap .tit_box .btn_wrap{display: flex;align-items: center;position: absolute;top: 0;right: 0;}

.event .hd_wrap .tit_box .btn_wrap .sns_btn{margin-left: 16px;}
.event .hd_wrap .tit_box .btn_wrap .sns_btn button{ width: 30px;height: 30px;text-indent:-9999em;border-radius:50%;margin-right: 10px;}
.event .hd_wrap .tit_box .btn_wrap .sns_btn .twitter{background-color: #73a0fa;background-image: url(../images/twitter@3x.png); background-repeat: no-repeat; background-size: 13.7px 12.1px; background-position: center;}
.event .hd_wrap .tit_box .btn_wrap .sns_btn .facebook{background-color: #3b5999;background-image: url(../images/facebook@3x.png);background-repeat: no-repeat; background-size:7px 14px;background-position: center;}
.event .hd_wrap .tit_box .btn_wrap .sns_btn .kakaotalk{background-color: #f9e103;background-image: url(../images/kakaotalk@3x.png) ;background-repeat: no-repeat; background-size:14.1px 13.1px;background-position: center;}
.event .hd_wrap .tit_box .btn_wrap .sns_btn .url_copy{ border: solid 1px #e5e5e5;background-color: #fff;background-image: url(../images/url_copy@3x.png) ;background-repeat: no-repeat; background-size:13.7px;background-position: center;}

.event .hd_wrap .tit_box .btn_wrap button{width: 30px;height: 30px;text-indent: -99999em;}
.event .hd_wrap .tit_box .btn_wrap .share{background: url(../images/icon_share@3x.png) center no-repeat; background-size: 30px;}
.event .hd_wrap .tit_box .btn_wrap .show_list{background: url(../images/icon_list@3x.png) center no-repeat; background-size: 30px;}
.event .hd_wrap .tit_box .btn_wrap .bar{display: block;width: 1px;height: 16px;background-color: #ddd; margin: 0 20px;}




#event_roulette{}
#event_roulette .wrap{}
#event_roulette .top_bg{position: relative;background-color: #9c4fe9;padding: 80px 0 400px 0;/* z-index: 1; */}
#event_roulette .top_bg:before{position:absolute;content:'';background: url(../images/roulette_flower_top.png) 0 0 no-repeat;background-size: contain;width: 1023px;height: 476px;bottom: 99px;left: 50%;transform: translateX(-50%);z-index: 3;display: block;}

#event_roulette .top_bg .share{position: absolute;top: 10px;right: 20px;text-indent:-9999px;width: 30px;height: 30px;background: url(../images/icon_share@3x.png) center no-repeat;background-size: 30px;}
#event_roulette .top_bg .tit_wrap{
    position: relative;
    z-index: 5;
}
#event_roulette .tit_box{ position: relative; padding-bottom: 40px;}
#event_roulette .tit_box h1{ font-size: 24px; font-weight: 600; color: #222; padding-bottom: 10px;}
#event_roulette .tit_box .date{ font-size: 16px; font-weight: 500; color: #aaa;}
#event_roulette .tit_box .btn_wrap{display: flex;align-items: center;position: absolute;top: 0;right: 0;}
#event_roulette .top_bg .tit_wrap .con_wrap{display: flex;flex-direction: column;align-items: center;}
#event_roulette .top_bg .tit_wrap .con_wrap .per_box{display: flex;justify-content: center;align-items: center;height: 34px;width:129px; border-radius: 30px; background-color: #3e0470;}
#event_roulette .top_bg .tit_wrap .con_wrap .per_box span{font-size: 15px;color: #fff;font-weight: 500;letter-spacing: -0.15px;}
#event_roulette .top_bg .tit_wrap .con_wrap .per_box .font_Mon{font-weight: 600;}
#event_roulette .top_bg .tit_wrap .con_wrap .tit{padding: 20px 0 40px 0;font-size:70px;color:#fff}
#event_roulette .top_bg .tit_wrap .con_wrap .tit .font_Mon{font-weight:700}
#event_roulette .top_bg .tit_wrap .con_wrap .tit .font_g{font-weight:300}
#event_roulette .top_bg .tit_wrap .con_wrap .tit img{display: block; width: 560px;}
#event_roulette .top_bg .tit_wrap .con_wrap .sub_tit{font-size: 20px;font-weight: 600;color: #fff;letter-spacing: -0.2px;text-align: center;}
#event_roulette .top_bg .tit_wrap .con_wrap .sub_tit .signin{display:inline-block;border-bottom:1px solid #fff;color: #fff;}
#event_roulette .top_bg .tit_wrap .con_wrap .join_wrap{display: flex;align-items: center;padding-top: 20px;}
#event_roulette .top_bg .tit_wrap .con_wrap .join_wrap span{margin-right:10px;color: #fff;letter-spacing: -0.45px;font-size: 18px;}
#event_roulette .top_bg .tit_wrap .con_wrap .join_wrap .join{border-bottom:1px solid #fff;color: #fff;font-size: 18px;}
#event_roulette .back_bg:after{display:block;content:'';width: 1460px;height: 378px;background: url(../images/building_bg@3x.png) no-repeat center;background-size: contain;position: absolute;border: 0;left: 50%;transform: translateX(-50%);z-index: 0;bottom: -89px;}

#event_roulette .roulette_wrap{position: absolute;left: 50%;transform: translateX(-50%);padding-top: 142px;display: flex;justify-content: center;z-index: 3;}
#event_roulette .roulette_wrap .roulBox{position:relative;z-index: 1;}
#event_roulette .roulette_wrap .roulBox:before{display:block;content:'';width: 600px;height: 258px;position: absolute;background: url(../images/roulette_shadow@3x.png) 0 0 no-repeat;background-size: contain;bottom: -128px;left: 0;margin-left: 46px;}
#event_roulette .roulette_wrap .roulBox:after{display:block;z-index: 1;position: absolute;left: 50%;transform: translate(-50%, -22%);top: 0;content:'';width: 70px;height: 94px;background: url(../images/point@3x.png) center no-repeat;background-size:cover;z-index: 2;}

#event_roulette .roulette_wrap .roulPan{width: 692px;height: 692px;/* background: url(../images/roulette_box@3x.png) center no-repeat; */background-size: 692px;position: relative;}
#event_roulette .roulette_wrap .roulBox .roulStart{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 170px;height: 170px;background: url(../images/roulette_start@3x.png) center no-repeat;background-size: 170px;z-index: 2;}

#event_roulette .bottom_bg{position:relative}
#event_roulette .bottom_bg:before{position:absolute;content:'';background: url(../images/roulette_flower_bottom.png) 0 0 no-repeat;background-size: contain;width: 1035px;height: 334px;left: 50%;top: 52px;transform: translateX(-50%);}
#event_roulette .bottom_bg{background-color: #5d10ae;padding: 400px 0 150px 0;margin-bottom: -1px;position: relative;/* z-index: 1; */}
#event_roulette .bottom_bg .con_wrap{color: #fff;display: flex;align-items: center;justify-content: center;padding-top: 120px;}
#event_roulette .bottom_bg .con_wrap .tit{font-size: 20px;font-weight: 600;display: block;padding-right: 120px;}
#event_roulette .bottom_bg .con_wrap .mypage{display:inline-block;border-bottom:1px solid #fff;color: #fff;}

#event_roulette .notice li{position: relative; padding-bottom: 10px; padding-left: 10px;}
#event_roulette .notice li:last-child{padding-bottom: 0;}
#event_roulette .notice li:before{position: absolute; left: 0; top: 10px; display: block; content: ''; width: 3px;height: 3px;background-color: #fff;border-radius: 50%;}
#event_roulette .notice span{font-weight: 500;color: #fff;letter-spacing: -0.14px;word-break: keep-all;font-size: 16px;}
#event_roulette .tit_box .btn_wrap .share{display: inline-block;position: relative;}
#event_roulette .tit_box .btn_wrap .share button{text-indent: -9999em;background: url(../images/icon_share@3x.png) 0 0 no-repeat;background-size: 28px;width: 28px;height: 28px;position: relative;z-index: 1;}
#event_roulette .tit_box .btn_wrap .share .sns{display:flex;position: absolute;right:30px;/* padding: 0 0 0 13px; */top: 0;overflow: hidden;opacity: 0;transition: opacity 0.3s;}
#event_roulette .tit_box .btn_wrap .share .sns li{padding: 0 5px;/* transform: translate(0, 0); */transition: transform 0.3s;}
#event_roulette .tit_box .btn_wrap .share .sns li a{width: 30px;height: 30px;display: block;text-indent: -9999em;box-sizing:border-box;/* border: 1px solid transparent; */}
#event_roulette .tit_box .btn_wrap .share .sns li.twitter a{background: #73a0fa url(../images/twitter@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border: 1px solid #73a0fa;}
#event_roulette .tit_box .btn_wrap .share .sns li.facebook a{background: #4167b1 url(../images/facebook@3x.png) center center no-repeat;background-size: 7px;border-radius: 50%;border: 1px solid #4167b1;}
#event_roulette .tit_box .btn_wrap .share .sns li.kakao a{background: #f9e103 url(../images/kakaotalk@3x.png) center center no-repeat;background-size: 15px;border-radius: 50%;border: 1px solid #f9e103;}
#event_roulette .tit_box .btn_wrap .share .sns li.url_copy a{background: #fff url(../images/url_copy@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border:1px solid #e5e5e5}
#event_roulette .tit_box .btn_wrap .share .sns li.twitter{transform: translate(0, 0);}
#event_roulette .tit_box .btn_wrap .share .sns li.facebook{transform: translate(40px, 0);}
#event_roulette .tit_box .btn_wrap .share .sns li.kakao{transform: translate(129px, 0);}
#event_roulette .tit_box .btn_wrap .share .sns li.url_copy{transform: translate(80px, 0);}
#event_roulette .tit_box .btn_wrap .share.active .sns li.twitter{transform: translate(0, 0);}
#event_roulette .tit_box .btn_wrap .share.active .sns li.facebook{transform: translate(0, 0);}
#event_roulette .tit_box .btn_wrap .share.active .sns li.kakao{transform: translate(0, 0);}
#event_roulette .tit_box .btn_wrap .share.active .sns li.url_copy{transform: translate(0, 0);}
#event_roulette .tit_box .btn_wrap .share.active .sns{overflow: visible;opacity: 1;}
/* 이벤트 - 출석체크 */
#event_chk_attendence .wrap{ position: relative;z-index: 0;}
#event_chk_attendence .wrap .tit_wrap{border-radius: 0 0 100px 0;position:relative;background-color: #f9fafc;padding: 60px 0 100px 0;}
#event_chk_attendence .wrap .tit_wrap:before{display:block;content:'';width: 628px;height: 232px;background:url(../images/checking_flower_top.png) 0 0 no-repeat;background-size: contain;position:absolute;top: 47px;left: 288px;}
#event_chk_attendence .wrap .tit_wrap .share{position: absolute; top: 10px; right: 20px;width:30px;height:30px;background: url(../images/icon_share@3x.png) center no-repeat; background-size:cover;text-indent:-999999px}
#event_chk_attendence .wrap .tit_wrap .con_wrap{display: flex;justify-content: space-between;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .greeting{padding-bottom: 40px;display: block;width: 508px;margin-top: 45px;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .point{position: relative;z-index: 1;width: 532px;display: block;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .point_wrap{position: relative; display: inline-block;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .sign_wrap span{font-size: 20px;font-weight: 500;color: #707070;letter-spacing: -0.2px;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .sign_wrap span a{display:inline-block;font-weight: 600;border-bottom:1px solid #222;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .sign_wrap .sm{ font-size: 16px; padding-top: 10px; display: block;}

#event_chk_attendence .tit_box .btn_wrap .share{display: inline-block;position: relative;}
#event_chk_attendence .tit_box .btn_wrap .share button{text-indent: -9999em;background: url(../images/icon_share@3x.png) 0 0 no-repeat;background-size: 28px;width: 28px;height: 28px;position: relative;z-index: 1;}
#event_chk_attendence .tit_box .btn_wrap .share .sns{display:flex;position: absolute;right:30px;/* padding: 0 0 0 13px; */top: 0;overflow: hidden;opacity: 0;transition: opacity 0.3s;}
#event_chk_attendence .tit_box .btn_wrap .share .sns li{padding: 0 5px;/* transform: translate(0, 0); */transition: transform 0.3s;}
#event_chk_attendence .tit_box .btn_wrap .share .sns li a{width: 30px;height: 30px;display: block;text-indent: -9999em;box-sizing:border-box;/* border: 1px solid transparent; */}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.twitter a{background: #73a0fa url(../images/twitter@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border: 1px solid #73a0fa;}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.facebook a{background: #4167b1 url(../images/facebook@3x.png) center center no-repeat;background-size: 7px;border-radius: 50%;border: 1px solid #4167b1;}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.kakao a{background: #f9e103 url(../images/kakaotalk@3x.png) center center no-repeat;background-size: 15px;border-radius: 50%;border: 1px solid #f9e103;}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.url_copy a{background: #fff url(../images/url_copy@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border:1px solid #e5e5e5}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.twitter{transform: translate(0, 0);}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.facebook{transform: translate(40px, 0);}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.kakao{transform: translate(129px, 0);}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.url_copy{transform: translate(80px, 0);}
#event_chk_attendence .tit_box .btn_wrap .share.active .sns li.twitter{transform: translate(0, 0);}
#event_chk_attendence .tit_box .btn_wrap .share.active .sns li.facebook{transform: translate(0, 0);}
#event_chk_attendence .tit_box .btn_wrap .share.active .sns li.kakao{transform: translate(0, 0);}
#event_chk_attendence .tit_box .btn_wrap .share.active .sns li.url_copy{transform: translate(0, 0);}
#event_chk_attendence .tit_box .btn_wrap .share.active .sns{overflow: visible;opacity: 1;}

#event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap{width: 100%;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap .txt_wrap{}
#event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap .txt_wrap span{font-size: 20px;font-weight: 500;letter-spacing: -0.16px;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap .txt_wrap .name{font-weight: 600;}

#event_chk_attendence .wrap .member_wrap .state_box{display: flex;padding-top: 60px;}
#event_chk_attendence .wrap .member_wrap .state_box > div{display: flex;flex-direction: column;width:50%;padding: 24px;border-radius: 10px;box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.05);background-color: #fff;}
#event_chk_attendence .wrap .member_wrap .state_box > div:first-child{margin-right: 20px;}
#event_chk_attendence .wrap .member_wrap .state_box > div h3{font-size: 21px;font-weight: 500;letter-spacing: -0.14px;}
#event_chk_attendence .wrap .member_wrap .state_box > div span{margin-left: auto;color: #340d81;font-size: 38px;font-weight: 700;}
#event_chk_attendence .wrap .member_wrap .state_box > div .sm{font-size: 22px;font-weight: 600;}


#event_chk_attendence .wrap .point_guide{border-radius: 0 0 100px 0;background-color: #340d81;padding: 193px 0 80px 0;margin-top: -120px;}
#event_chk_attendence .wrap .point_guide .tit{font-size: 34px;font-weight:500;color: #fff;letter-spacing: -0.24px;padding-bottom: 40px;}
#event_chk_attendence .wrap .point_guide .tit strong{font-weight:600}
#event_chk_attendence .wrap .point_guide .con_wrap{}
#event_chk_attendence .wrap .point_guide .con_wrap ul{display: flex;margin: 0 -30px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(even){/* justify-content: space-between; */flex-direction: row-reverse;margin: 0 -30px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul li{position:relative;margin: 30px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul li div{display: flex;flex-direction: column;align-items: center;box-shadow: 0 3px 18px 0 rgb(0 0 0 / 5%);border: solid 1.5px #ffffff50;border-radius: 10px 10px 30px 10px;height: 140px;justify-content: center;box-sizing: border-box;width: 140px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(odd) li:after{display:block;content:'';width:30px;height:30px;background: url(../images/icon/input_arrow@3x.png) center no-repeat;background-size:cover;position: absolute;top: -30px;left:50%;transform: translateX(-50%) rotate(90deg);}
#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(odd) li:nth-child(n):after{display:block;content:'';width:30px;height:30px;background: url(../images/icon/input_arrow@3x.png) center no-repeat;background-size:cover;position: absolute;top: 50%;left: -45px;transform: translateY(-50%);}

#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(odd) li:nth-child(6n):not(.total):after{display:block;content:'';width:30px;height:30px;background: url(../images/icon/input_arrow@3x.png) center no-repeat;background-size:cover;position: absolute;top: 50%;left: -45px;transform: translateY(-50%);}
#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(even) li:nth-child(2n):after{display:block;content:'';width:30px;height:30px;background: url(../images/icon/input_arrow@3x.png) center no-repeat;background-size:cover;position: absolute;top: 50%;right: -45px;transform: translateY(-50%) rotate(180deg);}
#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(even) li:first-child:after{display:block;content:'';width:30px;height:30px;background: url(../images/icon/input_arrow@3x.png) center no-repeat;background-size:cover;position: absolute;top: -45px;left:50%;transform: translateX(-50%) rotate(90deg);}
#event_chk_attendence .wrap .point_guide .con_wrap ul:first-child li:first-child:after{display:none}


#event_chk_attendence .wrap .point_guide .con_wrap ul li.total div{ background-color: #fff;}
#event_chk_attendence .wrap .point_guide .con_wrap ul li.total span{color: #340d81;font-weight: 500;line-height: 1.25;letter-spacing: -0.2px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul li span{color: #fff;word-break: keep-all;font-weight: 500;font-size: 20px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul li span .bold{font-weight:700;}

#event_chk_attendence .wrap .state_wrap{background-color: #f9fafc;padding: 192px 0 150px 0;margin-top: -120px;position: relative;z-index: -1;}
#event_chk_attendence .wrap .state_wrap .bg{box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 80px;border-radius: 10px 10px 50px 10px;box-sizing: border-box;}
#event_chk_attendence .wrap .state_wrap .hd_wrap{display: flex; justify-content: space-between;}
#event_chk_attendence .wrap .state_wrap .tit{font-size: 48px;font-weight: 500;}
#event_chk_attendence .wrap .state_wrap .tit .color{color: #340d81;font-weight: 600;}
#event_chk_attendence .wrap .state_wrap .state{border-radius: 10px 10px 30px 10px;border: solid 1.5px #340d81;background-color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 24px;width: 519px;box-sizing: border-box;}
#event_chk_attendence .wrap .state_wrap .state > div{display: flex;flex-direction: column;width: 50%;}
#event_chk_attendence .wrap .state_wrap .state .attendence{position:relative;padding-right: 24px;}
#event_chk_attendence .wrap .state_wrap .state .attendence:after{display:block;content:'';height:100%;width:1px; opacity: 0.2;background-color: #340d81;position: absolute;right: 0;top: 0;}
#event_chk_attendence .wrap .state_wrap .state .point{ padding-left: 24px;}
#event_chk_attendence .wrap .state_wrap .state h3{font-size: 20px;font-weight: 600;letter-spacing: -0.2px;}
#event_chk_attendence .wrap .state_wrap .state span{font-size: 37px;font-weight:700;letter-spacing: -0.24px;color: #340d81;margin-left: auto;}
#event_chk_attendence .wrap .state_wrap .state .sm{ font-size: 14px;font-weight: 500;letter-spacing: -0.14px;}
#event_chk_attendence .wrap .state_wrap .btn_large2_wrap{padding: 60px 0;}
#event_chk_attendence .wrap .state_wrap .btn_large2_wrap .chk_att_btn.on{ opacity: 1;background-image: linear-gradient(112deg, #340d81 21%, #ff99a6 117%); width: 100%;}
#event_chk_attendence .wrap .state_wrap .btn_large2_wrap .chk_att_btn{opacity: 0.6;background-image: linear-gradient(112deg, #340d81 21%, #ff99a6 117%);width: 100%;height: 90px;font-size: 24px;}

#event_chk_attendence .stamp_list{width: 980px;border-radius: 10px;border: solid 1px #fafafa;background-color: #f9fafc;margin: 0 auto;padding: 80px;box-sizing: border-box;}
#event_chk_attendence .stamp_list.inline{padding: 80px 64px;}
#event_chk_attendence .stamp_list.inline li{padding: 27px 13px;}
#event_chk_attendence .stamp_list.inline ul{margin: -27.5px -13px;}
#event_chk_attendence .stamp_list.center ul{justify-content:center}
#event_chk_attendence .stamp_list ul{/* justify-content: space-between; */display: flex;flex-wrap: wrap;margin: -27.5px;}
#event_chk_attendence .stamp_list ul li{padding: 27px;}
#event_chk_attendence .stamp_list ul li div{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 120px;height: 120px;background: url(../images/stamp_wrap@3x.png) center no-repeat;background-size: 120px;}
#event_chk_attendence .stamp_list ul li div span{font-size: 21px;font-weight: 600;color: #aaa;letter-spacing: -0.21px;}
#event_chk_attendence .stamp_list ul li div .num{font-size: 27px;}
#event_chk_attendence .stamp_list ul li div .txt{font-size: 14px;letter-spacing: -0.14px;}
#event_chk_attendence .stamp_list ul li.stamp_done div{background: url(../images/attendence_com@3x.png) center no-repeat;background-size:cover;filter: drop-shadow(0 3px 16px #340d8130);box-shadow: 0 3px 16px 0 rgba(52, 13, 129, 0.3);border-radius: 50%;}
#event_chk_attendence .stamp_list ul li.stamp_done.point div{background: url(../images/stamp_point@3x.png) center no-repeat;background-size:cover;filter: drop-shadow(0 3px 16px #ff5d7230);box-shadow: 0 3px 16px 0 rgba(255, 153, 166, 0.3);}
#event_chk_attendence .stamp_list ul li.stamp_done span{}
#event_chk_attendence .stamp_list ul li.stamp_done span.num{color:#fff}
#event_chk_attendence .stamp_list ul li.stamp_done span.txt{opacity:0}

#event_chk_attendence .wrap .state_wrap .notice_wrap{padding-top: 40px; display: flex; align-items: center; justify-content: center;}
#event_chk_attendence .wrap .state_wrap .notice_wrap .tit{font-size: 24px;font-weight: 600;letter-spacing: -0.24px;padding-right: 113px;}
#event_chk_attendence .wrap .state_wrap .notice li{position: relative; padding-bottom: 10px; padding-left: 10px;}
#event_chk_attendence .wrap .state_wrap .notice li:last-child{padding-bottom: 0;}
#event_chk_attendence .wrap .state_wrap .notice li:before{position: absolute; left: 0; top: 10px; display: block; content: ''; width: 3px;height: 3px;background-color: #707070;border-radius: 50%;}
#event_chk_attendence .wrap .state_wrap .notice span{font-weight: 500;color: #707070;letter-spacing: -0.14px;word-break: keep-all;font-size: 16px;}
#event_chk_attendence .wrap .state_wrap .notice a{ color: #707070;display:inline-block;border-bottom:1px solid #707070}



.fixed_btn{position: fixed;bottom: 108px;right: 50px;z-index: 12;}
.fixed_btn.down{bottom: 50px;}
.fixed_btn.down.on .callcenter_btn_wrap{margin-bottom:0}
.fixed_btn .callcenter_btn_wrap{display:none} 
.fixed_btn.on .callcenter_btn_wrap{display:block;width: 241px;height: 265px;padding: 30px;border-radius: 20px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);background-color: #fff;box-sizing: border-box;position: absolute;bottom: 0;right: 0;margin-bottom: 10px;}
.fixed_btn.on .callcenter_btn_wrap .btn_wrap_close{ position: absolute; top: 17px; right: 17px; background: url(../images/popup_close_bl@3x.png) center no-repeat; width: 40px;height: 40px; background-size: 40px; text-indent: -9999em;}
.fixed_btn .callcenter_btn_wrap .call .txt{border-bottom: 1px solid;padding-bottom: 15px;display: flex;flex-direction: column;}
.fixed_btn .callcenter_btn_wrap .call .txt .tit{font-size: 16px;font-weight: 600;padding-bottom: 5px;}
.fixed_btn .callcenter_btn_wrap .call .txt .hour{ font-weight: 500; color: #707070;letter-spacing: -0.14px;}
.fixed_btn .callcenter_btn_wrap .call .txt .num{font-size: 24px; font-weight: 700;  padding-bottom: 5px;}
.fixed_btn .callcenter_btn_wrap .write{ margin-top: 20px;}
.fixed_btn .callcenter_btn_wrap .write_btn{width: 100%;height: 38px;border-radius: 50px;border: solid 1px #e5e5e5;display: flex;align-items: center;justify-content: center;}
.fixed_btn .callcenter_btn_wrap .write_btn span{ display: flex; align-items: center; font-weight: 500; letter-spacing: -0.14px;}
.fixed_btn .callcenter_btn_wrap .write_btn span:before{display:block;content:'';width: 14px;height: 14px;background: url(../images/icon/icon_edit@3x.png) no-repeat center;background-size: 14px;margin-right: 10px;}
.fixed_btn .callcenter_btn_wrap .list{ margin-top: 10px;}
.fixed_btn .callcenter_btn_wrap .list_btn{width: 100%;height: 38px;border-radius: 50px;border: solid 1px #e5e5e5;}
.fixed_btn .callcenter_btn_wrap .list_btn span{ display: flex; align-items: center; justify-content: center;font-weight: 500;}
.fixed_btn .callcenter_btn_wrap .list_btn span:before{display:block;content:'';width: 14px;height: 17px;background: url(../images/icon/icon_write@3x.png) no-repeat center;background-size: contain;margin-right: 10px;}
.fixed_btn .callcenter_btn{margin-left: auto;border-radius: 50px;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);background-color: #222222;color: #fff;display: flex;height: 48px;font-weight: 500;align-items: center;width: 170px;box-sizing: border-box;font-size: 16px;letter-spacing: -0.16px;padding-left: 20px;}
.fixed_btn .callcenter_btn.off{display:none}
.fixed_btn .callcenter_btn .icon_plus{width: 18px;height: 18px;background: url(../images/icon_close_btn@3x.png) center no-repeat;background-size: 18px;text-indent: -9999px;overflow: hidden;margin-left: 25px;}
.fixed_btn .callcenter_btn.active{text-indent: -9999px;width: 48px;font-size: 0;padding: 0;}
.fixed_btn .callcenter_btn.active .icon_plus{margin-left:0;margin: 0 auto;}
.fixed_btn.on .callcenter_btn .icon_plus{transform: rotate(45deg);}

.fixed_btn .go_top {position: initial;margin-left: auto;opacity: 1;margin-top: 10px;display: flex;justify-content: center;align-items: center;width: 48px;height: 48px;border-radius: 50%;background-color: #fff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.fixed_btn .go_top span {display: block; width: 20px; height: 20px; background: url(../images/icon_go_top.png) center no-repeat; background-size: contain; text-indent: -9999px; overflow: hidden; }
.fixed_btn .go_top.off{display:none}



.main_pop_wrap{display:flex;width: 100%;height: 100%;}
.layer_bottom.main_slide{overflow: hidden;width: 425px;height: 543px;padding:0;position: absolute;max-height: fit-content;/* position: relative; */}
.layer_bg.imgpopup .top{top: 20px;right: 20px;}
.layer_bg.imgpopup .img_list{/* position:relative */}
.layer_bg.imgpopup .img_list .img{position: relative;}
.layer_bg.imgpopup .img_list .img img{display:block}
.layer_bg.imgpopup .img_list .con_txt{position: absolute;left: 20px;bottom: 99px;}
.layer_bg.imgpopup .img_list .img .brand_nm{font-size: 14px;font-weight: 600;color: #707070;letter-spacing: -0.14px;}
.layer_bg.imgpopup .img_list .img h2{line-height: 1.06; padding-top: 5px;font-size: 36px; font-weight:700;letter-spacing: -0.36px;}
.layer_bg.imgpopup .bottom_close{background-color: #222;}
.layer_bg.imgpopup .bottom_close .not_today{ color: #aaa;}
.layer_bg.imgpopup .bottom_close .close_layer_popup{ color: #fff;}
.layer_bg.imgpopup .img_popup_pagination{position: absolute;bottom: 60px;z-index: 1;display: flex;width: 100%;justify-content: center;} 
.layer_bg.imgpopup .swiper-pagination-bullet{opacity:1;background-color: #fff;margin-right:10px}
.layer_bg.imgpopup .swiper-pagination-bullet:last-child{margin-right:0}
.layer_bg.imgpopup  .swiper-pagination-bullet-active{background-color: #000}
.layer_bg.imgpopup .bottom_btn{padding:0 35px 0 23px}
.layer_bg.imgpopup .bottom_btn{z-index: 1;justify-content: space-between;border-radius: 0 0 15px 15px;background-color: #222;height: 50px;position: absolute;bottom: 0;left: 0;right: 0;display: flex;align-items: center;padding: 0 23px;}
.layer_bg.imgpopup .bottom_btn button{text-indent:0;font-size: 14px;font-weight: 500;letter-spacing: -0.14px;color: #aaa;}
.layer_bg.imgpopup .bottom_btn button.close_layer_popup{color:#fff}


.layer_bottom.main{width: 1120px;height: 800px;padding: 0; overflow: hidden;}
.layer_bg.imgpopup_lg .top{top:30px; right:30px;width:44px; height:44px;background: url(../images/popup_close@3x.png) center no-repeat; background-size: cover;}
.layer_bg.imgpopup_lg{width: 1120px;height: 800px;padding: 0; overflow: hidden;}
.layer_bg.imgpopup_lg .img{height:100%;background: url(../images/csr_bg@3x.png) center no-repeat; background-size: cover;}
.layer_bg.imgpopup_lg .img .con_txt{ position: absolute; top: 72px;left: 60px;}
.layer_bg.imgpopup_lg .img .con_txt .subtit{font-size: 20px;font-weight: 500; letter-spacing: -0.2px;color: #fff;}
.layer_bg.imgpopup_lg .img .con_txt h2{font-size: 50px;letter-spacing: -0.5px;color: #fff; font-weight: 500;}
.layer_bg.imgpopup_lg .img .con_txt h2 .bold{font-weight: 600;}


.trend_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.trend_wrap .list_form .text_con {flex: 1;height: auto;}
.trend_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.trend_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.trend_wrap .list_form .brand_name + h2, .trend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.trend_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.trend_wrap .list_form .price + .sale{margin:0}
.trend_wrap .list_form .price + .label_list{/* margin:0 */}
.trend_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.trend_wrap .list_form h2+.sale{margin-top: 29px;}
.trend_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.trend_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}


.best_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.best_wrap .list_form .text_con {flex: 1;height: auto;}
.best_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.best_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.best_wrap .list_form .brand_name + h2, .best_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.best_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.best_wrap .list_form .price + .sale{margin:0}
.best_wrap .list_form .price + .label_list{margin:0}
.best_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.best_wrap .list_form h2+.sale{margin-top: 32px;}
.best_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.best_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}


.latest_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.latest_wrap .list_form .text_con {flex: 1;height: auto;height:150px;}
/*.latest_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}*/
.latest_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.latest_wrap .list_form .brand_name + h2, .latest_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.latest_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.latest_wrap .list_form .price + .sale{margin:0}
.latest_wrap .list_form .price + .label_list{margin:0}
.latest_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.latest_wrap .list_form h2+.sale{margin-top: 32px;}
.latest_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: max-content;justify-content: space-between;}
.latest_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}


.recent_seen_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.recent_seen_wrap .list_form .text_con {flex: 1;height: auto;}
.recent_seen_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.recent_seen_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.recent_seen_wrap .list_form .brand_name + h2, .recent_seen_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.recent_seen_wrap .list_form .price {height: 19px;line-height: 19px;margin: 0 0 0 10px;}
.recent_seen_wrap .list_form .price + .sale{margin:0}
.recent_seen_wrap .list_form .price + .label_list{margin:0}
.recent_seen_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.recent_seen_wrap .list_form h2+.sale{margin-top: 32px;}
.recent_seen_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.recent_seen_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}


.recommend_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.recommend_wrap .list_form .text_con {flex: 1;height: auto;}
.recommend_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.recommend_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.recommend_wrap .list_form .brand_name + h2, .recommend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.recommend_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.recommend_wrap .list_form .price + .sale{margin:0}
.recommend_wrap .list_form .price + .label_list{margin:0}
.recommend_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.recommend_wrap .list_form h2+.sale{margin-top: 32px;}
.recommend_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.recommend_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}


.per_list_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.per_list_wrap .list_form .text_con {flex: 1;height: auto;}
.per_list_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.per_list_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.per_list_wrap .list_form .brand_name + h2, .per_list_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.per_list_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.per_list_wrap .list_form .price + .sale{margin:0}
.per_list_wrap .list_form .price + .label_list{margin:0}
.per_list_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.per_list_wrap .list_form h2+.sale{margin-top: 32px;}
.per_list_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.per_list_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}


.w_best_list_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.w_best_list_wrap .list_form .text_con {flex: 1;height: auto;}
.w_best_list_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.w_best_list_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.w_best_list_wrap .list_form .brand_name + h2, .w_best_list_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.w_best_list_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.w_best_list_wrap .list_form .price + .sale{margin:0}
.w_best_list_wrap .list_form .price + .label_list{margin:0}
.w_best_list_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.w_best_list_wrap .list_form h2+.sale{margin-top: 32px;}
.w_best_list_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.w_best_list_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}


.new_list_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.new_list_wrap .list_form .text_con {flex: 1;height: auto;}
.new_list_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.new_list_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.new_list_wrap .list_form .brand_name + h2, .new_list_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.new_list_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.new_list_wrap .list_form .price + .sale{margin:0}
.new_list_wrap .list_form .price + .label_list{margin:0}
.new_list_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.new_list_wrap .list_form h2+.sale{margin-top: 32px;}
.new_list_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.new_list_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}


.gr_recommend_wrap .list_form .img_con {height: 270px;width: 270px;height: 270px;}
.gr_recommend_wrap .list_form .text_con {flex: 1;height: auto;}
.gr_recommend_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.gr_recommend_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.gr_recommend_wrap .list_form .brand_name + h2, .gr_recommend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.gr_recommend_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 5px;}
.gr_recommend_wrap .list_form .price + .sale{margin:0}
.gr_recommend_wrap .list_form .price + .label_list{margin:0}
.gr_recommend_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.gr_recommend_wrap .list_form h2+.sale{margin-top: 32px;}
.gr_recommend_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.gr_recommend_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}


.best_item_wrap .list_form .img_con {height: 270px;width: 270px;height: 270px;}
.best_item_wrap .list_form .text_con {flex: 1;height: auto;}
.best_item_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.best_item_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.best_item_wrap .list_form .brand_name + h2, .gr_recommend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.best_item_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.best_item_wrap .list_form .price + .sale{margin:0}
.best_item_wrap .list_form .price + .label_list{margin:0}
.best_item_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.best_item_wrap .list_form h2+.sale{margin-top: 32px;}
.best_item_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.best_item_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}




.layer_bottom.main_review{overflow: hidden;width: 1000px;height:644px;padding:40px}
.layer_bottom.main_review .scroll{overflow-y:auto;max-height: 79vh;overflow-y: auto;/* padding: 0; */padding-bottom: 40px;position: relative;width: 100%;overflow-x: hidden;box-sizing: border-box;}
.layer_bottom.main_review .scroll::-webkit-scrollbar { display: none;}
.layer_bg.review{width: max-content;}
.layer_bg.review .tit{font-size: 30px; font-weight:600; letter-spacing: -0.3px;padding-bottom:30px}
.layer_bg.review .con{display: flex;padding-bottom: 28px;}
.layer_bg.review .swiper-container{width:450px !important}
.layer_bg.review .con_photo{position:relative;width: 450px;height: 450px;overflow: hidden;border-radius: 10px;}
.layer_bg.review .con .photo_wrap{flex: 0 0 auto;}
.layer_bg.review .con .photo_wrap img{width:450px;display:block;border-radius: 10px;height: 450px;}
.layer_bg.review .con .txt_wrap{width: 420px; margin-left: 40px;display: flex;flex-direction: column;}
.layer_bg.review .con .txt_wrap .review_tit {display: flex; justify-content: space-between; align-items: center; padding: 0 0 13px 0;}
.layer_bg.review .con .txt_wrap .review_tit dl {display: flex;}
.layer_bg.review .con .txt_wrap .review_tit dd {font-size: 14px; line-height: 18px; color: #aaaaaa; font-weight: 500;}
.layer_bg.review .con .txt_wrap .review_tit dd:first-child {position: relative; margin-right: 8px; padding-right: 8px; letter-spacing: -0.12px;}
.layer_bg.review .con .txt_wrap .review_tit dd:first-child:after {position: absolute; right: 0; top: 3px; display: block; content: ''; width: 1px; height: 12px; background: #dddddd;}
.layer_bg.review .con .txt_wrap .review_tit dd:last-child {}
.layer_bg.review .con .txt_wrap .review_tit .star_wrap {display: flex;}
.layer_bg.review .con .txt_wrap .review_tit .star_wrap img {width: 17px; margin-left: 2px;}
.layer_bg.review .con .txt_wrap .review_info {padding: 20px 20px 10px; margin-bottom: 20px; background: #f8f8f8; border-radius: 5px;}
.layer_bg.review .con .txt_wrap .review_info >div {padding: 0 0 6px 0; display: flex; font-size: 14px; }
.layer_bg.review .con .txt_wrap .review_info >div >span {width: 80px; color: #222222; font-weight: 600;margin-right:23px}
.layer_bg.review .con .txt_wrap .review_info .review_info_con {display: flex;}
.layer_bg.review .con .txt_wrap .review_info .review_info_con p {color: #222222;}
.layer_bg.review .con .txt_wrap .review_info .review_info_con span.slash {margin: 0 3px;}

.layer_bg.review .con .txt_wrap .list_form{margin-top: auto;padding-bottom:0;position: relative;display: flex;}
.layer_bg.review .con .txt_wrap .list_form a{display:flex;width: 90px;height: 90px;}
.layer_bg.review .con .txt_wrap .list_form .img_con{width:90px}
.layer_bg.review .con .txt_wrap .list_form .brand_name{font-size: 12px;padding-top:0}
.layer_bg.review .con .txt_wrap .list_form .brand_name + h2{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* width: 100%; *//* height: auto; *//* display: inline-block; *//* width: 100%; *//* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */padding-top: 10px;height: auto;line-height: 1;height: 20px;line-height: 20px;box-sizing: border-box;padding: 0;margin-top: 10px;}
.layer_bg.review .con .txt_wrap .list_form .text_con{margin-left: 15px;width: 315px;height: auto;height: 90px;padding-top: 4px;}
.layer_bg.review .con .txt_wrap .list_form .text_con .price_wrap{flex-direction:row;align-items: center;/* padding-top: 10px; */}
.layer_bg.review .con .txt_wrap  .list_form .sale{font-size:20px}
.layer_bg.review .con .txt_wrap  .list_form .price{font-size: 16px;}
.layer_bg.review .con .txt_wrap  .list_form .btm_btn_wrap{display:block;position: absolute;bottom: 6px;right: 0;margin-top: 0;}
.layer_bg.review .con .txt_wrap  .list_form .btn_wish {overflow: hidden; width: 26px; height:26px; text-indent: -999em; background: url(../images/icon_heart_in_list@3x.png) center center no-repeat; background-size: cover;}
.layer_bg.review .con .txt_wrap  .list_form .btn_cart{ width: 26px; height:26px;background-size: cover;}
.layer_bg.review .con .con_txt{}
.layer_bg.review .con .con_txt span{font-size: 16px;letter-spacing: -0.16px; color: #707070; word-break: keep-all;}

.layer_bg.review .rev_popup-list-prev{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);left:14px;z-index: 1;width: 44px;height: 44px;background: url(../images/list_slider_prev@3x.png) center no-repeat; background-size:  44px;}
.layer_bg.review .rev_popup-list-next{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);right:14px;z-index: 1;width: 44px;height: 44px;background: url(../images/list_slider_next@3x.png) center no-repeat; background-size:  44px;}

.layer_bg.review .rev_popup_pagination{position: absolute; padding-top: 20px;display: flex;left: 50%;transform: translateX(-50%);}
.layer_bg.review .rev_popup_pagination .swiper-pagination-bullet{background-color: #d6d6d6;margin-right:10px}
.layer_bg.review .rev_popup_pagination .swiper-pagination-bullet:last-child{margin-right:0}
.layer_bg.review .rev_popup_pagination .swiper-pagination-bullet-active{background-color: #000;}


.full_popup.reviewAll {width: 1020px; height: 777px;}
.full_popup.reviewAll .picnvideo {/* padding-bottom: 50px; */}
.full_popup.reviewAll .picnvideo-wrap {height: 558px; }
.full_popup.reviewAll #picvideolist{display: flex; flex-wrap: wrap; margin: 0 -6px -12px;}
.full_popup.reviewAll #picvideolist li {margin: 0 6px 12px; width: 174px; height: 174px; border-radius: 5px; overflow: hidden;}
.full_popup.reviewAll #picvideolist li .play{position:absolute;left: 10px;bottom: 10px;text-indent: -99999em;background: url(../images/icon_shortclip_20px@3x.png) center center no-repeat;background-size: 30px;z-index: 1;width: 30px;height: 30px;}

.layer_bottom.main_per{width: 1100px;overflow: hidden;height: auto;max-height: none;}
.layer_bottom.main_per .close_layer_popup { top: 20px; right: 20px; float:right;}
.personal_rec .tit{font-size: 30px;font-weight: 600;letter-spacing: -0.3px;padding-bottom: 26px;}
.personal_rec .tit .name{ color: #b7a386;}
.personal_rec .con{/* margin-bottom: 40px; */}
.personal_rec #goodsId::-webkit-scrollbar{width: 2px;height: 460px; background-color: #f5f5f5; border-radius: 10px;}
.personal_rec #goodsId::-webkit-scrollbar-thumb{width: 2px;height: 80px;border-radius: 10px; background-color: #b7a386;}
.personal_rec .product_list{ padding-bottom: 0;}
.personal_rec .product_list .recommend_item{height: 370px;}
.personal_rec .product_list #goodsId{margin: 0 -10px;overflow-y: scroll;overflow-x: hidden;height: 460px;margin-bottom: 20px;}
.personal_rec .product_list #goodsId > li{margin: 0 10px;}
.personal_rec .list_form .img_con{width:240px;}

.personal_rec .btn_list{ margin-bottom: 20px;}
.personal_rec .btn_list ul{}
.personal_rec .btn_list ul li{margin-bottom:10px}
.personal_rec .btn_list ul li:last-child{margin-bottom:0}
.personal_rec .btn_list ul li .alarm{border-radius: 5px;background-color: #5223cb; height: 50px;width: 100%;display: flex; justify-content: space-between;align-items: center;padding: 0 15px; box-sizing: border-box;}
.personal_rec .btn_list ul li .alarm span{ font-size: 16px;letter-spacing: -0.16px;color: #fff;font-weight: 500;}
.personal_rec .btn_list ul li .alarm button{display: flex;align-items: center;font-size: 16px;letter-spacing: -0.16px;color: #fff;font-weight: 500;}
.personal_rec .btn_list ul li .alarm button:after{display:block;content:'';width:20px;height:20px;background: url(../images/icon/input_arrow@3x.png) center no-repeat; background-size: cover;}


#brandTabList .kids{    display: flex;justify-content: flex-start;margin-top: -6px;cursor: pointer;align-items: center;}
#brandTabList .kids a{margin: 5px 10px;}
#brandTabList .kids .newKids{    border: 1px solid #B7A386;border-radius: 20px;font-size: 12px;display: flex;align-items: center;padding: 0px 1px;height: 28px;}
#brandTabList .kids .newKids a{    color: #B7A386;font-size: 13px;font-weight: 500;margin: 3px 5px 3px 15px;}
#brandTabList .kids .newKids .moveToKidsBrand{width: 12px;height: 12px;background: url(../images/icon/input_arrow_gold@3x.png) -4px 0px no-repeat;background-size: 12px;margin: 5px 5px 5px 0;}

.text_con div.sale{display: flex;align-items: baseline;margin-top: 5px !important;}


#orderDetailLayer {overflow-y: auto;}
#orderDetailLayer .full_title {text-align: center;}
#orderDetailLayer .orderSection {padding-bottom:50px;}
#orderDetailLayer .orderSection h2 {padding-bottom:20px; padding-left:20px;}
#orderDetailLayer .orderSection img {height:100px;border-radius: 10px;border: solid 1px #e5e5e5}
#orderDetailLayer .orderSection .product:first-child {border-top:1px solid #eee;}
#orderDetailLayer .orderSection .product {padding:20px 0; display: flex; border-bottom: 1px solid #eee;}
#orderDetailLayer .orderSection .product > span {display: inline-block;}
#orderDetailLayer .orderSection .product .imgSpan {width:20%; text-align: center;}
#orderDetailLayer .orderSection .product .dtlDesc {width:60%;margin:auto 0;}
#orderDetailLayer .orderSection .product .dtlDesc .ordDtlNo {font-size: 14px;margin-bottom: 7px;font-weight:500;}
#orderDetailLayer .orderSection .product .dtlDesc .brandNm {font-size:12px; color:#aaa;font-weight:600;}
#orderDetailLayer .orderSection .product .dtlDesc .goodsNm {font-size:16px;font-weight:600;}
#orderDetailLayer .orderSection .product .dtlDesc .goodsItem {font-size:12px;margin-top:7px;}
#orderDetailLayer .orderSection .product .dtlStatAndQty {width:20%;margin:auto 0;text-align:center;}
#orderDetailLayer .orderSection .product .dtlStatAndQty .ordDtlStatNm {font-size: 18px;font-weight: 600;}
#orderDetailLayer .orderSection .product .dtlStatAndQty .qty {font-size: 13px;font-weight: 500;}









/*顶部*/
.notice{position: fixed;left: 0;top: 0;width: 100%;z-index: 99999;background: rgb(28, 40, 55);}
.notice .notice-link{width:100%;height:44px;position:relative;overflow:hidden}
.notice img{max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1920px !important;height:60px;}
/* .notice-link{margin: 0 20px;} */
.notice-link i{display: block;margin-right: 15px;}

.Header{width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;background:#fff;background2: linear-gradient(358deg,#fff 35%,#6d8538 180%);user-select: none;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);transition: all .4s ease;border-radius:0px 0px 50px 50px;}
.Header .header-body {position:relative;}
.Header a{color:#222;}
.Header::after{content: "";width: calc(100% - 200px);height: 1px;position: absolute;background: rgba(0, 0, 0, 0.1);left: 50%;transform: translateX(-50%);bottom: 0;opacity: 0;transition: all .4s ease;}
.Header-logo{float: left;width: 180px;height: 84px;display: flex;align-items: center;position: relative;z-index: 999;}
.Header-logo img{max-width: 100%;}
.Header-logo img.s{display: none;}
.Header-lang{float: right;position: relative;z-index: 999;margin-left: 12px;}
.Header-lang-menu{display: flex;align-items: center;height: 84px;color: #666;transition: color .4s ease;}
.Header-lang-menu span{font-size: 16px;font-family: Arial;}
.Header-lang-menu i{font-size: 22px;margin-right: 4px;}
.Header-lang.active .Header-lang-menu{color: #aed94f;}
/* 多个语言 Header-lang-more添加class="hasIcon" 就会启用图标 */
.Header-lang-more{display: none;z-index: 9;width: 140px;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);background: #fff;position: absolute;top:calc(100% - 4px);left: 50%;margin-left: -70px;border-top:4px solid #aed94f;border-radius:5px 5px 0 0;transition: top .4s ease;}
.Header-lang-more:before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #aed94f transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-lang-more a{display: flex;font-size: 16px;color: #333333;justify-content: center;padding: 10px 0;transition: all .4s ease;}
.Header-lang-more.hasIcon a span{background-repeat: no-repeat;background-position: left center;padding-left: 28px;min-width: 60px;}
.Header-lang-more.hasIcon a.CN span{background-image: url('../images/common/icon-cn.png');}
.Header-lang-more.hasIcon a.FT span{background-image: url('../images/common/icon-ft.png');}
.Header-lang-more.hasIcon a.EN span{background-image: url('../images/common/icon-en.png');}
.Header-lang-more.hasIcon a.DE span{background-image: url('../images/common/icon-de.png');}
.Header-lang-more.hasIcon a.BR span{background-image: url('../images/common/icon-br.png');}
.Header-lang-more.hasIcon a.ES span{background-image: url('../images/common/icon-es.png');}
.Header-lang-more.hasIcon a.FR span{background-image: url('../images/common/icon-fr.png');}
.Header-lang-more.hasIcon a.JP span{background-image: url('../images/common/icon-jp.png');}
.Header-lang-more.hasIcon a.RU span{background-image: url('../images/common/icon-ru.png');}
.Header-lang-more.hasIcon a.MG span{background-image: url('../images/common/icon-mg.png');}
.Header-lang-more a:hover {color: #fff;background: #aed94f;}
.Header-lang.active .Header-lang-more{display: block;animation: langInUp .4s ease-out;}
@keyframes langInUp{0% {transform: translateY(20px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}




.hasdropdown{box-shadow:unset;borde-bottom:1px solid #ededed;border-radius:0px; }
.black { color: #000;}				
.Header-dropnew{display: none;position: fixed;left: 0;width: 100%;top:100%;transition: top .4s ease;}
.hasdropdown .Header-dropnew{box-shadow:0 2px 4px 0px rgba(0, 0, 0, 0.1);border-radius:0px 0px 50px 50px;}
.Header-dropnew .fs20 {font-size:20px;}
.Header-dropnew .fw7 {font-weight:700;}
.Header-dropnew .fs12 { font-size: 12px;}
.Header-dropnew .fs14 { font-size: 14px;}
.Header-dropnew .fs17 { font-size: 17px;}
.Header-dropnew .fs30 {font-size: 30px;}
.Header-dropnew .mt10 {  margin-top: 10px;}
.Header-dropnew .mt12 {  margin-top: 12px;}
.Header-dropnew .fw3 {  font-weight: 300;}
.Header-dropnew  .pb14 {  padding-bottom: 14px;}
.Header-dropnew .pt24 {  padding-top: 24px;}
.Header-dropnew .lh32 { line-height: 32px;}
.Header-dropnew .c9 { color: #999;}
.rd10 { border-radius: 10px;overflow: hidden;}
.headDrop{background: #fff;border-top: 1px solid #ededed;}
.headDrop-flex{max-width: 1920px; margin: 0 auto;justify-content: center;}
.headDrop-flex>div{padding: 50px 0 70px;}
.headDrop-desc{border-right: 1px solid #ededed;width: 19%;text-align: right;}
@media (max-width: 1530px) {
	.headDrop-desc{border-right: 1px solid #ededed;width: 25%;text-align: right;}
}
.headDrop-desc .box{position: relative;padding-right: 70px;}
.headDrop-desc .box::after{content: "";position: absolute;right: -1px;top: 50%;transform: translateY(-50%);width: 3px;height: 90%;background: #aed94f;}
.headDrop-img{width: 25%;}
.headDrop-img img{width: 100%;max-height: 270px;height: 14vw;transition: all .8s ease;max-width: 100%; object-fit: cover;vertical-align: middle;}
.headDrop-img .img:hover img{transform: scale(1.15);}
.headDrop-list{width: 20%;margin: 0 100px 0 60px;}
.headDrop-list .box{margin-top: -10px;}
.headDrop-item{justify-content: space-between;align-items: center;padding: 16px 25px 16px 40px;position: relative;transition: all .5s ease-in-out;}
.headDrop-item::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;transition: all .5s ease-in-out;background: #aed94f;opacity: 0;}
.headDrop-item span{position: relative;z-index: 2;}
.headDrop-item i{position: relative;z-index: 2; display: block;font-size: 8px;font-weight: 700;color: #fff;opacity: 0;transform:translateX(-8px) rotate(180deg);transition: all .4s ease;}
.headDrop-item:hover,.headDrop-item.active{color: #fff;}
.headDrop-item:hover::after,.headDrop-item.active::after{width: 100%;opacity: 1;}
.headDrop-item:hover i,.headDrop-item.active i{opacity: 1;transform: translateX(0) rotate(180deg);transition-delay: .4s;}
/* 产品下拉 */
.headPro{padding-bottom: 120px;background: #fff;}
.headPro-list{margin-left: -48px;}
.headPro-item{margin: 48px 0 0 48px;width: calc(25% - 48px);}
.headPro-menu{border-bottom: 1px solid #eaeaea;}
.headPro-menu:hover .title{color: #aed94f;}
.headPro-drop .item{display: flex;font-size: 14px;line-height: 32px;}
.headPro-drop .item span{position: relative;}
.headPro-drop .item span::after{content: "";position: absolute;right: 0;bottom: 3px;width: 0;height: 1px;background: #aed94f;transition: all .4s ease;}
.headPro-drop .item:hover{color: #aed94f;}
.headPro-drop .item:hover span::after{right: auto;left: 0;width: 100%;}
.Header-dropnew-menu{display: flex;width: 100%;position: relative;}
.Header-dropnew-menu>a{display: flex;width: 100%;height: auto;font-size: 15px;line-height: 24px;padding: 10px 4px;text-align: center;color: #444;align-items: center;justify-content: center;transition: all .4s ease;}
.Header-dropnew-menu.active, .Header-dropnew-menu>a:hover{background: #aed94f;color: #fff;}





.Header-search,.Header-navdiv{
	float: right;
    height: 84px;
    display: flex;
    align-items: center;
    margin-right: 0px;
}
.Header-navdiv{display:none;}
.Header-search .Header-icon-click,.Header-navdiv .Header-icon-click,.Header-icon-click{
	background-color1:#70D715;
	width: 36px;
    height: 36px;
	background: url(../images/icon/gnb_icon_seraching@3x.png) 0 0 no-repeat;
    background-size: 36px;
	
	transition: all .4s ease;
	height1: 84px;color: #333333;font-size: 20px;font-weight: 700; cursor: pointer;z-index: 999;transition: color .4s ease;display: flex;align-items: center;justify-content: center;position: relative;}
.Header-icon-click:hover{
	background: url(../images/icon/gnb_icon_seraching_black@3x.png) 0 0 no-repeat;
    background-size: 36px;
}
.Header-search .Header-icon-click.active,.Header-icon-click.active{
	background: url(../images/icon/gnb_icon_close@3x.png) 0 0 no-repeat;
    background-size: 36px;
}
.Header-search .Header-icon-click.active,.Header-icon-click.active:hover{
	background: url(../images/icon/gnb_icon_close_black@3x.png) 0 0 no-repeat;
    background-size: 36px;
}
 .Header-navdiv .Header-icon-click{
    background: url(../images/icon/header_navmenu.png) 0 0 no-repeat;
    background-size: 36px;
 }
 .Header-navdiv .Header-icon-click.active{
	background: url(../images/icon/gnb_icon_close@3x.png) 0 0 no-repeat;
    background-size: 36px; 
 }
.Header-search-click:hover{color: #aed94f !important;} 
.Header-search-item{display: none;position: absolute;width: 100%;height: 84px;align-items: center;top: 0;left: 0;z-index: 99;text-align: right;}
.Header-search-item .contain{width: 1630px;}
.Header-search-item.active{display: flex;}
.Header-search-item input, .Header-search-item button{display: inline-block;vertical-align: middle;}
.Header-search-item input[type="text"]{width: 0px;height: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: 16px;color: #666;background: transparent;}
.Header-search-item.active input[type="text"]{animation: HeaderSearch 0.8s ease both;}
@keyframes HeaderSearch{0%{width: 0;}100%{width: 520px;}}
.Header-search-item button{
    background: url(../images/icon/gnb_icon_seraching_black@3x.png) 0 0 no-repeat;
    background-size: 36px;	
	width: 50px;height: 40px;font-size: 20px;color: #333333;background1: transparent;cursor: pointer;margin-right: 0;}
/*
.Header-search-item button::after{content: "\e6a6";font-family: "icon";}
*/
body.bodySearch .Header-navbar{visibility: hidden;opacity: 0;}
.Header-navbar{float: right;margin-right: 152px;visibility: visible;opacity: 1;}
body.PC .Header-navbar{display: block !important;}
.Header-navbar>ul>li{float: left;margin: 0 36px;position: relative;z-index: 9;}
.Header-navbar>ul>li:last-child{margin-right: 0;}
.Header-navbar>ul>li:first-child{margin-left: 0;}
.Header-menu{position: relative;height: 84px;display: flex;align-items: center;font-size: 18px;color: #333333;font-weight: bold;transition: color .4s ease;}
.Header-navbar>ul>li:hover .Header-menu, .Header-navbar>ul>li.active .Header-menu{color: #aed94f /*#aed94f*/;}
.Header-arrow{display: none;}
.Header-drop{display: none;position: absolute;background: rgba(255, 255, 255, 0.85);backdrop-filter: saturate(180%) blur(20px);left: 50%;width: 160px;margin-left: -80px;top:calc(100% - 4px);min-width:100%;border-top:4px solid #aed94f;border-radius:5px 5px 0 0;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);transition: top .4s ease;}
.Header-drop::before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #aed94f transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-drop-menu{display: flex;width: 100%;position: relative;}
.Header-drop-menu>a{display: flex;width: 100%;height: auto;font-size: 15px;line-height: 24px;padding: 10px 4px;text-align: center;color: #333333;align-items: center;justify-content: center;transition: all .4s ease;}
.Header-drop-menu.active, .Header-drop-menu>a:hover{background: #aed94f;color: #fff;}
.Header ,.Header * {box-sizing:border-box;}
.second-menu {
	margin:auto auto;
	max-width:1680px;
	text-align: right;
	z-index: 2;
	border-top: 0px solid #633869;
	height:60px;
	line-height:60px;
	display: none;
	position: relative;
	color:#222;
	background1:#fff;/*#5223cb;*/
	background22: linear-gradient(to bottom, #2c3b65 0%, #222222 90%);
	display: flex !important;
	justify-content: space-between;
}
.second-menu .header-links {
	margin-left: -5px;
	display: inline-block;
}
.second-menu .header-links .menu-block{
	display:inline-block;
}
.second-menu .menu{margin:0px;}
.second-menu .menu li {
	margin-bottom: 0;
	line-height: 150%;
}		
.second-menu .menu li {
	list-style: none;
}		
.second-menu ul.menu li, .second-menu ol.menu li, .second-menu ul.link li, .second-menu ol.link li {
	list-style: none;
}
.second-menu a {
	vertical-align: middle;
	color: #222;
	opacity: .89;
	-webkit-filter: alpha(opacity=49);
	filter: alpha(opacity=49);
	padding: 0 5px;
	font-size: .928571rem;
	font-weight: 700;
	line-height: 20px;
	transition: all .5s;
	position: relative;
}		
@media (min-width: 992px) {
	
	.second-menu {
		padding-left: 20px;
		padding-right: 20px;
		display: block;
	}
	.second-menu .header-links {
		margin-left: -10px;
	}
	.second-menu .header-links .menu li {
		display: inline-block;
	}
	.second-menu a {
		padding: 0 10px;
	}	

}
@media (min-width: 1870px) {
	.second-menu { 
		display: block;
	}
}
 

 
 

.Header-navclick{display:none;}
.Header-Email {display:none;float: right;height: 84px;display: flex;align-items: center;margin-right: 32px;opacity:0;}
.Header-Email a {color: #333333;transition: all .4s ease;}
.Header-Email a:hover {color: #aed94f;}
.Header-Email a i{margin-right: 8px;font-size: 18px;}
.Header > .contain{width: 100%;padding: 0px 100px;}


@media (max-width: 1599px) {
	 .Header-search-item .contain {}
	 .Header-navbar{margin-right:130px;}
}
@media (max-width: 1531px) {
	 .Header-navbar{margin-right:120px;}
}
@media (max-width: 1360px) {
	 .Header-navbar{margin-right:50px;}
}
@media (max-width: 1270px) {
    .Header > .contain {padding: 0px 40px;}
    .Header::after {width: calc(100% - 80px);}
    .Header-navbar>ul>li {margin: 0 10px;}
    .Header-Email a i {margin-right: 5px;font-size: 14px;}
}
@media (max-width: 1100px) {
    .Header .contain{width: 100%;}
    .Header::after{opacity: 1;}
    .Header-logo, .Header-icon-click1, .Header-lang-menu1{height: 60px;}
    .Header-logo{margin-left: 4%;width: 110px;}
    .Header-navclick{display: none;margin-right: 0%;}
    .Header-lang{margin: 0 12px 0 4px;}
    .Header-lang.active .Header-lang-menu {color: #666;}
    .Header-lang-more{width: 120px;margin-left: -60px;}
    .Header-lang-more a{padding: 6px 0;}
    .Header-icon-click:hover{color: #666 !important;}
    .Header-search-item {display: none;width: 100%;line-height: normal;height: 45px;top: 60px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 0;background: #fff;}
    .Header-search-item .contain {padding-right: 0;}
    .Header-search-item input[type="text"]{width: 100%;height: 44px;padding: 0 50px 0 4%;border-bottom: none;}
    .Header-search-item.active input[type="text"] {animation: none;}
    .Header-search-item button{position: absolute;right: 0;top: 0;width: 44px;height: 46px;top: -1px;background: #aed94f;z-index: 2;color: #fff;}
    .Header-navbar{display: none;position: absolute;width: 100%;margin-right: 0;height: calc(100vh - 60px);top: 60px;left: 0;padding: 20px 0;background: #fff;}
    .Header-navbar>ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
    .Header-navbar>ul>li{display: block;width: 100%;opacity: 0;transform: translateY(32px);transition: all .4s ease;margin: 0;}
    .Header-navbar.active>ul>li{opacity: 1;transform: translateY(0);}
    .Header-menu{height: 44px;padding: 0 4%;font-size:16px;}
 
 
    .Header-Email {height: 60px;margin-right: 30px;}
	
	.header-body { display: flex;justify-content: space-between;align-items: center;}
	/*隐藏搜索*/
	.Header-search{display:none;}
	/*手机端切换菜单*/
	.Header-navdiv{display:flex;}
	
	/*面包屑*/
	#container_mianbaoxie{}
	#category_detail .category_con{padding-top:0px !important;}
	body #category_detail .category_con .hd_tit{padding:0px 0 60px 0;}
	body #category_detail .category_con .hd_root{margin:24px 0 24px;}
	body .category_con .hd_root ul li .home{width:14px;height:14px;background-size:14px;}
	body .category_con .hd_root ul li a{font-size:14px;}
	
	
	/*页面分类名称*/

	body #category_detail .category_con .hd_tit .tit{font-size:32px;}
}




 /*为了导航新增20250614*/
@media (min-width:980px) {
	
    .Header-arrow{
		display:none;
		background: url(../images/icon/icon_jt3.png) center no-repeat;
		background-size: 16px;
		width: 18px;height: 18px;line-height: 18px;transform: translateY(-50%) rotate(180deg);font-size: 18px;font-style: normal;color: #666;text-align: center;position: absolute;z-index: 9;right: 0;
		top: 50%;}
 
    .Header-arrow.active{transform: rotate(180deg);}
    .Header-navbar>ul>li:hover .Header-menu{color: #666;}
    .Header-navbar>ul>li.active .Header-menu{color: #aed94f;}
    .Header-drop {position: relative;top: 0;left: 0;width: 100%;margin-left: 0;overflow: hidden;padding: 8px 0;border-radius: 0;border: none;background: #f9f9f9;backdrop-filter: inherit;box-shadow: none;}
    .Header-drop::before{display: none;}
    .Header-drop-menu>a{justify-content: flex-start;padding: 6px 4%;font-size: 15px;}
    .Header-Email a i{margin-right: 0px;font-size: 16px;}	
}

@media (max-width: 800px) {
	.Header{border-radius:0px;}
	.Header-logo, .Header-icon-click, .Header-lang-menu{height:36px;}
	.Header-logo img{max-height:40px;}
	.Header-search, .Header-navdiv{height:60px;}
	.second-menu{text-align: center;width: 100%;display: block !important;background: #000;height: 32px;line-height: 32px;color: #fff;font-size:14px;}
	.second-menu .menu{display:none;}
	
	
	/*面包屑*/
	#container_mianbaoxie{}
	#category_detail .category_con{padding-top:0px !important;}
	body #category_detail .category_con .hd_tit{padding:0px 0 40px 0;}
	body #category_detail .category_con .hd_root{margin:24px 0 24px;}
	body .category_con .hd_root ul li .home{width:14px;height:14px;background-size:14px;}
	body .category_con .hd_root ul li a{font-size:14px;}
	
 	/*页面分类名称*/

	body #category_detail .category_con .hd_tit .tit{font-size:24px;}
	
}





/*底部*/

/* 隐私政策 */
.cookiePolicy {background-color: #fff;color: #222;box-shadow: 0px 0px 8px #c3c3c3;padding: 15px 0;line-height: 1.3;font-size: 14px;position: fixed;bottom: 10px;border-radius:55px;width: 80%;z-index: 999;left: 10%;display: none;}
.cookiePolicy .contain{align-items: center;justify-content: center;display:flex;flex-wrap:wrap;width:90%;}
.cookiePolicy .text{flex:1;animation:none !important;font-weight:600;}
.cookiePolicy .btn{margin-left: 24px;white-space: nowrap;}
.cookiePolicy .btn a{color: #aed94f;margin-right: 10px;padding: 4px 8px;border-radius: 4px;min-height:30px;line-height:30px;text-align:center;min-width:100px;}
.cookiePolicy .btn a:last-child{margin-right:0}
.cookiePolicy .btn a.button{background: #aed94f;color: #fff;}
.cookiePolicy .btn a.button.no{background: transparent;color: #aed94f;border:1px solid #aed94f}
@media all and (max-width:1000px) {
    .cookiePolicy .contain{justify-content: space-between;}
    .cookiePolicy {font-size:12px;padding: 18px 0;left:3%;width:94%;border-radius:10px;}
    .cookiePolicy .text{width: 100%;}
    .cookiePolicy .btn{width:100%;justify-content:center;margin-top:8px;margin-left:0}
	.cookiePolicy .btn a{font-size:12px;height:26px;line-height:28px;min-height:28px;padding:0px;}
}
@media all and (max-width:640px) {
.cookiePolicy{display:none !important;}
}

/*底部*/
/* 侧边按钮 */
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.white {color: #fff;}
.comEmail{display:none1;background-color: #90C022;color:#fff;width: 228px;transition: all .6s ease;height: 54px;position: fixed;z-index: 999;right: 35px;bottom: 120px;border-radius: 40px;overflow: hidden;}
.comEmail::after{content: "";transition: all .6s ease; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);background: #fff; width: 400px;height: 400px;border-radius: 50%;}
a.comEmail ,a.comEmail:visited{color:#fff;}
.comEmail:hover a{color: #90C022;}
.comEmail:hover span{color: #90C022;}
.comEmail:hover::after{transform: translate(-50%,-50%) scale(1);}
.comEmail i,.comEmail span{position: relative;z-index: 2;}
.comEmail i{font-size: 26px;display: block;margin-right: 10px;}
.comKefu{position: fixed;z-index: 999;left: 35px;bottom: 190px;display:none;}
.comKefu-btn{border-radius: 40px;background: #40c351;width: 45px;height: 45px;box-shadow: 0px 20px 32.2px 2.8px rgba(64, 195, 81, 0.26);}
.comKefu-btn img{max-width: 55%;max-height: 55%;}
.comKefu-btn:hover{background: #90C022;box-shadow: 0px 20px 32.2px 2.8px rgba(232, 53, 29, 0.26);}
 
 
 
 /*下拉样式*/ 
.drop_down { position: relative; z-index: 1;margin-right: 15px; width: 240px; } 
.drop_down .selected a { position: relative; display: block; height: 44px; padding-left: 20px; border: 1px solid #515151; color: #fff; width: 100%; font-size: 16px; box-sizing: border-box; line-height: 43px; } 
.drop_down .selected a::before { content: ''; position: absolute; top: 9px; right: 15px; width: 24px; height: 24px; background: url(../images/ico_selectarrow.svg) no-repeat center center; background-size: cover; transition: .2s; } 
.drop_down .selected a.on::before {transform: rotate(-180deg); } 
.drop_down .selected a span { font-size: inherit; cursor: pointer; display: block; } 
.drop_down .options ul { display: none; background: #fff; padding: 0px 0px; position: absolute; bottom: 100%; left: 0; width: 100%; box-sizing: border-box; border: 1px solid #ccc; border-bottom: none; } 
.drop_down .selected span.value,
.drop_down .options span.value { display: none; } 
.drop_down .options ul li a { font-size: 16px; padding: 5px; display: block; text-decoration: none; color: #000; box-sizing: border-box; padding: 10px 20px; } 
.drop_down .options ul li a:hover { background: #000; color: #fff; transition: 0.2s ease; } 


#footer { 
	margin-top:50px;
	border-top: 1px solid #d6d6d6;
	background: #000; background:#fff; background1:linear-gradient(180deg,#222 20%,#6d8538 100%); color: #222; padding: 65px 0 0px;border-radius:50px 50px 0px 0px;     box-shadow1: 0 -2px 4px 0px #d6d6d6;
    background5: linear-gradient(178deg,#fff 35%,#6d8538 180%);} 
#footer .inner{
    max-width: 1680px;
    margin: 0 auto;}
#footer .copyright{max-width:500px;}
#footer .ftInfo li { display: flex; } 
#footer .ftInfo li:not(:last-of-type)::after { content: ''; width: 1px; height: 100%; margin: 0 21px; background: #fff; } 
#footer .ftInfo li a { color: inherit;font-size:16px;font-weight:700; } 
#footer .ftInfo li:first-of-type a { font-weight: 600; } 
#footer .snsBox { margin: 50px 0 40px; justify-content: space-between; } 
#footer .snsBox .snsWrap { gap: 0 12px; } 
#footer .snsBox .snsWrap a { width: 54px; height: 54px; font-size: 0; } 
#footer .snsBox .snsWrap a.ico_facebook { background: url(../images/icon/ico_facebook.svg); background-size: cover; } 
#footer .snsBox .snsWrap a.ico_twitter { background: url(../images/icon/ico_twitter.svg); background-size: cover; } 
#footer .snsBox .snsWrap a.ico_blog { background: url(../images/icon/ico_blog.svg); background-size: cover; } 
#footer .snsBox .snsWrap a.ico_insta { background: url(../images/icon/ico_insta.svg); background-size: cover; } 
#footer .snsBox .snsWrap a.ico_youtube { background: url(../images/icon/ico_youtube.svg); background-size: cover; } 
#footer .snsBox .snsWrap a.ico_tiktok { background: url(../images/icon/ico_tiktok.svg); background-size: cover; } 
#footer .bottom_copy{padding: 18px 0; border-top:1px solid #999;display1: flex !important; justify-content: space-between;font-size:15px;display:block;}
#footer .bottom_copy a{color:#222;}
#footer .rightspan{margin-left:30px;}
#footer .rightspan a{font-size:14px;}
#footer .ftMenu { gap: 8px; } 
.drop_down { position: relative; z-index: 1;margin-right: 15px; width: 240px; } 
.drop_down .selected a { position: relative; display: block; height: 44px; padding-left: 20px; border: 1px solid #515151; color: #fff; width: 100%; font-size: 16px; box-sizing: border-box; line-height: 43px; } 
.drop_down .selected a::before { content: ''; position: absolute; top: 9px; right: 15px; width: 24px; height: 24px; background: url(../images/icon/ico_selectarrow.svg) no-repeat center center; background-size: cover; transition: .2s; } 
.drop_down .selected a.on::before {transform: rotate(-180deg); } 
.drop_down .selected a span { font-size: inherit; cursor: pointer; display: block; } 
.drop_down .options ul { display: none; background: #fff; padding: 0px 0px; position: absolute; bottom: 100%; left: 0; width: 100%; box-sizing: border-box; border: 1px solid #ccc; border-bottom: none; } 
.drop_down .selected span.value,
.drop_down .options span.value { display: none; } 
.drop_down .options ul li a { font-size: 16px; padding: 5px; display: block; text-decoration: none; color: #000; box-sizing: border-box; padding: 10px 20px; } 
.drop_down .options ul li a:hover { background: #000; color: #fff; transition: 0.2s ease; } 

/* #footer .ftMenu select { height: 44px; padding: 0 35px 0 20px; font-size: 16px; color: #fff; border: 1px solid #515151; background: url(../images/icon/ico_selectarrow.svg) no-repeat right 10px center; background-size: 24px auto; -moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: 1.9; } 
#footer .ftMenu select option { color: #000; } */


#footer .ftArea { position: relative; gap: 0 8px; } 
#footer .ftArea li { position: relative; } 
#footer .ftArea li .name { display: flex; align-items: center; height: 44px; gap: 0 8px; padding: 10px 15px 10px 20px; font-size: 16px; color: #fff; border: 1px solid #515151; } 
#footer .ftArea li .name::after { content: ''; width: 24px; height: 24px; background: url(../images/icon/ico_selectarrow.svg) no-repeat center center; background-size: cover; transition: .2s; } 
#footer .ftArea li .name.active::after { transform: rotate(-180deg); } 
#footer .ftArea li .name.active + .layer { display: block; } 
#footer .ftArea li .layer { width: 310px; display: none; position: absolute; z-index: 1; bottom: 64px; left: 50%; transform: translateX(-50%); border: 1px solid #ccc; padding: 24px; background: #fff; } 
#footer .ftArea li .layer p { color: #000; font-size: 16px; } 
#footer .ftArea li .layer p a { font-size: inherit; font-weight: 600; } 

.btntop { display: none; position: fixed; width: 53px; height: 53px; bottom: 30px; right: 40px;  z-index: 10; }
.btntop #TopMove { display: block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(229,229,229,.95); background-color: rgba(255,255,255,.95); overflow: hidden; }
.btntop .btn_top {display: block; width: 100%; height: 100%; background:url(../images/icon/btn_top.png) no-repeat center center; background-size: 19px auto; font-size: 0;}



@media screen and (max-width: 1679px) {
	#footer .inner{margin:0px 4%;}
	.inner {
		padding: 0 40px;
	}
}

@media screen and (max-width: 768px){
    #footer { padding: 50px 4% 0px; } 
    #footer .inner { padding: 0; } 
    #footer .ftInfo { gap: 10px 0; } 
    #footer .ftInfo li:not(:last-of-type)::after { margin: 0 9px; } 
    #footer .ftInfo li a { font-size: 12px; } 
    #footer .snsBox { flex-direction: column; gap: 34px 0;display:block; } 
    #footer .snsBox .snsWrap { gap: 0 8px; } 
    #footer .snsBox .copyright { font-size: 12px; } 
    #footer .snsBox .snsWrap a { width: 40px; height: 40px; } 
    #footer .ftMenu { margin-top: 38px; gap: 0 4px; } 
    .drop_down { width: 160px; margin-bottom: 10px;}
    .drop_down .selected a {font-size: 12px; height: 36px; line-height: 35px; padding-left: 10px; }
    .drop_down .selected a::before { width: 16px; height: 16px; right: 10px;} 
    .drop_down .options ul li a {font-size: 12px; padding: 10px;}
    /* #footer .ftMenu select { height: 36px; padding: 0 35px 0 10px; font-size: 12px; background: url(../images/icon/ico_selectarrow.svg) no-repeat right 2px center; margin-bottom: 4px; }  */

    #footer .ftArea { gap: 6px; } 
    #footer .ftArea li {position: static; } 
    #footer .ftArea li .name { height: 36px; padding: 0 5px 0 10px; font-size: 12px; } 
    #footer .ftArea li .name::after { width: 16px; height: 16px; } 
    #footer .ftArea li .layer { width: 100%; bottom: 46px; left: 0; transform:none } 
    #footer .ftArea li .layer p { font-size: 14px; }
	#footer .bottom_copy{text-align:center;font-size:14px;}
	#footer .bottom_copy span.rightspan{display:none;}
    .btntop { width: 40px; height: 40px; bottom: 20px; right: 20px; }
    .btntop .btn_top {background:url(../images/icon/btn_top.png) no-repeat center center; background-size: 14px auto; }

	#footer .snsBox{margin:20px 0 30px;flex-direction:unset;justify-content:center;}	
	#footer .snsBox address{margin-bottom:20px;}
}
@media screen and (max-width: 600px){ 
	#footer {padding:30px 4% 0px}
	.foot_home_li{display:none !important;}
}

.ellipsis_multiline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis_multiline_3{
  -webkit-line-clamp: 3;
}



/*产品留言弹窗*/
.message-dialog { 
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990000;
}
.message-dialog-content{
	width: 800px;
	min-width:716px;
    max-height: 95%;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 41px 47px 34px;
}

.message-dialog-content .errorp {
    margin-bottom: 10px;
    color: red;
	margin-top:-5px;
}
.message-dialog-content .errorp span {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: red;
    border-radius: 50%;
}
.message-dialog-content .left {
    width: 280px;
    float: left;
	padding: 0 !important;
}

.message-dialog-content .left .img {
	float: initial !important;
    width: 100% !important;
    height: 200px !important;
    line-height: 200px !important;
    border-radius: 2px;
    display: inline-block;
    position: relative;
}
.message-dialog-content .left .titlep {
	font-size: 16px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 10px 0px;
	
}
.message-dialog-content .left ul {
    width: 100%;
    padding: 0;
    margin: 0;
	margin-left: 0 !important;
}
.message-dialog-content .left ul li {
    height: 44px;
    list-style: none;
    margin-top: 6px;
    font-size: 16px;
}
.message-dialog-content .left ul li span:first-child {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 16px;
    color: #757575;
    line-height: 18px;
}
.message-dialog-content .left ul li span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    white-space: nowrap;
    display: inline-block;
    line-height: 18px;
    width: 100%;
}
.message-dialog-content .right {
    width: 380px;
    float: right !important;
	margin-left:20px;
}
.message-dialog-content .right .title {
	color: #333 !important;
    font-size: 24px !important;
    background: #FFF !important;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	line-height: 1.5;
}
.message-dialog-content .right .title p {
    margin: 0;
}
.message-dialog-content .right .form {
    width: 100%;
    margin-top: 22px;
	padding: 0;
}
.message-dialog-content .right  .form input, .message-dialog-content .right  .form .textarea {
    background-color: #f5f5f5;
    font-family: robot !important;
}
.message-dialog-content .right  .form .textarea {
	position:relative;
	margin-bottom: 10px;
}
.message-dialog-content .right  .form .textarea textarea {
	resize: none;
	position: relative;
    z-index: 1;
	background-color: #fafafa;
    font-size: 14px;
    padding: 0 5px;
    border-radius: 0;
	height: 170px;
	width:100%;
}
.message-dialog-content .right  .form input, .message-dialog-content .right  .form .textarea {
    display: block;
    width: 100%;
    font-size: 14px;
    border-radius: 0px;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    padding: 12px 19px;
    line-height: 20px;
    margin-bottom: 15px;
    text-indent: 0;
}
.message-dialog-content .right  .form input {
    height: 44px;
}
.message-dialog-content .close {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 22px;
    right: 27px;
    cursor: pointer;
	z-index: 101;
}

#submitStart1{
cursor:pointer;
background: #222222;
color: #fff;
width: 300px;
text-align: center;
height: 50px;
line-height: 48px;
border: 1px solid #dddddd;
box-sizing: border-box;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
}



/*全站漂浮框*/
.right_float {position: fixed;right: 10px;top:100%;transform:translateY(calc(-100% - 50px));z-index: 999;}
.right_float_top { width: 50px;padding: 10px 0px;}
.right_float-backTop {margin-top: 12px;width: 50px;height: 48px;border-radius: 100px;display: flex;align-items: center;justify-content: center;background-color: #d7000f;position: relative;}
.right_float-backTop::before{content: "\e80b";font-family: "icon";position: absolute;font-size: 14px;color: #fff;transform: rotate(90deg);line-height: 1;}
.right_float_list{display:flex;    flex-wrap: wrap;}
.right_float_list .list{width: 100%;padding: 2px 0px;height: 50px;display: flex;align-items: center;justify-content: center;position: relative;

box-sizing: border-box;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background-color: #fff;
border-radius: 15%;
margin-bottom:10px;

}
.right_float_list .list::before{content: "";position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 28px;height: 1px;background-color: rgba(255, 255, 255, .3);}
.right_float_list .list:last-child::before{display: none;}
.right_float_list .list::after{content: "";width: 100%;height: 100%;background-color: #fff;top: 0px;left: 0px;opacity: 1;z-index: 2;transition: all .4s ease;}
.right_float_list .list.f_whatsapp::after{border-radius: 0px 10px 0px 0px;}
.right_float_list .list.f_backup::after{border-radius: 0px 0px 10px 0px;}
.right_float_list .list:hover::after{opacity: 1;}
.right_float_list .list img{position: absolute;opacity: 0;transition: all .4s ease;z-index: 3;}
 
 
.right_float_cont {margin-top: 15px;width: 100%;height: 115px;display: flex;align-items: center;justify-content: center;}
.right_float_cont a{display: flex;justify-content: center;align-items: center;width: 100%;word-wrap: normal;white-space:nowrap;height: 1px;transform: rotate(90deg);}
.right_float_list .list .info{position: absolute;z-index: 1;top: 2px;left: -170px;width: 170px;background-color: #fff;border-radius: 10px 0px 0px 10px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);padding: 20px 30px 30px 30px;opacity: 0;pointer-events: none;transition: all .4s ease;}
.right_float_list .list:hover .info.pro{opacity: 1;pointer-events: all;width: 170px;left:calc(-100% - 70px);margin:0px;border-radius:25px;}
.right_float_list .list .info.pro{padding: 0px 15px;height: calc(100%);margin: 2px 0px;display: flex;align-items: center;top: 0px;width: 0px;left: 0px;}
 
.right_float_list .list.f_backup::after {
    content: "";
    display: block; 
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_go_top@3x.png) no-repeat center;
    background-size: 18px;
}


.right_float_list .list.f_weixin{
	background:#eee;
}
.right_float_list .list.f_weixin::after {
    content: "";
    display: block;
    width: 24px;
    height: 39px;
    background: url(../images/icon/icon_weixin@3x.png) no-repeat center;
    background-size: 23px;
}


.right_float_list .list.f_weixin:hover{border-radius:0px 50% 50% 0px;background:#ddd;}
.right_float_list .list .wexinpro{position: absolute;z-index: 1;top: 2px;left: -130px;width: 130px;height:auto;background-color: #fff;border-radius: 10px 0px 0px 10px;box-shadow1: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);padding: 20px 30px 30px 30px;opacity: 0;pointer-events: none;transition: all .4s ease;}
.right_float_list .list .wexinpro img{width:0px;height:0px;opacity:0;position:relative;transition: all .7s ease;}
.right_float_list .list:hover .wexinpro img{width:100px;height:100px;opacity:1;}
.right_float_list .list:hover .wexinpro.pro{height:auto;background-color: #ddd;opacity: 1;pointer-events: all;width: 130px;left:-130px;margin:0px;border-radius:10px 0px 0px 10px;padding:15px;}
.right_float_list .list .wexinpro.pro{padding: 0px 15px;height: calc(100%);margin: 2px 0px;display: flex;align-items: center;top: 0px;width: 0px;left: 0px;}
 

 
.right_float_list .list.f_contact{
	background:#dfdfdf;
}
.right_float_list .list.f_contact::after {
    content: "";
    display: block;
    width: 24px;
    height: 39px;
    /*background: url(../images/icon/icon_write@3x.png) no-repeat center;*/
	background: url(../images/icon/icon_inquiry@3x.png?timg=1) no-repeat center;

	
    background-size: 18px;
}


.right_float_list .list.f_whatsapp{
	background:#90C022;
}
.right_float_list .list.f_whatsapp::after {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/icon/whtasapp-icon.png) no-repeat center;
    background-size: 21px;
}
.right_float_list .list.f_whatsapp .info.pro{background:#90C022;color:#fff;}
/* 置顶 */
.backTop{display: none;right: 40px;bottom: 60px;width: 40px;height: 40px;line-height: 40px;font-size: 20px;color: #fff;text-align: center;border-radius: 4px;position: fixed;cursor: pointer;z-index: 9999;background: #b81c22;}
.backTop::after{content: "\e684";font-family: "icon";}
.backTop.on{display: block;}
@media all and (max-width:1590px) {.backTop {right: 30px;bottom: 40px;}}
@media all and (max-width:720px) {.backTop {right: 8px;bottom: 20px;width: 36px;height: 36px;line-height: 36px;font-size: 16px;}}

/*全局询价按钮*/
.small_btn_in{
	display:block;
	background1:linear-gradient(45deg, #90C022 20%, #abbb89 100%);
	background:#90C022;
	font-size:13px;color:#fff;border-radius:5px;padding:3px 10px ;
	
}
.small_btn_in_inner{
	background:url('../images/icon/hand.png') no-repeat left center;
	background-size:19px;;
	width:100%;
	display:block;
	height:24px;
	line-height:24px;
	padding-left:24px;
} 

.small_btn_in{
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
}
.small_btn_in:before{
	 content: '';
	  position: absolute;
	  top: -50%;
	  left: -100%;
	  width: 100%;
	  height: 200%;
	  background1: radial-gradient(circle at center, transparent 50%, #ff33cc 50%);
	  background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,0.5)50%,rgba(255,255,255,0)100%) no-repeat -170px 0;
	  background-size: 100% 200%;
	  opacity: 0;
	  transition: all 0.3s ease;
}
.small_btn_in:hover::before {
  top: -50%;
  left: 100%;
  opacity: 1;
  background-position: center;
}

/* 分页 */
.paging{ margin-top: 50px;width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;}
.paging-menu .shenglvehao{font-weight:700;border:0px;}
.paging-menu a,.paging-menu span{width: 42px;height: 42px;border: 1px solid #d9d9d9;margin: 4px;font-size: 14px;color: #666666;transition: all .4s ease;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
.paging-menu a.not i{font-size: 12px;display: block;}
.paging-menu a.lty i{transform: rotate(180deg);}
.paging-menu a:hover, .paging-menu a.active,.paging-menu  .now_current , .paging a.on{border-color: #aed94f;background-color: #aed94f;color: #fff;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: 12px;color: #666;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 50px;text-align: center;height: 32px;border: 1px solid #d9d9d9;background-color: transparent;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #aed94f;}
.paging-skip button {color: #555;font-size: 12px;padding: 0 18px;border: 1px solid #d9d9d9;transition: all .4s ease;height: 32px;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #aed94f;color: #fff;border-color: #aed94f;}
.paging-hint span{color: #aed94f;}

.paging .prev{
	cursor: pointer;
	border:0px;
    background1: url(../images/icon/rel_slider_prev@3x.png) center no-repeat;
	background: url(../images/icon/page_prev.png)  center / auto 12px no-repeat;
    background-size1: 32px;
}
.paging .next{
	cursor: pointer;
	border:0px;
    background1: url(../images/icon/rel_slider_next@3x.png) center no-repeat;
	background: url(../images/icon/page_next.png)  center / auto 12px no-repeat;
    background-size1: 32px;
}
.paging-menu .first,.paging-menu .last{display1:none;
	border:0px;
	cursor: pointer;
	background: url(../images/icon/page_first.png)  center / auto 12px no-repeat;
}
.paging-menu .last{
	background: url(../images/icon/page_last.png)  center / auto 12px no-repeat;
}
.paging .prev:hover,.paging .next:hover,.paging .first:hover,.paging .last:hover{background-color:unset;}

@media (max-width: 800px) {
	.paging{ margin-top: 30px;}
	.paging-menu a,.paging-menu span{display:none;}
	.paging-menu a.prev ,.paging-menu span.prev,
	.paging-menu a.next  ,.paging-menu span.next{display:flex;}
	
}






 /*底部客服*/
 :root {
    --main-color: #dfdfdf;
    --hover-color:#aed94f;
    --main-font: 'Urbanist', sans-serif;
    --title-font: "Syne", sans-serif;
}
  /*inquiry*/
  .inquiry .p{ margin-bottom: 20px; line-height: 22px; margin-top: 8px;}
  .inquiry ul{list-style:none; margin: 0px -10px;}
  .inquiry ul li{padding:0 10px;margin-bottom:15px;position:relative;}
  .inquiry ul li span:before{content:'';position:absolute;width:40px;height:40px;right:0;top:0;display:inline-block;background-position:center center;background-repeat:no-repeat; background-position: center center;}
  .inquiry ul li span:before{content:'';position:absolute;right:8px;top:0;width:28px;height:100%;display:inline-block; background-repeat: no-repeat;}
  .inquiry ul li span.ms_e:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667324824' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7187' width='22' height='22'%3E%3Cpath d='M914.691674 123.697006H109.30935c-47.583643 0-86.289099 38.70648-86.2891 86.290123v603.998113c0 47.583643 38.705456 86.317752 86.2891 86.317752h805.382324c47.58262 0 86.288076-38.734109 86.288076-86.317752V209.987129c0-47.58262-38.705456-86.290123-86.288076-86.290123z m-15.169461 57.497414l-387.51505 335.861726-387.530399-335.861726h775.045449z m15.169461 661.581484H109.30935c-11.670784 0-21.62958-7.049542-26.138258-17.050293l274.221977-219.374921-35.955838-44.913843-240.893984 192.718871V219.283847l431.462893 373.892825L943.454707 219.283847v534.871871l-240.891938-192.718871-35.955838 44.913843L940.812535 825.724587c-4.491282 10.001775-14.49408 17.051317-26.120861 17.051317z' p-id='7188' fill='%23999999'%3E%3C/path%3E%3C/svg%3E");}
  .inquiry ul li span.ms_p:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667419565' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8334' width='22' height='22'%3E%3Cpath d='M752 944C380.8 944 80 643.2 80 272c0-105.6 86.4-192 192-192s192 86.4 192 192c0 81.6-49.6 150.4-123.2 179.2 44.8 102.4 128 187.2 232 232C601.6 609.6 670.4 560 752 560c105.6 0 192 86.4 192 192s-86.4 192-192 192zM272 144c-70.4 0-128 57.6-128 128 0 336 272 608 608 608 70.4 0 128-57.6 128-128s-57.6-128-128-128c-62.4 0-115.2 44.8-126.4 107.2-1.6 9.6-6.4 17.6-16 22.4-8 4.8-17.6 6.4-27.2 3.2C436.8 704 320 587.2 268.8 440c-3.2-9.6-1.6-19.2 3.2-27.2 4.8-8 12.8-14.4 22.4-16 62.4-9.6 107.2-64 107.2-126.4C400 201.6 342.4 144 272 144z' p-id='8335' fill='%23999999'%3E%3C/path%3E%3C/svg%3E");}
  .inquiry ul li span.ms_c:before{background-image: url("data:image/svg+xml,%3Csvg t='1715236487062' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4396' width='22' height='22'%3E%3Cpath d='M956.624449 922.846357h-29.442936V592.832598c0-17.701887-8.850944-41.545246-29.984829-50.396189l-267.334627-174.851297V93.747751l-2.890104-6.141471C614.869642 57.802081 588.316811 42.809667 555.622508 48.770506L136.376786 173.586876c-23.843359 8.850944-41.545246 32.694302-41.545246 59.427765v689.831716H64.84671c-18.243782 0-29.98483 14.992415-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h891.777739c18.243782 0 29.98483-12.102311 29.98483-29.98483-0.180632-18.243782-12.282942-29.98483-29.98483-29.98483z m-89.231964-333.265126v333.265126H629.862057V435.683189l237.530428 153.898042zM153.536779 233.014641l415.994355-124.81637v814.648086H153.536779V233.014641z' p-id='4397' fill='%23cdcdcd'%3E%3C/path%3E%3Cpath d='M450.856236 325.136708H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483 0-18.424413-12.282942-29.98483-29.984829-29.98483zM450.856236 503.058741H272.753572c-18.243782 0-29.98483 12.102311-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-12.102311 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM450.856236 681.703299H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM688.747927 712.049391c0 18.243782 12.102311 29.98483 29.98483 29.98483h59.427765c18.243782 0 29.98483-11.741048 29.98483-29.98483v-0.180631-0.180632c0-18.243782-12.102311-29.98483-29.98483-29.984829h-59.427765c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263z' p-id='4398' fill='%23999999'%3E%3C/path%3E%3C/svg%3E");;}
  .inquiry ul li span.ms_n:before{background-image: url("data:image/svg+xml,%3Csvg t='1715236952068' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5481' width='22' height='22'%3E%3Cpath d='M819.413333 794.026667a332.8 332.8 0 0 0-71.509333-106.026667 332.8 332.8 0 0 0-147.413333-85.888 274.56 274.56 0 0 0 106.325333-66.218667 273.706667 273.706667 0 0 0 80.682667-194.688c0-73.514667-28.586667-142.72-80.682667-194.688a273.706667 273.706667 0 0 0-194.730667-80.725333c-73.472 0-142.677333 28.586667-194.688 80.725333a273.706667 273.706667 0 0 0-80.682666 194.688c0 73.514667 28.586667 142.677333 80.682666 194.688a274.56 274.56 0 0 0 106.282667 66.218667 332.8 332.8 0 0 0-147.413333 85.888 332.8 332.8 0 0 0-97.706667 235.904 35.968 35.968 0 1 0 72.021333 0c0-69.888 27.221333-135.594667 76.629334-185.002667a259.882667 259.882667 0 0 1 185.002666-76.586666c69.888 0 135.594667 27.178667 185.002667 76.586666a259.882667 259.882667 0 0 1 76.586667 185.002667 35.968 35.968 0 1 0 71.978666 0 335.488 335.488 0 0 0-26.368-129.92zM308.608 341.162667c0-112.213333 91.306667-203.392 203.392-203.392a203.648 203.648 0 0 1 203.392 203.392A203.562667 203.562667 0 0 1 512 544.597333a203.648 203.648 0 0 1-203.392-203.392z' fill='%23999999' opacity='.65' p-id='5482'%3E%3C/path%3E%3C/svg%3E");}
  .inquiry ul li span.ms_m:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667534152' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9305' width='24' height='24'%3E%3Cpath d='M832.161 351.79c-17.673 0-32 14.327-32 32v479.85H224.037V223.784h414.605c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32V895.64c0 17.673 14.327 32 32 32h640.124c17.673 0 32-14.327 32-32V383.79c0-17.673-14.327-32-32-32z' fill='%23999999' p-id='9306'%3E%3C/path%3E%3Cpath d='M485.612 534.222c6.249 6.248 14.438 9.372 22.627 9.372s16.379-3.124 22.627-9.372l321.407-321.406c12.496-12.497 12.496-32.758 0-45.255-12.498-12.497-32.759-12.497-45.255 0L485.612 488.967c-12.497 12.496-12.497 32.758 0 45.255zM736 627c0-17.673-14.327-32-32-32H322c-17.673 0-32 14.327-32 32s14.327 32 32 32h382c17.673 0 32-14.327 32-32zM322 725c-17.673 0-32 14.327-32 32s14.327 32 32 32h251c17.673 0 32-14.327 32-32s-14.327-32-32-32H322z' fill='%23999999' p-id='9307'%3E%3C/path%3E%3C/svg%3E"); background-position: center 10px;}
  .inquiry ul li input{background:#f7f7f7;height:56px;width:100%;line-height:52px;padding-right:45px; color:#999; border: 1px solid #f7f7f7; border-radius:0; padding-left: 10px;font-size: 14px; }
  .inquiry ul li textarea{height:146px;background:#f7f7f7;width:100%;max-width:100%;max-height:215px;padding:8px 45px 10px 10px;color:#999;border:none;border-radius:0; line-height: 20px; font-size: 14px; border: 1px solid #eee;}
  .inquiry ul li input:focus,.inquiry ul li textarea:focus{color:#333; border-color:#f7f7f7;}
  .inquiry ul li input:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ 
  .inquiry ul li input::-webkit-input-placeholder{color:#999;}/* WebKit browsers */
  .inquiry ul li input::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ 
  .inquiry ul li input:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ 
  .inquiry ul li textarea:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ 
  .inquiry ul li textarea::-webkit-input-placeholder{color:#999;}/* WebKit browsers */
  .inquiry ul li textarea::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ 
  .inquiry ul li textarea:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ 
  .inquiry ul li input,.inquiry ul li textarea{ border: 1px solid #f7f7f7;}
  .inquiry ul li input:focus,.inquiry ul li textarea:focus{ border: 1px solid #ddd; background-color: #fff;box-shadow: 0 0px 6px rgb(1 105 52 / 8%), 0 0px 15px rgb(1 105 52 / 15%);transition: all .2s ease-in-out;}
  .inquiry select{width:100%;height:50px;border:none;border:1px solid #d7d7dc;background-color:#fff; padding-left:15px;Appearance:none; margin: 0;
  -webkit-appearance:none;}
  .inquiry .select{margin: 0;}
  .inquiry .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:30px;color:#ccc;top:18px;z-index:99;}
  .inquiry  .subject_title{background: #f7f7f7; min-height: 50px; padding:15px;}
  .inquiry  .subject_title a{ color:#333 ;  text-decoration: underline;}
 
 
#whatsapp{z-index:666666;position:fixed;right:10px;bottom:20px;font-size:12px; display:none;}
#whatsapp .ly_beforeico{height:20px;margin-right:10px;}
#whatsapp .close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	transform:translateY(-50%);
	right: 20px;
	cursor: pointer;
	z-index: 101;
}
#floatShow2{display:block;}
#floatHide2{display:none;}
#whatsapp_tab #floatShow2{line-height:48px;color:#fff;font-size:13px;text-transform1:uppercase;transition: all .5s ease; display: block; padding-left: 48px;  height: 48px; background:var(--hover-color);border-radius: 0; margin-bottom: -20px; min-width: 200px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#whatsapp_tab #floatShow2 svg{ width: 30px; height:30px; fill:#fff;}

#whatsapp_tab .animated { opacity: 1; }
#whatsapp_tab #floatShow2 .online_icon{position: absolute;z-index:999;left: 0;top: 0;width:48px;height:48px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_icon i{ line-height: 50px; font-size: 24px;}
#whatsapp_tab #floatShow2 .online_icon svg{width: 24px;height: 24px;fill: var(--hover-color);transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open , #whatsapp_tab #floatShow .online_close{transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open{position: absolute;left: 0;top: 0;opacity: 1;display: inline-flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
#whatsapp_tab #floatShow2 .online_mobile{display: none;align-items: center;justify-content: center;width: 42px;height: 42px;transition: all .5s ease;}
#whatsapp_tab #floatShow2:hover .online_open{opacity: 1;}
#whatsapp_tab #floatShow2:hover .online_close{opacity:0;}
#whatsapp_tab #floatShow2:hover{margin-right:0;}

#whatsapp_tab #floatShow2 p{color: #fff; line-height: 1.5;margin-right: 15px; transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease; height: 50px; line-height: 50px; color: #fff;font-size:14px; text-transform1:uppercase; font-weight: 700;}
#whatsapp_tab #floatShow2:hover{margin-right:0;}
#whatsapp_tab #floatHide2{font-family: "FontAwesome";height:100%; color: #fff; width: 100%; border-radius: 50%; text-align: center; position: absolute;transition: all .5s ease;display: block;opacity: 0;transform: scale(0) rotate(-1turn); width: 50px; height: 50px; position: absolute; right: 0; bottom: 0; background: var(--hover-color);}
#whatsapp_tab #floatHide2:after{border-radius: 0;color:#999;font-family: "FontAwesome";font-size:20px; content: "\f00d";color: #fff; line-height: 50px;}
#whatsapp_tab #floatShow2:hover,#whatsapp_tab #floatHide2:hover{text-decoration:none;}
#onlineService2{display:none;width:350px;/* display:none; */font-size: 16px;border-top:none;margin-bottom: 0;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;border-radius: 10px;overflow:hidden;background: #f9fafa;margin-right1: 60px;}

#onlineService2 .title{background:var(--hover-color);  display: flex; fill:#fff; padding:12px 20px;align-items: center; text-transform1: uppercase;position:relative;}
#onlineService2 .title i{ color: #fff; font-size: 30px; margin-right: 10px; line-height: 20px;}
#onlineService2 .title .h4{ color: #fff; font-size: 16px;font-weight: 700;}
#onlineService2 .title p{ color: #fff; line-height: 20px;}
#onlineService2 .li{ padding: 5%;}
#onlineService2 .li a { background-color: #eee; margin-bottom: 15px; padding: 8px; line-height: 20px;}
#onlineService2 .li a .icon svg{ width: 50px; height: 50px; fill:#55CD6C; margin-right:10px;}
#onlineService2 .li a:hover{ background-color: #ddd;}

#onlineService2 .inquiry_text_p{ font-size: 14px; text-transform: capitalize; text-decoration: underline}
#onlineService2 .inquiry_text_p:hover{ color: #39bccb;cursor: pointer}
#onlineService2 .call-hours{ padding: 0 020px 20px; width: 100%; font-size: 14px; line-height: 24px; display: none}
#onlineService2 .con_btn{ background: var(--main-color); color: #222; line-height: 22px; display:block; padding:10px;  font-size: 15px; text-align: center;font-weight: 700;}


#whatsapp .inquiry{ padding: 20px; background: #fff; font-size: 13px;}
#whatsapp .inquiry .p{ font-size: 14px; color: #777; line-height: 20px; margin-bottom: 10px;}
#whatsapp .inquiry_text{ background: #fff;}
#whatsapp .inquiry_text .inquiry_text_p{padding: 0 20px; margin-bottom: 10px; color: #333; font-size: 16px;}
#whatsapp .inquiry_text .inquiry_text_p i{margin-left: 5px;}

@media screen and (min-width: 992px){
	#whatsapp_tab #floatHide2 {top: 0;right: 60px;}
}
@media only screen and (max-width: 768px) {
	#whatsapp_tab #floatShow2{box-shadow: 0 2px 8px 1px rgb(0 78 152 / 20%);border-radius: 30px; min-width:auto;}
	
	#whatsapp_tab{ position: initial;}
	#whatsapp_tab #floatShow2 p{ display: none !important;}
	#whatsapp{ display:none !important;right: 0; bottom: 0; width: 100%;}
	.back-home{ display: none;}
	.progress-wrap{ bottom: 60px;}
	#whatsapp{right:0;}
	#onlineService2{ width:100%;margin-bottom: 48px;}
	#whatsapp_tab{ width:48px; height:48px; padding:0;box-shadow:none;border-radius:50%;z-index:666666;right: 50%; margin-right: -25px; bottom: 10px;position: absolute;}
	#whatsapp_tab #floatShow2 .online_icon{width: 100%;height:100%;left: 0;margin-top: 0;top: 0;}
	#whatsapp_tab #floatShow2 .online_close , #whatsapp_tab #floatShow2 .online_open{display: none;}
	#whatsapp_tab #floatShow2 .online_mobile{display: flex;}
	#whatsapp_tab #floatShow2 p{display: none;}
	#whatsapp_tab #floatShow2:after{display: none;}
	.i_message_inquiry .inquiry{padding-left: 5px;padding-right: 5px;}
	.mobile_nav{display:block;
		box-sizing: content-box; 
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
	#whatsapp{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	.progress-wrap{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	.mobile_nav a i{width: 32px;height:32px; font-size: 20px; color: var(--main-color);}
	.mobile-footer-bottom{padding-bottom:70px;}
}
 
#floatShow2{position:relative;overflow:hidden;}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
#floatShow2:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}


#onlineService2 .ms_e,#onlineService2 .ms_p,#onlineService2 .ms_m{position:relative;display:block;}
#onlineService2 .errorp{font-size:14px;margin-top:3px;display:inline-table;position:relative;vertical-align:middle;}
#onlineService2 .icon-pql{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: red;
    border-radius: 50%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
 
.ms_btn {
    display: inline-flex;
    height: 45px;
    color: #222;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    background: var(--main-color);
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding-left: 50px;
    padding-right: 26px;
    border-radius: 5px;
    transition: 0.5s;
    font-weight: 700;
	cursor:pointer;
}
  .ms_btn:after{ content: ' '; position: absolute; width:20px; height: 20px; right: 0; top:50%; font: normal normal normal 16px / 1 FontAwesome; font-weight: bold; line-height: 20px; margin-top: -10px; opacity: 0;transition: 0.5s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23ffffff'%3E%3C/path%3E%3C/svg%3E "); background-size: 20px auto;  background-repeat: no-repeat; background-position: center center; transform:rotate(-45deg);}
  .ms_btn:hover{padding-right: 50px; padding-left: 26px;}
  .ms_btn:before { content: ''; position: absolute; width:22px; height: 22px; left: 20px; top:50%; font: normal normal normal 16px / 1 FontAwesome; font-weight: bold; line-height: 20px; margin-top: -10px;transition: 0.5s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23222'%3E%3C/path%3E%3C/svg%3E "); background-size: 20px auto;  background-repeat: no-repeat; background-position: center center; transform:rotate(-45deg);}
  .ms_btn:hover:before{left: 0; opacity: 0;}
  .ms_btn:hover:after{ opacity: 1; right: 20px;}
  .ms_btn:hover{ background:var(--hover-color); color: #fff;}
  
  
  
  
 /*header 补充  start 20250614*/
.header_top_empty1{height1:calc(78px + 25px + 38px);display:block;width:100%;margin: 25px 0px 38px 0px;height:78px;}
.headers{ 
	position:relative;
	z-index:41;
	max-width: 1920px;
	width: calc(100% - 36px);
	display: block;
	margin1: 25px 0px 38px 0px; 
	background1: rgba(255, 255, 255, 0.18);
	-webkit-backdrop-filter: blur(24.9px);
	backdrop-filter: blur(24.9px);
	border-radius: 50px;
	padding: 0px 58px;
	background: #91C022;
	transition: all 0.3s ease;
	margin:auto auto;
}

.headers.scrolled{
	position: fixed;
	top:0px;
	transition1: all 0.3s ease;
	border-bottom: 1px solid #6e990a;
	transform-origin: top;
	margin:0px;
	border-radius:0px !important;
	width:100%; 
}
.sticky-wrapper {
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.headers .header_main {
    max-width: 1920px;
	width:calc(100% - 36px);
    display: block;
    margin: auto;
    background1: rgba(255, 255, 255, 0.18);
    -webkit-backdrop-filter: blur(24.9px);
    backdrop-filter: blur(24.9px);
    border-radius: 50px;
    padding: 12px 58px;
	background:#91C022;
}
.headers .header_inner{display:flex;flex-wrap:wrap;}
.headers .header_inner .parts{width:auto;-webkit-box-flex:0;-webkit-flex:0 0 auto;=ms-flex:0 0 auto;flex:0 0 auto;}
.headers .header_inner .parts2{align-self1: stretch; vertical-align: middle;align-content: center;}
.headers .header_logo{padding:10px 0px;}
.headers .header_logo .icon-masking {position: relative;  display: flex;height: auto; width: auto;}

.headers .main_menu{display:inline-block;}



header-button {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.header-button .icon-btn {
    position: relative
}

.header-button .icon-btn:hover {
    color: #fff;
    background-color: #70D715;
    border-color: #70D715;
}

.header-button .icon-btn:hover .badge {
    background-color: #fff;
    color: #70D715
}


.main_menu ul { margin: 0;padding: 0;}
.main_menu ul li {list-style-type: none; display: inline-block;position: relative;}
.main_menu ul li:first-child { margin-left: 0 !important;}
.main_menu>ul>li {margin: 0 10px;}
.main_menu a{display: block; position: relative;  font-weight: 500;font-size: 16px;color: #1F1F1F; text-transform: capitalize;}
.main_menu>ul>li>a {color: #FFF;  position: relative; padding: 2px 16px; border-radius: 100px;  background-color: transparent;  -webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.main_menu>ul>li>a:before { content: ""; position: absolute;  inset: 0;  border-radius: 100px;  -webkit-transform: scale(0);-ms-transform: scale(0); transform: scale(0); background-color: transparent; -webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} 

.main_menu ul li.menu-item-has-children>a:after {
	display:none;
    content1: "\f078";
    position: relative;
    font-family: "iconfont";
    margin-left: 4px;
    font-weight: 600;
    top: 0;
    font-size: 14px;
	content:"";
}
.main_menu ul.sub-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background-color: #FFF;
    visibility: hidden;
    min-width: 190px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 7px;
    left: -14px;
    opacity: 0;
    z-index: -1;
    border-top: 3px solid var(--theme-color);
    box-shadow: 0 4px 15px rgba(1, 15, 28, 0.06);
    border-radius: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.main_menu ul.sub-menu { padding: 18px 20px 18px 18px; left: -27px;  margin-top: 15px;}
.main_menu ul.sub-menu li {
    display: block;
    margin: 0;
    padding: 0 9px;
}
.main_menu ul.sub-menu li a {
    position: relative;
    padding-left: 23px;
    text-transform: capitalize;
	font-size:16px;line-height:30px;
}




.menu_linebox{
  position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s ease-in;
								}
								
 .menu_linebox .menu_line {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #141519;
    transition: all 0.25s ease-in, all 0.4s ease;
}

 .menu_linebox .menu_line {
    background-color: #fff;
}

.header.on .menu_icon .menu_linebox .menu_line, .header.active .menu_icon .menu_linebox .menu_line {
    background-color: #141519;
}

 .menu_linebox .menu_line.line_1 {
    left: 0;
    top: 0px;
}

 .menu_linebox .menu_line.line_2 {
    width: 75%;
}

 .menu_linebox .menu_line.line_3 {
    left: 0;
    top: 18px;
}

@media screen and (min-width: 1025px) {
     .menu_linebox:hover .menu_line.line_1 {
        top: 10px;
    }

     .menu_linebox:hover .menu_line.line_2 {
        width: 100%;
        transform: rotate(90deg);
    }

     .menu_linebox:hover .menu_line.line_3 {
        top: 10px;
    }

     .menu_linebox.open:hover {
        transform: rotate(180deg);
    }
}

 .menu_linebox.open .menu_line.line_1 {
    opacity: 0;
}

 .menu_linebox.open .menu_line.line_2 {
    width: 100%;
    top: 10px;
    transform: rotate(45deg);
}

 .menu_linebox.open .menu_line.line_3 {
    top: 10px;
    transform: rotate(-45deg);
}


	
.header_top_empty1{z-index:1000;position:relative;}	
.header_top_empty1 .show_search,.header_top_empty1 .hasdropdown{
	 transition: .4s all ease-in-out;
	border-radius:50px 50px 0px 0px;
}	
.header_top_empty1  #gnbSearchBox {
    display1: none;
    position: absolute; 
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 75px 0px;
    background-color: #fff;
	top:100%;
	box-shadow:0px 0px 8px #c3c3c3;
	border-radius:0px 0px 50px 50px;
}

.header_top_empty1  #gnbSearchBox.on .inner {
    opacity: 1;
    visibility: visible
}

.header_top_empty1  #gnbSearchBox .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s
}

.header_top_empty1  #gnbSearchBox h1 {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -.02em;
    font-weight: 700;
    color: #1c1c1c
}
.input_area {
    display: inline-block;
    position: relative;
    font-size: 0;
    width: 100%;
    vertical-align: top;
}
.input_area.input_search.for_header{
	max-width:35vw;
	width:625px;
}
.input_area input{
	display: inline-block;
    vertical-align: middle;
    width: 100%;
	line-height: 1.25;
	border-left: unset;
    border-radius: unset;
	padding:0px;
	height:75px;
	border-bottom:2px solid rgb(102,102,102);
	font-size:20px;
}


.input_area a.clear_btn, .input_area button.clear_btn {
    display: none !important;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    width:  30px;
    height: 30px;
    background: url(../images/icon/ic_close_circle_light_gray.svg) 100% 100% no-repeat;
    background-size: contain;
}
.input_area.input_search.on a.clear_btn, .input_area.input_search.on button.clear_btn {
    display: flex !important;
}
.input_area span.search_btn, .input_area button.search_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    position: absolute;
	right:0px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: url(../images/icon/gnb_icon_seraching_black@3x.png) 100% 100% no-repeat;
    background-size: 100% 100%;
	cursor:pointer;
}
.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap {
    display: flex;
    align-items: center;
    gap: 40px;
}

.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap>span {
    position: relative;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -.02em;
    font-weight: 700;
    color: #1c1c1c
}

.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap>span::after {
    content: "";
    position: absolute;
    right: max(calc(calc(calc(16 / var(--base-size)) * var(--base-percent)) * -1));
    top: 50%;
    transform: translateY(-50%);
    width: max(calc(1px * var(--base-ratio)),calc(calc(1 / var(--base-size)) * var(--base-percent)));
    height: max(calc(13px * var(--base-ratio)),calc(calc(13 / var(--base-size)) * var(--base-percent)));
    background-color: #cfcfcf
}

.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul {
    display: flex;
    align-items: center;
    gap:30px;
}
.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul li{
	position:relative;
}
.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul li:after{
    content: "";
	background-color: #cfcfcf;
    position: absolute;
    right: -15.6px;
    top: 50%;
    transform: translateY(-50%);
	width:1.25px;
	height:14px;
}
.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul li:last-child:after {
	display:none;
}
.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul li a {
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -.02em;
    color: #a7a7a7;
}

@media (max-width: 1024px) {
    .header_top_empty1  #gnbSearchBox {
        top:max(calc(70px * var(--base-ratio)),calc(calc(70 / var(--base-size)) * var(--base-percent)));
        padding: 40px 0px;
    }

    .header_top_empty1  #gnbSearchBox h2 {
        font-size: max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)));
        line-height: 1.25;
        letter-spacing: -.02em
    }

    .header_top_empty1  #gnbSearchBox .recommend_keyword_wrap>span {
        font-size: max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent)));
        line-height: 1.25;
        letter-spacing: -.02em
    }

    .header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul li a {
        font-size: max(calc(13px * var(--base-ratio)),calc(calc(13 / var(--base-size)) * var(--base-percent)));
        line-height: 1.25;
        letter-spacing: -.02em
    }
}







.bannerdiv{position: relative;z-index: 2;overflow: hidden;border-radius:0px 0px 30px 30px;}
.bannerdiv .bannerdiv_bg {
    -webkit-mask-image1: url(../images/hero4_bg_shape.png);
    mask-image1: url(../images/hero4_bg_shape.png);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
	position: absolute;
    inset: 0;
	z-index: -1;
}
.bannerdiv .bannerdiv_bg_container{}
.bannerdiv .bannerdiv_bg_container .row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
	;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y)* -1);
	margin-right: calc(var(--bs-gutter-x) / -2);
	margin-left: calc(var(--bs-gutter-x) / -2);
}
.col-xl-6 {
	width: 50%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.hero-style4 {
    position: relative;
    z-index: 6;
    padding: 350px 0 268px 0;
    max-width: 621px;
}
.text-white {
    color: #fff !important;
}
.hero-style4 .hero-title {
    font-weight: 600;
    margin-bottom: 15px;
}
.hero-style4 .hero-text {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
	margin-bottom: 30px;
	margin: 0 0 18px 0;
	line-height:1.75;
}
.th-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: 0;
    text-transform: capitalize;
    text-align: center;
    background-color1: #70D715;
    color: #fff; 
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding1: 19.5px 20px;
    border-radius: 100px;
}
.th-btn1 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: 0;
    text-transform: capitalize;
    text-align: center;
    background-color1: #70D715;
    color: #fff; 
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding1: 19.5px 20px;
	margin-left:10px;
}
.hero-style4 .th-btn {
    padding: 19.5px 30px;
	color:#1f1f1f;
}
.th-btn:before {
    position: absolute;
    content: "";
    background: var(--title-color);
    width: 110%;
    min-height: 200px;
    z-index: -1;
    border-radius: 15%;
    top: 100%;
    left: 100%;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
}
.th-btn.style1:hover:before, .th-btn.style1:hover:after {
    background-color: #fff;
}
.th-btn:hover:before {
    top: -75px;
    left: -1px;
}



@keyframes jumpAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.jump {
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}
.hero-4 .hero-img {
    text-align: right;
    margin-top: 20px;
    margin-right: -40px;
}
img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}






@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.shape-mockup {
    position: absolute;
    z-index: -1;
}
.spin {
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
}
.shape-mockup.z-index-3 {
    z-index: 3;
}









@media (max-width: 1700px) {
	
}
@media (max-width: 1599px) {
	.header_top_empty1{
		margin: 25px 0px 38px 0px;
		height: 61px;	
	}
 
}
@media (max-width: 1440px) {
	.header_top_empty1{margin: 25px 0px 25px 0px;height:61px;}
	.headers{border-radius:30px;width:calc(100% - 45px);padding:0px 38px;}
	.headers .header_logo .icon-masking img{max-height:45px !important;}
	.main_menu>ul>li {
		margin: 0 8px;
	}
}
@media (max-width: 1279px) {
 	.main_menu>ul>li {
		margin: 0 6px;
	}
}
@media (max-width: 1000px) {
 
}
@media (max-width: 980px) {
	.headers{border-radius:20px;width:calc(100% - 18px);padding:0px 35px;}
	.headers .header_logo{padding:10px 0px;}
	.headers .header_logo .icon-masking img{max-height:40px !important;}
	.headers .header_inner .parts2{display:none;}
	
	/*搜索*/
	.header_top_empty1 #gnbSearchBox h1{font-size:26px;}
	.input_area.input_search.for_header{max-width:400px;}
}
@media (max-width: 769px) {
	.header_top_empty1{margin:0px;height:auto;}
	.headers{border-radius:0px;width:100%;padding:0px 25px;}
	.header_top_empty1 .show_search{border-radius:15px 15px 0px 0px;}
	.headers .header_logo{padding:8px 0px;}
	.headers .header_logo .icon-masking img{max-height:35px !important;}
	.header_top_empty1 #gnbSearchBox{border-radius:0px 0px 15px 15px;}
	
	/*搜索*/
	.header_top_empty1 #gnbSearchBox h1{font-size:24px;}
	.input_area.input_search.for_header{max-width:320px;}
	.input_area input{font-size:18px;height:50px;}
}


#sitemap {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100001;
    width: 66.67vw;
    height: 100vh;
    background-color: #fff;
    transform: translateX(100%);
    pointer-events: none;
    transition: transform .3s
}

#sitemap.on {
    transform: translateX(0);
    pointer-events: all
}

#sitemap a {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
#sitemap .top_area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding:43.75px 100px 0px 81.25px;
    margin-bottom: 125px;
}
#sitemap .sitemap_btn{
    background: url(../images/icon/ic_close.svg) 100% 100% no-repeat;
    background-size: cover;
	width:25px;height:25px;
}
  #sitemap .bottom_area {
    padding: 0px 81.25px;
}
#sitemap .gnb {
    display: flex;
}
#sitemap .gnb>li {
    border-right:  1px solid #ddd;
    padding: 0 50px;
}
#sitemap .gnb>li:first-child {
    padding-left: 0;
}
#sitemap .gnb>li:last-child {
    padding-right: 0;
    border-right: 0;
}
#sitemap a {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
#sitemap .gnb_depth1_title {
    display: block;
    margin-bottom: 37.5px; 
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: normal;
    letter-spacing: 0;
    font-weight: 700;
    color: #1c1c1c;
    transition: color .3s;
}
#sitemap .gnb_sub_wrap {
    display: block;
}
#sitemap .gnb_sub>li {
    min-width:130px;
    margin: 30px 0px;
}
#sitemap .gnb_sub>li:first-child{
	margin-top:0px;
}
 #sitemap .gnb_sub>li:last-child{
	margin-bottom:0px;
}
#sitemap .gnb_depth2_title {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -.02em;
    font-weight: 500;
    color: #1c1c1c;
    transition: color .3s;
}
@media (max-width: 1800px) {
	#sitemap .bottom_area{padding:0px 65px}
	#sitemap .gnb>li{padding:0 40px;}
	#sitemap .gnb_depth1_title{font-size:24px;}
}
@media (max-width: 1700px) {
	#sitemap .bottom_area{padding:0px 65px}
	#sitemap .gnb>li{padding:0 35px;}
	#sitemap .gnb_depth1_title{font-size:24px;}
	#sitemap .gnb_sub_wrap .inner{padding:0px;}
}
@media (max-width: 1531px) {
	#sitemap .bottom_area{padding:0px 40px}
	#sitemap .gnb>li{padding:0 30px;}
	#sitemap .gnb_depth1_title{font-size:23px;}
	#sitemap .gnb_sub_wrap .inner{padding:0px;}
}
@media (max-width: 1440px) {
	#sitemap .top_area{padding:43.75px 55px 0px 81.25px;}
	#sitemap .bottom_area{padding:0px 25px}
	#sitemap .gnb>li{padding:0 30px;}
	#sitemap .gnb_depth1_title{font-size:21px;}
	#sitemap .gnb_sub_wrap .inner{padding:0px;}	
	#sitemap .gnb_depth2_title{font-size:17px;}
}
@media (max-width: 1279px) {
	#sitemap .top_area{padding:43.75px 45px 0px 45px;}
	#sitemap .bottom_area{padding:0px 20px}
	#sitemap .gnb>li{padding:0 20px;}
	#sitemap .gnb_depth1_title{font-size:18px;}
	#sitemap .gnb_sub_wrap .inner{padding:0px;}	
	#sitemap .gnb_depth2_title{font-size:14px;}
}
@media (max-width: 1000px) {
	#sitemap{width:50vw}
	#sitemap .top_area{height:70px;padding:23px 20px;border-bottom:1px solid #ccc;margin-bottom:0px;}
	#sitemap .bottom_area{height:calc(100% - 70px);padding:0px;}
	#sitemap .gnb{overflow-y: auto;flex-direction: column; height: 100%;padding-bottom:200px;}
	#sitemap .gnb>li{padding:0px;}
	#sitemap .gnb>li:first-child{margin-top:12px;}
	#sitemap .gnb_depth2_title{font-weight:700;}
	#sitemap .gnb_sub_wrap{display:none;padding:20px 30px;margin-bottom:12px;background:#f3f3f3;}
	#sitemap .gnb_depth1_title{position: relative;width: 100%;display:block;padding:12px 20px 12px 25px;margin:0px;line-height:30px;}
	#sitemap .gnb_depth1_title::after{
		content: "";
        position: absolute;
		top:50%;
		transform: translateY(-50%);
		right:20px;
		width:24px;
		height:24px;
		background:url(../images/icon/ic_chevron_down_m.svg) 100% 100% no-repeat;
		backgroud-size:cover;
	}
	#sitemap .gnb>li.depth1_active .gnb_depth1_title {
		color: #91C022;
	}
	#sitemap .gnb>li.depth1_active .gnb_depth1_title::after {
        background: url(../images/icon/ic_chevron_up_orange_m.svg) 100% 100% no-repeat;
        background-size: cover;
    }
}
@media (max-width: 600px) {
	#sitemap{width:100vw}
	#sitemap .sitemap_btn{width:20px;height:20px;}
}

/*header 补充  end   20250614*/			  


.recommend_keyword_wrap ul{
   display: flex;box-sizing: border-box;
  flex-wrap: wrap; /* 允许子项换行 */ 
  overflow: hidden; /* 超出隐藏 */
  }
@media (max-width: 900px) { /* 你可以根据实际情况调整这个宽度 */
  .recommend_keyword_wrap li {
    flex: 1 1 calc(50% - 10px); /* 单列显示，减去间距 */
  }
}