@charset "UTF-8";

/* main layout 
============================================================================= */
/* position change */
.main-position-fixed {
    width: 1025px;
    margin: 0 auto;
}
.main-position-fixed.wide {
    width: 100%;
}
.main-position-change > ul {
    width: 1025px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    flex-flow: column nowrap;
}
.main-position-change > ul > li {
    padding: 0px 0px 10px;
}

.main-position-change > ul > li.position-1 {order: 1;}
.main-position-change > ul > li.position-2 {order: 2;}
.main-position-change > ul > li.position-3 {order: 3;}
.main-position-change > ul > li.position-4 {order: 4;}
.main-position-change > ul > li.position-5 {order: 5;}
.main-position-change > ul > li.position-6 {order: 6;}
.main-position-change > ul > li.position-7 {order: 7;}
.main-position-change > ul > li.position-8 {order: 8;}
.main-position-change > ul > li.position-9 {order: 9;}
.main-position-change > ul > li.position-10 {order: 10;}
.main-position-change > ul > li.position-11 {order: 11;}
.main-position-change > ul > li.position-12 {order: 12;}
.main-position-change > ul > li.position-13 {order: 13;}
.main-position-change > ul > li.position-14 {order: 14;}
.main-position-change > ul > li.position-15 {order: 15;}
.main-position-change > ul > li.position-16 {order: 16;}
.main-position-change > ul > li.position-17 {order: 17;}
.main-position-change > ul > li.position-18 {order: 18;}
.main-position-change > ul > li.position-19 {order: 19;}
.main-position-change > ul > li.position-20 {order: 20;}
.main-position-change > ul > li.position-21 {order: 21;}
.main-position-change > ul > li.position-22 {order: 22;}
.main-position-change > ul > li.position-23 {order: 23;}
.main-position-change > ul > li.position-24 {order: 24;}
.main-position-change > ul > li.position-25 {order: 25;}

/* banner -design */
.swiper-wide .swiper-slide {
    box-shadow: 5px 5px #f9f9f9;
	width:620px;
	overflow:hidden;
	border-radius: 6px 6px;
}

.swiper-wide .swiper-slide img {
    width:100%;
}

/* template banner */
.main-template-banner > ul > li {
    width:auto;
}

.main-template-banner.dday-banner > ul > li {
    width: 360px;
} 

.main-template-banner .wrap-template-banner {
    box-shadow: 5px 5px #f9f9f9;
	overflow:hidden;
	border-radius: 6px 6px;
	width:500px;
	padding-top: 100%;
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
}

.main-template-banner.dday-banner .wrap-template-banner {
    box-shadow: 5px 5px 5px rgb(2, 146, 172, 0.5);
}

.main-template-banner .wrap-template-banner .link {
    position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:block;
	z-index:5;
}

.main-template-banner .wrap-template-banner .banner-text {
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    padding: 25px;
	z-index:2;
	font-family:var(--font-noto-hiragino);
	background: linear-gradient(to bottom, rgb(0, 0, 0, 0), rgb(0, 0, 0, 0.4) 50%);
}

.main-template-banner .wrap-template-banner .banner-text .main-text {
	font-size: 26px;
	font-weight:600;
	letter-spacing: 0.05em;
}

.main-template-banner .wrap-template-banner .banner-text .sub-text {
	font-size: 15px;
	line-height:1.5em;
	letter-spacing: 0.05em;
	padding: 5px 0px 0px;
}

/* timesale title */
.timesale-title { 
    position: relative; 
    display: -webkit-flex; 
    display: flex; 
    align-items: center;
    height: 60px;
    padding: 0 18px; 
}

.timesale-title h3 {
    color: #444; 
    font-size: 18px;
	padding:0px 16px 0px 42px;
	height:30px;
	line-height:30px;
	background:#fff url(/resources/images/icon/ico_clock.svg) no-repeat left center / 32px auto; 
}

.timesale-title .time-count {
    display:inline-block;
	width:180px;
	height:30px;
	line-height:30px;
	background-color:#99c65d;
	text-align:center;
	color: #fff; 
    font-size: 16px;
	font-weight:500;
	border-radius: 15px 15px;

}

/* heading title */
.prod-title { 
    position: relative; 
    display: -webkit-flex; 
    display: flex; 
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 18px; 
}

.prod-title.pt-2-line{
    height: auto;
    padding: 20px 18px 20px;
}

.prod-title .prod-title-2line {
    display: -webkit-flex; 
    display: flex; 
	flex-flow: column wrap;
}

.prod-title h3 { 
    color: #444; 
    font-size: 18px; 
}
.prod-title > span {
    color: #999;
}

.prod-title .sub-text {
    font-size:14px;
	color:#999;
	padding:0px 0px 0px;
	display:inline-block;
}

.prod-title .btn-more-t {
    display: -webkit-flex; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    position: absolute; 
    right: 15px; 
    height: inherit; 
	font-size:15px;
	font-weight:500;
	color:#6699cc;
}
.prod-title .btn-more {
    display: -webkit-flex; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    position: absolute; 
    right: 0; 
    width: 50px; 
    height: inherit; 
    text-indent: -9999px; 
    overflow: hidden; 
}
.prod-title .btn-more:after { 
    content: ''; 
    display: block; 
    width: 10px; 
    height: 10px; 
    border-left: 2px solid #333; 
    border-top: 2px solid #333; 
    transform: rotate(135deg);
}

/* sub title */
.sub-title {
    margin: 15px 16px;
    font-size: 14px;
}
.sub-title > strong {
    display: block;
    margin-bottom: 2px;
}
.sub-title .ico {
    margin-right: 6px;
    vertical-align: -3px;
}
.sub-title h2 {
    display: inline-block;
    vertical-align: middle;
}
.sub-title h2 ~ * {
    margin-left: 6px;
}

.sub-title.type-2 > strong {
    font-size:20px;
}
.sub-title.type-2 h2 {
    color: #999;
	font-size:13px;
	font-weight:normal;
}

.detail-title {
    font-size: 18px;
    text-align: center;
    margin: 30px auto 10px;
    font-weight: 300;
    color: #333;
}

.detail-title.title-left {
    text-align: left;
    margin: 30px 15px 10px;
}

.sub-title-pic img {
    width:100%;
}

.detail-title-2 {
    margin: 20px 16px 10px;
    font-size: 16px;
}

/* notice-title */
.notice-title {
	width:100%;
}

.notice-title > dl {
    display: -webkit-flex;
    display: flex;
}

.notice-title > dl > dt {
	padding:0px 8px 0px 0px;
    display: -webkit-flex;
    display: flex;
	align-items: stretch;
}

.notice-title > dl > dd {
    display: -webkit-flex;
    display: flex;
	align-items: center;
    font-size: 14px;
    text-align: left;
    color: #333;
}

.notice-title .ico-speaker {
    display:inline-block;
	width:22px;
	height:22px;
	background: url(/resources/images/icon/ico_speaker.svg) no-repeat left center / 20px auto; 
}

.notice-wrap .notice-type1 {
    font-size:13px;
	line-height:1.4em;
	color:#666;
	font-weight:600;
}

.notice-wrap .question-ico{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: #fff url(/resources/images/icon/ico_question.svg) no-repeat center center/100%;
	margin-left:6px;
}

/* product list layout 
============================================================================= */
/* thumbnail master */

.thumbnail-master-wrap {
	width: 100%;
	padding:0px 10px;
}

.thumbnail-master-wrap > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start; 
    align-items: flex-start;
    flex-flow: row wrap;
	margin:0px -10px; 
}

.thumbnail-master-wrap > ul > li {
    width: 20%;
	padding:0px 10px;   
}

.thumbnail-master-wrap .prod-item {
    width: 100%;        
    margin-bottom: 60px;
}

/* thumbnail swiper master */
.swiper-container .product-list.master {
    margin-left: -1px;
    margin-right: -1px;
    flex-flow: row nowrap;
	width:auto;
}
.swiper-container .product-list.master > li {    
    width: 13.6%;
    padding: 0 1px;
}
.swiper-container .product-list.master .prod-item {
    width: 100%;     
	margin-bottom: 8px;
}

.swiper-grid-product-list {
    width: 100%;
    height: 519px;
}

.swiper-container.swiper-grid-product-list .swiper-wrapper.product-list.master {
    flex-flow: column wrap;
}

.swiper-grid-product-list .swiper-wrapper.master .swiper-slide {
    width: 138.3px;
    height: calc((519px - 0px) / 2) !important;
}

/* thumbnail-wrap */

.thumbnail-wrap {
	width: 100%;
	padding:0px 15px;
}

.thumbnail-wrap-zero {
    width: 100%;
}

.thumbnail-wrap-ps5 {
	width: 100%;
	padding:0px 5px;
}

.product-list {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start; 
    align-items: flex-start;
}

/* col-1 */
.product-list.column-1 {
    flex-flow: column wrap; 
}
.product-list.column-1 > li {    
    width: 100%;    
}

.product-list.column-1-line { 
    flex-flow: column wrap; 
}

.product-list.column-1-line > li { 
    width:100%;
	border-bottom:solid 1px #eee;
}

.product-list.column-1-ps5 {
    flex-flow: column wrap;
}
.product-list.column-1-ps5 > li {    
    width: 100%;
	padding:0px 5px;    
}

/* col-2 */
.product-list.column-2 {
    flex-flow: row wrap;
	margin:0px -4px;
}
.product-list.column-2 > li {    
    width: 50%;
	padding:0px 4px;    
}

.product-list.column-2-ps5 {
    flex-flow: row wrap;
}
.product-list.column-2-ps5 > li {    
    width: 50%;
	padding:0px 5px;    
}

.product-list.column-2 .prod-item {
    width: 100%;        
    margin-bottom: 30px;
}

/* col-3 */
.product-list.column-3 {
    margin-left: -0.5px;
    margin-right: -0.5px;
    flex-flow: row wrap;
	width:100%; 
}
.product-list.column-3 > li {    
    width: 33.33%;
    padding: 0 0.5px;
}
.product-list.column-3 .prod-item {
    width: 100%;     
	margin-bottom: 20px;
}


.swiper-container .product-list.column-3 {
    margin-left: -0.5px;
    margin-right: -0.5px;
    flex-flow: row nowrap;
	width:auto;
}
.swiper-container .product-list.column-3 > li {    
    width: 33.33%;
    padding: 0 0.5px;
}
.swiper-container .product-list.column-3 .prod-item {
    width: 100%;     
	margin-bottom: 8px;
}

/* main best brand */
.swiper-brand-rank > ul > li {
    width: 126px;
    margin-right: 25px;
}

.swiper-brand-rank .brand-rank-thum {
    width: 100%;
}

.swiper-brand-rank .brand-rank-thum a {
    display: block;
    position: relative;
    width: 126px;
    height: 126px;
    overflow: hidden;
    z-index: 1;
    border-radius: 100%;
    border: solid 4px #fff;
    box-shadow: 0px 2px 7px 2px rgb(0 0 0 / 6%);
}

.swiper-brand-rank .brand-rank-thum a i {
    z-index: 3;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.swiper-brand-rank .brand-rank-thum a span {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 0px 0px 0px;
}

.swiper-brand-rank .brand-rank-thum p {
    text-align: center;
    font-size: 12px;
    padding: 10px 0px 0px 0px;
}

/* 상품 이미지 */
.prod-item .item-pic {
    position: relative;
    width: 100%;
}
.prod-item .item-pic > a {
    position: relative;
    display: block;
    width: 100%;
}

.prod-item .item-pic.on > a {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 127%;
    overflow: hidden;
}

.prod-item .item-pic img {
    width: 100%;

}

.prod-item .item-pic.on img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* 상품 이미지 라운드 */
.product-img-radius .prod-item .item-pic a {
    border-radius: 15px;
}
.product-img-radius.column-1 {
    margin-left: -4px;
    margin-right: -4px;
}
.product-img-radius.product-list.column-2 .prod-item {
    margin-bottom: 8px;
}

/* 랭킹 순서 */
.prod-item .rank-cnt {
    display: none;    
    position: absolute;
    top: 0;
    left: 0;    
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    background: #111;
    background: rgba(0, 0, 0, 0.5);
}
.prod-item .rank-cnt.on {
    display: block;
}


/* 상품 정보 안내 */
.prod-item .item-desc {
    margin: 10px 3px 0;
    text-align: left;
    line-height: 1;
}
.prod-item .item-brand a, 
.prod-item .item-name {
	width:100%;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	display: block;
}

.prod-item .item-name.line2{
    width: 100%;
    word-wrap: break-word;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
	line-height:1.3em;
}

.prod-item .item-brand {
    margin-bottom: 5px;
}
.prod-item .item-brand a {
    color: #888;
    font-size: 11px;
    font-weight: 600;
}
.prod-item .item-name {
    color: #777;
    font-size: 12px;
	line-height:1.2em;
}

.prod-item .item-gift span {
    color: #ff0000;
    font-size: 11px;
	padding:0px 0px 3px;
	display:inline-block;
	text-align:left;
}

.prod-item .item-color {
    display: none;
    margin-top: 8px;
	margin-left: 1px;
    line-height: 14px;
}
.prod-item .item-color.on {
    display: block;
}
.prod-item .item-color .chk-xs {
    margin-right: 4px;
}
.prod-item .item-price {
    margin-top: 9px;
    color: #888; 
    font-size: 14px;
    font-weight: 700;   
}
.prod-item .item-price b {
    color: #ff3333;
}
.prod-item .item-price .sale-price {
    color: #ff3333;
    font-weight: 600;
}
.prod-item .item-cart {
    margin-top: 12px;
}

.prod-item .item-cart button{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    font-size: 12px;
    color: #333;
    height: 22px;
    width: 100%;
}

.prod-item .item-cart button i{
    display: block;
    width: 22px;
    height: 22px;
    margin: 0px 5px 0px 0px;
    border-radius: 100%;
    background:#7ed5ff url(/resources/images/icon/ico_cart_w.svg) no-repeat center center / 14px auto;
}
.prod-item .item-badge {
    margin-top: 9px;
}
.prod-item .item-badge span {
    display: inline-block;
    height: 16px;    
    padding: 0 5px;
    margin-right: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    line-height: 16px;
    vertical-align: middle;
}
.prod-item .item-delivery {
    margin-top: 12px;
    font-size: 12px;
    color: #CC99CC;
}

/* 상품 정보 안내 - small */
.prod-item .item-desc.sm .item-name {
    font-size: 11px;
}
.prod-item .item-desc.sm .item-price {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 500; 
}

/* 최저가 아이콘 */
.prod-item .thumbnail_icon {
    z-index:11;
	display:block;
	position:absolute;  
	left:0px;
	bottom:0px;
	max-width:100%;
	padding:0px 8px;
	height:22px;
	line-height:22px;
	margin:0px 40px 0px 0px;
	color:#FFF;
	font-size:11px;
	font-weight:400;
	letter-spacing:0.05em;
	font-family:var(--font-noto-hiragino);
}
.prod-item .thumbnail_icon.emblem_red {background: rgba(238, 82, 82, 0.9);}
.prod-item .thumbnail_icon.emblem_orange {background: rgba(248, 152, 101, 0.9);}
.prod-item .thumbnail_icon.emblem_blue {background: rgba(109, 141, 246, 0.9);}
.prod-item .thumbnail_icon.emblem_green {background: rgba(134, 208, 74, 0.9);}

/* 동영상 아이템 */
.prod-item .thumbnail_movie_icon {
    z-index:11;
	position:absolute;  
	left:9px;
	bottom:9px;
	width:20px; 
	height:20px; 
	border:solid 1px #FFFFFF; 
	border-radius: 100%;
	background:url(/images/icon/pic_movie_icon.svg) no-repeat;
	background-position:6px 50%;
	background-size:8px;
	box-shadow : 1px 1px 3px -1px rgba(0, 0, 0, 0.7);
}

/* 찜하기 - heart */
.prod-item .thumbnail_zzim_bt {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    background: url(/resources/images/icon/ico_like.svg?v=7) center center/22px no-repeat;
    cursor: pointer;
    z-index: 10;
	width:38px;
	height:38px;
}
.prod-item .thumbnail_zzim_bt.on {
    background-image: url(/resources/images/icon/ico_like_on.svg?v=9);
}

/* 상품 checked */
.prod-item .item-chk {
    display: none;
}
.prod-item .item-chk.on {
    display: block;
}
.prod-item .item-chk .btn-chk {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    background: url(/resources/images/icon/ico_zzim_chk.svg) center center/22px no-repeat;
    cursor: pointer;
    z-index: 10;
}
.prod-item .item-chk .checked {
    background: url(/resources/images/icon/ico_zzim_chked.svg) center center/22px no-repeat;
}
.prod-item .item-chk .disable {
    background: url(/resources/images/icon/ico_zzim_disable.svg) center center/22px no-repeat;
}



/* product thumbnail wrap */
.product-thumbnail-list {
    padding: 5px 0px 0px 0px;
}
.product-slide-list {
    position: relative;
    padding: 5px 0px 5px 0px;
}
.product-slide-list.line-thin:before {
    top: -5px;
}


.product-slide-list .product-swiper-wrap {
    padding: 0 0 30px 10px;
}

.product-slide-list .brand-swiper-wrap {
    padding: 0 0 10px 10px;
}



.line-thick + .product-slide-list { 
    margin-top: 5px;
}

/* product thumbnail multiplex */
.thumbnail-multiplex {
    margin: 0 15px;
}
.thumbnail-multiplex .thumb-main {
    margin-bottom: 1px;
}


/* 검색필터 
============================================================================= */
/* check 아이콘 */
.ico-chk { 
    position: relative; 
    margin-right: 6px; 
    vertical-align: middle; 
    background: #e9e9e9;
}
.ico-chk:after { 
    content: ''; 
    position: absolute; 
    right: 50%; 
    border-right: 2px solid #fff; 
    border-bottom: 2px solid #fff; 
    transform: translateX(50%) rotate(45deg); 
}

/* check 아이콘 사이즈 */
.chk-xs { 
    display: inline-block;
    width: 8px; 
    height: 8px; 
    border-radius: 100%; 
    border: 1px solid transparent;
}
.chk-sm { 
    display: inline-block;
    width: 22px; 
    height: 22px; 
    border-radius: 100%; 
    border: 1px solid transparent;
}
.chk-sm:after { 
    top: 4px; 
    width: 6px; 
    height: 10px; 
}
.chk-md { 
    display: inline-block; 
    width: 26px; 
    height: 26px; 
    border-radius: 100%; 
    border: 1px solid transparent;
}
.chk-md:after { 
    top: 4px; 
    width: 8px; 
    height: 13px; 
    border-color: transparent; 
}

/* check 아이콘 Modifier */
.btn-check.on .chk-sm { background: #ff8a8a; }
.color-check.on { color: #111; }
.color-check.on .chk-md:after { border-color: #fff; }
.color-check.on .c-white:after { border-color: #000; }

.salerate-check.on { color: #111; }
.salerate-check.on .chk-md:after { border-color: #fff; }
.salerate-check.on .c-white:after { border-color: #000; }

/* 컬러표 */
.c-white { background: #fff!important; border-color: #ccc!important;}
.c-black { background: #000!important; }
.c-beige { background: #cdb186!important; }
.c-gray { background: #a7a7a7!important; }
.c-brown { background: #883d00!important; }
.c-red { background: #ff3d3d!important; }
.c-orange { background: #ff9000!important; }
.c-yellow { background: #ffda25!important; }
.c-pink { background: #ff8ed6!important; }
.c-mint { background: #00c7b0!important; }
.c-green { background: #007b12!important; }
.c-blue { background: #5b81ff!important; }
.c-navy { background: #253380!important; }
.c-purple { background: #652d98!important; }
.c-gold { border:0; background: url(/resources/images/color/gold.png) no-repeat center center/100% auto; }
.c-silver { border:0; background: url(/resources/images/color/silver.png) no-repeat center center/100% auto; }
.c-multi { border:0; background: url(/resources/images/color/multi.png) no-repeat center center/100% auto; }



/* gnb tab 메뉴  */
.gnb-tab {
	margin: 10px 0px 25px 0px;
	border-radius: 6px;
	background: #f3f3f3;
	height: 3.3rem;
}
.gnb-tab ul {
    position: relative;
	display: flex;
    flex-flow: row nowrap;
	font-size: 16px;
}
.gnb-tab li,
.gnb-tab li > a {
    flex: 1;
	display: flex;
    align-items: center;
    justify-content: center;
	height: 3.3rem;
}
.gnb-tab li {
    z-index: 2;
}
.gnb-tab li > a, .gnb-tab li > button {	
	color: #a5a5a5;
    font-weight: 600;
}
.gnb-tab li.active > a, .gnb-tab li.active > button {
	color: #333;
} 
.gnb-tab .underline {
	position: absolute;
    left: 0;
	height: 3.3rem;
	width: 50%;
	border: 1px solid #888888;
	border-radius: 6px;
	background: #fff;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.gnb-tab .tab-2.active ~ .underline {
	left: 50%;
}

.gnb-tab.column3 .underline {
	width: 33.33%;
}
.gnb-tab.column3 .tab-2.active ~ .underline {
	left: 33.33%;
}

.gnb-tab.column3 .tab-3.active ~ .underline {
	left: 66.66%;
}

.gnb-tab.column4 .underline {
	width: 25%;
}

.gnb-tab.column4 .tab-2.active ~ .underline {
	left: 25%;
}

.gnb-tab.column4 .tab-3.active ~ .underline {
	left: 50%;
}

.gnb-tab.column4 .tab-4.active ~ .underline {
	left: 75%;
}

/* gnb tab type2 메뉴  */
.gnb-tab-type2 {
	padding:0px 8px;
	height:54px;
	border-radius: 31px;
	background: #fff;
	border:solid 1px #ddd;
	display: flex;
	align-items: center;
}
.gnb-tab-type2 ul {
    position: relative;
	display: flex;
	width:100%;
    flex-flow: row nowrap;
	font-size: 16px;
	height:38px;
}
.gnb-tab-type2 li,
.gnb-tab-type2 li > a {
    flex: 1;
	display: flex;
    align-items: center;
    justify-content: center;
	height: 38px;
}
.gnb-tab-type2 li {
    z-index: 2;
}
.gnb-tab-type2 li > a {	
	color: #111;
    font-weight: 600;
}
.gnb-tab-type2 li.active > a {
	color: #fff;
}
.gnb-tab-type2 .underline {
	position: absolute;
    left: 0;
	width: 50%;
	height: 38px;
	border-radius: 19px;
	background: linear-gradient(90deg, rgba(127,167,244,1) 0%, rgba(183,130,246,1) 100%);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.gnb-tab-type2 .tab-2.active ~ .underline {
	left: 50%;
}

.gnb-tab-type2.column3 .underline {
	width: 33.33%;
}

.gnb-tab-type2.column3 .tab-2.active ~ .underline {
	left: 33.33%;
}

.gnb-tab-type2.column3 .tab-3.active ~ .underline {
	left: 66.66%;
}

.gnb-tab-type2.column4 .underline {
	width: 25%;
}

.gnb-tab-type2.column4 .tab-2.active ~ .underline {
	left: 25%;
}

.gnb-tab-type2.column4 .tab-3.active ~ .underline {
	left: 50%;
}

.gnb-tab-type2.column4 .tab-4.active ~ .underline {
	left: 75%;
}

/* 메인 사이트 메뉴 적용후 삭제  */
.gnb-sort > ul{
	flex-flow: row nowrap;
	display: flex;
	display: -webkit-flex;
	margin:0px -5px;
}

.gnb-sort > ul > li {
    flex:1;
	padding:0px 5px;
}
.gnb-sort > ul > li a {
	display: flex;
	display: -webkit-flex;
    align-items: center;
    justify-content: center;
	width:100%;
	height:46px;
	border:solid 1px #ddd;
	border-radius:23px 23px;
	background-color:#f5f5f5;
	font-size:14px;
	font-weight:600;
	color:#111;
	line-height:1.0em;
}
.gnb-sort > ul > li a.active  {
    background: linear-gradient(145deg, rgba(127,167,244,1) 0%, rgba(183,130,246,1) 100%);
	border:solid 0px #ddd;
	color:#fff;
}

/* 메인 사이트 메뉴 적용후 삭제  */

/* 상세페이지 gnb tab 메뉴 상세페이지 리뉴얼후 삭제 */

.anchor-gnb-tab .anchor-gnb { 
    position:relative;
	z-index:2;
	width:100%;
	border-bottom:1px solid #e8e8e8;
	*zoom:1;
}

.anchor-gnb-tab .anchor-gnb ul {
    display: -webkit-flex;
    display: flex;
	flex-flow: row wrap;
	font-size:16px;
}

.anchor-gnb-tab .anchor-gnb > ul > li {
  flex:1;
  height:55px;
}

.anchor-gnb-tab .anchor-gnb > ul > li:first-child a {margin-left:0;}

.anchor-gnb-tab .anchor-gnb > ul > li a {
    display:block;
	position:relative;
	margin-left:-1px;
	border:1px solid #e8e8e8;
	border-bottom-width:0; 
	height:55px;
	line-height:55px;
	background-color:#f7f7f7;
	text-align:center;
}

.anchor-gnb-tab .anchor-gnb > ul > li.on a{
	z-index:3;
	background:#FFFFFF;
	height:55px;
	border-color:#e8e8e8;
}
/* 상세페이지 gnb tab 메뉴 상세페이지 리뉴얼후 삭제 */

/* 상세페이지 gnb tab */
.goodview-gnb-tab {
    border-bottom:1px solid #cacaca;
    height: 45px;
    z-index:1;
}
.goodview-gnb-tab .goodview-tab {
    z-index:2;
}
.goodview-gnb-tab .goodview-tab > ul > li {
    height:45px;
    width: 103px; 
  }

  .goodview-gnb-tab .goodview-tab > ul > li + li {
    margin: 0px 0px 0px -1px;
    width: 104px; 
  }

  .goodview-gnb-tab .goodview-tab > ul > li a {
    display:block;
	height:45px;
    width: 100%;
	line-height:45px;
	background-color:#f5f5f5;
	text-align:center;
    border:1px solid #cacaca;
}

.goodview-gnb-tab .goodview-tab > ul > li.active a{
	background:#FFFFFF;
    border-bottom-width:0px;
}

/* 카트 지연배송 탭  */
.snb-cart {
    max-width:100% !important; 
	margin:30px auto;
}

/* snb tab 메뉴  */
.snb-tab {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    margin: 8px 0 20px;
}
.snb-tab:after {
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    border-bottom: 1px solid #eee;
}
.snb-tab > a {
    position: relative;
    flex: 1;
	display: flex;
    align-items: center;
    justify-content: center;
	height: 2.5rem;
    color: #999;
    font-size: 14px;
    font-weight: 600;
}
.snb-tab .on {
    color: #222;
}
.snb-tab .on:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #000;
}

/* snb 메뉴 */
.snb-menu {
    margin: 15px 0;
    padding: 0 9px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.snb-menu a {
    display: flex;
    align-items: center;
    width: auto;   
    height: 30px;    
    padding: 0 7px;
    margin: 0 5px;
    color: #a5a5a5;
    font-size: 15px;
    font-weight: 600;
}
.snb-menu .on {   
    color: #fff;
    border-radius: 4px;
    background: #000;
}

/* main-cate 메뉴 */
.cate-area {
    position:relative;
	height:52px;
	
}

.main-cate {
    height: 52px;
    background: #f9f9f9;
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
	
}
.main-cate .swiper-slide {
    width: auto;    
    padding: 0 10px 0 20px;
    color: #444;
    font-size: 14px;
    font-weight: 500;
    line-height: 3rem;
}
.main-cate .swiper-slide:last-child {
    padding: 0 50px 0 15px;
}
.main-cate .swiper-slide .title {
    display:inline;
	color:#FFF;
    font-size: 13px;
    font-weight: 500;
	background: linear-gradient(90deg, rgba(127,167,244,1) 0%, rgba(183,130,246,1) 100%);
    line-height: 1.8em;
	border-radius:0.9em;
	padding:0px 12px;
}
.main-cate .on {
    color: #d6122e;
}

/* swiper-main-ico-cate 메뉴 */
.swiper-ico-cate {
    width: 100%;
	height:100%;
    margin-left: auto;
    margin-right: auto;
	padding: 15px 0px 20px 0px;
}

.swiper-ico-cate > ul {
	box-sizing: content-box;
}

.swiper-ico-cate > ul > li {
        text-align: center;
		width:90px;
}

.swiper-ico-cate .ico-bt {
    display:block;
    width: 100%;
}

.swiper-ico-cate .ico-bt i {
    display:block;
    width: 100%;
    height: 42px;
}
.swiper-ico-cate .ico-bt i img{ width:42px;}
.swiper-ico-cate .ico-bt.shop i img{ border-radius: 100%;}
.swiper-ico-cate.keyword .ico-bt i {
    height: 46px;
}

.swiper-ico-cate.keyword .ico-bt i img { width: 46px;}
.swiper-ico-cate.big .ico-bt i {
    height: 50px;
}
.swiper-ico-cate.big .ico-bt i img{ width:50px;}



.swiper-ico-cate .ico-bt span {
    display:block; 
    text-align:center;
	 width:100%;
	 font-size:13px;
     font-weight: 400;
	 padding:7px 5px 0px;
}
.swiper-ico-cate .ico-bt.shop span.bold {
    font-weight: 600;
}

.swiper-ico-cate.keyword .ico-bt span.on {
    color: #fa5e62;
}

/* seo sub-cate 메뉴 */
.seo-sub-cate {
    padding: 18px 0 18px 12px;
}

.seo-sub-cate > ul > li {
    width: auto;
    margin-right: 10px;
}

.seo-sub-cate .seo-sub-bt {
    display:inline-block;
	width:auto;
	height: 28px;
    line-height: 28px;
    padding: 0 10px;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #eee;
    border-radius: 20px;
}
.seo-sub-cate .seo-sub-bt.on{
    color: #fff;
    background: #666;
    border: 1px solid #666;
}

/* sub-cate 메뉴 */
.sub-cate {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    padding: 18px 0 18px 12px;
}
.sub-cate:after {
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    border-bottom: 0px solid #eee;
}
.sub-cate a {
    width: auto;   
    height: 28px;
    line-height: 28px; 
    padding: 0 10px;
    margin-right: 10px;
    color: #333;
    font-size: 12px;
    font-weight: 400;   
    border: 1px solid #eee;
    border-radius: 20px;
}
.sub-cate .on {
    color: #fff;    
    background: #666;
    border: 1px solid #666;
}
.sub-cate.depth .on {
    color: #fff;    
    background: #222;    
}

/* sub 메뉴 */
.sub-menu {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 20px 0 ;
    overflow: hidden;
}
.sub-menu a {
    width: auto;
    padding: 0 25px 0 12px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}
.sub-menu .on {
    color: #222;
    font-weight: 600;
}
.sub-menu2 {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 25px 0 10px 0 ;
    overflow: hidden;
}
.sub-menu2 a {
    width: auto;
    padding: 0 15px 0 20px;
    color: #a5a5a5;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.sub-menu2 .on {
    color: #222;
}

/* MAIN SHOP_브랜드 페이지 이동 메뉴  */
.main-shop-wrap {
	padding:36px 0px 36px 14px;
}
.main-shop-menu { 
    width:100%; 
}
.main-shop-menu > ul > li a{ display:block;}

.main-shop-menu .shop-icon {
    width: 100%;
    position: relative;
	display:flex;
	flex-direction: column;
	align-items: flex-start
}
.main-shop-menu .shop-img {
    width:100%;
	border:solid 1px #eee;
	border-radius: 5px 5px;
	overflow:hidden;
}

.main-shop-menu .shop-img img{ width:100%;}

.main-shop-menu .shop-name {
    padding:10px 0px 0px 0px;
	font-size:14px; 
	font-weight:600; 
	color:#444;
	text-align:center;
	width:100%;
}
/* menu design type 메인페이지 리뉴얼후 삭제
============================================================================= */
.main-site-menu {
    padding: 20px 5px;
}
.main-site-menu > ul {
	display: flex;
	display: -webkit-flex;
    flex-flow: row nowrap;
    margin: 0px -5px;
}

.main-site-menu > ul > li {
    width: 33.33%;
    padding: 0px 5px;
}

.main-site-menu .site-bt {
    display: block;
}

.main-site-menu .site-info {
	display: flex;
	display: -webkit-flex;
    flex-flow: row nowrap;
    align-items: center;
    border: solid 1px #ddd;
    background-color: #fff;
    box-shadow: 0px 2px 7px 2px rgb(0 0 0 / 6%);
    border-radius: 0.4em;
    padding: 17px 20px;
    position: relative;
}

.main-site-menu .site-info::after {
    content: '';
    width: 14px;
    height: 14px;
    border-top: 2px solid #b2b2b2;
    border-right: 2px solid #b2b2b2;
    transform: rotate(45deg);
    position: absolute;
    right: 23px;
    top: 50%;
    margin-top: -6px;

}

.main-site-menu .site-info .site-ico {
    display: block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    min-width: 25px;
    border-radius: 100%;
}

.main-site-menu .site-info .site-text {
    margin: 0px 0px 0px 20px;
    flex-grow: 1;
}

.main-site-menu .site-info .site-text span {
    display: block;
    width: 100%;
    line-height: 1.0em;
    white-space:nowrap;
}
.main-site-menu .site-info .site-text .name {
    font-size: 15px;
    font-weight: 600;
}
.main-site-menu .site-info .site-text .sub {
    font-size: 13px;
    padding: 5px 0px 0px 0px;
}
.main-site-menu .site-info .site-text .concept {
    font-size: 13px;
    padding: 4px 0px 0px 0px;
    letter-spacing : -0.07em;
}
/* menu design type 메인페이지 리뉴얼후 삭제
============================================================================= */

/* 메인 페이지 샵 이동 메뉴  */
.wrap-mainpage-shop-menu {
    padding:20px 5px 20px 5px;
    width: 1025px;
    margin: 0 auto;
}

.mainpage-shop-menu > ul > li {
    width: 200px;
}

.mainpage-shop-menu a {
    display: block;
    width: 100%;
}

.mainpage-shop-menu .shop-bt {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
    align-items: center;
}

.mainpage-shop-menu .shop-bt .shop-img {
    display: block;
    width: 70px;
    overflow: hidden;
    border-radius: 1.2em;
}

.mainpage-shop-menu .shop-bt .shop-info {
    flex: 1;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    padding: 0px 0px 0px 15px;
}

.mainpage-shop-menu .shop-bt .shop-info .name {
    font-size: 14px;
    font-weight: 600;
}
.mainpage-shop-menu .shop-bt .shop-info span {
    line-height: 1.0em;
}
.mainpage-shop-menu .shop-bt .shop-info span + span {
    font-size: 12px;
    padding: 5px 0px 0px 0px;
}

/* 검색페이지 메뉴  */
.search-menu {
    position: relative;
    width:100%;
	padding:10px 0px 0px;
	z-index: 1;
    display: -webkit-flex;
    display: flex;
}
.search-menu:after {
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    border-bottom: 1px solid #eee;
}

.search-menu a {
    flex:1;
    color: #111;
    font-size: 14px;
    font-weight: 500;
    line-height: 2.6rem;
}

.search-menu span {
	position: relative;
	display:block;
	height: 100%;
	width:100%;
	color:#777;
	font-size:15px;
    text-align: center;
}

.search-menu .on {
    color: #000;
    font-weight: 700;
}
.search-menu .on:after {
content: ' ';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #000;
}

.search-fliter-area { 
	align-items: center; 
}
.search-fliter-area > li { 
    width: auto; 
	padding: 15px 10px; 
}
.search-fliter-area button { 
    cursor: pointer; 
	color: #111; 
	font-size: 13px; 
	font-weight: 500; 
	font-family: 'Hero New','Noto Sans JP',sans-serif; 
}
.btn-select { 
    padding: 0px 20px 0px 6px; 
	background: #fff url(/resources/images/common/ico_select_arr_dark.svg) no-repeat right center/11px;
}


/* 검색페이지 z컬러팝업창  */
.search-color-pop .modal-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10001;
    cursor: pointer;
}
.search-color-pop .modal-content {
    position: fixed;
    left: 50%;
    top: 50%;
	transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    max-width: 450px;
    background-color: #FFFFFF;
    overflow-x: hidden;
    z-index: 10002;
}

.search-color-pop .modal-content .modal-header {
    position: fixed;
	top:0px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 450px;
    height: 50px;
    padding: 0 15px;
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    z-index: 2;
}

@media only screen and (min-width: 10025px) {
.search-color-pop .modal-content {
    max-width: 1025px;
}

.search-color-pop .modal-content .modal-header {
    max-width: 1025px;
}
}


.search-color-pop .modal-content  h4 {
    flex: 1;
    color: #111;
    font-size: 16px;
    font-weight: 600;
}

.search-color-pop .modal-content .modal-close {
    display: block;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 18px;
    height: 18px;
    background: url(/resources/images/common/ico_close_b.svg) no-repeat center center/18px auto;
    cursor: pointer;
    z-index: 3;
}

.search-color-pop .modal-content .modal-body {
    padding: 65px 15px 15px;
	overflow-y: auto;
	max-height:100%;
    z-index: 1;
}

.search-color-pop .modal-content .color-check-area {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 70px;
}

.search-color-pop .modal-content .color-check-area > button {
    display: flex;
    align-items: center;
    width: 50%;
    padding: 12px 10px;
    cursor: pointer;
    color: #999;
    font-size: 13px;
    font-weight: 500;
    z-index: 2;
}

.search-color-pop .modal-content .salerate-check-area {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 70px;
}

.search-color-pop .modal-content .salerate-check-area > button {
    display: flex;
    align-items: center;
    width: 50%;
    padding: 12px 10px;
    cursor: pointer;
    color: #999;
    font-size: 13px;
    font-weight: 500;
    z-index: 2;
}

.search-color-pop .modal-content .modal-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: #efefef;
}

.search-color-pop .modal-content  .btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-color-pop .modal-content .btn-group * {
    flex: 1;
}

.search-color-pop .modal-content .btn-group > button:not(:first-child) {
    margin-left: 10px;
}

.search-color-pop .modal-content .btn-group i {
    margin-right: 7px;
}

.search-color-pop .modal-content .btn-group * {
    flex: 1;
}

.ico-reload {
    width: 20px;
    height: 20px;
    background: url(/resources/images/icon/ico_reload.png) no-repeat center right/16px auto;
}

.ico-search {
    width: 20px;
    height: 20px;
    background: url(/resources/images/icon/ico_search.png) no-repeat center right/16px auto;
}

/* shop main design 
============================================================================= */

/* 신규 샵 정보 */
.shop-new-wrap {
    position: relative;
    padding: 25px 0px 35px 0px;
}

.shop-new-wrap .shop-swiper-wrap {
    padding: 0 0 0 15px;
}

.shop-new-wrap .swiper-slide {
    width:92px;
	margin: 0px 14px; 
}
.shop-new-wrap .shop-new {
	width:100%;
}
.shop-new .thumb {
    display: block;
    width: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.shop-new .thumb .figure {
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.shop-new .thumb .figure > p {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.shop-new .txt {
    display: flex;
    flex-direction: column;
    margin-top: 6px;
    text-align: center;
    color: #333;
}
.shop-new .txt span {   
    color: #555;
}

/* 샵 리스트 */
.search-shop-list {
    position: relative;
}

.search-shop-list h3 {
    padding: 20px 20px 15px;
    font-size: 14px;
    color: #111;
    font-weight: 600;
    text-align: left;
}

.search-shop-list > .shop-list { 
    border-bottom: 1px solid #eee; 
}

.shop-list-wrap {
    position: relative;
}

.shop-list-wrap > .shop-list + .shop-list { 
    border-top: 1px solid #eee; 
}
.shop-list { 
    display: flex;
    display: -webkit-flex; 
    align-items: center; 
    justify-content: space-between; 
    padding: 30px 15px; 
}

.shop-list .shop-list-column {
	flex:1;
}

.shop-list .shop-list-column .column-01 {
    display: flex;
    display: -webkit-flex; 
    align-items: center; 
    justify-content: space-between;
}

.shop-list .shop-list-column .shop-info {
    padding:10px 0px 0px;
	color:#888;
	font-size:13px;
	line-height:1.4em;
}

.shop-list .btn-arrow { 
    display: flex;
    display: -webkit-flex; 
    align-items: center; 
    justify-content: center; 
    width: 45px; 
    height: 55px; 
    text-indent: -9999px; 
    overflow: hidden; 
    cursor: pointer; 
}
.shop-list .btn-arrow:after {
     content: ''; 
     display: block; 
     width: 12px; 
     height: 12px; 
     border-top: 2px solid #c6c6c6; 
     border-left: 2px solid #c6c6c6; 
     transform: rotate(135deg); 
}
.shop-list > a, .shop-list .shop-list-column .column-01 a { 
    display: flex;
    display: -webkit-flex; 
    align-items: center; 
    cursor: pointer;
}
.shop-list .num { 
    max-width: 42px;
    min-width: 15px;
    margin-right: 10px;
    color: #c1c1c1;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}
.shop-list .thumb { 
    display: block; 
    width: 100px; 
    height: 100px; 
    padding: 3px; 
    background-color: #fff;
    border: solid 1px #eaeaea; 
    border-radius: 100%; 
    overflow: hidden; 
}
.shop-list .thumb .figure { 
    position: relative; 
    width: 100%; 
    padding-top: 100%; 
    border-radius: 100%; 
    overflow: hidden; 
}
.shop-list .thumb .figure > p { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    right: 0; bottom: 0; 
    object-fit: cover; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center center; 
}
.shop-list .txt { 
    display: -webkit-flex; 
    display: flex;
    flex-direction: column; 
    margin-left: 15px; 
    text-align: left;
    color: #333;
	flex:1;
 }
.shop-list .txt > strong { 
    display: -webkit-flex;
    display: flex;
    font-size: 20px;
}
.shop-list .txt > strong .ico-video { 
    width: 15px;
    height: 15px;
    margin-left: 10px;
    background: url(/resources/images/icon/ico_video.svg) center center/15px no-repeat;
}

.shop-list .store-name {
    line-height:1;
}

.shop-list .store {
    font-size: 14px;
	color:#999;
    display: -webkit-flex;
    display: flex;
	align-items: center;
	padding:0px 0px 8px;
}

.shop-list .store .teg-ico{
    width: 20px;
	height:13px;
	display:inline-block;
	-webkit-mask: url(/resources/images/icon/teg_ico.svg?=v2) no-repeat left center / auto 13px ;
	background-color:#999;
}

.shop-list .name {
    font-size: 18px;
	font-weight:600;
	margin-top:7px;
	margin-bottom:2px;
}


.shop-list .tag { 
    display: -webkit-flex; 
    display: flex;
    font-size: 14px;
    font-weight: 300;
	flex-flow: row wrap;
 }

.shop-list .tag  span{
    display:inline-block;
	line-height:1;
	padding:3px 10px 0px 0px;
	color:#777;
}

.shop-list .modeltag { 
    display: -webkit-flex; 
    display: flex;
    font-size: 14px;
    font-weight: 400;
	flex-flow: row wrap;
 }

.shop-list .modeltag  span{
    display:inline-block;
	line-height:1;
	padding:7px 10px 0px 0px;
	color:#000;
}

.shop-list .modeltag  span em, .shop-list .modeltag  i em {
	color:#999;
}

.shop-list .modeltag i{
    display:inline-block;
	line-height:1;
	padding:7px 0px 0px 0px;
	position:relative;
}

.shop-list .modeltag i + i {
	padding:7px 0px 0px 16px;
}

.shop-list .modeltag i + i:after{
    content: '';
	position:absolute;
	width:1px;
	height:10px;
	left:8px;
	bottom:2px;
	background-color:#777;
	transform: rotate(30deg);
}

.shop-list .bt-group {
    width:auto;
    display: -webkit-flex;
    display: flex;
	align-items: center;
}

.shop-list [class*="btn-"] {
    margin-left:20px;
}

.shop-list .btn-star { 
    display: -webkit-flex;
    display: flex; 
    justify-content: center;
	width:26px;
	height:26px; 
    color: #666; 
    font-size: 11px;
    overflow: hidden; 
    white-space: nowrap;
	background: url(/resources/images/icon/ico_star_zzim.svg) no-repeat center center / 26px auto; 
}
.shop-list .btn-star.on { 
    background: url(/resources/images/icon/ico_star_zzim_on.svg) no-repeat center center / 26px auto;
}

.shop-list .btn-sns {
    display:inline-block;
	width:25px;
	height:25px;
    overflow: hidden; 
	background: url(/resources/images/icon/ico_sns.svg) no-repeat center center / 25px auto; 
}

.shop-list .basic-type, 
.shop-list .basic-price {
    margin-top: 4px;
    font-size: 13px;
	color:#999;
}   
.shop-list .basic-type span + span { 
    margin-left: 10px;
}
.shop-list .basic-price b { 
    margin-right: 5px; 
    color: #e7486f; 
    font-weight: 600; 
}
.shop-list.list-sm { 
    padding: 18px 15px; 
}
.shop-list.list-sm .basic-type, 
.shop-list.list-sm .basic-price {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.2; 
} 
.shop-list.list-sm .basic-type { 
    color: #999;
}
.shop-list.list-sm .thumb { 
    width: 100px; 
    height: 100px; 
}

.shop-list.list-sm .txt .name {
    font-size: 16px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 2px;
}

.shop-list.list-sm .txt > strong { 
    display: -webkit-flex;
    display: flex;
	flex-flow: row wrap;
	align-content: center;
    font-size: 16px;
    margin-bottom: 2px; 
}

.shop-list.list-sm .txt > strong > span {
    margin-right:10px;
	display:inline-block;
}

.shop-list.list-sm .txt > strong > span:last-child {
    margin-right:0px;
}

.shop-list.list-sm .txt > strong > .ico-shop {
	color:#FFF;
	font-size:10px;
	font-weight: 500;
	height:16px;
	line-height:16px;
	padding:0px 5px;
	border-radius: 2px 2px;
}

.shop-list.magazine-t50{
    margin: 50px 0px 0px;
}


/* 샵 랭킹 */
/* thumbnail-circle */
.thumbnail-circle {
    padding-left: 15px;
}

.shop-best-wrap .swiper-slide {
    width: 13.6%;
    padding: 0px 14px;
}

.shop-rank-list { 
    width: 100%; 
}

.shop-rank-list .thumb { 
    display: block; 
    width: 100%; 
    padding: 3px; 
    background-color: #fff; 
    border: solid 1px #eaeaea; 
    border-radius: 100%; 
    overflow: hidden; 
	margin: 0 auto;
}
.shop-rank-list .thumb .figure { 
    position: relative; 
    width: 100%; 
    padding-top: 100%; 
    border-radius: 100%; 
    overflow: hidden;
}
.shop-rank-list .thumb .figure > p { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    object-fit: cover;
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center center;
}
.shop-rank-list .txt { 
    display: flex;
    display: -webkit-flex; 
    flex-flow: row nowrap; 
	justify-content: center;
    margin: 8px 0 0 0;
    color: #333; 
	align-items: center;
}
.shop-rank-list .txt span {
    display:block;
}

.shop-rank-list .txt .count {
    padding:0px 5px 0px 0px;
}

.shop-rank-list .txt .count small{
    width: 18px; 
    height: 18px; 
    line-height: 18px; 
    font-size: 11px; 
    font-weight: 500; 
    text-align: center;
    color: #fff; 
    border-radius: 50%; background: #CCCC33;
	display:block;
}
.shop-rank-list .txt .name{
    font-size: 11px;
	max-width:100%;
	font-weight:600;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	display: block;
}




/* 상품정렬 option */
.prod-option-wrap {    
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    margin: 20px 0 10px 0; 
    padding: 0 15px;
    color: #555;
}

.prod-option-wrap.full {
    padding: 0 0px!important;
}

.prod-option-wrap > [class*="col"] {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.prod-option-wrap .select-box ~ .select-box {
    margin-left: 10px;
}
.prod-option-wrap h1 {
    position: relative;
    margin-right: 10px;
    padding-right: 15px;
}
.prod-option-wrap h1:after {
    content: ' ';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #b5b5b5;   
}

/* 좋아요 상품 편집 */
.like-product-util {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 15px;
    margin-top: 12px;
    color: #222;
    background: #fff;
	width:100%;
	max-width:1025px;	
}
.like-product-util > span{cursor:pointer;cursor:hand;}

.btn-like-delete {
	color: #d6122e;
	margin-right: 16px;
	padding-left: 22px;
	background: url(/resources/images/icon/ico_waste.svg) no-repeat left center/15px;
}
.mainFix .like-product-util {
    position: fixed;
    top: 52px;
    height: 3.4em;
	margin:0 auto; 
    border-bottom: 1px solid #eee;
    z-index: 1000;
    will-change: transform;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.mainFix .like-product-util.is-hidden {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

/* 상품 상세페이지
============================================================================= */

.wrap-pr-detail {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
}

.wrap-pr-detail .pr-detail-left-area {
    width: 510px;
    padding: 25px 70px 0px 20px;
}
.wrap-pr-detail .pr-detail-right-area {
    width: 515px;
}

.wrap-pr-detail .pr-setting-area {
    padding: 25px 0px 0px 0px;
}

.wrap-pr-detail .pr-setting-area .swiper-container .product-list.master > li {
    width: 28% !important;
}


/* 상품상세 - 상단 상품 사진 */
.thumbnail-detail {
    width: 100%;
}
/* 상품상세 - 상세페이지 리뉴얼후 삭제 */
.thumbnail-detail.old-version {
    width: 410px !important;
}
.thumbnail-info [class*="btn"] {
    position: absolute;
    width: 42px;
    height: 42px;
    font-size: 12px;
    text-align: center;
    border-radius: 100%;
    border: solid 1px #eaeaea;
    z-index: 101;
}

.thumbnail-info .btn-share {    
    bottom: 82px;
    left: 15px;    
    font-size: 9px;
    background: rgba(255,255,255,0.8) url(/resources/images/icon/ico_share2.svg) no-repeat center center/14px;
}

.thumbnail-info .btn-list {    
    bottom: 30px;
    left: 15px;
    font-size: 9px;
    background: rgba(255,255,255,0.8) url(/resources/images/icon/ico_pr_pic_list.svg) no-repeat center center/17px;
}

.thumbnail-layer {
    position: absolute;
	width:100%;
	height:42px;
	bottom:0px;
	left:0px;
	background-color: rgba(245, 245, 247, 0.8);
    display:flex;
	z-index: 101;
}

.thumbnail-layer [class*="bt-"] {
    display:flex;
	width:50%;
	justify-content: center;
    align-items: center;
	font-size:14px;
	position:relative;
}

.thumbnail-layer [class*="ico-"] {
    margin-right:10px;
}

.thumbnail-layer a + a:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
	margin-top:-11px;
	width:1px;
	height:22px;
	background-color:#888;
}

/* swiper pagination */
.thumbnail-info .swiper-pagination-wrap {
    display: flex;
    align-items: center;
    justify-content: stretch;
    position: absolute;
    bottom: 2px;
    width: 100%;
    padding: 0 30px;
    z-index: 100;
}
.thumbnail-info .swiper-pagination {
    position: relative;
    left: 0;
    width: 100%;
    height: 4px;
    margin: 0;
    background: rgba(255, 255, 255, .6);
}
.thumbnail-info .swiper-pagination-wrap .pagination-counter {
    min-width: 40px;
    margin-left: 10px;
    color: #fff;
    text-align: right;
}
.thumbnail-info .swiper-pagination-lock,
.thumbnail-info .swiper-pagination-lock ~ .pagination-counter {
    display: none;
}
.thumbnail-info .swiper-pagination .swiper-pagination-progressbar-fill {
    transition-duration: 300ms;
    background: #232323;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transform: translate3d(0px, 0px, 0px) scaleX(0.5) scaleY(1);
    transform-origin: left top;
}

/* 상품상세 - 갤러리 스와이프 관련 */
.thumbnail-info.thumbnail-info-gallery-thumbs {
    box-sizing: border-box;
    padding: 5px 0px 10px;
}

.thumbnail-info.thumbnail-info-gallery-thumbs .swiper-wrapper .swiper-slide {
    width: 16%;
}

.thumbnail-info .swiper-wrapper .swiper-slide .thumbnail-pic-swiper,
.thumbnail-info .swiper-wrapper .swiper-slide .thumbnail-video {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 137%;
    overflow: hidden;
}

.thumbnail-info .swiper-wrapper .swiper-slide .thumbnail-pic-swiper img,
.thumbnail-info .swiper-wrapper .swiper-slide .thumbnail-video video {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.thumbnail-info.thumbnail-info-gallery-thumbs .swiper-pagination-wrap {
    bottom: 0px;
    padding: 0 5px;
}

.thumbnail-info.thumbnail-info-gallery-thumbs .swiper-pagination-wrap .swiper-pagination {
    height: 5px;
    border-radius: 10px;
    background: #f7f7f7;
    overflow: hidden;
}

.thumbnail-info.thumbnail-info-gallery-thumbs .swiper-pagination-wrap .swiper-pagination .swiper-pagination-progressbar-fill {
    background: #a2a2a2;
    display: inline-block;
}

/* //상품상세 - 갤러리 스와이프 관련 */

/* swiper button */
.swiper-button-white .swiper-button-prev,
.swiper-button-white .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); 
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    z-index: 10;
}
.swiper-button-white .swiper-button-prev:after,
.swiper-button-white .swiper-button-next:after {
    content: ' ';
    display: block;
    width: 18px;
    height: 18px;
    border-top: 2px solid #fff;
}
.swiper-button-white .swiper-button-prev {
    left: 10px;
}
.swiper-button-white .swiper-button-prev:after {
    border-right: 2px solid #fff;
    transform: rotate(225deg);
}
.swiper-button-white .swiper-button-next {
    right: 10px;
}
.swiper-button-white .swiper-button-next:after {
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.swiper-button-white .swiper-button-disabled {
    opacity: .4;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}   
.swiper-button-white .swiper-button-lock { 
    display: none; 
}

/* 상품상세 - 상품정보 */
.product-detail {
    color: #666;
    text-align: left;
}
.product-detail .detail-info {
    max-width:100%;
    padding: 25px 15px;
}

.pr-detail-right-area .product-detail .detail-info {
    padding: 25px 0px;
}
/* 모델 착용 정보 - 상세페이지 리뉴얼후 삭제 */
.detail-info .item-model {
    width:100%;
}

.detail-info .item-model > ul {
    display:flex;
	margin:0px -5px;
}

.detail-info .item-model > ul > li {
    padding:0px 5px 20px 5px;
	width:33.33%;
}

.detail-info .item-model > ul > li p {
    color: #777;
    width: 100%;
    height: 100%;
    font-size: 12px;
	line-height:1.5em;
    padding: 10px 30px 10px 15px;
    display: block;
    box-shadow: 0px 2px 7px 2px rgb(0 0 0 / 8%);
    border-radius: 4px 4px;
    position: relative;
}

.detail-info .item-model > ul > li p:after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #c6c6c6;
    border-right: 2px solid #c6c6c6;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 16px;
}
.item-model ~ .item-name {
    margin-top: 10px;
}

/* 모델 착용 정보 - 상세페이지 리뉴얼후 삭제 */

.detail-info .cate-move {
    padding: 0px 0px 7px;
}

.detail-info .cate-move > ul {
    display: flex;
    display: -webkit-flex;    
}

.detail-info .cate-move > ul > li a {
    display: inline-block;
    font-size: 12px;
    color: #999;
    padding: 0px 6px 0px 0px;
}

.detail-info .cate-move > ul > li + li {
    padding: 0px 0px 0px 11px;
    position: relative;
}

.detail-info .cate-move > ul > li + li:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    transform: rotate(45deg);
	position:absolute;
	top:50%;
	margin-top:-3px;
    left: 0px;
}

.detail-info .cate-move {
    padding: 0px 0px 3px;
}

.detail-info .cate-move > ul {
    display: flex;
    display: -webkit-flex;    
}

.detail-info .cate-move > ul > li a {
    display: inline-block;
    font-size: 12px;
    color: #999;
    padding: 0px 6px 0px 0px;
}

.detail-info .cate-move > ul > li + li {
    padding: 0px 0px 0px 11px;
    position: relative;
}

.detail-info .cate-move > ul > li + li:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    transform: rotate(45deg);
	position:absolute;
	top:50%;
	margin-top:-3px;
    left: 0px;
}

.detail-info .item-name {
    font-size: 16px;
}

.detail-info .item-name > h1 {
    font-size: 16px; 
	font-weight:400;
}

.detail-info .item-name .item-brand {
    display: -webkit-flex;
	display: flex; 
	padding:0px 0px 5px 0px;
}

.detail-info .item-name .item-comment {
    padding:5px 0px 0px 0px;
}

.detail-info .item-name .item-comment span {
	font-size:12px; 
	display:inline-block; 
	width:100%; 
	background-color:#f7f7f7;
	border-radius: 4px; 
	padding:5px 5px;
}

.detail-info .item-name .item-brand em{
    display:inline-block; 
	padding:0px 10px 0px 0px;
	font-size: 13px; 
}

.detail-info .date-info-box {
    display: inline-block;
    padding: 4px 15px;
    font-size: 12px;
    border-radius: 0.2em 0.2em;
    margin: 7px 0px 0px;
}
.detail-info .date-info-box.pink {
    border: solid 1px #ff0072;
    color: #ff0072;
}

.detail-info .item-color {
    margin-top: 4px;
}
.detail-info .item-price {
    margin-top: 5px;
    color: #999;
    font-size: 21px;
    font-weight: 600;
}
.detail-info .item-price > *:not(:first-child) {
    margin-left: 5px;
}
.detail-info .item-price .on-sale {
    margin-left: 10px;
    color: #bbb;
    text-decoration: line-through;
}
.detail-info .item-member {
    display: inline-flex;
    align-items: center;
    margin-top: 12px;
}
.detail-info .item-member .price-point {
    margin-right: 12px;
    font-size: 15px;
}
.detail-info .item-member .price-point em {
    color: #bbb;
    font-size: 14px;
}
.detail-info .item-member .show-point {
    display: inline-block;
    padding: 4px 20px 4px 8px;
    font-size: 11px;
    line-height: initial;
    border-radius: 3px;
    cursor: pointer;
    background: #f4f4f4 url(/resources/images/common/ico_arr_r.svg) no-repeat right 5px center/9px;
}
.detail-info .item-member .show-point b {
    font-weight: 400;
    color: #d6122e;
}

/* 상품상세 - 쿠폰발급버튼 */
.detail-info .wrap-coupon-bt {
    padding: 20px 0px 0px;
}

.detail-info .wrap-coupon-bt button {
    display: inline-block;
}

.detail-info .wrap-coupon-bt .coupon-bt {
     width: auto;
     position: relative;
}

.detail-info .wrap-coupon-bt .coupon-bt::after {
    content: '';
    width: 13px;
    height: 14px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 10px;
    background:url(/resources/images/icon/gv_coupon_down_icon.svg) no-repeat center center / 13px auto;
}

.detail-info .wrap-coupon-bt .coupon-bt > ul {
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
}

.detail-info .wrap-coupon-bt .coupon-bt > ul .coupon-img {
    width: 56px;
}

.detail-info .wrap-coupon-bt .coupon-bt > ul .text{
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
    align-items: center;
    border: solid 1px #f58764;
    border-left-width:0px;
    font-size: 12px;
    font-weight: 600;
    padding: 0px 30px 0px 10px;
    color: #f58764;
}

/* 상품상세 - 예약발송안내 */
.product-detail .reservation_date { 
    padding:15px 0px 0px 0px;
    
}

/* 상품상세 - 세부카테고리 더보기 2023년10월 상세페이지 리뉴얼후 삭제 */
.product-detail .cate-more {
    padding:20px 15px;
}

.product-detail .cate-more-bt {
    padding:25px 40px 25px 25px;
	display:block;
	box-shadow: 0px 2px 7px 2px rgb(0 0 0 / 8%);
	border-radius: 8px 8px;
	position:relative;
}


.product-detail .cate-more-bt:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #c6c6c6;
    border-right: 2px solid #c6c6c6;
    transform: rotate(45deg);
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:36px;
}

.product-detail .cate-more-bt span {    
	font-size:14px;
}
.product-detail .cate-more-bt strong {
	font-size:18px;
	padding:4px 0px 0px;
	font-weight:500;
}

.product-detail .cate-more-bt em {
	color:#6699cc;
	font-weight:700;
}

/* 상품상세 - 세부카테고리 더보기 2023년10월 상세페이지 리뉴얼후 삭제 */

/* 상품상세 - 이벤트 */
.product-detail .detail-event {
    padding: 0px 15px 20px;
    border-top: 1px solid #eee;
}

/* 상품상세 - 이벤트 배너 */
.gv-banner {
    margin-top: 20px;
    text-align: center;
} 

/* 회원 등급별 안내 팝업 */
.member-tbl-line li {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    padding: 10px 5px;
    font-size: 12px;
}
.member-tbl-line li span:first-child {
    margin-right: auto;
    font-weight: 500;
}
.member-tbl-line li span:last-child {
    flex: 0 1 30%;
    margin-left: 20px;
    color: #666;
    text-align: right;
}
.member-tbl-line li span.on {
    color: #f85f9c;
}
.member-tbl-line li {
    border-bottom: 1px solid #eee;
}

.member-tbl-list {
    text-align: left;
    margin-top: 10px;
}
.member-tbl-list li {
    padding: 10px 5px;
}
.member-tbl-list li + li {
    border-top: 1px solid #e5e5e5;
}
.member-tbl-list li strong {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;    
    margin-bottom: 6px;
    font-size: 12px;
}
.member-tbl-list li p:nth-child(2) {
    font-size: 12px;
}
.member-tbl-list li p:nth-child(3) {
    font-size: 11px;
    color: #777;
}

.member-tbl-more {
    color: #666;
    padding: 10px 25px 10px 10px;
    margin-top: 10px;
}
.member-pop-down {
    background: url(/resources/images/common/ico_arr_down.svg) no-repeat right center/12px;
}
.member-pop-up {
    background: url(/resources/images/common/ico_arr_up.svg) no-repeat right center/12px;
}

/* 상품상세 - 주문하기고정바 */
.order_fix_position{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    bottom: 0px;
    position: fixed;
    z-index: 1003;
    width: 100%;
    box-sizing: border-box;
	background-color:#fff;
    height:60px;
	display:flex;
	display: -webkit-flex;
	flex-flow: row nowrap;
}
@media only screen and (min-width: 1025px) {
.order_fix_position{
    max-width:1025px;
}
}
.order_fix_position:after {
    content: "";
    display: block;
    clear: both;
}

.order_pop_bt{
    flex: 1;
    height: 60px;
    line-height: 60px;
    background-color: #e98fcd;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 0px 0px;
    margin: 0px 0px;
}

.order_pop_bt.soldout{
    background-color: #ddd;
}

.order_wish_bt{
    width: 120px;
    height: 60px;
    padding: 35px 5px 5px;
    background: rgba(255,255,255,1) url(/resources/images/icon/ico_heart_off.svg) no-repeat center 14px/20px;
    box-sizing: border-box;
    font-family: 'Hero New','Noto Sans JP',sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    border-right: solid 1px #eee
}

.order_wish_bt.on {
    background:rgba(255,255,255,1) url(/resources/images/icon/ico_heart_on.svg) no-repeat center 14px/20px; 
}


/* 상품상세 - order popup */
.footer-modal .modal-content .order-body { 
    padding: 40px 0px 0px; 
}

.order-area {
	max-height:350px;
	overflow-y: auto;
	width:100%;
}
.order-option {
    width:100%;
	padding:0px 15px;
	margin:0px -3px;
}

.order-option h3 {
    margin-bottom: 2px;
    color: #111;
    font-weight: 500;
	text-align:left;
	padding:0px 3px;
}

.order-option .option-box {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0 -3px 20px;
	width:100%;
}
.order-option .option-box .btn-option {
    margin: 10px 3px 0;
    padding: 7px 10px;
    font-size: 12px;
    color: #111; 
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    background: #fff;
}
.order-option .option-box .btn-option.on {
    border-color: #d6122e;
}
.order-option .option-box .btn-option [class*="chk-"] {
    margin-right: 8px;
}
.order-option .option-box .btn-option [class*="ico"] {
    margin-right: 10px;
    vertical-align: -4px;
}

.order-bt-wrap {
    padding:15px 10px;
	background-color:#f8f8f8;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.order-bt-wrap > button {
    flex: 1 1 50%;
    border-radius: 2px;
}

.order-bt-wrap > button:not(:first-child) {
    margin-left: 10px;
}

.option-wrap {
  background-color:#f8f8f8;
}

.option-wrap li + li {
    border-top:solid 1px #eee;
}

.option-view {
    padding:18px 15px;
	position:relative;
}

.option-view .option-text {
     padding: 0px 0px 12px;
}
.option-view .option-text .option-name {
    font-size: 13px;
    font-weight: 500;
    color: #111;
    line-height: 2.0em;
	text-align:left;
}

.option-view .option-text .option-info {
    font-size: 13px;
    line-height: 1.2em;
	text-align:left;
}

.option-view .delete-bt {
    display:block;
	position:absolute;
	right:15px;
	top:12px;
	width:20px; 
	height:20px;
	line-height:22px;
    text-align: center;
	border-radius: 100%;
	background-color:#ccc;
	color:#FFF;
	font-size:12px;
}

.option-view .option-choice {
    display:flex;
	justify-content: space-between;
	align-items: center;
}

/* 상품상세 - 결제버튼 */
.option-view .option-choice .option-quantity {
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
    margin-top: 10px;
    border: 1px solid #e8e8e8;
    font-size: 0;
}
.option-view .option-choice .option-quantity > button {
    width: 33px;
    height: 33px;
    vertical-align: middle;
}
.option-view .option-choice .option-quantity .minus {
    border-right: 1px solid #e8e8e8;
}
.option-view .option-choice .option-quantity .minus.dis {
    display: none;
}
.option-view .option-choice .option-quantity .plus {
    border-left: 1px solid #e8e8e8;
}
.option-view .option-choice .option-quantity .count {
    width: 45px;
    height: 33px;
    font-size: 13px;
    text-align: center; 
    border-color: transparent;
}
.option-view .option-choice .option-quantity .minus {
    background: #fff url(/resources/images/icon/ico_minus.svg) no-repeat center center/10px;
}
.option-view .option-choice .option-quantity .plus {
    background: #fff url(/resources/images/icon/ico_plus.svg) no-repeat center center/10px;
}

.option-view .option-choice .option-price {
    display:inline-block; 
	text-align:right;
	color:#111;
	font-size:14px;
}

/* 상품상세 - share popup */

.modal-content .share-product {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    padding: 25px 15px 22px;
    font-size: 14px;
    border-bottom: 1px solid #f4f4f4;
}

.modal-content .share-product .thumb {
    width: 80px;
    margin-right: 20px;
}

.modal-content .share-product .prod-info {
    flex: 1;
    text-align: left;
    overflow: hidden;
}

.modal-content .share-area {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 15px 0;
    font-size: 13px;
}

.modal-content .share-area .ico {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 8px;
    border-radius: 100%;
}

.modal-content .share-area .ico-line {
    background: #1ac64a url(/resources/images/icon/ico_line.svg) no-repeat center center/28px;
}

.modal-content .share-area .ico-twitter {
    background: #2aa8e0 url(/resources/images/icon/ico_twitter.svg) no-repeat center center/26px;
}

.modal-content .share-area .ico-facebook {
    background: #1877f2 url(/resources/images/icon/ico_facebook_w.svg) no-repeat center center/16px;
}

.modal-content .share-area .ico-url {
    background: #f2f2f2 url(/resources/images/icon/ico_url.svg) no-repeat center center/26px;
}

/* 상품 상세페이지 popup 
============================================================================= */
/* order popup */

/* ajax popup */
.ajax-pop-wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-width: 1025px;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 10002;
}
.ajax-pop-wrap.swiper-pop-wrap {
	overflow-y: hidden;
	max-width: 540px !important;
}
.ajax-pop-wrap .pop-header {	
	position: fixed;
    top: 0px;
	width: 100%;
	max-width: 1025px;
	height: 55px;
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center; 
	font-size: 18px;   
	background: #f5f5f5;
	z-index: 10004;
}

.swiper-pop-wrap .pop-header {
	max-width: 540px !important;
}

.ajax-pop-wrap .pop-header .btn-close {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 55px;
    height: 55px;
    background: url(/resources/images/common/ico_close_b.svg) center center/18px no-repeat;
	z-index: 10005;
    cursor: pointer;
}	
.ajax-pop-wrap .pop-content {	
	margin: 55px 0 15px;
	z-index: 10003;
}
.ajax-pop-overlay {
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10001;
	background: rgba(0,0,0,0.5);
}
.ajax-pop-overlay.swiper-pop-overlay{
	overflow:hidden;
}
/* ajax popup list */
.pr-pic-list-col1 {
	display: flex;
	flex-direction: column;
}
.pr-pic-list-col1 > li{ padding:0px 0px 5px;}
.pr-pic-list-col1 > li img{ width:100%}

.pr-pic-list {
	display: flex;
    flex-flow: row wrap;
    margin: 0px 2px;
}
.pr-pic-list li {
	flex: 0 0 25%;
	padding: 2px;
    cursor: pointer;
}

/* ajax review popup swiper list */
.swiperreview-pop .line-up{
    flex-direction: column;
	padding:15px 15px 150px 15px;
	height: 100vh;
	justify-content: flex-start;
	align-items: flex-start;
	overflow-y: auto;

}

.swiperreview-pop .review-point {
    width:100%;
    display: flex;
    align-items: center;
	padding:0px 0px 10px;
}

.swiperreview-pop .review-info {
    width:100%;
	text-align:left;
	color:#999;
	font-size:12px;
}

.swiperreview-pop .review-info .info-loof {
    display: -webkit-flex;
    display: flex;
	flex-flow: row wrap;
}

.swiperreview-pop .review-info .info-loof > li {
    position: relative;
    padding: 2px 0px 2px 0px;
}
.swiperreview-pop .review-info .info-loof > li + li {
    padding: 2px 0px 2px 16px;
}

.swiperreview-pop .review-info .info-loof > li + li:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    left: 8px;
	top:50%;
	margin-top:-6px;
    background-color: #777;
    transform: rotate(30deg);
}

.swiperreview-pop .review-text {
    width:100%;
	text-align:left;
	font-size:13px;
	color:#333;
	line-height:1.4em;
	padding:10px 0px;

}

.swiperreview-pop .review-value {
    padding:15px 0px 0px;
}
.swiperreview-pop .review-value > ul {
    display: -webkit-flex;
    display: flex;
	flex-flow: row wrap;
	margin:0px -3px;
}

.swiperreview-pop .review-value > ul > li {
    padding:6px 3px 0px 3px;
}

.swiperreview-pop .review-value > ul > li span {
    display:inline-block;
	font-size:12px;
	color:#555;
	border:solid 1px #ddd;
	border-radius: 13px 13px;
	height:26px;
	line-height:26px;
	padding:0px 15px;
}

.swiperreview-pop .review-more {
    width:100%;
	display:flex;
	flex-flow: column wrap;
	justify-content: center;
    align-items: center;
	padding:50px 0px;
}

.swiperreview-pop .review-more i{
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: solid 1px #ddd;
    background: #fff url(/resources/images/icon/Arrow_r_long.svg) no-repeat center center / 26px auto;
}

.swiperreview-pop .review-more span {
    display: block;
    width: 100%;
    margin-top: 12px;
	font-size:14px;
    color: #777;
}

/* 상품상세페이지 - 하단 내용 design 
============================================================================= */

.product-info-wrap .product-info{ padding:0px 15px;}
.wrap-details-view {
    padding: 0 15px;
}

/* photo review */
.wrap-photo-review{ padding:20px 0px; position:relative;}
.prt_photo_r_title{text-align:left;font-size: 15px;color: #2b2b2b; font-weight:500; padding:0px 15px 2px 15px;}
.prt_photo_r{display: block;overflow: hidden;}
.prt_photo_row{display: table;width: 100%;padding: 15px 0px;table-layout: fixed;vertical-align: top; padding:15px 15px;}
.prt_photo_content{ display: table-cell; height:80px; text-align:left;vertical-align: top; padding:0px 20px 0px 0px;}
.prt_photo_area{ display:block; width:100%; vertical-align: top; text-align:left; font-size:0px;}
.prt_photo_wrap_star{background-image: url(/images/icon/star_per_m.png);background-repeat: no-repeat;-webkit-background-size: 142px 12px;background-size: 142px 12px;background-position: -72px 0px;width: 70px;height: 12px;display: inline-block;vertical-align: top;}
.prt_photo_star_value{background-image: url(/images/icon/star_per_m.png);background-repeat: no-repeat;-webkit-background-size: 142px 12px;background-size: 142px 12px;background-position: 0px 0px;width: 70px;height: 12px;display: inline-block;vertical-align: top;}
.prt_photo_star_number{font-size: 13px;font-weight: bold;display: inline-block;margin-left: 7px;font-family: verdana, sans-serif;color: #333;line-height: 14px;vertical-align: top}
.prt_photo_id{display:inline-block;}
.prt_photo_id > ul:after{display:block; content:""; clear:both;}/*flot 속성이 하위 에 영향 미치지 않게 해줌 */
.prt_photo_id > ul > li{float:left; text-align:left;font-size: 11px;line-height:1.4em;color: #999; padding:0px 8px 0px 8px; border-left: solid 1px #f0f0f0;}
.prt_photo_id > ul > li:first-child{ padding:0px 8px 0px 0px; border-left: solid 0px #f0f0f0;}
.prt_photo_review{overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.5em;height: 55px;font-size: 12px;font-weight: 400;color: #5f5f5f; }
.prt_photo_title{ width:100%; text-align:left;font-size: 12px; vertical-align:middle;color: #000; font-weight:400;}
.prt_photo_review_open{ text-align:left;line-height:1.5em;font-family: 'Meiryo', sans-serif;font-size: 12px; vertical-align:middle;color: #000; font-weight:400;word-break: break-all;}
.prt_photo_arr_bt{display:inline-block; position:absolute; top:22px; right:15px;}
.prt_photo_arr_bt > ul:after{display:block; content:""; clear:both;}/*flot 속성이 하위 에 영향 미치지 않게 해줌 */
.prt_photo_arr_bt > ul > li{float:left;}
.prt_photo_arr_bt > ul > li:first-child{ padding:0px 28px 0px 0px;}
.prt_photo_arr_bt > ul > li img{ width:26px;}
.prt_photo_thumbnail{width: 80px;display: table-cell; text-align:left;vertical-align: top;}
.prt_photo_thumbnail_in{position: relative;overflow: hidden;width: 80px;height: 80px;}
.prt_photo_thumbnail_in img{width: 100%;vertical-align: top;}

/* 상세페이지 스와이프 리뷰 */
.wrap-swiperreview {
    border-top: solid 1px #eee;
	text-align:left;
	padding:20px 0px;
}

.wrap-swiperreview .review-title {
    font-size:14px;
	color:#6699cc;
	padding:0px 15px 5px;
}

.swiper-review {
    padding:10px 0px;
}
.swiper-review > ul > li {
    width:60%;
    margin-left: 15px;	
}

.swiper-review > ul > li:last-child {
    width:auto;
	margin:0px 30px 0px 20px;
}


.review-list {
    display:flex;
	width:100%;
    box-shadow: 0px 2px 7px 2px rgb(0 0 0 / 8%);
    border-radius: 8px 8px;
	padding:15px 15px;
}

.review-list .review-pic {
    width:74px;
	height:74px;
	margin-right:10px;
	overflow:hidden;
	position:relative;
}

.review-list .review-pic img {
    width: auto;
	height: 100% !important;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 2;
}

.review-list .review-info {
    flex:1;
	height:74px;
}


.review-list .review-info .info-star {
    display:flex;
	align-items: center;
}

.review-list .review-info .info-option {
    display:flex;
	flex-flow: row wrap;
	align-items: flex-start;
	margin-left: -6px;
} 

.review-list .review-info .info-option span {
  display:inline-block;
  position:relative;
  padding:4px 6px 0px;
  font-size:10px;
  font-weight:600;
}

.review-list .review-info .info-option span + span:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;    
    left: 0px;
    width: 1px;
	height:10px;
    background: #ddd;
}
.review-list .review-info .info-review {
    margin-top: 6px;
	width:100%;
	font-size:12px;
	word-wrap: break-word;
	display: block;
	display: -webkit-box;
	-webkit-box-orient : vertical;
	-webkit-line-clamp: 2;
	overflow:hidden;
	text-overflow: ellipsis;
}

.star-back {
    background-image: url(/resources/images/common/star_per.svg);
	background-repeat: no-repeat;
	-webkit-background-size: 122px 10px;
	background-size: 122px 10px;
	background-position: -62px 0px;
	width: 60px;
	height: 12px;
	display: inline-block;
	position:relative;
}
.star-over {
    background-image: url(/resources/images/common/star_per.svg);
	background-repeat: no-repeat;
	-webkit-background-size: 122px 10px;
	background-size: 122px 10px;
	background-position: 0px 0px;
	width: 60px;
	height: 12px;
	display: inline-block;
	position:absolute;
	left:0px;
	top:0px;
}

.star-point {
    display:inline-block;
	margin-left:5px;
	font-size:10px;
}

.swiper-review .review-more {
	height:104px;
	display:flex;
    align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
}

.swiper-review .review-more i {
    display:block;
	position:relative;
	width:46px;
	height:46px;
	border-radius: 100%;
	border:solid 1px #ddd;
	background:#fff url(/resources/images/icon/Arrow_r_long.svg) no-repeat center center / 18px auto; 

}

.swiper-review .review-more span {
   display:block;
   width:100%;
   margin-top:8px;
   text-align:12px;
   color:#777;
}

/* gv common  상세페이지 리뉴얼후 삭제*/
.gv-list {
    margin: 30px 0;    
    color: #333;
    text-align: center;
    font-size: 14px;
}
.gv-list li + li {
    margin-top: 6px;
}
.gv-list > p {
    font-size: 14px;
}
.gv-wrap {    
    padding: 20px 30px; 
    border-radius: 10px;
    background: #f5f5f5;
}
.gv-wrap .gv-list {    
    margin: 0;
    color: #757575;
    font-size: 12px;
    text-align: left;
}
/* gv common  상세페이지 리뉴얼후 삭제*/

/* 제품설명 */
.gv-pr-info {
    padding: 30px 15px 0px;
}

.gv-pr-info > p {
    text-align: left;
}
.wrap-pr-notice {
    padding: 30px 0px 0px;
}

.wrap-pr-notice .pr-notice {
    padding: 18px 15px; 
    border-radius: 10px;
    background: #f5f5f5;
    text-align: left;
    font-size: 12px;
}

.wrap-pr-notice .pr-notice > ul > li + li {
    padding: 6px 0px 0px;
}

/* 소재정보 상세페이지 리뉴얼후 삭제 */
.fabric-area { 
    display: flex; 
    flex-flow: row wrap; 
    border: 1px solid #dfdfdf; 
}

.fabric-item { 
    width: 100%;
    display: -webkit-flex;
    display: flex;
    color: #333;
    text-align: center;
    letter-spacing: -0.075em; 
}
.fabric-item:not(:last-child) { 
    border-bottom: 1px solid #dfdfdf;
    letter-spacing: -0.075em; 
}
.fabric-item dt { 
    max-width: 120px;
    width: 25%;
    background: #f7f7f7;
}
.fabric-item dd { 
    flex: 1;    
    border-left: 1px solid #dfdfdf;
}
.fabric-item dt, 
.fabric-item dd { 
    padding: 4px 10px; 
    font-size: 12px;
}
.fabric-item dd .ico-check { 
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
    background: url(/resources/images/icon/box.gif) no-repeat center center/100%;
}
.fabric-item dd.on .ico-check { 
    background: url(/resources/images/icon/box_check.gif) no-repeat center center/100%;
}

/* 소재정보 상세페이지 리뉴얼후 삭제 */
/* 소재정보 및 사이즈 정보 */
.wrap-fabric-info > ul {
    display: flex;
    display: -webkit-flex;
    flex-flow: column wrap;
}

.wrap-fabric-info > ul > li {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
    align-items: center;
}

.wrap-fabric-info > ul > li + li {
    margin-top: -1px;
}

.wrap-fabric-info .fabric-info {
    border: solid 1px #eee;
    border-left-width:0px;
    border-right-width:0px;
    padding: 8px 15px;
    width: 100%;
    text-align: left;
    color: #000;
}

.wrap-fabric-info .fabric-info.size-info {
    display: flex;
    display: -webkit-flex;
    flex-flow: column nowrap;
}

.wrap-fabric-info .fabric-info.size-info p {
    width: 100%;
}

.wrap-fabric-info .fabric-info.size-info p + p {
    padding: 2px 0px 0px 7px;  
}

.wrap-fabric-info .fabric-info.size-info p.size-name {
    padding: 0px 0px 0px 12px;
    position: relative;
    font-weight: 600;
}

.wrap-fabric-info .fabric-info.size-info p.size-name::after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #000;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2px;
}

.wrap-fabric-info .fabric-info.size-info p.size {
    color: #444;
    font-size: 13px;
    display: flex;
    flex-flow: row wrap;
}

.wrap-fabric-info .fabric-info.size-info p.size span:not(:last-child):after {
    content: '';
    display: inline-block;
    padding: 0 4px;
    color: #444;
}

.wrap-fabric-info .fabric-info em {
    display: inline-block;
    padding: 0px 0px 0px 12px;
    position: relative;
}

.wrap-fabric-info .fabric-info em::after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #000;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2px;
}

.wrap-fabric-info .fabric-info span {
    padding: 0px 0px 0px 5px;
}

.wrap-fabric-info .fabric-info .fabric-check {
    display: none;
}

.wrap-fabric-info .fabric-info .fabric-check.on {
    display: inline-block;
}

/* 세탁 정보 상세페이지 리뉴얼후 삭제 */
.laundry-area {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.laundry-area li {
    width: 75px;
}
.laundry-area li:not(:last-child) {
    margin-right: 10px;
}

/* 세탁 정보 스와이프 */
.swiper-laundry-area {
    padding: 0px 0px 0px 15px;
}

.swiper-laundry-area > ul > li {
    width: 75px;
}

.swiper-laundry-area > ul > li img {
    width: 100%;
}
/* 세탁정보 이미지 정보 */
.guide-tip {
    margin: 10px auto 30px;
    text-align: center;
}

/* 상세정보 사진 */
.product-pic-area { 
    max-width:100%!important;
	height:auto !important;
    padding: 25px 0px 0px;
}
.product-pic-area > ul {
    display: -webkit-flex;
    display: flex;
	flex-direction: column;
	justify-content: center;
}

.product-pic-area img, .product-pic-area iframe, .product-pic-area table, .product-pic-area P, .product-pic-area div, .product-pic-area span {
    max-width:100% !important; 
	height:auto !important;
}

/* 상세정보사진 더보기 */
.product-pic-area.product-pic-view {
    position: relative;
    max-height: 700px;
    overflow: hidden;
}

.product-pic-area.product-pic-view.active {
    overflow: visible !important;
    max-height: inherit !important;
    padding-bottom: 100px
}

.product-pic-area.product-pic-view .product-bt-area {
    width: 100%;
    padding: 30px 15px 10px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: linear-gradient(to bottom, rgb(255, 255, 255, 0), rgb(255, 255, 255, 1) 30%);
}
.product-pic-area.product-pic-view a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: solid 1px #111;
    font-size: 14px;
    border-radius: 0.4em;
    background-color: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.product-pic-area.product-pic-view a em {
    display: inline-block;
    padding: 0px 20px 0px 0px;
    position: relative;
    width: auto;
}

.product-pic-area.product-pic-view a em::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    position: absolute;
    right: 0px;
}

.product-pic-area.product-pic-view #product-pic-open em::after {
    transform: rotate(135deg);
    top: 17px;
}
.product-pic-area.product-pic-view #product-pic-hidden em::after{
    transform: rotate(315deg);
    top: 22px;
}

/* 오리지널 모델 팝업창 */
.model-modal-d {
    max-width:280px;
	width:100%;
	height:auto;
    position: fixed;
    left: 50%;
    top: 50%;
    text-align: center;
    background: #fff;
    transform: translate(-50%, -50%);
    transition: all 0.4s cubic-bezier(0.38, 0.09, 0.12, 1) 0s;
    z-index: 1002;
}

.model-modal-d .model-close.b-close {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    right: -12px;
    top: -12px;
    background: url(/resources/images/icon/ico_model_close.png) no-repeat center center/100%;
    z-index: 1;
    cursor: pointer;
}



/* 오리지널 모델 팝업창 */

/* 오리지널 모델 팝업창 상세페이지 리뉴얼후 삭제*/
.model-layer.modal-open .model-modal {
    visibility: visible;
    display: block;
}
.model-modal {
    display: none;
	width:100%;
	max-width:280px;
	height:auto;
    position: fixed;
    left: 50%;
    top: 50%;
    text-align: center;
    background: #fff;
    transform: translate(-50%, -50%);
    transition: all 0.4s cubic-bezier(0.38, 0.09, 0.12, 1) 0s;
    z-index: 1002;
}

.model-modal .model-close.b-close {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    right: -12px;
    top: -12px;
    background: url(/resources/images/icon/ico_model_close.png) no-repeat center center/100%;
    z-index: 1;
    cursor: pointer;
}

.model-modal .model-body {
    padding: 8px 8px 15px;
}

.model-info-1{ 
    padding:0px 15px 20px;
	display:block;
}
.model-info-1 ul {
    display: -webkit-flex;
    display: flex;
	flex-direction: column;
}

.model-info-2{ 
    padding:0px 15px 20px;
	display:none;
}

.model-info-2 ul {
    display: -webkit-flex;
    display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin:0px -10px;
}

.model-info-2 ul li {
 padding:0px 10px;
}

@media only screen and (min-width: 1025px) {
.model-info-1{
    display:none;
}
}

@media only screen and (min-width: 1025px) {
.model-info-2{
    display:block;
}
}
.model-info { width: 100%; padding:0px 0px 25px 0px; }
.model-info ul { display: flex;	flex-flow: row wrap; justify-content: center; padding: 0 35px; }
.model-info .item {	flex: 0 0 auto; width: 25%; }
.model-info .item-area { max-width: 300px; margin: 10px; }
.model-info .model-img { position: relative; width: 100%; height: 0; padding-top: 131.83%; overflow: hidden; }
.model-info .model-img img { position: absolute; left: 50%; top: 0;  max-width: 100%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);z-index:2; }
.model-info .model-img .model_zzim_bt{
    position: absolute;
	right:0px;
	top:0px;
	display:block;
	width:48px;
	height:48px;
	background:url(/resources/images/icon/ico_star_like.svg) no-repeat center center / 28px auto;
	z-index:3;
}
.model-info .model-img .model_zzim_bt.on {
	background:url(/resources/images/icon/ico_star_like_on.svg) no-repeat center center / 24px auto;
}
.model-info .info-area > strong { display: block; margin: 10px 0px 4px; font-size: 15px; font-weight: 900; letter-spacing: -0.075em;	font-family: 'Arial', sans-serif; }
.model-info .info-area p { display: flex; flex-flow: row wrap; justify-content: center;	color: #444; font-size: 11px; font-weight: 400; font-family: 'Meiryo', sans-serif; }
.model-info em { font-style: normal; }
.model-info p span { position: relative; line-height: 130%; }
.model-info p span:not(:last-child):after { content: '.'; display: inline-block; padding: 0 4px; color: #444; }
/* 오리지널 모델 팝업창 상세페이지 리뉴얼후 삭제*/

/* 상품정보 모델 착용정보*/

.warp-model-wear {
    padding: 30px 15px 0px;
}
.warp-model-wear > ul {
    display: flex;
    display: -webkit-flex;
    flex-flow: column wrap;
    max-width: -10px 0px 0px;
}

.warp-model-wear > ul > li {
    padding: 10px 0px 0px;
    width: 100%;
}

.warp-model-wear .model-wear {
    text-align: left;
}

/* 상품정보 가로형 모델정보*/
.warp-model-size {
    padding: 30px 0px 0px;
}

.warp-model-size > ul {
    display: flex;
    display: -webkit-flex;
    flex-flow: column wrap;
}

.warp-model-size > ul > li + li {
    margin-top: -1px;
}
.model-size {
    width: 100%;
    padding: 12px 15px;
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
    align-items: center;
    border: solid 1px #eee;
    border-left-width:0px;
    border-right-width:0px;
}

.model-size .thum {
    width: 70px;
    height: 70px;
}

.model-size .thum i, .model-size .thum i em {
    display: block;
    width: 100%;
    height: 100%;
    border: solid 1px #eaeaea;
    border-radius: 100%;
    overflow: hidden;
}

.model-size .thum i em {
    position: relative;
    border: solid 2px #fff;
}

.model-size .thum i em img {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}

.model-size .size {
    flex:1;
    padding: 0px 15px 0px 15px; 
}

.model-size .size p.name {
    font-size: 14px;
    font-weight: 900;
}

.model-size .size p {
    text-align: left;
    color: #444;
    font-size: 11px;
    display: flex;
    flex-flow: row wrap;
}

.model-size .size p + p {
    padding: 2px 0px 0px;
}

.model-size .size p span:not(:last-child):after { 
    content: '.'; 
    display: inline-block; 
    padding: 0 4px; 
    color: #444; 
}

.model-size .zzim {
    width: 26px;
}

.model-size .btn-star {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 26px;
    height: 26px;
    color: #666;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    background: url(/resources/images/icon/ico_star_zzim.svg) no-repeat center center / 26px auto;
}

.model-size .btn-star.on {
    background: url(/resources/images/icon/ico_star_zzim_on.svg) no-repeat center center / 26px auto; 
}

/* 상세페이지 교환배송정책 */
.exchange-info {
    padding:15px 0px;
	line-height:1.4em;
    color:#666;
	font-size:13px;
	text-align:left;
}
.exchange-info .gray-title {
    text-align:left;
	font-size:14px;
	font-weight:600;
	padding:8px 15px;
	background-color:#f7f7f7;
	margin:12px 0px;
}

.exchange-info > dl > dt{
	padding:3px 15px;
	position:relative;
	font-weight:600;
}

.exchange-info > dl > dt:after{
    content: '';
	position:absolute;
	left:3px;
	top:8px;
	width:3px;
	height:9px;
	background-color:#ccc;
	transform:translateX(0px) rotate(89deg);
}
.exchange-info > dl > dt:before{
    content: '';
	position:absolute;
	left:3px;
	top:8px;
	width:3px;
	height:9px;
	background-color:#ccc;
	transform:translateY(0px) rotate(-179deg);
}

.exchange-info > dl > dd{
	padding:3px 15px;
}

.exchange-info .card{
    display:flex;
    flex-flow: row wrap;
	margin:0px -5px;
	padding:0px 15px;
}

.exchange-info .card > li{
	padding:3px 5px;
}

.exchange-info .card > li img{
    width:36px;
	border-radius:3px;
}

.exchange-info .convenience-wrap > li{
    padding:0px 15px;
}

.exchange-info .convenience-wrap > li .convenience{
    display:flex;
    flex-flow: row wrap;
	margin:0px -5px;
}

.exchange-info .convenience-wrap > li .convenience > li {
	align-items: center;
	padding:3px 5px;
}

.exchange-info .time{
    display:flex;
    flex-flow: row wrap;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	margin:0px 15px;
}

.exchange-info .time > li{
	align-items: center;
	text-align:center;
	padding:5px 0px;
	width:33.33%;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}

.exchange-info .time > li:nth-child(odd){
    background-color:#f7f7f7;
}


/* 상세페이지 슬라이딩 */

/* 리뷰 베스트 상품
============================================================================= */
.prod-item-review {
    width:100%; 
    display: -webkit-flex; 
    display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.prod-item-review .item-pic-70 {
    position:relative;
	width:70px; 
	margin:0 15px 0 0;
}

.prod-item-review .item-pic-100 {
    position:relative;
	width:100px; 
	margin:0 15px 0 0;
}

.prod-item-review .cnt {
	position:absolute; 
	top:0px; 
	left:0px;
	display:block;
	text-align:center;
	font-size:14px;
	width:22px;
	height:22px;
	line-height:22px;
}

.prod-item-review a { 
    display:block; 
	width:100%;
}

.prod-item-review .item-desc {
    text-align: left;
    line-height: 1.2em;
	word-break:break-all;
	flex:1;
}

.prod-item-review .item-desc a { 
    display:inline-block;
}

.prod-item-review .item-brand {
    margin-bottom: 5px;
    color: #888;
    font-size: 11px;
    font-weight: 600;
}

.prod-item-review .item-name {
    color: #777;
    font-size: 12px;
}

.prod-item-review .item-price {
    margin-top: 5px;
    color: #888;
    font-size: 14px;
    font-weight: 700;
}

.prod-item-review .item-price.price-row{
    display: -webkit-flex; 
    display: flex;
}

.prod-item-review .item-price .on-sale {
    font-size: 11px;
	font-weight:normal;
	text-decoration: line-through;
}

.prod-item-review .item-count {
	width:25%;
	text-align: right;
}

.prod-item-review .review-point {
    margin-top: 5px;
    font-size: 12px;
}

.prod-item-review .review-point .star {
    display: inline-block;
    width: 12px;
    text-align: center;
}

.prod-item-review .review-point .star.on {
    color: gold;
}

.prod-item-review .review-point .star:before {
    display: inline-block;
    content: '\2605';
}

.prod-item-review .review-point .star.half {
    color: gray;
}

.prod-item-review .review-point .star.half:after {
    display: inline-block;
    color: gold;
    content: '\2605';
    position: absolute;
    margin-left: -13px;
    width: 7px;
    overflow: hidden;
}

.prod-item-review .review-point .star.off {
    color: gray;
}

.prod-item-review .review-count {
    margin-top: 5px;
    font-size: 12px;
	color:#666;
}

/* 리뷰 베스트 상품 */

/* 코스메틱 디렉터스 컷
============================================================================= */
/* 디렉터스컷 이미지 */
.director-list {
    width: 100%;        
    margin-bottom: 30px;
	word-wrap: break-word;

} 

.director-list-line {
  border:solid 1px #ddd;
}

.director-list .director-pic > a {
    position: relative;
    display: block;
    width: 100%;
}

.director-list .director-pic img {
    width: 100%;
}

/* 디렉터스 컷 정보 안내 */
.director-list .director-desc {
    margin: 10px 3px 0;
}

.director-list .director-desc-all {
    margin: 15px 15px;
}

.director-list .director-tit {
    display: block;
    width: 100%;
    padding: 0px 0px 5px 0px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	font-size: 13px;
	font-weight:500;
}

.director-list .director-tit-all {
    padding: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight:600;
}

.director-list .director-sub {
	font-size:12px;
	color:#777;
}

.director-list .director-edit {
	font-size:12px;
	color:#111;
	padding:5px 0px 0px 0px;
}

/* 디렉터스 컷 관련상품 */

/* 코스메틱 디렉터스 컷 */
.director-list .prod-item-director-wrap {
    width:100%;
	background-color:#f9f9f9;
}

.director-list .prod-item-director-wrap > ul {
    display: -webkit-flex;
    display: flex;
	flex-flow: column wrap;
}

.director-list .prod-item-director-wrap > ul > li {
	border-top:solid 1px #eee;
	width:100%;
}

.director-list .prod-item-director {
    display: -webkit-flex;
    display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding:10px 12px;

}

.director-list .prod-item-director .item-pic {
    width:80px; padding:0px 15px 0px 0px;

}

.director-list .prod-item-director .item-desc{
    flex:1;
}  

.director-list .prod-item-director .item-name {
    font-size:12px;
	color:#777;
}
.director-list .prod-item-director .item-price {
    margin-top: 5px;
    color: #888;
    font-size: 14px;
    font-weight: 700;
}

.director-list .prod-item-director .item-price .on-sale {
    font-size: 11px;
    font-weight: normal;
    text-decoration: line-through;
}

.director-contents {
    width:100%
}

.director-contents .director-teg {
    display: -webkit-flex;
    display: flex;
	flex-flow: row wrap;
}

.director-contents .director-teg span {
    display:inline-block;
	padding:5px 0px 0px 15px;
	font-size:14px;
	color:#666;
	line-height:1;
}

.director-contents .director-sns {
    display: -webkit-flex;
    display: flex;
	flex-flow: row wrap;
	padding:15px 15px 20px;
}

.director-contents .director-sns span {
    display:inline-block;
	padding:0px 5px;
}

.director-contents .director-sns span img {
    width:36px;
}


/* search laytout 
============================================================================= */
.serch-input-wrp {
    width: 100%;
    background-color: #f5f5f5;
    padding: 20px 20px;
}

.serch-input-box {
    width: 100%;
    background-color: #FFFFFF;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%);
	display: -webkit-flex;
	display: flex;
    justify-content: space-between;
}

.serch-input-box input{
    flex:1;
	text-align: left;
    padding: 0px 15px !important;
    height: 40px !important;
    line-height: 40px;
    font-size: 14px !important;
    color: #111 !important;
    font-weight: normal !important;
    border: solid 0px #FFF !important;
}
.serch-input-box a {
    width: 50px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.serch-input-box a img {
    width:28px;
	height:28px;
}

.search-word {
    padding:20px 20px;
}

.search-word h3 {
    width: 100%;
    text-align: left;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    color: #888;
    font-weight: 600;
}

.search-word-loof > ul {
    display: flex;
    flex-flow: row wrap;
    margin: -10px -2px 0px -2px;
}

.search-word-loof > ul > li {
padding: 10px 2px 0px 2px;
}

.search-word-loof button {
display: inline-block;
    border: solid 1px #e6e6e6;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    padding: 0px 15px;
    font-size: 13px;
    color: #111;
    font-weight: 400;
}

/* cart 장바구니
============================================================================= */
/* 장바구니 전체선택 */
.form-check {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-right: 12px;
}
.form-check label { 
    margin-left: 5px;
 }
.form-check input { 
    width: 20px; 
    height: 20px; 
    margin: 0; 
    border: 1px solid #aaa; 
    background: #fff;
}
.form-check input:checked { 
    background-color: #eea80a!important; border-color: #eea80a; 
}
.form-check input[type=checkbox] { 
    border-radius: 0.25em; 
    background: url(/resources/images/icon/ico_input_chk.svg) no-repeat center center/12px;
}
.form-check input:checked[type=checkbox] { 
    background: url(/resources/images/icon/ico_input_chked.svg) no-repeat center center/12px;
 }

.mycart-wrap .allchk-area {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px 15px;
}
/* 장바구니 리스트 */
.cart-list {
    position: relative;
    margin-top: 8px;
    padding: 25px 15px;
}
.cart-list:before {
    content: ' ';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 8px;
    background: #f5f5f5;
    border-top: 1px solid #eee;
}
.cart-list h3 {
    font-size: 17px;
}
.cart-list h3 .badge {
    padding: 4px 7px;
    margin-left: 5px;
    text-align: center;
    font-weight: 400;
    border-radius: 3px;
    background: #f3f3f3;
    vertical-align: 2px;
}
.cart-list .notice {
	font-size: 12px;
	display:inline-block; 
	text-align:left; 
	padding:5px 0px 0px 0px;
	color:#666; 
}

.cart-pay-cancel {
    padding:10px 15px; 
	text-align:left;
}


/* 장바구니 상품 */
.cart-product {
    margin: 25px 0;
}
.cart-product .cart-item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
}
.cart-item .info .item-state span {
    display:inline-block; 
	width:100%;
	font-size: 12px; 
}

.cart-item .cart-del {
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 14px;
    background: url(/resources/images/common/ico_close_b.svg) center center/100% no-repeat;
}
.cart-item .thumb {
    width: 90px;
    margin-right: 15px;
}

.cart-item .thumb img {
    width: 100%;
}

.cart-item .info {
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    flex: 1;
}
.cart-item .info .item-brand {
    font-size: 14px;
    font-weight: 600;
}
.cart-item .info .item-name {
    margin: 2px 0 10px;
}
.cart-item .info .item-price {
    font-size: 18px;
    font-weight: 600;
}
.cart-item .info .item-price .on-sale {
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
    color: #bbb;
}
.cart-item .info .item-price > small {
    color: #666;
    vertical-align: 1px;
}
.cart-item .info .item-price *:not(:last-child) {
    margin-right: 5px;
}
/* 장바구니 하단옵션 */
.cart-product .cart-btm {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0 32px;
}
.cart-btm .prod-count {
    width: 90px;
    margin-right: 15px;
}
.cart-btm .prod-count button {
    position: relative;
    width: inherit;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #333;
    text-align: left;
    border: 1px solid #ddd;
    background: url(/resources/images/icon/ico_input_arr.svg) no-repeat right 6px center/7px;
    overflow: hidden;
}
.cart-btm .prod-count button:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;    
    right: 20px;
    width: 1px;
    background: #ddd;
}
.cart-btm .prod-count button span {
    margin-left: 7px;
}
.cart-btm .prod-count button.cart-disable {
    background: #f9f9f9;
    border-color: #e6e6e6;
    cursor: not-allowed;
}
.cart-btm .prod-count button.cart-disable:after {    
    display: none;    
}
.cart-btm .prod-option {
    flex: 1;
    padding: 6px 15px;
    color: #666;
    background: #f3f3f3;
}
.cart-btm .prod-option .division {
    position: relative;
}
.cart-btm .prod-option .division:before {
    display: inline-block;
    content: ' ';
    width: 1px;
    height: 10px;
    background: #bbb;
    margin: 0 6px;
    vertical-align: -1px;
}
/* 장바구니 결제금액 */
.cart-total {
    padding-top: 15px;
    margin-top: 20px;
    border-top: 1px solid #eee;
}
.cart-total dl {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;    
}
.cart-total dl:not(:last-child) {
    margin-bottom: 8px;
}
.cart-total dl dt {
    color: #666;
}
.cart-total dl dd {
    font-weight: 600;
}
.cart-total .total-price {
    padding-top: 12px;
    margin-top: 15px;
    font-size: 16px;
    border-top: 1px dashed #ddd;
}
/* 장바구니 총결제금액 */
.total-payment {
    position: relative;
    padding: 10px 15px 0;
    border-top: 1px solid #333;
    background: #f5f5f5;
}
.total-payment dl {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;    
    font-size: 15px;
}
.total-payment dl:not(:last-child) {
    padding: 8px 0;
}
.total-payment dl:last-child {
    border-top: 1px dashed #ddd;
}
.total-payment dl dt small {
    margin-left: 5px;
    color: #666;
}
.total-payment dl dt em {
    display: block;
    color: #d6122e;
    font-size: 11px;
}
.total-payment dl dd {
    font-weight: 600;
}
.total-payment .total-price {
    margin-top: 8px;
    padding: 18px 0;
    font-size: 17px;    
}
/* 장바구니 수량수정팝업 */
.quantity-wrap {    
    text-align: center;
}
.cart-quantity {
    display: flex;
    align-items: center;
    margin: 30px 5.4em;
    -webkit-box-shadow: 0 0 0 1px #ddd inset;
    box-shadow: inset 0 0 0 1px #ddd;
}
.cart-quantity > button {
    width: 42px;
    height: 42px;
}
.cart-quantity .count {
    flex: 1;
    width: 100%;
    height: 42px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #ddd;
}
.cart-quantity .minus {
    background: url(/resources/images/icon/ico_minus.svg) no-repeat center center/12px;
}
.cart-quantity .plus {
    background: url(/resources/images/icon/ico_plus.svg) no-repeat center center/12px;
}
.quantity-wrap .btn-apply {
    width: 100%;
}
/* 장바구니 구매하기 fixed */
.total-price-fixed {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 60px;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    padding: 0 15px;
    color: #fff;
    background: #444;
    z-index: 1003;
	border-bottom:solid 1px #a6a6a6;
}

.total-price-fixed.is-hidden {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
	border-bottom:solid 0px #a6a6a6;
}

.total-price-fixed:after {
    content: "";
    display: block;
    clear: both;
}

.total-price-fixed > span {
    font-size: 15px;
}
.total-price-fixed > span:not(:first-child):before {
    display: inline-block;
    content: ' ';
    width: 1px;
    height: 10px;
    background: #6c6867;
    margin: 0 10px 0 15px;
}
.total-price-fixed > button {
    padding: 7px 30px;
    margin-left: auto;
    color: #333;
    font-weight: 600;
    border-radius: 20px;
    background: #fff;
}
/* pay */
.pay-bt-wrap {
    display: block;
    padding: 30px 15px 20px;
    margin: 0 auto;
    text-align: center;
}

/* amazonpay */
.amazonpay-wrap {
    display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
    padding: 30px 0px 0px 0px;
    margin: 0 auto;
    text-align: center;
	width:100%;
}

.amazonpay-wrap .amazonpay-bt {
    margin:0 auto;
    width: 400px!important;
    height: 84px!important;
}
.amazonpay-wrap > p {
    margin-top: 10px;
    color: #333;
    font-size: 12px;
    text-align: center;
}

/* mypage 
============================================================================= */
/* mypage intro */
.mypage-wrap .mypage-login {
    margin: 15px;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #ddd;
}
.mypage-wrap .mypage-login > p {
    margin: 6px 0 0px;
    color: #555;
}
.mypage-wrap .mypage-login .user-login {
    font-size: 18px;
}
.mypage-wrap .mypage-login .user-login > b {
    font-size: 21px;
}

.mypage-wrap .mypage-login .user-login > p {
    font-size: 16px;
}
.mypage-wrap .mypage-login > .btn {
    border-radius: 20px;
    margin: 12px 0px 0px;
}

.mypage-wrap .mypage-login .user-id {
    margin: 6px 0 0px;
}

.mypage-wrap .mypage-login .user-id > ul {
    display: flex;
    display: -webkit-flex; 
    align-items: center;   
}

.mypage-wrap .mypage-login .user-id > ul > li:nth-child(1) {
    font-size: 16px;
}
.mypage-wrap .mypage-login .user-id > ul > li:nth-child(2) {
    padding: 0px 0px 0px 15px;
}

.mypage-wrap .mypage-login .user-id .userid-copy {
    display: inline-block;
    background-color: #f3f3f3;
    padding: 4px 16px;
    font-size: 12px;
    border: solid 1px #ddd;
    border-radius: 0.2em;
}

.mypage-wrap .mypage-info {
    display: -webkit-flex; 
    display: flex;    
    margin: 30px 10px;
}
.mypage-wrap .mypage-info a {
    flex: 1;
    padding: 46px 10px 0px;
    font-size: 13px;
    text-align: center;    
}
.mypage-wrap .mypage-info a:nth-child(1) { background: url(/resources/images/icon/ico_my_info_01.svg) top center/46px no-repeat; }
.mypage-wrap .mypage-info a:nth-child(2) { background: url(/resources/images/icon/ico_my_info_02.svg) top center/46px no-repeat; }
.mypage-wrap .mypage-info a:nth-child(3) { background: url(/resources/images/icon/ico_my_info_03.svg) top center/46px no-repeat; }
.mypage-wrap .mypage-info a:nth-child(4) { background: url(/resources/images/icon/ico_my_info_04.svg) top center/46px no-repeat; }

.mypage-wrap .mypage-banner {
    margin: 0 15px;
    text-align: center;
}

.mypage-wrap .mypage-menu .menu-list {
    padding: 35px 0 15px;
}
.mypage-wrap .mypage-menu .menu-list h3 {
    margin: 0 15px 10px;
    color: #888;
    font-size: 14px;
}
.mypage-wrap .mypage-menu .menu-list li > a {
    position: relative;
    display: flex;
    padding: 10px 15px;
    font-size: 14px;
}
.mypage-wrap .mypage-menu .menu-list li > a:after {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    width: 9px;
    height: 9px;
    border: 1px solid #666;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mypage-wrap .mypage-menu .menu-list + .menu-list {
    border-top: 1px solid #ddd;    
}


/* 샵인포관련
============================================================================= */
.wrap_shopinfo .title-text {
    font-family: var(--font-Abhaya-Libre);
    font-size:25px;
	font-weight:700;
	display:inline-block;
	line-height:1.0em;
}
.wrap_shopinfo{position:relative;width:100%; padding:0px 0px 0px 0px;}
.wrap_shopinfo .visual {
    padding:20px 0px 0px 0px;
	text-align:center;
}
.wrap_shopinfo .visual img {width:100%;}
.wrap_shopinfo .notice { padding:50px 10px 30px; text-align:left;}
.wrap_shopinfo .notice p { padding:5px 0px 0px;}
.wrap_shopinfo .notice p a {text-decoration:underline;}

.wrap_shopinfo .shop-section {
    position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	margin:30px 0px 20px;
} 

.wrap_shopinfo .shop-section .shop-name {
    display:inline-block;
	position:relative;
	z-index:2;
	padding:0px 36px;
	height:40px;
	line-height:40px;
	font-size:18px;
	font-weight:600;
	background-color:#FFF;
	border:solid 1px #000;
	border-radius:20px 20px;
}

.wrap_shopinfo .shop-section .shop-name em {
    font-weight:400;
}

.wrap_shopinfo .shop-section hr{
    width:100%;
	height:1px;
	position:absolute;
	top:50%;
	margin-top:-1px;
	background-color:#000;
	z-index:1;
}


.wrap_shopinfo .shop-info {
    padding:30px 0px;
	text-align:left;
}
.wrap_shopinfo .shop-info .title {
    border-bottom:1px solid #CCC;
	display: flex;
	align-items: flex-end;
	padding:0px 10px 10px;
}
.wrap_shopinfo .shop-info .title span {
    display:inline-block;
	line-height:1.0em;
	padding:0px 0px 4px 10px;
}

.wrap_shopinfo .shop-info .map {
    padding:10px 0px 20px;
}

.wrap_shopinfo .shop-info > ul > li {
    display:flex;
	flex-direction: column;
	padding:0px 20px;
}
.wrap_shopinfo .shop-info > ul > li + li {
    padding:10px 20px 0px;
}
.wrap_shopinfo .shop-info > ul > li span {
    font-family: var(--font-Abhaya-Libre);
    font-size:17px;
	font-weight:700;
	display:block;
} 
.wrap_shopinfo .shop-info > ul > li em {
    display:block;
	padding:5px 0px 0px;
	font-size:12px;
}

/* recommend item event 메인페이지 리뉴얼후 삭제
============================================================================= */
.wrap-main-item {
    padding:0px 15px 0px;
}

.wrap-main-item > ul {
    display:flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	margin:0px -5px;
}

.wrap-main-item > ul >li {
    padding:0px 5px;
	width:50%;
}

.main-item {
    margin:0px 0px 25px;
}

.main-item .thum {
    position:relative;
	z-index:1;
}

.main-item .thum a {
    display:block;
	position:relative;
	z-index:3;
}

.main-item .thum a i {
    position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	display:block;
	padding:5px 12px;
	background-color: rgba(0, 0, 0, 0.8);
	color:#FFF;
	font-weight:700;
}

.main-item .thum .info {
    position:absolute;
	left:0px;
	bottom:-14px;
	display:flex;
	z-index:3;
}

.main-item .thum .info span {
    display:inline-block;
	padding:0px 12px;
	height:28px;
	line-height:28px;
	color:#fff;
}

.main-item .thum .info .title {
	background:#ee1169;

}
.main-item .thum .info .time {
	background:#f96da5;
}

.main-item-price {
    position:relative;
	z-index:1;
	margin:25px 0px 0px;
	display:flex;;
	line-height:1.0em;
	font-size:14px;
}

.main-item-price span + span {
    padding:0px 0px 0px 8px;
	color:#333;
}
.main-item-price .per {
    color:#ff3333;
	font-weight:600;
}
.main-item-price .off {
    text-decoration: line-through;
}
.main-item-price .price {
    font-size:16px;
	font-weight:600;
}

.main-item-price .price.sale-price {
    color:#ff3333;
}

.main-item-notice {
    margin:8px 0px 0px;
	color:#ababab;
	text-align:left;
	line-height:1.0em;
	letter-spacing:0px;
}

/* recommend item event 
============================================================================= */

.swiper-flag-item > ul > li {
    width: 400px;
}

.flag-item {
    width: 100%;
}

.flag-item  a {
    display:block;
    width: 100%;
}

.flag-item .thum {
    position:relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
	z-index:1;
}

.flag-item .thum img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.flag-item .thum i {
    position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	display:block;
	padding:0px 12px;
	height:24px;
	line-height:24px;
	background-color: rgba(0, 0, 0, 0.8);
	color:#FFF;
	font-weight:600;
    font-size: 12px;
}

.flag-item .thum .info {
    position:absolute;
	left:0px;
	bottom:0px;
	display:flex;
	z-index:3;
}

.flag-item .thum .info span {
    display:inline-block;
	padding:0px 12px;
	height:24px;
	line-height:24px;
	color:#fff;
    font-size: 12px;
}

.flag-item .thum .info .title {
	background:#ee1169;

}
.flag-item .thum .info .time {
	background:#f96da5;
}

.flag-item .item-info {
    padding: 25px 15px 0px;
    text-align: center;
}

.flag-item .item-info .item-brand {
    font-size: 18px;
    font-weight: 700;
    color: #111;
}

.flag-item .item-info .item-name {
    font-size: 14px;
    color: #666;
    padding: 5px 0px 0px;
}

.flag-item .item-info .item-price {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 10px 0px 0px;
}

.flag-item .item-info .item-price span + span {
    padding: 0px 0px 0px 5px;
}

.flag-item .item-info .item-price span.sale {
    color: #ff3333;
    font-weight: 600;
 }

 .flag-item .item-info .item-price span.price {
    color: #111;
 }
 .flag-item .item-info .item-price span.price.off {
    text-decoration: line-through;
 }

 .swiper-flag-item .bg_arrows .swiper-button-next {
    right: 300px!important;
    top: 200px!important;
    left: auto;
 }

 .swiper-flag-item .bg_arrows .swiper-button-prev {
    left: 300px!important;
    top: 200px!important;
    right: auto;
 }

.swiper-flag-item .swiper-slide .flag-item{
    opacity: 0.4!important;
}

.swiper-flag-item .swiper-slide-active .flag-item{
    opacity: 1.0!important;
}

/* magazine 
============================================================================= */
.magazine-list {
    padding:25px 0px 25px;
}

.magazine-list ul {
    display: -webkit-flex;
    display: flex;
	flex-flow: row wrap;
	margin:0px -10px;
}

.magazine-list ul > li {
    width:25%;
	padding:0px 10px;
}

.magazine-list-thum {
    padding:0px 0px 35px;
}

.magazine-list-thum a{
    display:block;
}

.magazine-list-thum .thum {
    margin:0px 0px 13px;
}

.magazine-list-thum .thum img {
    width:100%;
}

.magazine-list-thum .info .title {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

.magazine-list-thum .info .sub {
    font-size: 12px;
    margin-top: 8px;
    color: #999;
    text-align: left;
}

/* 매거진 컨텐츠 */

.wrap-magazine {
    max-width:720px;
	margin:0 auto;
}

.magazine-contents .main-contents{
    padding:0px 0px 15px 0px;
}

.magazine-contents .main-contents  .thum img {
    width:100%;
}

.magazine-contents .text-contents {
    padding: 12px 24px;
	text-align:center;
}

.magazine-contents .text-contents.title {
    font-size: 28px;
    padding: 40px 24px 10px 24px;
	font-weight: 700;
}

.magazine-contents .text-contents.sub {
	font-weight: 700;
    font-size: 18px;
}
.magazine-contents .text-contents.info {
	font-size: 15px;
}

.magazine-contents .text-contents.c-title {
	font-size: 16px;
	font-weight:600;
}

.magazine-contents .text-contents.c-info {
	font-size: 15px;
	color:#333;
    padding: 5px 24px 20px;
}

.magazine-contents .contents .thum {
    width:500px;
	margin:0 auto;
	padding:0px 0px 0px;
	overflow:hidden;
}

.magazine-contents .contents .thum img {
    width:100%;
	border-radius: 6px;
}

.magazine-contents .loof-contents .contents {
    padding:10px 0px 0px;
}

.magazine-contents .loof-contents .contents .wrap-gallery {
    margin:0px 0px 0px;
}

.swiper-magazine {
    width:500px;
	margin:0 auto;
}

.swiper-magazine.gallery-top .swiper-slide{
    border-radius: 6px;
	overflow:hidden;
}

.swiper-magazine.gallery-thumbs .swiper-slide{
    border-radius: 4px;
}

.magazine-product-list {
    width:500px;
	margin:0 auto;
    padding: 30px 0px 0px;
}

.magazine-all-list .magazine-product-list {
    width:100%;
}

.magazine-product-list > ul {
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	margin:0px -3px;
}

.magazine-product-list > ul > li {
    width:33.33%;
	padding:0px 3px;
}

.magazine-all-list .magazine-product-list > ul > li {
    width:25%;
}

.magazine-product-list .prod-item {
    width:100%;
	margin:0px 0px 30px;
}

/* 박경서 추가 (동영상 상품 관련) */
.magazine-movie-product-list {
    width:720px;
	margin:0 auto;
    padding: 30px 0px 0px;
}

.magazine-all-list .magazine-movie-product-list {
    width:100%;
}

.magazine-movie-product-list > ul {
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	margin:0px -3px;
}

.magazine-movie-product-list > ul > li {
    width:25%;
	padding:0px 3px;
}

.magazine-all-list .magazine-movie-product-list > ul > li {
    width:25%;
}

.magazine-movie-product-list .prod-item {
    width:100%;
	margin:0px 0px 30px;
}
/* 박경서 추가 (동영상 상품 관련) */

.wrap-magazine-tag .magazine-tag {
    margin:0px 0px 30px;
}

.wrap-magazine-tag .magazine-tag > ul {
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
}

.wrap-magazine-tag .magazine-tag > ul > li {
    margin:0px 8px 5px 0px;
    display: inline-flex;
    font-size: 14px;
    line-height: 21px;
    color: #6e6e6e;
    background: #f3f3f3;
    font-weight: 400;
    vertical-align: top;
    padding: 5.5px 10px;
	border-radius: 3px 3px;
}

.wrap-magazine-tag .magazine-tag > ul > li a {
    display: block;
    color: #6e6e6e;
}

.magazine-s-list header {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: space-between;
}

.magazine-s-list header h2{
    font-size:18px;
}
.magazine-s-list .list > ul {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}
.magazine-s-list .list > ul > li {
    width: 100%;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #f4f4f4;
}

.magazine-s-list .list > ul > li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.magazine-s-list .list > ul > li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
}

.magazine-s-list .list > ul > li .info {
    display: flex;
    flex-direction: column;
	flex:1;
	padding:0px 50px 0px 0px;
	text-align:left;
}

 .magazine-s-list .list > ul > li .info h3 {
    font-size:14px;
	font-weight:normal;
 }
 .magazine-s-list .list > ul > li .info .comment {
     margin:5px 0px 0px;
	 font-size:12px;
	 color:#aaa;;
	 line-height:1.3em;
}

.magazine-s-list .list > ul > li .thum {
    width: 120px;
    height: 80px;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.magazine-more {
    width: 100%;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 4px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    text-decoration: none !important;
}

/* main magazine swiper */
.swiper-container .main-magazine-list {
    margin:0px -7px;
    flex-flow: row nowrap;
	width:auto;
}
.swiper-container .main-magazine-list > li {    
    width: 28%;
    padding: 0 7px;
}

.swiper-container .main-magazine-list > li .magazine-list-thum {
    padding: 0px 0px ;
}

/* 메인 키워드 컨텐츠 */

.keyword-loof-contents {
    padding: 25px 0px 25px;
}

.keyword-contents .keyword-thum {
    position: relative;
    z-index: 1;
    margin: 0px 0px 15px;
}

.keyword-contents .keyword-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 2;
    text-align: left;
    background: linear-gradient(to bottom, rgb(0, 0, 0, 0), rgb(0, 0, 0, 0.2) 50%); 
    padding: 30px 25px 20px;
}
.keyword-contents .keyword-text span {
    display: block;
    width: 100%;
    color: #fff;
}
.keyword-contents .keyword-text .tit {
    font-size: 20px;
    font-weight: 600;
}
.keyword-contents .keyword-text .sub {
    font-size: 14px;
    padding: 8px 0px 0px;
}

/* event 
============================================================================= */
.event-banner-list .column-1 {
    display: -webkit-flex;
    display: flex;
	flex-direction: column;
	width:100%;
}


.event-banner-list img{ width:100%;}

.main-banner-list .column-1 {
    display: -webkit-flex;
    display: flex;
	flex-direction: column;
}

/* celeb coupon */
.celeb-coupon-area { text-align: left; }
.celeb-coupon { display: inline-flex; align-items: center; justify-content: flex-start; background: #f7f7f7; border-radius: 5px; cursor: pointer; -webkit-box-shadow: 2px 2px 5px rgb(198 198 198 / 75%); box-shadow: 2px 2px 5px rgb(198 198 198 / 75%); }
.celeb-coupon:after { content: ' '; width: 19px; height: 19px; margin-left: 15px; padding: 27px 24px; border-radius: 0 5px 5px; background: #fff url(/images/coupon/coupon_down_btn.png) no-repeat center center/19px; }
.celeb-coupon.disable:after { background: #fff url(/images/coupon/coupon_down_btn_g.png) no-repeat center center/19px; }
.celeb-coupon.disable { cursor: initial; }
.celeb-coupon strong { display: flex; align-items: center; justify-content: center; margin: 0 15px; padding-right: 4px; width: 69px; height: 34px; color: #fdff5a; font-size: 16px; font-weight: 500; background: url(/images/coupon/coupon_down.png) no-repeat center center; }
.celeb-coupon span { font-size: 13px; color: #000; text-align: center; }
.celeb-coupon span em { display: block; font-size: 11px; color: #888; }

/* dholic day style */
.dday_main_visual {
    margin: 0 auto;
    max-width: 1280px;
    min-width: 1025px;
}

.dday_main_visual img {
    width: 100%;;
}

.dday_main_coupon {
     width: 100%;
     padding: 30px 50px 30px;
     border-radius: 1.4em;
}
.dday_main_coupon_bt {
    margin: 0 auto;
    display: block;
    width: auto;
}