@charset "utf-8";

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,del,em,font,img,ins,strong,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,menu,section,article{margin:0;padding:0}
body{min-width:280px;width:100%;height:100%;-webkit-text-size-adjust:none;font-size:14px;color:#666;line-height:1.45;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',Apple Gothic,Droid Sans,sans-serif}
html{width:100%}
html.lock{position:fixed;top:0;left:0;overflow:hidden;height:100%}
body.lock{position:fixed;top:0;left:0;height:100%}

form legend,table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
img,fieldset,iframe{border:0 none}
strong,h1,h2,h3,h4,h5,h6{font-weight:500}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse}
table th,
table td{font-weight:400}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
button{display:inline-block;margin:0;padding:0;box-sizing:border-box;vertical-align:top;font-size:14px;color:#666;line-height:1.45;font-weight:400;outline:none;font-family:'Pretendard-Regular','Noto Sans KR',Apple Gothic,Droid Sans,sans-serif;border:none;background:none}
ul,li,ol{list-style-type:none}
li,p,dt,dd,div,span{white-space:normal}
a{text-decoration:none;color:#666}

label{cursor:pointer}

img{max-width:100%;vertical-align:middle}

.black{color:#000 !important}
.red{color:#d32020 !important}
.blue{color:#3191b7 !important}
.yellow{color:#ff0 !important}

.color-red{color:#f00 !important;}
.color-purple{color:#601986 !important;}

.txt_left{text-align:left !important}
.txt_right{text-align:right !important}
.txt_center{text-align:center !important}
.pdv40{padding:40px 0 !important}
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt40{margin-top:40px !important}
.mgt50{margin-top:50px !important}
.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb20{margin-bottom:20px !important}
.mgb40{margin-bottom:40px !important}
.mgb60{margin-bottom:60px !important}
.mgl10{margin-left:10px !important}
.spoqa{font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif !important;}
.bold{font-weight:500;}
.mar_none{margin:0 !important}
.s_gray{font-size:0.9em;color:#999}
.fs12{font-size:1.2em}
.tbFixed{table-layout:fixed}
.log{position:fixed;top:0;left:0;z-index:999999;font-size:14px;color:red;font-weight:500}
.blind{visibility:hidden !important;position:absolute !important;top:-9999px !important;overflow:hidden !important;z-index:-9999 !important;width:0 !important;height:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important}

.pub_log1{position:fixed;top:0;left:0;z-index:9999;font-size:16px;color:red;line-height:20px}
.pub_log2{position:fixed;top:20px;left:0;z-index:9999;font-size:16px;color:red;line-height:20px}
.pub_log3{position:fixed;top:40px;left:0;z-index:9999;font-size:16px;color:red;line-height:20px}
.pub_log4{position:fixed;top:60px;left:0;z-index:9999;font-size:16px;color:red;line-height:20px}
.pub_log5{position:fixed;top:80px;left:0;z-index:9999;font-size:16px;color:red;line-height:20px}

.basicguide{clear:both;padding:0 20px 50px;line-height:5px}
.basicguide>h1{padding:0 0 8px;font-size:20px;color:black;line-height:1}
.basicguide>h1 span{vertical-align:middle;font-size:13px}
h1.basicguide{padding:0 20px;font-size:20px;color:black;line-height:1}
h1.basicguide span{vertical-align:middle;font-size:13px}

/* clearfix */
.clr:after{content:""; display:block; clear:both;}

.floatR{float:right;}
.floatL{float:left;}

#wrap{position:relative}
#wrap:after{content:"";display:block;clear:both}

/* top banner */
#topAd{position:relative}
#topAd img{display:block;width:100%}
#topAd .close{position:absolute;top:50%;right:0;overflow:hidden;width:52px;height:52px;margin:-26px 0 0;text-indent:-9999px;background:none}
#topAd .close:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:2px;margin:-1px 0 0 -12px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:white}
#topAd .close:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:24px;margin:-12px 0 0 -1px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:white}

.top-banner{position:relative;z-index:199;overflow:hidden}
.top-banner img{display:block;width:100%}
.top-banner .topbn-close-button{position:absolute;top:50%;right:15px;overflow:hidden;width:25px;height:25px;margin:-12px 0 0;text-indent:-9999px;background:url(../imgs/global/close2.png) center center no-repeat;background-size:15px 15px}

/* header */
#header{position:absolute;top:0;left:0;z-index:103;min-width:280px;width:100%;height:81px;box-sizing:border-box;-moz-transition:-moz-transform 0.2s;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#header:before{content:"";position:absolute;top:-100px;left:0;width:100%;height:100px;background:white}
#header h1{height:20px;padding:10px 0;text-align:center;background:white}
#header h1 a,
#header h1 img{display:inline-block;height:20px;vertical-align:top}
#header h1.big{height:30px;padding:10px 0 0}
#header h1.big a,
#header h1.big img{height:30px}
#header h2{position:relative;text-overflow:ellipsis;overflow:hidden;height:20px;padding:9px 45px 10px;white-space:nowrap;text-align:center;font-size:14px;color:black;line-height:20px;font-weight:500;border-top:1px solid rgba(238,238,238,0.8);border-bottom:1px solid rgba(238,238,238,0.8);background:rgba(255,255,255,0.8)}
#header h2 .t-back{position:absolute;top:5px;left:15px;z-index:2;overflow:hidden;width:30px;height:29px;text-indent:-9999px;background:url(../imgs/global/top-back.png) center center no-repeat;background-size:8px 15px}
#header h2 .m-button{display:inline-block;width:100%;margin:-9px 0 -10px;padding:9px 0 10px;vertical-align:top;text-align:center;font-size:14px;color:black;line-height:20px;font-weight:500}
#header h2 .m-button:after{content:"";display:inline-block;width:8px;height:5px;margin:8px 0 0 10px;vertical-align:top;background:url(../imgs/global/arrow4.png) center center no-repeat;background-size:8px 5px}
#header h2 .m-button.active:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#header .t-search{position:absolute;top:5px;left:15px;overflow:hidden;width:30px;height:30px;text-indent:-9999px;background:url(../imgs/global/top-search.png) center center no-repeat;background-size:20px 18px}
#header .t-cart{position:absolute;top:5px;right:15px;overflow:hidden;width:30px;height:30px;text-indent:-9999px;background:url(../imgs/global/top-cart.png) center center no-repeat;background-size:22px 20px}
#header .t-cart span{position:absolute;top:7px;right:5px;width:11px;height:11px;text-align:center;text-indent:0;font-size:8px;color:white;line-height:11px;font-weight:300;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif;border-radius:100%;background:#601986}
/* #header .t-cart{right:45px;}
#header .t-menu{position:absolute;top:5px;right:15px;overflow:hidden;width:30px;height:30px;text-indent:-9999px;background: url(../imgs/global/panel-menu.png) center center no-repeat;background-size: 20px 18px;} */

#header .horizonwrap{background:rgba(255,255,255,0.8)}
#header .horizonwrap .swipe{text-align:center}
#header .horizonwrap .swipe .list .item:after{content:"";display:block;clear:both}
#header .horizonwrap .swipe .list .item:first-child{border-left:8px solid transparent}
#header .horizonwrap .swipe .list .item:last-child{border-right:8px solid transparent}
#header .horizonwrap .swipe .list .item a,
#header .horizonwrap .swipe .list .item button{float:left;padding:10px 12px 11px;white-space:nowrap;font-size:14px;color:black;line-height:20px}
#header .horizonwrap.markandlona{background:#0d0d0d}
#header .horizonwrap.markandlona .swipe .list .item a,
#header .horizonwrap.markandlona .swipe .list .item button{color:white;font-weight:500}
#header .horizonwrap.horngarment{background:white}
#header .horizonwrap.horngarment .swipe .list .item a,
#header .horizonwrap.horngarment .swipe .list .item button{font-weight:500}
#header.active{position:fixed}
#header.min{-moz-transform:translate3d(0,-40px,0);-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}

#tm{position:fixed;top:0;left:0;z-index:102;width:100%;height:200%;-moz-transform:translate3d(0,-9999px,0);-webkit-transform:translate3d(0,-9999px,0);transform:translate3d(0,-9999px,0);box-sizing:border-box;background:white}
#tm.active{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#tm .scroll{position:absolute;top:0;left:0;z-index:1;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;height:50%;box-sizing:border-box;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);border-top:81px solid transparent;background:white}
#tm .scroll .content{position:absolute;top:0;left:0;width:100%;min-height:100%;padding:0 0 30px;box-sizing:border-box}
#tm .scroll .content h3{height:15px;margin:0 20px 15px;padding:30px 0 0;text-align:left;font-size:16px;color:black;line-height:14px;font-weight:500}
#tm .scroll .content ul{position:relative;border-top:1px solid #eee}
#tm .scroll .content ul:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#eee}
#tm .scroll .content ul:after{content:"";display:block;clear:both}
#tm .scroll .content ul li{position:relative;float:left;width:50%;border-bottom:1px solid #eee}
#tm .scroll .content ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:49px;word-wrap:break-word;text-align:center;font-size:13px;color:#333;line-height:19px}
#tm .scroll .content ul li:nth-child(odd){clear:both}
#tm .scroll .content ul li:nth-child(odd):after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;padding:0 0 1px;background:#eee}
body.min-mode #tm .scroll{border-top:41px solid transparent}

#menu{position:fixed;top:0;left:0;z-index:500;width:calc(100% - 35px);height:200%;margin:0 0 0 35px;-moz-transition:-moz-transform 0.6s;-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-moz-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);box-sizing:border-box;background:white}
#menu.active{box-shadow:0 0 4px rgb(0,0,0,0.1)}
#menu .close{position:absolute;top:15px;right:15px;z-index:2;overflow:hidden;width:25px;height:25px;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-indent:-9999px;background:url(../imgs/global/close2.png) center center no-repeat;background-size:15px 15px}
#menu .scroll{position:absolute;top:0;left:0;z-index:1;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;height:50%;box-sizing:border-box;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:white}
#menu .scroll *{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#menu .scroll .content{position:absolute;top:0;left:0;width:100%;min-height:100%;padding:0 0 64px;box-sizing:border-box}
#menu .scroll .user{padding:20px;border-bottom:1px solid #eee;background:#f7f7f7}
#menu .scroll .user:after{content:"";display:block;clear:both}
#menu .scroll .user li{float:left;margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid #999}
#menu .scroll .user li:first-child{margin:0;padding:0;border-left:none}
#menu .scroll .user li a{float:left;margin:-4px 0 -3px;font-size:16px;color:black;line-height:22px;font-weight:300}
#menu .scroll .user li a.logout{color:#999}
#menu .scroll .user li a.my{color:black}
#menu .scroll .brandname{clear:both;padding:8px 0 9px;text-align:center;font-size:14px;color:black;line-height:22px;font-weight:500;border-bottom:1px solid #eee}
#menu .scroll .brandname a{color:black}

#menu .scroll .bnb{clear:both;padding:10px 15px}
#menu .scroll .bnb:after{content:"";display:block;clear:both}
#menu .scroll .bnb dt{float:left;position:relative;margin:-4px 0;padding:10px 5px 0;text-align:left;font-size:15px;color:black;line-height:22px;font-weight:500}
#menu .scroll .bnb dd{clear:both}
#menu .scroll .bnb dd ul:after{content:"";display:block;clear:both}
#menu .scroll .bnb dd ul li{float:left;width:50%;padding:10px 5px 0;box-sizing:border-box}
#menu .scroll .bnb dd ul li a{display:block;padding:7px 0 8px;border:1px solid #ddd}
#menu .scroll .bnb dd ul li a strong{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;font-size:13px;color:black;line-height:17px}
#menu .scroll .bnb dd ul li a span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;font-size:12px;color:#666;line-height:16px}

#menu .scroll .pnb{clear:both;padding:10px 15px 0}
#menu .scroll .pnb:after{content:"";display:block;clear:both}
#menu .scroll .pnb li{float:left;width:50%;padding:10px 5px 0;box-sizing:border-box}
#menu .scroll .pnb li a{display:block;padding:7px 0;text-align:center;font-size:13px;color:black;line-height:19px;font-weight:500;border:1px solid #ddd}
#menu .scroll .gnb{position:relative;clear:both;margin:0 20px;padding:4px 0 16px;border-bottom:1px solid #f7f7f7}
#menu .scroll .gnb li:after{content:"";display:block;clear:both}
#menu .scroll .gnb>li.item{position:relative;margin:0 -20px}
#menu .scroll .gnb>li.item>a,
#menu .scroll .gnb>li.item>button{position:relative;float:left;width:100%;padding:11px 44px 11px 20px;box-sizing:border-box;text-align:left;font-size:15px;color:black;line-height:22px;font-weight:500}
#menu .scroll .gnb>li.item>button:after{content:"";position:absolute;top:19px;right:30px;width:14px;height:8px;background:url(../imgs/global/arrow2.png) center center no-repeat;background-size:14px 8px}
#menu .scroll .gnb>li.item>ul{display:none;position:relative;float:left;clear:both;width:100%;margin:-4px 0 4px;padding:0 20px;box-sizing:border-box}
#menu .scroll .gnb>li.item>ul>.item>a,
#menu .scroll .gnb>li.item>ul>.item>button{position:relative;float:left;width:100%;padding:4px 10px 5px;box-sizing:border-box;text-align:left;font-size:15px;color:#666;line-height:22px;font-weight:400}
#menu .scroll .gnb>li.item>ul>.item>button:before{content:"";position:absolute;top:15px;right:10px;width:11px;height:1px;background:#666}
#menu .scroll .gnb>li.item>ul>.item>button:after{content:"";position:absolute;top:10px;right:15px;width:1px;height:11px;background:#666}
#menu .scroll .gnb>li.item>ul>.item>ul{display:none;float:left;clear:both;width:calc(100% - 20px);margin:10px 0 10px 10px;padding:10px 0;background:#f7f7f7}
#menu .scroll .gnb>li.item>ul>.item>ul>.item>a{float:left;width:100%;padding:4px 20px 5px;box-sizing:border-box;text-align:left;font-size:15px;color:#666;line-height:22px;font-weight:400}
#menu .scroll .gnb>li.item>ul>.item>ul>.item>button{position:relative;float:left;width:100%;padding:4px 20px 5px;box-sizing:border-box;text-align:left;font-size:15px;color:#666;line-height:22px;font-weight:400}
#menu .scroll .gnb>li.item>ul>.item>ul>.item>button:before{content:"";position:absolute;top:15px;right:10px;width:11px;height:1px;background:#666}
#menu .scroll .gnb>li.item>ul>.item>ul>.item>button:after{content:"";position:absolute;top:10px;right:15px;width:1px;height:11px;background:#666}
#menu .scroll .gnb>li.item>ul>.item>ul>.item>ul{display:none;float:left;clear:both;width:calc(100% - 20px);margin:0 0 0 10px;padding:0 0 10px}
#menu .scroll .gnb>li.item>ul>.item>ul>.item>ul>.item>a{float:left;width:100%;padding:4px 20px 5px;box-sizing:border-box;text-align:left;font-size:14px;color:#999;line-height:20px;font-weight:300}
#menu .scroll .gnb>li.item.active>button:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#menu .scroll .gnb>li.item.active>ul{display:block}
#menu .scroll .gnb>li.item>ul>.item.active>button:after{display:none}
#menu .scroll .gnb>li.item>ul>.item.active>ul{display:block}
#menu .scroll .gnb>li.item>ul>.item>ul>.item.active>button:after{display:none}
#menu .scroll .gnb>li.item>ul>.item>ul>.item.active>ul{display:block}
#menu .scroll .snb{position:relative;clear:both;margin:0 -1% 0 0;padding:0 20px 21px}
#menu .scroll .snb:before{content:"";position:absolute;bottom:0;left:20px;width:calc(99% - 40px);height:1px;background:#f7f7f7}
#menu .scroll .snb:after{content:"";display:block;clear:both}
#menu .scroll .snb li{float:left;width:33%;padding:20px 0 0}
#menu .scroll .snb li a{display:flex;flex-direction:row;align-items:center;float:left;max-width:100%;font-size:12px;color:black;line-height:18px;font-weight:300}
#menu .scroll .snb li a:before{content:"";display:inline-block;width:45px;height:45px;margin:0 4px 0 0;vertical-align:top;border-radius:100%;background-color:#e7dded;background-position:center center;background-repeat:no-repeat;background-size:45px 45px}
#menu .scroll .snb li a.s-event:before{background-image:url(../imgs/global/snb-event.png)}
#menu .scroll .snb li a.s-plan:before{background-image:url(../imgs/global/snb-plan.png)}
#menu .scroll .snb li a.s-magazine:before{background-image:url(../imgs/global/snb-magazine.png)}
#menu .scroll .snb li a.s-notice:before{background-image:url(../imgs/global/snb-notice.png)}
#menu .scroll .snb li a.s-inquiry:before{background-image:url(../imgs/global/snb-inquiry.png)}
#menu .scroll .snb li a.s-faq:before{background-image:url(../imgs/global/snb-faq.png)}
#menu .scroll .enb{position:absolute;bottom:20px;left:0;clear:both;width:100%;padding:0 20px;box-sizing:border-box}
#menu .scroll .enb:after{content:"";display:block;clear:both}
#menu .scroll .enb li{float:left;margin:0 0 0 15px;padding:0 0 0 15px;border-left:1px solid #999}
#menu .scroll .enb li:first-child{margin:0;padding:0;border-left:none}
#menu .scroll .enb li a{float:left;margin:-4px 0 -3px;white-space:nowrap;font-size:15px;color:black;line-height:21px;font-weight:500}
#menu .scroll .enb li a.atv{color:#601986}
@media screen and (max-width:374px){
	#menu .scroll .snb{padding:0 5px 21px}
	#menu .scroll .snb li{text-align:center}
	#menu .scroll .snb li a{display:inline-block;float:none;vertical-align:top;text-align:center}
	#menu .scroll .snb li a:before{display:block;margin:0 auto}
}

/* contents */
#container{position:relative;padding:0 0 60px;border-top:81px solid transparent}
#container:after{content:"";display:block;clear:both}

/* panel */
#panel{position:fixed;bottom:0;left:0;z-index:101;min-width:280px;width:100%;height:50px;box-sizing:border-box;-moz-transition:-moz-transform 0.2s;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:white}
#panel:before{content:"";position:absolute;top:-1px;left:0;z-index:5;width:100%;height:51px;background:url(../imgs/global/panel.png) 0 -15px repeat-x;background-size:60px 66px}
#panel:after{content:"";position:absolute;top:-10px;left:50%;z-index:6;width:60px;height:10px;margin:0 0 0 -30px;background:url(../imgs/global/panel.png) center 0 no-repeat;background-size:60px 66px}
#panel .gnb{height:50px}
#panel .gnb:after{content:"";position:absolute;top:0;left:0;z-index:5;width:100%;height:9999px;background:white}
#panel .gnb>li>a,
#panel .gnb>li>button{display:block;position:absolute;z-index:7;overflow:hidden;width:100%;padding:32px 0 4px;box-sizing:border-box;white-space:nowrap;text-align:center;font-size:10px;color:#666;line-height:14px;background-size:20px 19px;background-position:center 8px;background-repeat:no-repeat}
#panel .gnb>li .home{left:10.6%;width:40px;margin:0 0 0 -20px;background-image:url(../imgs/global/panel-home.png)}
#panel .gnb>li .wish{left:29.7%;width:50px;margin:0 0 0 -25px;background-image:url(../imgs/global/panel-wish.png)}
#panel .gnb>li .brand{top:-3px;left:50%;width:48px;height:48px;margin:0 0 0 -24px;padding:0;text-indent:-9999px;border-radius:100%}
#panel .gnb>li .brand:before{content:"브랜드";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;padding:28px 0 6px;-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;box-sizing:border-box;text-indent:0;text-align:center;font-size:9px;color:white;line-height:14px;border-radius:100%;background:black url(../imgs/global/panel-brand.png) center 8px no-repeat;background-size:20px 20px}
#panel .gnb>li .brand:after{content:"브랜드 닫기";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;-moz-transform:scale(0.4);-webkit-transform:scale(0.4);transform:scale(0.4);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;box-sizing:border-box;border-radius:100%;background:#333 url(../imgs/global/panel-brand-close.png) center center no-repeat;background-size:20px 20px}
#panel .gnb>li .my{right:29.7%;width:50px;margin:0 -25px 0 0;background-image:url(../imgs/global/panel-my.png)}
#panel .gnb>li .menu{right:10.6%;width:40px;margin:0 -20px 0 0;background-image:url(../imgs/global/panel-menu.png)}
#panel .gnb>li .brand-list{position:absolute;top:0;left:0;z-index:4;width:100%;padding:9px 8px;box-sizing:border-box;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;border-radius:20px 20px 0 0;background:white}
#panel .gnb>li .brand-list ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;max-width:360px;margin:0 auto}
#panel .gnb>li .brand-list ul:after{content:none;display:none}
#panel .gnb>li .brand-list ul li{float:none;-webkit-flex:0 0 25%;flex:0 0 25%;min-width:0;padding:6px 2px;box-sizing:border-box}
#panel .gnb>li .brand-list ul li:nth-child(5n+1){clear:none}
#panel .gnb>li .brand-list ul li a,
#panel .gnb>li .brand-list ul li img{display:block}
#panel .gnb>li .brand-list ul li a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;min-height:68px;margin:0 auto}
#panel .gnb>li .brand-list ul li img{width:100%;max-width:68px;height:auto}
#panel .gnb>li .brand-list ul li:first-child:nth-last-child(7),
#panel .gnb>li .brand-list ul li:first-child:nth-last-child(7)~li{padding-top:2px;padding-bottom:2px}
#panel .gnb>li .brand-list ul li:first-child:nth-last-child(7) a,
#panel .gnb>li .brand-list ul li:first-child:nth-last-child(7)~li a{min-height:76px}
#panel .gnb>li .brand-list ul li:first-child:nth-last-child(7) img,
#panel .gnb>li .brand-list ul li:first-child:nth-last-child(7)~li img{max-width:76px}
#panel .gnb>li.active .brand:before{z-index:1;opacity:0;-moz-transform:scale(0.4);-webkit-transform:scale(0.4);transform:scale(0.4)}
#panel .gnb>li.active .brand:after{z-index:2;opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
#panel .gnb>li.active .brand-list{box-shadow:0 0 4px rgb(0,0,0,0.1);-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
#panel .etc{position:absolute;bottom:58px;right:20px;z-index:1;-moz-transition:-moz-transform 0.2s;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s}
#panel .etc li{padding:0 0 6px;}
#panel .etc li a,
#panel .etc li button{display:block;position:relative;overflow:hidden;width:41px;height:41px;text-indent:-9999px;border-radius:100%}
#panel .etc li a:before,
#panel .etc li button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-radius:100%}
#panel .etc li a:after,
#panel .etc li button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-radius:100%;background-size:21px 19px;background-position:center center;background-repeat:no-repeat}
#panel .etc li .atv:before{background:#601986}
#panel .etc li .atv:after{background-image:url(../imgs/global/panel-atv.png)}
#panel .etc li .hg_evt{border-radius:0;}
#panel .etc li .hg_evt:before{background:#fff}
#panel .etc li .hg_evt:after{background-image: url(../imgs/global/panel-hornga.jpg);background-size:41px;border-radius:0;}
#panel .etc li .ml_evt{border-radius:0;}
#panel .etc li .ml_evt:before{background:#fff}
#panel .etc li .ml_evt:after{background-image: url('//cdn.theacdn.com/imgs/main/brand_focus7.png');background-size:41px;border-radius:0;}
#panel .etc li .family_evt{border-radius:0;}
#panel .etc li .family_evt:before{background:#fff}
#panel .etc li .family_evt:after{background-image:url(../imgs/global/panel-familylogo.jpg);background-size:41px;border-radius:0;}
#panel .etc li .jc{border-radius:0;}
#panel .etc li .jc:before{background:#fff}
#panel .etc li .jc:after{background-image:url('https://mall.theacdn.com/data/base/banner/64/m_panel_jc.jpg');background-size:41px;border-radius:0;}
/* 2025.10.13 에이파트너스 플로팅 배너 */
#panel .etc li.ap{position:relative;width:41px}
#panel .etc li .ap{padding:4px 4px;border-radius:8px;background:#7c3aed;color:#fff;font-size:10px;font-weight:bold;line-height:1.4;box-shadow:0 2px 8px rgba(0,0,0,0.15);cursor:default;box-sizing:border-box}
#panel .etc li.ap button{padding:4px 4px;border-radius:8px;background:#7c3aed;color:#fff;font-size:10px;font-weight:bold;line-height:1.4;box-shadow:0 2px 8px rgba(0,0,0,0.15);cursor:default;box-sizing:border-box;border:none;width:41px;height:auto;text-align:center;display:block;text-indent:0;overflow:visible}
/* 상세/장바구니 페이지용 독립 플로팅 */
.ap-floating-solo{position:fixed;bottom:135px;right:20px;z-index:90;width:41px}
.ap-floating-solo button{position:relative;padding:4px 4px;border-radius:8px;background:#7c3aed;color:#fff;font-size:10px;font-weight:bold;line-height:1.4;box-shadow:0 2px 8px rgba(0,0,0,0.15);box-sizing:border-box;border:none;width:41px;height:auto;text-align:center;display:block;text-indent:0;overflow:visible}
.ap-tooltip{position:absolute;background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:90;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;pointer-events:none;right:100%;top:50%;transform:translateY(-55%);margin-right:8px}
.ap-tooltip::after{content:'';position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#333}
.ap-tooltip.right{right:auto;left:100%;margin-right:0;margin-left:8px}
.ap-tooltip.right::after{left:auto;right:100%;border-left-color:transparent;border-right-color:#333}
.ap-tooltip.show{opacity:1;visibility:visible}
#panel .etc li .ap:before{display:none}
#panel .etc li .ap:after{display:none}
#panel .etc li .vr:before{background:#fff}
#panel .etc li .vr:after{background-image:url(../imgs/global/panel-vrlogo2.png);background-size:41px;}
#panel .etc li .top:before{opacity:0.8;border:1px solid #f2f2f2;background:white}
#panel .etc li .top:after{background-image:url(../imgs/global/panel-top.png)}
#panel .etc li .today:before{opacity:0.8;border:1px solid #f2f2f2;background:white}
#panel .etc li .today:after{background-image:url(../imgs/global/panel-today.png)}
#panel .etc li .messenger:before{opacity:0.8;border:1px solid #f2f2f2;background:white}
#panel .etc li .messenger:after{background-image:url(../imgs/global/mo_messenger_1.png);background-size:contain;}
#panel.min{-moz-transform:translate3d(0,60px,0);-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}
/* #panel.min .etc{-moz-transform:translate3d(0,-16px,0);-webkit-transform:translate3d(0,-16px,0);transform:translate3d(0,-16px,0)} */

/* today */
#todaylist{position:fixed;top:0;left:0;z-index:500;width:100%;height:200%;-moz-transform:translate3d(0,-9999px,0);-webkit-transform:translate3d(0,-9999px,0);transform:translate3d(0,-9999px,0);box-sizing:border-box;background:white}
#todaylist.active{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#todaylist .close{position:absolute;top:20px;right:15px;overflow:hidden;width:25px;height:25px;text-indent:-9999px;background:url(../imgs/global/close2.png) center center no-repeat;background-size:15px 15px}
#todaylist .scroll{position:absolute;top:0;left:0;z-index:1;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;height:50%;box-sizing:border-box;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:white}
#todaylist .scroll .content{position:absolute;top:0;left:0;width:100%;min-height:100%;padding:25px 0 0;box-sizing:border-box}
#todaylist .scroll .content h1{height:15px;margin:0 20px 15px;text-align:left;font-size:16px;color:black;line-height:14px;font-weight:400}
#todaylist .scroll .product-item .list .today-none{padding:66px 0 67px;text-align:center;font-size:13px;color:#666;line-height:19px}
#todaylist .scroll .product-item .list .today-none:before{content:"";display:block;width:44px;height:54px;margin:4px auto 0;background:url(../imgs/global/list-none1.png) 0 0 no-repeat;background-size:44px 44px}
#todaylist .scroll .product-item.suggest{position:absolute;bottom:0;left:0;width:calc(100% + 5px);padding:0 20px;box-sizing:border-box}
#todaylist .scroll .product-item.suggest h1{margin:0 0 25px}
#todaylist .scroll .product-item.suggest .list{margin:0 -1% 0 0}
#todaylist .scroll .product-item.suggest .list .item{clear:none;width:33%;border-left:none}
#todaylist .scroll .frame{margin:0 -1% 0 0;padding:0 15px 0 20px}
#todaylist .scroll .frame img{display:block;width:33%;padding:65px 0 100px 5px;box-sizing:border-box}

/* footer */
#footer{position:relative;clear:both;overflow:hidden;padding:21px 20px 65px;background:#ececec}
#footer:after{content:"";display:block;clear:both}
#footer .cs{position:relative;clear:both;margin:0 0 21px;padding:0 0 21px}
#footer .cs:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:url(../imgs/global/global-line-b.gif) 0 0 repeat-x;background-size:1px 5px}
#footer .cs:after{content:"";display:block;clear:both}
#footer .cs dt{float:left;width:75px;margin:-4px 0 -2px;font-size:11px;color:#111;line-height:17px}
#footer .cs dd{float:left;margin:-4px 0 -2px;font-size:12px;color:#5f5f5f;line-height:18px}
#footer .cs dd strong{display:block;padding:0 0 1px;font-size:14px;color:black;line-height:20px;font-weight:400;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif}
#footer .cs dd span{display:inline-block;margin:1px 0 -1px;vertical-align:top;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif}
#footer .cs dd.instagram{position:absolute;bottom:15px;right:-5px;margin:0}
#footer .cs dd.instagram a{display:block;overflow:hidden;width:26px;height:26px;text-indent:-9999px;background:url(../imgs/global/footer_instagram.png) center center no-repeat;background-size:16px 16px}
#footer .navigation{clear:both;margin:0 -20px 0 0;padding:0 0 6px}
#footer .navigation ul{margin:0 -30px 0 0}
#footer .navigation ul:after{content:"";display:block;clear:both}
#footer .navigation ul li{float:left;margin:0 30px 15px 0}
#footer .navigation ul li a{float:left;margin:-5px 0 -3px;white-space:nowrap;font-size:11px;color:#111;line-height:19px}
#footer .body{clear:both;padding:0 0 12px}
#footer .body .logo{display:inline-block;height:22px;margin:0 12px 0 0;vertical-align:top}
#footer .body .sh-button{display:inline-block;margin:0 0 -3px;vertical-align:bottom;font-size:11px;color:#333;line-height:17px;font-weight:500}
#footer .body .sh-button:after{content:"";display:inline-block;width:8px;height:5px;margin:6px 0 0 7px;vertical-align:top;background:url(../imgs/global/arrow1.png) center center no-repeat;background-size:8px 5px}
#footer .body p{display:none;padding:11px 41px 8px 0;word-wrap:break-word;font-size:11px;color:#666;line-height:17px}
#footer .body p a{color:#666}
#footer .body address{display:none;padding:11px 41px 8px 0;word-wrap:break-word;font-size:11px;color:#666;line-height:17px}
#footer .body>*:last-child{margin-bottom:-2	px;padding-bottom:0}
#footer .copy{float:left;clear:both;width:100%;margin:-4px 0 18px;font-size:10px;color:#999;line-height:16px}
#footer .body.active .sh-button:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#footer .body.active p,
#footer .body.active address{display:block}
@media screen and (max-width:340px){
	#footer .navigation ul li{margin-right:20px}
}
@media screen and (max-width:300px){
	#footer{padding:21px 15px 60px}
	#footer .cs dt{width:60px}
	#footer .navigation ul li{margin-right:15px}
}

/* title */
.basictitle{clear:both;padding:20px 16px 0;font-size:17px;color:black;line-height:21px}
.basiclinetitle{position:relative;clear:both;padding:20px 16px 16px;font-size:17px;color:black;line-height:21px;border-bottom:2px solid black}
.basiclinetitle .more{position:absolute;top:23px;right:16px;font-size:13px;color:#999;line-height:17px}

/* info */
.basicinfo{clear:both;padding:12px 16px 0}
.basicinfo li{position:relative;padding:4px 0 0 10px;word-wrap:break-word;font-size:13px;color:#999;line-height:18px}
.basicinfo li:before{content:"-";position:absolute;top:4px;left:0}
p.basicinfo{padding:16px 16px 0;word-wrap:break-word;text-align:center;font-size:13px;color:#999;line-height:18px}
p.basicinfo strong{color:black}

/* function button */
.basicbutton{display:inline-block;margin:0;padding:6px 10px;box-sizing:border-box;vertical-align:top;white-space:nowrap;text-align:center;font-size:14px;color:#666;line-height:20px;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',Apple Gothic,Droid Sans,sans-serif;outline:none;border-radius:0;border:1px solid #ccc;background:white}
.basicbutton.large{padding-top:14px !important;padding-bottom:14px !important;font-weight:500}
.basicbutton.drain{border:1px solid #e6e6e6;background:#f7f7f7}
.basicbutton.fill{color:white;border:1px solid #444;background:#444}

/* editor */
.editorcontent{clear:both;margin:20px 16px 0;font-size:15px;color:#666;line-height:1.4}
.basictitle+.editorcontent{margin:10px 16px 0}
.editorcontent img{display:block;max-width:100%}
.editorcontent p,
.editorcontent span,
.editorcontent table,
.editorcontent div{max-width:100%}

/* insert form */
dl.form{clear:both;padding:12px 16px 0}
.basictitle+dl.form{padding-top:5px}
dl.form dt{margin:0 0 -3px;padding:3px 0 0}
dl.form dt span{vertical-align:top}
dl.form dd{position:relative;border-top:8px solid transparent}
dl.form dd:after{content:"";display:block;clear:both}
dl.form dd input[type=text],
dl.form dd input[type=password],
dl.form dd input[type=number],
dl.form dd input[type=tel],
dl.form dd input[type=search],
dl.form dd input[type=email],
dl.form dd select{float:left;width:100%}
dl.form dd.guide{font-size:12px;line-height:16px}
dl.form dd.button{padding:0 105px 0 0}
dl.form dd.button .basicbutton{position:absolute;top:0;right:0;width:100px;padding:6px 0}
dl.form dd.button input[type=file]{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;margin:0;padding:0;opacity:0;border-radius:0;border:none;background:none}
dl.form dd.check ul{margin:0 -16px 0 -4px}
dl.form dd.check ul li{float:left;margin:0 16px 0 4px}
dl.form dd.tel{margin:0 -1% 0 40px}
dl.form dd.tel .hyphen{float:left;width:20px;padding:7px 0;text-align:center;font-size:15px;color:#666;line-height:21px}
dl.form dd.tel input:nth-child(1),
dl.form dd.tel select{width:33%;margin:0 0 0 -40px}
dl.form dd.tel input{width:33%}
dl.form dd.search{}
dl.form dd.search input{padding-right:35px}
dl.form dd.search button{position:absolute;top:0;right:0;overflow:hidden;width:35px;height:35px;text-indent:-9999px}
dl.form dd.search button:before{content:"";position:absolute;top:7px;left:7px;width:18px;height:18px;box-sizing:border-box;border:2px solid #999;border-radius:100%}
dl.form dd.search button:after{content:"";position:absolute;top:24px;left:21px;width:7px;height:2px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#999}
dl.form dd.email{border-left:20px solid transparent}
dl.form dd.email input[type=text]{width:50%}
dl.form dd.email input[type=text]:first-child{margin:0 0 0 -20px}
dl.form dd.email .at{float:left;width:20px;padding:7px 0;text-align:center;font-size:15px;color:#666;line-height:21px}
dl.form dd.birth{margin:0 -1% 0 20px}
dl.form dd.birth select{width:33%;margin:0 0 0 10px}
dl.form dd.birth select:first-child{margin:0 0 0 -20px}
dl.form dd.biz{margin:0 0 0 20px}
dl.form dd.biz input{margin:0 0 0 10px}
dl.form dd.biz input:nth-child(1){width:30%;margin:0 0 0 -20px}
dl.form dd.biz input:nth-child(2){width:20%}
dl.form dd.biz input:nth-child(3){width:50%}
dl.form dd.text{font-size:15px;color:black;line-height:21px;font-weight:500}
dl.form.coupon{margin:20px 16px 0;padding:12px 10px 16px;border:3px solid #ccc}
dl.form.coupon dt{text-align:center}
dl.form.coupon dd{margin:0 -8px;text-align:center}
dl.form.coupon dd.insert{margin:0 -1% 0 20px}
dl.form.coupon dd.insert input{width:33%;margin:0 0 0 10px;padding-left:0;padding-right:0;text-align:center}
dl.form.coupon dd.insert input:nth-child(1){width:33%;margin:0 0 0 -20px}
dl.form.coupon dd .basicbutton{width:50%;margin:11px 0 0}

/* insert form line */
dl.formline{position:relative;clear:both;margin:8px 16px 0;padding:0 0 0 80px}
dl.formline dt{position:absolute;top:0;left:0;padding:7px 0;font-size:15px;color:#666;line-height:21px}
dl.formline dd:after{content:"";display:block;clear:both}
dl.formline dd input[type=text],
dl.formline dd input[type=password],
dl.formline dd input[type=number],
dl.formline dd input[type=tel],
dl.formline dd input[type=search],
dl.formline dd input[type=email],
dl.formline dd select{float:left;width:100%}
dl.formline dd.ea{position:relative;padding:0 34px}
dl.formline dd.ea input{text-align:center}
dl.formline dd.ea .minus{position:absolute;top:0;left:0;overflow:hidden;width:34px;height:35px;text-indent:-9999px;border:1px solid #ccc;border-right:none;background:white}
dl.formline dd.ea .minus:before{content:"";position:absolute;top:16px;left:9px;width:15px;height:1px;background:#999}
dl.formline dd.ea .plus{position:absolute;top:0;right:0;overflow:hidden;width:34px;height:35px;text-indent:-9999px;border:1px solid #ccc;border-left:none;background:white}
dl.formline dd.ea .plus:before{content:"";position:absolute;top:16px;left:9px;width:15px;height:1px;background:#999}
dl.formline dd.ea .plus:after{content:"";position:absolute;top:9px;left:16px;width:1px;height:15px;background:#999}

/* insert form box */
dl.formbox{clear:both;margin:20px 16px 0;padding:12px 16px 16px;border:1px solid #e6e6e6}
dl.formbox dt{line-height:17px}
dl.formbox dd{position:relative;border-top:5px solid transparent}
dl.formbox dd:after{content:"";display:block;clear:both}
dl.formbox dd.tel{margin:0 -1% 0 40px}
dl.formbox dd.tel .hyphen{float:left;width:20px;padding:7px 0;text-align:center;font-size:15px;color:#666;line-height:21px}
dl.formbox dd.tel input:nth-child(1),
dl.formbox dd.tel select{float:left;width:33%;margin:0 0 0 -40px}
dl.formbox dd.tel input{float:left;width:33%}
dl.formbox dd.biz{margin:0 0 0 20px}
dl.formbox dd.biz input{float:left;margin:0 0 0 10px}
dl.formbox dd.biz input:nth-child(1){width:30%;margin:0 0 0 -20px}
dl.formbox dd.biz input:nth-child(2){width:20%}
dl.formbox dd.biz input:nth-child(3){width:50%}

/* text data list */
dl.data{clear:both;margin:0 16px;padding:7px 16px 5px;border:1px solid #e6e6e6;border-top:none}
.basictitle+dl.data{margin:10px 16px 0;border-top:2px solid black}
dl.data:after{content:"";display:block;clear:both}
dl.data dt{float:left;width:80px;padding:5px 0;font-size:14px;color:black;line-height:19px}
dl.data dt label{height:auto;vertical-align:top;font-size:14px;color:black;line-height:19px}
dl.data dd{float:right;max-width:calc(100% - 80px);padding:5px 0;word-wrap:break-word;text-align:right;font-size:14px;line-height:19px}
dl.data dd input[type=text],
dl.data dd input[type=password],
dl.data dd input[type=number],
dl.data dd input[type=tel],
dl.data dd input[type=search],
dl.data dd input[type=email]{width:120px;margin:-5px 0 -3px;padding:4px 4px 2px;text-align:right;font-size:14px;line-height:19px}
dl.data dd .basicbutton{margin:-5px 0 -3px;padding:4px 10px 2px;font-size:14px;line-height:19px}
dl.data dd.text{float:left;text-align:left}
dl.data dt.long{width:120px}
dl.data dt.long+dl.data dd{max-width:calc(100% - 120px)}
dl.data.row dt,
dl.data.row dd{font-size:13px;color:#999;line-height:17px}

/* text data check list */
dl.pay{clear:both;margin:0 16px;padding:12px 16px 10px;border:1px solid #e6e6e6;border-top:none}
.basictitle+dl.pay{margin:10px 16px 0;border-top:2px solid black}
.blind+dl.pay{margin:20px 16px 0;border-top:1px solid #e6e6e6}
dl.pay dd{position:relative;padding:0 0 0 26px}
dl.pay dd:after{content:"";display:block;clear:both}
dl.pay dd input[type=radio],
dl.pay dd input[type=checkbox]{position:absolute;top:0;left:0}
dl.pay dd label{height:auto;margin:0}
dl.pay dd #online_container{padding:0 0 6px}
dl.pay dd dl.form{margin:0 0 0 -26px;padding:0}
dl.pay dd dl.form dd{padding:0;font-size:15px;line-height:17px}
.basictitle+dl.pay.address{margin:16px 16px 0;border-top:2px solid black}
.blind+dl.pay.address{margin:20px 16px 0;border-top:2px solid black}
dl.pay.address dd input[type=radio],
dl.pay.address dd input[type=checkbox]{position:absolute;top:50%;margin:-8px 0 0}
dl.pay.address dd label{font-size:13px;line-height:18px}

/* text col table */
table.cols{table-layout:fixed;clear:both;width:100%;margin:0;font-size:13px;color:#666;line-height:18px}
table.cols th{padding:8px;text-align:center;border-bottom:1px solid #e6e6e6}
table.cols td{padding:8px;vertical-align:middle;word-wrap:break-word;border-bottom:1px solid #e6e6e6}
table.cols td .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:36px;word-wrap:break-word}
table.cols td .option{color:#999}
table.cols td .date{font-size:12px;color:#999}
table.cols td select{width:100%}
table.cols th:first-child,
table.cols td:first-child{padding-left:16px}
table.cols th:last-child,
table.cols td:last-child{padding-right:16px}

/* text row table */
.datatable{clear:both;margin:20px 16px 0}
.basictitle+.datatable{margin:10px 16px 0}
.datatable table{table-layout:fixed;width:100%;margin:0;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6}
.datatable table th{padding:5px;vertical-align:middle;word-wrap:break-word;text-align:left;font-size:13px;color:#666;line-height:18px;font-weight:400;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;background:#f7f7f7}
.datatable table td{padding:5px;vertical-align:middle;word-wrap:break-word;text-align:left;font-size:13px;color:#666;line-height:18px;font-weight:400;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6}

/* 마이페이지 table */
.tbl-info tr{padding:20px 0; border-bottom:1px solid #eee;}

/* product item single, order */
.productlistsingle{clear:both;padding:0 16px}
.productlistsingle li{position:relative;margin:0 -16px;border-bottom:1px solid #e6e6e6}
.productlistsingle li:after{content:"";display:block;clear:both}
.productlistsingle li .nolink,
.productlistsingle li a{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;min-height:97px;padding:16px 16px 19px 132px}
.productlistsingle li .nolink img,
.productlistsingle li a img{position:absolute;top:50%;left:16px;width:100px;height:100px;margin:-50px 0 0}
.productlistsingle li .nolink p:empty,
.productlistsingle li a p:empty{display:none;margin:0}
.productlistsingle li .nolink .title,
.productlistsingle li a .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:36px;margin:5px 0 0;word-wrap:break-word;font-size:14px;color:black;line-height:18px}
.productlistsingle li .nolink .summary,
.productlistsingle li a .summary{display:block;text-overflow:ellipsis;overflow:hidden;margin:5px 0 0;white-space:nowrap;font-size:12px;color:#999;line-height:16px}
.productlistsingle li .nolink .option,
.productlistsingle li a .option{display:block;margin:5px 0 0;word-wrap:break-word;font-size:12px;color:#999;line-height:16px}
.productlistsingle li .nolink .marketprice,
.productlistsingle li a .marketprice{display:block;text-overflow:ellipsis;overflow:hidden;margin:5px 0 0;white-space:nowrap;font-size:12px;color:#999;line-height:16px;text-decoration:line-through}
.productlistsingle li .nolink .price,
.productlistsingle li a .price{display:block;text-overflow:ellipsis;overflow:hidden;margin:5px 0 0;white-space:nowrap;font-size:14px;color:black;line-height:18px;font-weight:500}
.productlistsingle li .nolink .icons,
.productlistsingle li .nolink .icons img,
.productlistsingle li a .icons img{position:static;display:inline-block;width:auto;height:auto;margin:5px 0 0;vertical-align:top}
.productlistsingle li input[type=checkbox]{position:absolute;top:16px;left:16px;z-index:2}
.productlistsingle li.orderitem{border-bottom:none}
.productlistsingle li.orderitem .view{display:block;position:relative;clear:both;min-height:0;padding:9px 16px 8px;border-bottom:1px solid #e6e6e6;background:#f7f7f7}
.productlistsingle li.orderitem a.view:after{content:"";position:absolute;top:50%;right:19px;width:10px;height:10px;margin:-6px 0 0;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:2px solid #999;border-right:2px solid #999}
.productlistsingle li.orderitem .box{position:relative;padding:16px 0;border-bottom:1px solid #e6e6e6}
.productlistsingle li.orderitem .box:after{content:"";display:block;clear:both}
.productlistsingle li.orderitem .box a{min-height:80px;padding:0 16px 0 112px}
.productlistsingle li.orderitem .box a img{top:0;left:16px;width:78px;height:78px;margin:0;border:1px solid #e6e6e6}
.productlistsingle li.orderitem .box a .title{margin:0}
.productlistsingle li.orderitem .box input[type=checkbox]+a{padding:0 16px 0 138px}
.productlistsingle li.orderitem .box input[type=checkbox]+a img{left:42px}
.productlistsingle li.orderitem .box .control{clear:both;padding:0 11px 0 112px}
.productlistsingle li.orderitem .box input[type=checkbox]+a+.control{padding:0 11px 0 138px}
.productlistsingle li.orderitem .box .control li{float:left;width:50%;margin:0;padding:0 5px 0  0;box-sizing:border-box;border:none}
.productlistsingle li.orderitem .box .control li a,
.productlistsingle li.orderitem .box .control li button{display:block;float:left;width:100%;min-height:0;margin:5px 0 0;padding:4px 0;white-space:nowrap;text-align:center;font-size:13px;color:#666;line-height:18px;border:1px solid #ccc;background:white}
.productlistsingle li.orderitem .box .control li .fill{color:white;border:1px solid #444;background:#444}
.productlistsingle li.orderitem .box .control li:nth-child(1) a,
.productlistsingle li.orderitem .box .control li:nth-child(1) button,
.productlistsingle li.orderitem .box .control li:nth-child(2) a,
.productlistsingle li.orderitem .box .control li:nth-child(2) button{margin:10px 0 0}
.productlistsingle li.orderitem .box .control.triple{margin:0 -1% 0 0}
.productlistsingle li.orderitem .box .control.triple li{width:33%}
.productlistsingle li.orderitem .box .control.triple li:nth-child(3) a,
.productlistsingle li.orderitem .box .control.triple li:nth-child(3) button{margin:10px 0 0}
.productlistsingle li.orderitem .box div.control,
.productlistsingle li.orderitem .box input[type=checkbox]+a+div.control{padding-top:10px;padding-right:16px}
.productlistsingle li.orderitem .box div.control select{width:100%}
.productlistsingle li.orderitem .box .boxlabel{position:absolute;top:6px;left:6px;z-index:5;overflow:hidden;width:36px;height:36px;text-indent:-9999px}

/* product item half */
.productlisthalf{clear:both;padding:0 16px}
.productlisthalf:after{content:"";display:block;clear:both}
.productlisthalf li{float:left;width:50%;margin:20px 0 0;box-sizing:border-box}
.productlisthalf li:nth-child(odd){clear:both;padding:0 5px 0 0}
.productlisthalf li:nth-child(even){padding:0 0 0 5px}
.productlisthalf li a{display:block}
.productlisthalf li a img{display:block;width:100%}
.productlisthalf li a p:empty{display:none;margin:0}
.productlisthalf li a .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:36px;margin:5px 0 0;word-wrap:break-word;font-size:14px;color:black;line-height:18px}
.productlisthalf li a .summary{display:block;text-overflow:ellipsis;overflow:hidden;margin:5px 0 0;white-space:nowrap;font-size:12px;color:#999;line-height:16px}
.productlisthalf li a .marketprice{display:block;text-overflow:ellipsis;overflow:hidden;margin:5px 0 0;white-space:nowrap;font-size:12px;color:#999;line-height:16px;text-decoration:line-through}
.productlisthalf li a .price{display:block;text-overflow:ellipsis;overflow:hidden;margin:5px 0 0;white-space:nowrap;font-size:14px;color:black;line-height:18px;font-weight:500}
.productlisthalf li a .icons img{display:inline-block;width:auto;height:auto;margin:5px 0 0;vertical-align:top}

/* global list none */
.listnone{position:relative !important;float:none !important;width:100% !important;height:auto !important;margin:0 !important;padding:86px 0 20px!important;text-align:center !important;font-size:15px !important;color:#999 !important;line-height:21px !important;font-weight:400 !important;border:none !important;background:none !important}
.listnone:before{content:"";position:absolute;top:20px;left:50%;width:50px;height:50px;margin:0 0 0 -25px;box-sizing:border-box;border:2px solid #e6e6e6;border-radius:100%}
.listnone:after{content:"";position:absolute;top:32px;left:50%;width:4px;height:4px;margin:0 0 0 -2px;border-top:18px solid #e6e6e6;border-bottom:4px solid #e6e6e6}

/* layer alert */
#layeralert{width:256px;padding:16px 0;text-align:center;border:2px solid black;background:white}
#layeralert .buttonwrap{padding-top:16px}



/* checkbox */
input[type=checkbox]{display:inline-block;position:relative;width:20px;height:20px;margin:0;padding:0;box-sizing:border-box;vertical-align:top;-webkit-appearance:none;outline:none;border-radius:0;border:1px solid black;background:white}
input[type=checkbox]:checked:after{content:"";position:absolute;top:0;left:0;width:18px;height:18px;background:url(../imgs/global/checkbox.png) 0 0 no-repeat;background-size:18px 36px}
input[type=checkbox]+label{display:inline-block;padding:0 0 1px 7px;vertical-align:top;font-size:13px;color:black;line-height:19px;font-weight:400}
input[type=checkbox].bold:checked{background:black}
input[type=checkbox].bold:checked:after{background-position:0 -18px}
input[type=checkbox].highlight:checked{border-color:#601986;background:#601986}
input[type=checkbox].highlight:checked:after{background-position:0 -18px}
input[type=checkbox].highlight:checked+label{color:#601986}
input[type=checkbox]:disabled{opacity:0.4}
input[type=checkbox]:disabled+label{color:#999 !important}

/* radio */
input[type=radio]{display:inline-block;position:relative;width:20px;height:20px;margin:0;padding:0;box-sizing:border-box;vertical-align:top;-webkit-appearance:none;outline:none;border-radius:100%;border:1px solid black;background:white}
input[type=radio]:checked:after{content:"";position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:100%;background:black}
input[type=radio]+label{display:inline-block;padding:0 0 1px 7px;vertical-align:top;font-size:13px;color:black;line-height:19px;font-weight:400}
input[type=radio].bold:checked{background:black}
input[type=radio].bold:checked:after{background:white}
input[type=radio].highlight:checked{border-color:#601986;background:#601986}
input[type=radio].highlight:checked:after{background:white}
input[type=radio].highlight:checked+label{color:#601986}
input[type=radio]:disabled{opacity:0.4}
input[type=radio]:disabled+label{color:#999 !important}

/* input */
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=search],
input[type=email]{display:inline-block;width:100%;margin:0;padding:4px 9px 6px;box-sizing:border-box;vertical-align:top;text-align:left;font-size:13px;color:black;line-height:23px;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',Apple Gothic,Droid Sans,sans-serif;-webkit-appearance:none;outline:none;border-radius:0;border:1px solid #ddd;background:white}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=search]::placeholder,
input[type=email]::placeholder{opacity:1;font-size:13px;color:#999;line-height:23px}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=search]:disabled,
input[type=email]:disabled{opacity:1;color:#999;background:#ddd}

/* textarea */
textarea{display:block;width:100%;margin:0;padding:7px 9px 9px;box-sizing:border-box;text-align:left;font-size:13px;color:black;line-height:17px;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',Apple Gothic,Droid Sans,sans-serif;-webkit-appearance:none;outline:none;resize:none;border-radius:0;border:1px solid #ddd;background:none}
textarea::placeholder{opacity:1;font-size:13px;color:#999;line-height:17px}
textarea:disabled{opacity:1;color:#999;background:#ddd}
.textarea{position:relative;overflow:hidden}
.textarea:before{position:absolute;top:0;left:0;z-index:2;margin:8px 10px 0 10px;white-space:pre-line;font-size:13px;color:#999;line-height:17px;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',Apple Gothic,Droid Sans,sans-serif}
.textarea.active:before{display:none}
.textarea textarea{position:relative;z-index:3}
.textarea textarea:disabled{z-index:1}
.textarea.sample1:before{content:"입력폼\A입력폼"}
.textarea.sample2:before{content:"두줄이상은 클래스를 추가하여 수동 입력.\A두줄코드가 PC나 안드로이드에선 작동\A아이폰에선 작동하지 않음"}

/* select */
select.select{visibility:hidden}
.selectDummy{display:inline-block;position:relative;width:100%;margin:0;padding:0;vertical-align:top}
.selectDummy select{visibility:visible;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0;-webkit-appearance:none;text-indent:-9999px;border:none;outline:none;background:none}
.selectDummy .selecttext{display:block;text-overflow:ellipsis;overflow:hidden;padding:7px 22px 9px 9px;box-sizing:border-box;white-space:nowrap;text-align:left;font-size:13px;color:black;line-height:17px;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',Apple Gothic,Droid Sans,sans-serif;border:1px solid #ddd;/* background:white */}
.selectDummy .selecttext:after{content:"";position:absolute;top:50%;right:10px;width:12px;height:8px;margin:-4px 0 0;background:url(../imgs/global/select1.png) center center no-repeat;background-size:12px 8px}
.selectDummy .selecttext.placeholder{color:#999}
.selectDummy select:focus+.selecttext:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.selectDummy select:disabled+.selecttext{color:#999;background:#ddd}

/* basic button */
.button1{display:inline-block;width:90px;padding:7px 0 9px;box-sizing:border-box;vertical-align:top;white-space:nowrap;text-align:center;font-size:13px;color:black;line-height:17px;font-weight:400;font-family:'Pretendard-Regular','Noto Sans KR',Apple Gothic,Droid Sans,sans-serif;border:1px solid #ddd;background:white}
.button1.fill{color:white;border-color:black;background:black}

/* img upload */
.fileimage-wrap{clear:both;margin-right:-10px}
.fileimage-wrap:after{content:"";display:block;clear:both}
.fileimage-wrap .item{position:relative;float:left;overflow:hidden;width:55px;height:55px;margin:0 10px 10px 0;background:#ddd}
.fileimage-wrap .item:before{content:"";position:absolute;top:20px;left:27px;width:1px;height:15px;background:#666}
.fileimage-wrap .item:after{content:"";position:absolute;top:27px;left:20px;width:15px;height:1px;background:#666}
.fileimage-wrap .item input[type=file]{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0;font-size:200px}
.fileimage-wrap .item .img{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;background-size:cover;background-position:center center;background-repeat:no-repeat}
.fileimage-wrap .item.active .img{opacity:1;}
.fileimage-wrap .item .d-button{display:none;position:absolute;top:0;right:0;z-index:3;overflow:hidden;width:14px;height:14px;text-indent:-9999px;background:url(../imgs/global/close5.png) center center no-repeat;background-size:10px 10px}
.fileimage-wrap .item.active{background:none}
.fileimage-wrap .item.active:before,
.fileimage-wrap .item.active:after{display:none}
.fileimage-wrap .item.active .img{opacity:1}
.fileimage-wrap .item.active .d-button{display:block}

/* paging */
.page-wrap{clear:both;padding:20px 0 0;text-align:center;font-size:0}
.page-wrap a{display:inline-block;width:18px;height:18px;margin:0 4px;vertical-align:top;border-radius:100%;border:1px solid #eee}
.page-wrap .left{display:inline-block;margin:0 13px 0 0;vertical-align:top;font-size:0}
.page-wrap .left .first{background:#f7f7f7 url(../imgs/global/paging_first.png) center center no-repeat;background-size:10px 10px}
.page-wrap .left .prev{background:#f7f7f7 url(../imgs/global/paging_prev.png) center center no-repeat;background-size:10px 10px}
.page-wrap .right{display:inline-block;margin:0 0 0 13px;vertical-align:top;font-size:0}
.page-wrap .right .last{background:#f7f7f7 url(../imgs/global/paging_last.png) center center no-repeat;background-size:10px 10px}
.page-wrap .right .next{background:#f7f7f7 url(../imgs/global/paging_next.png) center center no-repeat;background-size:10px 10px}
.page-wrap .page-num{display:inline-block;vertical-align:top;text-align:center;font-size:0}
.page-wrap .page-num a{width:20px;height:20px;margin:0 3px;font-size:12px;color:black;line-height:20px;font-weight:500;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif;border:none}
.page-wrap .page-num a.active{color:white;font-weight:700;background:#601986}
@media screen and (max-width:309px){
	.page-wrap a{margin:0 2px}
	.page-wrap .left{margin:0 6px 0 0}
	.page-wrap .right{margin:0 0 0 6px}
	.page-wrap .page-num a{margin:0 2px}
}

/* bottom button */
.buttonwrap{clear:both;padding:15px 15px 0 20px;text-align:center;font-size:0}
.buttonwrap a,
.buttonwrap button{display:inline-block;width:calc(50% - 5px);margin:10px 5px 0 0;padding:10px 0 12px;box-sizing:border-box;vertical-align:top;white-space:nowrap;text-align:center;font-size:15px;color:black;line-height:21px;font-weight:400;border:1px solid #ddd;background:white}
.buttonwrap .fill{color:white;border-color:black;background:black}
.buttonwrap .highlight{color:#fff; background:#601986;}
.buttonwrap .wide{width:calc(100% - 5px)}

/* 상품아이템 */
.product-item { clear: both; padding: 0 15px; }
.product-item .list:after { content: ""; display: block; clear: both; }
.product-item .list .item { position: relative; float: left; width: 50%; margin: 0 0 30px; box-sizing: border-box; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.product-item .list .item .wish{position:absolute;top:0;right:0;z-index:5;overflow:hidden;width:34px;height:33px;text-indent:-9999px}
.product-item .list .item .wish:after{content:"";position:absolute;top:8px;left:8px;width:18px;height:17px;background:url(../imgs/global/list_wish.png?v=1) 0 0 no-repeat;background-size:18px 39px}
.product-item .list .item .wish.active:after{background-position:0 -22px}
.product-item .list .item:nth-child(odd) { clear: both; }
.product-item .list .item a { display: block; }
.product-item .list .item a .img { display: block; position: relative; z-index: 1; width: 100%; margin: 0 0 13px; background-color: white; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.product-item .list .item a .img img { display: block; width: 100%; }
.product-item .list .item a .text { display: block; min-height: 57px; }
.product-item .list .item a .text:after { content: ""; display: block; clear: both; }
.product-item .list .item a .text span { float: left; }
.product-item .list .item a .text .brand { clear: both; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: -5px 0 -4px; padding: 0 0 8px; white-space: nowrap; font-size: 13px; color: black; line-height: 19px; font-weight: 700; }
.product-item .list .item a .text .name { clear: both; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: -4px 0 -2px; padding: 0 0 15px; white-space: nowrap; font-size: 13px; color: #666; line-height: 19px; font-weight: 400; }
.product-item .list .item a .text .name.line-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-word; line-height: 18px; max-height: 36px; margin-bottom: 6px;box-sizing: border-box;}
.product-item .list .item a .text .price { clear: both; text-overflow: ellipsis; overflow: hidden; width: 100%; height: 19px; margin: -3px 0 -5px; white-space: nowrap; font-size: 14px; color: #010101; line-height: 19px; font-family:'Pretendard-Regular', 'Spoqa Han Sans Neo', Apple Gothic, Droid Sans, sans-serif; }
.product-item .list .item a .text .price del { margin: 0 0 0 5px; vertical-align: top; font-size: 11px; color: #666; line-height: 20px; font-weight: 300; }
.product-item .list .item a .text .price strong { margin: 0 0 0 14px; vertical-align: top; font-size: 12px; color: red; line-height: 19px; font-weight: 400; }
.product-item .list .item a .text .ic-c { width: 25px; margin: 8px 7px 0 0; padding: 1px 0 2px; text-align: center; font-size: 10px; color: #777; line-height: 13px; background: #eee; }
.product-item .list .item a .text .ic-n { width: 29px; margin: 8px 7px 0 0; padding: 1px 0 2px; text-align: center; font-size: 10px; color: #601986; line-height: 13px; background: #e7dded; }
.product-item .list .item a .text .ic-i { width: 29px; margin: 8px 7px 0 0; padding: 1px 0 2px; text-align: center; background: url('../../imgs/global/candyIcon.png') center center no-repeat; background-size: contain; height: 13px; }
.product-item .list .item a .text .ic-e { width: 46px; margin: 8px 7px 0 0; padding: 1px 0 2px; text-align: center; font-size: 10px; color: #3d370e; line-height: 13px; background: #fdde24; }
.product-item .list .item a .wish-b { position: absolute; bottom: 0; right: 0; z-index: 5; overflow: hidden; width: 34px; height: 33px; text-indent: -9999px; }
.product-item .list .item a .wish-b:after { content: ""; position: absolute; top: 8px; left: 8px; width: 18px; height: 17px; background: url(../imgs/global/list_wish.png?v=1) 0 0 no-repeat; background-size: 18px 39px; }
.product-item .list .item a .wish-b.active:after { background-position: 0 -22px; }
.product-item .list .item a .img .ic-o { position: absolute; bottom: 8px; left: 8px; z-index: 5; background: transparent; color: rgba(255, 72, 0, 1); font-size: 10px; font-weight: 500; padding: 2px 5px; line-height: 13px; border-radius: 2px; text-align: center; white-space: nowrap; box-shadow: 0 0 0 1px rgba(255, 72, 0, 1); }
.product-item .list .item a .img .ic-g { position: absolute; top: 8px; left: 8px; z-index: 5; background: rgba(0, 128, 0, 0.9); color: #ffffff; font-size: 10px; font-weight: 500; padding: 4px 4px; line-height: 12px; border-radius: 2px; text-align: center; white-space: normal; max-width: 2em; word-break: break-all; word-wrap: break-word; letter-spacing: -0.5px; }
.product-item .list .item a .img .ic-g { max-width: 2em; }
.product-item .list .item a .img .ic-t-o { position: absolute; top: 8px; left: 8px; z-index: 5; background: rgba(255, 72, 0, 0.9); color: #ffffff; font-size: 10px; font-weight: 500; padding: 4px 4px; line-height: 12px; border-radius: 2px; text-align: center; white-space: normal; max-width: 2em; word-break: break-all; word-wrap: break-word; letter-spacing: -0.5px; }
.product-item .list .item a .img [class^="ic-b-"] { position: absolute; bottom: 8px; left: 8px; z-index: 5; color: #ffffff; font-size: 10px; font-weight: 500; padding: 4px 4px; line-height: 12px; border-radius: 2px; text-align: center; white-space: normal; word-break: break-all; word-wrap: break-word; letter-spacing: -0.5px; }
.product-item .list .item a .img .ic-b-o { background: rgba(255, 72, 0, 0.9); }
.product-item .list .item a .img .ic-b-g { background: rgba(0, 128, 0, 0.9); }
.product-item .list .item a .img .ic-b-p { background: #601986; }
.product-item .list .item.soldout .img:after { content: "품절상품"; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-size: 12px; color: white; line-height: 19px; background: rgba(0,0,0,0.5); }
@media screen and (max-width:360px) { .product-item .list .item a .text .price del { margin-left: 3px; } .product-item .list .item a .text .price strong { margin-left: 6px; } }
@media screen and (max-width:320px) { .product-item .list .item a .text .price strong { display: none; } }
.product-item .list .list-none { float: left; width: 100%; margin: 0 0 30px; padding: 56px 0 57px; text-align: center; font-size: 13px; color: #666; line-height: 19px; }
.product-item .list .item .colorchips { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 3.5px; margin: -10px 0 5px 0; }
.product-item .list .item .colorchips[data-align="right"] { justify-content: flex-end; }
.product-item .list .item .colorchips .color { border: 1px solid #ccc; box-sizing: border-box; width: 10px; height: 10px; border-radius: 50%; }
.product-item .list .item .colorchips[data-shape="square"] .color { width: 10px; height: 10px; border-radius: 0; }

/* 상품아이템 2*/
.slide-product-item { clear: both; padding: 0 15px; }
.slide-product-item .list:after { content: ""; display: block; clear: both; }
.slide-product-item .list .item { position: relative; float: left; width: 50%; margin: 0 0 30px; box-sizing: border-box; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.slide-product-item .list .item .wish{position:absolute;top:0;right:0;z-index:5;overflow:hidden;width:34px;height:33px;text-indent:-9999px}
.slide-product-item .list .item .wish:after{content:"";position:absolute;top:8px;left:8px;width:18px;height:17px;background:url(../imgs/global/list_wish.png?v=1) 0 0 no-repeat;background-size:18px 39px}
.slide-product-item .list .item .wish.active:after{background-position:0 -22px}
.slide-product-item .list .item:nth-child(odd) { clear: both; }
.slide-product-item .list .item a { display: block; }
.slide-product-item .list .item a .img { display: block; position: relative; z-index: 1; width: 100%; margin: 0 0 13px; background-color: white; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.slide-product-item .list .item a .img img { display: block; width: 100%; }
.slide-product-item .list .item a .text { display: block; min-height: 57px; }
.slide-product-item .list .item a .text:after { content: ""; display: block; clear: both; }
.slide-product-item .list .item a .text span { float: left; }
.slide-product-item .list .item a .text .brand { clear: both; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: -5px 0 -4px; padding: 0 0 8px; white-space: nowrap; font-size: 13px; color: black; line-height: 19px; font-weight: 700; }
.slide-product-item .list .item a .text .name { clear: both; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: -4px 0 -2px; padding: 0 0 15px; white-space: nowrap; font-size: 13px; color: #666; line-height: 19px; font-weight: 400; }
.slide-product-item .list .item a .text .name.line-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-word; line-height: 18px; max-height: 36px; margin-bottom: 6px;box-sizing: border-box;}
.slide-product-item .list .item a .text .price { clear: both; text-overflow: ellipsis; overflow: hidden; width: 100%; height: 19px; margin: -3px 0 -5px; white-space: nowrap; font-size: 14px; color: #010101; line-height: 19px; font-family:'Pretendard-Regular', 'Spoqa Han Sans Neo', Apple Gothic, Droid Sans, sans-serif; }
.slide-product-item .list .item a .text .price del { margin: 0 0 0 5px; vertical-align: top; font-size: 11px; color: #666; line-height: 20px; font-weight: 300; }
.slide-product-item .list .item a .text .price strong { margin: 0 0 0 14px; vertical-align: top; font-size: 12px; color: red; line-height: 19px; font-weight: 400; }
.slide-product-item .list .item a .text .ic-c { width: 25px; margin: 8px 7px 0 0; padding: 1px 0 2px; text-align: center; font-size: 10px; color: #777; line-height: 13px; background: #eee; }
.slide-product-item .list .item a .text .ic-n { width: 29px; margin: 8px 7px 0 0; padding: 1px 0 2px; text-align: center; font-size: 10px; color: #601986; line-height: 13px; background: #e7dded; }
.slide-product-item .list .item a .text .ic-i { width: 29px; margin: 8px 7px 0 0; padding: 1px 0 2px; text-align: center; background: url('../../imgs/global/candyIcon.png') center center no-repeat; background-size: contain; height: 13px; }
.slide-product-item .list .item a .text .ic-e { width: 46px; margin: 8px 7px 0 0; padding: 1px 0 2px; text-align: center; font-size: 10px; color: #3d370e; line-height: 13px; background: #fdde24; }
.slide-product-item .list .item a .wish-b { position: absolute; bottom: 0; right: 0; z-index: 5; overflow: hidden; width: 34px; height: 33px; text-indent: -9999px; }
.slide-product-item .list .item a .wish-b:after { content: ""; position: absolute; top: 8px; left: 8px; width: 18px; height: 17px; background: url(../imgs/global/list_wish.png?v=1) 0 0 no-repeat; background-size: 18px 39px; }
.slide-product-item .list .item a .wish-b.active:after { background-position: 0 -22px; }
.slide-product-item .list .item a .img .ic-o { position: absolute; bottom: 8px; left: 8px; z-index: 5; background: transparent; color: rgba(255, 72, 0, 1); font-size: 10px; font-weight: 500; padding: 2px 5px; line-height: 13px; border-radius: 2px; text-align: center; white-space: nowrap; box-shadow: 0 0 0 1px rgba(255, 72, 0, 1); }
.slide-product-item .list .item a .img .ic-g { position: absolute; top: 8px; left: 8px; z-index: 5; background: rgba(0, 128, 0, 0.9); color: #ffffff; font-size: 10px; font-weight: 500; padding: 4px 4px; line-height: 12px; border-radius: 2px; text-align: center; white-space: normal; max-width: 2em; word-break: break-all; word-wrap: break-word; letter-spacing: -0.5px; }
.slide-product-item .list .item a .img .ic-g { max-width: 2em; }
.slide-product-item .list .item a .img .ic-t-o { position: absolute; top: 8px; left: 8px; z-index: 5; background: rgba(255, 72, 0, 0.9); color: #ffffff; font-size: 10px; font-weight: 500; padding: 4px 4px; line-height: 12px; border-radius: 2px; text-align: center; white-space: normal; max-width: 2em; word-break: break-all; word-wrap: break-word; letter-spacing: -0.5px; }
.slide-product-item .list .item a .img [class^="ic-b-"] { position: absolute; bottom: 8px; left: 8px; z-index: 5; color: #ffffff; font-size: 10px; font-weight: 500; padding: 4px 4px; line-height: 12px; border-radius: 2px; text-align: center; white-space: normal; word-break: break-all; word-wrap: break-word; letter-spacing: -0.5px; }
.slide-product-item .list .item a .img .ic-b-o { background: rgba(255, 72, 0, 0.9); }
.slide-product-item .list .item a .img .ic-b-g { background: rgba(0, 128, 0, 0.9); }
.slide-product-item .list .item a .img .ic-b-p { background: #601986; }
.slide-product-item .list .item.soldout .img:after { content: "품절상품"; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-size: 12px; color: white; line-height: 19px; background: rgba(0,0,0,0.5); }
@media screen and (max-width:360px) { .product-item .list .item a .text .price del { margin-left: 3px; } .product-item .list .item a .text .price strong { margin-left: 6px; } }
@media screen and (max-width:320px) { .product-item .list .item a .text .price strong { display: none; } }
.slide-product-item .list .list-none { float: left; width: 100%; margin: 0 0 30px; padding: 56px 0 57px; text-align: center; font-size: 13px; color: #666; line-height: 19px; }
.slide-product-item .list .item .colorchips { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 3.5px; margin: -10px 0 5px 0; }
.slide-product-item .list .item .colorchips[data-align="right"] { justify-content: flex-end; }
.slide-product-item .list .item .colorchips .color { border: 1px solid #ccc; box-sizing: border-box; width: 10px; height: 10px; border-radius: 50%; }
.slide-product-item .list .item .colorchips[data-shape="square"] .color { width: 10px; height: 10px; border-radius: 0; }


/* horizon */
.horizonwrap{position:relative;overflow:hidden}
.horizonwrap .swipe{overflow:auto;-webkit-overflow-scrolling:touch;margin:0 0 -100px;padding:0 0 100px}
.horizonwrap .swipe .list{display:inline-block;vertical-align:top;white-space:nowrap;font-size:0}
.horizonwrap .swipe .list .item{display:inline-block;vertical-align:top}
.horizonwrap .swipe .list .item.horizonsample{width:150px;border-right:10px solid transparent}
.horizonwrap .swipe .list .item.horizonsample:first-child{border-left:20px solid transparent}
.horizonwrap .swipe .list .item.horizonsample:last-child{border-right:20px solid transparent}
.horizonwrap .swipe .list .item.horizonsample div{height:200px;text-align:center;font-size:20px;color:white;line-height:200px;font-weight:700;background:red}
.horizonwrap .bar{position:relative;overflow:hidden;width:100%;height:2px;margin:24px 0 0;box-sizing:border-box;border-left:20px solid transparent;border-right:20px solid transparent}
.horizonwrap .bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ededed}
.horizonwrap .bar .track{position:absolute;top:0;left:0;height:100%;background:#601986}

/* swpipe */
.gaessamzieFlick{clear:both;text-align:center}
.gaessamzieFlick:after{content:"";display:block;clear:both}
.gaessamzieFlick .gaessamzieFlickStage{z-index:1;text-align:left}
.gaessamzieFlick .gaessamzieFlickStage:after{content:"";display:block;clear:both}
.gaessamzieFlick .gaessamzieFlickStage .gaessamzieFlickItem{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.gaessamzieFlick .gaessamzieFlickIndicator{z-index:3;text-align:center;font-size:0;line-height:0}
.gaessamzieFlick .gaessamzieFlickIndicator li{display:inline-block;margin:0 4px;vertical-align:top;line-height:0}
.gaessamzieFlick .gaessamzieFlickIndicator li a{display:inline-block;overflow:hidden;width:7px;height:7px;vertical-align:top;text-indent:-9999px;border-radius:100%;background:#ccc}

/* layer popup */
#layerpopup{position:fixed;top:-9999px;left:20px;z-index:300;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:calc(100% - 40px);max-height:calc(100% - 40px);padding:26px;opacity:0;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);box-sizing:border-box;border:1px solid #ddd;background:white}
#layerpopup .content{position:relative}
#layerpopup .content h1{height:16px;margin:0 0 25px;text-align:left;font-size:16px;color:black;line-height:15px;font-weight:500}
#layerpopup .content .close-button{position:absolute;top:-8px;right:-8px;overflow:hidden;width:32px;height:32px;text-indent:-9999px;background:url(../imgs/global/close1.png) center center no-repeat;background-size:16px 16px}
#layerpopup .content .buttonwrap{margin:0 -5px 0 -6px;padding:14px 0 0}
#layerpopup .content .buttonwrap a,
#layerpopup .content .buttonwrap button{text-overflow:ellipsis;overflow:hidden;width:calc(50% - 11px);margin:11px 5px 0 6px;padding:7px 0 9px;white-space:nowrap;font-size:13px;line-height:17px}
#layerpopup .content .buttonwrap .wide{width:calc(100% - 11px)}
#layerpopup .content .detailhtml{clear:both;word-wrap:break-word;font-size:13px;color:#666;line-height:1.45}
#layerpopup .content .detailhtml table{max-width:100%}
#layerpopup .content .detailhtml iframe{width:100% !important;height:auto !important}

/* full layer popup */
#fulllayerpopup{position:fixed;top:0;left:0;z-index:300;width:100%;height:200%;-moz-transform:translate3d(0,-9999px,0);-webkit-transform:translate3d(0,-9999px,0);transform:translate3d(0,-9999px,0);box-sizing:border-box;background:white}
#fulllayerpopup.active{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#fulllayerpopup .scroll{position:absolute;top:0;left:0;z-index:1;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;height:50%;box-sizing:border-box;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:white}
#fulllayerpopup .scroll .content{position:absolute;top:0;left:0;width:100%;min-height:100%;padding:20px;box-sizing:border-box}
#fulllayerpopup .scroll .content h1{height:16px;margin:0 0 25px;text-align:left;font-size:16px;color:black;line-height:15px;font-weight:500}
#fulllayerpopup .scroll .content .close-button{position:absolute;top:12px;right:12px;overflow:hidden;width:32px;height:32px;text-indent:-9999px;background:url(../imgs/global/close1.png) center center no-repeat;background-size:16px 16px}
#fulllayerpopup .scroll .content .buttonwrap{margin:0 -5px 0 -6px;padding:14px 0 0}
#fulllayerpopup .scroll .content .buttonwrap a,
#fulllayerpopup .scroll .content .buttonwrap button{text-overflow:ellipsis;overflow:hidden;width:calc(50% - 11px);margin:11px 5px 0 6px;padding:7px 0 9px;white-space:nowrap;font-size:13px;line-height:17px}
#fulllayerpopup .scroll .content .buttonwrap .wide{width:calc(100% - 11px)}

/* alert, confirm */
#dialogpopup{position:fixed;top:-9999px;left:20px;z-index:400;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:calc(100% - 40px);max-height:calc(100% - 40px);padding:26px;opacity:0;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);box-sizing:border-box;border:1px solid #ddd;background:white}
#dialogpopup h1{display:flex;flex-direction:column;justify-content:center;min-height:90px;white-space:nowrap;text-align:center;font-size:13px;color:black;line-height:18px;font-weight:400}
#dialogpopup .close-button{position:absolute;top:18px;right:18px;overflow:hidden;width:32px;height:32px;text-indent:-9999px;background:url(../imgs/global/close1.png) center center no-repeat;background-size:16px 16px}
#dialogpopup .buttonwrap{margin:0 -5px 0 -6px;padding:0}
#dialogpopup .buttonwrap a,
#dialogpopup .buttonwrap button{text-overflow:ellipsis;overflow:hidden;width:calc(50% - 11px);margin:0 5px 0 6px;padding:7px 0 9px;white-space:nowrap;font-size:13px;line-height:17px}

/* dim */
#globaldim{position:fixed;top:-9999px;left:0;z-index:200;width:100%;height:200%;opacity:0;background:rgba(0,0,0,0.5)}
#globaldim.loading:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;background:url(/imgs/global/ajax_loader.gif) center center no-repeat;background-size:30px 30px}